.washdown-page .hero-copy>p:not(.eyebrow){font-size:17px;line-height:1.7;color:var(--muted);margin:0 0 16px;max-width:680px}
.washdown-page .hero h1{max-width:670px;font-size:48px;line-height:1.1}
.washdown-page .washdown-diagram{margin:0;min-width:0;background:#f0f7fb;border:1px solid #c8dbe7;border-radius:3px;padding:20px}
.washdown-page .washdown-diagram svg{width:100%;height:auto;display:block}
.washdown-page .washdown-diagram figcaption{font-size:14px;line-height:1.6;color:var(--muted);margin-top:16px}
.washdown-page .washdown-response{margin-top:36px}
.washdown-page .washdown-explanations{margin-top:36px}
.washdown-page .compare-scroll{overflow-x:auto;max-width:100%;border:1px solid #bfd0db}
.washdown-page .compare-table{min-width:920px;width:100%;table-layout:fixed;border-collapse:collapse}
.washdown-page .compare-table th,.washdown-page .compare-table td{padding:18px 20px;vertical-align:top;font-size:15px;line-height:1.65;text-align:left;border-bottom:1px solid #c6d6df}
.washdown-page .compare-table thead th{background:#123448;color:#fff}
.washdown-page .compare-table tbody th{background:#f0f7fb;width:20%}
.washdown-page .ct-caption{font-size:16px;color:#153b50;text-align:left;padding:16px 20px;font-weight:700}
.washdown-page .washdown-reading{max-width:920px;margin-inline:auto}
.washdown-page .washdown-reading p,.washdown-page .washdown-reading li{line-height:1.8;color:var(--muted)}
.washdown-page .washdown-reading h2{margin-bottom:26px}
.washdown-page .washdown-reading ul{padding-left:22px;margin:25px 0}
.washdown-page .washdown-reading li{margin-bottom:15px}
.washdown-page .cta .washdown-reading p{color:#e1edf4}
.washdown-page .washdown-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.washdown-page .washdown-related a{border-top:1px solid #b8cfdd;padding-top:20px}

@media(max-width:899px){.washdown-page .hero h1{font-size:42px}.washdown-page .washdown-related{grid-template-columns:1fr 1fr}}
@media(max-width:599px){.washdown-page .hero h1{font-size:36px}.washdown-page .hero-copy>p:not(.eyebrow){font-size:16px}.washdown-page .washdown-diagram{padding:10px}.washdown-page .washdown-diagram figcaption{font-size:13px}.washdown-page .washdown-reading{width:calc(100% - 36px)}.washdown-page .washdown-related{grid-template-columns:1fr}.washdown-page .compare-table th,.washdown-page .compare-table td{padding:14px}}

.washdown-page .washdown-response-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.washdown-page .washdown-response-panel h3{font-size:18px;line-height:1.4;margin:0 0 5px}
.washdown-page .washdown-response-panel p{font-size:14px;margin:0 0 12px;color:var(--muted)}
@media(max-width:899px){.washdown-page .washdown-response-panels{grid-template-columns:1fr}.washdown-page .washdown-response-panel{max-width:480px;margin-inline:auto;width:100%}}

.washdown-page .hero .washdown-diagram svg{max-width:440px;margin-inline:auto}

/* The technical axes retain their drawing coordinates; RTL labels read naturally. */
html:not([lang="en"]) .washdown-page .washdown-diagram svg g{font-family:inherit}
[dir="rtl"] .washdown-page .washdown-diagram svg{direction:ltr}
[dir="rtl"] .washdown-page .washdown-diagram svg text{direction:rtl;unicode-bidi:plaintext;text-anchor:end}
[dir="rtl"] .washdown-page .washdown-diagram svg text[text-anchor="end"]{text-anchor:start}