:root { color-scheme: light; --ink:#19202c; --muted:#566174; --line:#dce2ec; --accent:#334fdc; --paper:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:6rem; }
body { margin:0; background:#f5f7fb; color:var(--ink); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; line-height:1.85; }
a { color:var(--accent); text-underline-offset:4px; }
a:focus-visible, summary:focus-visible { outline:3px solid var(--accent); outline-offset:5px; border-radius:4px; }
.skip { position:absolute; top:-5rem; left:1rem; padding:.6rem 1rem; background:var(--paper); z-index:5; }
.skip:focus { top:1rem; }
header { border-bottom:1px solid var(--line); background:var(--paper); }
.bar { max-width:1080px; margin:auto; padding:18px 28px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.brand { font-size:22px; font-weight:750; text-decoration:none; color:var(--ink); letter-spacing:2px; }
nav { display:flex; flex-wrap:wrap; gap:22px; font-size:14px; }
nav [aria-current] { color:var(--ink); font-weight:650; text-decoration:none; }
main { max-width:1080px; margin:0 auto; padding:54px 28px 76px; }
.eyebrow { color:var(--accent); font-size:12px; font-weight:700; letter-spacing:.15em; }
h1 { font-size:clamp(30px,5vw,46px); line-height:1.2; letter-spacing:-.04em; margin:14px 0 18px; }
.lead { font-size:18px; color:var(--muted); max-width:750px; }
.meta { font-size:13px; color:var(--muted); }
.notice { background:#fff6e5; border:1px solid #edd49f; border-radius:14px; padding:18px 22px; margin:28px 0; color:#684b13; }
.layout { display:grid; grid-template-columns:210px minmax(0,1fr); gap:40px; margin-top:34px; }
.toc { align-self:start; background:var(--paper); border:1px solid var(--line); border-radius:16px; padding:18px; }
.toc strong { display:block; margin-bottom:10px; }
.toc a { display:block; padding:5px 0; font-size:14px; text-decoration:none; }
article, .card { background:var(--paper); border:1px solid var(--line); border-radius:20px; padding:30px; min-width:0; }
article > section + section { border-top:1px solid var(--line); margin-top:28px; padding-top:24px; }
h2 { font-size:21px; line-height:1.5; margin:0 0 14px; }
h3 { font-size:17px; margin:18px 0 8px; }
.en-title { display:block; margin-top:.25em; font-size:.78em; font-weight:500; letter-spacing:normal; line-height:1.45; }
.translation { display:block; margin-top:-6px; padding-left:12px; border-left:2px solid var(--line); color:var(--muted); overflow-wrap:anywhere; }
.notice .translation { color:inherit; border-left-color:#edd49f; }
li .translation { margin-top:4px; }
.brand { white-space:nowrap; }
p { margin:10px 0 16px; }
ul, ol { padding-left:24px; }
li + li { margin-top:8px; }
.cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin:32px 0; }
.card .number { font-size:13px; font-weight:650; color:var(--accent); }
.wide { margin-top:24px; }
details { border-bottom:1px solid var(--line); padding:18px 0; }
details:last-child { border-bottom:0; }
summary { cursor:pointer; font-weight:650; }
details p { color:var(--muted); }
.pending { color:#825709; background:#fff6e5; border-radius:6px; padding:2px 6px; }
footer { border-top:1px solid var(--line); padding:24px 28px; text-align:center; color:var(--muted); font-size:13px; }
.icp-filing { display:inline-block; margin-top:10px; padding:6px 0; color:var(--muted); }
@media(max-width:760px) { .layout { grid-template-columns:1fr; gap:20px; } .toc { position:static; } .cards { grid-template-columns:1fr; } main { padding:32px 18px 48px; } .bar { padding:16px 18px; } article,.card { padding:22px; } .lead { font-size:16px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }