:root{--paper:#edf2f1;--ink:#132f49;--accent:#007276;--rule:#a6c9ca;--face:system-ui,sans-serif;--side:right;--scene-width:55%}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:19px/1.72 var(--face)}a{color:var(--accent);text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header,main,footer{width:min(1320px,90vw);margin-inline:auto}header{display:flex;align-items:center;gap:20px;padding:26px 0;border-bottom:1px solid var(--rule)}.brand{display:flex;gap:16px;align-items:center;color:var(--ink);text-decoration:none;min-width:0}.brand img{width:72px;height:72px;object-fit:contain;flex:none}.domain{font:650 clamp(15px,2vw,24px)/1.25 system-ui;white-space:nowrap;letter-spacing:-.03em}.main-nav{margin-left:auto;display:flex;gap:20px;flex-wrap:wrap;font:14px/1.4 system-ui}.main-nav a{text-decoration:none}main{padding:clamp(30px,5vw,76px) 0 50px;display:flow-root}.scene{float:var(--side);width:var(--scene-width);margin:10px 0 32px 40px}.scene img{display:block;width:100%;height:auto;max-height:430px;object-fit:contain}.scene-left{margin-left:0;margin-right:40px}.scene-wide{float:none;width:100%;margin:0 0 42px}.scene-wide img{max-height:320px}article{min-width:0}article>h1{font-size:clamp(36px,4.7vw,68px);line-height:1.08;letter-spacing:-.045em;font-weight:500;margin:0 0 28px;text-wrap:balance}article>h2{clear:both;font-size:clamp(27px,3vw,40px);line-height:1.23;letter-spacing:-.025em;border-top:1px solid var(--rule);padding-top:36px;margin:50px 0 20px}article>h3{font-size:25px;line-height:1.3}article p,article ul,article ol,article blockquote{max-width:74ch}article>p:first-child{font:13px/1.5 system-ui;letter-spacing:.08em;color:var(--accent)}article blockquote{border-left:3px solid var(--accent);padding-left:24px;margin-left:0}article li{padding-left:6px;margin:.45em 0}article pre{overflow:auto;padding:20px;background:color-mix(in srgb,var(--ink) 7%,transparent);font:15px/1.65 monospace}article table{border-collapse:collapse;display:block;max-width:100%;overflow:auto}article td,article th{padding:12px;border-bottom:1px solid var(--rule);text-align:left}footer{clear:both;border-top:1px solid var(--rule);padding:26px 0 48px;display:flex;justify-content:space-between;gap:20px;font:14px/1.5 system-ui}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:10px;background:var(--paper);padding:10px;z-index:10}@media(max-width:760px){header{align-items:flex-start;flex-wrap:wrap;padding:18px 0;gap:12px}.brand img{width:52px;height:52px}.domain{font-size:clamp(14px,4.6vw,22px)}.main-nav{margin:0;width:100%;padding-top:10px;gap:12px 20px}.scene,.scene-left,.scene-wide{float:none;width:100%;margin:0 0 25px}.scene img,.scene-wide img{max-height:210px}main{padding-top:25px}article>h1{font-size:clamp(33px,8vw,49px)}article>h2{margin-top:34px;padding-top:26px}body{font-size:18px}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
header{border-top:8px solid var(--accent)}article>h1{font-weight:750}article>h2{border-top:4px solid var(--accent);max-width:28ch}article li::marker{color:#ca654e}.scene{padding-bottom:18px;border-bottom:5px solid #d2836c}

/* Source review 01-06: readable source order; full-frame manuscript art. */
header{flex-wrap:wrap}.main-nav{min-inline-size:0}.main-nav a,footer a{display:inline-flex;align-items:center;min-block-size:44px}.domain{white-space:nowrap;overflow-wrap:normal;word-break:normal}
article{min-inline-size:0}article>p,article>ul,article>ol,article>blockquote{max-inline-size:68ch}article>h1{max-inline-size:24ch}article>h2,article>h3{scroll-margin-block-start:1.5rem}
article>p:has(>img:only-child){float:none;max-inline-size:60rem;margin:2rem 0 2.5rem;padding:0}
article>p>img:only-child{display:block;inline-size:auto;block-size:auto;max-inline-size:100%;max-block-size:32rem;object-fit:contain;margin-inline:auto}
@media(max-width:1020px){header{gap:12px}.main-nav{margin-inline-start:0;inline-size:100%;gap:8px 20px}}
@media(max-width:760px){.brand{gap:12px;max-inline-size:100%;flex-wrap:wrap}.brand img{width:52px;height:52px}.domain{font-size:clamp(12px,3.8vw,21px)}article>h1{max-inline-size:100%;font-size:clamp(32px,7.8vw,46px)}article>p:has(>img:only-child){float:none;inline-size:100%;margin:1.5rem 0 2rem;padding:0}article>p>img:only-child{max-block-size:26rem}.main-nav a{min-block-size:44px}article pre{max-inline-size:100%}}
article>p:has(>img:only-child){background:#e4eeed;border-bottom:5px solid #d2836c;padding:22px}article>p>img:only-child{max-block-size:29rem}

/* Native optional reading directory: all selected core paths remain reachable. */
footer{flex-wrap:wrap}.directory{flex-basis:100%;padding-top:18px;border-top:1px solid var(--rule)}.directory summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:650}.directory nav{padding:12px 0}.directory ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 32px;padding-left:20px;max-width:100%}.directory li{break-inside:avoid;overflow-wrap:anywhere}.directory a{display:inline-block;min-height:44px;padding:8px 0}@media(max-width:760px){.directory ul{grid-template-columns:minmax(0,1fr);gap:6px}.directory summary{font-size:14px}}