:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:#f3f5ef;color:#263b30;font-size:15px;--green:#23694f;--line:#d7e0d0;--muted:#60715f}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}header{max-width:1344px;margin:auto;padding:24px 32px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px}a{color:var(--green);text-underline-offset:5px;font-size:12px;line-height:1.6}.brand{font-size:23px;font-weight:700;text-decoration:none;letter-spacing:-.8px;color:#263b30}.brand span{font-size:12px;font-weight:400;margin-left:14px;color:var(--muted)}.intro{max-width:1344px;margin:38px auto 32px;padding:0 32px}.eyebrow{font-size:11px;letter-spacing:1px;color:var(--muted);line-height:1.6}.intro h1{font-size:34px;letter-spacing:-1px;line-height:1.45;margin:10px 0 12px}.intro>p:last-child{font-size:14px;color:var(--muted);line-height:1.8}.gallery-layout{display:grid;grid-template-columns:190px minmax(340px,1fr) 260px;gap:40px;max-width:1344px;margin:auto;padding:0 32px;align-items:start}nav{display:flex;flex-direction:column;gap:6px}button{font:inherit;cursor:pointer;color:var(--muted);border:1px solid transparent;background:transparent;border-radius:5px;min-height:44px;transition:background-color .15s,color .15s}nav button{display:flex;align-items:center;gap:18px;text-align:left;padding:14px 12px;font-size:14px}nav button span{font-size:11px}button[aria-pressed=true]{background:#e0ead8;color:var(--green);font-weight:650}button:hover{background:#e6eddf}button:focus-visible,a:focus-visible{outline:3px solid #548b68;outline-offset:3px}.source-note{font-size:12px;line-height:1.9;color:var(--muted);margin-top:24px}.template-navigation{position:sticky;top:24px}.reading-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;font-size:12px;color:var(--muted)}.reading-toolbar button{font-size:12px;min-width:44px}.paper-surround{padding:24px 16px;background:#e5ebdf;border:1px solid #dce3d7;border-radius:6px}#article{max-width:var(--reading-width);width:100%;margin:auto;background:#fff;box-shadow:0 5px 30px #243e2510;transition:max-width .2s;overflow-wrap:anywhere}#article>.article-meta{font-size:11px;color:var(--muted);padding:28px 16px 0}#article>h1{font-size:23px;line-height:1.5;letter-spacing:-.4px;padding:0 16px;margin:16px 0}#article>.article-abstract{font-size:12px;color:#5f6c5c;line-height:1.8;padding:0 16px 16px;margin:0}.design-notes{padding-top:0}.design-notes h2{font-size:24px;margin:12px 0}.design-notes h3{font-size:14px;margin:18px 0}.design-notes p,.design-notes li{font-size:12px;line-height:1.9;color:var(--muted)}.design-notes .length{font-size:11px;color:var(--green);padding:10px 0;border-bottom:1px solid var(--line)}.design-notes ol{padding-left:18px}.design-notes li{padding:4px 0}.design-notes hr{border:0;border-top:1px solid var(--line);margin:24px 0}.design-notes dl{font-size:12px;line-height:1.8}.design-notes dl div{display:flex;justify-content:space-between;gap:12px;margin:8px 0}.design-notes dd{color:var(--muted);margin:0}.covers{max-width:1344px;margin:50px auto 30px;padding:30px 32px;border-top:1px solid var(--line)}.cover-intro h2{font-size:24px;line-height:1.5;margin:12px 0}.cover-intro>p:last-child{max-width:700px;color:var(--muted);font-size:13px;line-height:1.9}.cover-pair{display:grid;grid-template-columns:2.35fr 1fr;gap:24px;margin-top:28px;max-width:880px}.cover-wide,.cover-square{background:#174e39;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:24px;overflow:hidden}.cover-wide{aspect-ratio:2.35}.cover-square{aspect-ratio:1;background:#e5eedc;color:#21442c}.cover-wide>span,.cover-square>span{font-size:11px;letter-spacing:1px}.cover-wide strong{font-size:clamp(24px,3vw,40px);line-height:1.25;letter-spacing:-1px}.cover-square strong{font-size:clamp(22px,2.2vw,30px);line-height:1.4}.cover-pair p{font-size:12px;margin:0}footer{text-align:center;padding:24px;font-size:11px;line-height:1.8;color:var(--muted)}
@media(max-width:1100px){.gallery-layout{grid-template-columns:160px minmax(320px,1fr);gap:24px}.design-notes{grid-column:2;display:block}.design-notes dl{max-width:420px}.template-navigation{position:sticky}.cover-pair{max-width:800px}}
@media(max-width:760px){header{padding:20px 16px}.brand{font-size:20px}.brand span{display:block;font-size:10px;margin:4px 0 0}.intro{margin:28px 0 22px;padding:0 16px}.intro h1{font-size:27px;max-width:320px}.intro>p:last-child{font-size:12px}.gallery-layout{display:block;padding:0 12px}.template-navigation{position:static}.template-navigation>.eyebrow{margin-left:4px}nav{display:grid;grid-template-columns:1fr 1fr;gap:6px}nav button{padding:10px 12px;font-size:13px}.template-navigation .source-note{margin:14px 4px 20px;font-size:11px}.paper-surround{padding:16px 4px}.design-notes{padding:24px 8px 0}.reading-toolbar{padding:0 4px}.covers{padding:24px 16px;margin-top:30px}.cover-intro h2{font-size:22px}.cover-pair{grid-template-columns:1fr;max-width:540px;gap:16px}.cover-wide{min-height:160px}.cover-square{width:60%;max-width:260px}.cover-wide,.cover-square{padding:20px}.cover-wide strong{font-size:30px}.cover-square strong{font-size:25px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.cover-wide,.cover-square{min-width:0}.cover-wide{width:100%}
@media(max-width:760px){.cover-pair{grid-template-columns:minmax(0,1fr)}.cover-wide{min-height:0}}