.reading-page{background:#f0f0f0;color:#1d1d1b;padding:clamp(140px,18vh,220px) var(--pad) 100px;min-height:100vh}.reading-page__head{display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px;align-items:end;border-bottom:1px solid;padding-bottom:45px;margin-bottom:70px}.reading-page__head h1{font:900 clamp(58px,9vw,140px)/.82 Aeonik,sans-serif;letter-spacing:-.07em;margin:0}.reading-page__head p{line-height:1.55}.reading-body{width:min(850px,100%);margin:auto}.reading-body h2{font:900 clamp(36px,5vw,72px)/.95 Aeonik,sans-serif;letter-spacing:-.05em;margin:80px 0 25px}.reading-body h3{font:700 26px Aeonik,sans-serif;margin-top:50px}.reading-body p,.reading-body li{font-size:18px;line-height:1.72}.fact-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#1d1d1b;margin:60px 0}.fact-strip div{background:#fde377;padding:30px 22px}.fact-strip strong{display:block;font:900 clamp(30px,4vw,60px)/1 Aeonik,sans-serif}.fact-strip span{font:10px var(--mono);text-transform:uppercase}.note-card,.download-card{padding:28px;border:1px solid;margin:35px 0;background:#fff}.note-card{border-left:8px solid #fd4c6a}.download-card{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.download-card a{background:#0087ff;color:#fff;padding:14px 18px;text-decoration:none;font:10px var(--mono);text-transform:uppercase}.research-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:40px 0}.research-card{border:1px solid;padding:28px;min-height:300px;display:flex;flex-direction:column}.research-card small{font:9px var(--mono)}.research-card h2{font-size:38px;margin:35px 0 15px}.research-card a{margin-top:auto;font:10px var(--mono);text-transform:uppercase}.research-card:first-child{background:#fde377}.research-card:nth-child(2){background:#b4ddd2}.research-card:nth-child(3){background:#fd4c6a}.research-method{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:40px 0}.research-method div{background:#1d1d1b;color:#fff;padding:28px;min-height:230px}.research-method b{color:#fde377;font:11px var(--mono)}@media(max-width:800px){.reading-page__head{display:block}.reading-page__head h1{margin:30px 0}.fact-strip,.research-grid,.research-method{grid-template-columns:1fr}.download-card{grid-template-columns:1fr}.reading-body p,.reading-body li{font-size:16px}}
.research-head{font:900 clamp(36px,5vw,72px)/.95 Aeonik,sans-serif;letter-spacing:-.05em;margin:100px 0 30px;border-top:1px solid;padding-top:30px}
.doc-feature{display:grid;grid-template-columns:minmax(260px,1fr) 2fr;gap:14px;margin:0 0 14px}
.doc-cover{position:relative;aspect-ratio:1/1.414;background:#1d1d1b;color:#f0f0f0;padding:28px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.18);transition:transform .4s}
.doc-cover:before{content:'';position:absolute;right:-30%;top:-10%;width:90%;aspect-ratio:1;border-radius:50%;background:#fde377;opacity:.95}
.doc-cover:after{content:'';position:absolute;left:28px;right:28px;bottom:30%;height:6px;background:#fd4c6a}
.doc-cover:hover{transform:translateY(-4px)}
.doc-cover>*{position:relative;z-index:1}
.doc-cover strong{font:900 clamp(30px,3.2vw,52px)/.92 Aeonik,sans-serif;letter-spacing:-.05em;margin-top:auto;margin-bottom:22%}
.doc-cover .lab-mono:first-child{color:#1d1d1b}
.doc-feature-body{border:1px solid;padding:clamp(24px,3vw,44px);display:flex;flex-direction:column;background:#fff}
.doc-feature-body>p{font-size:clamp(18px,1.6vw,24px);line-height:1.4;margin:0 0 26px;max-width:36ch}
.doc-feature-body ol{list-style:none;counter-reset:ch;margin:0 0 30px;padding:0;border-top:1px solid #1d1d1b}
.doc-feature-body li{counter-increment:ch;border-bottom:1px solid rgba(29,29,27,.2)}
.doc-feature-body li a{display:grid;grid-template-columns:44px 1fr;padding:12px 0;text-decoration:none;font-size:16px}
.doc-feature-body li a:before{content:counter(ch,decimal-leading-zero);font:10px var(--mono);padding-top:4px;color:#8a867c}
.doc-feature-body li a:hover{color:#0087ff}
.doc-actions{margin-top:auto;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.doc-actions a{padding:14px 18px;border:1px solid;text-decoration:none;font:10px var(--mono);text-transform:uppercase}
.doc-actions .lab-mono{position:static;opacity:.6;margin-left:auto}
.doc-download{background:#0087ff;color:#fff!important;border-color:#0087ff!important;padding:14px 18px;text-decoration:none;font:10px var(--mono);text-transform:uppercase}
.doc-progress{position:fixed;left:0;top:0;height:3px;width:100%;background:#fd4c6a;transform-origin:0 50%;transform:scaleX(var(--read,0));z-index:30}
.doc-meta{position:static;opacity:1;display:flex;flex-wrap:wrap;gap:10px 28px;align-items:center;margin:-40px 0 60px;font-size:10px}
.doc-meta .doc-download{margin-left:auto}
.doc-layout{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,850px);gap:clamp(30px,6vw,110px);justify-content:center}
.doc-toc{position:sticky;top:40px;align-self:start}
.doc-toc .lab-mono{position:static;opacity:.6;margin:0 0 14px}
.doc-toc ol{list-style:none;counter-reset:ch;margin:0;padding:0;border-top:1px solid}
.doc-toc li{counter-increment:ch;border-bottom:1px solid rgba(29,29,27,.15)}
.doc-toc a{display:grid;grid-template-columns:30px 1fr;padding:10px 0;text-decoration:none;font-size:14px;line-height:1.3;opacity:.55;transition:opacity .3s}
.doc-toc a:before{content:counter(ch,decimal-leading-zero);font:9px var(--mono);padding-top:3px}
.doc-toc a.active,.doc-toc a:hover{opacity:1}
.doc-toc a.active{font-weight:700}
.doc-body{width:auto;margin:0;counter-reset:ch}
.doc-body h2{counter-increment:ch;scroll-margin-top:30px;margin-top:90px}
.doc-body h2:first-child{margin-top:0}
.doc-body h2:before{content:counter(ch,decimal-leading-zero);display:block;font:11px var(--mono);letter-spacing:.1em;color:#fd4c6a;margin-bottom:16px}
.doc-body>p:first-of-type{font-size:22px;line-height:1.55}
.doc-body blockquote{margin:50px 0;padding:0 0 0 28px;border-left:6px solid #fde377;font:700 clamp(24px,2.4vw,34px)/1.2 Aeonik,sans-serif;letter-spacing:-.03em}
.doc-body blockquote cite{display:block;margin-top:14px;font:10px var(--mono);font-style:normal;text-transform:uppercase;opacity:.6}
.doc-body figure{margin:50px 0}.doc-body figure img{height:auto;aspect-ratio:16/9}
.doc-body figcaption{font:10px var(--mono);margin-top:10px;opacity:.6;text-transform:uppercase}
.doc-body .doc-key{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#1d1d1b;margin:40px 0}
.doc-body .doc-key div{background:#fff;padding:22px}.doc-body .doc-key strong{display:block;font:900 40px/1 Aeonik,sans-serif;margin-bottom:8px}.doc-body .doc-key span{font-size:14px;line-height:1.4}
.doc-cta{display:inline-block;margin-top:10px;padding:16px 22px;background:#1d1d1b;color:#fde377!important;text-decoration:none;font:11px var(--mono);text-transform:uppercase;letter-spacing:.08em}
@media(max-width:900px){.doc-feature{grid-template-columns:1fr}.doc-cover{aspect-ratio:auto;min-height:340px}.doc-layout{grid-template-columns:1fr}.doc-toc{position:static}.doc-meta{margin-top:-30px}.doc-meta .doc-download{margin-left:0}.doc-body .doc-key{grid-template-columns:1fr}.doc-actions .lab-mono{margin-left:0;width:100%}}
@media print{.site-header,footer,.doc-toc,.doc-progress,.doc-meta .doc-download,.grain{display:none!important}body,.reading-page{background:#fff!important}.reading-page{padding:0}.reading-page__head{grid-template-columns:1fr;page-break-after:always;border:0;min-height:90vh;align-content:end}.reading-page__head h1{font-size:64pt}.doc-layout{display:block}.doc-body h2{page-break-before:always;margin-top:0}.doc-body h2:first-child{page-break-before:auto}.doc-body p,.doc-body li{font-size:11pt}.doc-meta{margin:0 0 20px}a{color:inherit}}
@media print{.doc-body .doc-key{grid-template-columns:repeat(3,1fr)}.reading-page__head{position:relative;overflow:hidden}.reading-page__head:before{content:'';position:absolute;right:-18%;top:-8%;width:75%;aspect-ratio:1;border-radius:50%;background:#fde377}.reading-page__head:after{content:'';position:absolute;left:0;right:0;top:46%;height:8px;background:#fd4c6a}.reading-page__head>*{position:relative;z-index:1}.doc-body blockquote{font-size:20pt}}
.research-head{line-height:1.05;margin-bottom:44px}
.doc-cover:after{left:28px;right:auto;top:58px;bottom:auto;width:56px;height:5px}
.reading-page h2.research-head{font:900 clamp(36px,5vw,72px)/1.05 Aeonik,sans-serif;letter-spacing:-.05em;margin:100px 0 44px}
.doc-cover .lab-mono:first-child{color:#fde377;opacity:1}
.doc-cover:after{top:78px}
.doc-cover .lab-mono{position:relative;top:auto;left:auto}
@media(max-width:900px){.doc-cover:before{width:55%;right:-18%;top:-22%}}
