.knowledge-head{padding-block:clamp(128px,16vw,236px) clamp(48px,6vw,88px)}
.knowledge-head__grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.72fr);gap:clamp(32px,7vw,120px);align-items:end}
.knowledge-head .eyebrow{display:block;margin:0 0 var(--s3)}
.knowledge-head h1{font-family:"Arame";font-weight:700;font-size:clamp(42px,7.2vw,118px);line-height:.88;letter-spacing:-.025em;margin:0;max-width:13ch;font-kerning:normal;overflow-wrap:normal;word-break:normal;hyphens:none}
.knowledge-head__intro{border-top:1px solid var(--rule);padding-top:var(--s3)}
.knowledge-head__deck{font-size:clamp(19px,1.55vw,24px);line-height:1.38;margin:0 0 var(--s3);color:var(--ink)}
.knowledge-head__lead{font-size:15px;line-height:1.65;margin:0;color:var(--ink-60)}
.knowledge-hero{margin:0;overflow:hidden;background:var(--image-bg);aspect-ratio:16/7}
.knowledge-hero img{display:block;width:100%;height:100%;object-fit:cover}
.knowledge-layout{display:grid;grid-template-columns:minmax(180px,var(--indent)) minmax(0,760px);gap:clamp(40px,8vw,128px);padding-block:clamp(64px,9vw,136px)}
.knowledge-head__grid>*,.knowledge-layout>*,.knowledge-next__grid>*{min-width:0}
.knowledge-toc{align-self:start;position:sticky;top:112px;border-top:1px solid var(--rule);padding-top:var(--s3)}
.knowledge-toc__label{display:block;margin-bottom:var(--s2);font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--coral)}
.knowledge-toc ol{list-style:none;padding:0;margin:0;counter-reset:toc}
.knowledge-toc li{counter-increment:toc;border-bottom:1px solid var(--rule)}
.knowledge-toc a{display:grid;grid-template-columns:2.2em 1fr;gap:.5em;padding:10px 0;color:var(--ink-60);font-size:13px;line-height:1.35;text-decoration:none}
.knowledge-toc a::before{content:counter(toc,decimal-leading-zero);font-family:"Arame";font-weight:700;color:var(--coral)}
.knowledge-toc a:hover,.knowledge-toc a:focus-visible{color:var(--ink)}
.knowledge-copy{counter-reset:chapter}
.knowledge-copy h2,.knowledge-copy h3{font-family:"Arame";font-weight:700;line-height:1.02;letter-spacing:-.01em;margin:clamp(56px,7vw,96px) 0 var(--s3);max-width:24ch;scroll-margin-top:120px}
.knowledge-copy h2{counter-increment:chapter;font-size:clamp(28px,3.3vw,48px)}
.knowledge-copy h2::before{content:counter(chapter,decimal-leading-zero);display:block;margin-bottom:var(--s2);font-size:clamp(38px,4vw,60px);line-height:.75;color:var(--coral)}
.knowledge-copy h3{font-size:clamp(22px,2.2vw,32px)}
.knowledge-copy>h2:first-child,.knowledge-copy>h3:first-child{margin-top:0}
.knowledge-copy p,.knowledge-copy li{font-size:clamp(16px,1.3vw,19px);line-height:1.7;color:var(--ink-60)}
.knowledge-copy p{margin:0 0 1.25em}
.knowledge-copy strong{color:var(--ink);font-weight:700}
.knowledge-copy ul{list-style:none;padding:0;margin:var(--s3) 0 var(--s5)}
.knowledge-copy li{position:relative;padding:12px 0 12px 24px;border-bottom:1px solid var(--rule)}
.knowledge-copy li::before{position:absolute;left:0;top:1.22em;content:"";width:.55em;height:.7em;background:var(--coral);-webkit-mask:url("assets/arrow.svg") no-repeat center/contain;mask:url("assets/arrow.svg") no-repeat center/contain}
.knowledge-next{border-top:1px solid var(--rule);padding-block:clamp(48px,6vw,80px)}
.knowledge-next__grid{display:grid;grid-template-columns:minmax(180px,var(--indent)) 1fr;gap:var(--s3) clamp(40px,8vw,128px)}
.knowledge-next__links{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s5)}
@media(max-width:900px){.knowledge-head__grid,.knowledge-layout,.knowledge-next__grid{grid-template-columns:1fr}.knowledge-head h1{max-width:16ch}.knowledge-head__intro{max-width:60ch}.knowledge-hero{aspect-ratio:4/3}.knowledge-toc{position:static}.knowledge-toc ol{columns:2;column-gap:var(--s4)}.knowledge-toc li{break-inside:avoid}}
@media(max-width:560px){.knowledge-head{padding-top:112px;overflow-x:clip}.knowledge-head h1{max-width:none;font-size:clamp(34px,10vw,42px);overflow-wrap:anywhere;word-break:normal;hyphens:auto}.knowledge-head__intro{width:100%}.knowledge-toc{min-width:0}.knowledge-toc ol{columns:1}.knowledge-toc a,.knowledge-copy h2,.knowledge-copy h3,.knowledge-copy p,.knowledge-copy li,.knowledge-next__links a{overflow-wrap:anywhere}.knowledge-copy h2,.knowledge-copy h3{max-width:none;scroll-margin-top:88px}.knowledge-layout{width:100%;max-width:100%;overflow:visible}.knowledge-table-wrap{width:100%;max-width:100%;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.knowledge-next__links{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s3)}}
