:root{--paper:#f8f2e7;--ink:#11100e;--muted:#645f57;--yellow:#ffd320;--purple:#7045cf;--white:#fffdf8;--display:"Arial Black","PingFang SC","Microsoft YaHei",system-ui,sans-serif;--body:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--body);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}.skip{position:fixed;top:-70px;left:20px;padding:10px;background:var(--yellow);border:2px solid var(--ink)}.skip:focus{top:12px}header{min-height:84px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink)}.brand{position:relative;font:950 clamp(27px,2.5vw,42px)/1 var(--display);letter-spacing:-2px}.brand i{position:absolute;left:0;right:0;bottom:-10px;height:7px;background:var(--yellow)}nav{display:flex;gap:24px;font-weight:900}main{width:min(1320px,100%);margin:auto;padding:56px clamp(20px,4vw,64px) 90px}.back{font-weight:900}.hero{margin-top:30px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:56px;align-items:start}.stamp{display:inline-block;padding:2px 8px;border:2px solid var(--purple);color:var(--purple);font-weight:900;transform:rotate(-2deg)}h1{margin:14px 0;font:950 clamp(50px,7vw,92px)/1.02 var(--display);letter-spacing:-5px}.original{color:var(--muted);font-size:18px}.lead{font-size:23px}.facts{margin:28px 0;display:grid;grid-template-columns:repeat(2,1fr);border:2px solid var(--ink)}.facts div{padding:16px;border-right:1px solid var(--ink)}.facts div:last-child{border:0}.facts small{display:block;color:var(--muted)}.facts strong{display:block}.button{display:inline-flex;padding:12px 18px;border:2px solid var(--ink);background:var(--yellow);font-weight:900;box-shadow:4px 5px 0 var(--ink)}aside{padding:20px;border:3px solid var(--ink);background:var(--yellow);box-shadow:5px 6px 0 var(--ink)}.hero-cover{margin:0 0 18px}.hero-cover img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border:2px solid var(--ink);background:var(--white)}.hero-cover figcaption{margin-top:8px;color:var(--muted);font-size:13px}.legacy-cover{min-height:260px;margin-bottom:18px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;border:2px solid var(--ink);background:var(--purple);color:#fff}.legacy-cover span{font-weight:900}.legacy-cover strong{font:950 34px/1.05 var(--display)}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.tags span{padding:3px 7px;border:1px solid var(--ink);background:var(--white);font-size:12px}article{max-width:840px;margin-top:64px}article h2{margin:58px 0 16px;font:950 36px/1.2 var(--display);letter-spacing:-1px}article h2:first-child{margin-top:0}article h3{margin:30px 0 10px;font-size:23px}article p,article li{font-size:18px}article p{margin:12px 0}article ol,article ul{padding-left:26px}article li{margin:9px 0}article code{padding:2px 5px;border:1px solid #c6bdae;background:var(--white)}blockquote{margin:32px 0 0;padding:18px;border-left:6px solid var(--purple);background:var(--white)}.related-collections{max-width:840px;margin:48px 0;padding:22px;display:block;border:2px solid var(--ink);background:var(--white)}.related-collections h2{margin:0 0 10px;font:950 28px/1.2 var(--display)}.related-collections ul{margin:0;padding-left:22px}.related-collections a{text-decoration:underline;text-underline-offset:3px}footer{padding:34px clamp(20px,4vw,64px);display:flex;gap:20px;justify-content:space-between;border-top:2px solid var(--ink);background:var(--yellow)}@media(max-width:800px){header{min-height:67px}.brand{font-size:29px}nav a:first-child{display:none}main{padding-top:38px}.hero{grid-template-columns:1fr;gap:34px}h1{font-size:52px}.lead{font-size:19px}.facts{grid-template-columns:1fr}.facts div{border-right:0;border-bottom:1px solid var(--ink)}.facts div:last-child{border-bottom:0}article h2{font-size:30px}.legacy-cover{min-height:210px}footer{flex-direction:column}}

/* Keep wide guide tables scrollable without widening the page. */
article{overflow-wrap:anywhere}
article .guide-table{max-width:100%;overflow-x:auto;margin:24px 0;border:1px solid #c6bdae;background:var(--white)}
article .guide-table:focus-visible{outline:3px solid var(--purple);outline-offset:3px}
article table{width:100%;border-collapse:collapse;font-size:16px}
article th,article td{padding:12px 14px;min-width:110px;border:1px solid #c6bdae;vertical-align:top;overflow-wrap:anywhere}
article th{background:#eee6d8;font-weight:800}
article td code{white-space:normal;overflow-wrap:anywhere}
