/* Morph — Simplified Chinese layer. Loaded after /site.css on /zh/ pages only. */
:root {
  --serif: "Noto Serif SC", "Songti SC", "STSong", serif;
  --sans: "Space Grotesk", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", ui-sans-serif, system-ui, sans-serif;
}
body { line-height: 1.85; line-break: strict; }

/* CJK never takes negative tracking; hanzi need looser leading than Latin display type. */
h1, h2, h3, .brand, .btn-store b, .btn-store small, .btn-soon small, .lens .sub { letter-spacing: 0; }
h1, h2, h3, .also dt, .prism-close, .contact-card a.mail { font-weight: 600; }
h1 { font-size: clamp(2.5rem, 7.2vw, 4.75rem); line-height: 1.22; }
h2 { font-size: clamp(1.875rem, 4.4vw, 3rem); line-height: 1.3; }
h3 { line-height: 1.4; }
.lens h3, .steps h3 { font-size: 1.375rem; }
.also dt { font-size: 1.25rem; line-height: 1.45; }
.prism-close { font-size: 1.375rem; line-height: 1.6; }
.final h2 { font-size: clamp(2rem, 5.6vw, 3.75rem); line-height: 1.3; }
.faq summary { line-height: 1.6; }
.lede { line-height: 1.85; }
.btn { line-height: 1.2; }
.doc h1 { font-size: clamp(2.25rem, 5.6vw, 3.5rem); line-height: 1.3; }
.doc h2 { line-height: 1.45; }
.doc h3 { font-family: var(--sans); }
.steps li::before { font-family: "Space Grotesk", var(--sans); font-weight: 300; }
.site-foot .lang-nav { grid-column: 1 / -1; }
h1 .tide, h2 .tide { display: inline-block; }


/* ---------- Guide page pieces (mirrors the Arabic guide, LTR) ---------- */
.notice { margin-top: 20px; padding: 14px 18px; border-radius: 14px; background: rgba(255, 193, 7, 0.08); border: 1px solid rgba(255, 193, 7, 0.28); color: var(--text); font-size: 0.975rem; }
.crumbs { font-size: 0.9375rem; color: var(--dim); }
.crumbs ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px; }
.crumbs li { line-height: 1.6; }
.crumbs li + li::before { content: "›"; margin-right: 6px; opacity: 0.6; }
.crumbs a { color: var(--dim); text-decoration: none; }
.crumbs a:hover { color: var(--bright); }
.guide .wrap { max-width: 800px; }
.guide h1 { margin-top: 18px; }
.guide h1 .tide { display: block; font-size: 0.62em; margin-top: 10px; }
.guide .lede { margin-top: 24px; }
.guide h2 { font-size: clamp(1.5rem, 3.2vw, 2rem); line-height: 1.45; }
.guide .figure-row { display: grid; grid-template-columns: 220px 1fr; gap: 32px; align-items: center; margin: 40px 0 8px; }
.guide .figure-row .shot { max-width: 220px; }
@media (max-width: 640px) { .guide .figure-row { grid-template-columns: 1fr; } .guide .figure-row .shot { justify-self: center; } }
.kinds { list-style: none; margin: 24px 0 0; padding: 0; display: grid; }
.doc .kinds { padding: 0; }
.kinds li { padding: 18px 0; border-top: 1px solid var(--hair); }
.kinds li:last-child { border-bottom: 1px solid var(--hair); }
.kinds b { display: block; color: var(--bright); font: 600 1.1875rem/1.5 var(--serif); margin-bottom: 4px; }
.doc .kinds li + li { margin-top: 0; }
.guide .cta-block { margin-top: 56px; padding: 32px; border-radius: 22px; background: linear-gradient(135deg, rgba(97, 73, 255, 0.24), rgba(30, 30, 38, 0.9)); border: 1px solid rgba(138, 120, 255, 0.3); }
.guide .cta-block h2 { margin-top: 0; }
.guide .cta-block .ctas { margin-top: 24px; }
.guide-link { margin-top: 28px; }
.legal-note { margin-top: 12px; font-size: 0.875rem; color: var(--dim); }