/*
Theme Name: Yeah IPTV
Theme URI: https://yeahiptvhd.com/
Author: Yeah IPTV
Author URI: https://yeahiptvhd.com/
Description: A support-led, white-first theme for the Yeah IPTV subscription service. Design concept: "The Front Desk", a hospitality-inspired experience with key-card pricing, brass details and a real person one tap away.
Version: 1.0.0
Requires at least: 6.3
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: yeah-iptv
Tags: custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, one-column, two-columns
*/

/* ==========================================================================
   Fonts: self-hosted variable files, so no third-party requests
   ========================================================================== */
@font-face {
	font-family: "Plus Jakarta Sans";
	src: url("assets/fonts/plus-jakarta-sans-latin.woff2") format("woff2");
	font-weight: 200 800;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Inter";
	src: url("assets/fonts/inter-latin.woff2") format("woff2");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

/* ==========================================================================
   Tokens
   ========================================================================== */
:root {
	--yeh-white: #ffffff;
	--yeh-porcelain: #faf7f2;
	--yeh-linen: #f2ece3;
	--yeh-ink: #1e1420;
	--yeh-text: #4a4150;
	--yeh-muted: #685f6e;
	--yeh-wine: #8a1c3f;
	--yeh-wine-deep: #6d1430;
	--yeh-wine-tint: #f8edf0;
	--yeh-brass: #b08d4c;
	--yeh-brass-ink: #7f6126;
	--yeh-brass-tint: #f6efe0;
	--yeh-aubergine: #24121f;
	--yeh-success: #1b7554;
	--yeh-amber: #8f5508;
	--yeh-amber-tint: #fff6e5;
	--yeh-line: #e8e1d8;
	--yeh-wa: #25d366;
	--yeh-wa-deep: #1eb956;
	--yeh-wa-ink: #05291a;

	--yeh-shadow-sm: 0 1px 2px rgba(36, 18, 31, .05), 0 6px 18px -8px rgba(36, 18, 31, .12);
	--yeh-shadow-md: 0 2px 4px rgba(36, 18, 31, .04), 0 22px 48px -22px rgba(36, 18, 31, .24);
	--yeh-shadow-lg: 0 4px 8px rgba(36, 18, 31, .04), 0 36px 72px -30px rgba(36, 18, 31, .34);

	--yeh-font-head: "Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
	--yeh-font-body: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;

	--yeh-gutter: clamp(20px, 4vw, 48px);
	--yeh-max: 1240px;
	--yeh-space: clamp(72px, 9vw, 132px);
	--yeh-ease: cubic-bezier(.2, .7, .2, 1);
	--yeh-header-h: 76px;
}

/* ==========================================================================
   Base
   ========================================================================== */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: calc(var(--yeh-header-h) + 20px); }
body {
	margin: 0;
	background: var(--yeh-white);
	color: var(--yeh-text);
	font: 400 17px/1.65 var(--yeh-font-body);
	-webkit-font-smoothing: antialiased;
	overflow-x: clip;
}
img, svg { display: block; max-width: 100%; }
img { height: auto; }
.yeh-icon { flex: none; }
h1, h2, h3, h4 { margin: 0; color: var(--yeh-ink); font-family: var(--yeh-font-head); text-wrap: balance; overflow-wrap: break-word; }
h1 { font-size: clamp(2.45rem, 5vw, 4.4rem); font-weight: 500; line-height: 1.05; letter-spacing: -.036em; }
h2 { font-size: clamp(1.95rem, 3.6vw, 3.15rem); font-weight: 500; line-height: 1.1; letter-spacing: -.03em; }
h3 { font-size: 1.28rem; font-weight: 600; line-height: 1.28; letter-spacing: -.016em; }
p { margin: 0 0 1em; }
p:last-child { margin-bottom: 0; }
a { color: var(--yeh-wine); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { color: var(--yeh-wine-deep); }
ul, ol { margin: 0; padding: 0; }
:focus-visible { outline: 3px solid var(--yeh-brass-ink); outline-offset: 3px; border-radius: 2px; }
::selection { background: var(--yeh-wine); color: #fff; }

.yeh-wrap { width: min(100% - 2 * var(--yeh-gutter), var(--yeh-max)); margin-inline: auto; }
.yeh-wrap--text { width: min(100% - 2 * var(--yeh-gutter), 760px); }
.yeh-section { padding-block: var(--yeh-space); }
.yeh-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.yeh-skip { position: fixed; top: -80px; left: 16px; z-index: 200; padding: 12px 18px; background: var(--yeh-ink); color: #fff; border-radius: 3px; }
.yeh-skip:focus { top: 16px; color: #fff; }
.yeh-accent { color: var(--yeh-wine); }

.yeh-eyebrow {
	display: flex; align-items: center; gap: 14px;
	margin: 0 0 22px;
	color: var(--yeh-brass-ink);
	font: 600 .8rem/1.3 var(--yeh-font-body);
	letter-spacing: .15em; text-transform: uppercase;
}
.yeh-eyebrow::before { content: ""; width: 30px; height: 1px; background: var(--yeh-brass); flex: none; }
.yeh-lead { font-size: clamp(1.08rem, 1.5vw, 1.24rem); line-height: 1.6; color: var(--yeh-text); }
.yeh-note { font-size: .92rem; color: var(--yeh-muted); }
.yeh-aside { padding-left: 18px; border-left: 2px solid var(--yeh-brass); font-size: .97rem; color: var(--yeh-muted); }
.yeh-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 26px; margin-top: 34px; }

/* Buttons: split cell, with the arrow in its own compartment */
.yeh-btn {
	display: inline-flex; align-items: stretch; min-height: 56px; max-width: 100%;
	border: 1px solid transparent; border-radius: 3px; padding: 0;
	font: 600 1rem/1.25 var(--yeh-font-body); text-decoration: none; cursor: pointer;
	transition: background-color .2s var(--yeh-ease), border-color .2s var(--yeh-ease), color .2s var(--yeh-ease), box-shadow .2s var(--yeh-ease);
}
.yeh-btn__label { display: flex; align-items: center; padding: 12px 22px; }
.yeh-btn__cell { display: flex; align-items: center; justify-content: center; width: 54px; flex: none; border-left: 1px solid rgba(255, 255, 255, .24); }
.yeh-btn__cell .yeh-icon { transition: transform .2s var(--yeh-ease); }
.yeh-btn:hover .yeh-btn__cell .yeh-icon { transform: translateX(3px); }
.yeh-btn--wine { background: var(--yeh-wine); color: #fff; box-shadow: 0 14px 28px -16px rgba(138, 28, 63, .75); }
.yeh-btn--wine:hover { background: var(--yeh-wine-deep); color: #fff; }
.yeh-btn--ink { background: var(--yeh-ink); color: #fff; }
.yeh-btn--ink:hover { background: #000; color: #fff; }
.yeh-btn--ghost { background: #fff; border-color: var(--yeh-ink); color: var(--yeh-ink); }
.yeh-btn--ghost .yeh-btn__cell { border-left-color: var(--yeh-ink); }
.yeh-btn--ghost:hover { background: var(--yeh-ink); color: #fff; }
.yeh-btn--wa { background: var(--yeh-wa); color: var(--yeh-wa-ink); }
.yeh-btn--wa .yeh-btn__cell { border-left-color: rgba(5, 41, 26, .22); }
.yeh-btn--wa:hover { background: var(--yeh-wa-deep); color: var(--yeh-wa-ink); }
.yeh-btn--wa:hover .yeh-btn__cell .yeh-icon { transform: none; }

.yeh-link {
	display: inline-block; padding-block: 11px;
	color: var(--yeh-wine); font-weight: 600;
	text-decoration: underline; text-decoration-color: var(--yeh-brass); text-decoration-thickness: 1.5px; text-underline-offset: 5px;
	transition: text-underline-offset .2s var(--yeh-ease), color .2s var(--yeh-ease);
}
.yeh-link:hover { text-underline-offset: 8px; color: var(--yeh-wine-deep); }
.yeh-link--light { color: #fff; }
.yeh-link--light:hover { color: #fff; }

/* Photo with a brass hairline offset behind it */
.yeh-frame { position: relative; isolation: isolate; }
.yeh-frame::before {
	content: ""; position: absolute; inset: 18px -18px -18px 18px; z-index: -1;
	border: 1px solid var(--yeh-brass); border-radius: 4px;
}
.yeh-frame img { width: 100%; border-radius: 4px; }

.yeh-reveal { opacity: 0; transform: translateY(14px); transition: opacity .35s var(--yeh-ease), transform .35s var(--yeh-ease); }
.yeh-reveal.is-in { opacity: 1; transform: none; }

/* Ticks */
.yeh-ticks { list-style: none; display: grid; gap: 12px; }
.yeh-ticks li { display: flex; gap: 12px; align-items: flex-start; }
.yeh-ticks__mark { display: grid; place-items: center; width: 24px; height: 24px; margin-top: 2px; flex: none; border: 1px solid var(--yeh-brass); border-radius: 50%; color: var(--yeh-brass-ink); }
.yeh-ticks--cross .yeh-ticks__mark { border-color: #c9c0c4; color: var(--yeh-muted); }

/* Verified facts: render only when the owner fills them in */
.yeh-facts { display: flex; flex-wrap: wrap; gap: 14px 42px; margin: 28px 0 0; }
.yeh-facts dt { font-size: .84rem; color: var(--yeh-muted); }
.yeh-facts dd { margin: 0; font: 600 1.06rem/1.35 var(--yeh-font-head); color: var(--yeh-ink); }

/* ==========================================================================
   Header
   ========================================================================== */
.yeh-topline { background: var(--yeh-porcelain); border-bottom: 1px solid var(--yeh-line); font-size: .875rem; color: var(--yeh-muted); }
.yeh-topline__inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 40px; }
.yeh-topline p { margin: 0; }
.yeh-topline ul { display: flex; gap: 26px; list-style: none; }
.yeh-topline a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: var(--yeh-text); text-decoration: none; }
.yeh-topline a:hover { color: var(--yeh-wine); }

.yeh-header { position: sticky; top: 0; z-index: 60; background: rgba(255, 255, 255, .97); border-bottom: 1px solid transparent; transition: border-color .2s, box-shadow .2s; }
.admin-bar .yeh-header { top: 32px; }
.yeh-header.is-stuck { border-bottom-color: var(--yeh-line); box-shadow: 0 10px 28px -24px rgba(36, 18, 31, .55); }
.yeh-header__inner { display: flex; align-items: center; gap: 32px; min-height: var(--yeh-header-h); }
.yeh-logo { display: inline-flex; align-items: center; min-height: 44px; color: var(--yeh-ink); flex: none; }
.yeh-logo img { max-height: 46px; width: auto; }
.yeh-wordmark { height: 34px; width: auto; }

.yeh-nav { margin-inline: auto; }
.yeh-nav__list { display: flex; gap: clamp(16px, 2vw, 30px); list-style: none; }
.yeh-nav__list a { position: relative; display: block; padding: 10px 0; color: var(--yeh-ink); font-size: .96rem; font-weight: 500; text-decoration: none; }
.yeh-nav__list a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 4px; height: 1.5px; background: var(--yeh-brass); transform: scaleX(0); transform-origin: left; transition: transform .22s var(--yeh-ease); }
.yeh-nav__list a:hover::after, .yeh-nav__list [aria-current="page"]::after, .yeh-nav__list .current-menu-item > a::after { transform: scaleX(1); }
.yeh-nav__extra { display: none; }
.yeh-header__end { display: flex; align-items: center; gap: 10px; flex: none; }
.yeh-header__plans { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 18px; border: 1px solid var(--yeh-ink); border-radius: 3px; color: var(--yeh-ink); font-size: .95rem; font-weight: 600; text-decoration: none; transition: background-color .2s, color .2s; white-space: nowrap; }
.yeh-header__plans:hover { background: var(--yeh-ink); color: #fff; }
.yeh-burger { display: none; width: 48px; height: 48px; padding: 0; background: none; border: 0; cursor: pointer; color: var(--yeh-ink); }
.yeh-burger__lines { position: relative; display: block; width: 24px; height: 2px; margin: auto; background: currentColor; transition: background-color .2s; }
.yeh-burger__lines::before, .yeh-burger__lines::after { content: ""; position: absolute; left: 0; width: 24px; height: 2px; background: currentColor; transition: transform .22s var(--yeh-ease); }
.yeh-burger__lines::before { top: -7px; }
.yeh-burger__lines::after { top: 7px; }
[aria-expanded="true"] .yeh-burger__lines { background: transparent; }
[aria-expanded="true"] .yeh-burger__lines::before { transform: translateY(7px) rotate(45deg); }
[aria-expanded="true"] .yeh-burger__lines::after { transform: translateY(-7px) rotate(-45deg); }

/* ==========================================================================
   Floating WhatsApp button (the only floating contact element)
   ========================================================================== */
.yeh-float {
	position: fixed; right: 24px; bottom: 24px; z-index: 50;
	display: inline-flex; align-items: center; gap: 10px; min-height: 56px; padding: 12px 22px 12px 18px;
	background: var(--yeh-wa); color: var(--yeh-wa-ink);
	border-radius: 999px; font-weight: 600; font-size: 1rem; text-decoration: none;
	box-shadow: 0 2px 6px rgba(5, 41, 26, .2), 0 14px 30px -10px rgba(5, 41, 26, .5);
	transition: background-color .18s, transform .18s var(--yeh-ease), opacity .18s, visibility .18s;
}
.yeh-float:hover { background: var(--yeh-wa-deep); color: var(--yeh-wa-ink); transform: translateY(-2px); }
.yeh-float:focus-visible { outline: 3px solid var(--yeh-ink); outline-offset: 3px; border-radius: 999px; }
.yeh-float.is-away, .yeh-float.is-typing, .yeh-menu-open .yeh-float { opacity: 0; visibility: hidden; pointer-events: none; }

/* ==========================================================================
   Home: hero (support-first)
   ========================================================================== */
.yeh-hero { position: relative; }
.yeh-hero__grid { display: grid; grid-template-columns: minmax(0, 11fr) minmax(0, 13fr); gap: clamp(32px, 5vw, 76px); align-items: stretch; min-height: min(760px, calc(100vh - 116px)); }
.yeh-hero__copy { align-self: center; padding-block: clamp(40px, 6vw, 88px); }
.yeh-hero__copy .yeh-lead { max-width: 37em; margin-top: 26px; }
.yeh-hero__media { position: relative; margin-right: calc((min(100vw, var(--yeh-max) + 2 * var(--yeh-gutter)) - 100vw) / 2 - var(--yeh-gutter)); }
.yeh-hero__media > img { width: 100%; height: 100%; min-height: 560px; object-fit: cover; object-position: 66% center; border-bottom-left-radius: 4px; }
.yeh-deskcard {
	position: absolute; left: clamp(-64px, -4vw, -24px); bottom: 36px; width: min(372px, 88%);
	padding: 24px 26px 20px; background: #fff; border-radius: 4px; box-shadow: var(--yeh-shadow-lg);
	border-top: 3px solid var(--yeh-brass);
}
.yeh-deskcard__title { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; font-size: 1.1rem; font-weight: 600; letter-spacing: -.012em; line-height: 1.3; }
.yeh-deskcard__title .yeh-icon { color: var(--yeh-brass-ink); }
.yeh-deskcard ul { list-style: none; }
.yeh-deskcard li + li { border-top: 1px solid var(--yeh-line); }
.yeh-deskcard li a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; padding-block: 10px; color: var(--yeh-ink); font-weight: 500; text-decoration: none; transition: color .18s, padding .18s var(--yeh-ease); }
.yeh-deskcard li a .yeh-icon { color: var(--yeh-wine); }
.yeh-deskcard li a:hover { color: var(--yeh-wine); padding-left: 4px; }
.yeh-deskcard p { margin: 8px 0 0; font-size: .86rem; color: var(--yeh-muted); }

/* Home: standards strip */
.yeh-standards { border-block: 1px solid var(--yeh-line); }
.yeh-standards__list { display: grid; grid-template-columns: repeat(4, 1fr); list-style: none; }
.yeh-standards__list li { display: flex; gap: 16px; padding: 34px 26px; border-left: 1px solid var(--yeh-line); }
.yeh-standards__list li:first-child { padding-left: 0; border-left: 0; }
.yeh-standards__list li:last-child { padding-right: 0; }
.yeh-standards__list .yeh-icon { color: var(--yeh-brass-ink); margin-top: 2px; }
.yeh-standards__list h2 { margin-bottom: 6px; font-size: 1.04rem; font-weight: 600; letter-spacing: -.012em; line-height: 1.3; }
.yeh-standards__list p { margin: 0; font-size: .94rem; line-height: 1.5; color: var(--yeh-muted); }
.yeh-standards .yeh-facts { padding-block: 26px; margin: 0; border-top: 1px solid var(--yeh-line); }

/* Home: what it is, with the photo bleeding off the left edge */
.yeh-explain { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(36px, 6vw, 88px); align-items: center; padding-right: max(var(--yeh-gutter), calc((100vw - var(--yeh-max)) / 2)); }
.yeh-explain__media img { width: 100%; aspect-ratio: 16 / 10.4; object-fit: cover; border-radius: 0 4px 4px 0; }
.yeh-explain__copy h2 { margin-bottom: 22px; }
.yeh-defs { margin: 26px 0; }
.yeh-defs > div { display: grid; grid-template-columns: 124px 1fr; gap: 14px; padding-block: 14px; border-top: 1px solid var(--yeh-line); }
.yeh-defs > div:last-child { border-bottom: 1px solid var(--yeh-line); }
.yeh-defs dt { color: var(--yeh-ink); font-weight: 600; }
.yeh-defs dd { margin: 0; font-size: .98rem; }

/* Home: line-up, an asymmetric editorial trio */
.yeh-lineup { background: var(--yeh-porcelain); }
.yeh-lineup__head { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: clamp(28px, 6vw, 80px); align-items: end; margin-bottom: clamp(40px, 5vw, 64px); }
.yeh-lineup__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); grid-template-rows: auto auto; gap: 44px clamp(28px, 4vw, 56px); }
.yeh-lineup__item--tall { grid-row: span 2; }
.yeh-lineup__item a { display: block; color: inherit; text-decoration: none; }
.yeh-lineup__item img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 4px; transition: filter .25s var(--yeh-ease); }
.yeh-lineup__item--tall img { aspect-ratio: 7 / 6.1; }
.yeh-lineup__item a:hover img { filter: brightness(1.05) saturate(1.05); }
.yeh-lineup__item h3 { margin: 20px 0 8px; font-size: 1.32rem; }
.yeh-lineup__item--tall h3 { font-size: 1.62rem; font-weight: 500; letter-spacing: -.02em; }
.yeh-lineup__item p { margin-bottom: 8px; }

/* Home: journey */
.yeh-journey__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(44px, 7vw, 104px); align-items: start; }
.yeh-journey__media { position: sticky; top: calc(var(--yeh-header-h) + 32px); }
.yeh-journey__media img { aspect-ratio: 4 / 4.7; object-fit: cover; object-position: 68% center; }
.yeh-journey h2 { margin-bottom: 40px; }
.yeh-route { list-style: none; counter-reset: route; margin-bottom: 30px; }
.yeh-route__step { position: relative; counter-increment: route; padding: 0 0 34px 66px; }
.yeh-route__step::before {
	content: counter(route); position: absolute; left: 0; top: 0;
	display: grid; place-items: center; width: 42px; height: 42px;
	background: #fff; border: 1px solid var(--yeh-brass); border-radius: 50%;
	color: var(--yeh-brass-ink); font: 600 1rem var(--yeh-font-head);
}
.yeh-route__step::after { content: ""; position: absolute; left: 20.5px; top: 48px; bottom: 6px; width: 1px; background: var(--yeh-line); }
.yeh-route__step:last-child { padding-bottom: 4px; }
.yeh-route__step:last-child::after { display: none; }
.yeh-route__step h3 { margin: 8px 0 8px; }
.yeh-route__step p { margin: 0; }

/* Home: devices */
.yeh-devices { background: var(--yeh-porcelain); }
.yeh-devices__head { margin-bottom: 38px; }
.yeh-tabs__list { display: flex; gap: 0 6px; border-bottom: 1px solid var(--yeh-line); margin-bottom: 40px; }
.yeh-tabs__tab {
	position: relative; display: inline-flex; align-items: center; gap: 10px; min-height: 58px; padding: 10px 22px 12px;
	background: none; border: 0; cursor: pointer;
	color: var(--yeh-muted); font: 500 1rem var(--yeh-font-body);
	transition: color .18s;
}
.yeh-tabs__tab::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--yeh-wine); transform: scaleX(0); transition: transform .22s var(--yeh-ease); }
.yeh-tabs__tab:hover { color: var(--yeh-ink); }
.yeh-tabs__tab[aria-selected="true"] { color: var(--yeh-ink); font-weight: 600; }
.yeh-tabs__tab[aria-selected="true"]::after { transform: scaleX(1); }
.yeh-tabs__panel[hidden] { display: none; }
.js [data-hidden-by-js] { display: none; }
.yeh-tabs__panel { animation: yeh-fade .25s var(--yeh-ease); }
@keyframes yeh-fade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.yeh-devices__stage { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 6vw, 80px); align-items: center; }
.yeh-devices__panels h3 { margin-bottom: 14px; font-size: clamp(1.45rem, 2.2vw, 1.85rem); font-weight: 500; letter-spacing: -.022em; }
.yeh-checknote { padding: 14px 18px; margin: 18px 0; background: #fff; border: 1px solid var(--yeh-line); border-radius: 3px; font-size: .97rem; }
.yeh-checknote strong { color: var(--yeh-ink); }
.yeh-devices__media img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; object-position: left center; border-radius: 4px; box-shadow: var(--yeh-shadow-md); }

/* Key-card pricing */
.yeh-plans__head { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(28px, 6vw, 80px); align-items: end; margin-bottom: clamp(44px, 5vw, 68px); }
.yeh-keys { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; align-items: end; list-style: none; }
.yeh-key {
	position: relative; display: flex; flex-direction: column; overflow: hidden;
	background: #fff; border: 1px solid var(--yeh-line); border-radius: 14px;
	box-shadow: var(--yeh-shadow-sm);
	transition: transform .22s var(--yeh-ease), box-shadow .22s var(--yeh-ease);
}
.yeh-key:hover { transform: translateY(-4px); box-shadow: var(--yeh-shadow-md); }
.yeh-key__stripe { height: 30px; margin-top: 20px; background: var(--yeh-ink); }
.yeh-key__body { display: flex; flex-direction: column; flex: 1; padding: 22px 24px 22px; }
.yeh-key__name { font: 600 .88rem/1.3 var(--yeh-font-body); letter-spacing: .1em; text-transform: uppercase; color: var(--yeh-muted); }
.yeh-key__price { margin: 10px 0 12px; font: 500 clamp(2.5rem, 3.6vw, 3.25rem)/1 var(--yeh-font-head); letter-spacing: -.04em; color: var(--yeh-ink); }
.yeh-key__rate { margin: 0; font-weight: 600; color: var(--yeh-ink); }
.yeh-key__save { margin: 2px 0 0; font-size: .94rem; color: var(--yeh-muted); }
.yeh-key__tag { align-self: flex-start; margin: 14px 0 0; padding: 4px 10px; background: var(--yeh-brass); color: #24121f; border-radius: 2px; font-size: .84rem; font-weight: 600; }
.yeh-key__cta {
	display: flex; align-items: center; justify-content: space-between; gap: 10px;
	min-height: 52px; margin-top: 22px; padding: 10px 16px;
	border: 1px solid var(--yeh-ink); border-radius: 3px;
	color: var(--yeh-ink); font-weight: 600; text-decoration: none;
	transition: background-color .18s, color .18s;
}
.yeh-key__cta:hover { background: var(--yeh-ink); color: #fff; }
.yeh-key--year { background: var(--yeh-wine); border-color: var(--yeh-wine); box-shadow: var(--yeh-shadow-lg); padding-top: 14px; }
.yeh-key--year .yeh-key__stripe { background: var(--yeh-brass); }
.yeh-key--year .yeh-key__name, .yeh-key--year .yeh-key__save { color: #f3dfe4; }
.yeh-key--year .yeh-key__price, .yeh-key--year .yeh-key__rate { color: #fff; }
.yeh-key--year .yeh-key__cta { background: #fff; border-color: #fff; color: var(--yeh-wine); }
.yeh-key--year .yeh-key__cta:hover { background: var(--yeh-ink); border-color: var(--yeh-ink); color: #fff; }
.yeh-plans__foot { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: 28px 64px; margin-top: 44px; padding-top: 32px; border-top: 1px solid var(--yeh-line); }
.yeh-plans__foot .yeh-ticks { grid-template-columns: 1fr 1fr; }
.yeh-plans__foot > p { font-size: .95rem; color: var(--yeh-muted); }

/* Home: the small print */
.yeh-print { background: var(--yeh-porcelain); }
.yeh-print__grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: clamp(44px, 7vw, 100px); align-items: start; }
.yeh-print__intro { position: sticky; top: calc(var(--yeh-header-h) + 32px); }
.yeh-print__intro h2 { margin-bottom: 18px; font-size: clamp(1.85rem, 3vw, 2.6rem); }
.yeh-print__photo img { margin-top: 30px; width: 100%; aspect-ratio: 16 / 9.4; object-fit: cover; border-radius: 4px; }
.yeh-ledger__row { display: grid; grid-template-columns: 44px 1fr; gap: 6px 18px; padding-block: 26px; border-top: 1px solid var(--yeh-line); }
.yeh-ledger__row:last-child { border-bottom: 1px solid var(--yeh-line); }
.yeh-ledger__icon { grid-row: span 2; color: var(--yeh-brass-ink); padding-top: 2px; }
.yeh-ledger__row p { grid-column: 2; margin: 0; }

/* Home: desk band, the one dark section */
.yeh-deskband { display: grid; grid-template-columns: minmax(0, 11fr) minmax(0, 13fr); background: var(--yeh-aubergine); color: #e8dfe6; }
.yeh-deskband__media img { width: 100%; height: 100%; min-height: 420px; object-fit: cover; object-position: 72% center; }
.yeh-deskband__copy { padding: clamp(56px, 7vw, 108px) max(var(--yeh-gutter), calc((100vw - var(--yeh-max)) / 2)) clamp(56px, 7vw, 108px) clamp(36px, 6vw, 88px); }
.yeh-deskband h2 { margin-bottom: 20px; color: #fff; }
.yeh-deskband .yeh-eyebrow { color: #d9b872; }
.yeh-deskband .yeh-eyebrow::before { background: #d9b872; }
.yeh-deskband .yeh-ticks { margin-top: 22px; }
.yeh-deskband .yeh-ticks__mark { color: #d9b872; border-color: #d9b872; }
.yeh-deskband .yeh-facts dt { color: #bdb0ba; }
.yeh-deskband .yeh-facts dd { color: #fff; }
.yeh-deskband :focus-visible { outline-color: #d9b872; }

/* Home: fit */
.yeh-fit__title { margin-bottom: clamp(36px, 5vw, 56px); }
.yeh-fit__cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border-block: 1px solid var(--yeh-line); }
.yeh-fit__col { padding: 36px clamp(24px, 4vw, 56px) 44px 0; }
.yeh-fit__col--no { padding-inline: clamp(24px, 4vw, 56px) 0; border-left: 1px solid var(--yeh-line); }
.yeh-fit__word { margin: 0 0 22px; font: 500 clamp(2.4rem, 4.4vw, 3.6rem)/1 var(--yeh-font-head); letter-spacing: -.035em; color: var(--yeh-wine); }
.yeh-fit__col--no .yeh-fit__word { color: var(--yeh-muted); }
.yeh-house { margin-top: clamp(44px, 6vw, 72px); }
.yeh-house__label { margin-bottom: 26px; font-size: .95rem; color: var(--yeh-muted); }
.yeh-house ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(22px, 3vw, 40px); list-style: none; }
.yeh-house img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 4px; }
.yeh-house h3 { margin: 18px 0 8px; }
.yeh-house li p { margin: 0; font-size: .98rem; }

/* FAQ */
.yeh-ask { background: var(--yeh-porcelain); }
.yeh-ask__grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: clamp(44px, 7vw, 100px); align-items: start; }
.yeh-ask__side { position: sticky; top: calc(var(--yeh-header-h) + 32px); }
.yeh-ask__side h2 { margin-bottom: 16px; }
.yeh-ask__side h3 { margin: 30px 0 10px; font: 600 .84rem var(--yeh-font-body); letter-spacing: .12em; text-transform: uppercase; color: var(--yeh-muted); }
.yeh-ask__reads { list-style: none; display: grid; }
.yeh-ask__reads a { display: block; padding-block: 10px; font-weight: 500; }
.yeh-faq__item { border-top: 1px solid #ddd4c8; }
.yeh-faq__item:last-child { border-bottom: 1px solid #ddd4c8; }
.yeh-faq__item summary {
	display: flex; justify-content: space-between; gap: 20px; align-items: center;
	min-height: 64px; padding-block: 18px; cursor: pointer; list-style: none;
	color: var(--yeh-ink); font: 500 clamp(1.08rem, 1.5vw, 1.22rem)/1.35 var(--yeh-font-head); letter-spacing: -.014em;
}
.yeh-faq__item summary::-webkit-details-marker { display: none; }
.yeh-faq__mark { display: grid; place-items: center; width: 34px; height: 34px; flex: none; border: 1px solid var(--yeh-brass); border-radius: 2px; color: var(--yeh-brass-ink); transition: transform .22s var(--yeh-ease), background-color .2s, color .2s; }
.yeh-faq__item summary:hover .yeh-faq__mark { background: var(--yeh-brass-tint); }
.yeh-faq__item[open] .yeh-faq__mark { transform: rotate(45deg); background: var(--yeh-wine); border-color: var(--yeh-wine); color: #fff; }
.yeh-faq__a { padding: 0 54px 26px 0; animation: yeh-fade .22s var(--yeh-ease); }
.yeh-verdict { margin-bottom: 8px; color: var(--yeh-wine); font: 600 1.04rem var(--yeh-font-head); }

/* Final question */
.yeh-final { padding-top: var(--yeh-space); text-align: center; }
.yeh-final__title { font-size: clamp(3.6rem, 12vw, 10.5rem); font-weight: 500; line-height: 1; letter-spacing: -.05em; }
.yeh-final__replies { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; max-width: 920px; margin: clamp(32px, 4vw, 52px) auto clamp(48px, 6vw, 80px); text-align: left; }
.yeh-reply {
	display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto; gap: 2px 18px; align-items: center;
	min-height: 96px; padding: 18px 24px; border-radius: 4px; text-decoration: none;
	transition: transform .2s var(--yeh-ease), background-color .2s, box-shadow .2s;
}
.yeh-reply .yeh-icon { grid-row: 1 / span 2; grid-column: 2; }
.yeh-reply__word { font: 500 1.5rem/1.15 var(--yeh-font-head); letter-spacing: -.02em; }
.yeh-reply--yes { background: var(--yeh-wine); color: #fff; box-shadow: 0 18px 36px -20px rgba(138, 28, 63, .8); }
.yeh-reply--yes:hover { background: var(--yeh-wine-deep); color: #fff; transform: translateY(-2px); }
.yeh-reply--ask { background: var(--yeh-wa); color: var(--yeh-wa-ink); }
.yeh-reply--ask:hover { background: var(--yeh-wa-deep); color: var(--yeh-wa-ink); transform: translateY(-2px); }
.yeh-final__photo img { width: 100%; height: clamp(240px, 38vw, 560px); object-fit: cover; object-position: 60% 42%; }

/* ==========================================================================
   Footer
   ========================================================================== */
.yeh-footer { padding-block: clamp(56px, 6vw, 88px) 104px; background: var(--yeh-porcelain); border-top: 1px solid var(--yeh-line); font-size: .97rem; }
.yeh-footer__top { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: 40px clamp(40px, 7vw, 100px); align-items: end; padding-bottom: clamp(36px, 5vw, 56px); border-bottom: 1px solid #ddd4c8; }
.yeh-footer__mark { margin: 0 0 22px; padding-bottom: .12em; font: 600 clamp(4.2rem, 11vw, 9.5rem)/1 var(--yeh-font-head); letter-spacing: -.055em; color: var(--yeh-ink); }
.yeh-footer__mark span { color: var(--yeh-brass); }
.yeh-footer__line { max-width: 44em; margin: 0; }
.yeh-footer__desk { padding: 26px 28px; background: #fff; border-radius: 4px; border-top: 3px solid var(--yeh-brass); box-shadow: var(--yeh-shadow-sm); }
.yeh-footer__desk h2 { margin-bottom: 12px; font-size: 1.16rem; font-weight: 600; letter-spacing: -.012em; }
.yeh-footer__desk ul { list-style: none; display: grid; gap: 4px; }
.yeh-footer__desk li a, .yeh-footer__hours { display: flex; align-items: center; gap: 12px; min-height: 44px; color: var(--yeh-ink); text-decoration: none; overflow-wrap: anywhere; }
.yeh-footer__desk li a:hover { color: var(--yeh-wine); }
.yeh-footer__desk .yeh-icon { color: var(--yeh-brass-ink); }
.yeh-footer__cols { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 36px clamp(24px, 4vw, 56px); padding-block: clamp(40px, 5vw, 60px); }
.yeh-footer__cols h2 { margin-bottom: 14px; font: 600 .82rem var(--yeh-font-body); letter-spacing: .13em; text-transform: uppercase; color: var(--yeh-muted); }
.yeh-footer__cols ul { list-style: none; display: grid; }
.yeh-footer__cols a { display: inline-block; padding-block: 10px; color: var(--yeh-ink); text-decoration: none; }
.yeh-footer__cols a:hover { color: var(--yeh-wine); text-decoration: underline; text-decoration-color: var(--yeh-brass); }
.yeh-footer__base { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 40px; padding-top: 24px; border-top: 1px solid #ddd4c8; font-size: .875rem; color: var(--yeh-muted); }
.yeh-footer__base p { margin: 0; max-width: 62em; }

/* ==========================================================================
   Responsive: home and shell
   ========================================================================== */
@media (max-width: 1079px) {
	.yeh-burger { display: block; }
	.yeh-header__inner { justify-content: space-between; gap: 12px; }
	.yeh-header__end { margin-left: auto; }
	.yeh-nav {
		position: fixed; inset: 0; z-index: -1; margin: 0; padding: calc(var(--yeh-header-h) + 68px) var(--yeh-gutter) 40px;
		display: flex; flex-direction: column; gap: 26px;
		background: #fff; overflow-y: auto;
		opacity: 0; visibility: hidden; transition: opacity .2s, visibility .2s;
	}
	.yeh-menu-open .yeh-nav { opacity: 1; visibility: visible; transition: opacity .2s; }
	.yeh-menu-open body { overflow: hidden; }
	.yeh-menu-open .yeh-header { background: #fff; }
	.yeh-nav__list { flex-direction: column; gap: 0; }
	.yeh-nav__list li { border-bottom: 1px solid var(--yeh-line); }
	.yeh-nav__list a { padding: 15px 0; font: 500 1.34rem var(--yeh-font-head); letter-spacing: -.016em; }
	.yeh-nav__list a::after { display: none; }
	.yeh-nav__extra { display: grid; gap: 14px; justify-items: start; }
	.yeh-nav__note { margin: 0; color: var(--yeh-muted); }
	html:not(.js) .yeh-nav { position: static; opacity: 1; visibility: visible; padding: 0; width: 100%; }
	html:not(.js) .yeh-header__inner { flex-wrap: wrap; }
	html:not(.js) .yeh-burger { display: none; }
}

@media (max-width: 959px) {
	.yeh-topline p { display: none; }
	.yeh-topline__inner { justify-content: center; }
	.yeh-hero__grid { grid-template-columns: 1fr; gap: 0; min-height: 0; }
	.yeh-hero__copy { padding-block: 34px 34px; }
	.yeh-hero__media { margin-inline: calc(-1 * var(--yeh-gutter)); }
	.yeh-hero__media > img { min-height: 0; height: auto; aspect-ratio: 16 / 11; border-radius: 0; }
	.yeh-deskcard { position: relative; left: auto; bottom: auto; width: auto; margin: -36px var(--yeh-gutter) 34px; }
	.yeh-standards__list { grid-template-columns: 1fr 1fr; }
	.yeh-standards__list li, .yeh-standards__list li:first-child, .yeh-standards__list li:last-child { padding: 24px 0; border-left: 0; }
	.yeh-standards__list li:nth-child(odd) { padding-right: 20px; }
	.yeh-standards__list li:nth-child(even) { padding-left: 20px; border-left: 1px solid var(--yeh-line); }
	.yeh-standards__list li:nth-child(n+3) { border-top: 1px solid var(--yeh-line); }
	.yeh-explain { grid-template-columns: 1fr; padding-right: 0; }
	.yeh-explain__media img { border-radius: 0; }
	.yeh-explain__copy { padding-inline: var(--yeh-gutter); }
	.yeh-lineup__head, .yeh-plans__head { grid-template-columns: 1fr; gap: 18px; align-items: start; }
	.yeh-lineup__grid { grid-template-columns: 1fr 1fr; }
	.yeh-lineup__item--tall { grid-column: 1 / -1; grid-row: auto; }
	.yeh-lineup__item--tall img { aspect-ratio: 16 / 10; }
	.yeh-journey__grid, .yeh-print__grid, .yeh-ask__grid { grid-template-columns: 1fr; }
	.yeh-print__intro, .yeh-ask__side { position: static; }
	.yeh-journey__media { position: relative; top: auto; }
	.yeh-journey__media { margin-right: 18px; }
	.yeh-journey__media img { aspect-ratio: 16 / 10; }
	.yeh-devices__stage { grid-template-columns: 1fr; }
	.yeh-tabs__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; border-bottom: 0; margin-bottom: 26px; }
	.yeh-tabs__tab { justify-content: center; flex-direction: column; gap: 4px; min-height: 72px; padding: 10px 6px; background: #fff; border: 1px solid var(--yeh-line); border-radius: 3px; font-size: .94rem; line-height: 1.2; }
	.yeh-tabs__tab::after { display: none; }
	.yeh-tabs__tab[aria-selected="true"] { border-color: var(--yeh-wine); color: var(--yeh-wine); box-shadow: inset 0 0 0 1px var(--yeh-wine); }
	.yeh-keys { grid-template-columns: 1fr 1fr; align-items: stretch; }
	.yeh-plans__foot { grid-template-columns: 1fr; }
	.yeh-deskband { grid-template-columns: 1fr; }
	.yeh-deskband__media img { min-height: 0; height: auto; aspect-ratio: 16 / 10; }
	.yeh-deskband__copy { padding-inline: var(--yeh-gutter); }
	.yeh-house ul { grid-template-columns: 1fr; gap: 34px; }
	.yeh-house li { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: 4px 22px; }
	.yeh-house img { grid-row: span 2; aspect-ratio: 4 / 3; }
	.yeh-house h3 { margin-top: 0; }
	.yeh-footer__top { grid-template-columns: 1fr; }
	.yeh-footer__cols { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 639px) {
	body { font-size: 16.5px; }
	:root { --yeh-header-h: 64px; }
	.yeh-wordmark { height: 30px; }
	.yeh-topline ul { gap: 14px; font-size: .84rem; }
	.yeh-topline li + li { display: none; }
	.yeh-actions > .yeh-btn { width: 100%; justify-content: space-between; }
	.yeh-btn__label { flex: 1; }
	.yeh-lineup__grid { grid-template-columns: 1fr; }
	.yeh-defs > div { grid-template-columns: 1fr; gap: 2px; }
	.yeh-route__step { padding-left: 58px; }
	/* Plans become compact rows: price on the left, action on the right. */
	.yeh-keys { grid-template-columns: 1fr; gap: 12px; }
	.yeh-key { border-radius: 10px; flex-direction: row; }
	.yeh-key__stripe { width: 12px; height: auto; margin: 0; flex: none; }
	.yeh-key--year { padding-top: 0; }
	.yeh-key__body { padding: 18px; display: grid; grid-template-columns: 1fr auto; gap: 2px 14px; align-items: start; }
	.yeh-key__name { grid-column: 1 / -1; }
	.yeh-key__price { grid-column: 1; grid-row: 2 / span 2; margin: 4px 0 0; font-size: 2.5rem; }
	.yeh-key__rate { grid-column: 2; text-align: right; font-size: .96rem; }
	.yeh-key__save { grid-column: 2; text-align: right; font-size: .88rem; }
	.yeh-key__tag { grid-column: 1 / -1; justify-self: start; margin-top: 10px; }
	.yeh-key__cta { grid-column: 1 / -1; margin-top: 14px; }
	.yeh-plans__foot .yeh-ticks { grid-template-columns: 1fr; }
	.yeh-fit__cols { grid-template-columns: 1fr; }
	.yeh-fit__col { padding: 28px 0 32px; }
	.yeh-fit__col--no { padding-inline: 0; border-left: 0; border-top: 1px solid var(--yeh-line); }
	.yeh-house li { grid-template-columns: 1fr; }
	.yeh-house img { aspect-ratio: 16 / 10; grid-row: auto; margin-bottom: 10px; }
	.yeh-faq__a { padding-right: 0; }
	.yeh-final__replies { grid-template-columns: 1fr; }
	.yeh-float {
		right: 16px; bottom: calc(16px + env(safe-area-inset-bottom));
		width: 56px; height: 56px; padding: 0; justify-content: center;
	}
	.yeh-float__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
	.yeh-footer { padding-bottom: calc(96px + env(safe-area-inset-bottom)); }
}

@media (max-width: 782px) { .admin-bar .yeh-header { top: 46px; } }
@media (max-width: 600px) { .admin-bar .yeh-header { top: 0; } }

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
	.yeh-reveal { opacity: 1; transform: none; }
}

/* ==========================================================================
   Inner pages: shared layouts
   ========================================================================== */
.yeh-section--tight { padding-block: clamp(52px, 6vw, 84px); }
.yeh-tint { background: var(--yeh-porcelain); }
.yeh-title-gap { margin-bottom: clamp(28px, 4vw, 44px); }
.yeh-gap-top { margin-top: 22px; }

.yeh-crumbs { margin-bottom: 26px; font-size: .9rem; color: var(--yeh-muted); }
.yeh-crumbs ol { display: flex; flex-wrap: wrap; gap: 2px 8px; list-style: none; }
.yeh-crumbs li + li::before { content: "/"; margin-right: 8px; color: #b9b0a6; }
.yeh-crumbs a { display: inline-block; padding-block: 3px; color: var(--yeh-muted); }
.yeh-crumbs a:hover { color: var(--yeh-wine); }

.yeh-head { padding-block: clamp(40px, 5vw, 72px) clamp(40px, 5vw, 72px); }
.yeh-head__grid { display: grid; gap: clamp(36px, 6vw, 84px); }
.yeh-head--plain .yeh-head__copy { max-width: 820px; }
.yeh-head--side .yeh-head__grid { grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); align-items: center; }
.yeh-head--side .yeh-head__media img { aspect-ratio: 4 / 3; object-fit: cover; }
.yeh-head--side h1, .yeh-head--wide h1, .yeh-head--plain h1 { font-size: clamp(2.2rem, 4.2vw, 3.7rem); }
.yeh-head__copy .yeh-lead { margin-top: 22px; max-width: 40em; }
.yeh-head--wide .yeh-head__copy { max-width: 860px; }
.yeh-head__wide { margin-top: clamp(32px, 4vw, 52px); }
.yeh-head__wide img { width: 100%; aspect-ratio: 21 / 9; object-fit: cover; border-radius: 4px; }

.yeh-duo { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: clamp(32px, 6vw, 92px); align-items: start; }
.yeh-duo--even { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; }
.yeh-duo h2 { margin-bottom: 18px; }
.yeh-duo .yeh-frame img { aspect-ratio: 3 / 2; object-fit: cover; }

.yeh-pair { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 5vw, 72px); }
.yeh-pair__col h2, .yeh-pair__col h3 { margin-bottom: 22px; font-size: clamp(1.5rem, 2.4vw, 2rem); font-weight: 500; letter-spacing: -.024em; }
.yeh-pair__col + .yeh-pair__col { padding-left: clamp(32px, 5vw, 72px); border-left: 1px solid var(--yeh-line); }
.yeh-pair__col--do h2 { color: var(--yeh-wine); }

.yeh-three { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(24px, 4vw, 56px); list-style: none; }
.yeh-three li { position: relative; padding-top: 22px; border-top: 2px solid var(--yeh-brass); }
.yeh-three h3 { margin-bottom: 10px; }
.yeh-three p { margin: 0; }

.yeh-table-wrap { overflow-x: auto; }
.yeh-table { width: 100%; border-collapse: collapse; font-size: .98rem; }
.yeh-table th, .yeh-table td { padding: 18px 20px 18px 0; text-align: left; vertical-align: top; border-bottom: 1px solid var(--yeh-line); }
.yeh-table thead th { padding-top: 0; color: var(--yeh-muted); font: 600 .82rem var(--yeh-font-body); letter-spacing: .1em; text-transform: uppercase; border-bottom: 2px solid var(--yeh-ink); }
.yeh-table tbody th { color: var(--yeh-ink); font-weight: 600; min-width: 170px; }
.yeh-table__device { display: inline-flex; align-items: center; gap: 12px; }
.yeh-table__device .yeh-icon { color: var(--yeh-brass-ink); }
.yeh-table--compare thead th:nth-child(2), .yeh-table--compare td:nth-child(2) { background: var(--yeh-wine-tint); padding-inline: 18px; }
.yeh-pill { display: inline-block; padding: 3px 10px; border-radius: 2px; font-size: .86rem; font-weight: 600; white-space: nowrap; }
.yeh-pill--very-good { background: #e3f3ec; color: var(--yeh-success); }
.yeh-pill--good { background: var(--yeh-brass-tint); color: var(--yeh-brass-ink); }
.yeh-pill--check-first { background: var(--yeh-amber-tint); color: var(--yeh-amber); }

/* Closing band and next steps */
.yeh-band { background: var(--yeh-porcelain); border-top: 1px solid var(--yeh-line); padding-block: clamp(44px, 5vw, 64px); }
.yeh-band__inner { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 20px clamp(22px, 3vw, 40px); align-items: center; }
.yeh-band__bell { display: grid; place-items: center; width: 68px; height: 68px; border: 1px solid var(--yeh-brass); border-radius: 50%; color: var(--yeh-brass-ink); background: #fff; }
.yeh-band h2 { margin-bottom: 6px; font-size: clamp(1.5rem, 2.5vw, 2.05rem); }
.yeh-band p { margin: 0; max-width: 38em; }
.yeh-band .yeh-actions { margin-top: 0; flex-wrap: nowrap; gap: 12px; }
.yeh-next { padding-block: clamp(44px, 5vw, 68px); border-top: 1px solid var(--yeh-line); }
.yeh-next__title { margin-bottom: 22px; font-size: clamp(1.4rem, 2.2vw, 1.8rem); }
.yeh-next__list { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 0 28px; list-style: none; }
.yeh-next__list a { display: grid; grid-template-columns: 1fr auto; gap: 2px 14px; align-items: center; padding: 18px 0; border-top: 1px solid var(--yeh-ink); color: var(--yeh-ink); text-decoration: none; transition: color .18s; }
.yeh-next__list strong { font: 600 1.08rem var(--yeh-font-head); letter-spacing: -.012em; }
.yeh-next__list span { grid-column: 1; font-size: .95rem; color: var(--yeh-muted); }
.yeh-next__list .yeh-icon { grid-column: 2; grid-row: 1 / span 2; color: var(--yeh-wine); transition: transform .2s var(--yeh-ease); }
.yeh-next__list a:hover { color: var(--yeh-wine); }
.yeh-next__list a:hover .yeh-icon { transform: translateX(3px); }

/* Subscription folio */
.yeh-folio-hero { padding-block: clamp(40px, 5vw, 72px); background: var(--yeh-porcelain); border-bottom: 1px solid var(--yeh-line); }
.yeh-folio-hero__grid { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(36px, 6vw, 88px); align-items: center; }
.yeh-folio-hero h1 { font-size: clamp(2.3rem, 4.4vw, 3.9rem); }
.yeh-folio-hero .yeh-lead { margin-top: 22px; }
.yeh-folio { padding: clamp(24px, 3vw, 36px); background: #fff; border-radius: 4px; border-top: 3px solid var(--yeh-brass); box-shadow: var(--yeh-shadow-lg); }
.yeh-folio fieldset { margin: 0; padding: 0; border: 0; }
.yeh-folio legend { padding: 0; margin-bottom: 12px; color: var(--yeh-ink); font: 600 1.08rem var(--yeh-font-head); letter-spacing: -.012em; }
.yeh-folio__options { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.yeh-folio__options label { position: relative; cursor: pointer; }
.yeh-folio__options input { position: absolute; inset: 0; opacity: 0; cursor: pointer; margin: 0; }
.yeh-folio__options span { display: grid; place-items: center; min-height: 54px; padding: 6px 4px; border: 1px solid var(--yeh-line); border-radius: 3px; color: var(--yeh-text); font-size: .93rem; font-weight: 500; line-height: 1.2; text-align: center; transition: background-color .18s, border-color .18s, color .18s; }
.yeh-folio__options input:hover + span { border-color: var(--yeh-ink); }
.yeh-folio__options input:checked + span { background: var(--yeh-wine); border-color: var(--yeh-wine); color: #fff; font-weight: 600; }
.yeh-folio__options input:focus-visible + span { outline: 3px solid var(--yeh-brass-ink); outline-offset: 2px; }
.yeh-folio__sheet { margin: 24px 0 22px; }
.yeh-folio__row, .yeh-folio__total { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding-block: 11px; border-bottom: 1px dashed var(--yeh-line); }
.yeh-folio__row strong { color: var(--yeh-ink); font-weight: 600; }
.yeh-folio__total { border-bottom: 0; padding-top: 16px; }
.yeh-folio__total span { color: var(--yeh-ink); font-weight: 600; }
.yeh-folio__total strong { color: var(--yeh-ink); font: 500 clamp(2.5rem, 4vw, 3.3rem)/1 var(--yeh-font-head); letter-spacing: -.04em; }
.yeh-folio__save { margin: 0; color: var(--yeh-success); font-size: .95rem; font-weight: 500; text-align: right; }
.yeh-folio .yeh-btn { width: 100%; }
.yeh-folio .yeh-btn__label { flex: 1; }
.yeh-folio__note { margin: 14px 0 0; font-size: .88rem; color: var(--yeh-muted); }

/* Channels shelves */
.yeh-shelves { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 clamp(24px, 4vw, 52px); list-style: none; }
.yeh-shelves li { padding-block: 28px; border-top: 1px solid var(--yeh-line); }
.yeh-shelves__icon { display: block; margin-bottom: 14px; color: var(--yeh-brass-ink); }
.yeh-shelves h3 { margin-bottom: 8px; }
.yeh-shelves p { margin: 0; font-size: .98rem; }

/* Contact */
.yeh-contact { padding-block: clamp(40px, 5vw, 72px) clamp(56px, 7vw, 96px); }
.yeh-contact__grid { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(36px, 6vw, 88px); align-items: start; }
.yeh-contact h1 { margin-bottom: 18px; }
.yeh-contact__ways { display: grid; gap: 12px; margin-top: 28px; }
.yeh-way { display: flex; align-items: center; gap: 16px; min-height: 76px; padding: 14px 20px; border: 1px solid var(--yeh-line); border-radius: 3px; color: var(--yeh-ink); text-decoration: none; overflow-wrap: anywhere; transition: border-color .18s, background-color .18s; }
.yeh-way strong { display: block; font: 600 1.06rem var(--yeh-font-head); letter-spacing: -.012em; }
.yeh-way:hover { border-color: var(--yeh-ink); color: var(--yeh-ink); }
.yeh-way--wa { background: var(--yeh-wa); border-color: var(--yeh-wa); color: var(--yeh-wa-ink); }
.yeh-way--wa:hover { background: var(--yeh-wa-deep); border-color: var(--yeh-wa-deep); color: var(--yeh-wa-ink); }
.yeh-contact__address { margin-top: 22px; font-style: normal; }
.yeh-contact__photo { margin: 44px 18px 18px 0; }
.yeh-contact__photo img { aspect-ratio: 16 / 9; object-fit: cover; }
.yeh-contact__form { padding: clamp(24px, 3vw, 38px); background: var(--yeh-porcelain); border-radius: 4px; scroll-margin-top: calc(var(--yeh-header-h) + 20px); }
.yeh-contact__form h2 { margin-bottom: 8px; font-size: clamp(1.6rem, 2.4vw, 2rem); }
.yeh-form { display: grid; gap: 18px; margin-top: 22px; }
.yeh-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.yeh-field label { display: block; margin-bottom: 6px; color: var(--yeh-ink); font-weight: 500; }
.yeh-field input, .yeh-field select, .yeh-field textarea, .yeh-search input { width: 100%; min-height: 52px; padding: 12px 14px; background: #fff; border: 1px solid #b8aea4; border-radius: 3px; color: var(--yeh-ink); font: inherit; }
.yeh-field input:focus, .yeh-field select:focus, .yeh-field textarea:focus, .yeh-search input:focus { outline: 2px solid var(--yeh-wine); outline-offset: 0; border-color: var(--yeh-wine); }
.yeh-field__hint { margin: 6px 0 0; font-size: .9rem; color: var(--yeh-muted); }
.yeh-hp { position: absolute; left: -9999px; }
.yeh-form .yeh-btn { justify-self: start; }
.yeh-alert { padding: 14px 18px; margin: 16px 0 0; border-radius: 3px; font-weight: 500; }
.yeh-alert--ok { background: #e3f3ec; color: var(--yeh-success); }
.yeh-alert--bad { background: var(--yeh-wine-tint); color: var(--yeh-wine-deep); }

/* About */
.yeh-statement { padding-block: clamp(40px, 5vw, 72px) 0; }
.yeh-statement h1 { max-width: 16em; font-size: clamp(2.5rem, 5.4vw, 4.8rem); }
.yeh-statement__photo { margin-top: clamp(36px, 5vw, 60px); }
.yeh-statement__photo img { width: 100%; aspect-ratio: 21 / 9; object-fit: cover; object-position: 60% 45%; border-radius: 4px; }
.yeh-statement--small h1 { font-size: clamp(2.3rem, 4.6vw, 4rem); }
.yeh-statement--small .yeh-lead { margin-top: 20px; max-width: 42em; }
.yeh-statement--movie { padding-bottom: clamp(36px, 5vw, 64px); background: var(--yeh-porcelain); }
.yeh-statement--movie h1 { font-size: clamp(2.3rem, 4.4vw, 3.9rem); }
.yeh-statement--movie .yeh-lead { margin-top: 20px; }
.yeh-principles { display: grid; grid-template-columns: 1fr 1fr; gap: 34px clamp(32px, 6vw, 88px); list-style: none; counter-reset: pr; }
.yeh-principles li { counter-increment: pr; position: relative; padding-left: 58px; }
.yeh-principles li::before { content: counter(pr); position: absolute; left: 0; top: -6px; color: var(--yeh-brass-ink); font: 500 2.4rem/1 var(--yeh-font-head); }
.yeh-principles h3 { margin-bottom: 8px; }
.yeh-principles p { margin: 0; }

/* FAQ page */
.yeh-faq-head { padding-block: clamp(40px, 5vw, 72px) clamp(32px, 4vw, 48px); background: var(--yeh-porcelain); border-bottom: 1px solid var(--yeh-line); }
.yeh-faq-head .yeh-lead { margin-top: 18px; max-width: 42em; }
.yeh-jump { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 26px; }
.yeh-jump a, .yeh-topics a { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 16px; background: #fff; border: 1px solid var(--yeh-line); border-radius: 3px; color: var(--yeh-ink); font-size: .95rem; font-weight: 500; text-decoration: none; transition: border-color .18s; }
.yeh-jump a:hover, .yeh-topics a:hover { border-color: var(--yeh-wine); color: var(--yeh-wine); }
.yeh-faq-page { padding-block: clamp(44px, 6vw, 80px); }
.yeh-faq-page__group { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 20px clamp(28px, 5vw, 72px); padding-block: 28px 44px; scroll-margin-top: calc(var(--yeh-header-h) + 16px); }
.yeh-faq-page__group h2 { font-size: clamp(1.6rem, 2.6vw, 2.2rem); }

/* Trial, activation and other short heads */
.yeh-try, .yeh-article-head, .yeh-legal-head { padding-block: clamp(40px, 5vw, 72px) clamp(32px, 4vw, 52px); }
.yeh-try { background: var(--yeh-porcelain); border-bottom: 1px solid var(--yeh-line); }
.yeh-try h1, .yeh-article-head h1 { font-size: clamp(2.2rem, 4.2vw, 3.5rem); }
.yeh-try .yeh-lead, .yeh-article-head .yeh-lead { margin-top: 20px; }

/* Support */
.yeh-triage-head { padding-block: clamp(40px, 5vw, 72px); background: var(--yeh-porcelain); }
.yeh-triage-head h1 { font-size: clamp(2.3rem, 4.4vw, 3.9rem); }
.yeh-triage-head .yeh-lead { margin-top: 20px; }
.yeh-symptoms { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 clamp(32px, 5vw, 72px); }
.yeh-symptoms article { padding-block: 26px; border-top: 1px solid var(--yeh-line); }
.yeh-symptoms h3 { margin-bottom: 10px; color: var(--yeh-wine); }
.yeh-symptoms p { margin-bottom: 6px; font-size: .98rem; }
.yeh-symptoms strong { color: var(--yeh-ink); }

/* Installation guide */
.yeh-guide-head { padding-block: clamp(40px, 5vw, 72px) clamp(30px, 4vw, 44px); border-bottom: 1px solid var(--yeh-line); }
.yeh-guide-head h1 { font-size: clamp(2.3rem, 4.6vw, 4rem); max-width: 16em; }
.yeh-guide-head .yeh-lead { margin-top: 18px; max-width: 42em; }
.yeh-guide { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 8fr); gap: clamp(32px, 6vw, 88px); padding-block: clamp(40px, 5vw, 72px); align-items: start; }
.yeh-toc { position: sticky; top: calc(var(--yeh-header-h) + 24px); font-size: .97rem; }
.yeh-toc h2 { margin-bottom: 12px; color: var(--yeh-muted); font: 600 .82rem var(--yeh-font-body); letter-spacing: .12em; text-transform: uppercase; }
.yeh-toc ol { list-style: none; border-left: 1px solid var(--yeh-line); }
.yeh-toc a { display: block; padding: 7px 0 7px 16px; color: var(--yeh-text); text-decoration: none; }
.yeh-toc a:hover { color: var(--yeh-wine); box-shadow: -1px 0 0 var(--yeh-wine); }
.yeh-guide section { scroll-margin-top: calc(var(--yeh-header-h) + 16px); }

/* Prose: articles, legal text and guide bodies */
.yeh-prose { color: var(--yeh-text); }
.yeh-prose h2 { margin: 1.7em 0 .55em; font-size: clamp(1.5rem, 2.5vw, 2rem); letter-spacing: -.024em; }
.yeh-prose h2:first-child, .yeh-prose section:first-child > h2:first-child { margin-top: 0; }
.yeh-prose h3 { margin: 1.5em 0 .45em; }
.yeh-prose ul, .yeh-prose ol { padding-left: 1.3em; margin: 0 0 1.1em; }
.yeh-prose li { margin-bottom: .45em; }
.yeh-prose li::marker { color: var(--yeh-brass-ink); }
.yeh-prose img { border-radius: 4px; }
.yeh-prose figure { margin: 26px 0; }
.yeh-prose figure img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.yeh-prose .yeh-route, .yeh-prose .yeh-ticks { padding-left: 0; }
.yeh-prose .yeh-route__step, .yeh-prose .yeh-ticks li { margin-bottom: 0; }
.yeh-page-body { padding-block: 8px clamp(56px, 7vw, 96px); }
.yeh-legal-head { background: var(--yeh-porcelain); border-bottom: 1px solid var(--yeh-line); margin-bottom: clamp(32px, 4vw, 52px); }
.yeh-legal-head h1 { font-size: clamp(2.1rem, 4vw, 3.2rem); }
.yeh-legal-head__date { margin: 10px 0 18px; font-size: .94rem; color: var(--yeh-muted); }
.yeh-legal-head__sum { margin: 0; padding: 16px 20px; background: #fff; border-left: 3px solid var(--yeh-brass); color: var(--yeh-ink); }
.yeh-prose--legal { padding-bottom: clamp(56px, 7vw, 96px); }
.yeh-legal-contact { margin-top: 44px; padding: 24px 26px; background: var(--yeh-porcelain); border-radius: 4px; }
.yeh-legal-contact h2 { margin: 0 0 8px; font-size: 1.2rem; font-weight: 600; letter-spacing: -.012em; }

/* Device and city pages */
.yeh-brands { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-bottom: 22px; }
.yeh-brands article { padding: clamp(22px, 3vw, 32px); background: #fff; border: 1px solid var(--yeh-line); border-radius: 4px; }
.yeh-brands h3 { font-size: 1.45rem; font-weight: 500; letter-spacing: -.02em; }
.yeh-brands__path { display: inline-block; margin: 8px 0 14px; padding: 3px 10px; background: var(--yeh-brass-tint); border-radius: 2px; color: var(--yeh-brass-ink); font-size: .92rem; font-weight: 600; }
.yeh-brands p:last-child { margin: 0; font-size: .98rem; }
.yeh-tri { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(24px, 4vw, 52px); }
.yeh-tri .yeh-icon { color: var(--yeh-brass-ink); margin-bottom: 14px; }
.yeh-tri h2 { margin-bottom: 10px; font-size: 1.45rem; letter-spacing: -.02em; }
.yeh-tri p { font-size: .98rem; }
.yeh-fixes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; list-style: none; counter-reset: fx; }
.yeh-fixes li { counter-increment: fx; padding: 24px; background: #fff; border-radius: 4px; box-shadow: var(--yeh-shadow-sm); }
.yeh-fixes h3 { margin-bottom: 8px; }
.yeh-fixes h3::before { content: counter(fx) ". "; color: var(--yeh-brass-ink); }
.yeh-fixes p { margin: 0; font-size: .97rem; }
.yeh-city { position: relative; }
.yeh-city__photo img { width: 100%; height: clamp(280px, 40vw, 520px); object-fit: cover; object-position: center 62%; }
.yeh-city__card { position: relative; margin-top: clamp(-120px, -9vw, -56px); padding: clamp(26px, 4vw, 48px); background: #fff; border-radius: 4px 4px 0 0; }
.yeh-city__card h1 { font-size: clamp(2.2rem, 4.6vw, 4rem); max-width: 17em; }
.yeh-city__card .yeh-lead { margin-top: 18px; max-width: 42em; }
.yeh-atl__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 6vw, 84px); align-items: center; }
.yeh-head--atl h1 { font-size: clamp(2.2rem, 4.2vw, 3.7rem); }
.yeh-head--atl .yeh-lead { margin-top: 20px; }
.yeh-head--atl .yeh-frame { margin-right: 18px; }
.yeh-head--atl .yeh-frame img { aspect-ratio: 16 / 10; object-fit: cover; }
.yeh-rooms { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-block: 1px solid var(--yeh-line); }
.yeh-rooms article { padding: 28px 22px; border-left: 1px solid var(--yeh-line); }
.yeh-rooms article:first-child { padding-left: 0; border-left: 0; }
.yeh-rooms span { display: block; margin-bottom: 14px; color: var(--yeh-brass-ink); }
.yeh-rooms h3 { margin-bottom: 8px; }
.yeh-rooms p { margin: 0; font-size: .96rem; }

/* Blog */
.yeh-shelf-head { padding-block: clamp(40px, 5vw, 72px) clamp(28px, 4vw, 44px); background: var(--yeh-porcelain); border-bottom: 1px solid var(--yeh-line); }
.yeh-shelf-head__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 20px clamp(28px, 6vw, 80px); align-items: end; }
.yeh-shelf-head h1 { font-size: clamp(2.3rem, 4.6vw, 4rem); }
.yeh-topics { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 26px; list-style: none; }
.yeh-shelf-body { padding-block: clamp(40px, 5vw, 72px); }
.yeh-shelf-title { margin-bottom: 26px; font-size: clamp(1.5rem, 2.4vw, 2rem); }
.yeh-lead-post a { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(24px, 4vw, 56px); align-items: center; color: inherit; text-decoration: none; margin-bottom: clamp(44px, 6vw, 72px); }
.yeh-lead-post img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 4px; }
.yeh-lead-post h2 { margin-bottom: 14px; font-size: clamp(1.7rem, 3vw, 2.5rem); }
.yeh-shelf { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px clamp(22px, 3vw, 36px); }
.yeh-card__link { display: block; color: inherit; text-decoration: none; }
.yeh-card__img img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 4px; transition: filter .22s var(--yeh-ease); }
.yeh-card__link:hover img { filter: brightness(1.05); }
.yeh-card__meta { display: flex; flex-wrap: wrap; gap: 4px 12px; margin: 16px 0 8px; font-size: .88rem; color: var(--yeh-muted); }
.yeh-card__meta span { color: var(--yeh-brass-ink); font-weight: 600; }
.yeh-card__title { margin-bottom: 8px; font-size: 1.28rem; font-weight: 600; letter-spacing: -.016em; line-height: 1.28; }
.yeh-card__link:hover .yeh-card__title { color: var(--yeh-wine); }
.yeh-card__text { margin: 0; font-size: .97rem; }
.yeh-pagination { margin-top: 48px; }
.yeh-pagination ul { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; }
.yeh-pagination a, .yeh-pagination span { display: grid; place-items: center; min-width: 46px; min-height: 46px; padding: 6px 12px; border: 1px solid var(--yeh-line); border-radius: 3px; color: var(--yeh-ink); text-decoration: none; }
.yeh-pagination .current { background: var(--yeh-wine); border-color: var(--yeh-wine); color: #fff; }
.yeh-article__head { padding-block: clamp(36px, 5vw, 64px) clamp(24px, 3vw, 36px); }
.yeh-article__head h1 { font-size: clamp(2.1rem, 4.2vw, 3.5rem); }
.yeh-article__meta { display: flex; flex-wrap: wrap; gap: 4px 10px; margin: 18px 0 0; font-size: .95rem; color: var(--yeh-muted); }
.yeh-article__hero img { width: 100%; aspect-ratio: 21 / 9; object-fit: cover; border-radius: 4px; }
.yeh-article__layout { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: clamp(32px, 6vw, 84px); padding-block: clamp(36px, 5vw, 64px); align-items: start; }
.yeh-article__layout .yeh-prose { font-size: 1.06rem; max-width: 720px; }
.yeh-side { position: sticky; top: calc(var(--yeh-header-h) + 24px); display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; }
.yeh-side__card { padding: 24px; background: var(--yeh-porcelain); border-top: 3px solid var(--yeh-brass); border-radius: 4px; }
.yeh-side__card h2 { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; font-size: 1.14rem; font-weight: 600; letter-spacing: -.012em; }
.yeh-side__card .yeh-icon { color: var(--yeh-brass-ink); }
.yeh-side__card .yeh-btn { width: 100%; margin-top: 8px; }
.yeh-side__card .yeh-btn__label { flex: 1; }
.yeh-side__links h2, .yeh-widget__title { margin-bottom: 10px; color: var(--yeh-muted); font: 600 .82rem var(--yeh-font-body); letter-spacing: .12em; text-transform: uppercase; }
.yeh-side__links ul { list-style: none; }
.yeh-side__links a { display: block; padding: 8px 0; border-top: 1px solid var(--yeh-line); color: var(--yeh-ink); text-decoration: none; }
.yeh-side__links a:hover { color: var(--yeh-wine); }
.yeh-article__tags { margin-top: 32px; font-size: .95rem; }
.yeh-related { padding-block: clamp(44px, 6vw, 72px); background: var(--yeh-porcelain); }
.yeh-related > .yeh-wrap > h2 { margin-bottom: 26px; font-size: clamp(1.6rem, 2.6vw, 2.2rem); }
.yeh-comments-wrap { padding-block: clamp(40px, 5vw, 64px); }
.yeh-comments h2, .yeh-comments .comment-reply-title { font-size: 1.5rem; margin-bottom: 18px; }
.yeh-comments__list { list-style: none; }
.yeh-comments__list li { padding-block: 18px; border-top: 1px solid var(--yeh-line); }
.yeh-comments input:not([type="checkbox"]):not([type="submit"]), .yeh-comments textarea { width: 100%; min-height: 48px; padding: 10px 12px; border: 1px solid #b8aea4; border-radius: 3px; font: inherit; }
.yeh-comments input[type="submit"] { min-height: 52px; padding: 12px 24px; background: var(--yeh-wine); border: 0; border-radius: 3px; color: #fff; font: 600 1rem var(--yeh-font-body); cursor: pointer; }

/* Author, search and 404 */
.yeh-author { padding-block: clamp(40px, 5vw, 72px); background: var(--yeh-porcelain); }
.yeh-author__grid { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: clamp(24px, 4vw, 52px); align-items: center; }
.yeh-author__photo img { width: 176px; height: 176px; border-radius: 50%; }
.yeh-author .yeh-lead { margin-top: 14px; max-width: 42em; }
.yeh-search { position: relative; display: flex; margin-top: 22px; }
.yeh-search input { padding-right: 60px; }
.yeh-search button { position: absolute; right: 0; top: 0; display: grid; place-items: center; width: 52px; height: 52px; background: none; border: 0; color: var(--yeh-wine); cursor: pointer; }
.yeh-results { list-style: none; }
.yeh-results li { padding-block: 22px; border-top: 1px solid var(--yeh-line); }
.yeh-results a { font: 600 1.2rem var(--yeh-font-head); }
.yeh-results p { margin: 6px 0 0; }
.yeh-404 { padding-block: clamp(64px, 9vw, 128px); }
.yeh-404__word { margin: 0 0 14px; color: var(--yeh-wine); font: 500 clamp(3.2rem, 9vw, 6.5rem)/1 var(--yeh-font-head); letter-spacing: -.045em; }
.yeh-404 .yeh-lead { margin-top: 16px; }
.yeh-404__links { display: grid; grid-template-columns: 1fr 1fr; gap: 0 28px; margin-top: 30px; list-style: none; }
.yeh-404__links a { display: block; padding: 14px 0; border-top: 1px solid var(--yeh-line); font-weight: 500; }

/* ==========================================================================
   Responsive: inner pages
   ========================================================================== */
@media (max-width: 959px) {
	.yeh-head--side .yeh-head__grid, .yeh-duo, .yeh-duo--even, .yeh-folio-hero__grid, .yeh-contact__grid, .yeh-atl__grid, .yeh-guide, .yeh-article__layout, .yeh-shelf-head__grid, .yeh-faq-page__group { grid-template-columns: minmax(0, 1fr); }
	.yeh-head__media, .yeh-duo .yeh-frame { margin-right: 18px; }
	.yeh-toc, .yeh-side { position: static; }
	.yeh-shelf { grid-template-columns: 1fr 1fr; }
	.yeh-lead-post a { grid-template-columns: minmax(0, 1fr); }
	.yeh-tri, .yeh-three { grid-template-columns: minmax(0, 1fr); }
	.yeh-rooms { grid-template-columns: 1fr 1fr; }
	.yeh-rooms article:nth-child(odd) { padding-left: 0; border-left: 0; }
	.yeh-rooms article:nth-child(n+3) { border-top: 1px solid var(--yeh-line); }
	.yeh-fixes { grid-template-columns: 1fr 1fr; }
	.yeh-shelves { grid-template-columns: 1fr 1fr; }
	.yeh-band__inner { grid-template-columns: auto minmax(0, 1fr); }
	.yeh-band .yeh-actions { grid-column: 1 / -1; flex-wrap: wrap; }
}

@media (max-width: 639px) {
	.yeh-pair, .yeh-principles, .yeh-symptoms, .yeh-brands, .yeh-shelves, .yeh-shelf, .yeh-rooms, .yeh-fixes, .yeh-form__row, .yeh-404__links { grid-template-columns: minmax(0, 1fr); }
	.yeh-pair__col + .yeh-pair__col { padding-left: 0; padding-top: 28px; border-left: 0; border-top: 1px solid var(--yeh-line); }
	.yeh-rooms article { padding: 22px 0; border-left: 0; }
	.yeh-rooms article + article { border-top: 1px solid var(--yeh-line); }
	.yeh-head__wide img, .yeh-statement__photo img, .yeh-article__hero img { aspect-ratio: 16 / 10; }
	.yeh-band__bell { width: 54px; height: 54px; }
	.yeh-band .yeh-actions .yeh-btn { width: 100%; }
	.yeh-folio__options { grid-template-columns: 1fr 1fr; }
	.yeh-author__grid { grid-template-columns: minmax(0, 1fr); }
	.yeh-author__photo img { width: 112px; height: 112px; }
	.yeh-form .yeh-btn { width: 100%; }
	/* Tables become labelled cards */
	.yeh-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }
	.yeh-table, .yeh-table tbody, .yeh-table tr, .yeh-table th, .yeh-table td { display: block; width: 100%; }
	.yeh-table tr { padding-block: 16px; border-bottom: 1px solid var(--yeh-line); }
	.yeh-table th, .yeh-table td, .yeh-table--compare td:nth-child(2) { padding: 4px 0; border: 0; background: none; }
	.yeh-table tbody th { font-size: 1.06rem; margin-bottom: 4px; }
	.yeh-table td[data-label]::before { content: attr(data-label) ": "; color: var(--yeh-ink); font-weight: 600; }
	.yeh-table--devices td a { display: inline-block; padding-block: 8px; }
}

@media (max-width: 479px) {
	.yeh-standards__list { grid-template-columns: minmax(0, 1fr); }
	.yeh-standards__list li, .yeh-standards__list li:first-child, .yeh-standards__list li:last-child, .yeh-standards__list li:nth-child(odd), .yeh-standards__list li:nth-child(even) { padding: 20px 0; border-left: 0; }
	.yeh-standards__list li + li { border-top: 1px solid var(--yeh-line); }
	.yeh-tabs__list { grid-template-columns: 1fr 1fr; }
	.yeh-header__plans { padding-inline: 12px; font-size: .9rem; }
	.yeh-btn__label { padding-inline: 16px; }
}

/* The compact floating button keeps clear of the hero card on small desktops and tablets. */
@media (max-width: 1139px) {
	.yeh-float { width: 56px; height: 56px; padding: 0; justify-content: center; }
	.yeh-float__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
}

/* Sidebar widgets, including the block widgets WordPress adds to a new install */
.yeh-widget { font-size: .97rem; }
.yeh-widget h2, .yeh-widget .wp-block-heading { margin: 0 0 10px; color: var(--yeh-muted); font: 600 .82rem var(--yeh-font-body); letter-spacing: .12em; text-transform: uppercase; }
.yeh-widget ul, .yeh-widget ol { padding: 0; margin: 0; list-style: none; }
.yeh-widget li a { display: block; padding: 8px 0; border-top: 1px solid var(--yeh-line); color: var(--yeh-ink); text-decoration: none; }
.yeh-widget li a:hover { color: var(--yeh-wine); }
.yeh-widget .wp-block-search__label { display: block; margin-bottom: 10px; color: var(--yeh-muted); font: 600 .82rem var(--yeh-font-body); letter-spacing: .12em; text-transform: uppercase; }
.yeh-widget .wp-block-search__inside-wrapper { display: flex; gap: 6px; }
.yeh-widget .wp-block-search__input { flex: 1; min-width: 0; min-height: 48px; padding: 10px 12px; border: 1px solid #b8aea4; border-radius: 3px; font: inherit; }
.yeh-widget .wp-block-search__button { min-height: 48px; padding: 8px 14px; background: var(--yeh-ink); border: 0; border-radius: 3px; color: #fff; font: 600 .95rem var(--yeh-font-body); cursor: pointer; }