:root{
  --ink:#0c1620;--ink-soft:#46586a;--line:#e7edf2;--paper:#fff;--wash:#f4faf8;
  --teal:#00d4aa;--teal-d:#00ad8d;--teal-ink:#013a33;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--wash);line-height:1.65;-webkit-font-smoothing:antialiased;}
a{color:var(--teal-d);text-decoration:none;} a:hover{text-decoration:underline;}
.wrap{max-width:820px;margin:0 auto;padding:0 24px;}
h1,h2,h3{font-family:'Bricolage Grotesque',sans-serif;letter-spacing:-.02em;color:var(--ink);}
/* header */
.lhead{background:var(--paper);border-bottom:1px solid var(--line);}
.lhead .wrap{max-width:1120px;display:flex;align-items:center;height:64px;gap:22px;}
.logo{font-family:'Bricolage Grotesque';font-weight:800;font-size:24px;color:var(--ink);}
.logo .dot{color:var(--teal);}
.lhead nav{display:flex;gap:20px;font-weight:600;font-size:14px;color:var(--ink-soft);margin-left:auto;}
.lhead nav a{color:inherit;} .lhead nav a:hover{color:var(--ink);text-decoration:none;}
/* hero */
.lhero{padding:46px 0 10px;}
.lhero .eyebrow{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--teal-d);}
.lhero h1{font-size:clamp(30px,4vw,42px);font-weight:800;margin-top:8px;}
.lhero .upd{color:var(--ink-soft);font-size:14px;margin-top:8px;}
/* prose */
.prose{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:34px 38px;margin:26px 0 60px;box-shadow:0 2px 10px rgba(12,22,32,.05);}
.prose h2{font-size:21px;font-weight:800;margin:26px 0 10px;padding-top:6px;}
.prose h2:first-child{margin-top:0;}
.prose h3{font-size:16px;font-weight:700;margin:18px 0 6px;}
.prose p,.prose li{font-size:15.5px;color:#23323f;margin-bottom:10px;}
.prose ul,.prose ol{padding-left:22px;margin-bottom:12px;}
.prose .todo{background:#fff7ed;border:1px dashed #f5b461;color:#9a5b00;padding:2px 8px;border-radius:6px;font-size:13px;font-weight:700;}
.prose table{width:100%;border-collapse:collapse;margin:12px 0;font-size:14.5px;}
.prose th,.prose td{border:1px solid var(--line);padding:9px 12px;text-align:left;}
.prose th{background:var(--wash);font-weight:700;}
.prose .box{background:var(--wash);border-radius:12px;padding:16px 18px;margin:14px 0;}
/* footer */
.lfoot{background:var(--ink);color:#aebcc9;padding:34px 0;font-size:14px;}
.lfoot .wrap{max-width:1120px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;align-items:center;}
.lfoot a{color:#cdd9e3;} .lfoot .links a{margin-left:16px;}
.lfoot .logo{color:#fff;font-size:20px;}
@media(max-width:640px){.lhead nav{display:none;}.prose{padding:24px 20px;}}