/* ============================================================
   TRYMORINCAPS.COM  ::  vault/crest.css
   01 TOKENS   02 RESET      03 BASE TYPE   04 HELPERS
   05 MASTHEAD 06 RIBBON     07 CRUMB       08 HERO
   09 PANELS   10 FACTS DL   11 CERT TABLE  12 PRICING
   13 PROSE    14 QA         15 VOICES      16 SOURCES
   17 RECORD   18 BAND       19 FOOTER      20 OFFERBAR
   21 STATS    22 FORM       23 PAPER MODE  24 RESPONSIVE
   ============================================================ */

/* 01 TOKENS */
:root {
  --v-pine: #0b241c;
  --v-deep: #081a13;
  --v-panel: #103226;
  --v-panel-2: #153f30;
  --v-line: #295841;
  --v-line-soft: #1d4634;
  --v-bone: #f4f0e4;
  --v-bone-2: #e9e2ce;
  --v-ink: #17211a;
  --v-ink-soft: #46544a;
  --v-cream: #f2eedf;
  --v-mut: #aec3b4;
  --v-gold: #cfa54e;
  --v-gold-ink: #7d601c;
  --v-yellow: #ffd23f;
  --v-yellow-deep: #e0ae14;
  --v-cta-ink: #231d07;
  --v-jade: #43b183;
  --v-jade-ink: #1c7a51;
  --v-serif: "Piazzolla", Georgia, "Times New Roman", serif;
  --v-sans: "Recursive", "Segoe UI", Arial, sans-serif;
  --v-wrap: 1120px;
  --v-r: 12px;
}

/* 02 RESET */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; background: var(--v-pine); color: var(--v-cream);
  font: 400 1.02rem/1.72 var(--v-sans); }
img { max-width: 100%; height: auto; display: block; }
a { color: var(--v-gold); text-underline-offset: 3px; }
a:hover { color: var(--v-yellow); }
:focus-visible { outline: 3px solid var(--v-yellow); outline-offset: 2px; }
table { border-collapse: collapse; width: 100%; }
button { font: inherit; cursor: pointer; }

/* 03 BASE TYPE */
h1, h2, h3 { font-family: var(--v-serif); line-height: 1.18; margin: 0 0 .55em; }
h1 { font-size: clamp(2rem, 4.4vw, 3.15rem); font-weight: 700; letter-spacing: -.01em; }
h2 { font-size: clamp(1.5rem, 2.9vw, 2.1rem); font-weight: 650; }
h3 { font-size: 1.22rem; font-weight: 640; }
p { margin: 0 0 1.05em; }
.tv-kick { display: block; font-size: .78rem; font-weight: 640; letter-spacing: .17em;
  text-transform: uppercase; color: var(--v-gold); margin-bottom: .9em; }
.tv-lede { font-size: 1.13rem; color: var(--v-mut); }
.tv-data { font-variant-numeric: tabular-nums lining-nums; }

/* 04 HELPERS */
.tv-wrap { max-width: var(--v-wrap); margin: 0 auto; padding: 0 22px; }
.tv-sec { padding: 74px 0; }
.tv-sec--tight { padding: 46px 0; }
.tv-skip { position: absolute; left: -999px; top: 8px; background: var(--v-yellow);
  color: var(--v-cta-ink); padding: 9px 16px; border-radius: 8px; z-index: 200; font-weight: 640; }
.tv-skip:focus { left: 8px; }
.tv-btn { display: inline-block; border: 0; border-radius: 9px; padding: 15px 30px;
  font-weight: 700; letter-spacing: .02em; text-decoration: none; text-align: center;
  min-height: 44px; }
.tv-btn--cta { background: var(--v-yellow); color: var(--v-cta-ink);
  box-shadow: 0 3px 0 var(--v-yellow-deep); }
.tv-btn--cta:hover { background: #ffdd66; color: var(--v-cta-ink); }
.tv-btn--ghost { background: transparent; color: var(--v-cream);
  border: 1px solid var(--v-gold); }
.tv-btn--ghost:hover { color: var(--v-yellow); border-color: var(--v-yellow); }
.tv-pill { display: inline-block; padding: 3px 12px; border-radius: 999px;
  font-size: .8rem; font-weight: 640; }
.tv-pill--save { background: rgba(67, 177, 131, .16); color: var(--v-jade); }
.tv-center { text-align: center; }

/* 05 MASTHEAD */
.tv-mast { background: var(--v-deep); border-bottom: 1px solid var(--v-line-soft);
  position: sticky; top: 0; z-index: 90; }
.tv-mast__in { display: flex; align-items: center; gap: 26px; min-height: 74px; }
.tv-brand { text-decoration: none; line-height: 1.1; margin-right: auto; }
.tv-brand__firm { display: block; font-size: .62rem; letter-spacing: .22em;
  text-transform: uppercase; color: var(--v-gold); }
.tv-brand__name { font-family: var(--v-serif); font-size: 1.62rem; font-weight: 700;
  color: var(--v-cream); }
.tv-nav ul { list-style: none; display: flex; gap: 22px; margin: 0; padding: 0; }
.tv-nav a { color: var(--v-mut); text-decoration: none; font-size: .93rem; font-weight: 520; }
.tv-nav a:hover, .tv-nav a[aria-current="page"] { color: var(--v-yellow); }
.tv-mast .tv-btn { padding: 11px 20px; font-size: .92rem; }
.tv-mast__panel { display: flex; align-items: center; gap: 26px; }
.tv-mast__toggle { display: none; background: none; border: 1px solid var(--v-line);
  color: var(--v-cream); border-radius: 8px; padding: 9px 13px; }

/* 06 RIBBON */
.tv-ribbon { background: var(--v-panel); color: var(--v-cream); text-align: center;
  font-size: .8rem; letter-spacing: .05em; padding: 8px 14px;
  border-bottom: 1px solid var(--v-line-soft); }
.tv-ribbon strong { color: var(--v-gold); font-weight: 640; }

/* 07 CRUMB */
.tv-crumb { font-size: .82rem; color: var(--v-mut); padding: 16px 0 0; }
.tv-crumb a { color: var(--v-mut); }
.tv-crumb a:hover { color: var(--v-yellow); }
.tv-crumb span[aria-hidden] { margin: 0 7px; color: var(--v-gold); }

/* 08 HERO */
.tv-hero { padding: 66px 0 74px; }
.tv-hero__grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 52px;
  align-items: center; }
.tv-hero .tv-lede { margin-bottom: 1.3em; }
.tv-portal { border-left: 3px solid var(--v-gold); padding: 4px 0 4px 18px;
  color: var(--v-cream); font-size: .99rem; }
.tv-marks { list-style: none; display: flex; flex-wrap: wrap; gap: 10px 22px;
  padding: 0; margin: 1.5em 0; }
.tv-marks li { font-size: .88rem; color: var(--v-mut); }
.tv-marks li::before { content: "\2713"; color: var(--v-jade); font-weight: 700;
  margin-right: 8px; }
.tv-hero__cta { display: flex; gap: 16px; flex-wrap: wrap; align-items: center; }
.tv-frame { background: var(--v-bone); border-radius: var(--v-r); padding: 30px;
  position: relative; border: 1px solid var(--v-bone-2); }
.tv-frame::before { content: ""; position: absolute; inset: 10px;
  border: 1px solid var(--v-gold); border-radius: 7px; pointer-events: none; }
.tv-frame--art { padding: 12px; }
.tv-frame--art::before { inset: 4px; }
.tv-frame--art img { border-radius: 6px; }
.tv-frame img { margin: 0 auto; }
.tv-frame__plate { position: absolute; left: 50%; bottom: -17px; transform: translateX(-50%);
  background: var(--v-deep); border: 1px solid var(--v-gold); color: var(--v-gold);
  font-size: .74rem; letter-spacing: .08em; padding: 7px 16px; border-radius: 999px;
  white-space: nowrap; }

/* 09 PANELS */
.tv-panel { background: var(--v-panel); border: 1px solid var(--v-line-soft);
  border-radius: var(--v-r); padding: 30px; }
.tv-first { border-left: 3px solid var(--v-gold); }
.tv-first p:last-child { margin-bottom: 0; }
.tv-grid3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.tv-pillar h3 { color: var(--v-cream); }
.tv-chip { display: inline-block; background: var(--v-deep); border: 1px solid var(--v-line);
  color: var(--v-cream); border-radius: 999px; padding: 4px 13px; font-size: .82rem;
  margin: 0 6px 8px 0; }
.tv-chip b { color: var(--v-gold); font-weight: 640; }

/* 10 FACTS DL */
.tv-refpanel { background: var(--v-bone); color: var(--v-ink); border-radius: var(--v-r);
  padding: 34px 36px; }
.tv-refpanel h2 { color: var(--v-ink); }
.tv-facts { margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0 44px; }
.tv-facts__row { display: flex; justify-content: space-between; gap: 18px;
  border-bottom: 1px dotted #b9ad8d; padding: 10px 2px; }
.tv-facts dt { font-weight: 640; color: var(--v-ink); font-size: .92rem; }
.tv-facts dd { margin: 0; text-align: right; color: var(--v-ink-soft); font-size: .92rem; }

/* 11 CERT TABLE */
.tv-cert { background: var(--v-bone); color: var(--v-ink); border-radius: var(--v-r);
  padding: 34px 36px; position: relative; }
.tv-cert h2, .tv-cert h3 { color: var(--v-ink); }
.tv-cert__seal { position: absolute; top: 26px; right: 32px; width: 54px; height: 54px;
  border: 2px solid var(--v-gold-ink); border-radius: 50%; display: grid; place-items: center;
  font-family: var(--v-serif); font-weight: 700; color: var(--v-gold-ink); font-size: 1.1rem; }
.tv-vtable th, .tv-vtable td { text-align: left; padding: 11px 10px;
  border-bottom: 1px solid #d9cfb4; font-size: .95rem; }
.tv-vtable th { width: 44%; color: var(--v-ink); font-weight: 640; }
.tv-vtable td { color: var(--v-ink-soft); }
.tv-vtable tr:last-child th, .tv-vtable tr:last-child td { border-bottom: 0; }

/* 12 PRICING */
.tv-buy__head { max-width: 640px; margin: 0 auto 40px; text-align: center; }
.tv-packs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
  align-items: stretch; }
.tv-pack { background: var(--v-bone); color: var(--v-ink); border-radius: var(--v-r);
  padding: 28px 24px 26px; text-align: center; display: flex; flex-direction: column; }
.tv-pack h3 { color: var(--v-ink); margin-bottom: 2px; }
.tv-pack__tag { font-size: .78rem; letter-spacing: .14em; text-transform: uppercase;
  color: var(--v-gold-ink); font-weight: 640; }
.tv-pack__supply { color: var(--v-ink-soft); font-size: .9rem; margin-bottom: 14px; }
.tv-pack__art { display: flex; justify-content: center; align-items: flex-end;
  min-height: 196px; margin-bottom: 14px; }
.tv-pack__art img { max-height: 190px; max-width: 100%; width: auto; }
.tv-pack__price { font-family: var(--v-serif); font-size: 3rem; font-weight: 700;
  line-height: 1; color: var(--v-ink); }
.tv-pack__price small { font-size: .95rem; font-family: var(--v-sans); font-weight: 520;
  color: var(--v-ink-soft); }
.tv-pack__was { color: #9a2c1f; margin: 8px 0 2px; font-size: .94rem; }
.tv-pack__was s { color: #9a2c1f; }
.tv-pack__meta { font-size: .88rem; color: var(--v-ink-soft); margin: 2px 0; }
.tv-pack .tv-btn { margin-top: auto; }
.tv-pack--best { background: linear-gradient(168deg, var(--v-panel-2), var(--v-deep));
  color: var(--v-cream); border: 1px solid var(--v-gold);
  box-shadow: 0 22px 44px rgba(0, 0, 0, .38); transform: translateY(-14px); }
.tv-pack--best h3, .tv-pack--best .tv-pack__price { color: var(--v-cream); }
.tv-pack--best .tv-pack__tag { color: var(--v-yellow); }
.tv-pack--best .tv-pack__supply, .tv-pack--best .tv-pack__meta,
.tv-pack--best .tv-pack__price small { color: var(--v-mut); }
.tv-pack--best .tv-pack__was { color: #ff9d8a; }
.tv-pack--best .tv-pack__was s { color: #ff9d8a; }
.tv-buy__foot { text-align: center; color: var(--v-mut); font-size: .9rem; margin-top: 34px; }

/* 13 PROSE */
.tv-prose { max-width: 72ch; }
.tv-prose h2 { margin-top: 1.7em; }
.tv-prose h3 { margin-top: 1.4em; }
.tv-prose ul, .tv-prose ol { padding-left: 22px; }
.tv-prose li { margin-bottom: .45em; }
.tv-cite a { font-size: .74rem; text-decoration: none; color: var(--v-gold);
  font-weight: 640; margin-left: 2px; }
.tv-byline { font-size: .86rem; color: var(--v-mut); border-top: 1px solid var(--v-line-soft);
  border-bottom: 1px solid var(--v-line-soft); padding: 10px 2px; margin: 18px 0 30px; }
.tv-note { font-size: .84rem; color: var(--v-mut); border: 1px dashed var(--v-line);
  border-radius: 9px; padding: 14px 18px; margin-top: 34px; }

/* 14 QA */
.tv-qa h3 { color: var(--v-gold); margin-top: 1.6em; }
.tv-qa h3:first-of-type { margin-top: 0; }
details.tv-fold { border: 1px solid var(--v-line-soft); border-radius: 9px;
  background: var(--v-panel); margin-bottom: 12px; }
details.tv-fold summary { cursor: pointer; padding: 15px 20px; font-weight: 640;
  color: var(--v-cream); list-style-position: inside; }
details.tv-fold[open] summary { border-bottom: 1px solid var(--v-line-soft);
  color: var(--v-yellow); }
details.tv-fold .tv-fold__body { padding: 14px 20px 6px; color: var(--v-mut); }

/* 15 VOICES */
.tv-scoreline { display: flex; align-items: baseline; gap: 18px; flex-wrap: wrap;
  margin-bottom: 26px; }
.tv-scoreline strong { font-family: var(--v-serif); font-size: 2.6rem; color: var(--v-yellow); }
.tv-stars { color: var(--v-yellow); letter-spacing: .12em; }
.tv-voice { border-top: 1px solid var(--v-line-soft); padding: 22px 2px; }
.tv-voice:last-of-type { border-bottom: 1px solid var(--v-line-soft); }
.tv-voice blockquote { margin: 0 0 10px; font-family: var(--v-serif); font-size: 1.12rem;
  line-height: 1.5; color: var(--v-cream); }
.tv-voice figcaption { font-size: .86rem; color: var(--v-mut); }
.tv-voice figcaption b { color: var(--v-cream); font-weight: 640; }
.tv-verified { color: var(--v-jade); font-size: .8rem; font-weight: 640; margin-left: 10px; }

/* 16 SOURCES */
.tv-sources { font-size: .88rem; color: var(--v-mut); }
.tv-sources ol { padding-left: 20px; margin: 0; }
.tv-sources li { margin-bottom: .6em; }
.tv-sources a { overflow-wrap: anywhere; }

/* 17 RECORD */
.tv-record ul { list-style: none; padding: 0; margin: 0; }
.tv-record li { padding-left: 26px; position: relative; margin-bottom: .8em; }
.tv-record li::before { content: ""; position: absolute; left: 0; top: .52em;
  width: 10px; height: 10px; background: var(--v-gold); }

/* 18 BAND */
.tv-band { background: var(--v-panel); border-top: 1px solid var(--v-gold);
  border-bottom: 1px solid var(--v-gold); }
.tv-band .tv-wrap { display: grid; grid-template-columns: 1.4fr .6fr; gap: 34px;
  align-items: center; padding-top: 52px; padding-bottom: 52px; }

/* 19 FOOTER */
.tv-foot { background: var(--v-deep); border-top: 1px solid var(--v-line-soft);
  padding: 60px 0 34px; font-size: .9rem; }
.tv-foot__grid { display: grid; grid-template-columns: 1.35fr 1fr 1fr 1fr; gap: 36px; }
.tv-foot h3 { font-family: var(--v-sans); font-size: .8rem; letter-spacing: .16em;
  text-transform: uppercase; color: var(--v-gold); }
.tv-foot ul { list-style: none; padding: 0; margin: 0; }
.tv-foot li { margin-bottom: .55em; }
.tv-foot a { color: var(--v-mut); text-decoration: none; }
.tv-foot a:hover { color: var(--v-yellow); }
.tv-foot address { font-style: normal; color: var(--v-mut); }
.tv-foot__legal { border-top: 1px solid var(--v-line-soft); margin-top: 44px;
  padding-top: 26px; color: #8ba393; font-size: .82rem; }
.tv-foot__legal p { margin-bottom: .8em; }

/* 20 OFFERBAR */
.tv-offerbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 120;
  background: var(--v-deep); border-top: 2px solid var(--v-gold); }
.tv-offerbar__in { max-width: var(--v-wrap); margin: 0 auto; padding: 10px 22px;
  display: flex; align-items: center; gap: 16px; }
.tv-offerbar__link { display: flex; align-items: center; gap: 16px; flex: 1;
  text-decoration: none; color: var(--v-cream); min-height: 44px; }
.tv-offerbar__chip { background: var(--v-yellow); color: var(--v-cta-ink);
  font-weight: 800; border-radius: 7px; padding: 6px 12px; font-size: .95rem;
  white-space: nowrap; }
.tv-offerbar__msg { font-size: .9rem; color: var(--v-mut); }
.tv-offerbar__msg b { color: var(--v-cream); }
.tv-offerbar__go { border: 1px solid var(--v-yellow); color: var(--v-yellow);
  border-radius: 999px; padding: 8px 18px; font-weight: 640; font-size: .88rem;
  white-space: nowrap; }
.tv-offerbar__x { background: none; border: 0; color: var(--v-mut); font-size: 1.25rem;
  padding: 12px 14px; line-height: 1; min-height: 44px; min-width: 44px; }
.tv-offerbar__x:hover { color: var(--v-yellow); }
body.has-offerbar { padding-bottom: 76px; }

/* 20b LABEL SHOT */
.tv-shot { background: var(--v-bone); border: 1px solid var(--v-bone-2);
  border-radius: var(--v-r); padding: 20px; margin: 0 0 26px; }
.tv-shot img { margin: 0 auto; }
.tv-shot figcaption { text-align: center; font-size: .84rem; color: var(--v-ink-soft);
  margin-top: 14px; }

/* 21 STATS */
.tv-snapshot { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.tv-stat { background: var(--v-bone); color: var(--v-ink); border-radius: 10px;
  padding: 18px 16px; text-align: center; }
.tv-stat strong { display: block; font-family: var(--v-serif); font-size: 1.7rem;
  color: var(--v-ink); }
.tv-stat span { font-size: .8rem; color: var(--v-ink-soft); }
.tv-meter { margin-bottom: 14px; }
.tv-meter__label { display: flex; justify-content: space-between; font-size: .9rem;
  margin-bottom: 5px; color: var(--v-mut); }
.tv-meter__label b { color: var(--v-cream); font-weight: 560; }
.tv-meter__track { background: var(--v-deep); border-radius: 999px; height: 10px;
  overflow: hidden; }
.tv-meter__fill { background: var(--v-gold); height: 100%; border-radius: 999px; }
.tv-meter--jade .tv-meter__fill { background: var(--v-jade); }
.tv-table-card { background: var(--v-bone); color: var(--v-ink); border-radius: 10px;
  padding: 22px 24px; }
.tv-table-card h3 { color: var(--v-ink); }
.tv-table th, .tv-table td { text-align: left; padding: 9px 8px; font-size: .92rem;
  border-bottom: 1px solid #ddd3ba; }
.tv-table th { color: var(--v-ink); font-weight: 640; }
.tv-table td { color: var(--v-ink-soft); }
.tv-table thead th { border-bottom: 2px solid var(--v-gold-ink); }
.tv-table .tv-yes { color: var(--v-jade-ink); font-weight: 640; }
.tv-scroll { overflow-x: auto; }

/* 22 FORM */
.tv-form { display: grid; gap: 16px; max-width: 560px; }
.tv-form label { font-size: .88rem; font-weight: 640; color: var(--v-cream);
  display: block; margin-bottom: 6px; }
.tv-form input, .tv-form select, .tv-form textarea { width: 100%; background: var(--v-deep);
  border: 1px solid var(--v-line); color: var(--v-cream); border-radius: 8px;
  padding: 12px 14px; font: inherit; }
.tv-form textarea { min-height: 130px; resize: vertical; }

/* 23 PAPER MODE (document pages) */
.tv-paper main { background: var(--v-bone); color: var(--v-ink); }
.tv-paper main h1, .tv-paper main h2, .tv-paper main h3 { color: var(--v-ink); }
.tv-paper main .tv-kick { color: var(--v-gold-ink); }
.tv-paper main .tv-lede { color: var(--v-ink-soft); }
.tv-paper main a { color: var(--v-gold-ink); }
.tv-paper main a:hover { color: #4d3a0d; }
.tv-paper main .tv-crumb, .tv-paper main .tv-crumb a { color: var(--v-ink-soft); }
.tv-paper main .tv-byline { color: var(--v-ink-soft); border-color: #d9cfb4; }
.tv-paper main .tv-note { color: var(--v-ink-soft); border-color: #c9bd9d; }
.tv-paper main .tv-sources { color: var(--v-ink-soft); }
.tv-paper main .tv-portal { color: var(--v-ink); border-color: var(--v-gold-ink); }
.tv-paper main .tv-panel { background: #ece5d2; border-color: #d9cfb4; }
.tv-paper main .tv-meter__label, .tv-paper main .tv-meter__label b { color: var(--v-ink-soft); }
.tv-paper main .tv-meter__track { background: #ddd3ba; }
.tv-paper main details.tv-fold { background: #ece5d2; border-color: #d9cfb4; }
.tv-paper main details.tv-fold summary { color: var(--v-ink); }
.tv-paper main details.tv-fold[open] summary { color: var(--v-gold-ink);
  border-color: #d9cfb4; }
.tv-paper main details.tv-fold .tv-fold__body { color: var(--v-ink-soft); }
.tv-paper main .tv-record li::before { background: var(--v-gold-ink); }
.tv-paper main .tv-cite a { color: var(--v-gold-ink); }
.tv-paper main .tv-form input, .tv-paper main .tv-form select,
.tv-paper main .tv-form textarea { background: #fffdf6; border-color: #c9bd9d;
  color: var(--v-ink); }
.tv-paper main .tv-form label { color: var(--v-ink); }
.tv-paper main .tv-pill--save { background: rgba(28, 122, 81, .12); color: var(--v-jade-ink); }

/* 24 RESPONSIVE */
@media (max-width: 980px) {
  .tv-hero__grid, .tv-band .tv-wrap { grid-template-columns: 1fr; }
  .tv-grid3, .tv-packs, .tv-snapshot { grid-template-columns: 1fr 1fr; }
  .tv-pack--best { transform: none; }
  .tv-foot__grid { grid-template-columns: 1fr 1fr; }
  .tv-facts { grid-template-columns: 1fr; }
  .tv-frame { max-width: 480px; margin: 0 auto; }
}
@media (max-width: 760px) {
  .tv-hero__grid { display: flex; flex-direction: column; }
  .tv-hero__copy { display: contents; }
  .tv-hero__copy .tv-kick { order: 1; }
  .tv-hero__copy h1 { order: 2; }
  .tv-hero .tv-frame { order: 3; margin: 6px auto 30px; max-width: 330px; }
  .tv-hero__copy .tv-lede { order: 4; }
  .tv-hero__copy .tv-portal { order: 5; }
  .tv-hero__copy .tv-marks { order: 6; }
  .tv-hero__copy .tv-hero__cta { order: 7; }
}
/* the nav plus the order button need room; below that the menu collapses */
@media (max-width: 980px) {
  .tv-mast__toggle { display: block; }
  .tv-mast__panel { display: none; position: absolute; top: 100%; left: 0; right: 0;
    background: var(--v-deep); border-bottom: 1px solid var(--v-line);
    padding: 18px 22px 26px; }
  .tv-mast__panel[data-open] { display: block; }
  .tv-nav ul { flex-direction: column; gap: 14px; }
  .tv-mast__panel .tv-btn { margin-top: 18px; display: block; }
}
@media (max-width: 720px) {
  .tv-grid3, .tv-packs, .tv-snapshot { grid-template-columns: 1fr; }
  .tv-sec { padding: 54px 0; }
  .tv-hero { padding: 44px 0 60px; }
  .tv-refpanel, .tv-cert { padding: 26px 20px; }
  .tv-facts__row { flex-direction: column; gap: 2px; }
  .tv-facts dd { text-align: left; }
  .tv-foot__grid { grid-template-columns: 1fr; }
  .tv-offerbar__msg { display: none; }
  body.has-offerbar { padding-bottom: 84px; }
  .tv-band .tv-wrap { text-align: left; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { transition: none !important; animation: none !important; }
}