/* A fixed number of header entries; new tool links grow inside these groups. */
.site-header{position:relative;align-items:center;gap:1.5rem}
.site-header [data-grouped-nav]{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:.35rem;margin:0;border:0;width:auto;font:inherit;font-size:.9375rem}
.site-header .brand{flex-shrink:0}
[data-grouped-nav] .nav-group{position:relative;flex-shrink:0;margin:0;padding:0;border:0}
[data-grouped-nav] .nav-group>summary{display:flex;align-items:center;justify-content:space-between;gap:.4rem;list-style:none;min-height:44px;margin:0;padding:.6rem .8rem;border-radius:var(--radius,.3rem);color:var(--ink);font:inherit;font-weight:550;cursor:pointer;white-space:nowrap}
[data-grouped-nav] summary::-webkit-details-marker{display:none}
[data-grouped-nav] summary:hover,[data-grouped-nav] .nav-group[open]>summary{background:var(--tint)}
[data-grouped-nav] .nav-group[data-current=true]>summary{color:var(--accent)}
[data-grouped-nav] summary svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;flex-shrink:0;transition:transform .14s}
[data-grouped-nav] .nav-group[open]>summary svg{transform:rotate(180deg)}
[data-grouped-nav] .nav-group-links{position:absolute;left:var(--nav-panel-left,0px);right:auto;top:calc(100% + .5rem);z-index:25;width:18rem;max-width:var(--nav-panel-max-width,calc(100vw - 2.5rem));max-height:var(--nav-panel-max-height,calc(100dvh - 7.5rem));overflow-y:auto;background:var(--surface);color:var(--ink);padding:.65rem;border-radius:var(--radius,.3rem);box-shadow:var(--shadow,0 12px 30px rgb(0 0 0 / .15))}
[data-grouped-nav] .nav-group[data-nav-group=tools] .nav-group-links[data-wide=true]{display:grid;align-items:start;gap:1rem;width:37rem;grid-template-columns:repeat(2,minmax(0,1fr))}
[data-grouped-nav] .nav-group[data-nav-group=tools] .nav-group-links[data-columns="3"]{width:54rem;grid-template-columns:repeat(3,minmax(0,1fr))}
[data-grouped-nav] .nav-section{break-inside:avoid;padding:.2rem 0 .6rem}
[data-grouped-nav] .nav-section:last-child{padding-bottom:0}
[data-grouped-nav] .nav-section h3{margin:.4rem .65rem .3rem;font:inherit;font-size:.875rem;font-weight:650;color:var(--muted)}
[data-grouped-nav] .nav-group-links a{display:flex;align-items:center;min-height:44px;margin:0;padding:.55rem .65rem;color:var(--ink);line-height:1.35;text-decoration:none;white-space:normal;border-radius:var(--radius,.3rem)}
[data-grouped-nav] .nav-group-links a:hover{background:var(--tint)}
[data-grouped-nav] .nav-group-links a[aria-current=page]{color:var(--accent);font-weight:650;background:var(--tint)}
.site-header .nav-theme{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;flex-shrink:0;min-height:44px;width:auto;margin:0;padding:.55rem .7rem;font-size:.875rem;white-space:nowrap}
.nav-theme svg{width:20px;height:20px;flex-shrink:0}
.mobile-menu [data-grouped-nav]:not([data-mobile-flat=true]){display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;max-width:none;margin:0;padding:0}
.mobile-menu [data-grouped-nav]>.nav-group{width:100%;border-bottom:1px solid var(--line)}
.mobile-menu [data-grouped-nav]>.nav-group>summary{min-height:52px;padding:.85rem .2rem;font-size:1rem}
.mobile-menu [data-grouped-nav] .nav-group-links{display:block!important;position:static;width:100%!important;max-width:none;max-height:none;overflow:visible;border-radius:0;box-shadow:none;padding:0 0 .75rem;background:transparent}
.mobile-menu [data-grouped-nav] .nav-group-links a{padding:.75rem .65rem;border-bottom:0;font-size:1rem}
.mobile-menu [data-grouped-nav] .nav-section h3{margin:.8rem .65rem .3rem}
.mobile-menu .nav-theme{display:flex!important;align-items:center;justify-content:center;gap:.5rem}
.site-header:has([data-grouped-nav]:not([data-ready])){flex-wrap:wrap}
.site-header [data-grouped-nav]:not([data-ready]){width:100%;justify-content:flex-start;flex-wrap:wrap}
.site-header [data-grouped-nav]:not([data-ready]) .nav-group-links{position:static;max-height:none;max-width:calc(100vw - 2.5rem);box-shadow:none}
@media(max-width:47.99em){.site-header:not([data-mobile-menu-ready=true]){flex-wrap:wrap}.site-header:not([data-mobile-menu-ready=true]) [data-grouped-nav]{width:100%;justify-content:flex-start;flex-wrap:wrap}.site-header:not([data-mobile-menu-ready=true]) .nav-group-links{display:block!important;position:static;max-height:none;width:100%!important;box-shadow:none}}
@media(prefers-reduced-motion:reduce){[data-grouped-nav] summary svg{transition:none}}
@media print{[data-grouped-nav]{display:none!important}}
