:root{color-scheme:light;--navy:#243452;--gold:#b39852;--ink:#25344b;--muted:#667388;--line:#dce3ec;--surface:#fff;--back:#f3f6fa}
*{box-sizing:border-box}
body{margin:0;background:var(--back);color:var(--ink);font:17px/1.85 system-ui,"Microsoft JhengHei",sans-serif}
header{background:var(--navy);color:#fff;border-bottom:4px solid var(--gold)}
nav{max-width:1020px;min-height:82px;margin:auto;padding:18px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}
a{color:#245c97;text-underline-offset:4px;overflow-wrap:anywhere}
a:focus-visible{outline:3px solid var(--gold);outline-offset:5px;border-radius:2px}
nav a{color:#fff;text-decoration:none}
nav .brand{font-size:25px;font-weight:750;letter-spacing:.08em}
.links{display:flex;gap:26px;flex-wrap:wrap;font-size:16px}
main{max-width:1020px;margin:34px auto 48px;padding:0 32px}
.hero{padding:38px 42px;background:var(--surface);border:1px solid var(--line);border-radius:16px 16px 0 0}
.eyebrow{margin:0 0 8px;color:#796529;font-size:15px;font-weight:700;letter-spacing:.12em}
h1{font-size:34px;line-height:1.5;letter-spacing:.01em;margin:0 0 20px}
.notice{display:inline-block;margin:0;padding:10px 15px;background:#faf4e4;border-left:4px solid var(--gold);border-radius:6px;color:#62562e;font-size:16px}
article{padding:10px 42px 34px;background:var(--surface);border:1px solid var(--line);border-top:0;border-radius:0 0 16px 16px}
section{margin-top:26px;padding-top:10px;border-top:1px solid var(--line)}
h2{margin:16px 0 12px;font-size:23px;line-height:1.6;color:var(--navy)}
p{margin:14px 0;overflow-wrap:anywhere}
footer{max-width:1020px;margin:0 auto;padding:0 32px 30px;color:var(--muted);font-size:14px}
footer div{display:flex;gap:24px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:22px}
footer span{font-weight:650;margin-right:auto}
footer p{margin-top:12px}
@media(max-width:650px){body{font-size:16px;line-height:1.9}nav{padding:18px 20px;align-items:flex-start;flex-direction:column;gap:10px}.links{gap:24px}main{margin:20px auto 32px;padding:0 14px}.hero{padding:26px 24px}article{padding:8px 24px 28px}h1{font-size:27px;margin-bottom:16px}h2{font-size:21px}.notice{font-size:15px}footer{padding:0 20px 28px}footer div{gap:12px 24px}footer span{width:100%}}
@media print{body{background:#fff;color:#000}header{background:#fff;color:#000;border-bottom:2px solid #999}nav a{color:#000}main{margin:18px auto;padding:0}.hero,article{border:0;padding:12px 0}.notice{background:#fff;border:1px solid #999}section{break-inside:avoid}footer{padding:0}.links{display:none}}