:root {
  --color-bg: #f3f2f2; --color-surface: #eae9e9; --color-text: #201e1d;
  --color-accent: #ec3013; --color-accent-2: #e15b47;
  --color-divider: color-mix(in srgb, #201e1d 40%, transparent);
  --font-heading: "Archivo", system-ui, sans-serif; --font-heading-weight: 800; --font-body: "Archivo", system-ui, sans-serif;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --radius-md: 0px;
}
body { background: var(--color-bg); color: var(--color-text); font-family: var(--font-body); }
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; font-size: 15px; line-height: 1.55; font-weight: 400; }
h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); font-weight: var(--font-heading-weight); line-height: 1.12; letter-spacing: -0.015em; margin: 0 0 var(--space-2); }
p { margin: 0 0 var(--space-3); }
a { color: var(--color-accent); text-underline-offset: 3px; }
:focus { outline: none; }
:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; }
.hr { height: 2px; border: 0; margin: var(--space-4) 0; background: var(--color-divider); }
.table { width: 100%; border-collapse: collapse; font-size: 14px; }
.table th { text-align: left; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: color-mix(in srgb, var(--color-text) 60%, transparent); padding: var(--space-2); border-bottom: 2px solid var(--color-divider); }
.table td { padding: var(--space-2); border-bottom: 1px solid var(--color-divider); vertical-align: top; }
.table tbody tr:hover { background: color-mix(in srgb, var(--color-text) 4%, transparent); }

/* accent — HAINT. Delete this block to revert to red. */
:root {
  --color-bg: #ffffff; --color-surface: #ffffff;
  --color-accent: #2a7d79;
  --color-accent-100: #e4f1f0; --color-accent-200: #c6e4e2; --color-accent-300: #9ed2cf;
  --color-accent-400: #63b3af; --color-accent-500: #3f9793;
  --color-accent-600: #216662; --color-accent-700: #1a524f; --color-accent-800: #123f3c; --color-accent-900: #0d2e2c;
}
html, body { background: #ffffff; }
a { color: var(--color-accent); text-decoration: none; }
a:hover { color: var(--color-accent-700); text-decoration: underline; }
::selection { background: color-mix(in srgb, var(--color-accent) 30%, transparent); }
.mono { font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace; font-variant-numeric: tabular-nums; }
.ham{display:none;background:none;border:0;cursor:pointer;padding:4px;align-items:center}
@media(max-width:720px){.ham{display:inline-flex}#navRow{display:none}#navRow.open{display:block}}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px 40px;align-items:start}
.foot-brand{max-width:48ch}
@media(max-width:720px){.foot-grid{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1;max-width:60ch}}
.trust-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0;border-top:2px solid var(--color-divider);border-left:2px solid var(--color-divider)}
.trust-links a{display:block;padding:20px 22px;border-right:2px solid var(--color-divider);border-bottom:2px solid var(--color-divider);color:var(--color-text)}
.trust-links a:hover{background:color-mix(in srgb,var(--color-accent) 8%,transparent);text-decoration:none}
.hsoc{color:var(--color-accent);display:inline-flex;align-items:center;line-height:0}.hsoc:hover{color:var(--color-accent-700)}@media(max-width:720px){.hsoc{display:none}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;text-decoration:none;font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:14px;line-height:1.2;color:var(--color-text);background:transparent;border:1px solid transparent;padding:8px 14px}.btn-primary{background:var(--color-accent);color:var(--color-bg)}.btn-primary:hover{background:var(--color-accent-700);color:var(--color-bg);text-decoration:none}
.article-body h2{font-family:var(--font-heading);font-weight:800;font-size:var(--text-h2);line-height:1.15;letter-spacing:-0.015em;margin:40px 0 12px}
.article-body h3{font-family:var(--font-heading);font-weight:800;font-size:var(--text-h3);line-height:1.2;margin:28px 0 10px}
.article-body p{margin:0 0 20px}
.article-body a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.article-body a:hover{color:var(--color-accent-700)}
.article-body ul{margin:2px 0 22px;padding-left:20px}
.article-body li{margin:0 0 11px;line-height:1.6}
.article-body strong{font-weight:800}
.article-body em{font-style:italic}
.article-body hr{height:2px;border:0;margin:34px 0;background:var(--color-divider)}
.article-body blockquote{border-left:3px solid var(--color-accent);margin:0 0 22px;padding:2px 0 2px 22px;font-family:var(--font-heading);font-weight:800;font-size:clamp(20px,2.6vw,26px);line-height:1.25}
.share-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--color-divider);color:var(--color-accent);cursor:pointer;background:none;padding:0;transition:background .12s,color .12s}
.share-btn:hover{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}
.share-btn svg{width:17px;height:17px;fill:currentColor}