:root{--paper:#f7f5ef;--ink:#242720;--muted:#686b61;--line:#dcded3;--accent:#ad4c30}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.7;min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}a:hover{color:var(--accent)}.wrap{width:min(1120px,calc(100% - 96px));margin-inline:auto}.header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:24px;font-weight:750;letter-spacing:-1px;display:flex;align-items:center}.brand-mark{display:grid;place-items:center;width:31px;height:31px;background:var(--ink);color:var(--paper);font-size:24px;margin-right:12px;border-radius:50%;font-weight:400}.brand-dot,.accent{color:var(--accent)}nav{display:flex;gap:34px;font-size:14px}nav [aria-current=page]{color:var(--accent)}main{flex:1}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:34px;padding:78px 0 86px}.eyebrow{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;letter-spacing:2px;font-weight:500;color:var(--muted);margin:0 0 26px}.status-dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:10px}.hero h1,.about-page h1,.not-found h1{font-size:clamp(40px,4.9vw,64px);line-height:1.3;letter-spacing:-2px;margin:0 0 24px;font-weight:650}.intro{max-width:450px;font-size:16px;line-height:1.95;color:var(--muted);margin-bottom:30px}.button{display:inline-flex;gap:48px;align-items:center;background:var(--ink);color:#fff;padding:13px 23px;font-size:14px;border-radius:3px}.button:hover{background:var(--accent);color:#fff}.button span{font-size:21px}.mars-art svg{width:100%;height:auto;display:block}.notes{border-top:1px solid var(--line);padding:44px 0 0}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:8px}.section-heading h2{font-size:29px;font-weight:600;letter-spacing:-1px;margin:0}.section-count{font-size:12px;color:var(--muted);font-family:monospace}.note-row{display:grid;grid-template-columns:44px 1fr 32px;gap:22px;padding:30px 0;border-top:1px solid var(--line)}.note-no{font-family:monospace;color:var(--muted);font-size:13px;margin-top:5px}.meta{font-size:12px;color:var(--muted);letter-spacing:.25px}.meta span{margin:0 9px;color:#979b8c}.note-row h3{font-size:21px;line-height:1.55;margin:10px 0 9px;font-weight:600;max-width:850px}.note-row p{font-size:14px;color:var(--muted);margin:0;max-width:760px}.note-arrow{align-self:center;font-size:25px;color:var(--accent)}.about-strip{margin:48px 0 70px;padding:34px 38px;background:#eeeee5;display:flex;gap:32px;align-items:center;justify-content:space-between;border-radius:3px}.about-strip .eyebrow{margin:0;font-size:10px}.about-strip p{font-size:22px;line-height:1.6;margin:0}.about-strip a{font-size:13px}.about-strip a span{margin-left:30px}.footer{border-top:1px solid var(--line);padding:34px 0;background:#f0f0e7}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{font-weight:650;font-size:18px;letter-spacing:-.6px}.footer p{font-size:12px;color:var(--muted);margin:3px 0 0}.legal{text-align:right}.icp{display:inline-block;font-size:13px;color:#4d5148;margin-top:6px;text-decoration:underline;text-decoration-color:#a9ad9d;text-underline-offset:4px}.article-head{max-width:810px;margin:60px auto 36px}.back{font-size:13px;display:inline-block;margin-bottom:42px;color:var(--muted)}.article-head .eyebrow{margin-bottom:16px}.article-head h1{font-size:clamp(29px,3.5vw,44px);line-height:1.45;letter-spacing:-1px;margin:0 0 20px;overflow-wrap:anywhere}.prose{max-width:810px;margin:0 auto 64px;font-size:16px;line-height:1.95;overflow-wrap:anywhere}.prose h2{font-size:26px;margin:40px 0 14px;line-height:1.5}.prose h3{font-size:20px;line-height:1.5;margin-top:28px}.prose p{margin:0 0 22px}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.prose pre{background:#eaece3;padding:20px;overflow-x:auto;border-radius:4px;line-height:1.65;font-size:13px;max-width:100%;white-space:pre}.prose code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.prose li{margin-bottom:14px}.prose ol,.prose ul{padding-left:24px}.article-end{max-width:810px;margin:0 auto 60px;border-top:1px solid var(--line);padding-top:26px;display:flex;justify-content:space-between;font-size:13px}.article-end span{color:var(--muted);font-family:monospace}.about-page{max-width:810px;margin:74px auto 0}.about-page .prose{margin-top:36px}.not-found{padding:90px 0 110px}.not-found p:not(.eyebrow){color:var(--muted);margin-bottom:28px}.skip{position:absolute;top:-100px;left:20px;background:var(--ink);color:#fff;padding:10px 20px;z-index:10}.skip:focus{top:10px}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:88px}.brand{font-size:20px}.brand-mark{width:26px;height:26px;margin-right:8px;font-size:20px}nav{gap:18px;font-size:13px}.hero{grid-template-columns:1fr;gap:18px;padding:48px 0 42px}.hero h1{font-size:48px}.eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:22px}.intro{font-size:15px}.mars-art{width:min(300px,85%);margin:0 auto}.section-heading h2{font-size:26px}.notes{padding-top:30px}.note-row{grid-template-columns:25px 1fr 18px;gap:10px;padding:25px 0}.note-row h3{font-size:18px}.note-row p{font-size:13px}.meta{font-size:11px}.about-strip{padding:26px;display:block;margin:30px 0 44px}.about-strip p{margin:15px 0 20px}.footer-inner{align-items:flex-start;flex-direction:column;gap:18px}.legal{text-align:left}.article-head{margin-top:34px}.article-head h1{font-size:28px}.back{margin-bottom:30px}.prose{font-size:15px}.prose h2{font-size:23px}.about-page{margin-top:45px}.about-page h1{font-size:44px}.not-found h1{font-size:40px}.article-end{gap:12px}}@media(max-width:380px){.wrap{width:calc(100% - 32px)}nav{gap:12px}.brand{font-size:18px}.brand-mark{display:none}.hero h1{font-size:42px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}