/* Copy layout refinements; original visual system is retained. */
.copy-refresh h1, .copy-refresh h2, .copy-refresh h3 { text-wrap: balance; }
.copy-refresh .hero h1 { font-size: clamp(2.8rem, 6.8vw, 5.9rem); max-width: 1000px; }
.copy-refresh .hero-sub { max-width: 760px; }
.copy-refresh .section.container, .copy-refresh .page-hero.container { padding-inline: 24px; }
.copy-refresh .section-head { max-width: 880px; }
.nav-links a { color: var(--text-2); }
@media (min-width: 768px) { .copy-refresh .section.container, .copy-refresh .page-hero.container { padding-inline: 32px; } }
.copy-refresh .page-hero .lead, .copy-refresh .section-head .lead { max-width: 880px; }
.copy-refresh .eyebrow { line-height: 1.7; }
.copy-refresh .page-hero h1 { margin-top: var(--s4); }
.copy-refresh .card h3 + p { margin-top: 12px; }
.copy-refresh .card p + h3 { margin-top: 24px; }
.copy-refresh .card-heading { font-size: 1.5rem; margin-bottom: 14px; }
.copy-refresh [id] { scroll-margin-top: 120px; }
.hero-proof { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; margin-top: 28px; color: var(--text-2); font-size: 14px; }
.case-result { display: grid; grid-template-columns: 1fr 1.8fr; gap: 40px; padding: 40px; margin: 24px 0; border: 1px solid var(--border-mid); border-radius: var(--r-xl); background: var(--surface); }
.case-metric { font-family: var(--f-display); font-size: clamp(4rem, 8vw, 7rem); line-height: 1; color: var(--sunrise); }
.case-metric-label { color: var(--text-1); font-size: 18px; font-weight: 600; margin: 12px 0 6px; }
.case-note { font-size: 13px; margin-top: 20px; color: var(--text-2); }
html[lang="th"] .copy-refresh h1, html[lang="th"] .copy-refresh h2, html[lang="th"] .copy-refresh h3 { line-height: 1.4; }
html[lang="th"] .copy-refresh p { line-height: 1.9; }
.site-footer a { overflow-wrap: anywhere; }
@media (max-width: 1220px) { .nav-links { display: none; } .nav-toggle { display: inline-flex; } }
@media (max-width: 600px) { .case-result { grid-template-columns: 1fr; padding: 24px; gap: 24px; } .copy-refresh .quick-nav-glass { padding: 0 20px; } .hero-proof { align-items: flex-start; flex-direction: column; } }