/**
 * Templates (vcm_template) — archive listing + detail page.
 *
 * Layout/structure follows the thevendor.ai reference mockups, but skinned to the
 * SITE theme: dark "every.to" canvas (--tv-home-* tokens), dashed dividers, Georgia
 * serif headings + system-ui labels + Signika body, and the #4a9eff accent. Pages use
 * the real site header/footer (get_header/get_footer); all rules are scoped under `.tvt`.
 *
 * @package Newspack_Joseph
 */

.tvt {
	font-family: var(--tv-font-body, 'Signika', sans-serif);
	color: var(--tv-home-text, #f5f5f5);
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	/* Clear the site's fixed 70px transparent header so content isn't hidden behind it. */
	padding-top: 70px;
}

.tvt *, .tvt *::before, .tvt *::after { box-sizing: border-box; }
.tvt img { max-width: 100%; height: auto; }

/* Dark canvas behind the whole Templates page. */
body.tv-templates-page { background: var(--tv-home-bg, #0a0a0a); }

/* Strip any Newspack content-wrapper width/padding so the dark sections go edge-to-edge. */
body.tv-templates-page .site-content,
body.tv-templates-page #primary.content-area,
body.tv-templates-page .site-main {
	max-width: none !important;
	padding: 0 !important;
	margin: 0 !important;
	width: 100%;
}

/* Defensive base resets — the site's global stylesheets also load here. */
.tvt h1, .tvt h2, .tvt h3, .tvt h4 { font-family: var(--tv-font-serif, Georgia, 'Times New Roman', serif); line-height: 1.2; color: var(--tv-home-text, #f5f5f5); }
.tvt p { margin: 0 0 14px; }
.tvt a { color: var(--tv-home-accent, #4a9eff); text-decoration: none; }
.tvt ul, .tvt ol { margin: 0; }

/* Shared label / eyebrow */
.tvt .section-label,
.tvt .section-eyebrow,
.tvt .def-label,
.tvt .dl-related-label {
	font-family: var(--tv-font-sans, system-ui, sans-serif);
	font-size: var(--tv-text-xs, 0.75rem);
	font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em;
	color: var(--tv-home-accent, #4a9eff); margin-bottom: 8px;
}
.tvt .section-title { font-family: var(--tv-font-serif, Georgia, 'Times New Roman', serif); font-size: clamp(1.5rem, 2.5vw, 2rem); font-weight: 700; letter-spacing: -0.01em; margin-bottom: 6px; }
.tvt .section-sub { font-family: var(--tv-font-sans, system-ui, sans-serif); font-size: 15px; color: var(--tv-home-text-muted, #a0a0a0); margin-bottom: 36px; max-width: 580px; }

/* ───── Breadcrumb ───── */
.tvt .breadcrumb {
	padding: 18px 24px; max-width: 1280px; margin: 0 auto;
	font-family: var(--tv-font-sans, system-ui, sans-serif);
	font-size: 13px; color: var(--tv-home-text-faint, #707070);
	display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
}
.tvt .breadcrumb a { color: var(--tv-home-text-muted, #a0a0a0); }
.tvt .breadcrumb a:hover { color: var(--tv-home-text, #f5f5f5); }
.tvt .breadcrumb .sep { color: var(--tv-home-border, #3c3c3c); }
.tvt .breadcrumb .current { color: var(--tv-home-text, #f5f5f5); font-weight: 500; }

/* ═══════════════════════════════════════════════════════════════
   ARCHIVE
═══════════════════════════════════════════════════════════════ */
.tvt .hero {
	background:
		radial-gradient(120% 100% at 50% 0%, rgba(74,158,255,.12) 0%, rgba(74,158,255,0) 55%),
		var(--tv-home-bg, #0a0a0a);
	padding: clamp(48px, 7vw, 80px) 24px clamp(40px, 5vw, 60px);
	text-align: center; border-bottom: 1px dashed var(--tv-home-border, #3c3c3c);
}
.tvt .hero-eyebrow {
	display: inline-flex; align-items: center; gap: 6px;
	background: rgba(74,158,255,.12); color: var(--tv-home-accent, #4a9eff);
	font-family: var(--tv-font-sans, system-ui, sans-serif);
	font-size: 12px; font-weight: 600; padding: 5px 14px; border-radius: 100px;
	margin-bottom: 20px; text-transform: uppercase; letter-spacing: .6px;
}
.tvt .hero h1 { font-family: var(--tv-font-serif, Georgia, 'Times New Roman', serif); font-size: clamp(2rem, 4vw, 3.25rem); font-weight: 700; line-height: 1.12; max-width: 760px; margin: 0 auto 18px; letter-spacing: -0.02em; }
.tvt .hero h1 em { font-style: normal; color: var(--tv-home-accent, #4a9eff); }
.tvt .hero-sub { font-family: var(--tv-font-body, 'Signika', sans-serif); font-size: 18px; color: var(--tv-home-text-muted, #a0a0a0); max-width: 600px; margin: 0 auto 36px; line-height: 1.6; }
.tvt .hero-stats { display: flex; justify-content: center; gap: 48px; flex-wrap: wrap; }
.tvt .hero-stat .num { font-family: var(--tv-font-serif, Georgia, 'Times New Roman', serif); font-size: 30px; font-weight: 700; color: var(--tv-home-text, #f5f5f5); }
.tvt .hero-stat .lbl { font-family: var(--tv-font-sans, system-ui, sans-serif); font-size: 12px; color: var(--tv-home-text-faint, #707070); text-transform: uppercase; letter-spacing: .06em; }

/* Search */
.tvt .search-wrap { max-width: 640px; margin: -28px auto 0; position: relative; z-index: 10; padding: 0 24px; }
.tvt .search-bar { display: flex; align-items: center; background: var(--tv-home-card-bg, #212121); border: 1px solid var(--tv-home-border, #3c3c3c); border-radius: var(--tv-radius-lg, 8px); overflow: hidden; }
.tvt .search-bar svg { flex-shrink: 0; margin-left: 18px; color: var(--tv-home-text-faint, #707070); }
.tvt .search-bar input { flex: 1; border: none; outline: none; background: transparent; font-family: var(--tv-font-body, 'Signika', sans-serif); font-size: 15px; color: var(--tv-home-text, #f5f5f5); padding: 15px 14px; }
.tvt .search-bar input::placeholder { color: var(--tv-home-text-faint, #707070); }
.tvt .search-bar button { background: var(--tv-home-accent, #4a9eff); color: #06101f; border: none; cursor: pointer; font-family: var(--tv-font-sans, system-ui, sans-serif); font-size: 14px; font-weight: 700; padding: 15px 24px; transition: opacity .15s; white-space: nowrap; }
.tvt .search-bar button:hover { opacity: .88; }

/* Main */
.tvt .main { max-width: 1280px; margin: 0 auto; padding: 56px 24px 80px; }

/* Trust bar */
.tvt .trust-bar { border: 1px dashed var(--tv-home-border, #3c3c3c); border-radius: var(--tv-radius-xl, 12px); padding: 32px 36px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-bottom: 56px; }
.tvt .trust-item { display: flex; align-items: flex-start; gap: 14px; }
.tvt .trust-icon { width: 42px; height: 42px; border-radius: 10px; background: rgba(74,158,255,.10); display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; }
.tvt .trust-item h4 { font-family: var(--tv-font-serif, Georgia, 'Times New Roman', serif); font-size: 14px; font-weight: 600; margin-bottom: 3px; }
.tvt .trust-item p { font-family: var(--tv-font-sans, system-ui, sans-serif); font-size: 12px; color: var(--tv-home-text-muted, #a0a0a0); line-height: 1.5; margin: 0; }

/* Filter tabs */
.tvt .filter-row { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 40px; }
.tvt .filter-btn { display: inline-flex; align-items: center; gap: 7px; padding: 9px 18px; border-radius: 100px; border: 1px solid var(--tv-home-border, #3c3c3c); font-family: var(--tv-font-sans, system-ui, sans-serif); font-size: 13px; font-weight: 500; color: var(--tv-home-text-muted, #a0a0a0); background: transparent; transition: all .15s; }
.tvt .filter-btn:hover { border-color: var(--tv-home-accent, #4a9eff); color: var(--tv-home-text, #f5f5f5); }
.tvt .filter-btn.active { background: rgba(74,158,255,.14); border-color: var(--tv-home-accent, #4a9eff); color: #fff; }
.tvt .filter-btn .count { font-size: 11px; font-weight: 600; background: rgba(255,255,255,.08); color: inherit; padding: 1px 7px; border-radius: 100px; }

/* Card grid */
.tvt .templates-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 20px; }
.tvt .t-card { background: var(--tv-home-card-bg, #212121); border: 1px solid var(--tv-home-border, #3c3c3c); border-radius: var(--tv-radius-xl, 12px); overflow: hidden; transition: border-color .2s, transform .2s; display: flex; flex-direction: column; color: inherit; }
.tvt .t-card:hover { border-color: var(--tv-home-accent, #4a9eff); transform: translateY(-3px); }
.tvt .t-card-preview { height: 120px; display: flex; align-items: center; justify-content: center; font-size: 40px; position: relative; overflow: hidden; background: var(--tv-home-card-hover, #2a2a2a); }
.tvt .t-card-preview img { width: 100%; height: 100%; object-fit: cover; }
.tvt .t-card-preview.c0 { background: linear-gradient(135deg, #15243f 0%, #0f1830 100%); }
.tvt .t-card-preview.c1 { background: linear-gradient(135deg, #103025 0%, #0d2018 100%); }
.tvt .t-card-preview.c2 { background: linear-gradient(135deg, #33220f 0%, #241809 100%); }
.tvt .t-card-preview.c3 { background: linear-gradient(135deg, #271436 0%, #1a0e24 100%); }
.tvt .t-card-preview.c4 { background: linear-gradient(135deg, #332a0f 0%, #241d09 100%); }
.tvt .t-card-preview.c5 { background: linear-gradient(135deg, #0f2a33 0%, #091d24 100%); }
.tvt .t-card-body { padding: 20px 22px 22px; flex: 1; display: flex; flex-direction: column; }
.tvt .t-card-category { font-family: var(--tv-font-sans, system-ui, sans-serif); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; margin-bottom: 8px; color: var(--tv-home-accent, #4a9eff); }
.tvt .t-card-title { font-family: var(--tv-font-serif, Georgia, 'Times New Roman', serif); font-size: 17px; font-weight: 600; color: var(--tv-home-text, #f5f5f5); line-height: 1.3; margin-bottom: 8px; }
.tvt .t-card-desc { font-family: var(--tv-font-sans, system-ui, sans-serif); font-size: 13px; color: var(--tv-home-text-muted, #a0a0a0); line-height: 1.55; flex: 1; margin-bottom: 16px; }
.tvt .t-card-meta { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.tvt .t-card-tags { display: flex; gap: 6px; flex-wrap: wrap; }
.tvt .t-tag { font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: 100px; background: rgba(255,255,255,.06); color: var(--tv-home-text-muted, #a0a0a0); }
.tvt .t-card-badge { font-size: 11px; font-weight: 700; padding: 4px 10px; border-radius: 100px; background: rgba(16,185,129,.14); color: #34d399; }
.tvt .t-card-action { display: flex; align-items: center; justify-content: space-between; padding-top: 14px; border-top: 1px dashed var(--tv-home-border, #3c3c3c); margin-top: auto; }
.tvt .t-card-dl { font-family: var(--tv-font-sans, system-ui, sans-serif); font-size: 13px; font-weight: 600; color: var(--tv-home-accent, #4a9eff); display: flex; align-items: center; gap: 5px; }
.tvt .t-card-format { font-size: 12px; color: var(--tv-home-text-faint, #707070); }

.tvt .divider { height: 0; border-top: 1px dashed var(--tv-home-border, #3c3c3c); margin: 48px 0; }

/* FAQ */
.tvt .faq-section { margin-bottom: 56px; }
.tvt .faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.tvt .faq-item { background: var(--tv-home-card-bg, #212121); border: 1px solid var(--tv-home-border, #3c3c3c); border-radius: var(--tv-radius-lg, 8px); padding: 22px 24px; }
.tvt .faq-item h3 { font-family: var(--tv-font-serif, Georgia, 'Times New Roman', serif); font-size: 15px; font-weight: 600; margin-bottom: 8px; }
.tvt .faq-item p { font-family: var(--tv-font-sans, system-ui, sans-serif); font-size: 13px; color: var(--tv-home-text-muted, #a0a0a0); line-height: 1.6; margin: 0; }

/* CTA banner */
.tvt .cta-banner,
.tvt .bottom-cta {
	background: linear-gradient(135deg, #11233f 0%, var(--tv-home-card-bg, #212121) 100%);
	border: 1px solid var(--tv-home-border, #3c3c3c);
	border-radius: var(--tv-radius-xl, 12px); padding: 44px 40px;
}
.tvt .cta-banner { display: flex; align-items: center; justify-content: space-between; gap: 32px; flex-wrap: wrap; }
.tvt .bottom-cta { text-align: center; margin-top: 48px; }
.tvt .cta-banner h2, .tvt .bottom-cta h2 { font-family: var(--tv-font-serif, Georgia, 'Times New Roman', serif); font-size: clamp(1.25rem, 2.5vw, 1.6rem); font-weight: 700; color: #fff; max-width: 520px; line-height: 1.3; }
.tvt .bottom-cta h2 { margin: 0 auto 10px; }
.tvt .cta-banner p, .tvt .bottom-cta p { font-family: var(--tv-font-sans, system-ui, sans-serif); font-size: 14px; color: var(--tv-home-text-muted, #a0a0a0); margin-top: 8px; }
.tvt .bottom-cta p { margin: 0 auto 24px; }
.tvt .cta-btn-group, .tvt .bottom-cta-btns { display: flex; gap: 12px; flex-wrap: wrap; }
.tvt .bottom-cta-btns { justify-content: center; }

/* Shared buttons (match the site's .tv-btn language) */
.tvt .btn-white,
.tvt .btn-dl-primary { background: var(--tv-teal, #0E7C7B); color: #fff; border: 2px solid var(--tv-teal, #0E7C7B); padding: 12px 26px; border-radius: var(--tv-radius-md, 6px); font-family: var(--tv-font-body, 'Signika', sans-serif); font-size: 14px; font-weight: 600; text-decoration: none; transition: opacity .15s; white-space: nowrap; }
.tvt .btn-white:hover, .tvt .btn-dl-primary:hover { opacity: .88; }
.tvt .btn-outline-white,
.tvt .dl-quote-link { background: transparent; color: var(--tv-home-text, #f5f5f5); border: 1.5px solid rgba(255,255,255,.28); padding: 12px 26px; border-radius: var(--tv-radius-md, 6px); font-family: var(--tv-font-body, 'Signika', sans-serif); font-size: 14px; font-weight: 600; text-decoration: none; transition: border-color .15s; white-space: nowrap; }
.tvt .btn-outline-white:hover, .tvt .dl-quote-link:hover { border-color: rgba(255,255,255,.6); }

/* Empty state */
.tvt .tvt-empty { text-align: center; padding: 64px 16px; }
.tvt .tvt-empty .em-icon { font-size: 40px; }
.tvt .tvt-empty h2 { font-family: var(--tv-font-serif, Georgia, 'Times New Roman', serif); margin: 8px 0 6px; }
.tvt .tvt-empty p { color: var(--tv-home-text-muted, #a0a0a0); margin-bottom: 18px; }

/* Pagination */
.tvt .tvt-pagination { margin-top: 40px; display: flex; justify-content: center; }
.tvt .tvt-pagination .page-numbers { display: inline-block; padding: 8px 14px; margin: 0 4px; border: 1px solid var(--tv-home-border, #3c3c3c); border-radius: var(--tv-radius-md, 6px); color: var(--tv-home-text-muted, #a0a0a0); text-decoration: none; font-size: 14px; }
.tvt .tvt-pagination .page-numbers.current,
.tvt .tvt-pagination .page-numbers:hover { background: rgba(74,158,255,.14); color: #fff; border-color: var(--tv-home-accent, #4a9eff); }

/* ═══════════════════════════════════════════════════════════════
   DETAIL PAGE
═══════════════════════════════════════════════════════════════ */
.tvt .page-wrap { max-width: 1280px; margin: 0 auto; padding: 0 24px 80px; display: grid; grid-template-columns: 1fr 340px; grid-template-rows: auto 1fr; gap: 0 48px; }
.tvt .page-hero { grid-column: 1 / -1; padding: 36px 0 40px; border-bottom: 1px dashed var(--tv-home-border, #3c3c3c); margin-bottom: 44px; }
.tvt .content-col { min-width: 0; }

.tvt .hero-category-link { display: inline-flex; align-items: center; gap: 6px; font-family: var(--tv-font-sans, system-ui, sans-serif); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--tv-home-accent, #4a9eff); margin-bottom: 14px; }
.tvt .hero-category-link:hover { color: #fff; }
.tvt .page-hero h1 { font-family: var(--tv-font-serif, Georgia, 'Times New Roman', serif); font-size: clamp(1.75rem, 3vw, 2.6rem); font-weight: 700; line-height: 1.18; max-width: 720px; letter-spacing: -0.02em; margin-bottom: 16px; }
.tvt .hero-meta { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; margin-bottom: 22px; font-family: var(--tv-font-sans, system-ui, sans-serif); }
.tvt .hero-meta-item { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--tv-home-text-faint, #707070); }
.tvt .hero-meta-item strong { color: var(--tv-home-text-muted, #a0a0a0); font-weight: 600; }
.tvt .hero-tags { display: flex; gap: 8px; flex-wrap: wrap; }
.tvt .h-tag { font-size: 12px; font-weight: 600; padding: 4px 12px; border-radius: 100px; background: rgba(74,158,255,.10); color: var(--tv-home-accent, #4a9eff); }

/* Download card */
.tvt .dl-card { background: var(--tv-home-card-bg, #212121); border: 1px solid var(--tv-home-border, #3c3c3c); border-radius: var(--tv-radius-xl, 12px); padding: 26px; position: sticky; top: 90px; }
.tvt .dl-card-header { margin-bottom: 20px; }
.tvt .dl-card-title { font-family: var(--tv-font-serif, Georgia, 'Times New Roman', serif); font-size: 17px; font-weight: 600; margin-bottom: 6px; }
.tvt .dl-card-sub { font-family: var(--tv-font-sans, system-ui, sans-serif); font-size: 13px; color: var(--tv-home-text-faint, #707070); }
.tvt .btn-dl-primary { width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; margin-bottom: 12px; }
.tvt .dl-note { font-family: var(--tv-font-sans, system-ui, sans-serif); font-size: 12px; color: var(--tv-home-text-faint, #707070); text-align: center; display: flex; align-items: center; justify-content: center; gap: 5px; margin-bottom: 4px; }
.tvt .dl-divider { height: 0; border-top: 1px dashed var(--tv-home-border, #3c3c3c); margin: 20px 0; }
.tvt .dl-checklist { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.tvt .dl-checklist li { display: flex; align-items: flex-start; gap: 10px; font-family: var(--tv-font-sans, system-ui, sans-serif); font-size: 13px; color: var(--tv-home-text-muted, #a0a0a0); line-height: 1.45; }
.tvt .dl-checklist .chk { width: 18px; height: 18px; border-radius: 50%; background: rgba(16,185,129,.16); color: #34d399; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; font-size: 10px; font-weight: 700; }
.tvt .dl-related-links { display: flex; flex-direction: column; gap: 8px; }
.tvt .dl-related-link { display: flex; align-items: center; gap: 8px; font-family: var(--tv-font-sans, system-ui, sans-serif); font-size: 13px; text-decoration: none; padding: 10px 12px; border-radius: var(--tv-radius-md, 6px); background: rgba(255,255,255,.03); border: 1px solid var(--tv-home-border, #3c3c3c); transition: border-color .15s; }
.tvt .dl-related-link:hover { border-color: var(--tv-home-accent, #4a9eff); }
.tvt .dl-related-link span { flex: 1; font-weight: 500; color: var(--tv-home-text-muted, #a0a0a0); }
.tvt .dl-quote-link { display: block; text-align: center; }

/* Content sections */
.tvt .content-section { margin-bottom: 44px; }
.tvt .content-section h2 { font-family: var(--tv-font-serif, Georgia, 'Times New Roman', serif); font-size: 1.5rem; font-weight: 700; letter-spacing: -0.01em; margin-bottom: 14px; }
.tvt .content-section h3 { font-family: var(--tv-font-serif, Georgia, 'Times New Roman', serif); font-size: 16px; font-weight: 600; margin: 20px 0 8px; }
.tvt .content-section p { font-family: var(--tv-font-body, 'Signika', sans-serif); font-size: 16px; color: var(--tv-home-text-muted, #a0a0a0); line-height: 1.75; margin-bottom: 14px; }
.tvt .content-section ul, .tvt .content-section ol { margin: 0 0 14px 20px; color: var(--tv-home-text-muted, #a0a0a0); font-size: 16px; line-height: 1.75; }

/* Overview / definition block */
.tvt .definition-block { background: rgba(74,158,255,.06); border: 1px solid rgba(74,158,255,.18); border-left: 3px solid var(--tv-home-accent, #4a9eff); border-radius: var(--tv-radius-lg, 8px); padding: 22px 26px; margin-bottom: 32px; }
.tvt .definition-block p { font-family: var(--tv-font-body, 'Signika', sans-serif); font-size: 16px; color: var(--tv-home-text, #f5f5f5); line-height: 1.7; margin: 0; }

/* Spec table */
.tvt .spec-table { width: 100%; border-collapse: collapse; font-family: var(--tv-font-sans, system-ui, sans-serif); font-size: 14px; }
.tvt .spec-table td { padding: 12px 4px; border-bottom: 1px dashed var(--tv-home-border, #3c3c3c); vertical-align: top; color: var(--tv-home-text-muted, #a0a0a0); font-size: 14px; }
.tvt .spec-table tr:last-child td { border-bottom: none; }
.tvt .spec-name { font-weight: 600; color: var(--tv-home-text, #f5f5f5); width: 40%; }

/* Related templates */
.tvt .related-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.tvt .rel-card { display: flex; align-items: flex-start; gap: 14px; padding: 16px 18px; border: 1px solid var(--tv-home-border, #3c3c3c); border-radius: var(--tv-radius-lg, 8px); text-decoration: none; color: inherit; transition: border-color .2s, transform .2s; }
.tvt .rel-card:hover { border-color: var(--tv-home-accent, #4a9eff); transform: translateY(-2px); }
.tvt .rel-icon { font-size: 26px; flex-shrink: 0; }
.tvt .rel-cat { font-family: var(--tv-font-sans, system-ui, sans-serif); font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--tv-home-accent, #4a9eff); margin-bottom: 3px; }
.tvt .rel-title { font-family: var(--tv-font-serif, Georgia, 'Times New Roman', serif); font-size: 14px; font-weight: 600; line-height: 1.3; margin-bottom: 4px; }
.tvt .rel-free { font-size: 11px; color: #34d399; font-weight: 600; }

/* ───── Responsive ───── */
@media (max-width: 900px) {
	.tvt .page-wrap { grid-template-columns: 1fr; padding: 0 16px 64px; }
	.tvt .dl-card { position: static; order: -1; margin-bottom: 32px; }
	.tvt .related-grid { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
	.tvt { padding-top: 60px; } /* header shrinks to 60px on mobile */
	.tvt .hero { padding: 48px 20px 48px; }
	.tvt .main { padding: 40px 16px 64px; }
	.tvt .trust-bar { grid-template-columns: 1fr 1fr; padding: 24px; }
	.tvt .faq-grid { grid-template-columns: 1fr; }
	.tvt .cta-banner { padding: 32px 24px; }
	.tvt .templates-grid { grid-template-columns: 1fr; }
	.tvt .hero-stats { gap: 28px; }
}