:root{color-scheme:light;--bg:#f7fbfa;--paper:#fff;--soft:#eef7f4;--ink:#10201c;--muted:#5f716b;--line:#d9e6e1;--teal:#057c70;--teal-dark:#045e55;--radius:8px;--shadow:0 18px 50px rgba(22,48,42,.08)}:root[data-theme="dark"]{color-scheme:dark;--bg:#0f1715;--paper:#16221f;--soft:#1d2d29;--ink:#edf7f4;--muted:#a5b7b1;--line:#31433e;--teal:#7de0d2;--teal-dark:#9ee9df;--shadow:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.65}a{color:var(--teal-dark);font-weight:800}.site-header,main,.site-footer{width:min(960px,calc(100% - 32px));margin:0 auto}.site-header{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:24px 0}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--ink);font-weight:850;text-decoration:none}.brand img{width:42px;height:42px}.site-nav,.footer-links,.tool-links{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.site-nav{color:var(--muted);font-size:14px;font-weight:760}.tools-menu{position:relative}.tools-menu summary{min-height:36px;border-radius:6px;padding:7px 10px;color:var(--ink);list-style:none;cursor:pointer}.tools-menu summary::-webkit-details-marker{display:none}.tools-menu[open] summary,.tools-menu summary:hover{background:color-mix(in srgb,var(--teal) 10%,transparent)}.tools-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:10;width:min(760px,calc(100vw - 32px));max-height:min(74vh,680px);overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:8px;box-shadow:var(--shadow)}.tool-menu-column{display:grid;gap:8px}.tool-menu-group{border:1px solid var(--line);border-radius:var(--radius);padding:8px}.tool-menu-group h2{margin:0;color:var(--muted);font-size:11px;text-transform:uppercase}.tools-panel a{display:grid;gap:3px;border-radius:6px;padding:10px;color:var(--ink);text-decoration:none}.tools-panel a:hover{background:color-mix(in srgb,var(--teal) 10%,transparent)}.tools-panel span{color:var(--muted);font-size:12px;line-height:1.35}.theme-button{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--teal);cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid color-mix(in srgb,var(--teal) 42%,transparent);outline-offset:3px}.hero{padding:22px 0 16px}.eyebrow{margin:0 0 10px;color:var(--teal-dark);font-size:13px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}h1{margin:0;font-size:clamp(36px,6vw,62px);line-height:1.03}.intro{max-width:760px;color:var(--muted);font-size:18px}.article{display:grid;gap:18px;margin:20px 0 34px}.section-card,.callout{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:20px;box-shadow:var(--shadow)}.section-card h2,.section-card h3,.section-card p,.section-card ul{margin-top:0}.section-card p:last-child,.section-card ul:last-child{margin-bottom:0}.section-card li{margin:0 0 8px}.callout{background:var(--soft);color:var(--muted)}.tool-links a{border:1px solid var(--line);border-radius:6px;padding:8px 11px;text-decoration:none}.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;padding:24px 0 34px;color:var(--muted);font-size:14px}.footer-links a{color:var(--muted);text-decoration:none}@media(max-width:760px){.site-header{align-items:flex-start;flex-direction:column}h1{font-size:clamp(34px,12vw,48px)}}