:root{--ink:#142d3f;--muted:#586b78;--teal:#087f82;--line:#dce5e8;--paper:#f6f8f9}
html{scroll-padding-top:24px}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}
[hidden]{display:none!important}
a:focus-visible,summary:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--teal);outline-offset:5px}
.skip-link{position:absolute;left:16px;top:-100px;z-index:100;background:white;padding:12px}.skip-link:focus{top:12px}
.site-header{border-bottom:1px solid var(--line);background:#fff;padding:0;position:relative;z-index:30}
.site-navigation{max-width:1280px;margin:auto;padding:8px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-brand{font-size:25px;font-weight:800;letter-spacing:-1px;color:var(--ink)}.site-brand span{color:var(--teal)}.site-brand small{display:block;font-size:11px;font-weight:500;letter-spacing:1px;margin-top:5px}
.navigation-toggle{display:none}.navigation-links{display:flex;gap:28px;align-items:center}
.navigation-links>a,.navigation-links summary{font-size:15px;font-weight:600;color:var(--ink)}
summary{cursor:pointer}.guide-disclosure>summary{list-style:none}.guide-disclosure>summary::-webkit-details-marker{display:none}
.navigation-search{border:1px solid var(--line);border-radius:24px;padding:10px 18px}
.guide-panel{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:min(1200px,calc(100vw - 40px));padding:28px;background:white;border:1px solid var(--line);border-radius:0 0 20px 20px;box-shadow:0 20px 40px #142d3f18;max-height:75vh;overflow:auto}
.guide-panel-heading{display:flex;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:24px}
.guide-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.guide-topic{display:block;color:var(--teal);font-size:16px;font-weight:700;margin-bottom:16px}
.guide-group{border-top:1px solid var(--line);padding:10px 0}.guide-group summary{font-size:14px}
.guide-group ul{list-style:none;margin:10px 0;padding:0}.guide-group li{margin:0;padding:0;line-height:1.4}.guide-group a{display:block;padding:9px 6px;font-size:13px;color:var(--muted);border-radius:6px}.guide-group a:hover{background:var(--paper);color:var(--teal)}
.browse-page{max-width:1240px;padding:64px 32px;margin:auto}.browse-heading{max-width:750px;margin-bottom:32px}
.browse-heading h1{font:750 clamp(32px,4vw,52px)/1.12 system-ui;letter-spacing:-1.5px;text-transform:none;color:var(--ink);margin:14px 0 20px}
.browse-heading>p:last-child{font-size:18px;color:var(--muted)}
.eyebrow{font-size:11px!important;line-height:1.5;font-weight:750;letter-spacing:1.4px;text-transform:uppercase;color:var(--teal)}
.topic-chips{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 36px}.topic-chips a{padding:10px 16px;border:1px solid var(--line);border-radius:24px;font-size:13px;color:var(--ink)}.topic-chips a[aria-current]{background:var(--ink);color:#fff}
.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.article-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;display:flex;flex-direction:column;min-width:0}
.card-art{display:block;flex-shrink:0;width:100%;background:#eaf2f2;overflow:hidden}.card-art img{display:block;width:100%;height:auto;max-width:100%;margin:0}.card-art:has(>span){aspect-ratio:16/9}.card-art>span{display:flex;flex-direction:column;justify-content:center;height:100%;padding:32px;color:var(--teal);font-size:20px;background:linear-gradient(135deg,#e5f2ef,#eef1fa)}
.card-body{padding:26px;display:flex;flex-direction:column;flex:1}.card-body h2{font:700 23px/1.3 system-ui;margin:12px 0;color:var(--ink)}.card-body h2 a{color:inherit}.card-body>p{font-size:15px;line-height:1.7;color:var(--muted)}.card-body .article-meta{margin-top:auto;padding-top:16px}
.article-meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font-size:12px;line-height:1.7}.article-meta a{color:inherit}
.browse-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:28px;margin:40px 0;font-size:14px}
.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.topic-card{padding:32px;background:var(--paper);border:1px solid var(--line);border-radius:16px;color:var(--ink)}.topic-card h2{color:var(--ink);margin:18px 0}.topic-card p{color:var(--muted)}
@media(max-width:959px){.site-navigation{flex-wrap:wrap;padding:8px 20px}.navigation-shell{margin-left:auto}.navigation-toggle{display:block;font-size:14px;padding:10px;border:1px solid var(--line);border-radius:8px}.navigation-links{position:absolute;top:100%;left:0;right:0;background:#fff;display:flex;flex-direction:column;align-items:stretch;padding:24px;gap:22px;border-bottom:1px solid var(--line);max-height:80vh;overflow:auto}.guide-panel{position:static;transform:none;width:100%;max-height:none;border:0;box-shadow:none;padding:20px 0}.guide-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-panel-heading{font-size:13px}.guide-group a{font-size:14px;padding:12px 0}}
@media(max-width:599px){.browse-page{padding:32px 20px}.article-grid,.topic-grid,.guide-columns{grid-template-columns:1fr}.card-body{padding:22px}.site-brand{font-size:22px}.site-brand small{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}