:root{--paper:#F7F5EF;--ink:#0C0C0B;--soft:#63615B;--faint:#96948C;--hair:#D8D5CB;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper:#0E0E0D;--ink:#F7F5EF;--soft:#A9A69E;--faint:#6F6D66;--hair:#2A2926}}
:root[data-theme="dark"]{--paper:#0E0E0D;--ink:#F7F5EF;--soft:#A9A69E;--faint:#6F6D66;--hair:#2A2926}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.65 Inter,-apple-system,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
main{max-width:720px;margin:0 auto;padding:40px clamp(22px,5vw,48px) 80px}
.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:56px}
.wordmark{font-weight:500;font-size:20px;letter-spacing:-.06em;text-decoration:none;color:var(--ink)}
.ser{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.03em}
.top a.back{font-size:14px;color:var(--soft)}
h1{font-weight:500;font-size:clamp(2.4rem,6vw,3.6rem);letter-spacing:-.055em;line-height:.95;margin:0 0 40px}
h2{font-weight:600;font-size:17px;letter-spacing:-.01em;margin:36px 0 8px}
p,li{color:var(--soft);margin:0 0 10px}
ul{padding-left:1.1em}
a{color:var(--ink)}
.note{font-size:13px;color:var(--faint);border-top:1px solid var(--hair);padding-top:16px;margin-top:48px}