@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,400&family=Frank+Ruhl+Libre:wght@300;400;500&display=swap');
:root { --cream:#F8F4EE; --paper:#FDFBF7; --ink:#1F1B17; --muted:#6B6259; --gold:#B8975A; --line:rgba(31,27,23,.12); }
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Frank Ruhl Libre', serif; background:var(--cream); color:var(--ink); line-height:1.75; font-size:17px; -webkit-font-smoothing:antialiased; }
.wrap { max-width:760px; margin:0 auto; padding:0 24px 80px; }
header { display:flex; align-items:center; justify-content:space-between; height:76px; border-bottom:1px solid var(--line); margin-bottom:40px; }
header img { height:44px; }
header a.back { font-size:15px; color:var(--muted); text-decoration:none; }
header a.back:hover { color:var(--gold); }
.kicker { font-size:13px; letter-spacing:.14em; color:var(--gold); font-weight:500; margin-bottom:8px; display:block; }
h1 { font-weight:300; font-size:40px; line-height:1.15; margin-bottom:8px; }
.meta { color:var(--muted); font-size:15px; margin-bottom:30px; }
h2 { font-weight:500; font-size:22px; margin:30px 0 8px; }
p, li { color:#3A332E; }
ul, ol { padding-inline-start:22px; }
li { margin-bottom:4px; }
a { color:var(--ink); text-decoration:underline; text-underline-offset:3px; text-decoration-color:rgba(184,151,90,.5); }
.todo { background:#FFF4E0; border:1px solid #F0D9A8; padding:2px 6px; border-radius:2px; font-size:14px; }
footer { border-top:1px solid var(--line); margin-top:50px; padding-top:18px; font-size:14px; color:var(--muted); display:flex; gap:18px; flex-wrap:wrap; }
footer a { color:var(--ink); }
.en { direction:ltr; text-align:left; font-family:'Cormorant Garamond', serif; font-size:19px; border-top:1px solid var(--line); margin-top:40px; padding-top:24px; }
.en h2 { font-size:24px; }