/* PianoMK Header & Footer — pianomk.com
 * PianoMK soft neo-brutalism, flat edition: even 2.5px borders and nothing
 * casting a shadow at rest. Links get a quiet tint under a mouse (pointer
 * devices only) and a press-scale when tapped; the call-to-action button alone
 * lifts off the page on hover, the way the home page tiles do.
 *
 * Everything is scoped under .pmkhf, and the typography and colours that themes
 * and page builders like to restyle are marked !important, because a header
 * that changes font from one page to the next is worse than one that ignores
 * the theme. Colours arrive as variables from the settings page; these are
 * only the starting values.
 *
 * Escape hatches, all settable from the Custom CSS box on the Style tab:
 *   .pmkhf{--pmkhf-max:1020px}     width of the inner row
 *   .pmkhf{--pmkhf-bw:2px}         border weight
 *   .pmkhf-top{--pmkhf-z:100}      stacking, if something must sit above the header
 *   .pmkhf-top{--pmkhf-offset:0px} distance from the top while it sticks
 */

.pmkhf{
	--pmkhf-ink:#1A1A1A; --pmkhf-paper:#FFFDF8;
	--pmkhf-blue:#CDEAFE; --pmkhf-green:#D6F5D6; --pmkhf-yellow:#FFE8B3; --pmkhf-pink:#FFD6E0;
	--pmkhf-active:var(--pmkhf-blue); --pmkhf-cta:var(--pmkhf-green); --pmkhf-announce:var(--pmkhf-yellow);
	--pmkhf-bw:2.5px; --pmkhf-radius:14px; --pmkhf-max:1140px; --pmkhf-logo-h:44px;
	--pmkhf-display:'Cormorant Garamond',Georgia,'Times New Roman',serif;
	--pmkhf-body:'Jost',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,system-ui,sans-serif;
	--pmkhf-ease:cubic-bezier(.16,1,.3,1);
	--pmkhf-fg:var(--pmkhf-ink);
	--pmkhf-muted:color-mix(in srgb,var(--pmkhf-fg) 62%,transparent);
	--pmkhf-tint:color-mix(in srgb,var(--pmkhf-fg) 7%,transparent);

	box-sizing:border-box;
	color:var(--pmkhf-fg);
	font-family:var(--pmkhf-body) !important;
	font-size:16.5px; line-height:1.6;
	-webkit-font-smoothing:antialiased;
}
.pmkhf *,.pmkhf *::before,.pmkhf *::after{box-sizing:border-box;}
.pmkhf ul{list-style:none !important;margin:0 !important;padding:0 !important;}
.pmkhf li{margin:0 !important;padding:0 !important;background:none !important;list-style:none !important;}
.pmkhf li::marker{content:none;}
.pmkhf a{color:inherit;text-decoration:none;box-shadow:none;}
.pmkhf p{margin:0;}
.pmkhf button{font:inherit;}
.pmkhf svg{display:block;}
.pmkhf [hidden]{display:none !important;}
.pmkhf a:focus-visible,.pmkhf button:focus-visible{outline:3px dashed var(--pmkhf-fg) !important;outline-offset:4px;}
.pmkhf-announce[hidden]{display:none !important;}

.pmkhf-wrap{max-width:var(--pmkhf-max);margin:0 auto;padding-left:clamp(16px,4vw,40px);padding-right:clamp(16px,4vw,40px);}

/* =====================================================================
   1. Announcement bar
   ===================================================================== */
.pmkhf-announce{background:var(--pmkhf-announce);border-bottom:var(--pmkhf-bw) solid var(--pmkhf-ink);color:var(--pmkhf-ink);}
.pmkhf-announce-row{position:relative;display:flex;align-items:center;justify-content:center;min-height:42px;
	padding-top:8px;padding-bottom:8px;text-align:center;}
.pmkhf-announce p{font-size:14px;font-weight:500;line-height:1.4;padding:0 36px;}
.pmkhf-announce em{font-family:var(--pmkhf-display);font-size:1.15em;font-style:italic;font-weight:600;}
.pmkhf .pmkhf-announce-link{font-weight:600;white-space:nowrap;text-decoration:underline !important;
	text-decoration-thickness:2px !important;text-underline-offset:3px;color:var(--pmkhf-ink) !important;}
.pmkhf-announce-x{position:absolute;right:clamp(10px,3vw,32px);top:50%;transform:translateY(-50%);
	display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:999px;
	background:transparent;color:var(--pmkhf-ink);cursor:pointer;}
.pmkhf-announce-x svg{width:16px;height:16px;}
.pmkhf-announce-x:active{transform:translateY(-50%) scale(.92);}
@media (hover:hover){.pmkhf-announce-x:hover{background:color-mix(in srgb,var(--pmkhf-ink) 9%,transparent);}}

/* =====================================================================
   2. Header
   ===================================================================== */
.pmkhf-top{position:relative;z-index:var(--pmkhf-z,9999);width:100%;margin:0;}
.pmkhf-top.pmkhf-sticky{position:sticky;top:var(--pmkhf-offset,0px);transition:transform .28s var(--pmkhf-ease);}
.pmkhf-top.pmkhf-hide{transform:translateY(calc(-100% - var(--pmkhf-offset,0px) - 2px));}
body.admin-bar .pmkhf-top.pmkhf-sticky{--pmkhf-offset:var(--wp-admin--admin-bar--height,32px);}
@media (max-width:600px){body.admin-bar .pmkhf-top.pmkhf-sticky{--pmkhf-offset:0px;}}

/* Elementor and some themes put overflow-x:hidden on <html> or <body>, which
   quietly stops position:sticky from working. overflow:clip trims the same
   sideways spill without making a scroll container, so the header sticks again.
   Scoped with :has so a page without a sticky header is left alone. */
html:has(.pmkhf-sticky),body:has(.pmkhf-sticky){overflow-x:clip;}

.pmkhf-header{margin:0;padding:0;background:var(--pmkhf-paper) !important;border-bottom:var(--pmkhf-bw) solid var(--pmkhf-ink);
	transition:background-color .25s ease,border-color .25s ease;}
.pmkhf-hbg-frost .pmkhf-header,
.pmkhf-hbg-transparent.pmkhf-sticky.pmkhf-scrolled .pmkhf-header{
	background:color-mix(in srgb,var(--pmkhf-paper) 78%,transparent) !important;
	-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}
.pmkhf-hbg-transparent .pmkhf-header{background:transparent !important;border-bottom-color:transparent;}
.pmkhf-hbg-transparent.pmkhf-sticky.pmkhf-scrolled .pmkhf-header{border-bottom-color:var(--pmkhf-ink);}

.pmkhf-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:74px;padding-top:12px;padding-bottom:12px;}

.pmkhf-skip{position:absolute;left:12px;top:-200px;z-index:3;padding:8px 16px;background:var(--pmkhf-paper);
	border:var(--pmkhf-bw) solid var(--pmkhf-ink);border-radius:999px;color:var(--pmkhf-ink) !important;
	font-size:.72rem !important;font-weight:600 !important;letter-spacing:.14em;text-transform:uppercase;}
.pmkhf-skip:focus{top:10px;}

/* ---- Logo ---- */
.pmkhf .pmkhf-logo{display:inline-flex;align-items:center;flex-shrink:0;color:var(--pmkhf-ink) !important;text-decoration:none !important;}
.pmkhf .pmkhf-logo img{display:block;height:var(--pmkhf-logo-h);width:auto;max-width:min(260px,52vw);object-fit:contain;border:0;border-radius:0;}
.pmkhf .pmkhf-name{font-family:var(--pmkhf-display) !important;font-weight:600 !important;font-size:27px !important;line-height:1 !important;
	letter-spacing:-.01em !important;text-transform:none !important;color:var(--pmkhf-fg) !important;}
.pmkhf .pmkhf-name em{font-style:italic;font-weight:500;}

/* ---- Menu ---- */
.pmkhf-nav{display:flex;align-items:center;min-width:0;}
.pmkhf .pmkhf-menu{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:6px;}
.pmkhf .pmkhf-menu > li{position:relative;display:flex;align-items:center;}
.pmkhf .pmkhf-menu a,
.pmkhf .pmkhf-menu > li > span{
	display:inline-block;padding:9px 16px !important;border:var(--pmkhf-bw) solid transparent;border-radius:999px;
	font-family:var(--pmkhf-body) !important;font-weight:600 !important;font-size:.72rem !important;line-height:1.1 !important;
	letter-spacing:.14em !important;text-transform:uppercase !important;text-decoration:none !important;
	color:var(--pmkhf-ink) !important;background:transparent !important;box-shadow:none !important;white-space:nowrap;
	transition:transform .15s var(--pmkhf-ease),background-color .15s ease,box-shadow .15s var(--pmkhf-ease);}
/* PianoMK Members adds the student's first name as plain text beside Log out. */
.pmkhf .pmkhf-menu > li > span{opacity:.62;}
@media (hover:hover){.pmkhf .pmkhf-menu a:hover{background:var(--pmkhf-tint) !important;}}
.pmkhf .pmkhf-menu a:active{transform:scale(.95);}

/* The current page. Ancestors count, so a dropdown's parent shows where you are. */
.pmkhf-active-bubble .pmkhf-menu .current-menu-item > a,
.pmkhf-active-bubble .pmkhf-menu .current_page_item > a,
.pmkhf-active-bubble .pmkhf-menu .current-menu-ancestor > a,
.pmkhf-active-bubble .pmkhf-menu a[aria-current="page"]{background:var(--pmkhf-active) !important;border-color:var(--pmkhf-ink);}
.pmkhf-active-underline .pmkhf-menu .current-menu-item > a,
.pmkhf-active-underline .pmkhf-menu .current_page_item > a,
.pmkhf-active-underline .pmkhf-menu .current-menu-ancestor > a,
.pmkhf-active-underline .pmkhf-menu a[aria-current="page"]{text-decoration:underline !important;text-decoration-thickness:2px !important;text-underline-offset:5px;}

/* Call-to-action buttons: ticked on the settings page, or a WordPress menu item
   given the CSS class "button" or "pmk-cta" — the PianoMK theme's convention. */
.pmkhf .pmkhf-menu a.pmkhf-btn,
.pmkhf .pmkhf-menu li.button > a,
.pmkhf .pmkhf-menu li.pmk-cta > a{background:var(--pmkhf-cta) !important;border-color:var(--pmkhf-ink) !important;text-decoration:none !important;}
@media (hover:hover){
	.pmkhf .pmkhf-menu a.pmkhf-btn:hover,
	.pmkhf .pmkhf-menu li.button > a:hover,
	.pmkhf .pmkhf-menu li.pmk-cta > a:hover{background:var(--pmkhf-cta) !important;transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--pmkhf-ink) !important;}
}
.pmkhf .pmkhf-menu a.pmkhf-btn:active,
.pmkhf .pmkhf-menu li.button > a:active,
.pmkhf .pmkhf-menu li.pmk-cta > a:active{transform:scale(.95);box-shadow:none !important;}

/* ---- Dropdowns ---- */
.pmkhf .pmkhf-subtoggle{display:grid;place-items:center;width:26px;height:26px;margin-left:-10px;padding:0;border:0;border-radius:999px;
	background:transparent;color:var(--pmkhf-ink);cursor:pointer;}
.pmkhf .pmkhf-subtoggle svg{width:13px;height:13px;transition:transform .2s var(--pmkhf-ease);}
.pmkhf .pmkhf-subtoggle[aria-expanded="true"] svg{transform:rotate(180deg);}
@media (hover:hover){.pmkhf .pmkhf-subtoggle:hover{background:var(--pmkhf-tint);}}

.pmkhf .pmkhf-menu .pmkhf-sub,
.pmkhf .pmkhf-menu .sub-menu{position:absolute;top:calc(100% + 10px);left:0;z-index:60;min-width:220px;padding:8px !important;
	display:none;flex-direction:column;gap:2px;background:var(--pmkhf-paper);border:var(--pmkhf-bw) solid var(--pmkhf-ink);border-radius:var(--pmkhf-radius);}
/* A bridge over the gap, so the pointer can travel down to the dropdown without it closing. */
.pmkhf .pmkhf-menu .pmkhf-sub::before,
.pmkhf .pmkhf-menu .sub-menu::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px;}
.pmkhf .pmkhf-menu .pmkhf-sub a,
.pmkhf .pmkhf-menu .sub-menu a{display:block;width:100%;border-radius:10px;}
@media (hover:hover){
	.pmkhf-top:not(.pmkhf-is-phone) .pmkhf-menu > li:hover > .pmkhf-sub,
	.pmkhf-top:not(.pmkhf-is-phone) .pmkhf-menu > li:hover > .sub-menu{display:flex;}
}
.pmkhf .pmkhf-menu > li.pmkhf-sub-open > .pmkhf-sub,
.pmkhf .pmkhf-menu > li.pmkhf-sub-open > .sub-menu{display:flex;}

/* ---- Burger and close: chips that only exist in phone mode ---- */
.pmkhf .pmkhf-burger,
.pmkhf .pmkhf-close{display:none;place-items:center;padding:0;border:var(--pmkhf-bw) solid var(--pmkhf-ink);border-radius:12px;
	background:var(--pmkhf-paper);color:var(--pmkhf-ink);cursor:pointer;line-height:1;
	transition:transform .15s var(--pmkhf-ease);}
.pmkhf .pmkhf-burger svg,.pmkhf .pmkhf-close svg{width:24px;height:24px;}
.pmkhf .pmkhf-burger:active,.pmkhf .pmkhf-close:active{transform:scale(.95);}
.pmkhf .pmkhf-nav .pmkhf-social{display:none;}

/* =====================================================================
   3. Phone menu — the class is set by a tiny script under the header,
      from the width on the settings page or because the links stopped fitting
   ===================================================================== */
.pmkhf-is-phone .pmkhf-bar{min-height:70px;}
.pmkhf-is-phone .pmkhf-name{font-size:25px !important;}
.pmkhf-is-phone .pmkhf-burger{display:grid;width:46px;height:46px;}

.pmkhf-is-phone .pmkhf-nav{position:fixed;inset:0;top:var(--pmkhf-overlay-top,0px);z-index:2;display:none;
	flex-direction:column;align-items:center;justify-content:center;gap:30px;padding:96px 24px 48px;
	background:var(--pmkhf-paper);overflow-y:auto;overscroll-behavior:contain;}
body.admin-bar .pmkhf-is-phone{--pmkhf-overlay-top:var(--wp-admin--admin-bar--height,32px);}
.pmkhf-is-phone.pmkhf-open .pmkhf-nav{display:flex;}

/* backdrop-filter and transform both trap position:fixed inside the header,
   which would shrink the full-screen menu to the size of the bar. Drop them
   while the menu is open. */
.pmkhf-top.pmkhf-open{transform:none !important;}
.pmkhf-top.pmkhf-open .pmkhf-header{-webkit-backdrop-filter:none !important;backdrop-filter:none !important;}

.pmkhf-is-phone .pmkhf-menu{flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center;gap:16px;}
.pmkhf-is-phone .pmkhf-menu > li{flex-direction:column;}
.pmkhf-is-phone .pmkhf-menu a,
.pmkhf-is-phone .pmkhf-menu > li > span{font-family:var(--pmkhf-display) !important;font-size:34px !important;font-weight:600 !important;
	letter-spacing:0 !important;text-transform:none !important;padding:4px 22px !important;line-height:1.15 !important;white-space:normal;text-align:center;}
.pmkhf-is-phone.pmkhf-active-bubble .pmkhf-menu .current-menu-item > a,
.pmkhf-is-phone.pmkhf-active-bubble .pmkhf-menu a[aria-current="page"]{padding:6px 26px !important;}
.pmkhf-is-phone .pmkhf-menu a.pmkhf-btn,
.pmkhf-is-phone .pmkhf-menu li.button > a,
.pmkhf-is-phone .pmkhf-menu li.pmk-cta > a{margin-top:6px;font-family:var(--pmkhf-body) !important;font-size:.8rem !important;letter-spacing:.14em !important;
	text-transform:uppercase !important;padding:12px 26px !important;}
.pmkhf-is-phone .pmkhf-subtoggle{display:none;}
.pmkhf-is-phone .pmkhf-menu .pmkhf-sub,
.pmkhf-is-phone .pmkhf-menu .sub-menu{position:static;display:flex;align-items:center;min-width:0;padding:2px 0 4px !important;
	border:0;background:transparent;gap:2px;}
.pmkhf-is-phone .pmkhf-menu .pmkhf-sub::before,
.pmkhf-is-phone .pmkhf-menu .sub-menu::before{content:none;}
.pmkhf-is-phone .pmkhf-menu .pmkhf-sub a,
.pmkhf-is-phone .pmkhf-menu .sub-menu a{font-size:22px !important;opacity:.78;width:auto;}
.pmkhf-is-phone.pmkhf .pmkhf-nav .pmkhf-social{display:flex;justify-content:center;}
.pmkhf-is-phone .pmkhf-close{display:grid;position:absolute;top:20px;right:16px;width:48px;height:48px;}

html.pmkhf-locked,html.pmkhf-locked body{overflow:hidden !important;}

/* =====================================================================
   4. Social icon chips (footer, and the phone menu)
   ===================================================================== */
.pmkhf .pmkhf-social{display:flex;flex-wrap:wrap;gap:10px;}
.pmkhf .pmkhf-social a{display:grid;place-items:center;width:46px;height:46px;background:var(--pmkhf-paper) !important;
	border:var(--pmkhf-bw) solid var(--pmkhf-ink);border-radius:13px;color:var(--pmkhf-ink) !important;
	transition:transform .3s var(--pmkhf-ease);}
.pmkhf .pmkhf-social svg{width:22px;height:22px;}
@media (hover:hover){.pmkhf .pmkhf-social a:hover{transform:rotate(-6deg) scale(1.05);}}
.pmkhf .pmkhf-social a:active{transform:scale(.92);}
.pmkhf-social-ink .pmkhf-social svg{filter:grayscale(1) brightness(0);}

/* =====================================================================
   5. Footer
   ===================================================================== */
.pmkhf-footer{margin:clamp(40px,6vw,72px) 0 0;padding:clamp(40px,6vw,64px) 0 28px;background:transparent;}
.pmkhf-fbg-paper{--pmkhf-fill:var(--pmkhf-paper);background:var(--pmkhf-paper);border-top:var(--pmkhf-bw) solid var(--pmkhf-ink);}
.pmkhf-fbg-ink{--pmkhf-fill:var(--pmkhf-ink);--pmkhf-fg:var(--pmkhf-paper);background:var(--pmkhf-ink);}
/* On a page shorter than the window a coloured footer would stop short of the
   bottom edge, with a stripe of page underneath. A shadow pushed down by exactly
   its own spread carries the colour on below and never above, without turning
   <body> into a flex box, which would rearrange more than one theme. */
.pmkhf-fbg-paper,.pmkhf-fbg-ink{box-shadow:0 100vh 0 100vh var(--pmkhf-fill);}

.pmkhf .pmkhf-foot-logo{display:inline-flex;align-items:center;color:var(--pmkhf-fg) !important;text-decoration:none !important;}
.pmkhf .pmkhf-foot-logo img{display:block;height:calc(var(--pmkhf-logo-h) * 1.1);width:auto;max-width:260px;object-fit:contain;}
.pmkhf .pmkhf-foot-logo .pmkhf-name{font-size:32px !important;}
.pmkhf .pmkhf-blurb{margin-top:14px;max-width:38ch;color:var(--pmkhf-muted);font-size:15px;line-height:1.6;}

/* ---- Columns layout ---- */
.pmkhf-foot-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:clamp(32px,5vw,72px);align-items:start;}
.pmkhf-foot-main > :only-child{grid-column:1 / -1;}
.pmkhf-foot-brand .pmkhf-social{margin-top:22px !important;}
.pmkhf-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:28px 32px;}
.pmkhf .pmkhf-col-title{margin:0 0 14px !important;padding:0 !important;border:0 !important;font-family:var(--pmkhf-body) !important;font-size:.68rem !important;font-weight:600 !important;
	line-height:1.2 !important;letter-spacing:.2em !important;text-transform:uppercase !important;color:var(--pmkhf-muted) !important;}
.pmkhf-col ul{display:flex;flex-direction:column;gap:8px;}
.pmkhf .pmkhf-col a{font-family:var(--pmkhf-display) !important;font-size:20px !important;font-weight:600 !important;line-height:1.2 !important;
	color:var(--pmkhf-fg) !important;text-decoration:none !important;text-underline-offset:4px;}
@media (hover:hover){.pmkhf .pmkhf-col a:hover{text-decoration:underline !important;text-decoration-thickness:2px !important;}}
.pmkhf .pmkhf-col .current-menu-item > a{text-decoration:underline !important;text-decoration-thickness:2px !important;}

/* ---- Centred layout ---- */
.pmkhf-foot-center{display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center;}
.pmkhf-foot-center .pmkhf-blurb{margin-top:-8px;}
.pmkhf-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;}
.pmkhf .pmkhf-pills a{display:inline-block;padding:9px 16px;border:var(--pmkhf-bw) solid color-mix(in srgb,var(--pmkhf-fg) 45%,transparent);border-radius:999px;
	font-family:var(--pmkhf-body) !important;font-size:.72rem !important;font-weight:600 !important;line-height:1.1 !important;letter-spacing:.14em !important;
	text-transform:uppercase !important;color:var(--pmkhf-muted) !important;text-decoration:none !important;
	transition:transform .15s var(--pmkhf-ease),background-color .15s ease;}
@media (hover:hover){.pmkhf .pmkhf-pills a:hover{background:var(--pmkhf-tint);color:var(--pmkhf-fg) !important;}}
.pmkhf .pmkhf-pills a:active{transform:scale(.95);}
.pmkhf .pmkhf-pills .current-menu-item > a{color:var(--pmkhf-fg) !important;border-color:var(--pmkhf-fg);}
.pmkhf-foot-center .pmkhf-social{justify-content:center;}

/* ---- Signature: a short rule either side, like the end of a letter ---- */
.pmkhf .pmkhf-sig{display:flex;align-items:center;justify-content:center;gap:14px;margin:clamp(36px,5vw,56px) 0 0;opacity:.55;
	font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;text-align:center;}
.pmkhf-sig::before,.pmkhf-sig::after{content:"";flex:none;width:36px;height:var(--pmkhf-bw);background:var(--pmkhf-fg);}

/* ---- Bottom line ---- */
.pmkhf-foot-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:28px;}
.pmkhf-layout-centered .pmkhf-foot-bottom{flex-direction:column;justify-content:center;}
.pmkhf .pmkhf-copy{font-size:.78rem;letter-spacing:.02em;color:var(--pmkhf-muted);}
.pmkhf-legal{display:flex;flex-wrap:wrap;gap:6px 18px;}
.pmkhf .pmkhf-legal a{font-size:.68rem !important;font-weight:600 !important;letter-spacing:.16em !important;text-transform:uppercase !important;color:var(--pmkhf-muted) !important;}
@media (hover:hover){.pmkhf .pmkhf-legal a:hover{color:var(--pmkhf-fg) !important;}}
.pmkhf .pmkhf-totop{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border:var(--pmkhf-bw) solid var(--pmkhf-fg);border-radius:999px;
	font-size:.68rem !important;font-weight:600 !important;letter-spacing:.16em !important;text-transform:uppercase !important;color:var(--pmkhf-fg) !important;
	transition:transform .15s var(--pmkhf-ease),background-color .15s ease;}
@media (hover:hover){.pmkhf .pmkhf-totop:hover{background:var(--pmkhf-tint);}}
.pmkhf .pmkhf-totop:active{transform:scale(.95);}

@media (max-width:860px){
	.pmkhf-foot-main{grid-template-columns:minmax(0,1fr);}
	.pmkhf-cols{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:480px){
	.pmkhf-foot-bottom{flex-direction:column;align-items:flex-start;}
	.pmkhf-layout-centered .pmkhf-foot-bottom{align-items:center;}
	.pmkhf .pmkhf-col a{font-size:18px !important;}
}

/* =====================================================================
   6. Quiet modes
   ===================================================================== */
@media (prefers-reduced-motion:reduce){
	.pmkhf *,.pmkhf-top{transition:none !important;}
}
@media print{
	.pmkhf-top,.pmkhf-top.pmkhf-sticky{position:static;transform:none;}
	.pmkhf-announce,.pmkhf-burger,.pmkhf-close,.pmkhf-subtoggle,.pmkhf-totop,.pmkhf-skip{display:none !important;}
}