/* Bilgi Merkezi — saf CSS iyileştirmeleri (script yok) */

/* 1. Breadcrumbs (geri dönüş yolu) */
.article-hero,.knowledge-hero{position:relative!important}
.kb-crumbs-wrap{position:fixed;top:var(--header-h);left:0;right:0;z-index:90;padding:0 24px;pointer-events:none;background:linear-gradient(180deg,rgba(248,242,232,.94),rgba(239,229,214,.88));border-bottom:1px solid rgba(164,137,103,.22);box-shadow:0 10px 26px rgba(56,35,14,.08),inset 0 1px 0 rgba(255,251,244,.72);backdrop-filter:blur(14px) saturate(116%);-webkit-backdrop-filter:blur(14px) saturate(116%)}
.kb-crumbs-wrap>.kb-crumbs{pointer-events:auto;max-width:1220px;margin:0 auto;min-height:42px}
.kb-crumbs{display:flex;flex-wrap:nowrap;align-items:center;gap:9px;overflow:hidden;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(14,14,16,.58)}
.kb-crumbs a,.kb-crumbs .curr{display:inline-flex;align-items:center;min-height:26px;white-space:nowrap}
.kb-crumbs a{color:rgba(14,14,16,.62);text-decoration:none;padding:4px 10px;border:1px solid rgba(14,14,16,.14);border-radius:999px;background:rgba(255,255,255,.28);transition:color 200ms,border-color 200ms,background 200ms,transform 200ms}
.kb-crumbs a:hover{color:var(--ember);border-color:rgba(232,80,26,.38);background:rgba(255,248,238,.7);transform:translateY(-1px)}
.kb-crumbs .sep{opacity:.32;flex:0 0 auto}
.kb-crumbs .curr{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#9F5600;border:1px solid rgba(240,165,25,.42);background:linear-gradient(180deg,rgba(255,247,231,.9),rgba(247,231,199,.72));padding:4px 10px;border-radius:999px;box-shadow:inset 0 1px 0 rgba(255,255,255,.72)}
@media(max-width:520px){.kb-crumbs-wrap{padding:0 14px}.kb-crumbs{font-size:9.5px;gap:6px}.kb-crumbs a,.kb-crumbs .curr{padding:3px 7px}.kb-crumbs a:first-child{max-width:86px;overflow:hidden;text-overflow:ellipsis}}

/* 2. Hero alt aksan çizgisi */
body.is-knowledge .knowledge-hero h1::after,
body.is-knowledge .article-hero h1::after{content:"";display:block;width:96px;height:3px;margin-top:22px;background:linear-gradient(90deg,var(--ember),var(--spark));border-radius:2px;box-shadow:0 0 14px rgba(232,80,26,.4)}

/* 3. Kicker lazer noktası (statik) */
.kicker{position:relative;display:inline-block;padding-left:18px}
.kicker::before{content:"";position:absolute;left:0;top:50%;width:8px;height:8px;border-radius:50%;background:var(--ember);transform:translateY(-50%);box-shadow:0 0 10px var(--ember)}

/* 4. Drop-cap ilk harf */
body.is-article .article-lead::first-letter{font-family:var(--display);font-size:3.2em;line-height:.88;float:left;padding:6px 14px 0 0;color:var(--ember);font-weight:600}

/* 5. Bölüm numaraları (CSS counter) */
body.is-article .article-body{counter-reset:ksec}
body.is-article .article-section{counter-increment:ksec}
body.is-article .article-section h2::before{content:counter(ksec,decimal-leading-zero);display:block;font-family:var(--mono);font-size:12px;letter-spacing:.16em;color:var(--ember);margin-bottom:10px;font-weight:600}

/* 6. Liste madde işareti yükseltme */
body.is-knowledge .article-section li::before,
body.is-knowledge .checklist li::before{width:10px;height:10px;background:linear-gradient(135deg,var(--ember),var(--spark));box-shadow:0 0 0 3px rgba(232,80,26,.12);top:.58em}

/* 7. Quote panel sol turuncu bar */
body.is-knowledge .quote-panel{position:relative;padding-left:44px}
body.is-knowledge .quote-panel::before{content:"";position:absolute;left:14px;top:34px;bottom:34px;width:3px;background:linear-gradient(180deg,var(--ember),var(--spark));border-radius:2px}

/* 8. Hub: kart hover — mevcut 3 kolon (counter + içerik + ok) korunur */
body.is-hub .article-row{border-radius:10px;padding-left:14px;padding-right:14px;margin-left:-14px;margin-right:-14px}
body.is-hub .article-row h3{transition:color 200ms}
body.is-hub .article-row .arrow{transition:transform 260ms var(--ease-smooth)}

/* 9. Related kartlar: "Oku" etiketi */
body.is-knowledge .related a{position:relative;padding:28px 24px 52px!important}
body.is-knowledge .related a::after{content:"→ Oku";position:absolute;left:24px;bottom:20px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ember);opacity:.7}
body.is-knowledge .related a:hover::after{opacity:1}

/* 10. Final CTA statik parıltı */
body.is-knowledge .final-cta{position:relative;overflow:hidden}
body.is-knowledge .final-cta::before{content:"";position:absolute;left:30%;top:-40%;width:40%;height:180%;background:radial-gradient(circle,rgba(240,165,25,.08),transparent 60%);pointer-events:none}

/* 11. Hero proof chip hover */
body.is-knowledge .hero-proof span{transition:background 220ms,border-color 220ms,transform 220ms}
body.is-knowledge .hero-proof span:hover{background:rgba(255,227,163,.14);border-color:#FFE3A3;transform:translateY(-1px)}

/* 12. Footer "başa dön" pill */
.footer-bottom a[data-back-top]{padding:6px 12px;border:1px solid rgba(240,165,25,.3);border-radius:999px;transition:color 180ms,transform 180ms,border-color 180ms;text-decoration:none}
.footer-bottom a[data-back-top]:hover{color:#fff;transform:translateY(-2px);border-color:var(--spark);text-decoration:none}

/* 13. Article visual üst turuncu şerit */
body.is-knowledge .article-visual::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--ember),var(--spark));z-index:2;pointer-events:none}
body.is-knowledge .article-visual::before{content:none!important}

/* 14. TOC link gelişmiş durum */
.toc a{position:relative;padding-left:14px!important}
.toc a::before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;border-radius:50%;background:rgba(14,14,16,.2);transform:translateY(-50%)}
.toc a:hover::before{background:var(--ember)}

/* 15. Özel selection */
body.is-knowledge ::selection{background:var(--ember);color:#FFF4DC}

/* 16. Hero padding'i breadcrumb için aç */
body.is-knowledge .knowledge-hero,
body.is-knowledge .article-hero{padding-top:132px}
@media(max-width:860px){
  body.is-knowledge .knowledge-hero,
  body.is-knowledge .article-hero{padding-top:126px!important}
}
/* Hub: görsel olmadığı için hero tek kolon */
body.is-hub .knowledge-hero{min-height:auto!important;padding-bottom:72px!important}
body.is-hub .knowledge-hero-inner{grid-template-columns:1fr!important;display:block!important}
body.is-hub .knowledge-hero h1{max-width:820px!important;font-size:clamp(44px,7vw,88px)!important}
body.is-hub .knowledge-hero p{max-width:640px}

/* 17. Reduced motion */
@media(prefers-reduced-motion:reduce){
  body.is-knowledge *{transition:none!important}
}

/* 18. Knowledge center layout refresh */
html[lang="tr"] body.is-knowledge .related a::after{content:"→ Oku"}
html[lang="en"] body.is-knowledge .related a::after{content:"→ Read"}

body.is-hub .knowledge-hero{
  min-height:clamp(500px,64svh,660px)!important;
  padding:128px 24px 58px!important;
  background:linear-gradient(135deg,#11100f 0%,#171310 48%,#221710 100%)!important;
}
body.is-hub .knowledge-hero::before{
  background:
    linear-gradient(90deg,rgba(245,239,230,.04) 1px,transparent 1px),
    linear-gradient(rgba(245,239,230,.04) 1px,transparent 1px),
    radial-gradient(circle at 12% 18%,rgba(240,165,25,.1),transparent 28%),
    radial-gradient(circle at 86% 16%,rgba(232,80,26,.14),transparent 26%),
    linear-gradient(90deg,rgba(14,14,16,.94),rgba(14,14,16,.82) 44%,rgba(14,14,16,.56))!important;
  background-size:112px 112px,112px 112px,auto,auto,auto!important;
  background-position:0 0,0 0,0 0,0 0,0 0!important;
  opacity:1!important;
  transform:none!important;
}
body.is-hub .knowledge-hero::after{
  height:2px;
  opacity:.72;
}
body.is-hub .knowledge-hero-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(340px,.88fr)!important;
  gap:44px!important;
  align-items:center!important;
  max-width:1220px!important;
}
body.is-hub .knowledge-hero-copy{
  max-width:720px;
}
body.is-hub .knowledge-hero h1{
  max-width:700px!important;
  font-size:clamp(48px,6.4vw,84px)!important;
  text-wrap:balance;
}
body.is-hub .knowledge-hero p{
  max-width:640px!important;
  font-size:clamp(19px,1.8vw,23px)!important;
  line-height:1.5!important;
}
body.is-hub .knowledge-hero-visual{
  position:relative;
  z-index:1;
  margin:0;
  padding:12px;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(245,239,230,.11),rgba(245,239,230,.035));
  border:1px solid rgba(245,239,230,.16);
  box-shadow:0 22px 54px rgba(0,0,0,.24);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
body.is-hub .knowledge-hero-visual img{
  width:100%;
  height:auto;
  border-radius:15px;
  border:1px solid rgba(245,239,230,.12);
  background:#120f0d;
}
body.is-hub .hero-proof{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}
body.is-hub .hero-proof span{
  padding:9px 12px;
  border-radius:999px;
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#FFE3A3;
  border:1px solid rgba(255,227,163,.24);
  background:rgba(245,239,230,.05);
}

body.is-hub .hub-intro{
  padding:52px 24px 22px!important;
  background:linear-gradient(180deg,#F5EFE6 0%,#F2E8DA 100%)!important;
}
body.is-hub .hub-intro-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr)!important;
  gap:36px!important;
  align-items:start!important;
  max-width:1220px!important;
}
body.is-hub .hub-intro-copy h2{
  margin:0 0 18px;
  max-width:780px;
  font-size:clamp(32px,3.7vw,54px)!important;
  line-height:1.06!important;
}
body.is-hub .hub-intro-copy p{
  max-width:800px;
  color:#4F4740;
}
body.is-hub .hub-sidecard{
  position:relative;
  display:grid;
  gap:12px;
  padding:26px;
  border-radius:22px;
  border:1px solid rgba(145,113,75,.16);
  background:linear-gradient(180deg,rgba(255,251,246,.88) 0%,rgba(250,241,229,.78) 100%);
  box-shadow:0 18px 46px rgba(61,40,18,.055);
}
body.is-hub .hub-sidecard-kicker{
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#B9601C;
}
body.is-hub .hub-sidecard strong{
  font-family:var(--sans);
  font-size:clamp(19px,1.7vw,23px);
  line-height:1.28;
  font-weight:620;
  letter-spacing:-.01em;
}
body.is-hub .hub-sidecard p{
  margin:0;
  font-size:16.5px;
  line-height:1.7;
  color:#4F4740;
}
body.is-hub .hub-sidecard-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
body.is-hub .hub-sidecard-tags span{
  display:inline-flex;
  align-items:center;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(14,14,16,.1);
  background:rgba(255,255,255,.5);
  font-family:var(--mono);
  font-size:10.5px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#675B50;
}

body.is-hub .article-list{
  display:grid;
  gap:16px;
  max-width:1220px!important;
  padding-top:26px!important;
  padding-bottom:68px!important;
}
body.is-hub .article-row,
body.is-hub .article-row:nth-of-type(even){
  position:relative;
  display:grid!important;
  grid-template-columns:110px minmax(0,1.08fr) minmax(250px,.72fr) 44px;
  grid-template-areas:
    "index meta thumb arrow"
    "index content thumb arrow";
  column-gap:26px;
  row-gap:10px;
  margin:0!important;
  padding:22px 24px!important;
  border:1px solid rgba(14,14,16,.1)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(255,251,245,.92),rgba(248,240,228,.88))!important;
  box-shadow:0 12px 30px rgba(39,24,7,.055);
  overflow:hidden;
}
body.is-hub .article-row:nth-of-type(even){
  grid-template-columns:110px minmax(250px,.72fr) minmax(0,1.08fr) 44px;
  grid-template-areas:
    "index thumb meta arrow"
    "index thumb content arrow";
}
body.is-hub .article-row::before{
  grid-area:index;
  align-self:start;
  font-size:52px!important;
  line-height:.84!important;
  color:rgba(232,80,26,.34)!important;
}
body.is-hub .article-row small{
  grid-area:meta;
  display:block;
  margin-top:4px;
}
body.is-hub .article-row > div{
  grid-area:content;
  min-width:0;
}
body.is-hub .article-row h3{
  display:inline-block;
  position:relative;
  margin:0!important;
  font-size:clamp(30px,3.3vw,54px)!important;
  line-height:.98!important;
  text-wrap:balance;
  max-width:100%;
}
body.is-hub .article-row h3::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-6px;
  height:2px;
  background:var(--ember);
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform 300ms var(--ease-smooth);
}
body.is-hub .article-row p{
  margin:14px 0 0!important;
  max-width:none!important;
  font-size:18px!important;
  line-height:1.6!important;
  color:#564E46!important;
}
body.is-hub .article-thumb{
  grid-area:thumb;
  display:flex;
  align-self:stretch;
  min-height:220px;
  margin:0;
  overflow:hidden;
  border-radius:16px;
  border:1px solid rgba(14,14,16,.08);
  background:#130f0c;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
body.is-hub .article-thumb img{
  flex:1 1 auto;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:scale(1.01);
  transition:transform 280ms var(--ease-smooth),filter 280ms var(--ease-smooth);
}
body.is-hub .article-row .arrow{
  grid-area:arrow;
  align-self:center;
  justify-self:end;
  font-size:30px!important;
}
body.is-hub .article-row:hover{
  background:#FFF9F0!important;
  transform:translateY(-2px)!important;
  box-shadow:0 18px 42px rgba(39,24,7,.085)!important;
}
body.is-hub .article-row:hover .article-thumb img{
  transform:scale(1.04);
  filter:saturate(1.05);
}
body.is-hub .article-row:hover .arrow{
  transform:translateX(8px);
}

body.is-article .article-hero{
  position:relative;
  overflow:hidden;
  padding:126px 24px 58px!important;
  background:linear-gradient(135deg,#11100f 0%,#171310 50%,#231710 100%)!important;
}
body.is-article .article-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(245,239,230,.04) 1px,transparent 1px),
    linear-gradient(rgba(245,239,230,.035) 1px,transparent 1px),
    radial-gradient(circle at 18% 24%,rgba(240,165,25,.11),transparent 26%),
    radial-gradient(circle at 86% 18%,rgba(232,80,26,.15),transparent 28%);
  background-size:112px 112px,112px 112px,auto,auto;
  opacity:.78;
  pointer-events:none;
}
body.is-article .article-hero-inner{
  position:relative;
  z-index:1;
  display:grid!important;
  grid-template-columns:minmax(0,1.02fr) minmax(320px,.8fr)!important;
  gap:42px!important;
  align-items:end!important;
  max-width:1220px!important;
}
body.is-article .article-hero-inner > :not(.article-visual){
  max-width:760px;
}
body.is-article .meta-line{
  margin-bottom:20px;
}
body.is-article .article-hero h1{
  max-width:740px!important;
  text-wrap:balance;
}
body.is-article .article-hero p{
  max-width:700px!important;
}
body.is-article .article-visual{
  grid-column:2;
  grid-row:1 / span 3;
  display:flex;
  margin:0!important;
  min-height:360px!important;
  padding:12px;
  border-radius:22px;
  border:1px solid rgba(245,239,230,.16)!important;
  background:linear-gradient(180deg,rgba(245,239,230,.1),rgba(245,239,230,.04))!important;
  box-shadow:0 22px 54px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
body.is-article .article-topic-visual img{
  flex:1 1 auto;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  border-radius:15px;
  border:1px solid rgba(245,239,230,.12);
  background:#120f0d;
  transform:none!important;
  filter:none!important;
}
body.is-article .article-shell{
  max-width:1220px!important;
  grid-template-columns:minmax(220px,260px) minmax(0,780px)!important;
  gap:58px!important;
  padding-top:58px!important;
  padding-bottom:76px!important;
}
body.is-article .toc{
  top:126px!important;
  padding-top:22px!important;
}
body.is-article .quote-panel{
  border-radius:18px!important;
}

@media(max-width:1000px){
  body.is-hub .knowledge-hero-inner,
  body.is-hub .hub-intro-inner,
  body.is-article .article-hero-inner{
    grid-template-columns:1fr!important;
  }
  body.is-hub .knowledge-hero{
    min-height:auto!important;
    padding-bottom:48px!important;
  }
  body.is-hub .knowledge-hero-visual,
  body.is-article .article-visual{
    max-width:720px;
  }
  body.is-hub .article-row,
  body.is-hub .article-row:nth-of-type(even){
    grid-template-columns:1fr!important;
    grid-template-areas:
      "index"
      "meta"
      "content"
      "thumb"
      "arrow"!important;
    row-gap:12px;
  }
  body.is-hub .article-row .arrow{
    justify-self:start!important;
  }
  body.is-hub .article-thumb{
    min-height:180px;
  }
  body.is-article .article-visual{
    grid-column:auto!important;
    grid-row:auto!important;
    min-height:280px!important;
  }
}

@media(max-width:680px){
  body.is-hub .knowledge-hero{
    padding-top:122px!important;
  }
  body.is-hub .knowledge-hero h1{
    font-size:42px!important;
  }
  body.is-hub .hub-sidecard,
  body.is-hub .article-row{
    padding:20px!important;
    border-radius:18px!important;
  }
  body.is-hub .article-row::before{
    font-size:44px!important;
  }
  body.is-article .article-hero{
    padding-top:122px!important;
    padding-bottom:46px!important;
  }
  body.is-article .article-visual{
    min-height:220px!important;
    padding:10px;
  }
}

/* 19. Mobile knowledge pages: real phone layout, not squeezed desktop */
@media(max-width:1000px){
  .site-header{
    z-index:220!important;
  }
  .site-header-inner{
    height:64px!important;
    min-height:64px!important;
    padding:0 18px!important;
    align-items:center!important;
  }
  .site-brand{
    min-width:0!important;
    align-items:center!important;
  }
  .site-brand svg{
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important;
  }
  .site-brand-word{
    font-size:20px!important;
  }
  .hd-mobile-btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:42px!important;
    height:42px!important;
    flex:0 0 42px!important;
  }
  .kb-crumbs-wrap{
    top:64px!important;
    z-index:160!important;
    padding:0 12px!important;
  }
  .kb-crumbs-wrap>.kb-crumbs{
    min-height:40px!important;
  }
  .kb-crumbs{
    gap:5px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .kb-crumbs::-webkit-scrollbar{display:none}
  .kb-crumbs a,
  .kb-crumbs .curr{
    flex:0 0 auto;
    max-width:150px;
    min-height:24px!important;
    padding:3px 8px!important;
    font-size:9px!important;
    letter-spacing:.1em!important;
  }
  body.is-hub .knowledge-hero,
  body.is-article .article-hero{
    padding:114px 18px 34px!important;
    min-height:auto!important;
  }
  body.is-hub .knowledge-hero-inner,
  body.is-article .article-hero-inner{
    display:block!important;
    max-width:100%!important;
  }
  body.is-hub .knowledge-hero h1,
  body.is-article .article-hero h1{
    font-size:clamp(34px,11vw,46px)!important;
    line-height:1.02!important;
    letter-spacing:-.03em;
    margin:12px 0 18px!important;
    max-width:100%!important;
    text-wrap:balance;
  }
  body.is-hub .knowledge-hero p,
  body.is-article .article-hero p{
    font-size:18px!important;
    line-height:1.5!important;
    max-width:100%!important;
  }
  body.is-article .meta-line{
    gap:8px 12px!important;
    font-size:10px!important;
    letter-spacing:.1em!important;
    margin-bottom:12px!important;
  }
  body.is-knowledge .knowledge-hero h1::after,
  body.is-knowledge .article-hero h1::after{
    width:74px!important;
    height:3px!important;
    margin-top:18px!important;
  }
  body.is-hub .knowledge-hero-visual,
  body.is-article .article-visual{
    width:100%!important;
    max-width:100%!important;
    min-height:auto!important;
    margin:26px 0 0!important;
    padding:8px!important;
    border-radius:18px!important;
  }
  body.is-hub .knowledge-hero-visual img,
  body.is-article .article-topic-visual img{
    aspect-ratio:16/10;
    height:auto!important;
    object-fit:cover!important;
    border-radius:12px!important;
  }
  body.is-hub .hero-proof{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    margin-top:22px!important;
  }
  body.is-hub .hero-proof span{
    font-size:10px!important;
    padding:7px 9px!important;
  }
  body.is-hub .hub-intro{
    padding:34px 18px 12px!important;
  }
  body.is-hub .hub-intro-inner,
  body.is-article .article-shell{
    display:block!important;
    max-width:100%!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  body.is-article .article-shell{
    padding-top:34px!important;
    padding-bottom:52px!important;
  }
  body.is-hub .hub-intro h2,
  body.is-hub .section-title{
    font-size:clamp(30px,8.6vw,38px)!important;
    line-height:1.08!important;
  }
  body.is-hub .hub-intro p{
    margin-top:18px!important;
    font-size:18px!important;
    line-height:1.55!important;
  }
  body.is-hub .hub-sidecard{
    margin-top:26px!important;
  }
  body.is-hub .article-list{
    padding:22px 18px 54px!important;
    gap:14px!important;
  }
  body.is-hub .article-row,
  body.is-hub .article-row:nth-of-type(even){
    grid-template-columns:1fr!important;
    grid-template-areas:"index" "meta" "content" "thumb" "arrow"!important;
    padding:20px 18px!important;
    border-radius:18px!important;
    row-gap:12px!important;
  }
  body.is-hub .article-row::before{
    font-size:38px!important;
  }
  body.is-hub .article-row h3{
    font-size:clamp(28px,9vw,38px)!important;
    line-height:1.02!important;
  }
  body.is-hub .article-row p{
    font-size:16.5px!important;
    line-height:1.55!important;
  }
  body.is-hub .article-thumb{
    min-height:0!important;
  }
  body.is-hub .article-thumb img{
    aspect-ratio:16/10;
    height:auto!important;
  }
  body.is-article .toc{
    position:relative!important;
    top:auto!important;
    margin:0 0 30px!important;
    padding:18px 0 0!important;
  }
  body.is-article .article-body{
    font-size:17px!important;
    line-height:1.68!important;
  }
  body.is-article .article-lead{
    font-size:19px!important;
    line-height:1.55!important;
    margin-bottom:34px!important;
  }
  body.is-article .article-lead::first-letter{
    float:none!important;
    font-size:inherit!important;
    line-height:inherit!important;
    padding:0!important;
    color:inherit!important;
    font-weight:inherit!important;
  }
  body.is-article .article-section{
    padding:30px 0!important;
  }
  body.is-article .article-section h2{
    font-size:clamp(28px,8.5vw,38px)!important;
    line-height:1.08!important;
  }
  body.is-knowledge .quote-panel{
    padding:24px 20px 24px 34px!important;
    margin-top:32px!important;
  }
  body.is-knowledge .quote-panel::before{
    left:18px!important;
    top:24px!important;
    bottom:24px!important;
  }
  body.is-knowledge .related,
  body.is-knowledge .final-cta{
    padding-left:18px!important;
    padding-right:18px!important;
  }
  body.is-knowledge .related-grid{
    grid-template-columns:1fr!important;
  }
  body.is-knowledge .final-cta-inner{
    flex-direction:column!important;
    align-items:flex-start!important;
  }
  body.is-knowledge .final-cta{
    padding-bottom:96px!important;
  }
  .wa-float{
    width:56px!important;
    height:56px!important;
    right:max(18px,env(safe-area-inset-right,0px) + 18px)!important;
    bottom:max(18px,env(safe-area-inset-bottom,0px) + 18px)!important;
    z-index:180!important;
  }
  .wa-float svg{
    width:27px!important;
    height:27px!important;
  }
}

@media(max-width:420px){
  body.is-hub .knowledge-hero,
  body.is-article .article-hero{
    padding-left:16px!important;
    padding-right:16px!important;
  }
  body.is-hub .knowledge-hero h1,
  body.is-article .article-hero h1{
    font-size:clamp(32px,10.4vw,40px)!important;
  }
  body.is-hub .article-list,
  body.is-hub .hub-intro,
  body.is-article .article-shell,
  body.is-knowledge .related,
  body.is-knowledge .final-cta{
    padding-left:16px!important;
    padding-right:16px!important;
  }
}