:root{--paper:#F7F1E8;--card:#FFFDF9;--ink:#221D17;--soft:#6F6456;--line:#E6DCCD;--coral:#D9502F;--lagoon:#0F7A69}
@media (prefers-color-scheme:dark){:root{--paper:#15130F;--card:#221F1A;--ink:#F2EBDF;--soft:#A99D8E;--line:#3A342C;--coral:#FF7A5C;--lagoon:#45C9B2}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 "Bricolage Grotesque",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.wrap{max-width:720px;margin:0 auto;padding:28px 18px 64px}
header{display:flex;align-items:center;gap:12px;margin-bottom:28px}
header img{width:44px;height:44px;border-radius:11px}
header a{color:var(--ink);text-decoration:none;font:600 20px/1 Fraunces,ui-serif,Georgia,serif}
nav{margin-left:auto;display:flex;gap:16px;font-size:15px}nav a{color:var(--soft);text-decoration:none}
h1,h2,h3{font-family:Fraunces,ui-serif,Georgia,"Times New Roman",serif;line-height:1.2}
h1{font-size:38px;margin:.2em 0 .4em}h2{font-size:24px;margin-top:2em}h3{font-size:19px}
.lead{font-size:20px;color:var(--soft)}
.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px 20px;margin:14px 0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.split .card{margin:0}
.you{border-left:5px solid var(--coral)}.them{border-left:5px solid var(--lagoon)}
.langs a{color:var(--coral);font-weight:600;margin-right:14px}
a{color:var(--coral)}footer{margin-top:48px;color:var(--soft);font-size:14px;border-top:1px solid var(--line);padding-top:18px}
@media (max-width:560px){.split{grid-template-columns:1fr}h1{font-size:31px}}