/* HOAOF editorial pages: existing navy/gold identity, low motion, readable density.
   DESIGN_VARIANCE 4 / MOTION_INTENSITY 1 / VISUAL_DENSITY 4. Native CSS, 5px controls. */
:root{color-scheme:dark;--bg:#0c131f;--panel:#142236;--text:#eaf0f8;--muted:#b7c6d8;--accent:#e2bd7c;--line:#394c65;font-family:"Segoe UI","Malgun Gothic","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--text);line-height:1.75}
*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-underline-offset:4px}a:hover{color:#ffe0a8}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}header,main,footer{max-width:1120px;margin:auto;padding-inline:28px}header{min-height:76px;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line)}.brand{font-size:23px;font-weight:800;letter-spacing:.03em;text-decoration:none;color:var(--text)}.brand span{color:var(--accent);margin-right:9px}nav{display:flex;gap:22px;align-items:center;margin-left:auto;font-size:14px}nav a{text-decoration:none;color:var(--muted)}nav a[aria-current=page],.languages a[aria-current=page]{color:var(--accent);text-decoration:underline}.languages{display:flex;gap:11px;font-size:12px;border-left:1px solid var(--line);padding-left:22px}.button{display:inline-block;background:var(--accent);color:#101b2b!important;border:1px solid var(--accent);padding:10px 20px;border-radius:5px;text-decoration:none;font-size:15px;font-weight:750;white-space:nowrap}.button:hover{background:#f4d49b}.button:active{transform:translateY(1px)}.hero{padding:60px 0 48px;max-width:870px}.hero h1{font-size:clamp(32px,4.7vw,54px);line-height:1.22;letter-spacing:-.035em;margin:0 0 25px;max-width:860px}.hero p{font-size:18px;color:var(--muted);max-width:750px;margin:0 0 26px}.hero .links{display:flex;align-items:center;gap:24px;font-size:15px}.overview{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;border-top:1px solid var(--line);padding:38px 0}.overview h2{margin-top:0}.overview p{color:var(--muted)}h2{font-size:27px;line-height:1.4;letter-spacing:-.025em}h3{font-size:19px;margin-bottom:10px}p{margin:12px 0}.facts{margin:0}.facts div{padding:13px 0;border-bottom:1px solid var(--line)}.facts dt{color:var(--muted);font-size:13px}.facts dd{margin:3px 0;font-size:18px}.rules{padding:20px 0 40px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:15px}th{font-weight:600;color:var(--accent);border-bottom:1px solid var(--line)}th,td{padding:14px 16px 14px 0}td{border-bottom:1px solid #24354a}.note{font-size:14px;color:var(--muted)}.method{padding:18px 0 50px;max-width:850px}.method p{color:var(--muted)}footer{border-top:1px solid var(--line);padding-top:24px;padding-bottom:32px;color:var(--muted);font-size:13px;display:flex;flex-wrap:wrap;gap:14px 28px}footer p{margin:0}.guide-head{padding:42px 0 25px;max-width:850px}.guide-head h1{font-size:clamp(30px,4vw,44px);line-height:1.3;margin:0 0 18px}.guide-head p{color:var(--muted);font-size:17px}.guide-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:52px;padding-bottom:56px}.contents{align-self:start;position:sticky;top:20px;padding:14px 0;display:flex;flex-direction:column;gap:12px;font-size:14px}.contents a{color:var(--muted);text-decoration:none}.contents a:hover{color:var(--accent)}article section{scroll-margin-top:24px;padding:6px 0 25px}article section+section{border-top:1px solid var(--line)}article p,article li{color:var(--muted)}article strong{color:var(--text)}.steps{padding-left:24px}.steps li{padding:9px 0 9px 8px}.steps li::marker{color:var(--accent);font-weight:800}.example{border-left:3px solid var(--accent);background:var(--panel);padding:17px 22px;margin:22px 0}.example p{margin:6px 0}.glossary dt{font-weight:700;color:var(--text);margin-top:20px}.glossary dd{margin:6px 0 18px;color:var(--muted)}.faq h3{margin-top:24px}.skip-link{position:absolute;left:16px;top:-100px;background:var(--panel);padding:8px 15px;z-index:5}.skip-link:focus{top:8px}
@media(max-width:760px){header,main,footer{padding-inline:20px}header{flex-wrap:wrap;gap:12px;padding-top:16px;padding-bottom:16px}nav{gap:16px}.languages{width:100%;border:0;padding:0}.hero{padding-top:38px}.hero h1{font-size:36px}.hero p{font-size:16px}.overview,.guide-layout{grid-template-columns:1fr;gap:20px}.contents{position:static;flex-direction:row;flex-wrap:wrap;border-block:1px solid var(--line);padding:14px 0}.guide-head{padding-top:32px}h2{font-size:24px}.hero .links{flex-wrap:wrap}.table-wrap{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;transform:none!important}}