:root { --background:#f5f7f9; --surface:#fff; --text:#17202a; --muted:#66717e; --border:#dfe4e8; --accent:#005eb8; }
* { box-sizing:border-box; }
html { background:var(--background); }
body { min-height:100vh; margin:0; background:var(--background); color:var(--text); font-family:Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased; }
.main { width:min(100%,48rem); margin:0 auto; padding:calc(clamp(1.5rem,5vw,4rem) + env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) calc(3rem + env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left)); }
.article { border:1px solid var(--border); border-radius:1rem; background:var(--surface); padding:clamp(1.25rem,4vw,2.5rem); }
.article h1,.article h2,.article p,.article ul { margin-top:0; }.article h1 { font-size:clamp(1.8rem,6vw,2.5rem); letter-spacing:-.035em; }.article h2 { margin-top:2rem; font-size:1.15rem; }.article p,.article li { color:var(--text); line-height:1.6; }.article ul { padding-left:1.25rem; }.article li + li { margin-top:.35rem; }.updated { color:var(--muted)!important; font-size:.88rem; }.contact { display:inline-flex; color:var(--accent); font-weight:700; text-decoration:underline; text-underline-offset:.16em; }