:root{--ink:#2b2118;--muted:#6f6151;--soft:#8a7a67;--line:#e7ddce;--paper:#fbf7ef;--card:#fffdf8;--tan:#b8895a;--tan-d:#9a6d40;--green:#3f7d5a}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);
  font:17px/1.62 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.wrap{max-width:720px;margin:0 auto;padding:28px 22px 90px}
header{display:flex;align-items:center;justify-content:space-between;padding:6px 0 26px}
.brand{font-weight:800;letter-spacing:.14em;font-size:15px;color:var(--tan-d)}
.brand a{color:inherit;text-decoration:none}
nav a{color:var(--soft);text-decoration:none;font-size:14px;margin-left:16px}
nav a:hover{color:var(--tan-d)}
h1{font-size:33px;line-height:1.18;letter-spacing:-.02em;margin:14px 0 10px}
.lede{font-size:20px;line-height:1.5;color:#4a3f31;margin:0 0 26px}
h2{font-size:22px;letter-spacing:-.01em;margin:38px 0 10px}
p{margin:0 0 16px}
.soft{color:var(--muted)}
.steps{list-style:none;padding:0;margin:8px 0 6px;counter-reset:s}
.steps li{position:relative;padding:12px 0 12px 46px;border-top:1px solid var(--line)}
.steps li:before{counter-increment:s;content:counter(s);position:absolute;left:0;top:12px;
  width:30px;height:30px;border-radius:50%;background:#f0e6d3;color:var(--tan-d);font-weight:700;
  display:flex;align-items:center;justify-content:center;font-size:15px}
.callout{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--tan);
  border-radius:12px;padding:16px 20px;margin:22px 0}
.honest{background:#f6efe0;border-radius:12px;padding:16px 20px;margin:22px 0;font-size:16px}
.honest b{color:var(--tan-d)}
.cta{display:inline-block;background:var(--tan-d);color:#fff;text-decoration:none;font-weight:700;
  padding:13px 26px;border-radius:10px;margin:6px 0 4px;font-size:17px}
.cta:hover{background:#875e37}
.cta-note{font-size:14px;color:var(--muted);margin-top:8px}
footer{margin-top:44px;padding-top:18px;border-top:1px solid var(--line);font-size:14px;color:var(--soft)}
footer a{color:var(--soft)}
.related{margin-top:8px}
.related a{display:block;color:var(--tan-d);text-decoration:none;padding:5px 0}
.related a:hover{text-decoration:underline}
/* hub */
.hub-list{list-style:none;padding:0;margin:22px 0}
.hub-list li{border-top:1px solid var(--line);padding:0}
.hub-list a{display:block;padding:16px 0;text-decoration:none;color:var(--ink)}
.hub-list a:hover .ht{color:var(--tan-d)}
.ht{font-size:20px;font-weight:700;letter-spacing:-.01em}
.hd{color:var(--muted);font-size:16px;margin-top:2px}