.nav-guides{position:relative;align-self:center;color:#00505c;font-weight:700;font-size:14px}.nav-guides summary{cursor:pointer;padding:12px;list-style:none}.nav-guides>div{position:absolute;z-index:30;top:100%;left:0;background:white;min-width:220px;box-shadow:0 8px 25px #003d4930;border:1px solid #d3e6e8;border-radius:8px;padding:8px}.nav-guides a{display:block;padding:12px;color:#00505c;text-decoration:none}.nav-guides a:hover{background:#eaf5f4}.guide-switch{display:flex;gap:12px;flex-wrap:wrap;padding:20px 0}.guide-switch a{padding:12px 18px;background:#00505c;color:white;border-radius:6px;text-decoration:none}#applicant-guide,#organization-guide{scroll-margin-top:170px}.awards-main{max-width:1200px;margin:32px auto;padding:0 24px}.award-filters{display:flex;gap:16px;flex-wrap:wrap;background:#eef6f5;padding:20px;border-radius:12px;margin:24px 0}.award-filters label{display:grid;gap:6px;flex:1;min-width:170px}.award-filters input,.award-filters select{font:inherit;padding:12px;border:1px solid #aecbce;border-radius:6px;background:white}.award-card{border:1px solid #d4e4e4;border-radius:12px;background:white;padding:24px;margin:18px 0;scroll-margin-top:170px}.award-card h2{color:#004e58}.award-card dl{display:grid;grid-template-columns:140px 1fr;gap:8px}.award-card dt{font-weight:700}.award-card dd{margin:0}.award-card .winner{background:#eef6f5;padding:14px;margin:12px 0;border-radius:6px}.award-card .winner p{margin:6px 0}.award-pagination{display:flex;gap:16px;align-items:center;padding:20px 0}.award-note{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:650px){.awards-main{padding:0 14px}.award-card{padding:16px}.award-card dl{grid-template-columns:1fr}.nav-guides>div{left:auto;right:0}}

/* Public navigation: keep dropdowns outside the menu flow without scroll containers. */
.public-ui .site-header[data-fg-header="compact"] .header-bottom nav {
 overflow:visible; max-height:none; height:auto; flex-wrap:wrap;
}
.public-ui .site-header[data-fg-header="compact"] .header-bottom .nav-guides {
 position:relative; flex:0 0 auto; align-self:center; font:inherit;
}
.public-ui .site-header[data-fg-header="compact"] .header-bottom .nav-guides summary {
 display:flex; align-items:center; justify-content:center; gap:6px;
 min-height:48px; padding:12px 8px; border-radius:3px;
 font-size:16px; font-weight:700; line-height:1.25; white-space:nowrap;
 color:#003d49; list-style:none;
}
.public-ui .site-header[data-fg-header="compact"] .nav-guides summary::-webkit-details-marker {display:none}
.public-ui .site-header[data-fg-header="compact"] .nav-guides .nav-icon {
 width:18px; height:18px; flex:none; stroke:#5a8e18;
}
.public-ui .site-header[data-fg-header="compact"] .nav-guides summary:hover,
.public-ui .site-header[data-fg-header="compact"] .nav-guides[open] summary {
 background:#80b51c; color:#173b0a;
}
.public-ui .site-header[data-fg-header="compact"] .nav-guides summary:focus-visible {
 outline:3px solid #00a9b7; outline-offset:2px;
}
.public-ui .site-header[data-fg-header="compact"] .nav-guides>div {
 top:100%; left:auto; right:0; width:max-content; min-width:220px;
 max-width:calc(100vw - 36px); max-height:none; overflow:visible;
}
.public-ui .site-header[data-fg-header="compact"] .nav-guides>div a {
 font-size:16px; line-height:1.4; white-space:normal;
}
@media(min-width:1101px) and (max-width:1450px) {
 .public-ui .site-header[data-fg-header="compact"] .header-bottom {flex-wrap:wrap;gap:5px 12px}
 .public-ui .site-header[data-fg-header="compact"] .header-bottom nav {order:3;flex:1 1 100%;justify-content:center}
 .public-ui .site-header[data-fg-header="compact"] .header-actions {margin-left:auto}
}
@media(max-width:1100px) {
 .public-ui .site-header[data-fg-header="compact"] .header-bottom .nav-guides {flex:1 1 auto}
 .public-ui .site-header[data-fg-header="compact"] .header-bottom .nav-guides summary {min-height:42px}
}
@media(max-width:700px) {
 .public-ui .site-header[data-fg-header="compact"] .nav-guides>div {
 position:static; width:auto; min-width:0; max-width:100%; margin:4px 0;
 }
}

/* 2026-10-07: fit the header and opportunity controls to available width. */
@media(min-width:1240px){
 .public-ui .site-header[data-fg-header="compact"] .header-bottom{flex-wrap:nowrap;gap:10px;padding-inline:20px}
 .public-ui .site-header[data-fg-header="compact"] .header-bottom .fh-brand img{width:176px;height:56px}
 .public-ui .site-header[data-fg-header="compact"] .header-bottom nav{order:1;flex:1 1 auto;width:auto;flex-wrap:nowrap;justify-content:center;overflow:visible;gap:2px}
 .public-ui .site-header[data-fg-header="compact"] .header-bottom nav .nav,
 .public-ui .site-header[data-fg-header="compact"] .header-bottom .nav-guides summary{font-size:14px;padding:11px 6px;gap:5px;min-height:44px}
 .public-ui .site-header[data-fg-header="compact"] .header-actions{margin-left:0;gap:6px}
 .public-ui .site-header[data-fg-header="compact"] .header-actions #post,
 .public-ui .site-header[data-fg-header="compact"] .header-actions #saved{font-size:13px;padding:9px 7px;white-space:nowrap}
 .public-ui .site-header[data-fg-header="compact"] .fg-menu-toggle{display:none}
}
@media(max-width:1239px){
 .public-ui .site-header[data-fg-header="compact"] .header-bottom{flex-wrap:wrap;gap:8px 12px}
 .public-ui .site-header[data-fg-header="compact"] .fg-menu-toggle{display:inline-flex;order:1;margin-left:auto}
 .public-ui .site-header[data-fg-header="compact"] .header-bottom nav{display:none;order:3;flex:1 1 100%;width:100%;justify-content:flex-start;flex-wrap:wrap;overflow:visible;padding-top:6px;border-top:1px solid #cbdedb}
 .public-ui .site-header[data-fg-header="compact"].fg-menu-open .header-bottom nav{display:flex}
 .public-ui .site-header[data-fg-header="compact"] .header-actions{margin-left:0}
}
.public-ui .opportunity-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0}
.public-ui .opportunity-controls .opportunity-state{width:100%;min-width:0;flex-wrap:wrap;flex-shrink:1}
.public-ui .opportunity-controls .list-toolbar{display:flex;width:100%;min-width:0;flex-wrap:nowrap;gap:8px}
.public-ui .opportunity-controls .tabs{display:flex;flex:1 1 auto;min-width:0;flex-wrap:wrap}
.public-ui .opportunity-controls button{white-space:normal;overflow-wrap:break-word;line-height:1.4}
.public-ui .opportunity-controls .tabs button,
.public-ui .opportunity-controls .opportunity-state button{flex:0 1 auto;max-width:100%;min-width:0}
.public-ui .opportunity-controls #reset{flex:0 0 44px;min-height:44px;padding:8px;margin-left:auto}
@media(min-width:1700px){
 .public-ui .opportunity-controls{grid-template-columns:auto minmax(0,1fr);align-items:center}
}
@media(max-width:600px){
 .public-ui .opportunity-controls .opportunity-state{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
 .public-ui .opportunity-controls .tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
 .public-ui .opportunity-controls button{font-size:12px;padding:9px 6px}
}

/* Keep every opportunity filter in one row, sized to its container. */
.public-ui .opportunity-controls{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;container-type:inline-size;overflow-x:auto;overflow-y:hidden}
.public-ui .opportunity-controls .opportunity-state{display:flex;width:auto;flex:0 0 auto;flex-wrap:nowrap;gap:2px}
.public-ui .opportunity-controls .list-toolbar{display:flex;width:auto;flex:1 0 auto;flex-wrap:nowrap;gap:4px;min-width:0}
.public-ui .opportunity-controls .tabs{display:flex;width:auto;flex:1 0 auto;flex-wrap:nowrap;gap:2px}
.public-ui .opportunity-controls .opportunity-state button,
.public-ui .opportunity-controls .tabs button{flex:0 0 auto;white-space:nowrap;font-size:clamp(10px,1.05vw,14px);font-size:clamp(10px,1.12cqi,15px);padding:10px clamp(4px,.55vw,9px);padding-inline:clamp(4px,.65cqi,9px);line-height:1.35;max-width:none}
.public-ui .opportunity-controls #reset{flex:0 0 36px;min-height:36px;min-width:36px;width:36px;padding:6px;font-size:18px;margin-left:auto}