/*Breadcrumb*/

#g-header .rank-math-breadcrumb{
	padding: 24px 0;
}
#g-header .rank-math-breadcrumb p{
	display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
}
#g-header .rank-math-breadcrumb{
	color: #4f5b6b;
	font-family:var(--font-eye-brows);
	font-size: calc(var(--font-size-small) + 1px);
	line-height: 1.4;
	font-weight: var(--font-weight-medium);	
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
#g-header .rank-math-breadcrumb a{
	color: var(--color-primary-blue);
	font-family:var(--font-eye-brows);
	font-size: calc(var(--font-size-small) + 1px);
	line-height: 1.4;
	font-weight: var(--font-weight-medium);
	/*font: 500 13px / 1.4 "IBM Plex Mono", "Courier New", monospace;*/
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
/* T12C-603 (2026-10-23, CoS AI): Enduring Legacy hero to match mockup T3. Page-scoped; fonts stay per T12C-592. */
body.page-id-113 .banner-content .banner-eye-bro{line-height:1}
body.page-id-113 .banner-content h1{font-size:clamp(min(54px,14vw),7vw,100px);font-weight:var(--font-weight-bold);line-height:.9}
body.page-id-113 .storys .story-number{line-height:1}
body.page-id-113 .storys .story-text{font-size:11px;letter-spacing:.12em}

/* T12C-607 (2026-10-23, CoS AI): header wordmark "Pan Am History Hub", desktop drop-downs, no breadcrumb on Home */
#g-navigation .site-wordmark-block .g-content{margin:0;padding:0}
#g-navigation .site-wordmark{display:inline-flex;align-items:center;min-height:48px;padding-left:var(--space-4);border-left:2px solid var(--color-navy);text-decoration:none}
#g-navigation .site-wordmark__title{display:block;max-width:170px;font:var(--font-weight-bold) 15px/1.15 var(--font-nav);letter-spacing:.14em;text-transform:uppercase;color:var(--color-navy)}
#g-navigation .site-wordmark:hover .site-wordmark__title{color:var(--color-primary-blue)}
#g-navigation .main-menu .g-dropdown{background:var(--color-bg-white);border-top:3px solid var(--color-cyan);border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:0 10px 24px rgba(20,45,83,.16)}
#g-navigation .main-menu .g-dropdown .g-menu-item-container{color:var(--color-navy);font:var(--font-weight-semibold) 13px/1.3 var(--font-nav);letter-spacing:.1em;text-transform:uppercase;padding:12px 16px}
#g-navigation .main-menu .g-dropdown .g-menu-item-container:hover,#g-navigation .main-menu .g-dropdown .g-menu-item-container:focus-visible{color:var(--color-primary-blue);background:var(--color-cream)}
#g-navigation .main-menu .g-dropdown > li + li{border-top:1px solid rgba(20,45,83,.1)}
@media (min-width:64rem) and (max-width:74.99rem){#g-navigation .main-menu .g-toplevel > li{margin:0 6px}#g-navigation .main-menu .g-toplevel > li > .g-menu-item-container{letter-spacing:.1em;font-size:13px}#g-navigation .site-wordmark__title{font-size:13px;max-width:130px}}
@media (max-width:47.99rem){#g-navigation .g-grid:nth-child(3){flex-wrap:nowrap;padding-right:64px}#g-navigation .g-grid:nth-child(3) > .g-block:first-child{flex:0 0 auto;width:auto}#g-navigation .site-wordmark-block{flex:1 1 auto;width:auto}#g-navigation .site-wordmark{min-height:40px;padding-left:12px}#g-navigation .site-wordmark__title{font-size:13px;max-width:120px}}
body.home #g-header{display:none}
#g-navigation .main-menu .g-standard .g-dropdown{width:250px}

/* T12C-608 (2026-10-23, CoS AI): About page (page 117, .about-content) + Films: Close Up listing (page 1762). Page-scoped. */
body.page-id-1762 .banner-content .banner-eye-bro{line-height:1}
body.page-id-1762 .banner-content h1{font-size:clamp(min(54px,14vw),7vw,100px);font-weight:var(--font-weight-bold);line-height:.9}
body.page-id-1762 .storys .story-number{line-height:1}
body.page-id-1762 .storys .story-text{font-size:11px;letter-spacing:.12em}
.about-content .roobely-column-inner > :not(.membership-band){max-width:720px}
.about-content .roobely-column-inner{padding-bottom:var(--space-6)}
.about-content .about-eyebrow{margin:var(--space-6) 0 calc(var(--space-4) + 2px);font-family:var(--font-eye-brows);font-weight:var(--font-weight-semibold);font-size:calc(var(--font-size-small) + 1px);line-height:1;letter-spacing:.22em;text-transform:uppercase;color:var(--color-primary-blue)}
.about-content h1.about-title{margin:0 0 var(--space-5);font-family:var(--font-heading);font-size:clamp(44px,9vw,96px);font-weight:var(--font-weight-bold);line-height:.88;text-transform:uppercase;color:var(--color-navy)}
.about-content p.about-lead{font-family:var(--font-body);font-size:clamp(19px,2.2vw,23px);line-height:1.55;color:var(--color-navy);padding-bottom:var(--space-5);border-bottom:2px solid var(--color-navy)}
.about-content p,.about-content li{font-family:var(--font-body);font-size:var(--font-size-button-large);line-height:1.78;color:var(--color-navy)}
.about-content p{margin:0 0 calc(var(--space-5) + 2px)}
.about-content h2{margin:var(--space-7) 0 var(--space-4);font-family:var(--font-body);font-weight:var(--font-weight-bold);font-size:clamp(26px,3vw,32px);line-height:1.2;color:var(--color-navy)}
.about-content h3{margin:var(--space-5) 0 var(--space-3);font-family:var(--font-eye-brows);font-weight:var(--font-weight-semibold);font-size:calc(var(--font-size-small) + 1px);letter-spacing:.18em;text-transform:uppercase;color:var(--color-primary-blue)}
.about-content .roobely-column-inner a{color:var(--color-primary-blue);text-decoration:underline;text-underline-offset:3px}
.about-content .roobely-column-inner a:hover{color:var(--color-navy)}
.about-content .membership-band a{text-decoration:none}
.about-content ul.about-repositories,.about-content ul.about-contacts{list-style:none;margin:0 0 var(--space-5);padding:0;border-top:1px solid rgba(20,45,83,.15)}
.about-content ul.about-repositories li,.about-content ul.about-contacts li{padding:10px 0 10px 18px;border-bottom:1px solid rgba(20,45,83,.15);position:relative}
.about-content ul.about-repositories li:before,.about-content ul.about-contacts li:before{content:"";position:absolute;left:0;top:22px;width:8px;height:8px;border-radius:50%;background:var(--color-cyan)}
.about-content figure.about-image{margin:var(--space-6) 0}
.about-content figure.about-image img{display:block;width:100%;height:auto;border-radius:var(--radius-card)}
.about-content figure.about-image figcaption{margin-top:8px;font-family:var(--font-eye-brows);font-size:12px;letter-spacing:.04em;color:#4f5b6b}
.about-content figure.about-image-join{max-width:260px}
.about-content .membership-band{margin-top:var(--space-8)}
@media (min-width:768px){.about-content figure.about-image-join{float:right;width:240px;margin:0 0 var(--space-4) var(--space-6)}.about-content ul.about-contacts{clear:both}}

/* ==== T12C-607 QA1 (CoS AI, 10/23): Home/header accessibility fixes ==== */
/* F5 visible keyboard focus */
#g-navigation a:focus-visible,
#g-navigation .g-menu-item-container[role="button"]:focus-visible,
.g-offcanvas-toggle:focus-visible,
#g-offcanvas a:focus-visible,
#g-offcanvas .g-menu-item-container[role="button"]:focus-visible,
#g-offcanvas .offcanvas-close:focus-visible,
.featured-exhibit-card:focus-visible,
.story-card:focus-visible,
.featured-exhibits__link:focus-visible,
.home-section-head__link:focus-visible { outline: 3px solid #58d1ea; outline-offset: 3px; }
/* F2 keyboard: drop-downs open on keyboard focus via the T12C-607 QA1 script in Gantry body_bottom */
#g-navigation .g-menu-item-container[role="button"] { cursor: pointer; }
/* F3 hamburger is now a <button>: keep the old div look */
button.g-offcanvas-toggle { border: 0; margin: 0; font: inherit; line-height: 1; -webkit-appearance: none; appearance: none; }
/* F4 visible close button in the off-canvas */
#g-offcanvas .offcanvas-close { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin: 0 0 8px auto; padding: 0; border: 0; border-radius: 50%; background: transparent; color: inherit; font: 32px/1 Georgia, serif; cursor: pointer; }
#g-offcanvas .offcanvas-close::before { content: "\00d7"; }
#g-offcanvas .offcanvas-close:hover { background: rgba(255, 255, 255, .12); }
/* F1 visually hidden page H1 on Home */
.home-sr-title { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
/* ==== end T12C-607 QA1 ==== */

/* T12C-608 (2026-10-23, CoS AI): responsive 16:9 Vimeo/YouTube embeds in story pages (view 173 now runs oEmbed) */
.story-single .story-body .wp-block-embed{margin:var(--space-6) 0}
.story-single .story-body .wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper{position:relative;padding-top:56.25%;background:var(--color-navy);border-radius:var(--radius-card);overflow:hidden}
.story-single .story-body .wp-block-embed.wp-has-aspect-ratio iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.story-single .story-body .wp-block-image{margin:var(--space-6) 0}
.story-single .story-body .wp-block-image img{display:block;max-width:100%;height:auto}
.story-single .story-body .wp-block-image figcaption{margin-top:8px;font-family:var(--font-eye-brows);font-size:12px;letter-spacing:.04em;color:#4f5b6b}

/* ==== T12C-607 QA2 polish (CoS AI, 10/23): Search + footer focus rings ==== */
.search-toggle:focus-visible,
#g-footer a:focus-visible { outline: 3px solid #58d1ea; outline-offset: 3px; }
#g-footer a:focus-visible { text-decoration: underline; text-underline-offset: 3px; }
/* ==== end T12C-607 QA2 ==== */

/* T12C-609 (2026-10-23, CoS AI): search results (body.search) and 404 (body.error404) pages, v2 styling */
.site-search{box-sizing:border-box;width:min(1110px,calc(100% - 40px));margin:0 auto;padding:var(--space-4) 0 var(--space-8)}
.site-search__eyebrow{margin:0 0 calc(var(--space-4) + 2px);font-family:var(--font-eye-brows);font-weight:var(--font-weight-semibold);font-size:calc(var(--font-size-small) + 1px);line-height:1;letter-spacing:.22em;text-transform:uppercase;color:var(--color-primary-blue)}
.site-search__title{margin:0 0 var(--space-5);font-family:var(--font-heading);font-size:clamp(36px,7vw,72px);font-weight:var(--font-weight-bold);line-height:.95;text-transform:uppercase;color:var(--color-navy);overflow-wrap:anywhere}
.site-404__text,.site-search__empty p{max-width:640px;font-family:var(--font-body);font-size:var(--font-size-button-large);line-height:1.7;color:var(--color-navy)}
.site-search__form{display:flex;gap:12px;max-width:720px;margin:0 0 var(--space-6);padding-bottom:var(--space-5);border-bottom:2px solid var(--color-navy)}
.site-search__form input[type=search]{flex:1 1 auto;min-width:0;height:48px;margin:0;padding:0 18px;border:1.5px solid var(--color-navy);border-radius:var(--radius-pill);background:var(--color-bg-white);font-family:var(--font-body);font-size:17px;color:var(--color-navy)}
.site-search__form input[type=search]:focus-visible{outline:3px solid var(--color-cyan);outline-offset:2px}
.site-search__form .btn{flex:0 0 auto;height:48px}
.site-search__count{margin:0 0 var(--space-4);font-family:var(--font-eye-brows);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#4f5b6b}
.site-search__results{list-style:none;margin:0;padding:0;max-width:820px;border-top:1px solid rgba(20,45,83,.15)}
.search-result{margin:0;padding:var(--space-5) 0;border-bottom:1px solid rgba(20,45,83,.15)}
.search-result__type{display:inline-block;margin-bottom:10px;padding:5px 10px;border-radius:var(--radius-pill);background:var(--color-navy);color:var(--color-white);font-family:var(--font-eye-brows);font-size:11px;font-weight:var(--font-weight-semibold);letter-spacing:.14em;text-transform:uppercase;line-height:1}
.search-result--close-up .search-result__type{background:var(--color-primary-blue)}
.search-result--exhibit .search-result__type{background:var(--color-cyan);color:var(--color-navy)}
.search-result--external .search-result__type{background:transparent;color:var(--color-navy);box-shadow:inset 0 0 0 1.5px var(--color-navy)}
.search-result__title{margin:0 0 8px;font-family:var(--font-body);font-size:clamp(21px,2.4vw,26px);font-weight:var(--font-weight-bold);line-height:1.25}
.search-result__title a{color:var(--color-navy);text-decoration:none}
.search-result__title a:hover,.search-result__title a:focus-visible{color:var(--color-primary-blue);text-decoration:underline;text-underline-offset:3px}
.search-result__excerpt{margin:0;font-family:var(--font-body);font-size:16px;line-height:1.65;color:var(--color-navy)}
.search-result__excerpt strong{font-weight:var(--font-weight-bold);background:rgba(88,209,234,.28);padding:0 2px}
.search-result__host{display:block;margin-top:6px;font-family:var(--font-eye-brows);font-size:12px;letter-spacing:.06em;color:var(--color-primary-blue)}
.site-search__pagination ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:var(--space-6) 0 0;padding:0}
.site-search__pagination a,.site-search__pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border:1.5px solid var(--color-navy);border-radius:var(--radius-pill);font-family:var(--font-eye-brows);font-size:13px;color:var(--color-navy);text-decoration:none}
.site-search__pagination .current{background:var(--color-navy);color:var(--color-white)}
.site-search__empty h2{margin:0 0 var(--space-3);font-family:var(--font-body);font-size:clamp(22px,3vw,30px);font-weight:var(--font-weight-bold);color:var(--color-navy)}
.site-search__links{display:flex;flex-wrap:wrap;gap:12px;margin:var(--space-4) 0 0}
.site-search__links .btn.btn-cream,.site-search__links .btn.btn-cream:visited{box-shadow:inset 0 0 0 1.5px var(--color-navy);color:var(--color-navy);background:transparent}
.site-search__links .btn.btn-cream:hover{background:var(--color-navy);color:var(--color-white)}
@media (max-width:47.99rem){.site-search__form{flex-wrap:wrap}.site-search__form .btn{width:100%}.site-search__links .btn{flex:1 1 100%;text-align:center}}

/* T12C-609 (2026-10-23, CoS AI; QA1: up to 1023px, where the hamburger shows): header search reachable when the hamburger shows; sits left of it */
@media (max-width:1023px){
#g-navigation .top-search{display:block !important;position:absolute;top:45px;right:calc(0.7rem + 56px);width:auto;max-width:none;flex:none;z-index:20}
#g-navigation .top-search .g-content{margin:0;padding:0}
#g-navigation .top-search .search-toggle{width:48px;height:48px}
}
@media (max-width:767px){
#g-navigation .top-search{top:90px}
#g-navigation .g-grid:nth-child(3){padding-right:120px}
#g-navigation .top-search .custom-search-form{width:calc(100vw - 24px);right:calc(-0.7rem - 56px + 12px)}
}

/* T12C-609 / T12C-608 (2026-10-23, CoS AI): story hero shows the whole image. The 540px box used to cut the bottom off taller images (Six Decades, Cuba Beckons, many stories); now the image is letterboxed on navy, centered */
.story-single .story-hero-image img{max-height:540px;object-fit:contain;object-position:center}
/* T12C-609 QA1: Enduring Legacy heroes were still cropped at 768px+ (a more specific cover rule won). Every story hero shows the whole image, letterboxed on navy */
body.single #g-page-surround .story-single .story-hero-image img{object-fit:contain;object-position:center;background:#142D53}

/* ==== T12C-608 QA1 (CoS AI, 10/23): About layout, story contrast, focus rings, footer/back-to-top/Join PAHF ==== */
/* F1 About: Support image stays inside the 720px column; Contact label stays with its list */
@media (min-width:768px){
.about-content figure.about-image-join{float:none;width:auto;max-width:240px;margin:var(--space-5) 0}
.about-content ul.about-contacts{clear:none}
}
/* F3 contrast: story body links (EL + Films: Close Up, view 173) and prev/next labels on the blue/navy cards */
#g-page-surround .story-single .story-body a{color:#0166B0}
#g-page-surround .story-single .story-body a:hover{color:var(--color-navy)}
#g-page-surround .story-single .story-nav-item .story-nav-label{color:#F4EEE1}
/* F4 visible focus everywhere in the page; light inset ring on dark cards, light ring inside dark bands */
#g-page-surround a:focus-visible,#g-page-surround button:focus-visible,#g-page-surround input:focus-visible,#g-page-surround select:focus-visible,#g-page-surround textarea:focus-visible,#g-page-surround [tabindex]:focus-visible{outline:3px solid #0166B0 !important;outline-offset:2px !important}
#g-page-surround .story-single .story-nav-item:focus-visible{outline-color:#F4EEE1 !important;outline-offset:-7px !important}
#g-page-surround #g-footer a:focus-visible,#g-page-surround #g-footer button:focus-visible,#g-page-surround .top-menus a:focus-visible,#g-page-surround #custom-7213-particle a:focus-visible{outline-color:#58d1ea !important}
#g-page-surround .story-single .story-source a:focus-visible{outline-color:var(--color-navy) !important}
/* Minor: related-card thumbnails use a larger size, cropped (not stretched) */
.story-single .story-card-image img{width:100%;height:100%;object-fit:cover;object-position:center}
/* Minor: Films: Close Up heroes are title frames: show the whole frame instead of cutting off the bottom */
#g-page-surround .story-single--film .story-hero-image img{max-height:540px;object-fit:contain;background:var(--color-navy)}
/* Outside 608: footer column headings are H2 now (were H6), same look */
#g-footer h2.footer-title{margin:0 0 18px;padding:0;font:600 14px/18px "IBM Plex Mono",monospace;letter-spacing:2.34px;text-transform:uppercase;color:#58d1ea}
/* Outside 608: Membership band "Join PAHF" text navy on cyan (7.66:1, was 3.32:1) */
#g-page-surround .membership-band__button,#g-page-surround .membership-band__button:visited{color:var(--color-navy)}
/* Outside 608: Back to top link gets a real box (was 0px tall), so its focus ring is visible */
#g-footer .g-totop a{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}
#g-page-surround .membership-band a:focus-visible{outline-color:#F4EEE1 !important}
/* ==== end T12C-608 QA1 ==== */

/* ==== T12C-599 (CoS AI, 10/24): responsive pass - even tile grids, wider mobile menu, 44px tap targets, phone type, footer logo ==== */
/* Tile grids: 3 even columns from tablet up (they wrapped 2+1 at 768-1023); related cards fill the row (2 or 3) */
@media (min-width:768px){
#g-page-surround .featured-exhibits__grid,#g-page-surround .home-legacy__grid,#g-page-surround .exhibit-archive__grid,#g-page-surround #stories-grid.stories-grid,#g-page-surround .exhibit-post-tabs__nav{grid-template-columns:repeat(3,minmax(0,1fr))}
#g-page-surround .story-single .story-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
}
@media (min-width:768px) and (max-width:1023px){
#g-page-surround .featured-exhibits__grid,#g-page-surround .home-legacy__grid,#g-page-surround .exhibit-archive__grid,#g-page-surround #stories-grid.stories-grid{gap:18px}
#g-page-surround .exhibit-post-tabs__nav{gap:10px}
#g-page-surround .featured-exhibits__grid h3,#g-page-surround .exhibit-archive__grid .exhibit-tile__title{font-size:24px;line-height:1.15}
}
/* Mobile menu: wider off-canvas panel (was 12rem / 192px) */
#g-offcanvas{width:min(20rem,85vw)}
#g-offcanvas #g-mobilemenu-container ul .g-dropdown-column{width:min(20rem,85vw)}
.g-offcanvas-open .g-offcanvas-right #g-page-surround{right:min(20rem,85vw)}
.g-offcanvas-open .g-offcanvas-left #g-page-surround{left:min(20rem,85vw)}
/* Tap targets on touch widths: grow the hit area to 44px without moving the layout */
@media (max-width:1023px){
#g-page-surround .top-menus a.g-menu-item-container,
#g-page-surround .rank-math-breadcrumb a,
#g-page-surround .featured-exhibits__link,
#g-page-surround .home-section-head__link,
#g-page-surround .story-source-link,
#g-footer .footer-col-content a,
#g-footer a.g-menu-item-container{padding-top:14px;padding-bottom:14px;margin-top:-14px;margin-bottom:-14px}
#g-page-surround .rank-math-breadcrumb a{padding-left:6px;padding-right:6px;margin-left:-6px;margin-right:-6px}
#g-page-surround .site-wordmark{min-height:44px}
#g-page-surround .top-menus a.g-menu-item-container,#g-footer a.g-menu-item-container{padding-top:15px !important;padding-bottom:15px !important;margin-top:-15px !important;margin-bottom:-15px !important}
#g-page-surround .featured-exhibits__link,#g-page-surround .home-section-head__link{padding-top:16px;padding-bottom:16px;margin-top:-16px;margin-bottom:-16px}
}
#g-page-surround .stories-topic{min-height:44px}
/* Phones: card excerpts and image credits readable (body copy is already 20px) */
@media (max-width:767px){
#g-page-surround .story-single .story-card-content p{font-size:18px;line-height:1.5}
#g-page-surround .citation-text{font-size:14px}
}
/* Footer logo kept at its own proportions (was squashed 1.56 vs 1.63) */
#g-footer img[src*="footer-logo"]{height:auto;aspect-ratio:600/368;object-fit:contain}
/* T12C-599 QA1 (CoS AI, 10/24): story body headings stay below the 32px story title on phones; Commodore sketch keeps its credit; 4-photo galleries 2x2 */
@media (max-width:767px){
#g-page-surround .story-single .story-body h2.wp-block-heading,#g-page-surround .story-single .story-body h2{font-size:28px;line-height:1.2}
#g-page-surround .story-single .story-body h3{font-size:24px;line-height:1.25}
#g-page-surround .story-single .story-body h4{font-size:22px;line-height:1.3}
#g-page-surround .story-single .story-body h5,#g-page-surround .story-single .story-body h6{font-size:20px;line-height:1.3}
}
#g-page-surround .exhibit-tile__poster:has(img[src*="Consolidated_Commodore_Taylor"]),#g-page-surround .featured-exhibit-card__poster:has(img[src*="Consolidated_Commodore_Taylor"]){background:#fff}
#g-page-surround .exhibit-tile__poster img[src*="Consolidated_Commodore_Taylor"],#g-page-surround .featured-exhibit-card__poster img[src*="Consolidated_Commodore_Taylor"]{object-fit:contain}
@media (min-width:768px){
#g-page-surround .story-single .roobely-gallery-items.roobely-column-grid:has(> .roobely-gallery-item:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* T12C-599 QA2 (CoS AI, 10/24): long bare URLs (linked or plain text) wrap instead of running off phones; Home Clipper Hall tile shows the whole sketch */
#g-page-surround .story-single .story-body :is(p,li,h1,h2,h3,h4,h5,h6,figcaption,td,th,dd,dt,blockquote,cite),
#g-page-surround .story-single .story-body :is(p,li,h1,h2,h3,h4,h5,h6,figcaption,td,th,dd,dt,blockquote,cite) :is(a,em,strong,span,code),
#g-page-surround :is(.about-content,.entry-content,.story-source) :is(p,li,figcaption,td,a){overflow-wrap:anywhere;word-break:break-word}
#g-page-surround .home-link-tile__image:has(img[src*="Consolidated_Commodore_Taylor"]){background:#fff}
#g-page-surround .home-link-tile__image img[src*="Consolidated_Commodore_Taylor"]{object-fit:contain}
/* T12C-599 nits (CoS AI, 10/24): large caps pull quotes step down on phones so short last words don't strand */
@media (max-width:767px){#g-page-surround .story-single .story-body .wp-block-quote p{font-size:22px;line-height:1.3}}
/* ==== end T12C-599 ==== */

/* ==== T12C-609 QA1b (CoS AI, 10/24): search + 404 tap targets and type (from the T12C-599 responsive pass) ==== */
@media (max-width:1023px){
.search-result__title a{display:inline-flex;align-items:center;min-height:44px}
}
.site-search__pagination a,.site-search__pagination span{min-width:44px;height:44px}
@media (max-width:47.99rem){
.search-result__excerpt{font-size:18px}
}
body.error404 .site-search__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:560px}
body.error404 .site-search__links .btn{width:100%;margin:0;text-align:center;justify-content:center}
@media (max-width:29.99rem){
body.error404 .site-search__links{grid-template-columns:1fr}
}
/* ==== end T12C-609 QA1b ==== */

/* ==== T12C-597 QA recheck (CoS AI, 10/24): gallery thumbnails + story heroes ==== */
/* M2: Roobely gallery thumbnails were 200px cover crops, cutting off logos and documents. Show the whole image on a light panel */
body #g-page-surround .roobely-gallery-content-image img{object-fit:scale-down;object-position:center;background:#F4F1EA}
/* S1: small story heroes were blown up to the full 1110px column. Show them at natural size (never upscaled) on the navy panel */
body.single #g-page-surround .story-single .story-hero-image{background:#142D53;text-align:center}
body.single #g-page-surround .story-single .story-hero-image img{display:block;margin:0 auto;width:auto;height:auto;max-width:100%;max-height:540px}
/* R1 (recheck 2): leave room for the lightbox caption bar so tall images do not push it off screen */
.mfp-image-holder .mfp-content img.mfp-img{max-height:calc(100vh - 110px)!important;max-height:calc(100dvh - 110px)!important}
/* R3 (recheck 3): caption bar wider than narrow images, and more room reserved on phones and landscape */
.mfp-image-holder .mfp-figure .mfp-bottom-bar{left:50%;width:min(92vw,640px);transform:translateX(-50%)}
@media (max-width:767px),(max-height:500px){.mfp-image-holder .mfp-content img.mfp-img{max-height:calc(100vh - 150px)!important;max-height:calc(100dvh - 150px)!important}}
/* R3b: short phone screens (e.g. iPhone SE/mini with Safari bars) need room for the longest 6-line caption (Banning data plate) */
@media (max-width:767px) and (max-height:700px){.mfp-image-holder .mfp-content img.mfp-img{max-height:calc(100vh - 235px)!important;max-height:calc(100dvh - 235px)!important}}
/* Polish (recheck 3 PASS): darker lightbox backdrop so long captions do not sit over visible page text */
.mfp-bg{opacity:.92}
/* ==== end T12C-597 QA recheck ==== */

/* ==== T12C-609 QA (10/25): header search width (CoS AI) ==== */
/* The full placeholder "Search stories, films and exhibits" needs ~232px in Georgia 16px; the 320px form left 231px. 768px and up: form 360px, so the input has ~270px of text space (room for WebKit's clear button too). Phones (<768px) keep their full-width rule. */
@media (min-width:768px){
#g-navigation .top-search .custom-search-form{width:360px;max-width:calc(100vw - 24px)}
}
/* ==== end T12C-609 QA (10/25) ==== */

/* 2026-10-27 client feedback: center small single images in the article text column.
   A Roobely gallery with one image puts it in the first of 3 desktop columns (left). Move it to the middle column.
   Galleries with 2+ images, mobile/tablet (1 column) and full-width images are unchanged. */
@media (min-width:992px){
  .story-single .story-body .roobely-gallery-items.roobely-column-grid-md3>.roobely-gallery-item:only-child{grid-column:2}
}
/* T12C-624: Shorthand FilmFest intro at the top of the exhibit page */
.exhibit-shorthand-intro{width:100%;margin:0 0 var(--space-6,32px)}
.exhibit-shorthand-intro[hidden]{display:none}

/* ==== T12C-635 (client 10/27): light grey home bands behind the Film Library and Postcards from the Archive sections ==== */
/* Full-width colour from inside the boxed Roobely row: box-shadow spread + clip-path, so no extra width and no horizontal scroll. */
:root{--color-section-grey:#E6E8EB}
.home-content .home-band,.home-content .home-legacy{position:relative;background:var(--color-section-grey);box-shadow:0 0 0 100vmax var(--color-section-grey);clip-path:inset(0 -100vmax);padding-top:var(--space-7);padding-bottom:var(--space-7)}
.home-content .home-film-library{margin-top:var(--space-8)}
@media (max-width:767px){
.home-content .home-band,.home-content .home-legacy{padding-top:calc(var(--space-6) + 8px);padding-bottom:calc(var(--space-6) + 8px)}
.home-content .home-film-library{margin-top:calc(var(--space-6) + 8px)}
}
/* ==== end T12C-635 ==== */

/* ==== Shorthand full width (Gene OK 2026-10-28, staging) ====
   Only pages where Shorthand's embed.js has added body.shorthand-embed-body.
   1) Story breaks out of the 1200px boxed column to the full window width.
   2) #g-page-surround drops overflow:hidden (which breaks Shorthand's sticky/scroll
      effects); overflow-x:clip still stops sideways scrolling without making a scroll box. */
body.shorthand-embed-body #g-page-surround{overflow:visible;overflow-x:clip}
body.shorthand-embed-body .exhibit-shorthand-intro{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
/* ==== end Shorthand full width ==== */

/* ==== T12C-624 Watch the Films heading + Background History jump (client 10/29, staging) ==== */
.exhibit-watch-intro{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin:0 0 var(--space-6,32px)}
.exhibit-watch-intro__heading{margin:0}
.exhibit-watch-intro__jump{display:inline-flex;align-items:center;gap:8px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.exhibit-watch-intro__jump[hidden]{display:none}
#background-history{scroll-margin-top:96px;margin-top:var(--space-8,48px)}
/* ==== end T12C-624 ==== */