/* Cartographic Intelligence — legal surfaces */
:root{
  --surface-base:#f2f0e9;
  --surface-raised:#fcfbf7;
  --graphite:#171916;
  --muted:#666861;
  --hairline:rgba(23,25,22,.15);
  --hairline-strong:rgba(23,25,22,.28);
  --signal-orange:#d95d35;
  --signal-orange-soft:#eeddd3;
}
*{box-sizing:border-box}
html{background:var(--surface-base)}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--graphite);
  line-height:1.68;
  letter-spacing:-.006em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  background:
    radial-gradient(760px 420px at 84% 0%,rgba(217,93,53,.045),transparent 62%),
    linear-gradient(180deg,#f5f3ed,var(--surface-base) 48%,#f6f4ee);
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.36;
  background-image:repeating-linear-gradient(90deg,rgba(23,25,22,.016) 0 1px,transparent 1px 64px);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 75%);
}
main{max-width:960px;margin:0 auto;padding:44px 24px 88px}
.top{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid var(--hairline-strong);position:relative}
.top::after{content:"";position:absolute;left:0;bottom:-1px;width:56px;height:1px;background:var(--signal-orange)}
.brand{font-weight:680;font-size:18px;letter-spacing:-.028em}.back{color:var(--graphite);font-weight:610;font-size:13px}
article{
  background:linear-gradient(180deg,#fffefa,var(--surface-raised));
  border:1px solid var(--hairline-strong);
  border-radius:8px;
  padding:clamp(30px,5vw,58px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 1px 2px rgba(23,25,22,.06),0 16px 38px rgba(23,25,22,.08);
  position:relative;
}
article::before{content:"";position:absolute;top:0;left:18px;width:72px;height:2px;background:var(--signal-orange)}
h1{font-size:clamp(36px,5.4vw,58px);line-height:1.02;letter-spacing:-.052em;font-weight:650;margin:0 0 14px}
h2{margin-top:40px;font-size:23px;line-height:1.2;letter-spacing:-.025em;font-weight:650}h3{margin-top:26px;font-weight:650}
p,li{color:#474942}a{color:inherit}.meta{color:var(--muted);font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.025em}
.box{border:1px solid var(--hairline);border-left:2px solid var(--signal-orange);background:rgba(255,255,255,.42);border-radius:6px;padding:15px 17px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.retention{width:100%;border-collapse:collapse;margin:18px 0}.retention th,.retention td{border-bottom:1px solid var(--hairline);padding:11px 10px;text-align:left;vertical-align:top}.retention th{font-size:11px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
@media(max-width:600px){main{padding:30px 16px 64px}.top{margin-bottom:22px}article{padding:26px 20px;border-radius:7px}h1{font-size:38px}}