/* Header navigation follows the directory's white, slate and periwinkle palette. */
.header-inner{position:relative;gap:30px}
.primary-nav{position:relative;height:100%;gap:12px;flex:1;min-width:0;font-size:13px}
.primary-nav a{padding:0;border:0}
.header-nav-item{display:flex;align-items:center;height:100%}
.header-nav-label{display:flex;align-items:center;border-radius:9px;padding-right:3px;color:var(--ink-soft)}
.primary-nav>.header-nav-link,.header-nav-label{transition:background .18s ease,color .18s ease}
.primary-nav .header-nav-link{display:flex;align-items:center;white-space:nowrap;padding:10px 13px;border-radius:9px;font-size:13px;font-weight:600;line-height:20px}
.header-nav-label .header-nav-link{padding-right:4px}
.primary-nav>.header-nav-link:hover,.header-nav-label:hover,.header-nav-item.is-open .header-nav-label{background:#f3f5fa;color:var(--ink)}
.primary-nav>.header-nav-link.is-active,.header-nav-label.is-active{background:#edf1ff;color:var(--blue-dark)}
.primary-nav a:hover{border:0}
.header-nav-toggle{display:grid;place-items:center;width:26px;height:32px;border-radius:6px;color:inherit;padding:0}
.header-nav-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}
.header-nav-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.header-nav-toggle:hover{background:#e7ecf8}
.site-header a:focus-visible,.site-header button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.header-actions{margin-left:auto;flex-shrink:0;gap:16px}
.header-search{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;color:#7d889c}
.header-search svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.header-search:hover{background:#f0f3fb;color:var(--blue-dark)}
.header-nav-panel{position:absolute;left:0;top:calc(100% - 2px);width:650px;max-width:calc(100vw - 48px);background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 45px rgba(30,42,76,.12);overflow:hidden;color:var(--ink)}
.header-nav-panel[hidden]{display:none}
.header-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 25px 20px;border-bottom:1px solid #eef0f5}
.header-panel-heading strong{font-size:16px;letter-spacing:0;line-height:1.5}
.header-panel-heading p{font-size:11px;line-height:1.6;color:var(--muted);margin:5px 0 0}
.header-panel-heading>a,.header-panel-footer>a{font-size:11px;white-space:nowrap;color:var(--blue-dark);font-weight:600}
.header-panel-heading>a span,.header-panel-footer>a span{margin-left:4px}
.header-tool-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 12px;padding:18px}
.header-tool-categories>a{display:flex;align-items:center;gap:9px;padding:11px 10px;border-radius:8px;line-height:18px;font-size:12px;color:var(--ink-soft)}
.header-category-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#9eabe8}
.header-tool-categories>a:nth-child(3n+2) .header-category-dot{background:#81baac}
.header-tool-categories>a:nth-child(3n) .header-category-dot{background:#c7a5cf}
.header-tool-categories>a:hover,.header-tool-categories>a.is-current{background:#f1f4ff;color:var(--blue-dark)}
.header-productivity-categories>a{display:flex;min-width:0}.header-productivity-categories>a small{margin-left:auto;color:#99a4b5;font:10px 'DM Mono',monospace}
.header-nav-panel:has(.header-news-layout){width:760px}
.header-news-layout{display:grid;grid-template-columns:minmax(220px,.82fr) minmax(0,1.4fr);gap:0;padding:18px 22px}
.header-news-layout>section{min-width:0}
.header-news-layout>section+section{border-left:1px solid #eef0f5;padding-left:22px;margin-left:22px}
.header-news-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;color:var(--ink);font-size:12px;font-weight:700}
.header-news-section-heading small{color:#98a2b3;font-size:9px;font-weight:500}
.header-news-category-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.header-news-category-list>a{display:flex;align-items:center;gap:8px;min-width:0;padding:9px 8px;border-radius:7px;color:var(--ink-soft);transition:background .16s ease,color .16s ease}
.header-news-category-list>a:hover,.header-news-category-list>a.is-current{background:#f1f4ff;color:var(--blue-dark)}
.header-news-category-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#91a0e7}
.header-news-category-list>a:nth-child(3n+2) .header-news-category-dot{background:#81baac}
.header-news-category-list>a:nth-child(3n) .header-news-category-dot{background:#e6a57f}
.header-news-category-copy{display:flex;align-items:center;justify-content:space-between;gap:5px;min-width:0;flex:1}
.header-news-category-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600}
.header-news-category-copy small{flex:0 0 auto;color:#a0a9b8;font-size:9px}
.header-news-category-arrow{color:#a0a9b8;font-size:10px;opacity:0;transition:opacity .16s ease}
.header-news-category-list>a:hover .header-news-category-arrow{opacity:1}
.header-latest-news-list{display:grid}
.header-latest-news-list>a{display:grid;grid-template-columns:37px minmax(0,1fr) 12px;align-items:start;gap:9px;padding:10px 2px;border-top:1px solid #eef0f5;color:var(--ink-soft)}
.header-latest-news-list>a:first-child{border-top:0;padding-top:3px}
.header-latest-news-date{padding-top:2px;color:#98a2b3;font:10px 'DM Mono',monospace}
.header-latest-news-copy{display:grid;gap:4px;min-width:0}
.header-latest-news-copy strong{display:block;overflow:hidden;color:var(--ink);font-size:11px;font-weight:600;line-height:1.5;white-space:nowrap;text-overflow:ellipsis}
.header-latest-news-copy small{color:#98a2b3;font-size:9px}
.header-latest-news-arrow{justify-self:end;color:#a0a9b8;font-size:11px;transition:color .16s ease,transform .16s ease}
.header-latest-news-list>a:hover .header-latest-news-copy strong,.header-latest-news-list>a:hover .header-latest-news-arrow{color:var(--blue-dark)}
.header-latest-news-list>a:hover .header-latest-news-arrow{transform:translate(1px,-1px)}
.header-news-empty{margin:0;padding:12px 0;color:#98a2b3;font-size:11px}
.header-panel-kicker{display:block;margin-bottom:5px;color:var(--blue);font:9px 'DM Mono',monospace;letter-spacing:.08em}
.header-panel-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 25px;background:#f8f9fd;border-top:1px solid #edf0f6}
.header-panel-footer>span{display:flex;align-items:center;gap:9px;color:#8792a6;font-size:10px;line-height:1.6}
.header-panel-footer .live-dot{display:inline-block;width:5px;height:5px;flex-shrink:0;box-shadow:none}
@media(max-width:1100px){.header-inner{gap:20px}.brand{min-width:164px}.primary-nav{gap:4px}.header-actions{gap:9px}.primary-nav .header-nav-link{padding-left:10px;padding-right:10px}.header-nav-label .header-nav-link{padding-right:2px}.header-nav-panel{width:620px}.header-nav-panel:has(.header-news-layout){width:700px}}
@media(min-width:781px) and (max-width:920px){.header-inner{gap:12px}.brand{min-width:130px}.primary-nav{gap:1px}.primary-nav .header-nav-link{font-size:12px;padding-left:8px;padding-right:8px}.header-nav-label .header-nav-link{padding-right:0}.header-nav-toggle{width:22px}.header-search{width:30px}.submit-button{padding:11px}.header-nav-panel{width:590px}.header-nav-panel:has(.header-news-layout){width:min(680px,calc(100vw - 32px));left:auto;right:0}.header-news-layout{grid-template-columns:minmax(190px,.8fr) minmax(0,1.2fr);padding:15px 17px}.header-news-layout>section+section{padding-left:17px;margin-left:17px}}
@media(max-width:780px){
 .header-inner{gap:12px}.brand{min-width:0}.header-actions{gap:8px}.header-search{width:35px;height:35px}
 .primary-nav{display:none;position:absolute;top:calc(100% + 8px);left:17px;right:17px;height:auto;max-height:calc(100dvh - 92px);overflow-y:auto;padding:10px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 40px rgba(30,42,76,.14)}
 .menu-open .primary-nav{display:grid;gap:3px}
 .header-nav-item{display:block;height:auto}
 .header-nav-label{justify-content:space-between;padding:0}
 .primary-nav .header-nav-link{padding:12px;font-size:13px;line-height:20px}
 .header-nav-label .header-nav-link{flex:1}
 .header-nav-toggle{width:42px;height:42px;margin-right:2px}
 .header-nav-panel,.header-nav-panel:has(.header-news-layout){position:static;width:100%;max-width:none;max-height:calc(100dvh - 190px);overflow-y:auto;overscroll-behavior:contain;box-shadow:none;border:0;border-radius:9px;background:#f8f9fd;margin:5px 0 8px}
 .header-panel-heading{padding:15px 12px;gap:12px}.header-panel-heading strong{font-size:13px}.header-panel-heading p{display:none}.header-panel-heading>a{font-size:10px}
 .header-tool-categories{grid-template-columns:repeat(2,minmax(0,1fr));padding:6px;gap:2px}
 .header-tool-categories>a{font-size:11px;padding:10px 6px;gap:7px}
 .header-productivity-categories>a small{font-size:9px}
 .header-news-layout{grid-template-columns:1fr;gap:0;padding:5px 12px 12px}
 .header-news-layout>section+section{margin:12px 0 0;padding:12px 0 0;border-left:0;border-top:1px solid var(--line)}
 .header-news-section-heading{margin-bottom:7px;font-size:11px}
 .header-news-category-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}
 .header-news-category-list>a{padding:8px 5px;gap:6px}
 .header-news-category-copy strong{font-size:10px}
 .header-news-category-copy small,.header-news-category-arrow{display:none}
 .header-latest-news-list>a{grid-template-columns:34px minmax(0,1fr) 11px;padding:9px 0}
 .header-latest-news-copy strong{font-size:10px}
 .header-panel-kicker{display:none}
 .header-panel-footer{padding:12px;justify-content:flex-end}.header-panel-footer>span{display:none}
 .menu-open .mobile-menu span:first-child{transform:translateY(2.25px) rotate(45deg)}.menu-open .mobile-menu span:last-child{transform:translateY(-2.25px) rotate(-45deg)}
}
@media(prefers-reduced-motion:reduce){.header-nav-toggle svg,.primary-nav>.header-nav-link,.header-nav-label{transition:none}}