@font-face{font-family:"Work Sans";src:url("fonts/work-sans.woff") format("woff");font-weight:300 700;font-style:normal;font-display:swap;}
@font-face{font-family:"Fraunces";src:url("fonts/fraunces.woff") format("woff");font-weight:400 600;font-style:normal;font-display:swap;}
@font-face{font-family:"Fraunces";src:url("fonts/fraunces-italic.woff") format("woff");font-weight:400 600;font-style:italic;font-display:swap;}
:root{
  color-scheme:light;
  --ink:#3A2E27;--ink-soft:#7A6A5E;--paper:#FBF4EC;--surface:#F3E6D8;
  --sauge:#B97A55;--sauge-deep:#7A4B33;--sauge-pale:#F2E1D2;--line:#E8DCCB;--accent-soft:#F0DCC4;
}
*{box-sizing:border-box;}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Work Sans",-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;}
.wrap{width:100%;max-width:820px;margin-inline:auto;padding-inline:24px;}
header{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 92%,transparent);position:sticky;top:0;backdrop-filter:blur(10px);z-index:5;}
.nav-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px;}
.brand{display:flex;flex-direction:column;line-height:1.1;text-decoration:none;color:inherit;}
.brand-name{font-family:"Fraunces",serif;font-style:italic;font-size:1.25rem;font-weight:500;}
.brand-role{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);}
.back{font-size:.85rem;font-weight:600;color:var(--ink);text-decoration:none;border:1px solid var(--line);border-radius:100px;padding:9px 16px;white-space:nowrap;}
.back:hover{border-color:var(--sauge);}
main{padding-block:48px 80px;}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:600;color:var(--sauge-deep);}
h1,h2{font-family:"Fraunces",Georgia,serif;font-weight:500;margin:0;text-wrap:balance;}
h1{font-size:clamp(1.9rem,1.4rem + 2vw,2.6rem);margin-top:10px;}
h2{font-size:1.3rem;margin-top:40px;padding-top:28px;border-top:1px solid var(--line);}
h3{font-size:1rem;margin:22px 0 4px;}
p,ul{margin:12px 0 0;}
ul{padding-left:20px;}
li+li{margin-top:6px;}
a{color:var(--sauge-deep);}
.updated{margin-top:12px;font-size:.85rem;color:var(--ink-soft);}
.intro{margin-top:22px;font-size:1.02rem;color:var(--ink-soft);}
dl{margin:16px 0 0;display:grid;grid-template-columns:minmax(0,13rem) minmax(0,1fr);gap:10px 20px;}
dt{font-weight:600;font-size:.9rem;}
dd{margin:0;font-size:.95rem;overflow-wrap:anywhere;}
.box{margin-top:18px;padding:18px 20px;background:var(--sauge-pale);border-radius:14px;font-size:.92rem;}
footer{border-top:1px solid var(--line);padding-block:24px;font-size:.8rem;color:var(--ink-soft);}
footer nav{display:flex;flex-wrap:wrap;gap:8px 20px;}
footer a{color:var(--ink-soft);}
@media (max-width:600px){dl{grid-template-columns:1fr;gap:2px;}dd{margin-bottom:10px;}}
