:root{color-scheme:dark;--ink:#eef3fc;--muted:#becbdf;--line:#31445f;--panel:#152239;--accent:#97c9ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b1423;color:var(--ink);font:17px/1.8 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--accent);text-underline-offset:4px}a:hover{color:#fff}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #afd8ff;outline-offset:4px}.skip-link{position:absolute;left:1rem;top:-5rem;background:#fff;color:#142239;padding:.6rem;z-index:10}.skip-link:focus{top:1rem}.resource-nav{border-bottom:1px solid var(--line);background:#101c2f}.resource-nav>div{max-width:1100px;margin:auto;display:flex;flex-wrap:wrap;gap:.7rem 1.5rem;align-items:center;padding:1rem 1.25rem}.resource-brand{font-weight:750;text-decoration:none;color:var(--ink);margin-right:auto}.resource-nav a{min-height:44px;display:inline-flex;align-items:center}.resource-nav .languages{display:flex;gap:.8rem}.resource-nav [aria-current]{color:#fff;text-decoration-thickness:3px}.resource-main{max-width:960px;margin:auto;padding:3.5rem 1.25rem 4rem}.eyebrow{color:#90b9e8;text-transform:uppercase;letter-spacing:.13em;font-size:.78rem;font-weight:750}h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.2;letter-spacing:-.035em;margin:.6rem 0 1.5rem;max-width:850px}h2{font-size:1.5rem;line-height:1.4;margin:3rem 0 1rem;padding-top:1rem;border-top:1px solid var(--line)}h3{font-size:1.1rem;line-height:1.5}.lead{font-size:1.14rem;color:var(--muted);max-width:780px}.stamp,.caption,.small{font-size:.88rem;color:var(--muted)}.resource-main p,.resource-main li{max-width:820px}.resource-main li+li{margin-top:.5rem}.resource-main ul,.resource-main ol{padding-left:1.4rem}.resource-main li a,.resource-main p a{overflow-wrap:anywhere}.stats,.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2rem 0}.stat,.card,.note,.tool-panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1.3rem}.stat strong{display:block;font-size:2rem;line-height:1.2}.stat span{display:block;color:var(--muted);font-size:.88rem;margin-top:.7rem}.card h3{margin-top:0}.card p{font-size:.94rem;color:var(--muted)}.note{border-left:4px solid #91bdf6}.actions{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.3rem 0}.button,button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;background:#a6d2ff;border:1px solid #a6d2ff;color:#0b1930;font:inherit;font-weight:650;padding:.65rem 1rem;border-radius:8px;text-decoration:none;cursor:pointer}.button:hover,button:hover{background:#d6eaff;color:#0b1930}.button.secondary{background:transparent;color:var(--accent);border-color:var(--line)}.table-scroll{overflow:auto;max-width:100%}table{width:100%;border-collapse:collapse;font-size:.94rem}th,td{text-align:left;border-bottom:1px solid var(--line);padding:.8rem;vertical-align:top}th{color:var(--muted)}figure{margin:1.5rem 0}figure img{display:block;max-width:100%;height:auto;border-radius:10px}figcaption{margin-top:.7rem;color:var(--muted);font-size:.88rem}video{width:100%;max-width:560px;max-height:600px;background:#07101c;border-radius:12px}.screens{display:flex;flex-wrap:wrap;gap:1rem}.screens figure{max-width:220px;flex:1 1 140px}.screens img{max-height:390px;object-fit:contain}code{font-family:ui-monospace,SFMono-Regular,monospace;background:#101c2f;padding:.1em .3em;border-radius:4px;overflow-wrap:anywhere}pre{overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:#0b1423;padding:1rem;border:1px solid var(--line);border-radius:8px}pre code{padding:0;background:none}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.tool-panel label{display:block;font-weight:650;margin:1rem 0 .35rem}.tool-panel label:first-child{margin-top:0}input,select,textarea{display:block;width:100%;min-height:48px;padding:.7rem;background:#0b1423;color:var(--ink);border:1px solid #607894;border-radius:6px;font:inherit;line-height:1.5}textarea{min-height:150px;resize:vertical}.tool-panel .check-label{display:flex;align-items:center;gap:.7rem;font-weight:400}.check-label input{width:22px;min-height:22px;height:22px;flex-shrink:0}#tool-status{min-height:1.8em}.resource-footer{border-top:1px solid var(--line);padding:2rem 1.25rem;color:var(--muted);font-size:.88rem}.resource-footer>div{max-width:960px;margin:auto}.resource-footer nav{display:flex;flex-wrap:wrap;gap:1rem}.resource-footer nav a{display:inline-flex;align-items:center;min-height:44px}.quote{border-left:3px solid var(--accent);padding:1rem 1.3rem;background:var(--panel);margin:1.5rem 0}.resource-main section{scroll-margin-top:1rem}
@media(max-width:640px){.resource-main{padding-top:2rem}.stats,.cards,.tool-grid{grid-template-columns:1fr}.stats{gap:.6rem}.stat{display:flex;gap:1rem;align-items:center}.stat strong{min-width:5.5rem}.stat span{margin:0}th,td{padding:.6rem}.resource-nav>div{gap:.3rem 1rem}.resource-brand{width:100%;font-size:.95rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}