/*
 * Australian Marine Associations
 * The strip, each version's header and footer, and small helpers used by the landing page and listings.
 * Colours and type come from each association's current site (read 12 Sep 2026).
 */

/* ---------- The switcher: the black sister-brand strip AIMEX and ACMG already use ---------- */

.ama-switcher {
	background: #000;
	width: 100%;
	margin: 0 !important;
	position: relative;
	z-index: 20;
}
.ama-switcher__list {
	list-style: none;
	margin: 0 auto;
	padding: 0 max(12px, calc((100% - 1280px) / 2));
	height: 46px;
	display: flex;
	align-items: stretch;
	gap: 2px;
	overflow-x: auto;
	scrollbar-width: none;
}
.ama-switcher__list::-webkit-scrollbar { display: none; }
.ama-switcher__item { flex: none; margin: 0; padding: 0; }
.ama-switcher__item a {
	height: 46px;
	display: flex;
	align-items: center;
	padding: 0 13px;
	opacity: .6;
	position: relative;
	transition: opacity .15s ease;
}
.ama-switcher__item a:hover,
.ama-switcher__item a:focus-visible { opacity: .9; }
.ama-switcher__item a:focus-visible { outline: 2px solid #fff; outline-offset: -4px; }
.ama-switcher__item.is-current a { opacity: 1; }
.ama-switcher__item.is-current a::after {
	content: "";
	position: absolute;
	left: 11px;
	right: 11px;
	bottom: 0;
	height: 3px;
	background: #fff;
}
.ama-switcher__item img { display: block; width: auto; height: 20px; max-width: none; }
/* Australian Marine leads the strip: a one-line wordmark (no logo until the AIMEX Board approves one, 14 Sep), always at full strength, with its own space and a rule after it */
.ama-switcher__item--am { position: relative; margin-right: 30px; }
.ama-switcher__item--am::after {
	content: "";
	position: absolute;
	top: 11px;
	right: -16px;
	width: 1px;
	height: 24px;
	background: #4a4a4a;
}
.ama-switcher__item--am a { opacity: 1; }
.ama-switcher__item--am img { height: 12px; }
/* The four associations sit together in plain white, sized by eye to an even visual weight (Kristina, 14 Sep) */
.ama-switcher__item:not(.ama-switcher__item--am) img { filter: brightness(0) invert(1); }
.ama-switcher__item--sya img { height: 20px; }
.ama-switcher__item--gbr img { height: 17px; }
.ama-switcher__item--aimex img { height: 25px; }
.ama-switcher__item--acmg img { height: 28px; }

/* ---------- Shared header layout for the non-SYA versions ---------- */

.ama-head {
	background: #fff;
	margin: 0 !important;
}
/* One left edge across the versions: Superyacht Australia's 1184px column (360px in at 1920 wide), never closer than 20px */
:root { --ama-edge: max(20px, 2vw, calc((100% - 1184px) / 2)); }
.ama-head__inner {
	max-width: none;
	margin: 0 !important;
	padding: 18px var(--ama-edge) !important;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	flex-wrap: wrap;
}
.ama-head .ama-head__logo { margin: 0 !important; }
.ama-head .ama-head__logo img { display: block; width: auto; height: auto; }
.ama-head .wp-block-navigation { gap: 4px 20px; }
.ama-head .wp-block-navigation__submenu-container { border: 1px solid #eee !important; border-radius: 6px; padding: 6px 0; }
.ama-head .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: 8px 20px; }

/* Australian Marine: Maddie's logo, Plus Jakarta Sans, deep navy (D65, D67) */
.ama-head--am { border-bottom: 1px solid #dde4ec; }
.ama-head--am .ama-head__logo img { height: 16px; }
.ama-head--am .wp-block-navigation { font-size: 15px; font-weight: 500; color: #0d2f55; }
.ama-head--am .wp-block-navigation a:hover { color: #3f6f9c; }

/* AIMEX and ACMG: the Bendico header, logo left, small uppercase menu right */
.ama-head--aimex .wp-block-navigation,
.ama-head--acmg .wp-block-navigation {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
	color: #666;
}
.ama-head--aimex .wp-block-navigation { font-weight: 700; }
.ama-head--acmg .wp-block-navigation { font-weight: 500; }
.ama-head--aimex .wp-block-navigation a:hover { color: #04347a; }
.ama-head--acmg .wp-block-navigation a:hover { color: #004b8e; }
.ama-head--aimex .wp-block-navigation__submenu-container,
.ama-head--acmg .wp-block-navigation__submenu-container { letter-spacing: 1px; font-size: 12px; color: #555; }
.ama-head--aimex .ama-head__logo img { height: 67px; }
.ama-head--acmg .ama-head__logo img { height: 90px; }

/* GBR chapter: superyachtgroup.com's look (Salient, read 12 Sep 2026). Logo left and Poppins menu right on one row;
   on a page that opens with a photo, the header sits over it. The link to Superyacht Australia is carried by the
   switcher strip, the address and the structured data, so there is no visible trail line (Kristina, 12 Sep). */
.ama-head--gbr { background: #183255; color: #fff; }
/* The chapter's ten-item menu needs the width, so it runs past the column on the right; the left edge matches the others */
.ama-head--gbr .ama-head__inner { padding-right: max(20px, 2vw) !important; flex-wrap: nowrap; }
.ama-head--gbr .ama-head__logo img { height: 80px; }
.ama-head--gbr .wp-block-navigation { font: 500 16px/1.3 Poppins, Arial, sans-serif; color: #fff; gap: 4px 16px; }
.ama-head--gbr .wp-block-navigation a:hover { color: #66c6ca; }
.ama-head--gbr .wp-block-navigation__submenu-container { color: #183255; font-size: 14px; }
.ama-head--gbr .wp-block-navigation__responsive-container-open { color: #fff; }
.am-assoc-gbr .wp-site-blocks > main { margin-block-start: 0; }

.ama-hero-first.am-assoc-gbr .wp-site-blocks > header { position: relative; z-index: 30; }
.ama-hero-first .ama-head--gbr { position: absolute; left: 0; right: 0; top: 46px; background: linear-gradient(180deg, rgba(0, 0, 0, .35), rgba(0, 0, 0, 0)); }
/* GBR photo pages: the standard hero (below), with extra room on top for the header laid over the photo */
.ama-hero-first.am-assoc-gbr .wp-block-post-content > .wp-block-cover:first-child {
	min-height: 760px !important;
	padding-top: 212px !important;
}
.ama-hero-first.am-assoc-gbr .wp-block-post-content > .wp-block-cover:first-child .wp-block-cover__gradient-background {
	background: linear-gradient(135deg, rgba(0, 0, 0, .81) 0%, rgba(0, 0, 0, 0) 100%) !important;
	opacity: .8 !important;
}
.ama-hero-first.am-assoc-gbr .wp-block-post-content > .wp-block-cover:first-child h1 { font-family: Poppins, Arial, sans-serif !important; font-weight: 700 !important; margin: 0; }
.ama-hero-first.am-assoc-gbr .wp-block-post-content > .wp-block-cover:first-child hr { width: 20%; max-width: 140px; height: 2px; border: 0; margin: 16px 0 26px !important; opacity: 1; }
.ama-hero-first.am-assoc-gbr .wp-block-post-content > .wp-block-cover:first-child p { font: 400 18px/32px Roboto, Arial, sans-serif; max-width: 600px; }
.ama-hero-first.am-assoc-gbr .wp-block-post-content > .wp-block-cover:first-child .wp-block-button__link {
	background: transparent !important;
	color: #fff !important;
	padding: 0 0 0 40px !important;
	font: 500 18px/1.4 Poppins, Arial, sans-serif;
	text-transform: none;
	letter-spacing: normal;
	position: relative;
}
.ama-hero-first.am-assoc-gbr .wp-block-post-content > .wp-block-cover:first-child .wp-block-button__link::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 25px;
	height: 1px;
	background: currentColor;
}
.ama-hero-first.am-assoc-gbr .wp-block-post-content > .wp-block-cover:first-child .wp-block-button__link:hover { color: #66c6ca !important; }
/* Inner chapter pages that open with a photo: the theme's title banner makes way for it, as on the live site */
.ama-hero-first.am-assoc-gbr .wp-site-blocks > header + * { margin-block-start: 0; padding-top: 0 !important; }
.ama-hero-first.am-assoc-gbr .wp-block-template-part:has(.wp-block-post-title) { display: none; }
.ama-hero-first.am-assoc-gbr .wp-block-post-content:has(> .wp-block-cover:first-child) { margin-top: 0 !important; padding-top: 0 !important; }
/* The inner page template pads its main column 4vw a side and 60px on top; the photo runs edge to edge as on the home page */
.ama-hero-first.am-assoc-gbr main:has(> .wp-block-post-content > .wp-block-cover:first-child) { margin-top: 0 !important; }
.ama-hero-first.am-assoc-gbr main[style*="padding-left:4vw"] > .wp-block-post-content > .wp-block-cover:first-child { margin-left: -4vw !important; margin-right: -4vw !important; }
@media (max-width: 1400px) {
	.ama-head--gbr .ama-head__logo img { height: 80px; }
	.ama-head--gbr .wp-block-navigation { font-size: 14px; gap: 4px 14px; }
}

/* ---------- One layout standard for the versions' pages (body class ama-std; Kristina, 12 Sep) ----------
   Each association keeps its own type, colour and photos. What is shared: the left edge (--ama-edge), the hero's
   height and text column, the H1 size, and the space above and below each full-width section. */

.ama-std .wp-block-post-content > .wp-block-cover:first-child {
	min-height: 620px !important;
	padding: 72px var(--ama-edge) !important;
	align-items: center;
}
.ama-std .wp-block-post-content > .wp-block-cover:first-child .wp-block-cover__inner-container { width: 100%; max-width: none; margin: 0; padding: 0; }
.ama-std .wp-block-post-content > .wp-block-cover:first-child .wp-block-cover__inner-container > * { max-width: 760px; margin-left: 0 !important; margin-right: auto !important; }
.ama-std .wp-block-post-content > .wp-block-cover:first-child h1:not([style*="font-size:14px"]) { font-size: clamp(32px, 3vw, 52px) !important; line-height: 1.12 !important; }
.am-assoc-sya .wp-site-blocks > header .wp-block-cover h1 { font-size: clamp(32px, 3vw, 52px) !important; line-height: 1.12 !important; }

/* Full-width sections: same left edge, same breathing room */
.ama-std .wp-block-post-content > :is(.wp-block-group, .wp-block-cover).alignfull:not(:first-child) {
	padding-left: var(--ama-edge) !important;
	padding-right: var(--ama-edge) !important;
	padding-top: 60px !important;
	padding-bottom: 60px !important;
}
.ama-std .wp-block-post-content > .wp-block-group.alignfull.is-layout-constrained:not(:first-child) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: 1184px !important; margin-left: 0 !important; margin-right: auto !important; }
.ama-std .wp-block-post-content > .wp-block-cover.alignfull:not(:first-child) .wp-block-cover__inner-container { width: 100%; max-width: 1184px; margin: 0; }
.ama-std .wp-block-post-content > .wp-block-cover.alignfull:not(:first-child) .wp-block-cover__inner-container > * { margin-left: 0 !important; }

/* Inner pages in the padded page template: text starts on the same edge, with a comfortable line length */
.ama-std main[style*="padding-left:4vw"] > .wp-block-post-content > :where(:not(.alignfull):not(.alignleft):not(.alignright)) { max-width: 800px !important; margin-left: max(0px, calc((100% - 1184px) / 2)) !important; margin-right: auto !important; }
.ama-std main[style*="padding-left:4vw"] > .wp-block-post-content > :is(.wp-block-columns, .wp-block-gallery, .wp-block-group, .wp-block-table, .wp-block-query, .wp-block-buttons):not(.alignfull) { max-width: 1184px !important; }

/* Superyacht Australia's own sections (wide groups across the page): content on the same edge, same vertical rhythm */
.ama-std .wp-block-post-content > .alignwide.is-layout-constrained { padding-top: 60px !important; padding-bottom: 60px !important; }
.ama-std .wp-block-post-content > .alignwide.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: 1184px !important; margin-left: max(20px, 2vw, calc((100% - 1184px) / 2)) !important; margin-right: auto !important; }

/* The theme's page-title banner on inner pages: title on the edge */
.ama-std .wp-block-template-part:has(.wp-block-post-title) > .has-background > .wp-block-group { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: var(--ama-edge) !important; padding-right: var(--ama-edge) !important; }

/* The theme footer (Superyacht Australia's pages): its row sits in the same column */
.ama-std .wp-site-blocks > footer .is-layout-constrained > .alignwide.is-layout-flex { max-width: 1184px !important; }

@media (max-width: 781px) {
	.ama-std .wp-block-post-content > .wp-block-cover:first-child { min-height: 480px !important; padding-top: 56px !important; padding-bottom: 56px !important; }
	.ama-hero-first.am-assoc-gbr .wp-block-post-content > .wp-block-cover:first-child { min-height: 560px !important; padding-top: 150px !important; }
	.ama-std .wp-block-post-content > :is(.wp-block-group, .wp-block-cover).alignfull:not(:first-child) { padding-top: 44px !important; padding-bottom: 44px !important; }
}

/* ---------- AIMEX and ACMG homepage sliders: the cover's photos crossfade (am-slides.js) ---------- */

.wp-block-cover.ama-slides > .ama-slide { opacity: 0; }
.wp-block-cover.ama-slides > .ama-slide-layer { opacity: 0; transition: opacity 1.2s ease; }
.wp-block-cover.ama-slides > .ama-slide-layer.is-active { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
	.wp-block-cover.ama-slides > .ama-slide-layer { transition: none; }
}

/* ---------- Footers ---------- */

.ama-foot { color: #c9d7e6; margin: 0 !important; }
.ama-foot a { color: inherit; }
.ama-foot a:hover { color: #fff; }
.ama-foot__inner { max-width: none; margin: 0 !important; padding: 46px var(--ama-edge) 54px !important; }
.ama-foot h2, .ama-foot h3, .ama-foot h4 { color: #fff; }
.ama-foot--am { background: #0a2544; border-top: 3px solid #c98a3f; }
.ama-foot--aimex { background: #04347a; color: #dbe4f0; }
.ama-foot--acmg { background: #004b8e; color: #dbe4f0; }
.ama-foot--gbr { background: #183255; color: #d6e2ea; }
.ama-foot__small { font-size: 13px; opacity: .85; }

/* The legal bar at the foot of every page: copyright, legal links, credit (the APSA site's pattern) */
.ama-legal {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 6px 24px;
	margin: 0 !important;
	padding: 16px var(--ama-edge);
	background: #0a2544;
	color: #c9d7e6;
	font-size: 13px;
	line-height: 1.5;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12);
}
.ama-legal p { margin: 0; }
.ama-legal a { color: #fff; text-decoration: underline; text-underline-offset: 2px; }
.ama-legal a:hover { color: #fff; opacity: .8; }
.am-assoc-sya .ama-legal { background: var(--wp--preset--color--secondary, #013275); color: #dbe4f0; }
.am-assoc-gbr .ama-legal { background: #183255; color: #d6e2ea; }
.am-assoc-aimex .ama-legal { background: #04347a; color: #dbe4f0; }
.am-assoc-acmg .ama-legal { background: #004b8e; color: #dbe4f0; }
.am-assoc-gbr .ama-legal a { color: #66c6ca; }

/* ---------- Page titles in the versions (the theme's rounded banner takes each association's colour) ---------- */

body.am-assoc-aimex .wp-block-post-title,
body.am-assoc-acmg .wp-block-post-title { text-transform: uppercase; letter-spacing: .02em; font-weight: 600; }
/* Headings take the association colour; links follow the theme's link colour, which is re-pointed per association.
   Headings inside photo covers, coloured panels, the strip and footers keep the colour set on the block. */
.am-assoc-aimex :where(h1, h2, h3, h4, h5) { color: #04347a; }
.am-assoc-acmg :where(h1, h2, h3, h4, h5) { color: #004b8e; }
.am-assoc-gbr :where(h1, h2, h3, h4) { color: #183255; }
.am-assoc-aimex :where(.wp-block-cover, .has-background, .has-text-color, .ama-foot, .ama-head) :where(h1, h2, h3, h4, h5),
.am-assoc-acmg :where(.wp-block-cover, .has-background, .has-text-color, .ama-foot, .ama-head) :where(h1, h2, h3, h4, h5),
.am-assoc-gbr :where(.wp-block-cover, .has-background, .has-text-color, .ama-foot, .ama-head) :where(h1, h2, h3, h4) { color: inherit; }
.ama-tile :where(h3, h3 a) { color: #fff !important; text-decoration: none; }

/* The Bendico section label: a navy tab sitting on a 2px rule */
.ama-label {
	border-bottom: 2px solid var(--wp--preset--color--secondary);
	margin-bottom: 18px !important;
	font-size: 14px !important;
	line-height: 1 !important;
}
.ama-label span, .ama-label mark {
	display: inline-block;
	background: var(--wp--preset--color--secondary);
	color: #fff !important;
	padding: 9px 12px 8px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
}

/* ---------- Australian Marine landing helpers ---------- */

.ama-kicker {
	display: flex !important;
	align-items: center;
	gap: 12px;
	font-size: 12.5px !important;
	font-weight: 700 !important;
	letter-spacing: .16em;
	text-transform: uppercase;
}
.ama-kicker::before { content: ""; width: 34px; height: 2px; background: #c98a3f; flex: none; }
.ama-card {
	background: #fff;
	border: 1px solid #dde4ec;
	border-top: 4px solid var(--ama-card, #0d2f55);
	border-radius: 6px;
	height: 100%;
}
.ama-card--sya { --ama-card: #013275; }
.ama-card--gbr { --ama-card: #66c6ca; }
.ama-card--aimex { --ama-card: #c98a3f; }
.ama-card--acmg { --ama-card: #99a8b6; }
.ama-card .wp-block-image img { max-height: 62px; width: auto; }
/* The whole card is the link (its "Visit" link stretches over the card) */
.ama-card { position: relative; transition: box-shadow .2s ease, transform .2s ease; }
.ama-card .ama-go a::before { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: 6px; }
.ama-card:hover { box-shadow: 0 12px 28px rgba(13, 47, 85, .12); transform: translateY(-2px); }
.ama-card:has(.ama-go a:focus-visible) { outline: 2px solid #0d2f55; outline-offset: 3px; }
.ama-card .ama-go a:focus-visible { outline: none; }
@media (prefers-reduced-motion: reduce) { .ama-card { transition: none; } .ama-card:hover { transform: none; } }
.ama-go a { font-weight: 700; text-decoration: none; color: #0d2f55; }
.ama-go a::after { content: " \2192"; color: #c98a3f; }
.ama-rule-top { border-top: 3px solid #c98a3f; }
.ama-advocacy-card { border-top: 3px solid #3f6f9c !important; }
.ama-underline a { border-bottom: 2px solid #c98a3f; text-decoration: none; font-weight: 700; }

/* ---------- GBR chapter homepage: the split section (photo left, text right), as on superyachtgroup.com ---------- */

.ama-gbr-split .wp-block-columns { gap: clamp(32px, 5vw, 80px); align-items: center; margin: 0; }
.ama-gbr-split__img { margin: 0 !important; }
.ama-gbr-split__img img { display: block; width: 100%; height: auto; }
.ama-gbr-split h2 { font: 600 clamp(28px, 2.4vw, 40px)/1.25 Poppins, Arial, sans-serif !important; color: #183255 !important; margin: 0 0 18px !important; }
.ama-gbr-split p { font: 400 16px/1.8 Roboto, Arial, sans-serif; color: #333; margin: 0 0 18px; }
.ama-gbr-split .ama-gbr-split__second { margin-top: clamp(40px, 5vw, 72px) !important; }

/* Text links with a short leading line (the GBR site's link style) */
.ama-textlink a { position: relative; display: inline-block; padding-left: 40px; color: #2f9aa0; font: 500 16px/1.4 Poppins, Arial, sans-serif; text-decoration: none; }
.ama-textlink a::before { content: ""; position: absolute; left: 0; top: 50%; width: 25px; height: 1px; background: currentColor; }
.ama-textlink a:hover, .ama-textlink a:focus-visible { color: #183255; }

/* ---------- Upcoming events as cards (ama/upcoming-events) ---------- */

.ama-events {
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 20px;
}
.ama-event { margin: 0 !important; padding: 0 !important; }
.ama-event__media { display: none; }
.ama-event__link {
	display: flex;
	gap: 16px;
	height: 100%;
	box-sizing: border-box;
	padding: 18px;
	background: #fff;
	border: 1px solid #dde4ec;
	border-top: 3px solid var(--ama-accent, #c98a3f);
	border-radius: 6px;
	color: #0d2f55;
	text-decoration: none !important;
	transition: box-shadow .2s ease, transform .2s ease;
}
.ama-event__link:hover { box-shadow: 0 12px 28px rgba(13, 47, 85, .12); transform: translateY(-2px); }
.ama-event__link:focus-visible { outline: 2px solid #0d2f55; outline-offset: 3px; }
.ama-event__date {
	flex: none;
	width: 58px;
	height: 64px;
	border-radius: 4px;
	background: var(--wp--preset--color--secondary, #0d2f55);
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	line-height: 1;
}
.ama-event__month { font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; opacity: .85; }
.ama-event__day { font-size: 26px; font-weight: 700; margin-top: 5px; }
.ama-event__body { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.ama-event__title { font-size: 17px; font-weight: 600; line-height: 1.3; color: #0d2f55; }
.ama-event__when { font-size: 14px; color: #3f6f9c; font-weight: 500; }
.ama-event__where { font-size: 13px; color: #5a6b7d; }
.ama-event__badges { margin-top: 4px; }
.ama-events__none { color: #5a6b7d; }
@media (prefers-reduced-motion: reduce) { .ama-event__link { transition: none; } .ama-event__link:hover { transform: none; } }

/* ---------- Association badges on listings, news and events ---------- */

.ama-badge {
	display: inline-block;
	font: 700 10px/1 system-ui, sans-serif;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: #fff;
	padding: 4px 6px 3px;
	border-radius: 3px;
	margin: 0 4px 4px 0;
}
.ama-badge--sya { background: #013275; }
.ama-badge--gbr { background: #183255; box-shadow: inset 0 -2px 0 #66c6ca; }
.ama-badge--aimex { background: #04347a; box-shadow: inset 0 -2px 0 #f7941d; }
.ama-badge--acmg { background: #004b8e; box-shadow: inset 0 -2px 0 #99a8b6; }

@media (max-width: 781px) {
	.ama-head__inner { flex-direction: column; align-items: flex-start; gap: 10px; }
	.ama-head--am .ama-head__logo img { height: 13px; }
	.ama-head--acmg .ama-head__logo img { height: 70px; }
	.ama-head--gbr .ama-head__inner { flex-direction: row; align-items: center; padding: 12px var(--ama-edge) !important; }
	.ama-head--gbr .ama-head__logo img { height: 58px; }
}
@media (prefers-reduced-motion: reduce) {
	.ama-switcher__item a { transition: none; }
}

/* ---------- Phones (28 Sep 2026, after the cutover) ---------- */

/* The switcher in two rows, no sideways scrolling: Australian Marine on its own line, the four associations
   sharing the row below it in the order AIMEX, ACMG, Superyacht Australia, GBR (Kristina, 28 Sep 2026) */
@media (max-width: 781px) {
	body .ama-switcher__list {
		height: auto !important;
		display: grid !important;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		overflow: visible !important;
		gap: 0 !important;
		padding: 0 8px !important;
	}
	body .ama-switcher__item--am {
		grid-column: 1 / -1;
		margin-right: 0 !important;
		border-bottom: 1px solid #2a2a2a;
	}
	body .ama-switcher__item--am::after { content: none !important; }
	body .ama-switcher__item--am a { height: 40px !important; justify-content: center; }
	body .ama-switcher__item--am.is-current a::after { left: 30%; right: 30%; }
	body .ama-switcher__item:not(.ama-switcher__item--am) { min-width: 0; }
	body .ama-switcher__item:not(.ama-switcher__item--am) a { height: 46px !important; justify-content: center; padding: 0 4px !important; }
	body .ama-switcher__item:not(.ama-switcher__item--am).is-current a::after { left: 8px; right: 8px; }
	body .ama-switcher__item:not(.ama-switcher__item--am) img { max-width: 100% !important; object-fit: contain; }
	body .ama-switcher__item--aimex img { height: 22px !important; }
	body .ama-switcher__item--acmg img { height: 24px !important; }
	body .ama-switcher__item--sya img { height: 17px !important; }
	body .ama-switcher__item--gbr img { height: 15px !important; }
	/* The four read as tabs, like the ABC's network bar: each its own rounded-top box, the current one lifted
	   onto a lighter panel with a white bar along its top edge (Kristina, 28 Sep 2026) */
	body .ama-switcher__list { column-gap: 6px !important; padding-bottom: 0 !important; }
	body .ama-switcher__item:not(.ama-switcher__item--am) { margin-top: 6px !important; }
	body .ama-switcher__item:not(.ama-switcher__item--am) a {
		height: 44px !important;
		background: #161616;
		border-radius: 8px 8px 0 0;
		opacity: 1 !important;
	}
	body .ama-switcher__item:not(.ama-switcher__item--am) a img { opacity: .72; }
	body .ama-switcher__item:not(.ama-switcher__item--am).is-current a { background: #2b2b2b; }
	body .ama-switcher__item:not(.ama-switcher__item--am).is-current a img { opacity: 1; }
	body .ama-switcher__item:not(.ama-switcher__item--am).is-current a::after { top: 0; bottom: auto; left: 0 !important; right: 0 !important; height: 3px; border-radius: 8px 8px 0 0; }
}

/* The phone menu: a full-height navy panel, items on the left in white, sub-menus as indented lists (not
   the desktop dropdown boxes), nothing pushed off either edge */
body .wp-block-navigation__responsive-container.is-menu-open {
	background: #013275 !important;
	padding: 18px 24px 48px !important;
	overflow-y: auto !important;
}
body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close { color: #fff !important; }
body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	align-items: flex-start !important;
	background: transparent !important;
	padding-top: 44px !important;
	width: 100% !important;
}
body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	align-items: flex-start !important;
	justify-content: flex-start !important;
	width: 100% !important;
	gap: 2px !important;
}
body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
	width: 100% !important;
	align-items: flex-start !important;
	color: #fff !important;
}
body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item > a.wp-block-navigation-item__content {
	color: #fff !important;
	font-size: 20px !important;
	font-weight: 600 !important;
	padding: 10px 0 !important;
}
body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon { display: none !important; }
body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
	position: static !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
	min-width: 0 !important;
	width: auto !important;
	padding: 0 0 10px 16px !important;
	margin: 0 !important;
	max-width: 100% !important;
	box-sizing: border-box;
	opacity: 1 !important;
	visibility: visible !important;
	border-left: 1px solid rgba(255, 255, 255, .25) !important;
}
body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container a.wp-block-navigation-item__content {
	color: rgba(255, 255, 255, .82) !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	padding: 7px 0 !important;
	background: transparent !important;
	white-space: normal !important;
	overflow-wrap: anywhere;
}
body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item { max-width: 100%; }
body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__label { white-space: normal !important; }
body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.ama-nav-cta > a.wp-block-navigation-item__content { background: #fff !important; color: #013275 !important; padding: 10px 20px !important; }

/* Buttons that stack on a phone are all the same full width (the membership buttons were two widths) */
@media (max-width: 600px) {
	body.ama-polish main .wp-block-buttons > .wp-block-button { flex: 1 1 100% !important; width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }
	body.ama-polish main .wp-block-buttons > .wp-block-button > .wp-block-button__link { display: block !important; width: 100% !important; box-sizing: border-box; text-align: center; }
}

/* Phones: the logo and the menu button share one line (logo left, menu right), and the opening photo starts
   right under it, so the heading and the buttons fit on the first screen (Kristina, 28 Sep 2026) */
@media (max-width: 781px) {
	html body.ama-polish[class] .ama-head__inner {
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 16px !important;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}
	html body.ama-polish[class] .ama-head__logo { flex: 0 1 auto !important; min-width: 0; margin: 0 !important; }
	html body.ama-polish[class] .ama-head__logo img { max-height: 44px !important; width: auto !important; max-width: 100% !important; }
	html body.ama-polish[class] .ama-head .wp-block-navigation { flex: none !important; margin: 0 !important; }
	html body.ama-polish[class] .ama-head .wp-block-navigation__responsive-container-open { width: 32px; height: 32px; }
	html body.ama-polish[class] .ama-head .wp-block-navigation__responsive-container-open svg { width: 30px; height: 30px; }

	body.ama-polish.ama-home .wp-block-post-content > .wp-block-cover:first-child,
	body.ama-polish.ama-home main .wp-block-cover.alignfull:first-child {
		min-height: 0 !important;
		padding-top: 84px !important;
		padding-bottom: 40px !important;
		align-items: flex-start !important;
	}
	body.ama-polish.ama-home .wp-block-post-content > .wp-block-cover:first-child > .wp-block-cover__inner-container > :first-child { margin-top: 0 !important; }
	body.ama-polish.ama-home .wp-block-post-content > .wp-block-cover:first-child .wp-block-buttons { margin-bottom: 8px !important; }
	html body.ama-polish.ama-home[class][class] .wp-block-post-content > .wp-block-cover:first-child h1.wp-block-heading, html body.ama-polish.ama-home[class][class] .wp-block-post-content > .wp-block-cover:first-child h1 { font-size: 29px !important; line-height: 1.18 !important; margin: 0 0 12px !important; }
	html body.ama-polish.ama-home main .wp-block-cover:has(h1) p { font-size: 15.5px !important; line-height: 1.5 !important; margin-top: 0 !important; }
	html body.ama-polish.ama-home .wp-block-post-content > .wp-block-cover:first-child .wp-block-buttons { gap: 10px !important; margin-top: 16px !important; }
	html body.ama-polish.ama-home .wp-block-post-content > .wp-block-cover:first-child .wp-block-button__link { padding-top: 12px !important; padding-bottom: 12px !important; }
}

/* Phones, round two (28 Sep 2026, evening): every homepage photo fills the screen again, the Australian Marine
   heading sits closer under the logo so both buttons show before scrolling, and a search glass sits beside the menu */
@media (max-width: 781px) {
	html body.ama-polish.ama-home[class] .wp-block-post-content > .wp-block-cover:first-child {
		min-height: calc(100svh - 87px) !important;
	}
	html body.ama-polish.ama-home.am-assoc-am[class] .wp-block-post-content > .wp-block-cover:first-child { padding-top: 66px !important; }
	html body.ama-polish.ama-home.am-assoc-am[class] .wp-block-post-content > .wp-block-cover:first-child h1 { font-size: 27px !important; }
	html body.ama-polish.ama-home.am-assoc-am[class] .wp-block-post-content > .wp-block-cover:first-child h1 + p,
	html body.ama-polish.ama-home.am-assoc-am[class] .wp-block-post-content > .wp-block-cover:first-child p { font-size: 15px !important; line-height: 1.45 !important; }

	html body.ama-polish[class] .ama-head__tools { display: flex; align-items: center; gap: 14px; flex: none; }
	html body.ama-polish[class] .ama-head-search {
		display: inline-flex; align-items: center; justify-content: center;
		width: 32px; height: 32px; padding: 0; margin: 0; border: 0; background: none; cursor: pointer;
		color: inherit;
	}
	html body.ama-polish.ama-head-over[class] .ama-head-search { color: #fff; }
	html body.ama-polish[class] .ama-head-search svg { width: 24px; height: 24px; display: block; }
	html body.ama-polish[class] .ama-head-searchbar {
		position: absolute; left: 0; right: 0; top: 100%;
		z-index: 30; padding: 10px 16px 14px; background: rgba(1, 26, 60, .96);
		display: none;
	}
	html body.ama-polish[class] .ama-head-searchbar.is-open { display: block; }
	html body.ama-polish[class] .ama-head-searchbar form { display: flex; gap: 8px; margin: 0; }
	html body.ama-polish[class] .ama-head-searchbar input[type="search"] {
		flex: 1; min-width: 0; height: 44px; padding: 0 14px; border: 0; border-radius: 8px;
		font: 16px/1 var(--ama-body, inherit); color: #1d2733; background: #fff;
	}
	html body.ama-polish[class] .ama-head-searchbar button {
		height: 44px; padding: 0 16px; border: 0; border-radius: 8px; background: #fff; color: #013275;
		font: 600 15px/1 var(--ama-heading, inherit); cursor: pointer;
	}
}
@media (min-width: 782px) {
	.ama-head-search, .ama-head-searchbar { display: none !important; }
}

/* 0.1.106 (28 Sep 2026, Kristina: the five homes uniform on phones, "CTAs sitting at that horizontal line"): each home hero pins its
   text to the bottom, so the last button always ends 40px above the bottom of the screen whatever the text length; GBR loses its extra
   inset; and the Australian Marine home drops its association logo block on phones (the same logos are in the strip at the top). */
@media (max-width: 640px) {
	html body.ama-polish.ama-home[class][class] .wp-block-post-content > .wp-block-cover:first-child { align-items: flex-end !important; padding-bottom: 40px !important; }
	html body.ama-polish.ama-home[class][class] .wp-block-post-content > .wp-block-cover:first-child > .wp-block-cover__inner-container { display: flex !important; flex-direction: column !important; justify-content: flex-end !important; padding-left: 0 !important; padding-right: 0 !important; }
	html body.ama-polish.ama-home[class][class] .wp-block-post-content > .wp-block-cover:first-child .wp-block-buttons { margin-bottom: 0 !important; }
	html body.ama-polish.ama-home[class][class] .wp-block-post-content > .wp-block-cover:first-child .ama-hero-logos { display: none !important; }
}

/* Tablets and narrow windows (0.1.110, 28 Sep 2026; Kristina: "the Australian Marine logo looks weird"): between phone and
   desktop widths the full menu and the logo shared one row, the logo was let shrink with its height fixed, and it
   squashed (109 x 14 at 700px, 9 x 14 at 600px, from a 228 x 14 shape), while the menu wrapped to two rows from 782px.
   Up to 860px the menu now folds into its button, as on phones, and the logo never shrinks, so it keeps its shape
   at every width. Measured at 390, 600, 620, 700, 781, 800, 860, 861 and 1000px: logo 228 x 14 each time, nothing
   scrolls sideways, and the folded menu opens with every item. */
@media (max-width: 860px) {
	html body.ama-polish[class] .ama-head__inner { flex-wrap: nowrap !important; }
	html body.ama-polish[class] .ama-head__logo { flex: none !important; min-width: auto !important; }
	html body.ama-polish[class] .ama-head__logo img { max-width: none !important; object-fit: contain; }
	html body.ama-polish[class] .ama-head .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex !important; }
	html body.ama-polish[class] .ama-head .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none !important; }
}