@font-face{font-family:'Bricolage';src:url('/assets/fonts/bricolage.woff2') format('woff2-variations');font-weight:200 800;font-display:swap;font-style:normal}
@font-face{font-family:'InterV';src:url('/assets/fonts/inter.woff2') format('woff2-variations');font-weight:100 900;font-display:swap;font-style:normal}
:root{--bg:#101311;--card:#171B18;--tx:#F8F4EB;--mu:rgba(248,244,235,.70);--ln:rgba(248,244,235,.14);--ac:#C9A45F;--r:4px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tx);font-family:'InterV',Inter,ui-sans-serif,system-ui,sans-serif;
  font-size:clamp(16px,.35vw+15px,17px);line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--ac)}
.wrap{width:min(100% - 2*clamp(20px,5vw,48px),760px);margin-inline:auto}
:focus-visible{outline:2px solid var(--ac);outline-offset:3px;border-radius:3px}
header{border-bottom:1px solid var(--ln)}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;height:74px}
.logo{height:30px;aspect-ratio:867/322;background:currentColor;color:var(--tx);
  -webkit-mask:url('/assets/img/mask-wordmark.png') no-repeat center/contain;
  mask:url('/assets/img/mask-wordmark.png') no-repeat center/contain;display:block}
.back{text-decoration:none;font-size:.9rem;font-weight:600}
.back:hover{text-decoration:underline}
main{padding-block:clamp(36px,6vw,72px) clamp(56px,8vw,110px)}
h1{font-family:'Bricolage',ui-sans-serif,system-ui,sans-serif;font-size:clamp(2rem,5vw,3rem);line-height:1.06;letter-spacing:-.025em;margin:0 0 .5em}
h2{font-family:'Bricolage',ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.15rem,2.2vw,1.42rem);line-height:1.2;letter-spacing:-.015em;
  margin:2.4em 0 .6em;padding-top:1.2em;border-top:1px solid var(--ln)}
h2:first-of-type{border-top:0;padding-top:0}
p,ul{margin:0 0 1em;color:var(--mu)}
ul{padding-left:1.3em}
li{margin-bottom:.35em}
b{color:var(--tx)}
.lead{font-size:1.08rem;color:var(--tx)}
.small{font-size:.86rem}
.chk{background:var(--ac);color:#101311;padding:.1em .55em;border-radius:3px;font-size:.82em;
  font-weight:700;white-space:nowrap}
.todo{background:rgba(201,164,95,.10);border:1px solid var(--ac);border-radius:var(--r);
  padding:20px 24px;margin-bottom:clamp(30px,5vw,48px)}
.todo p{margin-bottom:.6em}
.todo p:last-child{margin-bottom:0}
.todo ul{margin-bottom:.9em}
footer{border-top:1px solid var(--ln);padding-block:26px;font-size:.85rem;color:var(--mu)}
footer .wrap{display:flex;flex-wrap:wrap;gap:8px 22px}
footer a{text-decoration:none}
footer a:hover{text-decoration:underline}