:root{
  color-scheme:light only;
  --forest:#3E4F43;--forest-dark:#2C3A31;--sage:#6E8271;--sage-soft:#A9B9A9;
  --cream:#F6F1E7;--cream-deep:#EDE5D6;--sand:#C0A47C;--ink:#242823;--muted:#5E6860;
  --line:rgba(62,79,67,.16);
  --serif:'Cormorant Garamond',Georgia,'Iowan Old Style','Palatino Linotype',Palatino,serif;
  --sans:'Jost',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}

.reg{font-size:.62em;vertical-align:.42em}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin-inline:auto;padding:0 24px}
header{background:var(--forest);padding-block:20px;margin-bottom:64px}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--cream)}
.brand svg{width:34px;height:34px;flex:none}
.brand b{font-family:var(--serif);font-size:1.2rem;font-weight:600;letter-spacing:.06em;display:block;line-height:1}
.brand em{font-style:normal;font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--sage-soft);display:block;margin-top:3px}
header a.back{color:var(--cream);text-decoration:none;font-size:.86rem;letter-spacing:.05em;opacity:.85}
header a.back:hover{opacity:1;color:var(--sand)}
main{padding-bottom:90px}
h1{font-family:var(--serif);font-weight:400;font-size:clamp(2.1rem,5vw,3rem);line-height:1.12;margin:0 0 12px;color:var(--forest-dark)}
.sub{color:var(--sage);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;margin:0 0 48px}
h2{font-family:var(--serif);font-weight:400;font-size:1.5rem;color:var(--forest-dark);margin:48px 0 14px;padding-top:28px;border-top:1px solid var(--line)}
h2:first-of-type{border-top:0;padding-top:0}
h3{font-family:var(--sans);font-weight:500;font-size:1rem;color:var(--forest-dark);margin:28px 0 8px}
p{margin:0 0 1.1em;color:var(--muted)}
a{color:var(--forest);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--sage-soft)}
a:hover{color:var(--sand)}
ul{margin:0 0 1.2em;padding-left:20px;color:var(--muted)}
li{margin-bottom:.45em}
strong{color:var(--forest-dark);font-weight:500}
.box{background:var(--cream-deep);border-left:2px solid var(--sand);padding:22px 26px;border-radius:4px;margin:26px 0}
.box p:last-child{margin-bottom:0}
.todo{background:#FFF6E0;border-left:2px solid #D9A441;padding:20px 24px;border-radius:4px;margin:26px 0;font-size:.9rem}
.todo p{color:#6B5320;margin-bottom:.6em}
.todo p:last-child{margin-bottom:0}
.todo b{color:#503C12}
footer{background:var(--forest-dark);color:rgba(246,241,231,.6);padding-block:34px;font-size:.84rem}
footer a{color:rgba(246,241,231,.78);text-decoration:none}
footer a:hover{color:var(--sand)}
footer .wrap{display:flex;flex-wrap:wrap;gap:14px 30px;justify-content:space-between;max-width:1180px}
.flinks{display:flex;gap:24px}
:focus-visible{outline:2px solid var(--sand);outline-offset:3px}