:root{
  --bg:#ebe2d3; --bg-2:#e3d8c4; --paper:#f4ecdc; --paper-2:#faf3e3;
  --ink:#2a241c; --ink-soft:#5a4f40; --ink-muted:#8a7d68;
  --accent:#c0533b; --accent-dark:#8e3a27;
  --line:rgba(42,36,28,.22); --line-soft:rgba(42,36,28,.10);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth; scroll-padding-top:80px;}
body{
  margin:0; font-family:'Inter Tight',system-ui,sans-serif;
  background:var(--bg); color:var(--ink); line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--accent); text-decoration:none;}
a:hover{color:var(--accent-dark); text-decoration:underline;}
.container{max-width:760px; margin:0 auto; padding:0 24px;}

nav{
  position:sticky; top:0; z-index:50;
  background:rgba(235,226,211,.85); backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line-soft);
}
nav .container{display:flex; justify-content:space-between; align-items:center; padding:18px 24px;}
.brand{
  display:flex; align-items:center; gap:9px;
  font-family:'Fraunces',serif; font-weight:500; font-size:24px;
  letter-spacing:-.02em; color:var(--ink);
}
.brand:hover{text-decoration:none;}
.brand .dot{width:8px; height:8px; border-radius:50%; background:var(--accent);}
.back{font-size:14px; color:var(--ink-soft);}
.back:hover{color:var(--ink);}

main{padding:64px 0 40px;}
.doc-head{margin-bottom:36px; padding-bottom:28px; border-bottom:1px solid var(--line);}
.eyebrow{
  font-size:11px; letter-spacing:.18em; text-transform:uppercase;
  color:var(--ink-muted); margin-bottom:14px;
}
h1{
  font-family:'Fraunces',serif; font-weight:400;
  font-size:clamp(34px,6vw,52px); line-height:1.05; letter-spacing:-.02em;
  margin:0 0 14px;
}
.updated{font-size:14px; color:var(--ink-muted);}
.lede{font-size:17px; color:var(--ink-soft); margin-top:18px;}

h2{
  font-family:'Fraunces',serif; font-weight:500;
  font-size:24px; letter-spacing:-.01em; margin:42px 0 12px;
}
p{margin:0 0 16px; color:var(--ink-soft);}
ul{margin:0 0 16px; padding-left:22px; color:var(--ink-soft);}
li{margin-bottom:8px;}
strong{color:var(--ink); font-weight:600;}
.callout{
  background:var(--paper); border:1px solid var(--line);
  border-radius:14px; padding:18px 20px; margin:22px 0;
  color:var(--ink-soft); font-size:15px;
}
.callout p:last-child{margin-bottom:0;}

footer{border-top:1px solid var(--line); margin-top:56px; padding:32px 0;}
footer .container{display:flex; flex-wrap:wrap; justify-content:space-between; gap:14px; align-items:center;}
footer .meta a{color:var(--ink-soft); margin-left:18px; font-size:14px;}
footer .meta a:first-child{margin-left:0;}
footer .copyright{font-size:13px; color:var(--ink-muted); width:100%; margin-top:6px;}
@media(max-width:600px){
  footer .container{flex-direction:column; align-items:flex-start;}
  footer .meta a{margin-left:0; margin-right:18px;}
  main{padding:44px 0 32px;}
}