/* Fruit-film visual journal: midnight editorial palette, typographic rhythm, tactile panels. */
:root {
 --ink:#f4f1e9; --paper:#0c111b; --panel:#141d2a; --panel2:#1d2936;
 --mute:#a5b0be; --line:#35414b; --highlight:#f2b95e; --warm:#e9dcbe;
 --text-dark:#17232d; --paper-light:#e9e4d8; --deep:#090d15;
 --space-1:.375rem; --space-2:.75rem; --space-3:1rem; --space-4:1.5rem;
 --space-5:2rem; --space-6:3rem; --space-7:4.5rem; --space-8:6rem;
 --shell:1340px; --serif:Georgia,'Noto Serif SC','Songti SC',serif;
 --sans:system-ui,-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}
body.menu-is-open{overflow:hidden}
img{max-width:100%;height:auto;display:block;object-fit:cover}
a{color:inherit;text-decoration:none;transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease}
a:hover{color:var(--highlight)}
button,input{font:inherit}
button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--highlight);outline-offset:5px}
::selection{background:var(--highlight);color:var(--deep)}
[hidden]{display:none!important}
.shell{width:min(calc(100% - 96px),var(--shell));margin-inline:auto}
.skip-link{position:absolute;z-index:900;top:-100px;left:12px;padding:10px 18px;background:var(--highlight);color:var(--deep)}
.skip-link:focus{top:12px}
h1,h2,h3,h4,p,figure{margin-top:0}
h1,h2,h3{line-height:1.2;letter-spacing:-.035em}
h1{font-size:clamp(3.2rem,6vw,7rem);font-weight:650}
h2{font-size:clamp(2.1rem,3.4vw,4rem);font-weight:620}
h3{font-size:clamp(1.15rem,1.6vw,1.7rem);font-weight:620}
p{color:var(--mute)}
small{font-size:.78rem}
.eyebrow,.section-kicker{font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--highlight)}
.section-kicker{display:block;margin-bottom:1.1rem}
.site-header{position:relative;z-index:100;background:rgba(12,17,27,.96);border-bottom:1px solid rgba(255,255,255,.08)}
.site-header__inner{height:92px;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.wordmark{display:inline-flex;align-items:center;gap:.6rem;font-size:1.45rem;letter-spacing:.035em;font-weight:750;white-space:nowrap}
.wordmark__mark{color:var(--highlight);font-size:1.5rem}
.wordmark small{font-size:.57rem;font-weight:600;letter-spacing:.13em;color:var(--mute);padding-left:.3rem;align-self:flex-end;padding-bottom:.35rem}
.desktop-nav{display:flex;gap:clamp(1rem,2.2vw,2.3rem);align-items:center}
.desktop-nav a{font-size:.87rem;white-space:nowrap;color:#c9d0d7;position:relative;padding-block:.5rem}
.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:var(--highlight)}
.desktop-nav a[aria-current=page]::after{content:'';height:2px;background:var(--highlight);position:absolute;bottom:-8px;left:0;right:0}
.menu-toggle{display:none;align-items:center;flex-direction:column;justify-content:center;gap:5px;border:1px solid var(--line);border-radius:3px;background:var(--panel);height:44px;width:48px}
.menu-toggle span{width:21px;height:2px;background:var(--ink)}
.mobile-nav{display:none}
.site-footer{border-top:1px solid var(--line);padding-top:5rem;background:#090e16;margin-top:8rem}
.footer-grid{display:grid;grid-template-columns:minmax(0,2fr) 1fr 1fr;gap:5rem;padding-bottom:5rem}
.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}
.footer-grid p{max-width:390px;line-height:2;margin-top:1.2rem}
.footer-grid strong{font-size:.8rem;letter-spacing:.12em;color:var(--highlight);margin-bottom:.8rem}
.footer-grid a:not(.footer-logo){color:#b5c0ca;font-size:.91rem}
.footer-grid a:hover{color:var(--highlight)}
.footer-logo{font-size:1.45rem;font-weight:700}.footer-logo span{font-size:.9rem;font-weight:400;color:var(--mute)}
.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:1.4rem 0;color:var(--mute);font-size:.79rem}
.footer-bottom a{color:var(--warm)}
.crumbs{display:flex;gap:.8rem;align-items:center;padding-block:2.25rem;color:#8896a3;font-size:.76rem}
.crumbs [aria-current=page]{color:var(--ink)}
.button{display:inline-flex;align-items:center;gap:2.2rem;justify-content:center;padding:1.15rem 1.7rem;font-weight:650;font-size:.86rem;border-radius:2px;min-height:56px}
.button--filled{background:var(--highlight);color:#191c22}.button--filled:hover{background:#ffce7d;color:#191c22;transform:translateY(-2px)}
.text-link,.quiet-link{display:inline-flex;gap:1rem;align-items:center;font-size:.86rem;font-weight:650}
.text-link{border-bottom:1px solid var(--highlight);padding-bottom:.4rem}
.quiet-link{color:var(--highlight)}
.landing{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);min-height:690px;gap:clamp(2rem,4vw,5rem);padding-top:5rem;padding-bottom:7rem}
.landing__copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}
.landing .eyebrow{display:flex;gap:.9rem;align-items:center}
.eyebrow__line{width:28px;height:1px;background:currentColor}
.landing h1{font-size:clamp(3rem,5.35vw,6.5rem);margin:2rem 0 2rem;line-height:1.23;white-space:nowrap}
.landing h1 em{font-style:normal;color:var(--highlight)}
.serif-mark{font-family:var(--serif);color:#6c7b85;font-weight:400}
.landing__lead{font-size:1.08rem;max-width:535px;line-height:2.08;color:#b4c0ca}
.landing__actions{display:flex;gap:2.1rem;align-items:center;flex-wrap:wrap;margin-top:2.2rem}
.landing__bottom{display:flex;justify-content:space-between;gap:1rem;width:100%;border-top:1px solid var(--line);margin-top:auto;padding-top:1.8rem;font-size:.68rem;letter-spacing:.14em;color:#8f9ba7}
.landing__visual{position:relative;min-height:590px;background:#28303a;overflow:hidden;align-self:stretch}
.landing__visual img{position:absolute;width:100%;height:100%;filter:saturate(.78) contrast(1.04)}
.landing__visual::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 48%)}
.visual-stamp{position:absolute;top:24px;right:25px;color:var(--warm);border:1px solid rgba(255,255,255,.45);z-index:1;font-size:.73rem;line-height:1.2;letter-spacing:.2em;text-align:center;padding:1.2rem}
.visual-caption{position:absolute;bottom:36px;left:36px;right:36px;z-index:1;font-family:var(--serif);font-size:1.3rem;color:white}
.home-intro{display:grid;grid-template-columns:.42fr 1fr;gap:5rem;padding-top:4.5rem;padding-bottom:6rem;border-top:1px solid var(--line)}
.home-intro__body{display:grid;grid-template-columns:1.1fr .75fr;gap:3rem;align-items:end}
.home-intro h2{margin:0}.home-intro p{max-width:350px;line-height:2.1;margin:0}
.feature-grid{display:grid;grid-template-columns:1.35fr .8fr;gap:1.5rem}
.feature-card{background:var(--panel);display:flex;flex-direction:column;overflow:hidden}
.feature-card__image{height:370px;overflow:hidden}
.feature-card img{width:100%;height:100%;transition:transform .7s ease}
.feature-card:hover img{transform:scale(1.04)}
.feature-card__content{padding:2.5rem 2.75rem 3rem;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.feature-card__content>span,.feature-card--stack span{font-size:.65rem;letter-spacing:.16em;color:var(--highlight)}
.feature-card h2{font-size:clamp(1.8rem,2.3vw,2.85rem);line-height:1.32;margin:1.3rem 0}
.feature-card p{max-width:550px;line-height:1.9;font-size:.93rem}
.feature-card strong{font-size:.8rem;margin-top:auto;padding-top:1.5rem;color:var(--highlight)}
.feature-card--stack img{height:440px;min-height:0;filter:saturate(.85)}
.feature-card--stack>div{padding:2.4rem;display:flex;flex-direction:column;flex:1}
.feature-card--stack h2{font-size:clamp(1.6rem,2vw,2.4rem)}
.highlight-band{background:var(--paper-light);color:var(--text-dark);margin-top:8rem;padding:7rem 0}
.highlight-band__inner{display:grid;grid-template-columns:1fr 1.08fr;gap:7rem;align-items:center}
.highlight-band h2{font-size:clamp(3rem,5vw,6rem);margin-bottom:0}
.highlight-band .eyebrow{color:#94601d}
.highlight-band__links{border-top:1px solid #bfb9ab}
.highlight-band__links a{display:grid;grid-template-columns:40px 1fr 22px;gap:1.2rem;align-items:center;padding:1.8rem 0;border-bottom:1px solid #bfb9ab}
.highlight-band__links a:hover{color:#a36315}
.highlight-band__links span{font-size:.72rem}.highlight-band__links strong{font-size:1rem;font-weight:650}
.sample-section{padding-top:8rem;padding-bottom:7rem}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:3rem;margin-bottom:3rem}
.section-heading h2{margin-bottom:0}.section-heading p{max-width:330px}
.sample-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.sample-grid article{padding:2rem;background:var(--paper);min-height:370px;display:flex;flex-direction:column;align-items:flex-start}
.sample-grid__number{font-size:.67rem;letter-spacing:.1em;color:var(--highlight)}
.sample-grid h3{font-size:1.4rem;margin:3rem 0 1.4rem}.sample-grid p{font-size:.85rem;line-height:1.9}
.sample-grid a{margin-top:auto;font-size:.76rem;color:var(--highlight)}
.home-outro{display:grid;grid-template-columns:1.3fr .7fr;gap:5rem;padding:5rem 0 3rem;border-top:1px solid var(--line);align-items:end}
.home-outro span{font-size:.7rem;letter-spacing:.2em;color:var(--highlight)}
.home-outro h2{margin:2rem 0 0}.home-outro p{max-width:360px;line-height:2}
.home-outro p a,.collection-end a,.next-panel a,.about-columns a{color:var(--highlight);border-bottom:1px solid currentColor}
/* Reading page: spacious editorial margin and fixed table of contents on larger displays. */
.reading-page{padding-bottom:2rem}
.reading-hero{display:grid;grid-template-columns:1.12fr .78fr;gap:5rem;align-items:center;padding:3rem 0 7rem;border-bottom:1px solid var(--line)}
.reading-hero h1{font-size:clamp(3rem,5vw,6rem);margin:2rem 0}
.reading-hero h1 i{font-style:normal;color:var(--highlight)}
.reading-hero p{max-width:550px;font-size:1.06rem;line-height:2.1}
.reading-hero figure{margin:0;position:relative}.reading-hero figure img{height:530px;width:100%;filter:saturate(.75)}
.reading-hero figcaption{margin-top:.8rem;font-size:.7rem;color:var(--mute);letter-spacing:.08em}
.reading-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:7rem;padding:5rem 0}
.reading-sidebar{display:flex;flex-direction:column;gap:1rem;align-self:start;position:sticky;top:35px}
.reading-sidebar strong{font-size:.8rem;color:var(--highlight);margin-bottom:1rem;letter-spacing:.1em}
.reading-sidebar a{font-size:.85rem;padding:.6rem 0;border-bottom:1px solid var(--line);color:#aab6c0}
.reading-sidebar a[aria-current=location]{color:var(--highlight);border-color:var(--highlight)}
.reading-content{min-width:0;max-width:930px}
.editorial-section{padding-bottom:6rem;margin-bottom:6rem;border-bottom:1px solid var(--line);scroll-margin-top:3rem}
.editorial-section:last-child{border:none;margin-bottom:0;padding-bottom:0}
.editorial-section>p{font-size:1.07rem;line-height:2.1;max-width:760px}
.criteria-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:3rem}
.criteria-grid>div{padding:2.2rem;border:1px solid var(--line);background:var(--panel)}
.criteria-grid b{display:block;color:var(--highlight);font-family:var(--serif);font-size:2rem;font-weight:400}
.criteria-grid h3{margin:1.5rem 0 1rem}.criteria-grid p{font-size:.9rem;line-height:1.9;margin:0}
.review-list{list-style:none;padding:0;margin:3.5rem 0 0;border-top:1px solid var(--line)}
.review-list li{display:grid;grid-template-columns:70px 1fr;gap:1.5rem;border-bottom:1px solid var(--line);padding:1.7rem 0}
.review-list li>span{font-family:var(--serif);font-size:1.8rem;color:var(--highlight)}
.review-list small{color:#9da9b4;letter-spacing:.08em}.review-list h3{margin:.35rem 0 .6rem}
.review-list p{margin:0;line-height:1.9}
.perspective-stack{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:3rem}
.perspective-stack article{padding:2.1rem;background:var(--panel);border-top:3px solid var(--highlight)}
.perspective-stack article>span{color:var(--highlight);font-size:.73rem}
.perspective-stack h3{margin:1rem 0}
.perspective-stack p{font-size:.89rem;line-height:1.95}.perspective-stack a{color:var(--highlight);font-size:.8rem}
.next-panel{background:var(--panel2);padding:3rem!important}.next-panel h2{font-size:2rem}
/* The themed index emphasizes browsing and filtering without pretending to host videos. */
.collection-top{display:grid;grid-template-columns:1fr .88fr;align-items:center;gap:5rem;padding:2.5rem 0 7rem}
.collection-top h1{font-size:clamp(3.1rem,5.1vw,6rem);margin:2rem 0}
.collection-top h1 i{font-style:normal;color:var(--highlight)}
.collection-top p:not(.eyebrow){font-size:1.08rem;max-width:610px;line-height:2.1}
.collection-top__art{height:510px;background:var(--panel)}
.collection-top__art img{width:100%;height:100%}
.filter-panel{border-top:1px solid var(--line);padding-top:3.5rem}
.filter-header{display:flex;align-items:end;gap:2.5rem;justify-content:space-between}
.filter-header h2{max-width:680px}.filter-header p{max-width:280px;line-height:1.9}
.filter-input{display:flex;align-items:center;gap:1.7rem;background:var(--panel);border:1px solid var(--line);margin:1.5rem 0;padding:1.2rem 1.4rem}
.filter-input span{color:var(--highlight);font-weight:650;font-size:.82rem;white-space:nowrap}
.filter-input input{background:transparent;border:0;color:white;width:100%;outline:0;min-width:0}
.filter-input:focus-within{border-color:var(--highlight)}.filter-input input::placeholder{color:#8b9ba8}
.filter-feedback{font-size:.77rem;color:#9caab6;margin:2rem 0 1.2rem}
.genre-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.genre-tile{background:var(--panel);padding:2rem 2.1rem 2.4rem;display:flex;flex-direction:column;min-width:0;border:1px solid transparent;scroll-margin-top:30px}
.genre-tile:target{border-color:var(--highlight)}
.genre-tile__top{display:flex;justify-content:space-between;align-items:center;font-size:.68rem;letter-spacing:.1em;color:var(--highlight);margin-bottom:4rem}
.genre-tile__top span:first-child{font-family:var(--serif);font-size:1.5rem;color:#607080}
.genre-tile h3{font-size:1.8rem;margin-bottom:1.2rem}
.genre-tile p{font-size:.89rem;line-height:1.95}
.genre-tile__lead{font-size:1rem!important;color:var(--warm);font-weight:600}
.genre-tile__foot{border-top:1px solid var(--line);padding-top:1.2rem;margin-top:auto}
.genre-tile__foot strong{font-size:.75rem;color:var(--highlight)}
.genre-tile__foot p{margin:.6rem 0 0}
.genre-tile details{border-top:1px solid var(--line);margin-top:1.4rem;padding-top:1rem}
.genre-tile summary{font-size:.81rem;color:var(--highlight);cursor:pointer;font-weight:600}
.genre-tile details p{font-size:.85rem;line-height:1.9;margin:1rem 0 0}
.filter-empty{padding:3rem;text-align:center;background:var(--panel)}
.collection-end{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;border-top:1px solid var(--line);margin-top:7rem;padding:5rem 0;align-items:end}
.collection-end p{line-height:2.1}
/* Viewing guide: calm long-form reading with exercise strip. */
.guide-opening{display:grid;grid-template-columns:1fr .83fr;gap:5.5rem;padding:2rem 0 7rem;align-items:center}
.guide-opening h1{margin:2rem 0}.guide-opening p:not(.eyebrow){font-size:1.09rem;line-height:2.15;max-width:580px}
.guide-opening img{height:510px;width:100%;filter:saturate(.8)}
.guide-sections{max-width:1220px}
.guide-lead{display:grid;grid-template-columns:.46fr 1fr;column-gap:3rem;row-gap:1rem;padding:4rem 0 5rem;border-top:1px solid var(--line)}
.guide-lead .section-kicker{grid-row:span 3}
.guide-lead h2{margin:0 0 1rem}.guide-lead p{line-height:2.1;font-size:1.03rem;max-width:770px}
.guide-topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}
.guide-topic{display:grid;grid-template-columns:45px 1fr;gap:1.6rem;padding:2.5rem;background:var(--paper)}
.guide-topic__index{font-family:var(--serif);font-size:1.4rem;color:var(--highlight)}
.guide-topic small{color:#8d9bab}.guide-topic h3{margin:.6rem 0}.guide-topic p{font-size:.9rem;line-height:2}
.guide-exercises{padding:8rem 0 6rem}.guide-exercises h2{margin-bottom:3rem}
.exercise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.exercise-grid article{padding:2.4rem;background:var(--panel);border-bottom:3px solid var(--highlight)}
.exercise-grid article span{font-size:.72rem;color:var(--highlight)}
.exercise-grid article h3{margin:2rem 0 1.2rem}.exercise-grid article p{font-size:.9rem;line-height:2;margin-bottom:0}
.guide-ethics{display:grid;grid-template-columns:1fr 1fr;gap:5rem;padding:4.5rem;background:var(--paper-light);color:var(--text-dark)}
.guide-ethics p{color:#51606b;line-height:2.1}.guide-ethics a{font-size:.85rem;color:#845417;border-bottom:1px solid currentColor}
/* Playback reference: compact glossary cards, legible contrast, practical troubleshooting. */
.tech-hero{text-align:center;padding:4rem 0 7rem;border-bottom:1px solid var(--line)}
.tech-hero h1{margin:2rem auto;max-width:900px}.tech-hero em{font-style:normal;color:var(--highlight)}
.tech-hero p{max-width:720px;margin:0 auto 4rem;font-size:1.1rem;line-height:2.1}
.tech-hero img{height:350px;width:100%;filter:saturate(.7)}
.tech-intro{display:grid;grid-template-columns:.48fr 1fr;gap:4rem;padding:7rem 0}
.tech-four{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}
.tech-four article{border-top:1px solid var(--line);padding-top:1.5rem}
.tech-four b{font-family:var(--serif);font-size:1.8rem;font-weight:400;color:var(--highlight)}
.tech-four h3{margin:1rem 0}.tech-four p{font-size:.88rem;line-height:1.9}
.tech-glossary{border-top:1px solid var(--line);padding:5rem 0}
.glossary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.glossary-grid article{background:var(--panel);padding:2rem;min-height:300px}
.glossary-grid__bar{display:flex;justify-content:space-between;color:var(--highlight);font-size:.75rem;letter-spacing:.06em}
.glossary-grid h3{margin:3rem 0 1rem}.glossary-grid p{font-size:.9rem;line-height:1.95}
.glossary-grid__detail{color:#d0d8df}
.troubleshoot{display:grid;grid-template-columns:.65fr 1fr;gap:5rem;padding:6rem 0;border-top:1px solid var(--line)}
.troubleshoot ol{margin:0;padding:0;list-style:none;counter-reset:steps}
.troubleshoot li{counter-increment:steps;position:relative;padding:1.3rem 0 1.3rem 3.6rem;border-bottom:1px solid var(--line)}
.troubleshoot li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:1.3rem;font-family:var(--serif);color:var(--highlight);font-size:1.3rem}
.troubleshoot strong{font-size:1.05rem}.troubleshoot p{font-size:.91rem;line-height:2;margin:.75rem 0 0}
.technical-next{text-align:center;background:var(--panel2);padding:5rem 2rem}
.technical-next h2{margin:0 0 1.3rem}.technical-next p{max-width:530px;margin:0 auto 2rem}
/* About & privacy have their own reading patterns. */
.about-hero{text-align:center;padding:4rem 0 0}
.about-hero h1{margin:2rem auto}.about-hero>p{max-width:780px;font-size:1.09rem;line-height:2.1;margin:0 auto 4rem}
.about-hero img{height:400px;width:100%;filter:saturate(.72)}
.about-columns{display:grid;grid-template-columns:1fr 1fr;column-gap:6rem;row-gap:5rem;padding:7rem 0}
.about-columns section{border-top:1px solid var(--line);padding-top:1.7rem}
.about-columns h2{font-size:2.5rem}.about-columns p{font-size:1rem;line-height:2.1}
.policy-page{max-width:900px}.policy-head{padding:5rem 0 4rem}.policy-head h1{font-size:clamp(3rem,5vw,5.5rem);margin:1.6rem 0}
.policy-page section{border-top:1px solid var(--line);padding:2.6rem 0 3rem}.policy-page section h2{font-size:1.8rem}
.policy-page section p{line-height:2.1}.policy-page code{background:var(--panel2);padding:.2rem .4rem;color:var(--warm)}
.missing-page{padding:10rem 0;min-height:65vh}.missing-page>span{font-family:var(--serif);font-size:1.3rem;color:var(--highlight)}
.missing-page h1{font-size:clamp(3rem,5vw,5rem);margin:2rem 0}.missing-page p{font-size:1.1rem;max-width:600px}
.missing-page>div{display:flex;flex-wrap:wrap;gap:2rem;align-items:center;margin-top:3rem}
@media(max-width:1200px){
 .shell{width:min(calc(100% - 64px),var(--shell))}
 .desktop-nav{gap:1.1rem}.desktop-nav a{font-size:.81rem}
 .landing{gap:2rem}.landing h1{font-size:clamp(3rem,4.7vw,5.5rem)}
 .reading-layout{gap:3.5rem}.genre-grid{grid-template-columns:repeat(2,1fr)}
 .home-intro{gap:2rem}.footer-grid{gap:3rem}
}
@media(max-width:960px){
 .site-header__inner{height:75px}.desktop-nav{display:none}.menu-toggle{display:flex}
 .mobile-nav{display:grid;grid-template-columns:1fr 1fr;gap:0;position:absolute;left:0;right:0;top:100%;background:#111924;border-bottom:1px solid var(--line);padding:1.1rem 32px 2rem;box-shadow:0 28px 35px #060911d9}
 .mobile-nav a{padding:1.1rem;border-bottom:1px solid var(--line);font-weight:600}.mobile-nav a[aria-current=page]{color:var(--highlight)}
 .landing{min-height:0;grid-template-columns:1fr 1fr;padding-top:3rem;padding-bottom:5rem}
 .landing__visual{min-height:520px}.landing h1{white-space:normal;font-size:clamp(3.1rem,5.3vw,4.4rem)}
 .landing__bottom{margin-top:3rem}.landing__actions{gap:1rem}
 .home-intro{grid-template-columns:1fr;gap:2rem}.home-intro__body{grid-template-columns:1fr 1fr}
 .feature-grid{grid-template-columns:1fr 1fr}.feature-card__image{height:270px}.feature-card--stack img{height:270px}
 .feature-card__content,.feature-card--stack>div{padding:1.7rem}.feature-card h2{font-size:1.8rem}
 .highlight-band__inner{gap:3rem}.sample-grid{grid-template-columns:1fr 1fr}
 .reading-hero,.collection-top,.guide-opening{gap:2rem}
 .reading-hero figure img,.collection-top__art,.guide-opening img{height:410px}
 .reading-layout{grid-template-columns:170px 1fr;gap:2rem}
 .perspective-stack{grid-template-columns:1fr}.genre-grid{gap:1rem}
 .tech-intro{grid-template-columns:1fr}.glossary-grid{grid-template-columns:1fr 1fr}
 .troubleshoot{grid-template-columns:1fr;gap:2rem}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}
}
@media(max-width:700px){
 :root{--space-8:3.5rem}
 .shell{width:calc(100% - 36px)}
 h1{font-size:clamp(2.8rem,11vw,4.5rem)}h2{font-size:clamp(2rem,8vw,3rem)}
 .site-header__inner{height:70px}.wordmark{font-size:1.2rem}.wordmark small{font-size:.5rem}
 .landing{grid-template-columns:1fr;padding:3.5rem 0 4.5rem;gap:3rem}
 .landing h1{font-size:clamp(3.1rem,12vw,5rem);margin:1.4rem 0}
 .landing__lead{font-size:1rem}.landing__visual{height:500px;min-height:0}
 .landing__bottom{display:none}.home-intro{padding:3.5rem 0}.home-intro__body{grid-template-columns:1fr;gap:1rem}
 .feature-grid{grid-template-columns:1fr;gap:1rem}.feature-card__image,.feature-card--stack img{height:270px}
 .highlight-band{margin-top:4rem;padding:4rem 0}.highlight-band__inner{grid-template-columns:1fr;gap:3rem}
 .sample-section{padding:5rem 0}.section-heading{align-items:start;flex-direction:column;gap:1rem}
 .sample-grid{grid-template-columns:1fr 1fr}.sample-grid article{min-height:350px;padding:1.5rem}
 .sample-grid h3{margin-top:2rem;font-size:1.25rem}.home-outro{grid-template-columns:1fr;gap:2rem;padding:3rem 0}
 .reading-hero,.collection-top,.guide-opening{grid-template-columns:1fr;padding:2rem 0 4rem}
 .reading-hero h1,.collection-top h1{font-size:clamp(3rem,10vw,5rem)}
 .reading-hero figure img{height:360px}.collection-top__art{height:350px}.guide-opening img{height:370px}
 .reading-layout{grid-template-columns:1fr;gap:3rem;padding:3rem 0}
 .reading-sidebar{position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:.75rem}
 .reading-sidebar strong{width:100%;margin-bottom:0}.reading-sidebar a{border:1px solid var(--line);padding:.5rem .8rem}
 .editorial-section{padding-bottom:4rem;margin-bottom:4rem}.criteria-grid{gap:.8rem}.criteria-grid>div{padding:1.4rem}
 .perspective-stack{grid-template-columns:1fr}.filter-header{flex-direction:column;align-items:start;gap:0}
 .genre-grid{grid-template-columns:1fr}.genre-tile__top{margin-bottom:2rem}
 .collection-end{grid-template-columns:1fr;gap:1rem;margin-top:4rem;padding:4rem 0}
 .guide-lead{grid-template-columns:1fr}.guide-lead .section-kicker{grid-row:auto}.guide-topic-grid{grid-template-columns:1fr}
 .exercise-grid{grid-template-columns:1fr}.guide-exercises{padding:5rem 0}
 .guide-ethics{grid-template-columns:1fr;gap:1rem;padding:2.5rem 1.8rem}
 .tech-hero{padding:2rem 0 4rem}.tech-hero img{height:230px}.tech-four{gap:1rem}
 .glossary-grid{grid-template-columns:1fr}.troubleshoot{padding:4rem 0}
 .about-hero{padding-top:2rem}.about-hero img{height:240px}.about-columns{grid-template-columns:1fr;gap:2rem;padding:4rem 0}
 .footer-grid{grid-template-columns:1fr 1fr;gap:2rem}.footer-grid>div:first-child{grid-column:span 2}
 .site-footer{margin-top:4rem;padding-top:3.5rem}.footer-bottom{gap:1rem}.policy-head{padding:3rem 0}
}
@media(max-width:440px){
 .shell{width:calc(100% - 28px)}.wordmark small{display:none}.mobile-nav{grid-template-columns:1fr;padding:1rem 20px 1.5rem}
 .landing h1{font-size:clamp(2.6rem,11vw,3.5rem)}.landing__visual{height:370px}
 .landing__actions{flex-direction:column;align-items:stretch;width:100%}.landing__actions .button{width:100%}
 .sample-grid,.criteria-grid,.tech-four{grid-template-columns:1fr}.sample-grid article{min-height:0}
 .review-list li{grid-template-columns:38px 1fr;gap:.7rem}.guide-topic{grid-template-columns:30px 1fr;gap:.9rem;padding:1.5rem}
 .filter-input{flex-direction:column;align-items:stretch;gap:.5rem}
 .footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column}
 .highlight-band__links a{grid-template-columns:24px 1fr 16px;gap:.8rem}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
@media print{
 :root{--paper:#fff;--ink:#111;--mute:#444;--panel:#fff;--line:#bbb}
 body{color:#111;background:white;font-size:11pt}
 .site-header,.site-footer,.reading-sidebar,.filter-input,.landing__actions,.button{display:none!important}
 .shell{width:100%;max-width:none}.reading-layout,.landing,.guide-opening,.reading-hero{display:block}
 h1,h2,h3{break-after:avoid}.genre-tile,.glossary-grid article,.review-list li{break-inside:avoid}
 a{color:#111;text-decoration:underline}img{max-height:250px;object-fit:contain}
}

/* Deep-reading editorial casework: separate numbered note from commentary. */
.deep-reading{padding:6rem 0 1rem;border-top:1px solid var(--line)}
.deep-reading>h2{max-width:850px}
.deep-reading__lead{max-width:900px;font-size:1.05rem;line-height:2.15;margin:2rem 0 4rem}
.deep-reading__entries{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.deep-reading__entries article{display:grid;grid-template-columns:70px 1fr;gap:1.2rem;padding:2.3rem;background:var(--panel);border-left:1px solid var(--line)}
.deep-reading__count{font-size:.72rem;color:var(--highlight);letter-spacing:.1em;padding-top:.4rem;white-space:nowrap}
.deep-reading__entries h3{font-size:1.35rem;margin:0 0 1.4rem}
.deep-reading__entries p{font-size:.91rem;line-height:2.05;margin:0 0 1.4rem}
.deep-reading__entries p:last-child{margin-bottom:0}
@media(max-width:1050px){.deep-reading__entries article{grid-template-columns:1fr;gap:1rem}}
@media(max-width:700px){.deep-reading{padding-top:4rem}.deep-reading__entries{grid-template-columns:1fr}.deep-reading__entries article{padding:1.8rem}.deep-reading__lead{margin-bottom:2rem}}