:root{--ink:#1F3B2D;--sub:#5a6a60;--line:#e2ddd0;--paper:#FFFBF0;--accent:#E0662B}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ink:#ece6d8;--sub:#a9b3ab;--line:#33403a;--paper:#151b18;--accent:#F08A3C}}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Hiragino Sans","Helvetica Neue",Arial,sans-serif;line-height:1.85}
main{max-width:44rem;margin:0 auto;padding:2.5rem 16px 4rem}h1{font-size:1.55rem;margin:0 0 .2rem}.sub{color:var(--sub);font-size:.92rem;margin:0 0 2rem}
h2{font-size:1.1rem;margin:2.4rem 0 .5rem;padding-bottom:.3rem;border-bottom:2px solid var(--line)}
.lead{background:rgba(224,102,43,.08);border-left:4px solid var(--accent);padding:1rem 1.1rem;border-radius:0 8px 8px 0}
.en{color:var(--sub);font-size:.93rem}ul{padding-left:1.3rem}a{color:var(--accent)}
nav{display:flex;gap:1rem;font-size:.92rem;margin-bottom:1.5rem}footer{margin-top:3rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--sub);font-size:.86rem}