/* Selected content is fluid; shared identity/navigation/footer keep the 75rem shell. */
#main-content.civic-content-wide { --civic-shell-max: 100%; --civic-page-gutter: clamp(1.125rem, 3.5vw, 5rem); }
.civic-content-wide .civic-hero__copy { width: min(100%, 64rem); }
.civic-content-wide .civic-hero__identity h1 { font-size: clamp(2rem, 1.5rem + 2.4vw, 5rem); }
.civic-content-wide .civic-hero__lead { max-width: 62ch; }
.civic-content-wide .civic-service-grid--catalog .civic-service-card { min-height: clamp(11rem, 12vw, 15rem); }
.civic-content-wide .civic-service-grid--catalog .civic-service-card__icon { width: clamp(4rem, 4.8vw, 5.5rem); height: auto; }
.civic-content-wide .civic-service-grid--catalog .civic-service-card__title { font-size: clamp(1rem, .8rem + .3vw, 1.25rem); }
/* One news item per row, distinct from campaign compositions. */
.civic-news-grid--list { grid-template-columns: minmax(0, 1fr); }
.civic-news-grid--list .civic-news-card { display: grid; grid-template-columns: minmax(14rem, 42%) minmax(0, 1fr); }
.civic-news-grid--list .civic-news-card__image { position: relative; min-height: 14rem; height: auto; aspect-ratio: auto; align-self: stretch; }
.civic-news-grid--list .civic-news-card__image img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.civic-news-grid--list .civic-news-card__title { max-width: 65ch; }
.civic-news-grid--list .civic-news-card__excerpt { max-width: 72ch; }
.civic-news-grid--list .civic-news-card__department { white-space: normal; }
/* Compact inline maps activate on request, keeping normal page scroll by default. */
.civic-map-grid { max-width: 68rem; margin-inline: auto; }
#main-content .civic-map-card__preview { position: relative; height: clamp(17rem, 30vw, 24rem); aspect-ratio: auto; }
.civic-map-card__preview iframe { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.civic-map-card__preview.is-interactive iframe { pointer-events: auto; }
.civic-map-card__activate { position: absolute; inset: 0; display: flex; align-items: flex-end; justify-content: center; padding: 1rem; border: 0; color: #fff; background: linear-gradient(transparent 65%,rgba(8,36,73,.85)); font-weight: 600; cursor: pointer; text-shadow: 0 1px 3px #082449; }
.civic-map-card__deactivate { position: absolute; z-index: 2; top: .5rem; right: .5rem; min-height: 44px; padding: .5rem .75rem; border: 1px solid #fff; border-radius: .5rem; background: #0b3a70; color: #fff; cursor: pointer; }
.civic-map-card__preview [hidden] { display: none; }
.civic-map-card__activate:focus-visible { outline-offset: -5px; }
.civic-footer__identity .civic-footer__mark img { box-sizing: content-box; padding: 8px; border-radius: 10px; background: #fff; }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    .civic-institution { transition: transform 200ms cubic-bezier(.23,1,.32,1); transform-origin: center; }
    html:not([data-motion-default="off"]):not([data-motion-default="reduced"]) .civic-institution:hover { transform: scale(1.035); }
}
/* All Secretariat links fit; the page owns vertical scrolling, not the dropdown. */
.civic-nav__has-submenu > ul { width: min(46rem, 80vw); max-height: none; overflow: visible; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.civic-nav__has-submenu > ul a { white-space: normal; }
/* Hide only component scrollbars; keep normal page scrolling and keyboard access. */
#content .civic-org .civic-org__scroll { scrollbar-width: none; scrollbar-gutter: auto; cursor: grab; overscroll-behavior: auto; touch-action: pan-y pinch-zoom; }
#content .civic-org .civic-org__scroll::-webkit-scrollbar { display: none; width: 0; height: 0; }
#content .civic-org .civic-org__scroll.is-dragging { cursor: grabbing; user-select: none; }
/* Softer yellow folder with a visible stack of paper sheets. */
.civic-document-directory--2 .civic-folder__back { fill: #e9b52c; }
.civic-document-directory--2 .civic-folder__front { fill: #ffd75c; }
.civic-document-directory--2 .civic-folder { width: 5rem; height: 4rem; }
.civic-document-directory--2 a { height: 100%; min-height: 13rem; justify-content: flex-start; gap: 1.5rem; background: #fffefa; border-radius: 1rem; color: #075eae; }
.civic-document-directory--2 a:hover { background: #fff7d9; }
.civic-document-symbol { display: grid; flex: 0 0 auto; place-items: center; width: 5rem; height: 5rem; border-radius: 50%; background: var(--civic-navy-800, #0b3a70); }
.civic-document-symbol img { display: block; width: 2.75rem; height: 2.75rem; object-fit: contain; }
.civic-document-directory--2 { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; }
@media (max-width: 75rem) {
    .civic-navigation-row .civic-nav__has-submenu > ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); max-height: none; overflow: visible; width: 100%; }
}
@media (max-width: 767px) {
    .civic-news-grid--list .civic-news-card { grid-template-columns: minmax(0, 1fr); }
    .civic-news-grid--list .civic-news-card__image { min-height: 0; height: auto; aspect-ratio: 16 / 9; }
    .civic-news-grid--list .civic-news-card__image img { object-fit: contain; }
    .civic-navigation-row .civic-nav__has-submenu > ul { grid-template-columns: 1fr; }
    #content .civic-org .civic-org__scroll { cursor: auto; touch-action: auto; }
}

@media (min-width: 2000px) { .civic-document-directory--2 { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
@media (max-width: 1199px) { .civic-document-directory--2 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 991px) { .civic-document-directory--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 639px) { .civic-document-directory--2 { grid-template-columns: minmax(0, 1fr); } }