/* ====== Base ====== */
:root{
  --bg: #ffffff;
  --text: #141414;
  --muted: #5b5b5b;
  --line: #e9e9e9;

  --c-blue: #1f4fff;
  --c-pink: #d100a6;
  --c-olive: #7a6a00;
  --c-purple:#6a00ff;

  --radius: 14px;
	
	--cream:#f7f2e8;
  --mint:#eef6f2;
  --blue-soft:#eef3fb;
  --lilac:#f4eef8;
  --soft-cream:#fbf8f0;
  --soft-blue:#f6f8fc;
	
	
}
.nav a{
  white-space: nowrap;
}
@media (max-width : 480px ){

  .nav{
    gap:6px;
  }

}

*{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }

body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  line-height:1.55;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

img{ max-width:100%; height:auto; display:block; }
a{ color:inherit; text-decoration:none; }
p{ margin:0 0 1rem; }
small{ color:var(--muted); }

.display{
  font-family: Georgia, "Times New Roman", Times, serif;
  letter-spacing:-0.2px;
}

/* ====== Container ====== */
.container{
  width:min(1120px, calc(100% - 48px));
  margin-inline:auto;
}

/* ====== Header ====== */
.header{
  position:sticky;
  top:0;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
  z-index:40;
}

.header__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 0;
}

.brand{
  display:flex;
  align-items:center;
  gap:10px;
}

.avatar{
  width:28px;
  height:28px;
  border-radius:999px;
  border:1px solid var(--line);
  background:#fafafa;
  object-fit:cover;
}

.brand__name{
  font-weight:600;
  font-size:14px;
	white-space: nowrap;
}

.nav{
  display:flex;
  gap:16px;
  font-size:12px;
}

.nav a{
  padding:6px 2px;
}

.nav a.is-active{
  text-decoration:underline;
  text-underline-offset:5px;
}

/* ====== Main ====== */
.main{
  padding:38px 0 60px;
}

/* ====== Intro ====== */
.intro{
  padding:40px 0 28px;
}

.intro h1{
  margin:0 0 10px;
  font-size:clamp(30px, 3.8vw, 50px);
  line-height:1.12;
}

.intro p{
  margin:0;
  color:var(--muted);
  max-width:70ch;
  font-size:16px;
}

/* ====== Divider ====== */
.divider{
  border:0;
  border-top:1px solid var(--line);
  margin:28px 0;
}

.divider.accent-blue{ border-top-color: color-mix(in srgb, var(--c-blue) 45%, #ffffff); }
.divider.accent-pink{ border-top-color: color-mix(in srgb, var(--c-pink) 45%, #ffffff); }
.divider.accent-olive{ border-top-color: color-mix(in srgb, var(--c-olive) 45%, #ffffff); }
.divider.accent-purple{ border-top-color: color-mix(in srgb, var(--c-purple) 45%, #ffffff); }

/* ====== Feature blocks ====== */
.feature{
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:32px;
  align-items:center;
  padding:10px 0;
}

.kicker{
  font-size:11px;
  text-transform:lowercase;
  letter-spacing:.4px;
  margin-bottom:10px;
}

.kicker.blue{ color:var(--c-blue); }
.kicker.pink{ color:var(--c-pink); }
.kicker.olive{ color:var(--c-olive); }
.kicker.purple{ color:var(--c-purple); }

.feature h2{
  margin:0 0 10px;
  font-size:clamp(24px, 3.2vw, 40px);
  line-height:1.15;
}

.feature h2.blue{ color:var(--c-blue); }
.feature h2.pink{ color:var(--c-pink); }
.feature h2.olive{ color:var(--c-olive); }
.feature h2.purple{ color:var(--c-purple); }

.feature p{
  color:var(--muted);
  margin:0 0 14px;
  max-width:60ch;
}

/* ====== Generic image box ====== */
.thumb{
  border-radius:var(--radius);
  border:1px solid var(--line);
  overflow:hidden;
  background:#fafafa;
  min-height:220px;
}

/* ====== Buttons ====== */
.btn{
  display:inline-block;
  font-size:11px;
  padding:6px 10px;
  border:1px solid var(--text);
  border-radius:2px;
}

.btn.blue{ border-color:var(--c-blue); color:var(--c-blue); }
.btn.pink{ border-color:var(--c-pink); color:var(--c-pink); }
.btn.olive{ border-color:var(--c-olive); color:var(--c-olive); }
.btn.purple{ border-color:var(--c-purple); color:var(--c-purple); }

/* ====== More projects cards ====== */
.more{
  padding:10px 0 0;
}

.more__title{
  margin:0 0 12px;
}

.cards{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:28px;
  align-items:stretch;
}

.card{
  padding-top:10px;
  border-top:1px solid var(--line);
  display:flex;
  flex-direction:column;
}

.card .kicker{
  margin-top:8px;
}

.card h3{
  margin:8px 0 10px;
  font-size:28px;
  line-height:1.1;
  min-height:96px;
}

/* category-based card colors */

.card[data-category="onboarding"] h3,
.card[data-category="onboarding"] .kicker,
.card[data-category="onboarding"] .btn{
  color:#4FBF7A;
}

.card[data-category="onboarding"] .btn{
  border-color:#4FBF7A;
}

.card[data-category="compliance"] h3,
.card[data-category="compliance"] .kicker,
.card[data-category="compliance"] .btn{
  color:#D94FB6;
}

.card[data-category="compliance"] .btn{
  border-color:#D94FB6;
}

.card[data-category="customer-experience"] h3,
.card[data-category="customer-experience"] .kicker,
.card[data-category="customer-experience"] .btn{
  color:#C47AD6;
}

.card[data-category="customer-experience"] .btn{
  border-color:#C47AD6;
}

.card[data-category="leadership"] h3,
.card[data-category="leadership"] .kicker,
.card[data-category="leadership"] .btn{
  color:#4C6FBF;
}

.card[data-category="leadership"] .btn{
  border-color:#4C6FBF;
}

.card[data-category="risk-management"] h3,
.card[data-category="risk-management"] .kicker,
.card[data-category="risk-management"] .btn{
  color:#4FA3A6;
}

.card[data-category="risk-management"] .btn{
  border-color:#4FA3A6;
}

.card .thumb{
  margin-top:auto;
  width:100%;
  min-height:220px;
}

.more .btn{
  display:inline-block !important;
  width:auto !important;
  padding:6px 10px !important;
  border-radius:2px !important;
  line-height:1 !important;
}

.more .card a.btn{
  align-self:flex-start;
}

/* ====== Research page ====== */
.paper{
  border-top:1px solid var(--line);
  padding:16px 0;
}

.paper__meta{
  font-size:12px;
  color:var(--muted);
}

.paper__cite{
  margin:8px 0 10px;
}

.paper__takeaway{
  margin:0;
  color:var(--text);
}

.tagrow{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}

.tag{
  font-size:11px;
  border:1px solid var(--line);
  border-radius:999px;
  padding:4px 10px;
  color:var(--muted);
}

/* ====== Footer ====== */
.footer{
  margin-top:40px;
}

.footer__links{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:16px 0;
}

.footer__links a{
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size:22px;
  text-decoration:underline;
  text-underline-offset:6px;
}

.footer__links a.blue{ color:var(--c-blue); }
.footer__links a.pink{ color:var(--c-pink); }
.footer__links a.purple{ color:var(--c-purple); }

.copyright{
  font-family: Georgia, "Times New Roman", Times, serif;
  color:var(--muted);
  text-align:center;
  margin-top:20px;
  font-size:14px;
}

/* ===== Safe More Cases Slider ===== */
.more-cases-safe{
  padding: 10px 0 0;
}

.more-cases-safe .mc-header{
  margin-bottom: 14px;
}

.more-cases-safe .mc-title{
  font-size: 38px;
  line-height: 1.08;
  color: var(--text);
  margin: 0 0 12px;
  text-align: center;
}

.more-cases-safe .mc-shell{
  position: relative;
}

.more-cases-safe .mc-viewport{
  overflow: hidden;
}

.more-cases-safe .mc-track{
  display: flex;
  gap: 28px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding: 6px 0;
}

.more-cases-safe .mc-track::-webkit-scrollbar{
  display: none;
}

.more-cases-safe .mc-card{
  flex: 0 0 calc((100% - 56px) / 3);
  border-top: 1px solid var(--line);
  padding-top: 12px;
  display: flex;
  flex-direction: column;
  scroll-snap-align: start;
}

.more-cases-safe .mc-card h3{
  margin: 8px 0 10px;
  font-size: 28px;
  line-height: 1.1;
  min-height: 96px;
}

.more-cases-safe .mc-desc{
  color: var(--muted);
  font-size: 14px;
  line-height: 1.6;
  margin: 0 0 14px;
  max-width: 32ch;
}

.more-cases-safe .mc-thumb{
  margin-top: auto;
  width: 100%;
  height: 320px;
  border-radius: 14px;
  border: 1px solid var(--line);
  overflow: hidden;
  background: #fafafa;
}

.more-cases-safe .mc-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.more-cases-safe .mc-arrow{
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: #fff;
  cursor: pointer;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.more-cases-safe .mc-arrow--prev{
  left: -52px;
}

.more-cases-safe .mc-arrow--next{
  right: -52px;
}

.more-cases-safe .mc-footer{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 14px;
  flex-wrap: wrap;
}

.more-cases-safe .mc-dots{
  display: flex;
  gap: 8px;
  align-items: center;
}

.more-cases-safe .mc-dot{
  width: 8px;
  height: 8px;
  border-radius: 999px;
  border: 0;
  background: #ddd;
  cursor: pointer;
}

.more-cases-safe .mc-dot.is-active{
  background: var(--c-purple);
}

.more-cases-safe .mc-all{
  font-size: 14px;
  color: var(--text);
}

/* ===== Applied Case Library / CLEAN ===== */

.more--library{
  padding:20px 0;
}

.more__title{
  color:var(--text);
  text-align:center;
  font-size:34px;
  margin:0 0 18px;
}

.more__filters{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
  margin-bottom:18px;
}

.more__tabs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.tab{
  border:1px solid var(--line);
  background:#fff;
  border-radius:999px;
  padding:7px 14px;
  font-size:12px;
  cursor:pointer;
  transition:.2s ease;
}

.tab.is-active{
  background:var(--c-purple);
  border-color:var(--c-purple);
  color:#fff;
}

.more__search input{
  width:220px;
  height:40px;
  border:1px solid var(--line);
  border-radius:999px;
  padding:0 14px;
  font-size:12px;
  outline:none;
  background:#fff;
}

.more__search input:focus{
  border-color:#cfcfcf;
}

.mc-wrap{
  position:relative;
  margin-top:8px;
}

.mc-viewport{
  overflow-x:auto;
  overflow-y:hidden;
  scroll-behavior:smooth;
  scrollbar-width:none;
}

.mc-viewport::-webkit-scrollbar{
  display:none;
}

.mc-track{
  display:flex;
  gap:28px;
}

.more--library .card{
  flex:0 0 calc((100% - 56px) / 3);
  border-top:1px solid var(--line);
  padding-top:12px;
  display:flex;
  flex-direction:column;
}

.more--library .card[hidden]{
  display:none !important;
}

.more--library .card h3{
  margin:8px 0 10px;
  font-size:28px;
  line-height:1.1;
  min-height:96px;
}

.case-desc{
  font-size:14px;
  line-height:1.6;
  color:var(--muted);
  margin:10px 0 14px;
}

.more--library .thumb{
  margin-top:14px;
  width:100%;
  height:220px;
  min-height:unset;
  border-radius:14px;
  border:1px solid var(--line);
  overflow:hidden;
  background:#fafafa;
}

.more--library .thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.mc-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:46px;
  height:46px;
  border-radius:999px;
  border:1px solid var(--line);
  background:#fff;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:24px;
  line-height:1;
  z-index:5;
}

.mc-prev{
  left:-22px;
}

.mc-next{
  right:-22px;
}

.more__foot{
  margin-top:18px;
  display:flex;
  justify-content:flex-start;
  align-items:center;
}

.more__count{
  font-size:15px;
  color:#444;
}

.more__dots{
  display:none !important;
}

.more__dot{
  display:none !important;
}

/* ===== CASE PAGE TOP SECTION ===== */

/*
.case-page .meta{
  display:grid;
  grid-template-columns: 1fr 1.4fr 1fr;
  gap:18px;
  margin:18px auto 22px;
  max-width:1100px;
  font-size:12px;
  width:100%;
}*/

.case-page .meta{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:18px;

  width:100%;
  max-width:none;

  margin:18px 0 22px;
  padding:0;

  font-size:12px;
}

.case-page .meta__item{
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding:18px 18px;
  border-radius:16px;
  border:1px solid rgba(20,20,20,0.05);
  background:#f7f7fb;
  color:var(--text);
  width:100%;
  min-width:0;
}
.case-page .meta__icon{
  width:42px;
  height:42px;

  border-radius:999px;

  display:flex;
  align-items:center;
  justify-content:center;

  font-size:18px;

  flex-shrink:0;
}
.case-page .meta__item--blue .meta__icon{
  color:var(--c-blue);
  background:rgba(31,79,255,0.08);
}

.case-page .meta__item--pink .meta__icon{
  color:var(--c-pink);
  background:rgba(209,0,166,0.08);
}

.case-page .meta__item--purple .meta__icon{
  color:var(--c-purple);
  background:rgba(106,0,255,0.08);
}

.case-page .meta__text{
  margin:4px 0 0;
  font-size:15px;
  line-height:1.45;
  color:#222;
}

.case-page .meta__label{
  display:block;
  margin-bottom:2px;

  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:700;
}

/* ICON COLORS */

.case-page .meta__item--blue .meta__icon{
  color:var(--c-blue);
}

.case-page .meta__item--pink .meta__icon{
  color:var(--c-pink);
}

.case-page .meta__item--purple .meta__icon{
  color:var(--c-purple);
}

.case-page .meta__label{
  font-size:11px;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-weight:700;
  opacity:.85;
  white-space:nowrap;
}
@media (max-width: 900px){
  .case-page .meta{
    grid-template-columns:1fr;
    max-width:none;
  }
}

.case-page .meta__item--blue{
  background: color-mix(in srgb, var(--c-blue) 10%, #ffffff);
}
.case-page .meta__item--pink{
  background: color-mix(in srgb, var(--c-pink) 10%, #ffffff);
}
.case-page .meta__item--purple{
  background: color-mix(in srgb, var(--c-purple) 10%, #ffffff);
}

.case-page .meta__item--blue .meta__label{
  color:var(--c-blue);
  opacity:1;
}
.case-page .meta__item--pink .meta__label{
  color:var(--c-pink);
  opacity:1;
}
.case-page .meta__item--purple .meta__label{
  color:var(--c-purple);
  opacity:1;
}

.case-page .lead.full-width{
  width:min(1100px, 100%);
  max-width:none;
  margin:0 0 18px;
  color:var(--muted);
  line-height:1.7;
}

.case-page .summary{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
}

.case-page .summary__grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  width:100%;
  max-width:100%;
  gap:20px;
  margin-top:18px;
}

.case-page .summary__item{
  padding:16px 16px 14px;
  border-radius:14px;
  border:1px solid rgba(20,20,20,0.06);
  background:#fafafe;
}

.case-page .summary__label{
  font-size:12px;
  font-weight:600;
  color:var(--c-pink);
  margin-bottom:8px;
}

.case-page .summary__text{
  font-size:13px;
  line-height:1.6;
  color:var(--muted);
}

/* ====== Responsive ====== */
@media (max-width : 978px ){
  .more-cases-safe .mc-card{
    flex-basis: calc((100% - 28px) / 2);
  }

  .more-cases-safe .mc-thumb{
    height: 280px;
  }

  .more-cases-safe .mc-arrow--prev{
    left: -10px;
  }

  .more-cases-safe .mc-arrow--next{
    right: -10px;
  }
}

@media (max-width: 992px){
  .more--library .card{
    flex:0 0 calc((100% - 28px) / 2);
  }

  .mc-prev{
    left:-10px;
  }

  .mc-next{
    right:-10px;
  }
}

@media (max-width: 900px){
  .feature{
    grid-template-columns:1fr;
    gap:18px;
  }

  .cards{
    grid-template-columns:1fr;
    gap:18px;
  }

  .footer__links{
    justify-content:space-between;
  }

  .case-page .summary__grid{
    grid-template-columns:1fr;
  }
}

@media (max-width : 696px ){
  .more-cases-safe .mc-title{
    font-size: 28px;
    text-align: left;
  }

  .more-cases-safe .mc-card{
    flex-basis: 100%;
  }

  .more-cases-safe .mc-thumb{
    height: 240px;
  }

  .more-cases-safe .mc-arrow{
    display: none;
  }

  .more-cases-safe .mc-footer{
    justify-content: flex-start;
  }

  .more__title{
    font-size:28px;
  }

  .more__filters{
    align-items:stretch;
  }

  .more__search{
    width:100%;
  }

  .more__search input{
    width:100%;
  }

  .more--library .card{
    flex:0 0 100%;
  }

  .mc-nav{
    display:flex;
  }
}
.more__topline{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  margin-top:16px;
  width:100%;
}

.more__count-static{
  font-size:16px;
  color:var(--text);
  margin:0;
}

.more__all{
  font-size:16px;
  color:var(--text);
  text-decoration:none;
  white-space:nowrap;
  margin-left:auto;
}


/* category tabs color */

.tab[data-filter="all"].is-active{
  background:#8A5CF6;
  border-color:#8A5CF6;
  color:#fff;
}

.tab[data-filter="compliance"].is-active{
  background:#D94FB6;
  border-color:#D94FB6;
  color:#fff;
}

.tab[data-filter="customer-experience"].is-active{
  background:#C47AD6;
  border-color:#C47AD6;
  color:#fff;
}

.tab[data-filter="onboarding"].is-active{
  background:#4FBF7A;
  border-color:#4FBF7A;
  color:#fff;
}

.tab[data-filter="leadership"].is-active{
  background:#4C6FBF;
  border-color:#4C6FBF;
  color:#fff;
}

.tab[data-filter="risk-management"].is-active{
  background:#4FA3A6;
  border-color:#4FA3A6;
  color:#fff;
}
.tab:hover{
  transform:translateY(-1px);
}

.header__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

.nav{
  display:flex;
  align-items:center;
  gap:28px;
  margin-left:auto;
}

.lang-dropdown{
  position:relative;
  margin-left:8px;
}

.lang-btn{
  border:none;
  background:transparent;
  font-family:inherit;
  font-size:12px;   /* nav linkleri ile aynı yap */
  color:#4a4a4a;
  cursor:pointer;
  padding:0;
  display:flex;
  align-items:center;
  gap:4px;
}


.lang-caret{
  font-size:10px;
  opacity:.7;
}

.lang-menu{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  min-width:140px;
  background:#fff;
  border:1px solid rgba(20,20,20,0.08);
  border-radius:12px;
  box-shadow:0 10px 30px rgba(20,20,20,0.08);
  padding:8px 0;
  display:none;
  z-index:1000;
}

.lang-menu a{
  display:block;
  padding:10px 14px;
  text-decoration:none;
  color:var(--text);
  font-size:14px;
}

.lang-menu a:hover{
  background:#f7f7fb;
}

.lang-menu a.active{
  font-weight:600;
  color:var(--c-pink);
}

.lang-dropdown.open .lang-menu{
  display:block;
}

.menu-toggle{
  display:none;
  font-size:18px;
  line-height:1;
  cursor:pointer;
}


.header-actions{
  display:flex;
  align-items:center;
  gap:6px;
}

@media (max-width:480px){
	
	
  .container{
    width:calc(100% - 28px);
  }

  .brand__name{
    font-size:14px;
    white-space:nowrap;
  }

  .header{
    position:relative;
  }

  .header__inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
  }

  .nav{
    display:none;
  }

  .menu-toggle{
    display:block;
  }

  .lang-dropdown{
    display:block;
  }

  .lang-btn{
    font-size:0;
    padding:2px 4px;
  }

  .lang-btn::before{
  content:"\1F310";
  font-size:18px;
}

  .lang-caret{
    display:none;
  }

  .nav.active{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:18px;
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    background:#fff;
    padding:24px 20px;
    border-top:1px solid #e9e9e9;
    box-shadow:0 8px 24px rgba(0,0,0,0.08);
    z-index:1000;
  }

  .nav.active a{
    font-size:18px;
    white-space:nowrap;
  }
}


/* =========================
   RESEARCH PAGE FINAL
   ========================= */

/* =========================
   RESEARCH TOP HERO
   ========================= */

.research-top-hero{
  padding: 26px 0 34px;
}

.research-top-hero__title{
  margin: 0 0 12px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: clamp(42px, 5vw, 64px);
  line-height: 1.02;
  letter-spacing: -0.6px;
  color: #171717;
}

.research-top-hero__desc{
  margin: 0 0 28px;
  max-width: 760px;
  font-size: 16px;
  line-height: 1.75;
  color: #5c5c5c;
}

.research-top-panel{
  border: 1px solid #e8e4ea;
  border-radius: 20px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.88), rgba(251,249,252,0.96));
  box-shadow: 0 8px 24px rgba(28, 18, 37, 0.03);
  padding: 18px;
}

.research-metrics{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  border-bottom: 1px solid #ece7ee;
  padding-bottom: 14px;
  margin-bottom: 14px;
}

.research-metric{
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 6px 10px;
  min-width: 0;
}

.research-metric + .research-metric{
  border-left: 1px solid #ece7ee;
}

.research-metric__icon{
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.research-metric__icon svg{
  width: 24px;
  height: 24px;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.research-metric__icon--blue svg{
  stroke: #7b86ff;
}

.research-metric__icon--gold svg{
  stroke: #d6b381;
}

.research-metric__icon--mint svg{
  stroke: #9bd5c8;
}

.research-metric__content{
  display: flex;
  align-items: baseline;
  gap: 12px;
  min-width: 0;
  flex-wrap: wrap;
}

.research-metric__content strong{
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
  color: #181818;
  letter-spacing: -0.3px;
}

.research-metric__content span{
  font-size: 14px;
  color: #444;
  white-space: nowrap;
}


.research-search{
  height: 48px;
  border: 1px solid #e7e1e9;
  border-radius: 12px;
  background: #fbfafc;
  padding: 0 14px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.research-search:focus-within{
  background: #fff;
  border-color: #d8cfdf;
}

.research-search__icon{
  width: 18px;
  height: 18px;
  color: #9a919f;
  flex: 0 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.research-search__icon svg{
  width: 18px;
  height: 18px;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.research-search input{
  width: 100%;
  border: 0;
  outline: none;
  background: transparent;
  font: inherit;
  font-size: 15px;
  color: #2a2a2a;
}

.research-search input::placeholder{
  color: #8d8593;
}

.research-top-panel__meta{
  margin-top: 10px;
  text-align: right;
  font-size: 13px;
  color: #8a8390;
}

/* responsive */
@media (max-width: 900px){
  .research-metrics{
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .research-metric + .research-metric{
    border-left: 0;
    border-top: 1px solid #ece7ee;
    padding-top: 14px;
  }

  .research-filters-bar{
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 640px){
  .research-top-hero{
    padding: 18px 0 26px;
  }

  .research-top-hero__title{
    font-size: 40px;
  }

  .research-top-panel{
    padding: 14px;
    border-radius: 16px;
  }

  .research-filters-bar{
    grid-template-columns: 1fr;
  }

  .research-metric{
    padding-inline: 4px;
  }

  .research-metric__content{
    gap: 8px;
  }

  .research-metric__content strong{
    font-size: 22px;
  }
}

.research-layout{
display:grid;
grid-template-columns: 1fr 320px;
gap:32px;
align-items:start;
}

.research-themes{

background:#fafafa;
border:1px solid #e9e9e9;
border-radius:16px;

padding:20px;

}

.research-themes h3{

margin-top:0;
font-family: Georgia, serif;
font-size:22px;

}

.research-themes ul{

list-style:none;
padding:0;
margin:0;

}

.theme{

display:flex;
align-items:center;
justify-content:space-between;

padding:10px 0;
border-bottom:1px solid #eee;

font-size:14px;

}

.theme:last-child{
border-bottom:0;
}

.theme-dot{

width:12px;
height:12px;
border-radius:3px;
margin-right:10px;
display:inline-block;

}

.theme-count{

background:#f2f2f2;
border-radius:20px;
padding:2px 8px;
font-size:12px;

}




.research-card{

background:#ffffff;
border:1px solid #e9e9e9;
border-radius:18px;

padding:22px;
margin-bottom:22px;

}

.research-card h3{

font-family:Georgia,serif;
font-size:26px;
margin-bottom:8px;

}

.research-authors{

color:#555;
margin-bottom:4px;

}

.research-journal{

color:#777;
font-style:italic;
margin-bottom:14px;

}
.research-card{

background:#ffffff;
border:1px solid #e9e9e9;
border-radius:18px;

padding:22px;
margin-bottom:22px;

}

.research-card h3{

font-family:Georgia,serif;
font-size:26px;
margin-bottom:8px;

}

.research-authors{

color:#555;
margin-bottom:4px;

}

.research-journal{

color:#777;
font-style:italic;
margin-bottom:14px;

}

.research-box{

border-radius:12px;
padding:14px;
margin-bottom:12px;

}

.research-takeaway{
background:#eef0fb;
}

.research-implication{
background:#f3eaf2;
}

.research-footer{

display:flex;
justify-content:space-between;
align-items:center;

margin-top:10px;
border-top:1px solid #eee;
padding-top:10px;

}

.research-link{

color:#2a57ff;
font-size:14px;

}
.paper-theme{
  font-size:12px;
  font-weight:700;
  color:#000;
  margin-bottom:6px;
  text-transform:lowercase;
}

.theme-transfer .theme-dot{background:#a9b8ff;}
.theme-motivation .theme-dot{background:#e6c77b;}
.theme-evaluation .theme-dot{background:#9fd3c7;}
.theme-design .theme-dot{background:#a7c7e7;}
.theme-workplace .theme-dot{background:#d9c7f0;}
.theme-support .theme-dot{background:#c7e0a7;}
.theme-leadership .theme-dot{background:#f0c7d4;}
.theme-analysis .theme-dot{background:#bfc7d1;}
.theme-education-tech .theme-dot{background:#f5a7c7;}   /* soft pembe-mor */
.theme-instructional-design .theme-dot{background:#a7d8f0;}      /* pastel mavi */
.theme-online-learning .theme-dot{background:#c7f0e7;}     /* soft mint */




/* theme renk kodlari her kart i�in ayri */
.tag-transfer{
  background:#e6ebff;
  border-color:#cfd6ff;
}

.tag-motivation{
  background:#f3e9c9;
  border-color:#eadfae;
}

.tag-evaluation{
  background:#e1f1ec;
  border-color:#cfe7df;
}

.tag-design{
  background:#e6eff7;
  border-color:#d5e3f0;
}

.tag-workplace{
  background:#efe7f7;
  border-color:#e1d6f0;
}

.tag-support{
  background:#e6f2d8;
  border-color:#d8e9c4;
}

.tag-leadership{
  background:#f5e3ea;
  border-color:#ead0db;
}

.tag-analysis{
  background:#e8edf2;
  border-color:#d9e0e6;
}
.tag-education-tech{
  background:#ffe6f0;
  border-color:#ffcce0;
}

.tag-instructional-design{
  background:#e6f7ff;
  border-color:#bce0f5;
}

.tag-online-learning{
  background:#e6fff5;
  border-color:#bceee0;
}


.research-insights{

margin-top:24px;
padding:20px;

background:#fafafa;
border:1px solid var(--line);
border-radius:16px;

}

.research-insights h3{

margin-top:0;
font-family: Georgia, serif;
font-size:22px;

}

.research-insights ul{

list-style:none;
padding:0;
margin:0;

}

.research-insights li{

display:flex;
gap:10px;

font-size:14px;
color:#444;

margin-bottom:12px;

}

.insight-icon{

color:#7c86ff;
font-size:14px;

}

/* =========================
   RESEARCH FILTERS + DROPDOWNS
   ========================= */

.research-filters-bar{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:12px;
  width:100%;
  align-items:start;
}

.research-filter{
  position:relative;
  width:100%;
  min-width:0;
}

.research-filter-btn,
.research-search{
  width:100%;
  height:48px;
  min-width:0;
  box-sizing:border-box;
}

.research-filter-btn{
  border:1px solid #e7e1e9;
  border-radius:12px;
  background:#fbfafc;
  padding:0 14px;
  display:flex;
  align-items:center;
  gap:10px;
  color:#5a5560;
  font:inherit;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  transition:background .18s ease, border-color .18s ease;
}

.research-filter-btn:hover{
  background:#fff;
  border-color:#ddd5e2;
}

.research-filter-btn__icon{
  width:16px;
  height:16px;
  flex:0 0 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#8b8193;
}

.research-filter-btn__icon svg{
  width:16px;
  height:16px;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.research-filter-btn span:nth-child(2){
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.research-filter-btn__caret{
  margin-left:auto;
  flex:0 0 auto;
  font-size:14px;
  color:#8b8193;
  line-height:1;
  transition:transform .2s ease;
}

.research-filter-btn[aria-expanded="true"] .research-filter-btn__caret{
  transform:rotate(180deg);
}

.research-search{
  border:1px solid #e7e1e9;
  border-radius:12px;
  background:#fbfafc;
  padding:0 14px;
  display:flex;
  align-items:center;
  gap:10px;
}

.research-search:focus-within{
  background:#fff;
  border-color:#d8cfdf;
}

.research-search__icon{
  width:18px;
  height:18px;
  flex:0 0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#9a919f;
}

.research-search__icon svg{
  width:18px;
  height:18px;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.research-search input{
  width:100%;
  min-width:0;
  height:100%;
  border:0;
  outline:none;
  background:transparent;
  font:inherit;
  font-size:15px;
  color:#2a2a2a;
}

.research-search input::placeholder{
  color:#8d8593;
}

/* dropdown panel */
.research-dropdown{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  right:0;
  width:100%;
  min-width:100%;
  background:#fff;
  border:1px solid #e7e1dc;
  border-radius:14px;
  padding:6px;
  box-shadow:0 10px 28px rgba(20,20,43,.08);
  display:none;
  z-index:50;
}

.research-dropdown.is-open{
  display:block;
}

/* dropdown items */
.research-dropdown__item{
  display:block;
  width:100%;
  margin:0;
  border:0;
  outline:0;
  background:transparent;
  text-align:left;
  padding:10px 12px;
  border-radius:10px;
  cursor:pointer;
  font:inherit;
  font-size:14px;
  line-height:1.4;
  color:#2a2a2a;
  appearance:none;
  -webkit-appearance:none;
  box-shadow:none;
}

.research-dropdown__item:hover{
  background:#f7f3ef;
}

.research-dropdown__item:focus{
  background:#f3eef8;
}

/* responsive */
@media (max-width:900px){
  .research-filters-bar{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width:640px){
  .research-filters-bar{
    grid-template-columns:1fr;
  }
}


@media (max-width:480px){

  .research-layout{
    display:grid;
    grid-template-columns:1fr;
    gap:20px;
  }

  .research-sidebar{
    width:100%;
  }

  .research-card{
    padding:16px;
  }

  .research-card h3{
    font-size:20px;
    line-height:1.2;
    margin-bottom:10px;
  }

  .research-tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
  }

  .research-footer{
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
  }

  .research-themes,
  .research-insights{
    padding:16px;
  }
}

.research-load-more{
  display:flex;
  justify-content:center;
  margin-top:8px;
}

.research-load-more__btn{
  border:1px solid #e7e1e9;
  background:#fff;
  color:#2a2a2a;
  border-radius:999px;
  padding:12px 18px;
  font:inherit;
  font-size:14px;
  cursor:pointer;
  transition:background .18s ease, border-color .18s ease, transform .18s ease;
}

.research-load-more__btn:hover{
  background:#fbfafc;
  border-color:#d8cfdf;
  transform:translateY(-1px);
}


/* =========================
   TOOLKIT PAGE
   ========================= */



.toolkit-shell{
  padding:34px 0 60px;
}

.toolkit-hero{
  padding:22px 0 34px;
  border-bottom:1px solid var(--line);
  margin-bottom:34px;
}

.toolkit-eyebrow{
  margin:0 0 10px;
  font-size:11px;
  letter-spacing:.05em;
  text-transform:lowercase;
  color:var(--c-olive);
}

.toolkit-title{
  margin:0 0 14px;
  font-family:Georgia, "Times New Roman", serif;
  font-size:clamp(38px, 5vw, 68px);
  line-height:1.02;
  letter-spacing:-0.04em;
  color:#1d1b1b;
}

.toolkit-desc{
  max-width:760px;
  margin:0;
  font-size:16px;
  color:var(--muted);
  line-height:1.75;
}

.toolkit-section{
  margin-bottom:36px;
}

.section-head{
  margin-bottom:18px;
}

.section-head h2,
.panel-head h2{
  margin:0 0 8px;
  font-family:Georgia, "Times New Roman", serif;
  font-size:22px;
  line-height:1.15;
}

.section-head p,
.panel-head p{
  margin:0;
  color:var(--muted);
  font-size:15px;
}

.framework-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:18px;
}

.framework-card{
  min-height:280px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  padding:22px;
  display:flex;
  flex-direction:column;
  box-shadow:0 12px 34px rgba(23, 18, 30, 0.04);
}

.framework-card h3{
  margin:0 0 12px;
  font-family:Georgia, "Times New Roman", serif;
  font-size:26px;
  line-height:1.18;
}

.framework-card p{
  margin:0 0 22px;
  color:#555;
  font-size:15px;
}

.framework-card a{
  margin-top:auto;
  color:var(--c-olive);
  font-size:15px;
}

.framework-icon{
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  margin-bottom:18px;
  font-size:22px;
  color:#9a7400;
}

.tone-cream{ background:linear-gradient(180deg, #fbf8f0, #f8f5ee); }
.tone-mint{ background:linear-gradient(180deg, #f2f7f4, #eef5f2); }
.tone-blue{ background:linear-gradient(180deg, #f1f5fb, #edf2f8); }
.tone-lilac{ background:linear-gradient(180deg, #f6f1fa, #f2edf7); }

.toolkit-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  margin-bottom:20px;
}

.toolkit-panel{
  border:1px solid var(--line);
  border-radius:20px;
  background:#fff;
  padding:24px;
  box-shadow:0 12px 34px rgba(23, 18, 30, 0.03);
}

.tone-soft-cream{
  background:linear-gradient(180deg, #fcfaf3, #ffffff 42%);
}

.tone-soft-blue{
  background:linear-gradient(180deg, #f7f9fd, #ffffff 46%);
}

.panel-head{
  margin-bottom:18px;
}

.panel-eyebrow{
  margin:0 0 8px;
  font-size:11px;
  letter-spacing:.05em;
  text-transform:lowercase;
  color:var(--c-olive);
}

.panel-body h3{
  margin:0 0 14px;
  font-family:Georgia, "Times New Roman", serif;
  font-size:18px;
}

.check-list{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:12px;
}

.check-list li{
  position:relative;
  padding-left:28px;
  font-size:15px;
  color:#333;
}

.check-list li::before{
  content:"\2713";
  position:absolute;
  left:0;
  top:0;
  color:#c79b2c;
  font-weight:700;
}

.check-list.warm li::before{
  color:#b88712;
}

.blooms-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
  margin-top:12px;
}

.bloom-card{
  border:1px solid var(--line);
  border-radius:14px;
  padding:16px;
}

.bloom-card h3{
  margin:0 0 6px;
  font-size:16px;
  font-family:Georgia, "Times New Roman", serif;
}

.bloom-card p{
  margin:0;
  color:#555;
  font-size:14px;
}

.bloom-1{ background:#fbf7ed; }
.bloom-2{ background:#f3f8ef; }
.bloom-3{ background:#eef4fb; }
.bloom-4{ background:#eef7f6; }
.bloom-5{ background:#f6f0fb; }
.bloom-6{ background:#faeef5; }

.objective-example{
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid var(--line);
  color:#666;
  font-size:15px;
}

.stack-list{
  display:grid;
  gap:14px;
  margin-top:18px;
}

.stack-item{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 0;
  border-bottom:1px solid #efedf0;
  font-size:16px;
}

.stack-item:last-child{
  border-bottom:none;
}

.stack-icon{
  width:30px;
  height:30px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
}

.stack-icon.blue{ color:#3d79b8; background:#eef4fb; }
.stack-icon.purple{ color:#8a63b8; background:#f4eefb; }
.stack-icon.gold{ color:#b18727; background:#fbf5e8; }

/* =========================
   TOOLKIT RESPONSIVE
   ========================= */

@media (max-width:1100px){
  .framework-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width:900px){
  .toolkit-split{
    grid-template-columns:1fr;
  }
}

@media (max-width:640px){
  .toolkit-shell{
    padding:24px 0 42px;
  }

  .toolkit-hero{
    padding:12px 0 24px;
    margin-bottom:24px;
  }

  .toolkit-title{
    font-size:42px;
  }

  .framework-grid{
    grid-template-columns:1fr;
  }

  .blooms-grid{
    grid-template-columns:1fr 1fr;
  }

  .framework-card,
  .toolkit-panel{
    padding:18px;
    border-radius:16px;
  }
}

@media (max-width:480px){
  .toolkit-title{
    font-size:36px;
  }

  .toolkit-desc{
    font-size:15px;
    line-height:1.7;
  }

  .section-head h2,
  .panel-head h2{
    font-size:20px;
  }

  .framework-card h3{
    font-size:24px;
  }

  .blooms-grid{
    grid-template-columns:1fr;
  }
}

.video-toggle {
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 8px;
}

.video-toggle summary {
  cursor: pointer;
  font-weight: 600;
  list-style: none;
}

.video-toggle summary::-webkit-details-marker {
  display: none;
}

/* toolkit bonus bilgi kısmı */

.model-combo-section {
  margin: 28px 0 36px;
}

.model-combo-card {
  background: #fffdf9;
  border: 1px solid #e8e0d2;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.04);
}

.model-combo-toggle {
  width: 100%;
  background: transparent;
  border: none;
  padding: 22px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  cursor: pointer;
  text-align: left;
  font: inherit;
}

.model-combo-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: #151515;
  line-height: 1.3;
}

.model-combo-icon {
  font-size: 1.3rem;
  color: #a47a12;
  transition: transform 0.25s ease;
  flex-shrink: 0;
}

.model-combo-card.active .model-combo-icon {
  transform: rotate(180deg);
}

.model-combo-panel {
  display: none;
  padding: 0 24px 24px;
  border-top: 1px solid #efe7da;
}

.model-combo-card.active .model-combo-panel {
  display: block;
}

.flow-diagram {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  margin: 22px 0 18px;
}

.flow-step {
  background: #ffffff;
  border: 1px solid #e8dfcf;
  border-radius: 16px;
  padding: 14px 18px;
  min-width: 145px;
  text-align: center;
}

.flow-label {
  display: block;
  font-size: 0.78rem;
  color: #8d8d8d;
  margin-bottom: 6px;
}

.flow-step strong {
  font-size: 0.98rem;
  color: #171717;
}

.flow-arrow {
  font-size: 1.3rem;
  color: #b08a2d;
  font-weight: 700;
}

.flow-desc {
  margin: 0 0 16px;
  text-align: center;
  line-height: 1.7;
  color: #4c4c4c;
}

.flow-highlight {
  background: #f7f1e6;
  border: 1px solid #eadfc8;
  border-radius: 14px;
  padding: 14px 16px;
  text-align: center;
  font-weight: 600;
  color: #2a2a2a;
}

@media (max-width: 768px) {
  .model-combo-section {
    margin: 22px 0 28px;
  }

  .model-combo-toggle {
    padding: 18px;
  }

  .model-combo-title {
    font-size: 1.05rem;
  }

  .model-combo-panel {
    padding: 0 18px 18px;
  }

  .flow-step {
    min-width: 100%;
  }

  .flow-arrow {
    display: none;
  }
}

.stack-text {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.inline-link {
  font-size: 0.85rem;
  color: #c9a96e;
  text-decoration: none;
  white-space: nowrap;
  opacity: 0.8;
}

.inline-link:hover {
  text-decoration: underline;
  opacity: 1;
}
.inline-link {
  opacity: 0;
  transition: 0.2s;
}

.stack-item:hover .inline-link {
  opacity: 1;
}

/* ===== CASE SUMMARY CARD ===== */
.case-summary-column{
  display:flex;
  flex-direction:column;
  gap:28px;
  width:100%;
}
.case-summary-card{
  max-width:100%;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:36px 70px;
  align-items:start;
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  padding:34px 38px;
  margin-top:28px;
  box-shadow:0 10px 30px rgba(0,0,0,0.04);
}

.case-summary-item{
  display:flex;
  align-items:flex-start;
  gap:16px;
}

.case-summary-item i{
  color:#5b4fd6;
  font-size:20px;
  margin-top:4px;
  min-width:22px;
}

.case-summary-item h2{
  margin:0 0 6px;
  font-size:15px;
  line-height:1.3;
  color:#1d1d1d;
  font-weight:700;
  font-family:system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.case-summary-item p,
.case-summary-item li{
  margin:0;
  font-size:13px;
  line-height:1.6;
  color:#5a5a5a;
}

.case-summary-item ul{
  margin:6px 0 0;
  padding-left:18px;
}

.case-summary-item a{
  color:#5b4fd6;
  text-decoration:none;
  font-weight:600;
}

.case-summary-item a:hover{
  text-decoration:underline;
}

@media (max-width:768px){
  .case-summary-card{
    grid-template-columns:1fr;
    padding:22px;
    gap:22px;
  }
}
/* ===== Library Compact Cards ===== */

.more--library .lc-card{
  flex:0 0 calc((100% - 56px) / 3);

  display:grid;
  grid-template-columns:132px 1fr;
  gap:16px;

  padding:14px;

  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;

  box-shadow:0 8px 24px rgba(20,20,20,0.04);
}

.more--library .lc-thumb{
  width:132px;
  height:132px;
  min-height:132px;
  margin:0;

  border:0;
  border-radius:12px;
  overflow:hidden;
  background:#fafafa;
}

.more--library .lc-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.more--library .lc-content{
  display:flex;
  flex-direction:column;
  min-width:0;
}

.more--library .lc-kicker{
  margin:0 0 7px;
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.more--library .lc-title{
  margin:0 0 8px;
  font-size:20px;
  line-height:1.15;
  min-height:auto;
}

.more--library .lc-desc{
  margin:0 0 12px;
  font-size:13px;
  line-height:1.5;
  color:var(--muted);
}

.more--library .lc-btn{
  margin-top:auto;
  align-self:flex-start;
}

/* eski card kuralları bunu ezmesin */
.more--library .lc-card .lc-title{
  min-height:auto;
}

/* tablet */
@media (max-width:992px){
  .more--library .lc-card{
    flex:0 0 calc((100% - 28px) / 2);
  }
}

/* mobil */
@media (max-width:696px){
  .more--library .lc-card{
    flex:0 0 100%;
    grid-template-columns:110px 1fr;
    gap:14px;
  }

  .more--library .lc-thumb{
    width:110px;
    height:110px;
    min-height:110px;
  }

  .more--library .lc-title{
    font-size:18px;
  }
}

.research-filter-btn__caret{
  width:6px;
  height:6px;
  border-right:1.7px solid #8b8094;
  border-bottom:1.7px solid #8b8094;
  transform:rotate(45deg);
  display:inline-block;
  transition:.2s ease;
  margin-top:-4px;
  flex-shrink:0;
}
.research-filter-btn:hover .research-filter-btn__caret{
  transform:rotate(225deg) translateY(1px);
}

.research-results-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:22px;
  font-size:14px;
  color:#8b8094;
}

.research-results-meta__count{
  display:none;
  align-items:center;
  gap:9px;
  padding-left:12px;
}

.research-results-meta__count::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  background:#7c5cff;
  box-shadow:0 0 0 5px rgba(124,92,255,.12);
}

.research-results-meta__right{
  display:flex;
  align-items:center;
  gap:16px;
  margin-left:auto;
}

.research-clear-filters{
  border:0;
  background:transparent;
  color:#6f55ff;
  font:inherit;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0;
  transition:.2s ease;
}

.research-clear-filters:hover{
  opacity:.65;
}

.research-results-meta__divider{
  width:1px;
  height:18px;
  background:rgba(120,110,140,.16);
}
@media (max-width: 768px){
  .research-results-meta{
    flex-direction:column;
    align-items:flex-start;
  }

  .research-results-meta__right{
    flex-wrap:wrap;
  }
}

.intro-meta{
  margin-top: 40px;
}

.tagline{
  display: inline-block;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #111;
  margin-bottom: 16px;
}