.skip-link{position:absolute;inset-inline-start:16px;top:-100px;background:#fff;padding:12px 18px;border:2px solid #216cba;z-index:20}.skip-link:focus{top:12px}
.guide-language{border:1px solid var(--border);border-radius:8px;padding:8px 14px;white-space:nowrap}.guide-back{display:inline-flex;align-items:center;min-height:44px;font-size:14px;margin-bottom:16px}.guide-back:before{content:'←';margin-inline-end:8px}html[dir=rtl] .guide-back:before{content:'→'}
.eye-care-directory{padding-top:24px;max-width:1150px}.eye-care-directory h1{font-size:clamp(32px,4vw,44px)}.eye-care-directory .intro{max-width:650px}
.eye-care-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}.eye-care-card{display:flex;flex-direction:column;align-items:flex-start;background:#fff;border:1px solid var(--border);border-radius:16px;padding:24px;text-decoration:none;color:var(--text);transition:border-color .15s}.eye-care-card:hover{border-color:#b9939d}.eye-care-card h2{font-size:21px;margin:20px 0 10px;line-height:1.35}.eye-care-card p{color:var(--muted);margin:0 0 24px}.guide-card-action{display:flex;align-items:center;gap:20px;margin-top:auto;color:var(--brand);font-size:15px;font-weight:650}
.guide-illustration{display:block;width:110px;height:100px;border-radius:20px;flex:none}.guide-illustration svg{width:100%;height:100%;display:block;direction:ltr}.guide-illustration.blue{background:#e9f2fb;color:#276998}.guide-illustration.red{background:#fcecf0;color:#b12c47}.guide-illustration.green{background:#e6f3ee;color:#23745c}
.guide-card-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;border-radius:10px}.guide-photo{flex:0 0 38%;min-width:0;max-width:320px;margin:0}.guide-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;border-radius:12px}.guide-photo figcaption{margin-top:7px;font-size:12px;line-height:1.5;color:var(--muted)}.guide-hero>div{flex:1;min-width:0}
.eye-care-article{max-width:900px;padding-top:24px}.guide-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.guide-toolbar .guide-back{margin:0}.eye-care-article article{background:#fff;border:1px solid var(--border);border-radius:18px;padding:34px}.guide-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:26px}.guide-hero h1{font-size:clamp(28px,3.5vw,38px)}.guide-hero .intro{font-size:17px;margin-bottom:8px}.guide-hero .guide-illustration{width:115px;height:110px}
.guide-section{margin-top:28px}.guide-section h2,.guide-callout h2{font-size:21px;margin:0 0 12px}.guide-section p{margin:0}.guide-section ul,.guide-section ol{margin:0;padding-inline-start:24px}.guide-section li{padding-inline-start:5px;margin:0 0 12px}.guide-section ol li::marker{color:#276998;font-weight:750}
.guide-callout{margin-top:28px;border-radius:12px;padding:20px 22px;border-inline-start:4px solid #276998;background:#edf4fb}.guide-callout p{margin:0}.guide-callout.green{background:#edf6f2;border-color:#23745c}.guide-callout.emergency{background:#fff0f3;border-color:#b12c47}.guide-callout.emergency h2{color:#94263e}
.guide-note{color:var(--muted);font-size:14px;margin:26px 0}.guide-sources{border-top:1px solid var(--border);padding-top:22px;margin-top:26px}.guide-sources h2{font-size:18px;margin-bottom:12px}.guide-sources ul{padding-inline-start:20px;margin:0}.guide-sources li{font-size:14px;margin-bottom:10px;overflow-wrap:anywhere}.guide-checked{color:var(--muted);font-size:12px;margin-bottom:0}.guide-related{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px 24px}.guide-related h2{width:100%;font-size:20px;margin:0}.guide-related a{min-height:44px;display:inline-flex;align-items:center;font-size:15px}
html[dir=rtl] body{font-family:Tahoma,Arial,sans-serif;line-height:1.85}html[dir=rtl] h1{letter-spacing:0;line-height:1.35}html[dir=rtl] .eyebrow{letter-spacing:0}html[dir=rtl] .guide-hero{gap:22px}[hidden]{display:none!important}
@media(max-width:850px){.eye-care-cards{gap:14px}.eye-care-card{padding:20px}.eye-care-card h2{font-size:19px}.site-header{gap:14px}.site-header nav{gap:12px}}
@media(max-width:650px){.eye-care-cards{grid-template-columns:1fr;margin-top:24px}.eye-care-directory,.eye-care-article{padding:20px 16px 36px}.site-header{padding:12px 16px;flex-wrap:wrap}.site-header nav{justify-content:space-between;width:100%}.eye-care-card{padding:22px}.eye-care-card h2{font-size:22px}.guide-hero{flex-direction:column-reverse;gap:18px}.guide-hero .guide-illustration{width:90px;height:80px}.eye-care-article article{padding:24px 20px}.guide-callout{padding:18px}.guide-toolbar .button{padding:8px 12px;font-size:14px}.guide-section h2{font-size:20px}.site-footer{padding:24px 16px}}
@media(prefers-reduced-motion:reduce){.eye-care-card{transition:none}}
@media(max-width:650px){.guide-hero{flex-direction:column;gap:18px}.guide-photo{flex:none;width:100%;max-width:420px}.guide-photo figcaption{font-size:12px}}
@page{size:A4;margin:15mm}
@media print{body{background:white;font-size:11pt;color:#000}.site-header,.site-footer,.skip-link,.guide-toolbar,.guide-related{display:none!important}.eye-care-article{padding:0;max-width:none}.eye-care-article article{border:0;border-radius:0;padding:0}.guide-hero h1{font-size:24pt}.guide-hero .intro{font-size:11pt}.guide-section{margin-top:18px}.guide-section h2,.guide-callout h2{font-size:14pt;break-after:avoid}.guide-section li{margin-bottom:7px}.guide-callout{border:1px solid #aaa;border-inline-start:4px solid #777;background:white!important;padding:12px 15px;break-inside:avoid;margin-top:18px}.guide-section li,.guide-hero,.guide-sources{break-inside:avoid}.guide-sources{margin-top:18px;padding-top:14px}.guide-sources a{color:#000}.guide-sources li{font-size:9pt}.guide-note{font-size:9pt;margin:18px 0}.guide-illustration{print-color-adjust:exact;-webkit-print-color-adjust:exact}.guide-checked{font-size:8pt}}
@media print{.guide-hero{flex-direction:row;gap:18px}.guide-photo{flex:0 0 30%;width:30%;max-width:220px;break-inside:avoid}.guide-photo figcaption{font-size:8pt}.guide-photo img{max-height:150px;object-fit:contain}}