/*
 * Phone layer (theme 0.36.0). Nothing below applies above 760 px.
 * Bars use --vq-mbar so they stay visible in the dark palette.
 */

.vq-m { display: none; }
.vq-msheet[hidden], .vq-mmenu[hidden], .vq-mresults[hidden], .vq-msearch[hidden] { display: none !important; }

:root { --vq-mbar: #123c49; --vq-mbar-ink: #f8f0df; --vq-mgold: #e7b65b; --vq-mpr: 56px; --vq-mpl: 16px; }
@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) { --vq-mbar: #0d2f3a; }
}
:root[data-theme="dark"] { --vq-mbar: #0d2f3a; }
html.vq-strip-left { --vq-mpr: 16px; --vq-mpl: 56px; }

@media (max-width: 760px) {

	/* ---- swap desktop for phone ---- */
	.vq-site-header { display: none !important; }
	.vq-m { display: block; }
	.vq-home { display: none !important; }
	body.home .vq-footer__top { display: none; }
	.vq-hub .vq-hub__bar, .vq-hub .vq-hubtools, .vq-hub .vq-finder, .vq-hub .vq-hubfilters { display: none; }
	body { padding-bottom: 0; }
	.vq-footer { padding-right: var(--vq-mpr); padding-left: var(--vq-mpl); }

	.vq-mi { display: block; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: none; }

	/* ---- header ---- */
	.vq-mtop { position: sticky; top: var(--wp-admin--admin-bar--height, 0px); z-index: 60; background: var(--vq-page); }
	.vq-mhead { height: 56px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 6px; border-bottom: 1px solid var(--vq-line); }
	.vq-mhead__side { display: flex; }
	.vq-mhead__side--end { justify-content: flex-end; }
	.vq-mbtn { position: relative; width: 44px; height: 44px; display: grid; place-items: center; border: 0; background: none; color: var(--vq-ink); border-radius: 22px; padding: 0; cursor: pointer; text-decoration: none; }
	.vq-mbtn:focus-visible, .vq-mchip:focus-visible, .vq-mstrip a:focus-visible, .vq-mstrip button:focus-visible { outline: 3px solid var(--vq-accent); outline-offset: 2px; }
	.vq-mbtn__count { position: absolute; top: 5px; right: 3px; min-width: 18px; height: 18px; padding: 0 4px; box-sizing: border-box; border-radius: 9px; background: #e7b65b; color: #26362e; font: 700 11px/18px Figtree, sans-serif; text-align: center; }
	.vq-mbtn__count[hidden] { display: none; }
	.vq-mhead__logo { display: block; }
	.vq-mhead__logo img { height: 30px; width: auto; display: none; }
	.vq-mhead__logo .is-light { display: var(--vq-show-light, block); }
	.vq-mhead__logo .is-dark { display: var(--vq-show-dark, none); }

	/* ---- search ---- */
	.vq-msearch { position: absolute; left: 0; right: 0; top: 0; height: 56px; display: flex; align-items: center; gap: 4px; padding: 0 4px 0 10px; background: var(--vq-page); border-bottom: 1px solid var(--vq-line); z-index: 2; }
	.vq-msearch__field { flex: 1; height: 44px; box-sizing: border-box; display: flex; align-items: center; gap: 8px; padding: 0 4px 0 12px; border: 1.5px solid var(--vq-mbar); border-radius: 22px; background: var(--vq-surface); color: var(--vq-mbar); }
	html[data-theme="dark"] .vq-msearch__field { border-color: var(--vq-accent); color: var(--vq-accent); }
	.vq-msearch__field input { flex: 1; min-width: 0; border: 0; background: none; outline: 0; font: 16px Figtree, sans-serif; color: var(--vq-ink); padding: 0; height: 40px; -webkit-appearance: none; appearance: none; }
	.vq-msearch__clear { width: 36px; height: 36px; border: 0; border-radius: 18px; background: none; color: var(--vq-muted); display: grid; place-items: center; padding: 0; }
	.vq-msearch__clear[hidden] { display: none; }
	.vq-msearch__cancel { height: 44px; padding: 0 12px; border: 0; background: none; color: var(--vq-ink); font: 600 15px Figtree, sans-serif; cursor: pointer; }

	.vq-mresults { position: fixed; left: 0; right: 0; bottom: 0; top: calc(56px + var(--wp-admin--admin-bar--height, 0px)); z-index: 65; background: var(--vq-page); overflow-y: auto; overscroll-behavior: contain; }
	.vq-mresults__bar { height: 36px; display: flex; align-items: center; padding: 0 var(--vq-mpr) 0 var(--vq-mpl); background: var(--vq-mbar); color: var(--vq-mbar-ink); font: 500 17px Fraunces, serif; }
	.vq-mresults a.vq-mres { min-height: 68px; display: flex; align-items: center; gap: 12px; padding: 8px var(--vq-mpr) 8px var(--vq-mpl); border-bottom: 1px solid var(--vq-line); color: var(--vq-ink); text-decoration: none; }
	.vq-mres__img { width: 48px; height: 48px; border-radius: 10px; background: #8fb7a8 center/cover; flex: none; }
	.vq-mres__t { flex: 1; min-width: 0; }
	.vq-mres__t b { display: block; font: 600 16px Figtree, sans-serif; }
	.vq-mres__t mark { background: rgba(231, 182, 91, .45); color: inherit; font-weight: 700; }
	.vq-mres__t small { display: block; margin-top: 2px; font-size: 13px; color: var(--vq-muted); }
	.vq-mresults__all { min-height: 56px; display: flex; align-items: center; justify-content: space-between; padding: 0 var(--vq-mpr) 0 var(--vq-mpl); font: 600 15px Figtree, sans-serif; color: var(--vq-accent-text); text-decoration: none; }
	.vq-mresults__none { padding: 28px var(--vq-mpr) 28px var(--vq-mpl); color: var(--vq-muted); }

	/* ---- menu ---- */
	.vq-mmenu { position: fixed; inset: 0; z-index: 90; background: var(--vq-page); overflow-y: auto; padding-bottom: 40px; }
	.vq-mmenu__head { height: 56px; display: flex; align-items: center; justify-content: space-between; padding: 0 6px 0 16px; border-bottom: 1px solid var(--vq-line); font: 600 20px Fraunces, serif; color: var(--vq-ink); }
	.vq-mmenu a, .vq-mmenu summary { display: flex; align-items: center; justify-content: space-between; min-height: 52px; padding: 0 var(--vq-mpr) 0 var(--vq-mpl); border-bottom: 1px solid var(--vq-line); color: var(--vq-ink); font: 600 17px Figtree, sans-serif; text-decoration: none; list-style: none; cursor: pointer; }
	.vq-mmenu summary::-webkit-details-marker { display: none; }
	.vq-mmenu details[open] summary { background: var(--vq-surface); }
	.vq-mmenu details a { font-weight: 500; font-size: 16px; padding-left: calc(var(--vq-mpl) + 14px); background: var(--vq-surface); color: var(--vq-muted); }
	.vq-mmenu details[open] summary .vq-mi { transform: rotate(180deg); }

	/* ---- chip row ---- */
	.vq-mchips { height: 56px; display: flex; align-items: center; gap: 8px; padding: 0 var(--vq-mpr) 0 var(--vq-mpl); overflow-x: auto; white-space: nowrap; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
	.vq-mchips::-webkit-scrollbar { display: none; }
	.vq-mchip { flex: none; height: 36px; box-sizing: border-box; display: inline-flex; align-items: center; gap: 6px; padding: 0 14px; border: 1px solid var(--vq-line); border-radius: 18px; background: var(--vq-surface); color: var(--vq-ink); font: 600 14px Figtree, sans-serif; text-decoration: none; cursor: pointer; }
	.vq-mchip.is-on, .vq-mchip--filters { background: var(--vq-mbar); border-color: var(--vq-mbar); color: var(--vq-mbar-ink); }
	html[data-theme="dark"] .vq-mchip.is-on, html[data-theme="dark"] .vq-mchip--filters { background: var(--vq-accent); border-color: var(--vq-accent); color: var(--vq-accent-ink); }
	.vq-mchip__n { min-width: 18px; height: 18px; border-radius: 9px; background: #e7b65b; color: #26362e; font: 700 11px/18px Figtree, sans-serif; text-align: center; }
	.vq-mtop.has-tools .vq-mchips { border-bottom: 1px solid var(--vq-line); }

	/* ---- section bars ---- */
	.vq-mbar { height: 48px; display: flex; align-items: center; justify-content: space-between; padding: 0 var(--vq-mpr) 0 var(--vq-mpl); background: var(--vq-mbar); }
	.vq-mbar h2 { margin: 0; font: 500 21px Fraunces, serif; color: var(--vq-mbar-ink); }
	.vq-mbar a { display: inline-flex; align-items: center; gap: 2px; min-height: 44px; font: 600 14px Figtree, sans-serif; color: var(--vq-mgold); text-decoration: none; }

	/* ---- home ---- */
	.vq-mhome { overflow-x: clip; }
	.vq-mhero { position: relative; }
	.vq-mhero__track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
	.vq-mhero__track::-webkit-scrollbar { display: none; }
	.vq-mslide { position: relative; flex: 0 0 100%; height: 280px; scroll-snap-align: start; background: #3f7d83; overflow: hidden; }
	.vq-mslide img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
	.vq-mslide::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(13, 47, 58, 0) 35%, rgba(13, 47, 58, .78)); }
	.vq-mslide__txt { position: absolute; z-index: 1; left: var(--vq-mpl); right: var(--vq-mpr); bottom: 36px; color: #f8f0df; }
	.vq-mslide__txt h2 { margin: 0 0 12px; font: 500 28px/1.1 Fraunces, serif; color: #f8f0df; }
	.vq-mslide__btn { display: inline-flex; align-items: center; min-height: 44px; padding: 0 20px; border-radius: 22px; background: var(--vq-mgold); color: #26362e; font: 700 15px Figtree, sans-serif; text-decoration: none; }
	.vq-mhero__dots { position: absolute; left: 0; right: 0; bottom: 12px; display: flex; justify-content: center; gap: 6px; z-index: 2; }
	.vq-mhero__dots span { width: 7px; height: 7px; border-radius: 50%; background: rgba(248, 240, 223, .5); }
	.vq-mhero__dots span.is-on { background: #f8f0df; width: 18px; border-radius: 4px; }


	.vq-mguides { list-style: none; margin: 0; padding: 0; display: flex; gap: 2px; background: var(--vq-mbar); overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; }
	.vq-mguides::-webkit-scrollbar { display: none; }
	.vq-mguides li { flex: 0 0 48vw; scroll-snap-align: start; }
	.vq-mguides a { position: relative; display: block; height: 190px; overflow: hidden; background: #2f6a66; text-decoration: none; }
	.vq-mguides img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
	.vq-mguides a::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(13, 47, 58, 0) 40%, rgba(13, 47, 58, .85)); }
	.vq-mguides span { position: absolute; z-index: 1; left: 10px; right: 10px; bottom: 10px; color: #f8f0df; font: 600 15px/1.2 Figtree, sans-serif; }

	.vq-mbay { min-height: 92px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px var(--vq-mpr) 12px var(--vq-mpl); background: #e7b65b; color: #26362e; text-decoration: none; }
	.vq-mbay b { display: block; font: 600 20px/1.15 Fraunces, serif; }
	.vq-mbay small { display: block; margin-top: 4px; font: 700 14px Figtree, sans-serif; text-decoration: underline; }

	/* rows of photo tiles: the photo fills the tile, title and a few words sit on it */
	.vq-mrow { display: flex; gap: 2px; background: var(--vq-mbar); padding: 0; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; }
	.vq-mrow::-webkit-scrollbar { display: none; }
	.vq-mrow .vq-card { flex: 0 0 48vw; width: 48vw; height: 220px; scroll-snap-align: start; position: relative; border: 0; background: #2f6a66; box-shadow: none; padding: 0; border-radius: 0; display: block; overflow: hidden; }
	.vq-mrow .vq-card__media { position: absolute; inset: 0; display: block; height: auto; border-radius: 0; aspect-ratio: auto; }
	.vq-mrow .vq-card__media img { width: 100%; height: 100%; object-fit: cover; }
	.vq-mrow .vq-card::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(13, 47, 58, 0) 42%, rgba(13, 47, 58, .88)); }
	.vq-mrow .vq-card__body { position: absolute; z-index: 1; left: 10px; right: 10px; bottom: 10px; padding: 0; pointer-events: none; }
	.vq-mrow .vq-card__title { font: 600 15px/1.2 Figtree, sans-serif; margin: 0; }
	.vq-mrow .vq-card__title a { color: #f8f0df; pointer-events: auto; }
	.vq-mrow .vq-card__desc { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; margin: 3px 0 0; font-size: 12.5px; line-height: 1.3; color: rgba(248, 240, 223, .85); }
	.vq-mrow .vq-card__meta { display: none; }
	.vq-mrow .vq-card__foot, .vq-mrow .vq-card__tag { display: none; }
	.vq-mrow .vq-card__noimage { position: absolute; inset: 0; display: grid; place-items: start center; padding-top: 40%; background: #2f6a66; color: rgba(248, 240, 223, .55); font-size: 12px; }
	.vq-heart { min-width: 40px; min-height: 40px; }
	.vq-mrow .vq-heart { top: 8px; right: 8px; z-index: 2; }

	.vq-mpair { display: flex; gap: 12px; padding: 14px var(--vq-mpr) 14px var(--vq-mpl); }
	.vq-mpair a { flex: 1; height: 64px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border-radius: 14px; font: 600 18px Fraunces, serif; text-decoration: none; text-align: center; }
	.vq-mpair__a { background: var(--vq-surface); border: 1.5px solid var(--vq-mbar); color: var(--vq-mbar); }
	.vq-mpair__b { background: var(--vq-mbar); color: #f8f0df; }
	@media (prefers-color-scheme: dark) {
		:root:not([data-theme="light"]) .vq-mchip.is-on, :root:not([data-theme="light"]) .vq-mchip--filters { background: var(--vq-accent); border-color: var(--vq-accent); color: var(--vq-accent-ink); }
		:root:not([data-theme="light"]) .vq-msearch__field { border-color: var(--vq-accent); color: var(--vq-accent); }
	}

	.vq-mnews { margin-top: 12px; padding: 28px var(--vq-mpr) 32px var(--vq-mpl); background: var(--vq-mbar); color: #f8f0df; }
	.vq-mnews h1 { margin: 0; font: 600 24px/1.15 Fraunces, serif; color: #f8f0df; }
	.vq-mnews p { margin: 6px 0 0; font-size: 15px; line-height: 1.45; color: rgba(248, 240, 223, .85); }
	.vq-mnews form { margin-top: 16px; }
	.vq-mnews input { width: 100%; height: 48px; box-sizing: border-box; padding: 0 14px; border: 0; border-radius: 12px; background: #fffbf2; font: 16px Figtree, sans-serif; color: #26362e; }
	.vq-mnews button { width: 100%; height: 48px; margin-top: 10px; border: 0; border-radius: 12px; background: #e7b65b; color: #26362e; font: 700 16px Figtree, sans-serif; cursor: pointer; }

	/* ---- listing pages ---- */
	.vq-hub .vq-hubsplit { display: block; padding: 18px var(--vq-mpr) 14px var(--vq-mpl); }
	.vq-hub .vq-hubsplit__fig { display: block; margin: 12px calc(var(--vq-mpr) * -1) 0 calc(var(--vq-mpl) * -1); }
	.vq-hub .vq-hubsplit__btns { display: none; }
	.vq-archive.vq-hub { padding-left: 0; padding-right: 0; }
	.vq-archive .vq-grid { display: block; padding: 0; margin: 0; }
	.vq-archive.vq-hub > *:not(.vq-grid):not(.vq-hubsplit) { margin-left: var(--vq-mpl); margin-right: var(--vq-mpr); }
	.vq-msearch__field input::-webkit-search-cancel-button { display: none; }
	.vq-archive .vq-grid .vq-card { width: 100%; max-width: none; border-radius: 0; border-left: 0; border-right: 0; margin: 0 0 8px; }
	.vq-archive .vq-grid .vq-card__media { border-radius: 0; height: 200px; aspect-ratio: auto; }
	.vq-archive .vq-grid .vq-card__media img { width: 100%; height: 200px; object-fit: cover; }
	.vq-archive .vq-grid .vq-card__body { padding-right: var(--vq-mpr); padding-left: var(--vq-mpl); }
	.vq-archive .vq-grid .vq-heart { top: 12px; right: 12px; }

	/* ---- side strip ---- */
	.vq-mstrip { position: fixed; z-index: 70; right: 0; left: auto; top: var(--vq-mstrip-top, 62%); width: 46px; box-sizing: border-box; padding: 6px 0; border-radius: 23px 0 0 23px; display: flex; flex-direction: column; align-items: stretch; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); transition: width .2s ease; box-shadow: -2px 4px 16px rgba(13, 47, 58, .28); max-height: calc(100vh - 140px); overflow: hidden; }
	.vq-mstrip--teal { background-color: rgba(13, 47, 58, .88); background-color: color-mix(in srgb, #0d2f3a var(--vq-mstrip-op, 88%), transparent); color: rgba(248, 240, 223, .9); }
	.vq-mstrip--sand { background-color: rgba(248, 240, 223, .88); background-color: color-mix(in srgb, #f8f0df var(--vq-mstrip-op, 88%), transparent); color: #26362e; box-shadow: -2px 4px 16px rgba(13, 47, 58, .22); }
	.vq-mstrip a, .vq-mstrip button { display: flex; align-items: center; justify-content: center; gap: 12px; height: 44px; border: 0; background: none; color: inherit; font: 600 15px Figtree, sans-serif; text-decoration: none; cursor: pointer; padding: 0; white-space: nowrap; border-radius: 22px; margin: 0 3px; }
	.vq-mstrip__txt { display: none; }
	.vq-mstrip__item.is-on { background: rgba(231, 182, 91, .22); color: #e7b65b; }
	.vq-mstrip--sand .vq-mstrip__item.is-on { background: rgba(138, 90, 18, .16); color: #8a5a12; }
	.vq-mstrip__toggle { height: 30px !important; opacity: .8; }
	.vq-mstrip__toggle .vq-mi { transition: transform .2s; }
	.vq-mstrip__rule { height: 1px; margin: 4px 10px; background: currentColor; opacity: .25; }
	.vq-mstrip__side { height: 38px !important; opacity: .75; }
	.vq-mstrip.is-open { width: 188px; }
	.vq-mstrip.is-open a, .vq-mstrip.is-open button { justify-content: flex-start; padding: 0 12px; gap: 14px; }
	.vq-mstrip.is-open .vq-mstrip__txt { display: inline; }
	.vq-mstrip.is-open .vq-mstrip__toggle .vq-mi { transform: rotate(180deg); }
	.vq-mstrip.is-open .vq-mstrip__toggle { height: 44px !important; }

	/* left-hand mode */
	html.vq-strip-left .vq-mstrip { right: auto; left: 0; border-radius: 0 23px 23px 0; box-shadow: 2px 4px 16px rgba(13, 47, 58, .28); }
	html.vq-strip-right .vq-mstrip { left: auto; right: 0; border-radius: 23px 0 0 23px; }

	/* ---- filter sheet ---- */
	.vq-msheet { position: fixed; inset: 0; z-index: 100; }
	.vq-msheet__dim { position: absolute; inset: 0; background: rgba(13, 47, 58, .6); }
	.vq-msheet__panel { position: absolute; left: 0; right: 0; bottom: 0; max-height: 86vh; display: flex; flex-direction: column; background: var(--vq-page); border-radius: 22px 22px 0 0; box-shadow: 0 -6px 24px rgba(13, 47, 58, .3); animation: vq-sheet-in .22s ease-out; }
	@keyframes vq-sheet-in { from { transform: translateY(40px); opacity: .6; } to { transform: none; opacity: 1; } }
	@media (prefers-reduced-motion: reduce) { .vq-msheet__panel { animation: none; } .vq-mstrip { transition: none; } }
	.vq-msheet__grip { height: 20px; display: flex; justify-content: center; padding-top: 8px; box-sizing: border-box; }
	.vq-msheet__grip span { width: 40px; height: 4px; border-radius: 2px; background: var(--vq-line); }
	.vq-msheet__head { height: 52px; flex: none; display: flex; align-items: center; justify-content: space-between; padding: 0 8px 0 20px; border-bottom: 1px solid var(--vq-line); }
	.vq-msheet__head h2 { margin: 0; font: 600 22px Fraunces, serif; color: var(--vq-ink); }
	.vq-msheet__head > div { display: flex; align-items: center; }
	.vq-msheet__clear { height: 44px; padding: 0 12px; border: 0; background: none; color: var(--vq-accent-text); font: 600 15px Figtree, sans-serif; text-decoration: underline; cursor: pointer; }
	.vq-msheet__x { width: 44px; height: 44px; border: 0; background: none; color: var(--vq-ink); display: grid; place-items: center; padding: 0; cursor: pointer; }
	.vq-msheet__body { flex: 1; overflow-y: auto; padding: 16px 20px; display: flex; flex-direction: column; gap: 22px; }
	.vq-msheet__group h3 { margin: 0 0 10px; font: 700 15px Figtree, sans-serif; color: var(--vq-ink); }
	.vq-msheet__chips { display: flex; flex-wrap: wrap; gap: 8px; }
	.vq-msheet__chip { height: 40px; padding: 0 16px; border: 1px solid var(--vq-line); border-radius: 20px; background: var(--vq-surface); color: var(--vq-ink); font: 600 14px Figtree, sans-serif; cursor: pointer; }
	.vq-msheet__chip[aria-pressed="true"] { background: var(--vq-mbar); border-color: var(--vq-mbar); color: var(--vq-mbar-ink); }
	html[data-theme="dark"] .vq-msheet__chip[aria-pressed="true"] { background: var(--vq-accent); border-color: var(--vq-accent); color: var(--vq-accent-ink); }
	@media (prefers-color-scheme: dark) {
		:root:not([data-theme="light"]) .vq-msheet__chip[aria-pressed="true"] { background: var(--vq-accent); border-color: var(--vq-accent); color: var(--vq-accent-ink); }
	}
	.vq-msheet__foot { flex: none; padding: 12px 20px calc(20px + env(safe-area-inset-bottom)); border-top: 1px solid var(--vq-line); }
	.vq-msheet__go { width: 100%; height: 52px; border: 0; border-radius: 14px; background: var(--vq-mbar); color: var(--vq-mbar-ink); font: 700 16px Figtree, sans-serif; cursor: pointer; }
	html[data-theme="dark"] .vq-msheet__go { background: var(--vq-accent); color: var(--vq-accent-ink); }
	@media (prefers-color-scheme: dark) {
		:root:not([data-theme="light"]) .vq-msheet__go { background: var(--vq-accent); color: var(--vq-accent-ink); }
	}

	/* ===== Square design language (0.36.2) ===== */
	.vq-m button, .vq-msheet button { -webkit-tap-highlight-color: transparent; text-transform: none; letter-spacing: normal; box-shadow: none; }
	.vq-m a, .vq-msheet a { -webkit-tap-highlight-color: transparent; }

	.vq-mbtn, .vq-mbtn:hover, .vq-mbtn:focus, .vq-mbtn:active { background: none; color: var(--vq-ink); border: 0; border-radius: 0; }
	.vq-mbtn__count { border-radius: 2px; }

	/* search */
	.vq-msearch__field { border-radius: 0; border-width: 1.5px; }
	.vq-msearch__field:focus-within { border-width: 2px; }
	.vq-msearch__field input, .vq-msearch__field input:hover, .vq-msearch__field input:focus, .vq-msearch__field input:active { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; outline: 0 !important; background: transparent !important; color: var(--vq-ink); height: 40px; padding: 0; margin: 0; }
	.vq-msearch__clear, .vq-msearch__clear:hover, .vq-msearch__clear:focus, .vq-msearch__cancel, .vq-msearch__cancel:hover, .vq-msearch__cancel:focus { background: none; border-radius: 0; color: var(--vq-ink); border: 0; }
	.vq-mres__img { border-radius: 0; }

	/* chips: boxes that fill the bar top to bottom, Home flush with the left edge */
	.vq-mchips { gap: 0; padding: 0; background: var(--vq-surface); border-bottom: 1px solid var(--vq-line); }
	.vq-mchip, .vq-mchip:hover, .vq-mchip:focus, .vq-mchip:active { height: 100%; border: 0; border-right: 1px solid var(--vq-line); border-radius: 0; padding: 0 18px; background: var(--vq-surface); color: var(--vq-ink); }
	.vq-mchip.is-on, .vq-mchip.is-on:hover, .vq-mchip.is-on:focus, .vq-mchip--filters, .vq-mchip--filters:hover, .vq-mchip--filters:focus { background: var(--vq-mbar); color: var(--vq-mbar-ink); border-right-color: var(--vq-mbar); }
	.vq-mchip__n { border-radius: 2px; }
	html[data-theme="dark"] .vq-mchip.is-on, html[data-theme="dark"] .vq-mchip--filters { background: var(--vq-accent); color: var(--vq-accent-ink); }
	@media (prefers-color-scheme: dark) {
		:root:not([data-theme="light"]) .vq-mchip.is-on, :root:not([data-theme="light"]) .vq-mchip--filters { background: var(--vq-accent); color: var(--vq-accent-ink); }
	}
	.vq-mhome section[id], .vq-mhero { scroll-margin-top: calc(112px + var(--wp-admin--admin-bar--height, 0px)); }

	/* buttons */
	.vq-mslide__btn { border-radius: 0; }
	.vq-mpair { gap: 8px; }
	.vq-mpair a { border: 0; border-radius: 0; }
	.vq-mpair__a, .vq-mpair__a:hover { background: #2f6a66; color: #f8f0df; border: 0; }
	.vq-mpair__b, .vq-mpair__b:hover { background: #123c49; color: #f8f0df; }
	.vq-mnews input, .vq-mnews button, .vq-mnews button:hover, .vq-mnews button:focus { border-radius: 0; }
	.vq-mnews button, .vq-mnews button:hover, .vq-mnews button:focus { background: #e7b65b; color: #26362e; border: 0; }

	/* side strip: square, and only the icon and text change color on the current page */
	.vq-mstrip, html.vq-strip-left .vq-mstrip, html.vq-strip-right .vq-mstrip { border-radius: 0; }
	.vq-mstrip a, .vq-mstrip button, .vq-mstrip a:hover, .vq-mstrip button:hover, .vq-mstrip button:focus, .vq-mstrip button:active { border-radius: 0; background: none !important; color: inherit; border: 0; margin: 0 3px; }
	.vq-mstrip__item.is-on, .vq-mstrip .vq-mstrip__item.is-on:hover { background: none !important; color: #e7b65b; }
	.vq-mstrip--sand .vq-mstrip__item.is-on, .vq-mstrip--sand .vq-mstrip__item.is-on:hover { background: none !important; color: #8a5a12; }

	/* filter sheet */
	.vq-msheet__panel { border-radius: 0; }
	.vq-msheet__grip span { border-radius: 0; }
	.vq-msheet__chip, .vq-msheet__chip:hover, .vq-msheet__chip:focus { border-radius: 0; background: var(--vq-surface); color: var(--vq-ink); border: 1px solid var(--vq-line); }
	.vq-msheet__chip[aria-pressed="true"], .vq-msheet__chip[aria-pressed="true"]:hover { background: var(--vq-mbar); color: var(--vq-mbar-ink); border-color: var(--vq-mbar); }
	html[data-theme="dark"] .vq-msheet__chip[aria-pressed="true"] { background: var(--vq-accent); color: var(--vq-accent-ink); border-color: var(--vq-accent); }
	.vq-msheet__go, .vq-msheet__go:hover, .vq-msheet__go:focus { border-radius: 0; background: var(--vq-mbar); color: var(--vq-mbar-ink); border: 0; }
	html[data-theme="dark"] .vq-msheet__go { background: var(--vq-accent); color: var(--vq-accent-ink); }
	.vq-msheet__clear, .vq-msheet__clear:hover, .vq-msheet__clear:focus, .vq-msheet__x, .vq-msheet__x:hover, .vq-msheet__x:focus { background: none; border: 0; border-radius: 0; }
	.vq-msheet__clear, .vq-msheet__clear:hover { color: var(--vq-accent-text); }
	.vq-msheet__x, .vq-msheet__x:hover { color: var(--vq-ink); }

	/* ===== 0.36.3 ===== */

	/* the strip gets a very slight rounding */
	html.vq-strip-right .vq-mstrip, .vq-mstrip { border-radius: 8px 0 0 8px; }
	html.vq-strip-left .vq-mstrip { border-radius: 0 8px 8px 0; }

	/* Right now: closed by default, opens to a condensed conditions list */
	.vq-mnow { background: var(--vq-surface); border-bottom: 1px solid var(--vq-line); }
	.vq-mnow__bar, .vq-mnow__bar:hover, .vq-mnow__bar:focus, .vq-mnow__bar:active { width: 100%; min-height: 48px; display: flex; align-items: center; gap: 10px; padding: 6px var(--vq-mpr) 6px var(--vq-mpl); background: none; border: 0; border-radius: 0; color: var(--vq-ink); font: 14px/1.3 Figtree, sans-serif; text-align: left; cursor: pointer; }
	.vq-mnow__bar b { flex: none; font-weight: 700; color: var(--vq-accent-text); }
	.vq-mnow__sum { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.vq-mnow__tog { flex: none; display: inline-flex; align-items: center; gap: 2px; font-weight: 600; color: var(--vq-accent-text); }
	.vq-mnow__less { display: none; }
	.vq-mnow__bar[aria-expanded="true"] .vq-mnow__more { display: none; }
	.vq-mnow__bar[aria-expanded="true"] .vq-mnow__less { display: inline; }
	.vq-mnow__bar[aria-expanded="true"] .vq-mnow__tog .vq-mi { transform: rotate(180deg); }
	.vq-mnow__bar[aria-expanded="true"] .vq-mnow__sum { visibility: hidden; flex: 1; }
	.vq-mnow__panel { padding: 4px var(--vq-mpr) 16px var(--vq-mpl); }
	.vq-mnow__panel[hidden] { display: none; }
	.vq-mnow__row { padding: 12px 0; border-top: 1px solid var(--vq-line); }
	.vq-mnow__row:first-child { border-top: 0; }
	.vq-mnow__row h3 { margin: 0 0 4px; font: 700 13px Figtree, sans-serif; letter-spacing: .02em; color: var(--vq-accent-text); }
	.vq-mnow__row p, .vq-mnow__row li { margin: 0; font-size: 15px; line-height: 1.45; color: var(--vq-ink); }
	.vq-mnow__row ul { list-style: none; margin: 0; padding: 0; }
	.vq-mnow__row li + li { margin-top: 3px; }
	.vq-mnow__row small { font-size: 11px; font-weight: 700; letter-spacing: .05em; color: var(--vq-muted); margin-right: 4px; }
	.vq-mnow__row a { color: var(--vq-ink); text-decoration: none; }
	.vq-mnow__all { display: flex; align-items: center; min-height: 44px; font: 700 14px Figtree, sans-serif; color: var(--vq-accent-text); text-decoration: underline; }

	/* hub heading: one title, tighter */
	.vq-hub .vq-hubsplit { padding-top: 14px; padding-bottom: 12px; }
	.vq-hub .vq-archive__intro, .vq-hub .vq-archive__intro p { margin-top: 8px; margin-bottom: 0; font-size: 15px; line-height: 1.5; }
	.vq-hub .vq-hubsplit__text { padding: 0; margin: 0; }

	/* listings: no gap, edge to edge */
	.vq-archive .vq-grid, .vq-archive .vq-grid--lead { display: flex; flex-direction: column; gap: 2px; padding: 0; margin: 0; }
	.vq-archive .vq-grid .vq-card, .vq-archive .vq-grid .vq-card--wide, .vq-archive .vq-grid .vq-card--featured { margin: 0; grid-column: auto; width: 100%; }
	.vq-archive .vq-archive__count, .vq-archive .vq-pagination { margin-left: var(--vq-mpl); margin-right: var(--vq-mpr); }

	/* Conditions today and Open today: no container, full width with the strip margin */
	.vq-archive .vq-cond, .vq-archive .vq-cond .vq-fold, .vq-archive .vq-openstrip, .vq-archive .vq-openstrip .vq-fold { background: none; border: 0; border-radius: 0; box-shadow: none; max-width: none; }
	.vq-archive .vq-cond, .vq-archive .vq-openstrip { margin: 0 !important; padding: 8px var(--vq-mpr) 8px var(--vq-mpl); }
	.vq-archive .vq-cond .vq-fold > summary, .vq-archive .vq-openstrip .vq-fold > summary { padding-left: 0; padding-right: 0; }
	.vq-archive .vq-cond .vq-fold > *:not(summary), .vq-archive .vq-openstrip .vq-fold > *:not(summary) { padding-left: 0; padding-right: 0; }

	/* Open today: a sideways row of small photo tiles, so the page still scrolls down freely */
	.vq-openstrip .vq-chips { display: flex; flex-wrap: nowrap; gap: 0; overflow-x: auto; margin: 8px calc(var(--vq-mpr) * -1) 8px calc(var(--vq-mpl) * -1); padding: 0 var(--vq-mpr) 0 var(--vq-mpl); scrollbar-width: none; }
	.vq-openstrip .vq-chips::-webkit-scrollbar { display: none; }
	.vq-openstrip .vq-chip { flex: none; border-radius: 0; height: 40px; display: inline-flex; align-items: center; padding: 0 14px; white-space: nowrap; border: 0; border-right: 1px solid var(--vq-line); }
	.vq-openstrip__soon { list-style: none; display: flex; gap: 2px; overflow-x: auto; margin: 0 calc(var(--vq-mpr) * -1) 0 calc(var(--vq-mpl) * -1); padding: 0; scrollbar-width: none; scroll-snap-type: x proximity; }
	.vq-openstrip__soon::-webkit-scrollbar { display: none; }
	.vq-openstrip__soon li { flex: 0 0 140px; scroll-snap-align: start; }
	.vq-openstrip__soon a { position: relative; display: block; height: 150px; overflow: hidden; background: #2f6a66; color: #f8f0df; text-decoration: none; }
	.vq-openstrip__thumb { position: absolute; inset: 0; display: block; }
	.vq-openstrip__thumb img { width: 100%; height: 100%; object-fit: cover; }
	.vq-openstrip__soon a::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(13, 47, 58, 0) 35%, rgba(13, 47, 58, .88)); }
	.vq-openstrip__text { position: absolute; z-index: 1; left: 8px; right: 8px; bottom: 8px; display: block; }
	.vq-openstrip__name { display: block; font: 600 14px/1.2 Figtree, sans-serif; color: #f8f0df; }
	.vq-openstrip__text > span:not(.vq-openstrip__name) { display: block; margin-top: 2px; font-size: 12px; line-height: 1.25; color: rgba(248, 240, 223, .85); }

	/* hub header: photo on top, then the title and a short intro, no empty space */
	.vq-hub .vq-hubsplit { display: flex; flex-direction: column; flex-wrap: nowrap; width: 100%; max-width: 100%; margin: 0 0 2px; padding: 0; }
	.vq-hub .vq-hubsplit__fig { order: -1; flex: none; width: 100%; height: 180px; min-height: 0; margin: 0; }
	.vq-hub .vq-hubsplit__text { flex: none; padding: 14px var(--vq-mpr) 14px var(--vq-mpl); }
	.vq-archive.vq-hub { padding-top: 0; margin-top: 0; }
	.vq-hub .vq-hubsplit { margin-top: 0 !important; }

	/* ===== 0.36.4 ===== */

	/* Hub and page titles: the small all-caps line. The big serif title stays in the page for search engines and screen readers only. */
	.vq-hubsplit:has(.vq-hubsplit__eyebrow) h1, .vq-hubsplit:has(.vq-hubsplit__eyebrow) .vq-hubsplit__bar { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
	.vq-hubsplit:not(:has(.vq-hubsplit__eyebrow)) h1, .vq-archive__head:not(.vq-hubsplit) h1 { margin: 0 0 8px; font: 600 13px/1.3 Figtree, sans-serif; letter-spacing: .1em; text-transform: uppercase; color: var(--vq-muted); }
	.vq-hubsplit__eyebrow { margin: 0 0 6px; font: 600 13px/1.3 Figtree, sans-serif; letter-spacing: .1em; text-transform: uppercase; }
	.vq-archive__head:not(.vq-hubsplit) { padding: 14px var(--vq-mpr) 10px var(--vq-mpl); margin: 0; }

	/* Open now tiles: the photo fills the tile and the fade sits over it */
	.vq-openstrip__soon .vq-openstrip__thumb { flex: none; width: 100%; height: 100%; background: #2f6a66; }
	.vq-openstrip__soon .vq-openstrip__thumb img { width: 100%; height: 100%; object-fit: cover; }
	.vq-openstrip__soon .vq-openstrip__text { display: block; }
	.vq-openstrip__soon .vq-openstrip__when { display: block; margin-top: 2px; font-size: 12px; line-height: 1.25; color: rgba(248, 240, 223, .9); }

	/* Single pages keep clear of the side strip, like the home page */
	.vq-stay, .vq-listing, .vq-entity { padding-right: var(--vq-mpr); padding-left: var(--vq-mpl); }
	.vq-stay__next-narrow .vq-stay__next ul, .vq-stay__next ul { flex-direction: column; flex-wrap: nowrap; }
	.vq-stay__next li, .vq-stay__next-narrow .vq-stay__next li { flex: none; width: 100%; }
	.vq-stay__next .vq-btn { display: flex; align-items: center; justify-content: center; width: 100%; box-sizing: border-box; min-height: 52px; border-radius: 0; text-align: center; }

	/* Details lists: small label above, larger value below */
	.vq-listing dl, .vq-entity dl, .vq-stay dl { display: block; margin: 0; }
	.vq-listing dl dt, .vq-entity dl dt, .vq-stay dl dt { margin: 16px 0 2px; font: 700 12px/1.3 Figtree, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: var(--vq-accent-text); }
	.vq-listing dl dt:first-child, .vq-entity dl dt:first-child, .vq-stay dl dt:first-child { margin-top: 4px; }
	.vq-listing dl dd, .vq-entity dl dd, .vq-stay dl dd { margin: 0; font: 400 17px/1.4 Figtree, sans-serif; color: var(--vq-ink); }

	/* ===== 0.36.5 ===== */

	/* Bars and bands on hub and page layouts run edge to edge; their text keeps clear of the strip */
	.vq-archive.vq-hub > .vq-hubnotes, .vq-archive.vq-hub > .vq-tips, .vq-archive.vq-hub > .vq-band, .vq-archive.vq-hub > .vq-tplan, .vq-archive.vq-hub > .vq-baynight { margin-left: 0 !important; margin-right: 0 !important; }
	.vq-hubnotes { margin-top: 2px !important; margin-bottom: 2px !important; }
	.vq-hubnotes .vq-strip { display: block; width: 100%; box-sizing: border-box; margin: 0; padding: 16px var(--vq-mpr) 14px var(--vq-mpl); background: var(--vq-surface); border: 0; border-top: 1px solid var(--vq-line); border-bottom: 1px solid var(--vq-line); border-radius: 0; box-shadow: none; }
	.vq-hubnotes .vq-strip__nav { margin-top: 10px; }
	.vq-hubnotes .vq-strip__btn { border-radius: 0; }
	.vq-hubnotes .vq-strip__item { margin-left: 0; }

	.vq-band { display: block; width: 100%; box-sizing: border-box; margin: 2px 0 0; padding: 22px var(--vq-mpr) 22px var(--vq-mpl); }
	.vq-band h2 { margin: 0 0 6px; font-size: 22px; line-height: 1.2; }
	.vq-band p { margin: 0 0 14px; font-size: 15px; line-height: 1.45; }
	.vq-band__btn { display: flex; align-items: center; justify-content: center; min-height: 48px; border-radius: 0; text-align: center; }

	/* Plan your trip: the heading on top, then the two links as buttons side by side */
	.vq-archive .vq-tplan { display: block; width: 100%; box-sizing: border-box; margin: 2px 0 0; padding: 22px var(--vq-mpr) 22px var(--vq-mpl); }
	.vq-tplan h2 { margin: 0 0 14px; font-size: 26px; line-height: 1.15; }
	.vq-tplan .vq-tplan__links { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
	.vq-tplan .vq-tplan__a { flex-direction: column; align-items: flex-start; gap: 8px; padding: 14px 12px; border: 1px solid rgba(255, 255, 255, .28); border-left: 1px solid rgba(255, 255, 255, .28); background: rgba(255, 255, 255, .06); min-width: 0; }
	.vq-tplan .vq-tplan__t { gap: 3px; }
	.vq-tplan .vq-tplan__a b { font-size: 16px; line-height: 1.2; }
	.vq-tplan .vq-tplan__a span:not(.vq-tplan__ic) { font-size: 13px; line-height: 1.35; }

	/* the intro and its bar take no room when there is no text */
	.vq-archive__intro:empty { display: none; }
	.vq-hub .vq-hubsplit__text { min-height: 0; }
	.vq-tsec__more { margin-bottom: 24px; }
}

/* ===== 0.36.6: Directory item, keep the taller strip on screen ===== */
@media (max-width: 760px) {
	.vq-mstrip { top: min(var(--vq-mstrip-top, 62%), calc(100vh - 400px)); top: min(var(--vq-mstrip-top, 62%), calc(100dvh - 400px)); max-height: none; }
}

/* ===== 0.36.9 ===== */
@media (max-width: 760px) {
	/* Tile gaps stay dark teal and the newsletter block sits straight under the last row. */
	.vq-mnews { margin-top: 0; }

	/* The strip is placed against the small screen height, which does not change when
	   the browser's address bar slides away, so it no longer jumps. */
	.vq-mstrip {
		top: min(var(--vq-mstrip-top, 62%), calc(100vh - 400px));
		top: min(calc(var(--vq-mstrip-n, 62) * 1svh), calc(100svh - 400px));
		max-height: none;
		transform: translateZ(0);
	}
}

/* Frosted glass for the phone top bar once the page has moved (Customizer toggle). */
@supports (background-color: color-mix(in srgb, red 50%, transparent)) {
	@media (max-width: 760px) {
		.vq-glass .vq-mtop.is-scrolled { background: transparent; }
		.vq-glass .vq-mtop.is-scrolled::before {
			content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
			background-color: color-mix(in srgb, var(--vq-page) var(--vq-glass, 78%), transparent);
			-webkit-backdrop-filter: blur(14px) saturate(1.15);
			backdrop-filter: blur(14px) saturate(1.15);
		}
		.vq-glass .vq-mtop.is-scrolled .vq-mchips { background: transparent; }
		.vq-glass .vq-mtop.is-scrolled .vq-mchip:not(.is-on):not(.vq-mchip--filters) { background: transparent; }
	}
}