@import url('../brand-system.css?v=205-brand-system');
:root { color-scheme: dark; --bg:var(--brand-bg); --panel:var(--brand-panel); --text:var(--brand-text); --muted:var(--brand-muted); --accent:var(--brand-action-light); }
* { box-sizing: border-box; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at 50% 0,var(--brand-panel-soft),var(--bg) 48%); color:var(--text); font:16px/1.65 var(--brand-font); }
main { width:min(780px,calc(100% - 32px)); margin:0 auto; padding:32px 0 64px; }
.back { display:inline-flex; color:var(--accent); text-decoration:none; padding:10px 0; }
article { margin-top:18px; padding:clamp(22px,5vw,46px); border:1px solid var(--brand-line); border-radius:26px; background:var(--brand-panel); box-shadow:0 24px 70px rgba(0,0,0,.24); }
h1 { margin:.15em 0; font-size:clamp(2rem,7vw,3.25rem); line-height:1.08; }
h2 { margin:1.7em 0 .35em; font-size:1.2rem; }
p,li { color:var(--muted); }
.summary { color:var(--text); font-size:1.08rem; }
.notice { padding:14px 16px; border-left:3px solid var(--accent); background:rgba(var(--brand-blue-rgb),.07); border-radius:0 12px 12px 0; }
a { color:var(--accent); }
footer { margin-top:28px; color:var(--muted); font-size:.86rem; }
@media (prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; } }