:root{--ink:#0b1220;--ivory:#f5f1e8;--paper:#fffdf8;--copper:#c89b63;--copper-dk:#8a6236;--muted:#5f6878;--line:rgba(200,155,99,.28)}
*{box-sizing:border-box}
body{margin:0;background:var(--ivory);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--copper-dk)}
header{background:var(--ink);padding:20px 0}
header a{color:#fff;text-decoration:none;font-weight:650;letter-spacing:.22em;display:inline-flex;align-items:center;gap:10px}
.shell{width:min(820px,calc(100% - 32px));margin:auto}
main{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:clamp(24px,5vw,56px);margin:40px auto}
h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(2rem,5vw,3rem);line-height:1.1;margin:0 0 6px}
.updated{color:var(--muted);font-size:.9rem;margin:0 0 32px}
h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:1.45rem;margin:34px 0 8px}
p,li{color:#2c3445}
ul{padding-left:22px}
.box{background:var(--ivory);border-left:3px solid var(--copper);padding:14px 18px;border-radius:6px;margin:20px 0}
footer{color:var(--muted);font-size:.86rem;padding:0 0 40px;text-align:center}
