:root{--primary:#000000;--accent:#FFC107;--bg:#FFFFFF;--text:#000000;}
*{box-sizing:border-box}html{color-scheme:light only}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
a{color:#000;text-decoration:underline}
a:hover{color:var(--primary);text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:1rem}
.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #eee;z-index:10}
.header-inner{display:flex;align-items:center;gap:1rem}
.brand img{height:36px}
.main-nav a{margin-right:1rem;color:#000;text-decoration:none;font-weight:500}
.main-nav a:hover{color:var(--accent);text-decoration:underline}
.btn{display:inline-block;padding:.6rem 1rem;border:1px solid var(--primary);color:#fff;background:var(--primary);border-radius:6px;text-decoration:none}
.btn:hover{filter:brightness(0.9)}
.btn.small{padding:.35rem .7rem;font-size:.9rem}
.btn.cta{background:var(--accent);border-color:var(--accent);color:#111}
.hero{background:linear-gradient(90deg,#fff,#f7f7f7);padding:3rem 0;border-bottom:1px solid #eee;color:#000}
.hero h1{color:#000;font-weight:700;margin-bottom:1rem}
.hero p{color:#000;font-size:1.1rem;margin-bottom:1.5rem}
.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}
.card{display:block;border:1px solid #e5e5e5;border-radius:8px;padding:1rem;background:#fff;color:#000;text-decoration:none;transition:border-color 0.2s, box-shadow 0.2s}
.card:hover{border-color:var(--accent);box-shadow:0 2px 8px rgba(0,0,0,0.1)}
.card h3{margin:.2rem 0 0 0}
.mid-cta{background:#111;color:#fff;margin:2rem 0}
.mid-cta .btn{background:var(--accent);border-color:var(--accent);color:#111}
.site-footer{border-top:1px solid #eee;margin-top:2rem;padding:1rem 0;background:#fafafa}
.site-footer a{color:#000;font-weight:500;text-decoration:underline}
.site-footer a:hover{color:var(--primary);text-decoration:none}
.toc{display:flex;gap:.6rem;flex-wrap:wrap;border:1px solid #eee;border-radius:8px;padding:.6rem;margin:1rem 0}
.toc a{padding:.2rem .5rem;background:#f7f7f7;border-radius:4px;text-decoration:none;color:#000;border:1px solid #ddd}
.toc a:hover{background:#e8e8e8;color:var(--primary)}
.quick-cta{border-left:4px solid var(--accent);padding:.6rem;margin:1rem 0;background:#fff8e1}
.quick-links{border:1px dashed #ccc;border-left:4px solid var(--accent);padding:.6rem;margin:1rem 0;background:#fafafa;border-radius:6px}
.callout{border:1px solid #e5e5e5;border-radius:8px;padding:1rem;background:#fff;margin:1rem 0}
.official-links ul, .topic-list, .sitemap {list-style: none; padding: 0}
.official-links li{margin:.5rem 0}
.official-links a{color:#000;font-weight:500;text-decoration:underline}
.official-links a:hover{color:var(--accent);text-decoration:none}
.verified{color:#0a7; margin-left:.4rem}
.lede{font-size:1.1rem;color:#000;margin-bottom:1rem}
.meta{color:#666;font-size:0.9rem;margin-bottom:2rem}
.desc{color:#555;font-size:0.9rem;margin-top:0.3rem}
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:1rem;top:1rem;background:#000;color:#fff;padding:.5rem;z-index:1000}
@media (prefers-color-scheme: dark){body{background:#0A0A0A;color:#EEE}a{color:#EEE}a:hover{color:var(--accent)}.site-header, .card, .toc, .site-footer{background:#111;color:#EEE;border-color:#222}.main-nav a{color:#EEE;font-weight:500}.main-nav a:hover{color:var(--accent)}.toc a{background:#222;color:#EEE;border-color:#333}.toc a:hover{background:#333}.card{color:#EEE}.card:hover{border-color:var(--accent)}.site-footer a{color:#EEE}.site-footer a:hover{color:var(--accent)}.official-links a{color:#EEE}.official-links a:hover{color:var(--accent)}.hero{color:#EEE}.hero h1{color:#EEE}.hero p{color:#EEE}.lede{color:#EEE}.meta{color:#AAA}.desc{color:#BBB}.mid-cta{background:#000;color:#EEE}}