:root{color-scheme:light;--ink:#282436;--muted:#645d72;--purple:#653bb4;--line:#e4dfeb}*{box-sizing:border-box}body{margin:0;background:#faf8fd;color:var(--ink);font:17px/1.7 system-ui,-apple-system,sans-serif}header,main,footer{max-width:850px;margin:auto;padding:28px 28px}header{border-bottom:1px solid var(--line)}.brand{font-size:20px;font-weight:750;color:var(--purple);text-decoration:none}nav{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:16px;font-size:14px}a{color:var(--purple);text-underline-offset:3px}h1{font-size:clamp(30px,5vw,44px);line-height:1.15;margin:20px 0}h2{font-size:23px;line-height:1.3;margin:36px 0 12px}p,ul,ol{margin:12px 0}li{margin:8px 0}footer,.meta{color:var(--muted);font-size:14px}.draft{padding:16px;border:1px solid #c98230;background:#fff2d9;border-radius:10px;margin:8px 0 24px;font-size:15px}.callout{background:#eee7fa;border-radius:12px;padding:20px;overflow-wrap:anywhere}table{border-collapse:collapse;width:100%;font-size:15px}th,td{text-align:left;vertical-align:top;padding:12px 8px;border-bottom:1px solid var(--line)}@media(max-width:580px){header,main,footer{padding:22px 18px}table,tbody,tr,th,td{display:block}th{background:#eee7fa}td{padding:10px 0}}