/* Scoped to the two public call-quality guides. */
.quality-page{--q-muted:#53654e;--q-warn:#855511;--q-wash:#edf2e5}
.quality-page .q-hero{padding-top:32px;padding-bottom:64px}
.quality-page .breadcrumb{margin-bottom:35px}
.quality-page .q-hero-grid{display:grid;grid-template-columns:1.06fr 1fr;gap:48px;align-items:center}
.quality-page h1{font-size:clamp(34px,3.7vw,53px);font-weight:650;line-height:1.14;letter-spacing:-1.8px;margin:18px 0 22px;text-wrap:balance}
.quality-page .q-lead{font-size:17px;line-height:1.8;color:var(--q-muted);max-width:660px}
.quality-page .q-trial{font-size:12px;color:var(--q-muted);margin-top:14px}
.quality-page .text-link{font-size:13px;text-decoration:underline;text-underline-offset:4px}
.quality-page .q-demo{margin:0;padding:26px;border:1px solid #d3dfc5;border-radius:22px;background:var(--q-wash);box-shadow:0 18px 50px #26412a0b;min-width:0}
.quality-page .q-demo-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px;font-weight:700;margin-bottom:18px}
.quality-page .q-badge{padding:5px 9px;border:1px solid #e8d5b4;background:#fff8eb;color:var(--q-warn);border-radius:30px;font-size:10px;font-weight:700;text-align:center}
.quality-page .q-demo-label{font-size:11px;color:var(--q-muted);margin-bottom:12px;line-height:1.5}
.quality-page .q-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.quality-page .q-stat{padding:14px 12px;background:#fff;border:1px solid #e0e6d9;border-radius:11px;min-width:0}
.quality-page .q-stat span{display:block;font-size:11px;line-height:1.4;color:var(--q-muted)}
.quality-page .q-stat strong{display:block;font-size:27px;letter-spacing:-1px;line-height:1.4;margin:5px 0 3px;font-weight:650}
.quality-page .q-stat small{font-size:10px;color:var(--q-muted);display:block}
.quality-page .q-stat.is-attention strong{color:var(--q-warn)}
.quality-page .q-plot{margin-top:18px;background:#fff;border:1px solid #e0e6d9;padding:15px 13px 12px;border-radius:12px}
.quality-page .q-plot-label{font-size:12px;font-weight:700;margin-bottom:6px}
.quality-page .q-plot svg{display:block;width:100%;height:auto;overflow:visible}
.quality-page .q-axis{fill:#64715e;font-family:system-ui,sans-serif;font-size:16px}
.quality-page .q-time{display:flex;justify-content:space-between;font-size:10px;color:var(--q-muted);padding-left:32px}
.quality-page .q-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:12px;font-size:11px;color:var(--q-muted)}
.quality-page .q-legend span{display:inline-flex;align-items:center;gap:7px}
.quality-page .q-swatch{width:16px;height:3px;background:#2b653e;display:inline-block}
.quality-page .q-swatch.threshold{height:0;background:none;border-top:2px dashed #b17b25}
.quality-page .q-demo figcaption{font-size:12px;line-height:1.65;color:var(--q-muted);margin-top:15px}
.quality-page .q-jump{display:flex;gap:10px 22px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:19px;padding-bottom:19px;font-size:12px;color:#405938}
.quality-page .q-jump a{padding:5px 0;text-decoration:underline;text-underline-offset:4px}
.quality-page .q-section{padding-top:65px;padding-bottom:65px}
.quality-page .q-heading{max-width:760px;margin-bottom:28px}
.quality-page .q-heading h2{font-size:clamp(26px,3vw,38px);line-height:1.23;letter-spacing:-1px;margin:12px 0 14px;font-weight:600;text-wrap:balance}
.quality-page .q-heading p,.quality-page .q-copy{font-size:15px;line-height:1.85;color:var(--q-muted)}
.quality-page .q-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.quality-page .q-card{padding:26px;border:1px solid var(--line);border-radius:15px;background:white;min-width:0}
.quality-page .q-card h3{font-size:20px;line-height:1.4;letter-spacing:-.4px;margin:14px 0 12px;font-weight:650}
.quality-page .q-card p,.quality-page .q-card li{font-size:14px;line-height:1.8;color:var(--q-muted)}
.quality-page .q-unit{font-size:13px;font-weight:650;display:inline-block;padding:5px 11px;border-radius:6px;background:#eaf2de;color:#3a5730}
.quality-page .q-guide{padding-top:17px;margin-top:17px;border-top:1px solid var(--line)}
.quality-page .q-guide strong{display:block;color:var(--ink);font-size:14px;margin-bottom:5px}
.quality-page .q-note{font-size:13px;color:var(--q-muted);line-height:1.8;border-left:3px solid #98b875;padding-left:17px;margin-top:22px;max-width:900px}
.quality-page .q-band{background:#f0f3e9;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.quality-page .q-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.quality-page .q-case{background:#fff;border:1px solid #dce5d3;border-radius:15px;padding:26px;min-width:0}
.quality-page .q-case .q-case-number{font-size:11px;font-weight:700;letter-spacing:1px;color:#6d825c}
.quality-page .q-case h3{font-size:21px;line-height:1.4;margin:14px 0 16px;letter-spacing:-.5px}
.quality-page .q-case dl{margin:0}
.quality-page .q-case dt{font-size:11px;font-weight:800;letter-spacing:.4px;margin-top:18px;color:#3d5836}
.quality-page .q-case dd{font-size:14px;line-height:1.8;margin:7px 0 0;color:var(--q-muted)}
.quality-page .q-case dd.q-reading{font-size:14px;font-weight:700;color:var(--ink);background:#f2f5ec;border-radius:7px;padding:10px 12px}
.quality-page .q-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;counter-reset:step;list-style:none;padding:0;margin:0}
.quality-page .q-steps li{counter-increment:step;border-top:1px solid #cddac1;padding-top:20px;min-width:0}
.quality-page .q-steps li:before{content:'0' counter(step);font-size:12px;color:#6d825c}
.quality-page .q-steps h3{font-size:18px;line-height:1.45;margin:14px 0 10px}
.quality-page .q-steps p{font-size:14px;line-height:1.8;color:var(--q-muted)}
.quality-page .q-alert{margin-top:34px;border-radius:15px;background:#254b34;color:#fff;padding:30px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:26px}
.quality-page .q-alert h3{font-size:21px;margin-bottom:10px;line-height:1.35}
.quality-page .q-alert p{font-size:14px;color:#dbe7d4;line-height:1.8;max-width:800px}
.quality-page .q-alert a{color:#d5efb8;font-size:13px;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}
.quality-page .q-trust{display:grid;grid-template-columns:1fr 1fr;gap:34px;border-top:1px solid var(--line);padding-top:30px;margin-top:36px}
.quality-page .q-trust h3{font-size:18px;margin-bottom:12px}
.quality-page .q-trust p{font-size:14px;line-height:1.85;color:var(--q-muted)}
.quality-page .q-faq{background:#f0f3e9;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.quality-page .q-faq .faq-list{max-width:none}
.quality-page .q-faq .faq-answer{max-width:950px}
.quality-page .q-sources{display:flex;gap:10px 22px;align-items:baseline;flex-wrap:wrap;font-size:12px;color:var(--q-muted);padding-top:22px}
.quality-page .q-sources a{text-decoration:underline;text-underline-offset:3px}
.quality-page .q-final{padding:62px 0;text-align:center}
.quality-page .q-final h2{font-size:clamp(27px,3.3vw,42px);line-height:1.25;letter-spacing:-1px;max-width:790px;margin:0 auto 20px;text-wrap:balance}
.quality-page .q-final p{font-size:14px;color:var(--q-muted);margin:18px 0 0}
@media(max-width:1050px){.quality-page .q-hero-grid{gap:28px;grid-template-columns:1fr 1fr}.quality-page .q-demo{padding:18px}.quality-page .q-stats{gap:6px}.quality-page .q-stat{padding:12px 8px}.quality-page .q-stat strong{font-size:24px}.quality-page .q-card,.quality-page .q-case{padding:22px}.quality-page .q-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.quality-page .q-hero-grid{grid-template-columns:1fr;gap:32px}.quality-page .q-demo{max-width:640px;width:100%;padding:24px}.quality-page .q-grid,.quality-page .q-cases{grid-template-columns:1fr}.quality-page .q-section{padding-top:48px;padding-bottom:48px}.quality-page .q-hero{padding-bottom:40px}.quality-page .q-alert{grid-template-columns:1fr;gap:20px}.quality-page .q-trust{gap:25px}.quality-page .q-card h3{margin-top:10px}.quality-page .q-stat strong{font-size:29px}}
@media(max-width:500px){.quality-page h1{font-size:36px;letter-spacing:-1.1px}.quality-page .q-lead{font-size:15px}.quality-page .q-demo{padding:17px;border-radius:16px}.quality-page .q-demo-top{font-size:12px}.quality-page .q-badge{font-size:9px}.quality-page .q-stat{padding:11px 8px}.quality-page .q-stat strong{font-size:25px}.quality-page .q-stat span{font-size:10px}.quality-page .q-stat small{font-size:9px}.quality-page .q-plot{padding:12px 9px}.quality-page .q-legend{font-size:10px}.quality-page .q-steps,.quality-page .q-trust{grid-template-columns:1fr}.quality-page .q-alert{padding:24px}.quality-page .q-steps{gap:23px}.quality-page .q-jump{gap:6px 16px}.quality-page .q-final{padding:45px 0}.quality-page .q-final .btn{white-space:normal}.quality-page .q-heading h2{letter-spacing:-.7px}}

/* Layout adjustments for longer translations and scripts with combining marks. */
.quality-page .q-hero-grid{grid-template-columns:minmax(0,1.06fr) minmax(0,1fr)}
.quality-page .q-card,.quality-page .q-case,.quality-page .q-steps li{overflow-wrap:anywhere}
.quality-page .q-stat strong{white-space:normal;unicode-bidi:isolate}
.quality-page .q-stat strong small{white-space:nowrap}
.quality-page .q-time{direction:ltr}
[dir=rtl] .quality-page .q-plot svg{direction:ltr}
[dir=rtl] .quality-page .q-time{padding-left:32px;padding-right:0}
[dir=rtl] .quality-page .q-note{border-left:0;border-right:3px solid #98b875;padding-left:0;padding-right:17px}
[dir=rtl] .quality-page h1,[dir=rtl] .quality-page h2,[dir=rtl] .quality-page h3{letter-spacing:0;line-height:1.5}
[dir=rtl] .quality-page .q-stat strong{letter-spacing:0}
[dir=rtl] .quality-page .q-stat strong small{display:block!important;font-size:11px!important;line-height:1.6}
:lang(hi) .quality-page h1,:lang(hi) .quality-page h2,:lang(hi) .quality-page h3{letter-spacing:0;line-height:1.5}
:lang(zh) .quality-page h1,:lang(ja) .quality-page h1{letter-spacing:0;line-height:1.4}
@media(max-width:1050px){.quality-page .q-hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.quality-page .q-hero-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:500px){.quality-page .q-stat strong small{display:block!important;font-size:11px!important;line-height:1.6}}