:root{color:#eae5db;--gold:#eebc63;--muted:#b2b9ae;--line:#354138;background:#121715;font-family:ui-sans-serif,system-ui,-apple-system,Noto Sans TC,sans-serif;line-height:1.8}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.skip{z-index:10;background:#121715;padding:10px;position:absolute;top:-80px;left:20px}.skip:focus{top:10px}header,main,footer{max-width:1180px;margin:auto;padding:0 44px}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:110px;display:flex}.brand{letter-spacing:2px;align-items:center;gap:12px;font-size:13px;font-weight:700;display:flex}.brand span{color:var(--muted);font-weight:400}nav{gap:32px;font-size:14px;display:flex}nav a[aria-current]{color:var(--gold)}.eyebrow{color:var(--gold);letter-spacing:3px;text-transform:uppercase;font-size:12px;font-weight:600}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:50px;padding:90px 0 75px;display:grid}h1{letter-spacing:2px;margin:20px 0 26px;font-family:ui-serif,Noto Serif TC,serif;font-size:clamp(42px,5.2vw,68px);font-weight:500;line-height:1.35}h1 em{color:var(--gold);font-style:normal}.lead{color:var(--muted);max-width:540px;font-size:17px}.button{border:1px solid #68705e;border-radius:3px;align-items:center;gap:24px;margin-top:22px;padding:12px 20px;font-size:14px;display:inline-flex}.button.primary{background:var(--gold);color:#192019;border-color:var(--gold)}.art{border:1px solid var(--line);background:radial-gradient(#38442b66 0,#0000 65%);border-radius:50% 50% 3px 3px;place-items:center;min-height:400px;display:grid;position:relative;overflow:hidden}.art svg{width:100%;height:auto}.art figcaption{color:var(--muted);letter-spacing:1px;font-size:11px;position:absolute;bottom:16px;left:20px}.section{border-top:1px solid var(--line);padding:55px 0}.section-head{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:30px;display:flex}h2{margin:0;font-size:30px;font-weight:500}h3{font-size:22px;font-weight:500}.section-head a,.text-link{color:var(--gold);font-size:14px}.grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.card{border:1px solid var(--line);background:#19201b;padding:30px}.card p{color:var(--muted)}.number{letter-spacing:2px;color:var(--gold);font-size:12px}.wide-note{grid-template-columns:1fr 2fr;gap:50px;display:grid}.wide-note p{color:var(--muted);margin-top:0}footer{border-top:1px solid var(--line);margin-top:60px;padding-top:35px;padding-bottom:42px;font-size:13px}footer p,footer small{color:var(--muted)}.page-head{padding:70px 0 35px}.page-head h1{font-size:48px}.prose{max-width:760px;padding:40px 0}.prose p,.prose li{color:#c8cec2}.prose h1{font-size:42px}.prose h2{margin:40px 0 15px}.prose a{color:var(--gold);text-decoration:underline}.prose blockquote{border-left:2px solid var(--gold);margin-left:0;padding-left:22px}.badge{color:var(--gold);border:1px solid #596043;border-radius:20px;padding:3px 10px;font-size:12px;display:inline-block}.demo{border:1px solid var(--line);background:#19201b;padding:25px}.demo svg{width:100%;display:block}.demo label{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.demo input{accent-color:var(--gold)}.caption{color:var(--muted);font-size:13px}.mini{grid-template-columns:120px 1fr;align-items:center;gap:30px;display:grid}.mini img{width:90px;height:110px}@media (width<=720px){header,main,footer{padding-left:23px;padding-right:23px}header{min-height:90px}.brand{letter-spacing:1px;gap:7px;font-size:10px}.brand span{display:none}nav{gap:18px}.hero{grid-template-columns:1fr;gap:35px;padding:50px 0}.art{min-height:290px}.grid,.wide-note{grid-template-columns:1fr;gap:20px}.section-head{align-items:start}h2{font-size:25px}.page-head h1{font-size:38px}.card{padding:23px}.mini{grid-template-columns:70px 1fr;gap:20px}.mini img{width:60px}.prose{padding-top:15px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}nav a{align-items:center;min-height:44px;display:inline-flex}.chart-scroll{overflow-x:auto}.chart-scroll svg{min-width:600px}.demo input{max-width:100%;min-height:44px}.art{margin-left:0;margin-right:0}@media (width<=380px){.hero h1{letter-spacing:1px;font-size:32px}.page-head h1,.prose h1{font-size:32px}nav{gap:12px}.demo{padding:16px}}[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:4px}@media (width<=600px){header{flex-wrap:wrap;gap:12px}nav{justify-content:space-between;width:100%}nav a,.brand{white-space:nowrap}}