:root{
  --navy:#14243F; --cream:#FFF6E4; --paper:#FFFCF3; --yellow:#FFC93C;
  --orange:#E8552F; --muted:#5A6478; --line:rgba(20,36,63,.14);
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--cream); color:var(--navy);
  font-family:'Mulish',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  font-size:17px; line-height:1.65; -webkit-font-smoothing:antialiased;
}
.wrap{max-width:74ch; margin:0 auto; padding:clamp(28px,5vw,64px) clamp(22px,6vw,40px) 96px}
header.top{
  display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap;
  padding:18px clamp(22px,6vw,40px); border-bottom:1px solid var(--line);
}
.brand{display:flex; align-items:center; gap:10px; font-weight:900; font-size:1.1rem; color:var(--navy); text-decoration:none}
.dot{width:14px; height:14px; border-radius:50%; background:var(--orange); flex:none}
.top nav{display:flex; gap:20px; font-weight:700; font-size:.92rem}
a{color:var(--orange)}
a:hover{color:var(--navy)}
h1{
  font-family:Baskervville,Georgia,'Times New Roman',serif; font-weight:400;
  font-size:clamp(34px,5vw,52px); line-height:1.06; letter-spacing:-.015em; margin:0 0 6px;
}
.eyebrow{display:block; font-weight:900; font-size:.7rem; letter-spacing:.24em; text-transform:uppercase; color:var(--orange); margin-bottom:14px}
.updated{color:var(--muted); font-size:.92rem; font-weight:600; margin:0 0 34px}
h2{font-size:1.16rem; font-weight:900; margin:38px 0 10px; letter-spacing:-.01em}
h3{font-size:1rem; font-weight:800; margin:24px 0 6px}
p,li{color:#22314d}
ul{padding-left:1.15rem}
li{margin:6px 0}
.callout{
  background:var(--paper); border:1px solid var(--line); border-left:4px solid var(--yellow);
  border-radius:4px; padding:16px 20px; margin:26px 0;
}
.callout p{margin:0}
.todo{border-left-color:var(--orange)}
table{border-collapse:collapse; width:100%; margin:18px 0; font-size:.95rem}
th,td{text-align:left; padding:10px 12px; border-bottom:1px solid var(--line); vertical-align:top}
th{font-weight:900; background:var(--paper)}
footer.bot{
  border-top:1px solid var(--line); margin-top:56px; padding-top:22px;
  color:var(--muted); font-size:.9rem; font-weight:600;
  display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap;
}
footer.bot a{color:var(--muted)}
code{background:var(--paper); border:1px solid var(--line); border-radius:3px; padding:1px 5px; font-size:.9em}