:root { --bg:#f6f3ec; --paper:#fffefb; --ink:#211d17; --muted:#6b6357; --line:#e3dccf; --accent:#8a6d3b; }
* { box-sizing: border-box; }
body { margin:0; font-family:'Inter',system-ui,sans-serif; color:var(--ink); background:var(--bg); line-height:1.7; }
.wrap { width:min(820px,92vw); margin:0 auto; }
header { background:#211d17; color:#fdfbf6; padding:44px 0; }
header h1 { font-family:'Cormorant Garamond',serif; font-size:clamp(1.9rem,5vw,2.8rem); margin:0; }
header a { color:#cabfac; text-decoration:none; font-size:0.9rem; }
header a:hover { color:#fff; }
main { padding:48px 0 70px; }
.card { background:var(--paper); border:1px solid var(--line); border-radius:14px; padding:clamp(26px,5vw,46px); box-shadow:0 10px 30px rgba(40,32,18,0.07); }
h2 { font-family:'Cormorant Garamond',serif; font-size:1.5rem; margin:34px 0 10px; }
h2:first-of-type { margin-top:0; }
p, li { color:var(--muted); }
a { color:var(--accent); }
.updated { font-size:0.85rem; color:#9a917f; margin-bottom:26px; }
.note { background:#f1ebdd; border:1px solid var(--line); border-radius:10px; padding:14px 18px; font-size:0.88rem; margin-bottom:26px; }
footer { text-align:center; padding:30px 0; font-size:0.82rem; color:#9a917f; }