/* Hallmark · editorial content · pre-emit critique: P5 H5 E5 S5 R5 V5 */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Quicksand:wght@600;700&display=swap');
:root{--ink:oklch(18% .02 255);--paper:oklch(98% .003 250);--surface:oklch(100% 0 0);--line:oklch(82% .015 255);--soft:oklch(93% .012 255);--accent:oklch(47% .16 255);--muted:oklch(48% .025 255);--font-ui:'DM Sans',sans-serif;--font-display:'Quicksand',sans-serif}*{box-sizing:border-box}html,body{overflow-x:clip}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 var(--font-ui)}header{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(5vw,24px)}header .brand{display:inline-flex;align-items:center;text-decoration:none}.brandLogo{width:36px;height:36px;display:block;margin-right:9px}.brandWordmark{width:112px;height:auto;display:block}main{width:min(780px,calc(100% - 40px));margin:54px auto 88px}h1,h2,h3{font-family:var(--font-display);font-style:normal;font-weight:600;line-height:1.15;letter-spacing:-.025em;overflow-wrap:anywhere}h1{font-size:clamp(42px,6vw,58px);margin:0 0 16px}h2{font-size:30px;margin-top:42px}h3{font-size:21px;margin-top:30px}p,li{color:var(--muted)}.updated{font-size:12px;text-transform:uppercase;letter-spacing:.09em;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:30px}.note{padding:18px 20px;border:1px solid var(--ink);background:var(--soft);color:var(--ink);margin:28px 0}.toc{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin:30px 0}.toc strong{font-size:11px;text-transform:uppercase;letter-spacing:.1em}.toc a{display:block;padding:4px 0}.example{background:var(--surface);border-left:4px solid var(--accent);padding:16px 20px;font-size:18px;overflow-wrap:anywhere}a{color:inherit}main a:hover,footer a:hover{color:var(--accent)}a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}footer{border-top:1px solid var(--line);padding:28px max(5vw,24px);text-align:center;font-size:13px;color:var(--muted)}@media(max-width:600px){header{height:64px;padding:0 18px}main{margin-top:38px}h1{font-size:40px}h2{font-size:27px}}