:root {
  --twv-bg: #fffdf9;
  --twv-surface: #fff;
  --twv-ink: #2c211b;
  --twv-muted: #72665d;
  --twv-accent: #a92b25;
  --twv-accent-strong: #c83229;
  --twv-red: var(--twv-accent);
  --twv-gold: #7a551e;
  --twv-gold-light: #ead7ad;
  --twv-line: #e8ddd0;
  --twv-serif: Georgia, "Times New Roman", serif;
  --twv-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --twv-shadow: 0 18px 50px rgb(74 44 27 / 12%);
  --twv-radius: 18px;
  --twv-header-height: 78px;
  color-scheme: light;
}

.twv-skin-paper {
  --twv-bg: #e8c88e;
  --twv-surface: #f2d9a7;
  --twv-ink: #3d2417;
  --twv-muted: #6b4a34;
  --twv-accent: #8e241d;
  --twv-gold: #75470f;
  --twv-line: #b98d57;
}

.twv-skin-archive {
  --twv-bg: #1a100b;
  --twv-surface: #27170f;
  --twv-ink: #f0dfc2;
  --twv-muted: #b8a58b;
  --twv-accent: #8f2c21;
  --twv-gold: #c58a39;
  --twv-line: #5d3a20;
  color-scheme: dark;
}

.twv-skin-preparedness {
  --twv-bg: #07090c;
  --twv-surface: #10141a;
  --twv-ink: #f4f1ea;
  --twv-muted: #a6abb2;
  --twv-accent: #d5232d;
  --twv-gold: #ff5a21;
  --twv-line: #313842;
  color-scheme: dark;
}

.twv-skin-cosmic {
  --twv-bg: #070a17;
  --twv-surface: #10152a;
  --twv-ink: #f4f0ff;
  --twv-muted: #aeb7d6;
  --twv-accent: #e64638;
  --twv-gold: #d0a15a;
  --twv-line: #303b64;
  color-scheme: dark;
}

.twv-skin-vault {
  --twv-bg: #050b0c;
  --twv-surface: #0a1516;
  --twv-ink: #ece2ca;
  --twv-muted: #8ea7a5;
  --twv-accent: #2dd5cf;
  --twv-gold: #b68b43;
  --twv-line: #234344;
  color-scheme: dark;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--twv-bg);
  color: var(--twv-ink);
  font-family: var(--twv-sans);
  font-size: 16px;
  line-height: 1.65;
  text-rendering: optimizeLegibility;
}
body.nav-open { overflow: hidden; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration-thickness: .08em; text-underline-offset: .18em; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid color-mix(in srgb, var(--twv-accent) 70%, white); outline-offset: 3px; }
h1, h2, h3 { font-family: var(--twv-serif); line-height: 1.08; text-wrap: balance; }
h1 { font-size: clamp(2.7rem, 7vw, 6.8rem); letter-spacing: -.035em; }
h2 { font-size: clamp(1.65rem, 3vw, 3rem); }
p { text-wrap: pretty; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.twv-container { width: min(calc(100% - 40px), 1320px); margin-inline: auto; }
.twv-skip-link { position: fixed; z-index: 10000; top: 8px; left: 8px; transform: translateY(-160%); padding: 12px 18px; background: var(--twv-accent); color: #fff; border-radius: 6px; }
.twv-skip-link:focus { transform: none; }

/* Header and mega menus */
.twv-header { position: sticky; z-index: 1000; top: 0; min-height: var(--twv-header-height); border-bottom: 1px solid var(--twv-line); background: color-mix(in srgb, var(--twv-bg) 92%, transparent); backdrop-filter: blur(18px); }
.twv-header.is-compact { --twv-header-height: 64px; box-shadow: 0 9px 24px rgb(0 0 0 / 12%); }
.twv-header__inner { width: min(calc(100% - 32px), 1480px); min-height: var(--twv-header-height); margin: auto; display: flex; align-items: center; gap: 26px; transition: min-height .2s ease; }
.twv-brand { display: flex; align-items: center; gap: 12px; min-width: 265px; text-decoration: none; }
.twv-brand__seal { width: 66px; height: 66px; object-fit: contain; transition: width .2s ease, height .2s ease; }
.is-compact .twv-brand__seal { width: 52px; height: 52px; }
.twv-brand__copy { display: grid; }
.twv-brand__copy strong { color: var(--twv-gold); font-family: var(--twv-serif); font-size: 1.1rem; letter-spacing: .025em; text-transform: uppercase; }
.twv-brand__copy small { color: var(--twv-muted); font-size: .68rem; letter-spacing: .03em; }
.twv-nav { margin-left: auto; }
.twv-nav__list { display: flex; align-items: center; gap: 4px; margin: 0; padding: 0; list-style: none; }
.twv-nav__item--mega { display: flex; align-items: center; }
.twv-nav a, .twv-mega-toggle { border: 0; background: transparent; color: var(--twv-ink); font-size: .76rem; font-weight: 700; letter-spacing: .035em; text-decoration: none; text-transform: uppercase; }
.twv-nav a { display: block; padding: 12px 8px; }
.twv-nav a:hover, .twv-nav a:focus-visible { color: var(--twv-accent); }
.twv-mega-toggle { width: 26px; padding: 10px 5px; cursor: pointer; }
.twv-nav__divider { margin-left: 8px; padding-left: 8px; border-left: 1px solid var(--twv-line); }
.twv-nav a.twv-nav__join { margin-left: 5px; padding: 10px 16px !important; border: 1px solid var(--twv-gold); border-radius: 4px; background: var(--twv-accent); color: #fff !important; box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--twv-gold) 65%, transparent); }
.twv-mega { position: fixed; z-index: 999; top: var(--twv-header-height); right: 0; left: 0; border-top: 1px solid var(--twv-line); border-bottom: 1px solid var(--twv-line); background: color-mix(in srgb, var(--twv-surface) 97%, transparent); box-shadow: var(--twv-shadow); }
.twv-mega__inner { width: min(calc(100% - 40px), 1180px); margin: auto; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 44px; padding: 30px 0 34px; }
.twv-mega h2 { margin: 0 0 12px; color: var(--twv-gold); font-family: var(--twv-sans); font-size: .76rem; letter-spacing: .12em; text-transform: uppercase; }
.twv-mega ul { margin: 0; padding: 0; list-style: none; columns: 2; column-gap: 24px; }
.twv-mega li { break-inside: avoid; }
.twv-mega a { padding: 6px 0; font-size: .82rem; font-weight: 500; letter-spacing: 0; text-transform: none; }
.twv-menu-toggle, .twv-nav__mobile-home { display: none; }

/* Common components */
.twv-page { min-height: 65vh; }
.twv-page-header { max-width: 850px; padding: 82px 0 48px; }
.twv-page-header h1 { margin: 0 0 18px; }
.twv-page-header p:last-child { max-width: 700px; color: var(--twv-muted); font-size: 1.1rem; }
.twv-generic-page__mast { position: relative; overflow: hidden; padding: 72px 0 52px; border-bottom: 1px solid var(--twv-line); background: radial-gradient(circle at 82% 15%, color-mix(in srgb, var(--twv-gold) 17%, transparent), transparent 32%), linear-gradient(135deg, color-mix(in srgb, var(--twv-surface) 94%, var(--twv-gold)), var(--twv-bg)); }
.twv-generic-page__mast::after { position: absolute; right: -80px; bottom: -145px; width: 360px; height: 360px; border: 1px solid color-mix(in srgb, var(--twv-gold) 35%, transparent); border-radius: 50%; content: ""; }
.twv-generic-page__mast h1 { max-width: 1000px; margin: 16px 0 0; font-size: clamp(2.6rem, 6vw, 5.7rem); }
.twv-generic-page__layout { display: grid; grid-template-columns: minmax(0, 780px) minmax(230px, 1fr); gap: clamp(36px, 7vw, 100px); padding-block: 62px 90px; }
.twv-generic-page__content { min-height: 240px; }
.twv-generic-page__content > h2:first-child { margin-top: 0; }
.twv-generic-page__children { align-self: start; position: sticky; top: calc(var(--twv-header-height) + 24px); padding: 24px; border: 1px solid var(--twv-line); border-radius: 12px; background: var(--twv-surface); }
.twv-generic-page__children ul { display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; }
.twv-generic-page__children li a { display: flex; justify-content: space-between; gap: 15px; padding: 9px 0; border-bottom: 1px solid var(--twv-line); text-decoration: none; }
.twv-generic-page__children li:last-child a { border-bottom: 0; }
.twv-section { padding: 72px 0; }
.twv-section--paper { border-block: 1px solid var(--twv-line); background: linear-gradient(135deg, #fbf2e4, #fffdf9 48%, #f7ead8); color: #2c211b; }
.twv-section--split { padding-top: 10px; }
.twv-eyebrow, .twv-kicker { margin: 0 0 11px; color: var(--twv-gold); font-size: .74rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.twv-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.twv-button { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; gap: 12px; padding: 11px 20px; border: 1px solid var(--twv-accent); border-radius: 4px; background: var(--twv-accent); color: #fff; font-size: .78rem; font-weight: 800; letter-spacing: .055em; text-decoration: none; text-transform: uppercase; cursor: pointer; }
.twv-button:hover { filter: brightness(1.12); transform: translateY(-1px); }
.twv-button--secondary { border-color: var(--twv-gold); background: transparent; color: var(--twv-ink); }
.twv-button--quiet { border-color: var(--twv-line); background: transparent; color: var(--twv-ink); }
.twv-button--text { min-height: 0; padding: 0; border: 0; background: transparent; color: var(--twv-accent); }
.twv-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.twv-section-heading h2 { margin: 0; }
.twv-section-heading > a { color: var(--twv-accent); font-weight: 700; }

/* Homepage */
.twv-hero { position: relative; min-height: min(680px, calc(100vh - var(--twv-header-height))); display: grid; align-items: center; overflow: clip; }
.twv-hero__media, .twv-hero__media picture, .twv-hero__image { position: absolute; inset: 0; width: 100%; height: 100%; }
.twv-hero__image { object-fit: cover; object-position: center 42%; }
.twv-hero__wash { position: absolute; inset: 0; background: linear-gradient(90deg, #fffdf9 5%, rgb(255 253 249 / 92%) 27%, rgb(255 253 249 / 18%) 62%, transparent 78%), linear-gradient(0deg, rgb(255 253 249 / 35%), transparent 35%); }
.twv-hero__content { position: relative; z-index: 1; padding-block: 76px; }
.twv-hero__content h1 { max-width: 780px; margin: 0; color: #2c211b; font-size: clamp(3.1rem, 6.9vw, 6.7rem); font-weight: 400; text-transform: uppercase; }
.twv-hero__content h1 em { color: #a92b25; font-style: normal; }
.twv-hero__content > p:not(.twv-eyebrow) { max-width: 490px; color: #55473e; font-family: var(--twv-serif); font-size: 1.13rem; }
.twv-music-strip { border-block: 1px solid #e8ddd0; background: #fff; color: #2c211b; }
.twv-music-strip__inner { min-height: 92px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 18px; }
.twv-music-strip__icon { width: 50px; height: 50px; display: grid; place-items: center; border-radius: 50%; background: #a92b25; color: #fff; font-size: 1.4rem; }
.twv-music-strip h2 { margin: 0 0 2px; font-family: var(--twv-sans); font-size: .88rem; letter-spacing: .07em; text-transform: uppercase; }
.twv-music-strip p { margin: 0; color: #72665d; font-size: .82rem; }
.twv-search-band { padding: 36px 0 20px; background: linear-gradient(#fff8ef, var(--twv-bg)); }
.twv-global-search { width: min(100%, 920px); margin: auto; }
.twv-global-search > label { display: block; margin-bottom: 8px; color: var(--twv-muted); font-size: .78rem; }
.twv-global-search > div { display: grid; grid-template-columns: 1fr auto; overflow: hidden; border: 1px solid var(--twv-line); border-radius: 999px; background: var(--twv-surface); box-shadow: 0 12px 30px rgb(80 47 25 / 8%); }
.twv-global-search input { min-width: 0; padding: 15px 22px; border: 0; background: transparent; color: var(--twv-ink); }
.twv-global-search button { padding: 0 24px; border: 0; background: transparent; color: var(--twv-accent); font-weight: 800; cursor: pointer; }
.twv-feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.twv-feature-card { padding: 30px; border: 1px solid var(--twv-line); border-radius: var(--twv-radius); background: var(--twv-surface); box-shadow: 0 12px 36px rgb(80 47 25 / 6%); }
.twv-feature-card h2 { margin: 4px 0 14px; font-size: 1.8rem; }
.twv-feature-card p:not(.twv-kicker) { color: var(--twv-muted); }
.twv-split-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.twv-image-card { min-height: 350px; position: relative; display: grid; align-items: end; overflow: hidden; border-radius: var(--twv-radius); background: #20130c; color: #fff; }
.twv-image-card picture, .twv-image-card__image { position: absolute; inset: 0; width: 100%; height: 100%; }
.twv-image-card__image { object-fit: cover; }
.twv-image-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgb(20 10 5 / 88%), transparent 70%); }
.twv-image-card > div { position: relative; z-index: 1; padding: 30px; }
.twv-image-card h2 { margin: 0; }
.twv-image-card p { max-width: 570px; }
.twv-section--preparedness { --twv-gold: #d7a654; --twv-muted: #c2c5c9; background: #0a0d11; color: #f4f1ea; }
.twv-promo { --twv-gold: #d7a654; --twv-muted: #c2c5c9; display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; overflow: hidden; border: 1px solid #3c2323; border-radius: var(--twv-radius); background: #12161b; }
.twv-promo > div { align-self: center; padding: clamp(34px, 5vw, 72px); }
.twv-promo h2 { margin: 0; color: #fff; }
.twv-promo p:not(.twv-kicker) { color: #bbc0c6; }
.twv-promo__image { width: 100%; height: 100%; min-height: 400px; object-fit: cover; }
.twv-stat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.twv-stat-grid article { display: grid; gap: 7px; padding: 24px; border: 1px solid var(--twv-line); border-radius: 12px; background: var(--twv-surface); }
.twv-stat-grid strong { color: var(--twv-gold); font-family: var(--twv-serif); font-size: 1.35rem; }
.twv-stat-grid span { color: var(--twv-muted); }
.twv-join-band { padding: 72px 0; text-align: center; background: radial-gradient(circle at 50% 100%, #ead7ad 0, #fffdf9 52%, #fff 100%); color: #2c211b; }
.twv-join-band h2 { margin: 0; font-size: clamp(2.5rem, 5vw, 5rem); }
.twv-reader-preview { border-top: 4px solid var(--twv-gold); background: linear-gradient(145deg, color-mix(in srgb, var(--twv-surface) 92%, var(--twv-gold)), var(--twv-surface)); }
.twv-home-concordance { border-top: 4px solid var(--twv-accent); background: linear-gradient(145deg, color-mix(in srgb, var(--twv-surface) 92%, var(--twv-accent)), var(--twv-surface)); }
.twv-reader-preview h2, .twv-home-concordance h2 { margin-top: 0; }
.twv-newsletter-band { --twv-gold: #d7a654; --twv-muted: #c8bcac; padding: 62px 0; background: #19130f; color: #f6ead7; }
.twv-newsletter { width: min(100%, 900px); margin: auto; }
.twv-newsletter h2 { margin: 0; color: #fff; }
.twv-newsletter > p:not(.twv-kicker, .twv-notice) { color: #c6b8a6; }
.twv-newsletter form { display: grid; gap: 12px; margin-top: 22px; }
.twv-newsletter form > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; }
.twv-newsletter input[type="email"] { min-width: 0; padding: 12px 14px; border: 1px solid #4d4138; border-radius: 5px; background: #fffdf9; color: #2c211b; }
.twv-newsletter form > label:last-child { color: #c6b8a6; font-size: .85rem; }

/* Section heroes */
.twv-section-hero, .twv-editorial-hero, .twv-prep-hero, .twv-join-hero { min-height: 510px; position: relative; display: grid; align-items: center; overflow: clip; }
.twv-section-hero__media, .twv-section-hero__media picture, .twv-section-hero__image,
.twv-editorial-hero__media, .twv-editorial-hero__media picture, .twv-editorial-hero__image,
.twv-prep-hero__media, .twv-prep-hero__media picture, .twv-prep-hero__image,
.twv-join-hero__media, .twv-join-hero__media picture, .twv-join-hero__image { position: absolute; inset: 0; width: 100%; height: 100%; }
.twv-section-hero__image, .twv-editorial-hero__image, .twv-prep-hero__image, .twv-join-hero__image { object-fit: cover; }
.twv-section-hero__overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgb(56 27 12 / 95%), rgb(66 31 12 / 65%) 48%, transparent); }
.twv-section-hero__content, .twv-editorial-hero__content, .twv-prep-hero__content, .twv-join-hero__content { position: relative; z-index: 1; }
.twv-section-hero h1, .twv-editorial-hero h1, .twv-prep-hero h1, .twv-join-hero h1 { margin: 0 0 20px; }
.twv-section-hero__content { color: #f8e8c2; }
.twv-section-hero__content blockquote { max-width: 470px; margin: 0; font-family: var(--twv-serif); font-size: 1.2rem; }
.twv-section-hero__content cite { display: block; margin-top: 13px; font-style: normal; }
.twv-library-shell { padding-block: 44px 80px; }

/* Articles */
.twv-editorial-hero { color: #2b1b12; }
.twv-editorial-hero__image { object-position: center 50%; }
.twv-editorial-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgb(248 232 194 / 94%), rgb(248 232 194 / 70%) 48%, transparent 76%); }
.twv-editorial-hero__content { max-width: 1260px; }
.twv-editorial-hero__content h1 { max-width: 760px; font-size: clamp(3rem, 6vw, 6rem); }
.twv-editorial-hero__content p:not(.twv-kicker) { max-width: 590px; }
.twv-post-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.twv-post-card { overflow: hidden; border: 1px solid var(--twv-line); border-radius: 14px; background: var(--twv-surface); }
.twv-post-card img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.twv-post-card > div { padding: 24px; }
.twv-post-card h2, .twv-post-card h3 { margin: 0 0 13px; font-size: 1.55rem; }
.twv-post-card h2 a, .twv-post-card h3 a { text-decoration: none; }
.twv-post-card p { color: var(--twv-muted); }
.twv-article { max-width: 1240px; padding-block: 72px; }
.twv-article__header { max-width: 970px; margin: auto; }
.twv-article__header h1 { margin: 0; font-size: clamp(3rem, 7vw, 6rem); }
.twv-article__meta { color: var(--twv-muted); }
.twv-article__hero { width: 100%; margin-top: 32px; border-radius: 18px; }
.twv-article__layout { display: grid; grid-template-columns: minmax(0, 760px) minmax(230px, 1fr); gap: 70px; margin-top: 58px; }
.twv-prose { font-family: var(--twv-serif); font-size: 1.15rem; }
.twv-prose > * + * { margin-top: 1.35em; }
.twv-prose h2, .twv-prose h3 { margin-top: 2em; }
.twv-article__aside { align-self: start; position: sticky; top: calc(var(--twv-header-height) + 24px); padding: 24px; border: 1px solid var(--twv-line); border-radius: 12px; color: var(--twv-muted); }
.twv-article__aside h2 { color: var(--twv-gold); font-family: var(--twv-sans); font-size: .8rem; letter-spacing: .1em; text-transform: uppercase; }

/* Preparedness */
.twv-prep-hero { min-height: 600px; color: #fff; }
.twv-prep-hero__image { object-position: center; filter: saturate(.85) contrast(1.12) brightness(.72); }
.twv-prep-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgb(4 7 10 / 96%), rgb(4 7 10 / 58%) 55%, transparent); }
.twv-prep-hero__content h1 { font-family: var(--twv-sans); font-size: clamp(3.3rem, 8vw, 7.5rem); font-weight: 950; letter-spacing: -.06em; text-transform: uppercase; }
.twv-prep-hero__content p:not(.twv-kicker) { max-width: 640px; color: #e6e7e9; font-size: 1.13rem; }
.twv-prep-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.twv-prep-card { padding: 30px; border: 1px solid var(--twv-line); border-top: 3px solid var(--card-accent, #d5232d); border-radius: 10px; background: linear-gradient(145deg, color-mix(in srgb, var(--card-accent, #d5232d) 12%, var(--twv-surface)), var(--twv-surface)); }
.twv-prep-card--spiritual { --card-accent: #3b8fc4; }
.twv-prep-card--temporal { --card-accent: #5a9b72; }
.twv-prep-card--physical { --card-accent: #ff5a21; }
.twv-prep-card--emotional { --card-accent: #8a67a5; }
.twv-prep-card > span { color: var(--card-accent); font-size: 2.2rem; }
.twv-prep-card h2 { font-family: var(--twv-sans); font-size: 1.25rem; text-transform: uppercase; }
.twv-prep-card p { color: var(--twv-muted); }
.twv-prep-card a { color: var(--card-accent); font-weight: 800; }
.twv-action-plan { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; padding-bottom: 80px; }
.twv-action-plan > div { padding: 34px; border: 1px solid var(--twv-line); border-radius: 10px; background: var(--twv-surface); }

/* Multimedia */
.twv-cosmic-hero { padding: 80px 0; background: radial-gradient(circle at 35% 40%, rgb(86 127 228 / 28%), transparent 38%), radial-gradient(circle at 78% 10%, rgb(143 98 212 / 24%), transparent 33%), #070a17; }
.twv-cosmic-hero > .twv-container { display: grid; grid-template-columns: 270px 1fr; align-items: center; gap: 50px; }
.twv-cosmic-hero__seal img { width: 256px; height: 256px; }
.twv-cosmic-hero h1 { margin: 0; }
.twv-cosmic-hero p:not(.twv-kicker) { max-width: 700px; color: var(--twv-muted); font-size: 1.15rem; }
.twv-media-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.twv-media-grid article { min-height: 290px; padding: 34px; border: 1px solid var(--twv-line); border-radius: 16px; background: linear-gradient(145deg, #131a36, #0b1023); }
.twv-media-grid p { color: var(--twv-muted); }

/* Join */
.twv-join-hero { color: #3d2417; }
.twv-join-hero__image { object-position: center; }
.twv-join-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgb(255 253 249 / 98%), rgb(255 253 249 / 83%) 47%, transparent 76%); }
.twv-join-hero__content h1 { color: #6b321f; font-weight: 400; }
.twv-join-hero__content h2 { margin: -18px 0 22px; font-size: clamp(1.8rem, 3vw, 3.4rem); font-weight: 400; }
.twv-join-hero__content h2 em { color: #a92b25; font-style: normal; }
.twv-join-hero__content > p { max-width: 600px; }
.twv-values { position: relative; z-index: 2; margin-top: -34px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; overflow: hidden; border: 1px solid #e8ddd0; border-radius: 16px; background: #e8ddd0; box-shadow: var(--twv-shadow); color: #2c211b; }
.twv-values article { padding: 28px; background: #fffdf9; }
.twv-values h2 { color: #8e5521; font-family: var(--twv-sans); font-size: .95rem; letter-spacing: .09em; text-transform: uppercase; }
.twv-values p { color: #72665d; }

/* Vault */
.twv-vault-hero { min-height: 540px; position: relative; display: grid; align-items: center; overflow: hidden; background: radial-gradient(circle at 75% 40%, rgb(45 213 207 / 20%), transparent 38%), #050b0c; }
.twv-vault-hero__visual { position: absolute; inset: 0; }
.twv-vault-hero__visual > img:first-child { position: absolute; z-index: 2; left: max(4vw, calc((100vw - 1320px) / 2)); top: 72px; width: 240px; height: 240px; }
.twv-vault-hero__visual picture, .twv-vault-hero__image { position: absolute; right: 0; top: 0; width: min(62vw, 900px); height: 100%; }
.twv-vault-hero__image { object-fit: cover; object-position: center; opacity: .58; -webkit-mask-image: linear-gradient(90deg, transparent, #000 28%); mask-image: linear-gradient(90deg, transparent, #000 28%); }
.twv-vault-hero__content { position: relative; z-index: 3; padding-left: 310px; }
.twv-vault-hero__content h1 { margin: 0; font-size: clamp(4rem, 8vw, 7rem); }
.twv-vault-hero__content > p { max-width: 560px; color: var(--twv-muted); }

/* Search, empty and footer */
.twv-search-results { display: grid; gap: 18px; padding: 30px 0 80px; }
.twv-search-results li { padding: 24px; border: 1px solid var(--twv-line); border-radius: 12px; background: var(--twv-surface); }
.twv-search-results h2 { margin: 0; }
.twv-global-search { padding-block: clamp(34px, 6vw, 76px); }
.twv-global-search .search-form { max-width: 820px; margin: 24px 0 44px; }
.twv-search-group { margin-top: 54px; padding-top: 34px; border-top: 1px solid var(--twv-line); }
.twv-search-group .twv-book-card { min-height: 220px; }
.twv-search-group .twv-concordance-results { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.twv-empty { max-width: 820px; padding-block: 120px; text-align: center; }
.twv-empty .search-form { margin: 30px auto; }
.twv-footer { --twv-gold: #5f4218; --twv-muted: #62584f; border-top: 1px solid var(--twv-line); background: color-mix(in srgb, var(--twv-surface) 90%, #000 10%); }
.twv-footer__grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 42px; padding-block: 55px; }
.twv-footer h2 { margin: 0 0 14px; color: var(--twv-gold); font-family: var(--twv-sans); font-size: .82rem; letter-spacing: .1em; text-transform: uppercase; }
.twv-footer p { color: var(--twv-muted); }
.twv-footer a { display: block; margin: 8px 0; color: var(--twv-muted); }
.twv-footer__legal { padding: 18px; border-top: 1px solid var(--twv-line); color: var(--twv-muted); font-size: .75rem; text-align: center; }

/* Plugin surfaces */
.twv-panel { padding: 28px; border: 1px solid var(--twv-line); border-radius: 14px; background: var(--twv-surface); }
.twv-form { display: grid; gap: 17px; max-width: 760px; }
.twv-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.twv-form label { display: grid; gap: 7px; color: var(--twv-muted); font-weight: 700; }
.twv-form input, .twv-form textarea, .twv-form select, .twv-library-search input, .twv-concordance-search input, .twv-section-heading input { width: 100%; padding: 12px 14px; border: 1px solid var(--twv-line); border-radius: 7px; background: color-mix(in srgb, var(--twv-surface) 94%, var(--twv-bg)); color: var(--twv-ink); }
.twv-notice { padding: 14px 18px; border-left: 4px solid var(--twv-accent); background: color-mix(in srgb, var(--twv-accent) 9%, var(--twv-surface)); }
.twv-library-toolbar { display: grid; grid-template-columns: 1fr auto auto; gap: 12px; margin-bottom: 26px; }
.twv-library-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.twv-book-card { display: flex; min-height: 270px; flex-direction: column; padding: 23px; border: 1px solid var(--twv-line); border-radius: 10px; background: color-mix(in srgb, var(--twv-surface) 94%, #fff 6%); }
.twv-book-card__meta { color: var(--twv-gold); font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.twv-book-card h2 { margin: 14px 0 10px; font-size: 1.3rem; }
.twv-book-card h2 a { text-decoration: none; }
.twv-book-card p { color: var(--twv-muted); font-size: .9rem; }
.twv-book-card__actions { margin-top: auto; display: flex; gap: 12px; }
.twv-pagination { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-top: 34px; }
.twv-pagination a, .twv-pagination span { min-width: 40px; padding: 8px 12px; border: 1px solid var(--twv-line); text-align: center; }
.twv-reader { min-height: calc(100vh - var(--twv-header-height)); display: grid; grid-template-columns: 250px minmax(0, 780px) 280px; justify-content: center; background: var(--twv-bg); }
.twv-reader__toc, .twv-reader__notes { position: sticky; top: var(--twv-header-height); height: calc(100vh - var(--twv-header-height)); overflow: auto; padding: 24px; border-right: 1px solid var(--twv-line); background: color-mix(in srgb, var(--twv-surface) 84%, transparent); }
.twv-reader__notes { border-right: 0; border-left: 1px solid var(--twv-line); }
.twv-reader__notes textarea { width: 100%; resize: vertical; margin: 8px 0 12px; padding: 10px; color: var(--twv-ink); background: var(--twv-surface); border: 1px solid var(--twv-line); border-radius: 6px; }
.twv-reader__note-actions { display: grid; gap: 8px; }
.twv-reader__save-status { min-height: 1.5em; color: var(--twv-muted); font-size: .9rem; }
.twv-reader__main { padding: 50px clamp(24px, 5vw, 72px) 90px; background: color-mix(in srgb, var(--twv-surface) 80%, transparent); }
.twv-reader__tools { position: sticky; z-index: 10; top: var(--twv-header-height); display: flex; flex-wrap: wrap; gap: 8px; padding: 10px; border: 1px solid var(--twv-line); border-radius: 9px; background: var(--twv-surface); }
.twv-reader__tools button { padding: 7px 10px; border: 1px solid var(--twv-line); background: transparent; color: var(--twv-ink); cursor: pointer; }
.twv-reader__studybar { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin: 12px 0 28px; padding: 9px 11px; border: 1px solid var(--twv-line); border-radius: 8px; background: color-mix(in srgb, var(--twv-surface) 94%, var(--twv-gold)); font-size: .82rem; }
.twv-reader__studybar button, .twv-reader__portable button, .twv-file-button { min-height: 34px; padding: 6px 9px; border: 1px solid var(--twv-line); border-radius: 5px; background: var(--twv-surface); color: var(--twv-ink); cursor: pointer; }
.twv-highlight-color { position: relative; padding-left: 28px !important; }
.twv-highlight-color::before { position: absolute; left: 8px; top: 9px; width: 12px; height: 12px; border-radius: 50%; content: ""; }
.twv-highlight-color--gold::before { background: #f0c94c; }
.twv-highlight-color--rose::before { background: #ef8f9d; }
.twv-highlight-color--mint::before { background: #79c9a5; }
.twv-reader__find { margin-bottom: 26px; padding: 12px; border-block: 1px solid var(--twv-line); }
.twv-reader__find > div { display: grid; grid-template-columns: 1fr auto auto; gap: 7px; margin-top: 6px; }
.twv-reader__find input { min-width: 0; padding: 8px 10px; border: 1px solid var(--twv-line); background: var(--twv-surface); color: var(--twv-ink); }
.twv-reader__find p { min-height: 1.2em; margin: 5px 0 0; color: var(--twv-muted); font-size: .82rem; }
.twv-reader__content { font-family: var(--twv-serif); font-size: var(--twv-reader-size, 1.12rem); line-height: 1.85; }
.twv-reader__content ::selection { background: rgb(239 198 71 / 52%); color: inherit; }
.twv-reader__highlights { display: grid; gap: 8px; }
.twv-saved-highlight { display: grid; grid-template-columns: 1fr auto; gap: 5px; padding: 7px; border-left: 4px solid #f0c94c; background: color-mix(in srgb, var(--twv-surface) 84%, #f0c94c); }
.twv-saved-highlight--rose { border-left-color: #ef8f9d; }
.twv-saved-highlight--mint { border-left-color: #79c9a5; }
.twv-saved-highlight--blue { border-left-color: #7eb7df; }
.twv-saved-highlight__quote, .twv-saved-highlight__remove { border: 0; background: transparent; color: var(--twv-ink); text-align: left; cursor: pointer; }
.twv-saved-highlight__quote { font-family: var(--twv-serif); }
.twv-saved-highlight__remove { color: var(--twv-red); font-size: .72rem; }
.twv-reader__portable { display: flex; flex-wrap: wrap; gap: 7px; margin: 14px 0 24px; }
::highlight(twv-gold) { background: rgb(240 201 76 / 68%); color: inherit; }
::highlight(twv-rose) { background: rgb(239 143 157 / 64%); color: inherit; }
::highlight(twv-mint) { background: rgb(121 201 165 / 64%); color: inherit; }
::highlight(twv-blue) { background: rgb(126 183 223 / 64%); color: inherit; }
::highlight(twv-violet) { background: rgb(181 147 218 / 62%); color: inherit; }
::highlight(twv-underline) { text-decoration: underline 3px #397baa; text-decoration-skip-ink: auto; }
::highlight(twv-find) { background: #ff7a21; color: #111; }
.twv-rendered-highlight--gold { background: rgb(240 201 76 / 68%); }
.twv-rendered-highlight--rose { background: rgb(239 143 157 / 64%); }
.twv-rendered-highlight--mint { background: rgb(121 201 165 / 64%); }
.twv-rendered-highlight--blue { background: rgb(126 183 223 / 64%); }
.twv-rendered-highlight--underline { background: transparent; text-decoration: underline 3px #397baa; }
.twv-reader[data-theme="dark"] { --twv-bg: #111315; --twv-surface: #1b1e20; --twv-ink: #f4eee4; --twv-muted: #b5aca1; --twv-line: #383b3c; color-scheme: dark; }
.twv-reader[data-theme="paper"] { --twv-bg: #d8b879; --twv-surface: #f2d9a7; --twv-ink: #3d2417; --twv-muted: #6b4a34; --twv-line: #b98d57; }
.twv-interlinear-wrap { overflow-x: auto; border: 1px solid var(--twv-line); border-radius: 10px; }
.twv-interlinear { width: 100%; min-width: 820px; border-collapse: collapse; }
.twv-interlinear th, .twv-interlinear td { padding: 12px; border: 1px solid var(--twv-line); vertical-align: top; }
.twv-interlinear th { background: color-mix(in srgb, var(--twv-gold) 12%, var(--twv-surface)); text-align: left; }
.twv-token-original[dir="rtl"] { font-size: 1.4rem; }
.twv-concordance-results { display: grid; gap: 12px; margin-top: 22px; }
.twv-term { padding: 20px; border: 1px solid var(--twv-line); border-radius: 9px; background: var(--twv-surface); }
.twv-term h2 { margin: 0; }
.twv-term h2 a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.twv-concordance-search, .twv-concordance-dashboard { min-width: 0; max-width: 100%; }
.twv-concordance-search :is(input, select), .twv-concordance-dashboard > *, .twv-concordance-stats > *, .twv-language-grid > * { min-width: 0; max-width: 100%; }
.twv-concordance-dashboard { display: grid; gap: 30px; margin-top: 26px; }
.twv-concordance-dashboard .twv-panel { overflow-wrap: anywhere; }
.twv-concordance-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.twv-concordance-stats article { padding: 18px; border: 1px solid var(--twv-line); background: color-mix(in srgb, var(--twv-surface) 88%, transparent); text-align: center; }
.twv-concordance-stats strong { display: block; color: var(--twv-brown, var(--twv-gold)); font-family: var(--twv-serif); font-size: clamp(1.5rem, 3vw, 2.3rem); }
.twv-concordance-stats span { color: var(--twv-muted); font-size: .8rem; text-transform: uppercase; letter-spacing: .05em; }
.twv-music-platforms { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(22px, 4vw, 52px); }
.twv-music-platforms > section > h3 { margin: 0 0 16px; color: var(--twv-brown, var(--twv-gold)); font-size: clamp(1.4rem, 2.5vw, 2rem); }
.twv-spotify-list { display: grid; gap: 10px; }
.twv-spotify-list article { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 16px; border: 1px solid var(--twv-line); background: var(--twv-surface); }
.twv-spotify-list article > span { color: var(--twv-accent); font-family: var(--twv-serif); font-size: 1.15rem; font-weight: 700; }
.twv-spotify-list h2 { margin: 0; font-size: 1rem; }
.twv-spotify-list p { margin: 5px 0 0; color: var(--twv-muted); font-size: .82rem; }
.twv-floating-contact { position: fixed; z-index: 80; right: clamp(14px, 2vw, 28px); bottom: clamp(14px, 2vw, 28px); display: grid; gap: 9px; justify-items: end; }
.twv-contact-button { display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 10px 16px; border: 1px solid rgb(255 255 255 / 20%); border-radius: 999px; box-shadow: 0 10px 28px rgb(0 0 0 / 28%); color: #fff; font-weight: 800; text-decoration: none; transition: transform .16s ease, box-shadow .16s ease; }
.twv-contact-button:hover, .twv-contact-button:focus-visible { transform: translateY(-2px); box-shadow: 0 14px 34px rgb(0 0 0 / 34%); color: #fff; }
.twv-contact-button > span:first-child { display: grid; width: 24px; height: 24px; place-items: center; border: 2px solid currentColor; border-radius: 50%; font-size: .75rem; }
.twv-whatsapp { background: #147a43; }
.twv-messenger { background: #0866ff; }
.twv-webster-entry .twv-panel p { white-space: pre-line; }
.twv-language-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.twv-language-card { display: flex; min-height: 150px; flex-direction: column; justify-content: space-between; padding: 18px; border: 1px solid var(--twv-line); background: var(--twv-surface); color: inherit; text-decoration: none; }
.twv-language-card strong { font-family: var(--twv-serif); font-size: 1.25rem; }
.twv-breadcrumbs { margin: 0 0 22px; color: var(--twv-muted); font-size: .85rem; }
.twv-article { padding-block: clamp(34px, 6vw, 84px); }
.twv-article__header { max-width: 1060px; margin: 0 auto 42px; }
.twv-article__header h1 { max-width: 980px; margin: 10px 0 18px; font-size: clamp(2.5rem, 6vw, 5.8rem); line-height: .98; }
.twv-article__meta { display: flex; flex-wrap: wrap; gap: 8px 22px; color: var(--twv-muted); font-size: .86rem; }
.twv-article__hero { width: 100%; max-height: 680px; margin-top: 28px; border-radius: 14px; object-fit: cover; }
.twv-article__layout { display: grid; grid-template-columns: minmax(0, 760px) minmax(250px, 330px); gap: clamp(32px, 6vw, 84px); justify-content: center; align-items: start; }
.twv-article__content { min-width: 0; font-size: 1.08rem; line-height: 1.82; }
.twv-article__content :is(h2, h3) { scroll-margin-top: calc(var(--twv-header-height) + 24px); }
.twv-article__toc { margin: 0 0 36px; padding: 24px 28px; border: 1px solid var(--twv-line); border-left: 4px solid var(--twv-gold); border-radius: 8px; background: color-mix(in srgb, var(--twv-surface) 91%, var(--twv-gold)); }
.twv-article__toc ol { margin: 12px 0 0; padding-left: 22px; }
.twv-article__toc li { margin: 7px 0; }
.twv-article__toc-level-3 { margin-left: 18px !important; font-size: .92em; }
.twv-article__toc a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.twv-article__aside { position: sticky; top: calc(var(--twv-header-height) + 24px); display: grid; gap: 18px; }
.twv-article__aside section { padding: 22px; border: 1px solid var(--twv-line); border-radius: 9px; background: var(--twv-surface); }
.twv-article__aside h2 { margin-top: 0; font-size: 1.25rem; }
.twv-claim-badge { display: inline-flex; padding: 7px 10px; border: 1px solid color-mix(in srgb, var(--twv-gold) 60%, var(--twv-line)); border-radius: 999px; background: color-mix(in srgb, var(--twv-gold) 12%, var(--twv-surface)); color: var(--twv-ink); font-size: .78rem; font-weight: 800; }
.twv-article__tags { margin-top: 46px; padding-top: 20px; border-top: 1px solid var(--twv-line); }
.twv-article__related { margin-top: 70px; padding-top: 42px; border-top: 1px solid var(--twv-line); }
.twv-article__related > h2 { margin-top: 0; }
.twv-term-detail { display: grid; gap: 28px; }
.twv-term-detail > header { display: grid; gap: 8px; padding: clamp(24px, 4vw, 48px); border: 1px solid var(--twv-line); background: color-mix(in srgb, var(--twv-surface) 88%, transparent); text-align: center; }
.twv-term-detail > header h2 { margin: 0; font-size: clamp(2.8rem, 9vw, 6.7rem); line-height: 1; }
.twv-term-detail__transliteration { margin: 0; font-family: var(--twv-serif); font-size: 1.3rem; }
.twv-term-actions { display: flex; justify-content: center; gap: 8px; }
.twv-term-actions button { padding: 8px 12px; border: 1px solid var(--twv-line); background: var(--twv-surface); color: var(--twv-ink); cursor: pointer; }
.twv-term-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; border: 1px solid var(--twv-line); }
.twv-term-facts div { padding: 16px; border: 1px solid var(--twv-line); }
.twv-term-facts dt { color: var(--twv-muted); font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.twv-term-facts dd { margin: 7px 0 0; font-family: var(--twv-serif); }
.twv-chip-list { display: flex; flex-wrap: wrap; gap: 8px; }
.twv-chip-list > * { padding: 7px 10px; border: 1px solid var(--twv-line); border-radius: 999px; background: var(--twv-surface); color: inherit; text-decoration: none; }
.twv-occurrence-list { display: grid; gap: 7px; }
.twv-occurrence-list article { display: grid; grid-template-columns: minmax(130px, .7fr) minmax(120px, .5fr) 2fr; gap: 12px; align-items: baseline; padding: 11px 14px; border-bottom: 1px solid var(--twv-line); }
.twv-occurrence-list small { color: var(--twv-muted); }
.twv-source-card { padding: 22px; border: 1px solid var(--twv-line); background: color-mix(in srgb, var(--twv-gold) 9%, var(--twv-surface)); }
.twv-passage-version + .twv-passage-version { margin-top: 38px; padding-top: 28px; border-top: 2px solid var(--twv-line); }
.twv-passage-original { font-family: var(--twv-serif); font-size: clamp(1.35rem, 3vw, 2rem); line-height: 1.7; }

/* Advanced section hubs and public formats library */
.twv-tools-hero, .twv-formats-hero, .twv-premium-hero { position: relative; min-height: 610px; display: grid; align-items: center; overflow: hidden; }
.twv-tools-hero__media, .twv-formats-hero__media, .twv-premium-hero__media { position: absolute; inset: 0; }
.twv-tools-hero__media picture, .twv-tools-hero__image, .twv-formats-hero__media picture, .twv-formats-hero__image, .twv-premium-hero__media picture, .twv-premium-hero__image { width: 100%; height: 100%; }
.twv-tools-hero__image, .twv-formats-hero__image, .twv-premium-hero__image { object-fit: cover; }
.twv-tools-hero::after, .twv-formats-hero::after, .twv-premium-hero::after { content: ""; position: absolute; inset: 0; }
.twv-tools-hero::after { background: linear-gradient(90deg, rgb(17 10 4 / 97%), rgb(17 10 4 / 69%) 52%, rgb(17 10 4 / 18%)); }
.twv-formats-hero::after { background: linear-gradient(90deg, rgb(20 13 11 / 98%), rgb(36 15 12 / 76%) 55%, rgb(36 15 12 / 24%)); }
.twv-premium-hero::after { background: linear-gradient(90deg, rgb(12 10 5 / 97%), rgb(35 28 10 / 70%) 55%, transparent); }
.twv-tools-hero__content, .twv-formats-hero__content, .twv-premium-hero__content { position: relative; z-index: 2; color: #fff; }
.twv-tools-hero__content h1, .twv-formats-hero__content h1, .twv-premium-hero__content h1 { max-width: 900px; margin: 10px 0 20px; font-size: clamp(3rem, 7vw, 6.6rem); line-height: .96; }
.twv-tools-hero__content > p:not(.twv-kicker), .twv-formats-hero__content > p:not(.twv-kicker), .twv-premium-hero__content > p:not(.twv-kicker) { max-width: 660px; color: #e7e1d8; font-size: 1.13rem; }
.twv-tools-hero__image { filter: saturate(.72) contrast(1.08); }
.twv-formats-hero__image { filter: saturate(.72) contrast(1.12); }

.twv-tool-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.twv-tool-grid article { min-height: 280px; display: flex; flex-direction: column; padding: 30px; border: 1px solid var(--twv-line); border-radius: 12px; background: linear-gradient(145deg, color-mix(in srgb, var(--twv-gold) 8%, var(--twv-surface)), var(--twv-surface)); }
.twv-tool-grid article > span { color: var(--twv-gold); font-family: var(--twv-serif); font-size: 1.5rem; }
.twv-tool-grid h2 { margin: 34px 0 10px; font-size: 1.55rem; }
.twv-tool-grid p { color: var(--twv-muted); }
.twv-tool-grid a { margin-top: auto; color: var(--twv-gold); font-weight: 800; }
.twv-tools-workflow { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 60px; align-items: center; }
.twv-tools-workflow__steps { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; overflow: hidden; border: 1px solid #d7c6a5; background: #d7c6a5; }
.twv-tools-workflow__steps span { min-height: 110px; display: grid; place-items: center; padding: 20px; background: #fffaf0; color: #3d2b19; font-weight: 800; text-align: center; }

.twv-format-paths { position: relative; z-index: 3; margin-top: -46px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: hidden; border: 1px solid var(--twv-line); border-radius: 14px; background: var(--twv-line); box-shadow: var(--twv-shadow); }
.twv-format-paths article { padding: 28px; background: var(--twv-surface); }
.twv-format-paths article + article { border-left: 1px solid var(--twv-line); }
.twv-format-paths span { color: var(--twv-red); font-family: var(--twv-serif); font-size: 1.3rem; }
.twv-format-paths h2 { margin: 8px 0; font-size: 1.4rem; }
.twv-format-paths p { margin: 0; color: var(--twv-muted); }
.twv-formats { display: grid; gap: 28px; }
.twv-formats__summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--twv-line); }
.twv-formats__summary article { padding: 20px; border-right: 1px solid var(--twv-line); text-align: center; }
.twv-formats__summary article:last-child { border-right: 0; }
.twv-formats__summary strong { display: block; color: var(--twv-gold); font-family: var(--twv-serif); font-size: clamp(1.4rem, 3vw, 2.2rem); }
.twv-formats__summary span { color: var(--twv-muted); font-size: .76rem; letter-spacing: .04em; text-transform: uppercase; }
.twv-formats__toolbar { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(240px, .6fr); gap: 14px; padding: 20px; border: 1px solid var(--twv-line); border-radius: 10px; background: var(--twv-surface); }
.twv-formats__toolbar label { display: grid; gap: 7px; color: var(--twv-muted); font-size: .8rem; font-weight: 800; }
.twv-formats__toolbar :is(input, select) { width: 100%; padding: 12px 14px; border: 1px solid var(--twv-line); border-radius: 6px; background: var(--twv-bg); color: var(--twv-ink); }
.twv-formats__result { margin: -10px 0 0; color: var(--twv-muted); }
.twv-formats__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.twv-format-card { min-height: 330px; display: flex; flex-direction: column; padding: 24px; border: 1px solid var(--twv-line); border-top: 3px solid var(--twv-red); border-radius: 9px; background: var(--twv-surface); }
.twv-format-card[hidden] { display: none; }
.twv-format-card__meta { display: flex; justify-content: space-between; gap: 12px; color: var(--twv-gold); font-size: .68rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.twv-format-card__body { display: grid; grid-template-columns: minmax(0, 1fr) 96px; gap: 18px; align-items: start; margin-top: 22px; }
.twv-format-card__cover { width: 96px; aspect-ratio: 2 / 3; border: 1px solid rgb(181 144 83 / 42%); border-radius: 3px; object-fit: cover; box-shadow: 0 10px 24px rgb(0 0 0 / 18%); }
.twv-format-card h3 { margin: 0 0 10px; font-size: 1.35rem; line-height: 1.1; }
.twv-format-card p { color: var(--twv-muted); }
.twv-format-card small { margin-top: auto; color: var(--twv-muted); }
.twv-format-card__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin-top: 18px; }
.twv-format-checksum { padding: 8px; border: 0; background: transparent; color: var(--twv-muted); font-size: .72rem; text-decoration: underline; cursor: pointer; }
.twv-formats__notice h2 { margin-top: 0; }
.twv-formats__restricted { padding: 26px; border: 1px dashed #b8685e; border-radius: 10px; background: color-mix(in srgb, #b8685e 8%, var(--twv-surface)); }
.twv-formats__restricted h2 { margin: 6px 0; font-size: 1.4rem; }
.twv-formats-principles { display: grid; grid-template-columns: 1fr 1fr; gap: 58px; align-items: start; }
.twv-formats-principles ol { margin: 0; padding: 0; list-style: none; counter-reset: principle; }
.twv-formats-principles li { counter-increment: principle; padding: 15px 0; border-bottom: 1px solid #d8c7ab; color: #5d4a37; }
.twv-formats-principles li::before { content: counter(principle, decimal-leading-zero); margin-right: 12px; color: #9e2f28; font-weight: 900; }

.twv-prep-hero__content h1 { max-width: 980px; font-size: clamp(3rem, 7vw, 6.4rem); line-height: .92; }
.twv-prep-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; padding-block: 54px; border-bottom: 1px solid var(--twv-line); }
.twv-prep-intro h2 { margin: 5px 0 0; font-size: clamp(2rem, 4vw, 3.8rem); }
.twv-prep-intro > p { color: var(--twv-muted); font-size: 1.07rem; }
.twv-prep-paths { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: hidden; border: 1px solid var(--twv-line); border-radius: 12px; }
.twv-prep-paths article { min-height: 330px; display: flex; flex-direction: column; padding: 32px; background: var(--twv-surface); }
.twv-prep-paths article + article { border-left: 1px solid var(--twv-line); }
.twv-prep-paths span { color: var(--twv-muted); font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.twv-prep-paths strong { margin: 22px 0 4px; color: var(--twv-red); font-family: var(--twv-serif); font-size: clamp(2.5rem, 5vw, 4.5rem); }
.twv-prep-paths p { color: var(--twv-muted); }
.twv-prep-paths a { margin-top: auto; font-weight: 800; }
.twv-prep-grid--seven { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.twv-prep-grid--seven .twv-prep-card:nth-child(n+5) { grid-column: span 1; }
.twv-prep-card--psychological { --card-accent: #4a86a8; }
.twv-prep-card--financial { --card-accent: #b48937; }
.twv-prep-card--family { --card-accent: #b85849; }
.twv-prep-card small { display: block; margin-top: 16px; color: var(--card-accent); font-size: .66rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.twv-prep-card h3 { margin: 8px 0 12px; font-size: 1.22rem; text-transform: uppercase; }
.twv-prep-feature { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); overflow: hidden; border: 1px solid var(--twv-line); border-radius: 14px; background: var(--twv-surface); }
.twv-prep-feature__media { min-height: 520px; }
.twv-prep-feature__media picture, .twv-prep-feature__image { width: 100%; height: 100%; }
.twv-prep-feature__image { object-fit: cover; }
.twv-prep-feature > div:last-child { align-self: center; padding: clamp(30px, 5vw, 66px); }
.twv-prep-feature li { margin: 10px 0; color: var(--twv-muted); }
.twv-risk-band { padding-block: 72px; background: linear-gradient(145deg, #15191d, #07090b); color: #fff; }
.twv-risk-band .twv-section-heading > p { max-width: 300px; color: #aeb4bb; }
.twv-risk-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); border: 1px solid #333940; }
.twv-risk-grid article { min-height: 210px; padding: 22px; border-right: 1px solid #333940; }
.twv-risk-grid article:last-child { border-right: 0; }
.twv-risk-grid span { color: #e6483f; font-size: 2rem; }
.twv-risk-grid h3 { margin: 35px 0 8px; font-size: 1rem; }
.twv-risk-grid p { color: #aeb4bb; font-size: .84rem; }
.twv-risk-grid a { color: #e5c36b; font-size: .82rem; font-weight: 750; text-decoration: none; }
.twv-risk-grid a:hover, .twv-risk-grid a:focus-visible { color: #fff; text-decoration: underline; }
.twv-prep-dashboard { display: grid; grid-template-columns: .8fr 1.2fr; gap: 60px; padding: clamp(28px, 5vw, 60px); border: 1px solid var(--twv-line); border-radius: 14px; background: var(--twv-surface); }
.twv-prep-progress { height: 10px; overflow: hidden; border-radius: 999px; background: var(--twv-line); }
.twv-prep-progress span { display: block; width: 0; height: 100%; background: linear-gradient(90deg, var(--twv-red), #e89036); transition: width .2s ease; }
.twv-prep-checklist { display: grid; gap: 0; margin: 0; padding: 0; border: 0; }
.twv-prep-checklist label { display: grid; grid-template-columns: auto 1fr; gap: 12px; padding: 16px 0; border-bottom: 1px solid var(--twv-line); cursor: pointer; }
.twv-prep-checklist input { width: 20px; height: 20px; accent-color: var(--twv-red); }
.twv-prep-sources { display: grid; grid-template-columns: .8fr 1.2fr; gap: 55px; }
.twv-source-grid { display: grid; gap: 10px; }
.twv-source-grid a { display: grid; gap: 6px; padding: 18px; border: 1px solid #d8c7ab; background: #fffaf0; color: #3d2b19; text-decoration: none; }
.twv-source-grid a:hover strong { color: #9e2f28; }
.twv-source-grid span { color: #6f5c47; }
.twv-safety-note { margin-block: 36px 76px; display: grid; grid-template-columns: auto 1fr; gap: 20px; padding: 22px 26px; border-left: 4px solid #d4352d; background: color-mix(in srgb, #d4352d 9%, var(--twv-surface)); }
.twv-safety-note p { margin: 0; }

/* Detailed preparedness guides */
.twv-prep-resource-hero { position: relative; min-height: min(760px, 82vh); display: grid; align-items: end; overflow: hidden; background: #07090c; color: #fff; }
.twv-prep-resource-hero__media, .twv-prep-resource-hero__media picture, .twv-prep-resource-hero__image { position: absolute; inset: 0; width: 100%; height: 100%; }
.twv-prep-resource-hero__image { object-fit: cover; object-position: center; }
.twv-prep-resource-hero__shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgb(3 5 8 / 94%) 0%, rgb(3 5 8 / 68%) 46%, rgb(3 5 8 / 17%) 78%), linear-gradient(0deg, rgb(3 5 8 / 75%), transparent 55%); }
.twv-prep-resource-hero__content { position: relative; z-index: 2; max-width: 820px; margin-left: max(20px, calc((100vw - 1320px) / 2)); margin-right: auto; padding: 90px 0 72px; }
.twv-prep-resource-hero__content h1 { max-width: 850px; margin: 18px 0; font-size: clamp(3rem, 7vw, 6.8rem); }
.twv-prep-resource-hero__content > p:not(.twv-kicker) { max-width: 720px; color: #d8d9da; font-size: clamp(1.05rem, 1.5vw, 1.28rem); }
.twv-prep-resource-hero .twv-breadcrumbs { color: #c4c7cb; }
.twv-prep-resource-intro { display: grid; grid-template-columns: .85fr 1.15fr; gap: 70px; align-items: end; margin-bottom: 44px; }
.twv-prep-resource-intro h2 { margin-bottom: 0; }
.twv-prep-resource-intro > p { margin-bottom: 0; color: var(--twv-muted); font-size: 1.04rem; }
.twv-prep-resource-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.twv-prep-resource-steps article { min-height: 290px; padding: 30px; border: 1px solid var(--twv-line); border-radius: 12px; background: var(--twv-surface); box-shadow: 0 12px 38px rgb(46 27 14 / 7%); }
.twv-prep-resource-steps article > span { color: var(--twv-accent); font-family: var(--twv-serif); font-size: 1.35rem; }
.twv-prep-resource-steps h2 { margin: 58px 0 12px; font-size: clamp(1.55rem, 2.4vw, 2.25rem); }
.twv-prep-resource-steps p { margin: 0; color: var(--twv-muted); }
.twv-prep-resource-check { display: grid; grid-template-columns: .8fr 1.2fr; gap: 62px; align-items: start; }
.twv-prep-downloads { display: grid; grid-template-columns: .8fr 1.2fr; gap: 62px; align-items: start; }
.twv-prep-downloads__list { display: grid; gap: 10px; }
.twv-prep-downloads__list a { display: grid; gap: 6px; padding: 20px 22px; border: 1px solid var(--twv-line); border-left: 4px solid var(--twv-gold); border-radius: 6px; background: var(--twv-surface); text-decoration: none; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.twv-prep-downloads__list a:hover { transform: translateY(-2px); border-color: var(--twv-gold); box-shadow: var(--twv-shadow); }
.twv-prep-downloads__list span { color: var(--twv-muted); font-size: .82rem; }

/* Sober reveal motion: content remains visible when JavaScript is unavailable. */
.js [data-twv-reveal] { opacity: 0; transform: translateY(18px); transition: opacity .58s ease, transform .58s cubic-bezier(.2,.75,.25,1); }
.js [data-twv-reveal].is-visible { opacity: 1; transform: none; }

.twv-media-principles { position: relative; z-index: 2; margin-top: -22px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid #29335b; background: #0b1023; box-shadow: var(--twv-shadow); }
.twv-media-principles span { padding: 16px; border-right: 1px solid #29335b; color: #c8cfed; font-size: .76rem; font-weight: 800; text-align: center; text-transform: uppercase; }
.twv-media-grid--six { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.twv-media-grid--six article > span { color: #8cb1ff; font-size: 2rem; }
.twv-media-grid--six h3 { margin-top: 36px; font-size: 1.45rem; }
.twv-media-grid--six a { color: #a9c3ff; font-weight: 800; }
.twv-media-feature { display: grid; grid-template-columns: 1fr 1fr; gap: 55px; align-items: center; }
.twv-media-feature > div:first-child { min-height: 480px; }
.twv-media-feature picture, .twv-media-feature__image { width: 100%; height: 100%; }
.twv-media-feature__image { object-fit: cover; border-radius: 12px; }
.twv-media-feature li { margin: 10px 0; }

.twv-join-process { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 0; padding: 0; border: 1px solid var(--twv-line); list-style: none; }
.twv-join-process li { min-height: 220px; padding: 22px; border-right: 1px solid var(--twv-line); }
.twv-join-process li:last-child { border-right: 0; }
.twv-join-process span { display: block; color: var(--twv-red); font-family: var(--twv-serif); font-size: 1.35rem; }
.twv-join-process strong { display: block; margin-top: 38px; font-size: 1.08rem; }
.twv-join-process p { color: var(--twv-muted); font-size: .86rem; }
.twv-join-detail { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; }
.twv-vault-facts { position: relative; z-index: 4; margin-top: -34px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid #174744; background: #071312; box-shadow: var(--twv-shadow); }
.twv-vault-facts article { padding: 22px; border-right: 1px solid #174744; text-align: center; }
.twv-vault-facts strong { display: block; color: #52d6cb; }
.twv-vault-facts span { color: #92aaa8; font-size: .75rem; }
.twv-vault-explain { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; margin-bottom: 26px; }
.twv-vault-explain li { margin: 12px 0; color: var(--twv-muted); }
.twv-premium-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.twv-premium-grid article { min-height: 230px; padding: 28px; border: 1px solid var(--twv-line); border-top: 3px solid #b99439; border-radius: 10px; background: linear-gradient(145deg, color-mix(in srgb, #b99439 10%, var(--twv-surface)), var(--twv-surface)); }
.twv-premium-grid article > span { color: #d2ad50; }
.twv-premium-grid h2 { margin: 30px 0 10px; font-size: 1.35rem; }
.twv-premium-grid p { color: var(--twv-muted); }
.twv-premium-access { margin-top: 28px; }
.twv-webster-external-search { max-width: 760px; margin-top: 22px; }
.twv-webster-external-search label { display: block; margin-bottom: 8px; color: var(--twv-ink); font-weight: 800; }
.twv-webster-external-search > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; }
.twv-webster-external-search input { min-height: 48px; padding: 10px 14px; border: 1px solid var(--twv-line); border-radius: 6px; background: var(--twv-bg); color: var(--twv-ink); font: inherit; }
.twv-webster-external-search input:focus-visible { outline: 3px solid color-mix(in srgb, var(--twv-gold) 45%, transparent); outline-offset: 2px; }

@media (max-width: 1360px) {
  .twv-header__inner { gap: 14px; }
  .twv-brand__copy { display: none; }
  .twv-brand { min-width: auto; }
  .twv-nav a { padding-inline: 6px; font-size: .7rem; }
}

@media (max-width: 1180px) {
  .twv-brand__copy { display: none; }
  .twv-brand { min-width: auto; }
  .twv-nav a { padding-inline: 6px; font-size: .7rem; }
  .twv-library-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .twv-reader { grid-template-columns: 220px minmax(0, 1fr); }
  .twv-reader__notes { position: static; grid-column: 1 / -1; height: auto; border: 1px solid var(--twv-line); }
}

@media (max-width: 900px) {
	.twv-prep-resource-intro, .twv-prep-resource-check, .twv-prep-downloads { grid-template-columns: 1fr; gap: 28px; }
	.twv-tool-grid, .twv-formats__grid, .twv-media-grid--six, .twv-premium-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.twv-format-paths, .twv-prep-paths { grid-template-columns: 1fr; margin-top: 0; }
	.twv-format-paths article + article, .twv-prep-paths article + article { border-left: 0; border-top: 1px solid var(--twv-line); }
	.twv-formats__summary, .twv-vault-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.twv-formats__summary article, .twv-vault-facts article { border-bottom: 1px solid var(--twv-line); }
	.twv-prep-grid--seven { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.twv-risk-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.twv-risk-grid article { border-bottom: 1px solid #333940; }
	.twv-join-process { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.twv-join-process li { border-bottom: 1px solid var(--twv-line); }
	.twv-generic-page__layout { grid-template-columns: 1fr; }
	.twv-generic-page__children { position: static; }
  :root { --twv-header-height: 68px; }
  .twv-container { width: min(calc(100% - 28px), 1320px); }
  .twv-header__inner { width: min(calc(100% - 24px), 1480px); }
  .twv-brand__seal { width: 54px; height: 54px; }
  .twv-menu-toggle { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; padding: 9px 12px; border: 1px solid var(--twv-line); border-radius: 5px; background: transparent; color: var(--twv-ink); font-weight: 800; }
  .twv-menu-toggle__bars, .twv-menu-toggle__bars::before, .twv-menu-toggle__bars::after { width: 20px; height: 2px; display: block; position: relative; background: currentColor; content: ""; }
  .twv-menu-toggle__bars::before { position: absolute; top: -6px; }
  .twv-menu-toggle__bars::after { position: absolute; top: 6px; }
  .twv-nav { position: fixed; inset: var(--twv-header-height) 0 0; display: none; overflow: auto; background: var(--twv-bg); }
  .twv-nav.is-open { display: block; }
  .twv-nav__list { display: block; padding: 16px; }
  .twv-nav__mobile-home { display: block; }
  .twv-nav__item--mega { display: grid; grid-template-columns: 1fr auto; }
  .twv-nav a { padding: 14px; font-size: .9rem; }
  .twv-mega-toggle { width: 48px; font-size: 1rem; }
  .twv-nav__divider { margin: 0; padding: 8px 0 0; border-left: 0; border-top: 1px solid var(--twv-line); }
  .twv-mega { grid-column: 1 / -1; position: static; border: 0; box-shadow: none; }
  .twv-mega__inner { width: 100%; grid-template-columns: 1fr; gap: 20px; padding: 16px 20px 26px; }
  .twv-mega ul { columns: 1; }
  .twv-feature-grid, .twv-prep-grid { grid-template-columns: repeat(2, 1fr); }
  .twv-post-grid, .twv-media-grid { grid-template-columns: repeat(2, 1fr); }
  .twv-stat-grid { grid-template-columns: repeat(2, 1fr); }
  .twv-values { grid-template-columns: repeat(2, 1fr); }
  .twv-language-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .twv-library-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .twv-reader { display: block; }
  .twv-reader__toc { display: none; }
  .twv-reader__main { padding: 24px 18px 72px; }
  .twv-reader__notes { display: block; margin: 0 14px 32px; }
  .twv-article__layout { grid-template-columns: 1fr; gap: 32px; }
  .twv-article__aside { position: static; }
  .twv-footer__grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 640px) {
	.twv-webster-external-search > div { grid-template-columns: 1fr; }
	.twv-prep-resource-hero { min-height: 660px; }
	.twv-prep-resource-hero__shade { background: linear-gradient(0deg, rgb(3 5 8 / 96%) 4%, rgb(3 5 8 / 35%) 82%); }
	.twv-prep-resource-hero__content { width: min(calc(100% - 28px), 1320px); margin-inline: auto; padding-bottom: 46px; }
	.twv-prep-resource-steps { grid-template-columns: 1fr; }
	.twv-prep-resource-steps article { min-height: 230px; }
	.twv-tools-hero, .twv-formats-hero, .twv-premium-hero { min-height: 650px; align-items: end; padding-bottom: 46px; }
	.twv-tools-hero::after, .twv-formats-hero::after, .twv-premium-hero::after { background: linear-gradient(0deg, rgb(13 9 6 / 98%) 4%, rgb(13 9 6 / 34%) 82%); }
	.twv-tool-grid, .twv-formats__grid, .twv-media-grid--six, .twv-premium-grid, .twv-prep-grid--seven, .twv-risk-grid, .twv-join-process { grid-template-columns: 1fr; }
	.twv-tools-workflow, .twv-formats-principles, .twv-prep-intro, .twv-prep-feature, .twv-prep-dashboard, .twv-prep-sources, .twv-media-feature, .twv-join-detail, .twv-vault-explain { grid-template-columns: 1fr; gap: 28px; }
	.twv-tools-workflow__steps, .twv-formats__summary, .twv-media-principles, .twv-vault-facts { grid-template-columns: 1fr; }
	.twv-formats__toolbar { grid-template-columns: 1fr; }
	.twv-prep-feature__media, .twv-media-feature > div:first-child { min-height: 320px; }
	.twv-risk-grid article { min-height: 170px; border-right: 0; }
	.twv-join-process li { min-height: 170px; border-right: 0; }
	.twv-safety-note { grid-template-columns: 1fr; }
	.twv-newsletter form > div { grid-template-columns: 1fr; }
	.twv-music-platforms { grid-template-columns: 1fr; }
	.twv-spotify-list article { grid-template-columns: 30px minmax(0, 1fr); }
	.twv-spotify-list article .twv-button { grid-column: 2; justify-self: start; }
	.twv-floating-contact { right: 12px; bottom: 12px; }
	.twv-contact-button { padding: 11px; }
	.twv-contact-button > span:last-child { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .twv-hero { min-height: 660px; align-items: end; }
  .twv-hero__image { object-position: 65% center; }
  .twv-hero__wash { background: linear-gradient(0deg, #fffdf9 4%, rgb(255 253 249 / 94%) 47%, rgb(255 253 249 / 10%) 82%); }
  .twv-hero__content { padding-block: 45px; }
  .twv-hero__content h1 { font-size: clamp(2.7rem, 14vw, 4.5rem); }
  .twv-concordance-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .twv-concordance-stats strong { font-size: 1.5rem; overflow-wrap: anywhere; }
  .twv-language-grid { grid-template-columns: 1fr 1fr; }
  .twv-term-facts { grid-template-columns: 1fr 1fr; }
  .twv-occurrence-list article { grid-template-columns: 1fr; gap: 3px; }
  .twv-hero__content > p:not(.twv-eyebrow) { font-size: 1rem; }
  .twv-music-strip__inner { grid-template-columns: auto 1fr; padding-block: 16px; }
  .twv-music-strip .twv-button { grid-column: 1 / -1; }
  .twv-feature-grid, .twv-split-cards, .twv-promo, .twv-post-grid, .twv-prep-grid, .twv-action-plan, .twv-media-grid, .twv-values, .twv-stat-grid, .twv-library-grid, .twv-cosmic-hero > .twv-container { grid-template-columns: 1fr; }
  .twv-promo__image { min-height: 260px; }
  .twv-section-hero, .twv-editorial-hero, .twv-prep-hero, .twv-join-hero { min-height: 610px; align-items: end; padding-bottom: 44px; }
  .twv-section-hero__overlay { background: linear-gradient(0deg, rgb(56 27 12 / 96%), rgb(56 27 12 / 20%)); }
  .twv-editorial-hero::after, .twv-join-hero::after { background: linear-gradient(0deg, rgb(255 253 249 / 97%) 5%, rgb(255 253 249 / 25%) 75%); }
  .twv-prep-hero::after { background: linear-gradient(0deg, rgb(4 7 10 / 98%) 3%, rgb(4 7 10 / 24%) 76%); }
  .twv-vault-hero { padding: 310px 0 50px; }
  .twv-vault-hero__visual > img:first-child { top: 35px; left: 50%; width: 190px; height: 190px; transform: translateX(-50%); }
  .twv-vault-hero__visual picture, .twv-vault-hero__image { width: 100%; opacity: .28; }
  .twv-vault-hero__content { padding-left: 0; }
  .twv-cosmic-hero { text-align: center; }
  .twv-cosmic-hero__seal img { margin: auto; }
  .twv-library-toolbar, .twv-form__row { grid-template-columns: 1fr; }
  .twv-footer__grid { grid-template-columns: 1fr; }
}

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

@media print {
  .twv-header, .twv-footer, .twv-reader__toc, .twv-reader__notes, .twv-reader__tools, .twv-floating-contact, [data-twv-print] { display: none !important; }
  .twv-reader, .twv-reader__main { display: block; background: #fff; color: #000; }
  .twv-prep-resource-hero { min-height: auto; background: #fff; color: #000; }
  .twv-prep-resource-hero__media, .twv-prep-resource-hero__shade { display: none; }
  .twv-prep-resource-hero__content { max-width: none; margin: 0; padding: 0 0 24px; }
  .twv-prep-resource-hero__content > p:not(.twv-kicker), .twv-prep-resource-steps p { color: #333; }
  .twv-prep-resource-steps article { min-height: 0; break-inside: avoid; box-shadow: none; }
  a { text-decoration: none; }
}