:root{
  color-scheme:light;
  --bg:#FFFFFF; --soft:#F5F5F7; --ink:#1D1D1F; --ink-2:#48484A; --ink-3:#86868B; --rule:#EDEDF0;
  --blue:#0A7CFF; --brush:#FFE066;
  --serif:"Nunito", ui-rounded, "SF Pro Rounded", -apple-system, system-ui, sans-serif;
  --sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased;padding:0 16px 80px}
main{max-width:680px;margin:0 auto}
header{padding:40px 0 8px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.word{font-family:var(--serif);font-weight:900;font-size:26px;letter-spacing:-.02em;color:var(--ink);text-decoration:none}
nav a{color:var(--ink-3);font-size:14px;margin-left:16px}
h1{font-family:var(--serif);font-weight:900;font-size:clamp(32px,7vw,44px);line-height:1.1;letter-spacing:-.02em;margin:32px 0 6px;position:relative;display:inline-block}
h1::after{content:"";position:absolute;left:-4px;right:-10px;bottom:2px;height:16px;z-index:-1;background:var(--brush);border-radius:40% 55% 45% 60% / 60% 45% 55% 40%;transform:rotate(-1.2deg);opacity:.85}
.meta{color:var(--ink-3);font-size:14px;margin:0 0 28px}
h2{font-family:var(--serif);font-weight:800;font-size:22px;letter-spacing:-.01em;margin:40px 0 8px}
p,li{color:var(--ink-2);max-width:65ch}
ul{padding-left:22px}
li{margin:6px 0}
a{color:var(--blue);text-underline-offset:3px}
.box{background:var(--soft);border-radius:18px;padding:16px 20px;margin:20px 0}
.box p{margin:0}
footer{margin-top:56px;padding-top:20px;border-top:1px solid var(--rule);color:var(--ink-3);font-size:14px}
footer a{color:var(--ink-3)}