/* Compact identity with the existing destinations and actions. */
.identity-header{display:flex;align-items:center;justify-content:flex-start;gap:12px;height:auto;min-height:94px;padding-block:22px;position:relative}.identity-header .brand{flex:none}.identity-header .wordmark{margin:0;margin-right:auto;font-size:30px}.identity-header .profile-link{flex:none;margin:0}.site-menu{display:none}.secondary-nav{justify-content:center;gap:28px}.preview{padding-block:9px}.preview span{font-size:12px}.footer-map-credit{font-size:10px!important}
@media(max-width:1100px){.identity-header{min-height:82px;padding:18px 20px;gap:9px}.identity-header .brand img{width:32px;height:32px}.identity-header .wordmark{font-size:25px}.identity-header .profile-link{height:40px;min-width:40px;padding:0 10px;font-size:11px}.identity-header .profile-link.is-authenticated::before{display:none}.secondary-nav{display:none!important}.site-menu.nav-info-menu{display:block;position:static;margin:0}.site-menu>summary{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;padding:10px;cursor:pointer;list-style:none;border:0;background:transparent}.site-menu>summary::-webkit-details-marker{display:none}.site-menu>summary>span:not(.sr-only){display:block;width:24px;height:1px;background:#49354f}.site-menu-panel{position:absolute;top:calc(100% - 2px);left:16px;right:16px;z-index:50;padding:14px;background:#faf8f6;border:1px solid #ded7e1;border-radius:14px;box-shadow:0 16px 36px #49354f12;max-height:70dvh;overflow:auto}.site-menu-panel a,.site-menu-panel button{display:flex;align-items:center;width:100%;min-height:44px;padding:11px 12px;border:0;border-radius:8px;background:transparent;text-decoration:none;color:#49354f;text-align:left;font:inherit;font-size:14px}.site-menu-panel a:hover,.site-menu-panel button:hover{background:#eee9ef}.site-menu summary:focus-visible{outline:2px solid #49354f;outline-offset:2px}.preview span{font-size:11px}}
@media(max-width:360px){.identity-header{padding-inline:14px;gap:7px}.identity-header .wordmark{font-size:22px}.identity-header .profile-link{padding:0 8px}.identity-header .brand img{width:28px;height:28px}}
.survey-tagline{text-align:center;font-size:12px;color:#706775;padding:9px 0;border-bottom:1px solid #49354f0a}.survey-header{position:relative}.survey-desktop-nav{display:flex;align-items:center;gap:22px;margin-left:auto}.survey-desktop-nav a{font-size:12px;text-decoration:none}.survey-account{display:flex;align-items:center;justify-content:center;border:1px solid #d8cedd;border-radius:24px;padding:11px 15px;white-space:nowrap;font-size:12px;text-decoration:none}.survey-brand{white-space:nowrap}
@media(max-width:1000px){.survey-desktop-nav{display:none}.survey-header{gap:10px}.survey-account{margin-left:auto}.survey-header .site-menu{display:block}.survey-header .site-menu-panel{left:0;right:0}.survey-header .site-menu>summary{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;padding:10px;cursor:pointer;list-style:none}.survey-header .site-menu>summary::-webkit-details-marker{display:none}.survey-header .site-menu>summary>span:not(.sr-only){display:block;width:24px;height:1px;background:#49354f}.survey-header .site-menu-panel{position:absolute;top:100%;z-index:50;padding:14px;background:#faf8f6;border:1px solid #ded7e1;border-radius:14px;box-shadow:0 16px 36px #49354f12}.survey-header .site-menu-panel a{display:flex;align-items:center;min-height:44px;padding:11px 12px;font-size:14px;text-decoration:none}}
@media(max-width:520px){.survey-header{padding:18px 0}.survey-brand{font-size:24px;gap:9px}.survey-account{font-size:11px;padding:10px}.survey-tagline{font-size:11px}}

/* Desktop navigation shares the brand and account row. */
.identity-header .secondary-nav{display:flex;flex:0 1 auto;align-items:center;justify-content:center;width:auto;max-width:none;margin:0 auto;padding:0 20px;border:0;gap:22px}.identity-header .secondary-nav>a,.identity-header .secondary-nav>button,.identity-header .secondary-nav summary{font-size:12px;white-space:nowrap}.identity-header .secondary-nav .nav-info-menu{position:relative}.identity-header .wordmark{white-space:nowrap}.identity-header .profile-link{margin-left:auto}
@media(max-width:1100px){.identity-header .secondary-nav{display:none!important}.identity-header .profile-link{margin-left:0}}

/* One grouped menu across screen sizes. */
.identity-header .site-menu,.survey-header .site-menu{display:block;position:static;flex:none;margin:0}
.site-menu>summary{display:flex;flex-direction:column;justify-content:center;gap:6px;box-sizing:border-box;width:44px;height:44px;padding:10px;cursor:pointer;list-style:none;border:0;background:transparent}
.site-menu>summary::-webkit-details-marker{display:none}
.site-menu>summary>span:not(.sr-only){display:block;width:24px;height:1px;background:#49354f}
.site-menu-panel{position:absolute;top:calc(100% - 2px);left:auto;right:0;z-index:50;box-sizing:border-box;width:370px;max-width:calc(100vw - 32px);max-height:70dvh;overflow:auto;padding:10px 20px;background:#faf8f6;border:1px solid #ded7e1;border-radius:14px;box-shadow:0 16px 36px #49354f12}
.site-menu .site-menu-group{margin:0;border:0;border-bottom:1px solid #49354f16;border-radius:0;background:transparent}
.site-menu .site-menu-group>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:10px 0;list-style:none;cursor:pointer;font:400 14px/1.45 Arial,Helvetica,sans-serif;color:#49354f}
.site-menu-group>summary::-webkit-details-marker{display:none}
.site-menu-group>summary::after{content:'+';flex:none;font-size:19px;font-weight:400}
.site-menu-group[open]>summary::after{content:'−'}
.site-menu-panel a,.site-menu-panel button{display:flex;align-items:center;box-sizing:border-box;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:#49354f;text-align:left;text-decoration:none;font:400 14px/1.5 Arial,Helvetica,sans-serif}
.site-menu-group>div{padding:0 0 10px 8px}
.site-menu-panel>a,.site-menu-panel>button{padding:12px 0;min-height:52px}
.site-menu-panel a:hover,.site-menu-panel button:hover{background:#eee9ef}
.site-menu summary:focus-visible,.site-menu-panel a:focus-visible,.site-menu-panel button:focus-visible{outline:2px solid #49354f;outline-offset:2px}
@media(min-width:1101px){.identity-header .secondary-nav{margin-left:auto;margin-right:24px}.identity-header .profile-link{margin-left:0}}
@media(max-width:1100px){.identity-header .wordmark{margin-right:auto}.identity-header .profile-link{margin-left:0}.site-menu-panel{left:16px;right:16px;width:auto;max-width:none}}
.survey-header .survey-desktop-nav a:nth-child(n+3){display:none}
@media(min-width:1001px){.survey-header .site-menu-panel{left:auto;right:0}}
@media(max-width:1000px){.survey-header .site-menu-panel{left:0;right:0;width:auto;max-width:none}}

/* Three balanced strokes, centred on the brand and account controls. */
.identity-header,.survey-header{align-items:center}
.identity-header>.site-menu,.survey-header>.site-menu{align-self:center}
.identity-header .site-menu>summary,.survey-header .site-menu>summary{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;box-sizing:border-box;width:44px;height:44px;margin:0;padding:10px;line-height:1}
.identity-header .site-menu>summary>span:not(.sr-only),.survey-header .site-menu>summary>span:not(.sr-only){display:block;flex:none;width:24px;height:1px;margin:0;background:#49354f}

/* Account and menu sit together; the existing brand proportions are preserved. */
.identity-header>.profile-link,.survey-header>.survey-account{margin-left:auto}
.site-footer .footer-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.site-footer .footer-column{grid-column:auto!important;grid-row:auto!important;min-width:0}
.site-footer .footer-column h2{line-height:1.5}
.footer-participate{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px 28px;margin-top:28px;padding-top:20px;border-top:1px solid #49354f16}
.footer-participate :is(a,button){display:inline-flex;align-items:center;min-height:44px;border:0;background:transparent;color:#49354f;text-decoration:none;font:inherit;font-size:13px;cursor:pointer}
@media(max-width:700px){.site-footer .footer-navigation{grid-template-columns:1fr;gap:26px}.site-footer .footer-column h2{margin-bottom:10px}.site-footer .footer-column-links{gap:0}.footer-participate{justify-content:flex-start;margin-top:24px}}

/* A quiet next step beside the featured vote, available only after answering. */
.featured-vote-row{display:flex;align-items:center;gap:16px;width:100%;margin:26px 0 0}
.featured-vote-row .featured-actions{display:flex;gap:12px;margin:0;width:auto;min-width:0}
.featured-vote-row .featured-round-link{flex:none;margin:0;padding:10px 0;min-height:44px;display:inline-flex;align-items:center;font-size:12px;line-height:1.4;white-space:nowrap;text-decoration:none;color:#49354f}
.featured-vote-row .featured-round-link[hidden]{display:none!important}
@media(max-width:700px){.featured-vote-row{gap:12px}.featured-vote-row .featured-actions{flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.featured-vote-row .featured-actions .vote{width:100%;min-width:0;padding:12px}.featured-vote-row .featured-round-link{font-size:11px}}

/* Mobile footer: exploration and information share a row. */
@media(max-width:700px){
 .site-footer .footer-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;align-items:start}
 .site-footer .footer-column:nth-child(1){grid-column:1!important;grid-row:1!important}
 .site-footer .footer-column:nth-child(3){grid-column:2!important;grid-row:1!important}
 .site-footer .footer-column:nth-child(2){grid-column:1/-1!important;grid-row:2!important}
 .site-footer .footer-column h2{font-size:11px;letter-spacing:.03em}
 .site-footer .footer-column-links :is(a,button){overflow-wrap:break-word}
}


/* Phones reuse the existing links below the map, leaving the voting row intact. */
@media(max-width:700px){
 .featured-vote-row{display:block}
 .featured-vote-row .featured-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .featured-vote-row .featured-actions .vote{padding:14px 18px}
 #featured-links #featured-next-round{display:inline-flex;align-items:center;min-height:44px;margin:0;padding:0;border:0;background:transparent;font:inherit;font-size:inherit;line-height:inherit;color:inherit;text-decoration:none;white-space:nowrap}
 #featured-links #featured-next-round[hidden]{display:none!important}
}

/* Use the empty space beneath Yes without adding layout height on phones. */
@media(max-width:700px){
 .featured-vote-row{position:relative;display:block;overflow:visible}
 .featured-vote-row>#featured-next-round{position:absolute;top:calc(100% + 8px);left:0;z-index:2;display:inline-flex;align-items:center;min-height:44px;width:auto;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#49354f;font-size:12px;line-height:1.5;white-space:nowrap;text-decoration:none}
 .featured-vote-row>#featured-next-round[hidden]{display:none!important}
}
