/* Shared reading surfaces: quiet typography, generous visual space, short routes. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.static-page article:not(.card){background:none;border:0;border-radius:0;padding:0;max-width:900px;margin:30px 0 50px}
body.static-page article:not(.card) h1{font-weight:500;line-height:1.5;font-size:clamp(28px,3.4vw,44px);padding:0}
body.static-page article:not(.card) h1:before{display:none}
:root{--paper:#e9e7df;--card:#f8f6ef;--ink:#28382f;--muted:#626d64;--line:#b8bdb144;--accent:#3d5844;--font-main:'Yu Gothic',Meiryo,sans-serif;--max:1280px}
body{font-family:var(--font-main)}button,a,summary{touch-action:manipulation}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #b18850;outline-offset:4px}button{cursor:pointer}button:disabled{cursor:default}
.site-header{width:100%;padding:14px 4vw;background:var(--paper);z-index:10;border-bottom:1px solid var(--line)}.header-main{gap:24px}.brand-mark{width:28px;height:28px}.brand{gap:8px}.brand strong{font-size:13px;letter-spacing:.04em}.brand small{font:8px/1.5 Arial,sans-serif;letter-spacing:.15em;margin:0}.primary-nav{font-size:11px;gap:22px}.theme-toggle{min-height:44px;gap:3px;padding:8px}.theme-icon{width:16px;height:16px}.toggle-track{width:26px}.toggle-track span{width:8px;height:8px;top:3px}.category-nav{display:none}.nav-trigger{display:block;min-height:44px;cursor:pointer}.nav-open .category-nav{display:grid;margin-top:12px}.site-footer{width:100%;padding:36px 5vw;margin-top:40px;background:#dce1d6;border:0;display:grid;grid-template-columns:1fr 1fr;gap:20px}.site-footer .footer-brand{font-size:13px}.site-footer p{font-size:11px;max-width:40em}.site-footer nav{gap:16px;justify-content:flex-end;font-size:11px}.site-footer .copyright{margin:0;grid-column:1/-1}.site-footer a{min-height:32px;display:inline-flex;align-items:center}
main{width:min(1280px,calc(100% - 64px))}.page-hero{padding:55px 0 35px;max-width:1000px}.page-hero h1{font-family:var(--font-main);font-size:clamp(30px,4.3vw,62px);font-weight:500;line-height:1.3}.page-hero p:not(.eyebrow){font-size:15px;line-height:1.8;max-width:43em}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:500}.prose{max-width:840px;padding:24px 0;margin:0 auto}.prose h2{font-size:22px;font-weight:500;margin:30px 0 16px}.prose p,.prose li{font-size:15px;line-height:2}.prose a{overflow-wrap:anywhere}.prose .article-visual{margin:24px 0}.prose .article-visual img{max-height:640px;object-fit:contain;background:#f1eee6}.prose figcaption{font-size:12px;color:var(--muted)}
.content-section{padding:22px 0 35px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 30px}.card{position:relative;padding:24px 0;border:0;border-top:1px solid var(--line);border-radius:0;background:none;box-shadow:none;min-width:0}.card:hover{background:none;transform:none;box-shadow:none}.card h2{font-size:20px;font-weight:500;line-height:1.6;margin:10px 0}.card h2 a{text-decoration:none}.card h2 a:hover{text-decoration:underline}.card>p:not(.meta){font-size:12px;line-height:1.8;color:var(--muted);margin:0}.card .meta{font-size:10px;letter-spacing:.04em;margin:0}.card-badges{position:static;display:flex;flex-wrap:wrap;gap:7px;margin:0 0 12px}.card-badge{font-size:9px;line-height:1.5;padding:3px 8px;border-radius:100px}.card-badged{padding-top:24px}.card-new{box-shadow:none}.new-badge{background:#365942;color:white}.affiliate-badge{background:#e2d2b5;color:#503d28}.topic-badge{background:#d6dfd3;color:#354b37}.related-reading{margin:28px auto;padding:24px 0;max-width:1000px;border-top:1px solid var(--line);background:none}.related-reading h2{font-size:20px;font-weight:500}.related-reading ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0}.related-reading li{font-size:13px;line-height:1.8}.related-label{font-size:10px;letter-spacing:.15em;color:var(--muted)}
.listing-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:16px 0}.listing-tools p{font-size:12px;white-space:nowrap;margin:0}.listing-tools label{flex:1;max-width:460px}.listing-tools input{width:100%;border:1px solid #64745c55;border-radius:50px;padding:12px 18px;background:#ffffff50;color:var(--ink);font-size:13px}.listing-more{display:block;margin:22px auto 10px;padding:14px 30px;border:1px solid #5a6b5e66;border-radius:50px;background:transparent;color:var(--ink)}.listing-more[hidden],.card[hidden]{display:none}.listing-intro{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.listing-image{height:270px;width:100%;object-fit:cover;mix-blend-mode:multiply;mask-image:linear-gradient(90deg,transparent,black 15%,black 85%,transparent);border-radius:14px}.static-page .page-hero{position:relative;overflow:hidden}.static-page .page-hero:after{content:'';position:absolute;width:290px;height:290px;border-radius:50%;border:1px solid #8d9b7b44;right:-60px;top:-100px;box-shadow:0 0 0 35px #c8d1be22,0 0 0 80px #c8d1be11;pointer-events:none}.static-page .prose{margin-left:0}
.visual-reading .reading-heading{max-width:1000px;margin:auto;padding:38px 0 25px}.reading-heading .eyebrow{text-decoration:none}.reading-heading h1{font-size:clamp(25px,3.2vw,42px);line-height:1.5;font-weight:500;letter-spacing:-.035em;margin:12px 0}.reading-heading>p{font-size:14px;color:var(--muted);line-height:1.8}.reading-meta{display:flex;gap:24px;align-items:center;font-size:10px;color:var(--muted)}
.reading-film{height:190svh;position:relative;margin:0 calc((min(1280px,100vw - 64px) - 100vw)/2);background:#e5e6dc;color:#28382f}.reading-stage{height:100svh;min-height:620px;position:sticky;top:0;display:grid;grid-template-columns:38% 1fr;grid-template-rows:65px 1fr auto;padding:16px 5vw;gap:20px 3vw;overflow:clip;isolation:isolate}.reading-film-top{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.06em}.reading-number{margin-left:20px;color:#63715f}.reading-motion{font-size:11px;padding:9px 14px;border:1px solid #61705b66;border-radius:100px;background:transparent;color:inherit;min-height:44px}.reading-captions{position:relative;align-self:center;min-height:280px}.reading-caption{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .4s,transform .5s}.reading-caption.is-current{opacity:1;visibility:visible;transform:none}.reading-caption>span{font-size:11px;letter-spacing:.12em;color:#61715d}.reading-caption h2{font-weight:500;font-size:clamp(26px,3.2vw,45px);line-height:1.55;letter-spacing:-.045em;margin:16px 0}.reading-caption p{font-size:14px;line-height:1.9;max-width:33em}.reading-illustration{position:relative;width:100%;height:100%;min-height:300px;align-self:center;display:grid;place-items:center}.reading-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0}.reading-ready .reading-canvas{opacity:1}.reading-fallback{width:100%;height:100%;object-fit:contain;max-height:480px}.reading-ready .reading-fallback{visibility:hidden}.reading-image-note{position:absolute;bottom:0;left:0;right:0;font-size:10px;line-height:1.65;color:#63715f;text-align:center;margin:0}.reading-points{position:absolute;inset:15% 0;list-style:none;display:flex;flex-direction:column;justify-content:center;gap:14px;margin:0;padding:0;opacity:0;visibility:hidden;transition:opacity .3s}.reading-points li{display:flex;gap:16px;align-items:center;font-size:clamp(16px,2.1vw,27px);line-height:1.7;padding:12px 22px;border-bottom:1px solid #7c896955;background:#e5e6dcf5}.reading-points span{font:18px Georgia,serif;color:#879278;flex-shrink:0}.reading-stage[data-step="2"] .reading-points:not(:empty){visibility:visible;opacity:1}.reading-stage[data-step="2"] .reading-illustration:has(.reading-points:not(:empty)) .reading-canvas{opacity:.12}.reading-film-bottom{grid-column:1/-1;display:flex;align-items:center;gap:18px;min-height:66px;position:relative}.reading-film-bottom:before{content:'';position:absolute;left:0;right:0;top:0;height:2px;transform:scaleX(var(--reading-progress,0));transform-origin:left;background:#738965}.reading-film-bottom button{border:1px solid #73826966;min-height:44px;background:transparent;color:inherit;border-radius:100px;padding:10px 18px;font-size:12px}.reading-film-bottom nav{display:flex;gap:10px;margin:auto}.reading-film-bottom nav button{border:0;border-radius:0;border-bottom:1px solid transparent;padding:8px 12px}.reading-film-bottom nav button[aria-current="true"]{border-bottom-color:#506948;font-weight:bold}.reading-notice{max-width:1000px;margin:32px auto}.reading-notice h2{font-size:21px;font-weight:500}.reading-notice p{font-size:14px;line-height:1.9;max-width:72em}.reading-notice a{font-size:12px}.reading-full{max-width:1000px;margin:20px auto;border-block:1px solid var(--line)}.reading-full>summary{cursor:pointer;display:flex;justify-content:space-between;padding:22px 0;font-size:16px;list-style:none}.reading-full>summary::-webkit-details-marker{display:none}.reading-full .prose{max-width:840px}.reading-sources a{overflow-wrap:anywhere}.reading-still{height:auto}.reading-still .reading-stage{position:relative}.reading-still .reading-caption{transition:none}
.visual-article main{width:100%;margin:0}.visual-article .site-header{display:none}.visual-article .site-footer{margin-top:0}.visual-article .cinematic-details{color:#29392e}.visual-article .cinematic-details .article-visual{max-width:850px;margin:24px auto}
html[data-theme="dark"] .site-footer{background:#1b281f}html[data-theme="dark"] .visual-reading .reading-stage{color:#28382f}html[data-theme="dark"] .visual-article .cinematic-details{color:#29392e}html[data-theme="dark"] .listing-image{mix-blend-mode:normal}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.primary-nav{display:none}.nav-open .primary-nav{display:flex;position:absolute;top:76px;left:0;right:0;padding:20px 5vw;background:var(--paper);flex-wrap:wrap}.nav-open .category-nav{padding-top:44px;grid-template-columns:repeat(3,1fr)}.reading-stage{grid-template-columns:42% 1fr}.reading-film-bottom{gap:8px}.reading-film-bottom nav{gap:0}.reading-film-bottom nav button{padding:8px;font-size:10px}.listing-intro{gap:20px}}
@media(max-width:700px){main{width:calc(100% - 40px)}.site-header{padding:8px 20px}.header-main{gap:8px}.brand strong{font-size:11px}.brand-mark{width:23px;height:23px}.brand small{font-size:7px}.header-actions{gap:3px}.theme-icon{display:none}.theme-toggle{padding:6px}.primary-nav{display:none}.site-footer{padding:26px 20px;grid-template-columns:1fr;gap:12px}.site-footer nav{justify-content:flex-start;gap:14px;flex-wrap:wrap}.site-footer p{margin:8px 0}.page-hero{padding:36px 0 22px}.page-hero h1{font-size:31px}.page-hero p:not(.eyebrow){font-size:13px}.grid{gap:0 22px}.card{padding:19px 0}.card h2{font-size:16px;line-height:1.6}.card>p:not(.meta){display:none}.card .meta{font-size:9px}.card-badges{gap:4px;margin-bottom:8px}.card-badge{font-size:8px;padding:3px 7px}.listing-tools{gap:10px}.listing-tools p{font-size:10px}.listing-tools input{font-size:12px;padding:11px 15px}.listing-intro{display:block}.listing-image{height:160px;margin-bottom:16px}.related-reading ul{grid-template-columns:1fr;gap:16px}.related-reading h2{font-size:19px}.prose p,.prose li{font-size:14px}.prose h2{font-size:21px}.reading-heading h1{font-size:26px}.visual-reading .reading-heading{padding:28px 0 20px}.reading-heading>p{font-size:12px}.reading-film{height:170svh;margin-inline:-20px}.reading-stage{min-height:650px;grid-template-columns:1fr;grid-template-rows:44px 190px minmax(160px,1fr) 105px;gap:8px;padding:12px 20px}.reading-captions{align-self:stretch;min-height:0}.reading-caption h2{font-size:25px;line-height:1.45;margin:10px 0}.reading-caption p{font-size:12px;line-height:1.7;margin:8px 0}.reading-caption>span{font-size:10px}.reading-illustration{min-height:0}.reading-image-note{bottom:0;font-size:9px}.reading-canvas{height:calc(100% - 28px)}.reading-fallback{max-height:100%;padding-bottom:25px}.reading-points{inset:0 0 25px;gap:5px}.reading-points li{font-size:15px;padding:10px 13px;gap:12px}.reading-points span{font-size:15px}.reading-film-bottom{display:grid;grid-template-columns:1fr auto;grid-template-rows:44px 44px;gap:6px 12px;align-content:end}.reading-film-bottom nav{grid-column:1/-1;grid-row:1;width:100%;justify-content:space-between;gap:0}.reading-film-bottom nav button{padding:8px 4px;font-size:10px}.reading-play{justify-self:start}.reading-next{grid-column:2}.reading-film-bottom button{font-size:11px;padding:9px 16px}.reading-notice{margin:24px auto}.reading-notice h2{font-size:19px}.reading-notice p{font-size:13px}.reading-full>summary{font-size:14px;padding:20px 0}}
@media(max-width:360px){.brand strong{font-size:10px}.brand-mark{width:21px;height:21px}.nav-trigger{font-size:10px}.reading-stage{grid-template-rows:44px 225px minmax(145px,1fr) 105px;min-height:680px}.reading-caption h2{font-size:23px}.reading-caption p{font-size:11px}.reading-film-bottom nav button{font-size:9px}.grid{gap:0 16px}.card h2{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reading-film{height:auto}.reading-stage{position:relative}.reading-caption{transition:none}.reading-points{transition:none}}
@media(max-height:650px){.reading-film{height:auto}.reading-stage{position:relative}}
@media print{.site-header,.site-footer,.reading-film,.reading-heading .reading-meta a,.reading-notice>a,.listing-tools,.listing-more{display:none}body{background:#fff;color:#000}.reading-full>.prose{display:block}.reading-full{border:0}.prose{max-width:none}.card{break-inside:avoid}}

/* Knowledge articles: readable normal flow until the complete visual enhancement is ready. */
article.visual-reading{max-width:none;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
article.visual-reading .reading-heading h1{font-size:clamp(25px,3.2vw,42px);line-height:1.5;font-weight:500;margin:12px 0;padding:0;letter-spacing:-.035em}
article.visual-reading .reading-heading h1::before{content:none;display:none}
article.visual-reading .reading-caption h2{font-size:clamp(25px,3.2vw,42px);font-weight:500;line-height:1.5;margin:12px 0;padding:0;border:0;background:none}
article.visual-reading .reading-caption h2::before{content:none;display:none}
.reading-heading,.reading-caption,.reading-notice,.reading-image-note{overflow-wrap:anywhere}
.reading-heading>p{font-size:16px}.reading-meta{flex-wrap:wrap;font-size:12px;gap:12px 24px}
.reading-film{height:auto}
.reading-stage{height:auto;min-height:0;position:relative;overflow:visible;grid-template-rows:auto;align-items:start}
.reading-captions{display:grid;gap:22px;min-height:0;align-self:center}
.reading-caption{position:relative;inset:auto;opacity:1;visibility:visible;transform:none}
.reading-caption p{font-size:16px;line-height:1.8;margin:8px 0;max-width:36em}
.reading-film-top,.reading-film-bottom{display:none}
.reading-illustration{display:grid;grid-template-rows:1fr auto;height:auto;min-height:0;gap:12px}
.reading-visual{position:relative;display:grid;place-items:center;min-width:0;min-height:220px;width:100%}
.reading-fallback{grid-area:1/1;width:100%;height:clamp(220px,38svh,440px);max-height:none;object-fit:contain;padding:0}
.reading-canvas{position:absolute;inset:0;width:100%;height:100%}
.reading-ready .reading-fallback{visibility:visible;opacity:0}
.reading-image-note{position:relative;inset:auto;font-size:12px;line-height:1.7;margin:0}
.reading-image-empty{font-size:16px;line-height:1.8;padding:24px;grid-area:1/1}
.reading-points{grid-area:1/1;position:relative;inset:auto;width:100%;gap:10px;align-self:center}
.reading-points li{font-size:clamp(16px,1.7vw,23px);line-height:1.7;padding:10px 16px}
.reading-film:not(.reading-enhanced) .reading-points{display:none}
.reading-enhanced .reading-stage{height:100svh;min-height:min-content;position:sticky;grid-template-rows:auto 1fr auto;align-items:center;gap:16px 3vw}
.reading-enhanced:not(.reading-still){height:150svh}
.reading-enhanced .reading-film-top{display:flex}
.reading-enhanced .reading-film-bottom{display:flex;flex-wrap:wrap;min-height:66px}
.reading-enhanced .reading-captions{display:grid;gap:0;align-self:center;min-height:min-content}
.reading-enhanced .reading-caption{grid-area:1/1;opacity:0;visibility:hidden}
.reading-enhanced .reading-caption.is-current{opacity:1;visibility:visible}
.reading-enhanced .reading-stage[data-step="2"] .reading-visual:has(.reading-points:not(:empty)) .reading-canvas,.reading-enhanced .reading-stage[data-step="2"] .reading-visual:has(.reading-points:not(:empty)) .reading-fallback{opacity:0}
.reading-still,.reading-enhanced.reading-still{height:auto}
.reading-still .reading-stage,.reading-enhanced.reading-still .reading-stage{height:auto;min-height:0;position:relative}
.reading-still .reading-caption{transition:none;transform:none}
.reading-notice p,.reading-notice li,.reading-full .prose p,.reading-full .prose li{font-size:16px;line-height:1.9}
article.visual-reading .reading-notice h2{font-size:21px;line-height:1.5;margin:16px 0;font-weight:500;padding:0;border:0;background:none}
.reading-film-bottom nav{flex-wrap:wrap;justify-content:center;min-width:0}
.reading-film-bottom nav button{font-size:12px;white-space:normal}
@media(max-width:700px){
 .reading-stage,.reading-enhanced .reading-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:16px;padding:16px 20px}
 .reading-enhanced .reading-stage{grid-template-rows:auto max-content minmax(max-content,1fr) auto}
 article.visual-reading .reading-heading h1{font-size:26px}
 article.visual-reading .reading-caption h2{font-size:25px;line-height:1.5;margin:10px 0}
 .reading-caption p,.reading-heading>p{font-size:15px;line-height:1.8}
 .reading-captions,.reading-enhanced .reading-captions{align-self:stretch}
 .reading-fallback{height:250px}
 .reading-enhanced .reading-film-bottom{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:8px 12px;min-height:0}
 .reading-film-bottom nav{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:4px;margin:0}
 .reading-film-bottom nav button{font-size:12px;padding:8px;min-height:44px}
 .reading-film-bottom button{font-size:12px}
 .reading-image-note{font-size:12px;text-align:left}
 .reading-points li{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.reading-caption,.reading-points{transition:none;transform:none}.reading-enhanced:not(.reading-still){height:auto}.reading-enhanced .reading-stage{height:auto;position:relative}}
@media print{.reading-film{display:none}.reading-full>.prose{display:block}.reading-notice{max-width:none}}