@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500&family=Inter+Tight:wght@400;500&display=swap');
:root{--bg:#f4ecdf;--ink:#1c2230;--muted:#6a6358;--line:rgba(28,34,48,.13);--brick:#c4552f;--night:#15233a;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.65 'Inter Tight',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
nav{display:flex;justify-content:space-between;align-items:center;max-width:760px;margin:0 auto;padding:22px 16px}
.logo{font-family:'Cormorant Garamond',serif;font-size:20px;letter-spacing:.32em;text-decoration:none;color:inherit}
.langs{display:flex;gap:4px}
.langs a{color:var(--muted);text-decoration:none;font-size:12px;letter-spacing:.08em;padding:5px 10px;border-radius:999px}
.langs a[aria-current]{background:var(--night);color:var(--bg)}
article{max-width:760px;margin:0 auto;padding:24px 16px 80px}
article:not(.on){display:none}
h1{color:var(--night);font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(36px,6vw,56px);line-height:1.05;margin:24px 0 8px;text-wrap:balance}
h2{font-size:18px;font-weight:500;margin:40px 0 10px;padding-top:24px;border-top:1px solid var(--line)}
.meta{color:var(--brick);font-size:14px}
p,li{color:#3a3a3f}
ul{padding-left:20px}
a{color:var(--ink)}