:root{--bg:#f5fbfc;--surface:#fff;--ink:#10252d;--muted:#5f737c;--line:#d8e7eb;--brand:#087f8c;--brand2:#13a8a5;--navy:#0d3b4c;--excellent:#087f8c;--good:#2e8fc2;--sufficient:#b17a12;--poor:#b74646;--unknown:#75828a;--shadow:0 18px 55px rgba(15,56,69,.10);--radius:22px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(180deg,#edf9fb 0,#f8fbfc 18rem,#fff 100%);color:var(--ink);line-height:1.58}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}img,svg{max-width:100%}.wrap{width:min(calc(100% - 36px),var(--max));margin:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:12px;background:#fff;padding:10px 14px;border-radius:10px;z-index:99}.site-header{position:sticky;top:0;z-index:40;background:rgba(250,254,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(216,231,235,.9)}.nav{min-height:74px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;color:var(--navy);font-weight:800;font-size:1.06rem;margin-right:auto}.brand:hover{text-decoration:none}.brand-mark{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 42% 32%,#bdf8ef 0 17%,transparent 18%),linear-gradient(145deg,var(--brand2),var(--navy));box-shadow:inset 0 0 0 3px rgba(255,255,255,.35)}.nav-links{display:flex;align-items:center;gap:22px}.nav-links a{color:#28454e;font-weight:650;font-size:.94rem}.nav-cta{background:var(--navy);color:white!important;padding:10px 16px;border-radius:999px}.mobile-toggle{display:none;border:0;background:none;font-size:1.45rem}.hero{padding:82px 0 58px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:center}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:800;color:var(--brand)}h1,h2,h3{line-height:1.08;margin:0 0 16px}h1{font-size:clamp(2.7rem,7vw,5.35rem);letter-spacing:-.05em;max-width:900px}h2{font-size:clamp(2rem,4.2vw,3.45rem);letter-spacing:-.04em}h3{font-size:1.28rem;letter-spacing:-.02em}.gradient-text{background:linear-gradient(100deg,var(--brand),#13a8a5 55%,#155c86);-webkit-background-clip:text;color:transparent}.lead{font-size:clamp(1.05rem,2vw,1.28rem);color:#4c6670;max-width:760px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:14px;font-weight:800;border:1px solid transparent;cursor:pointer;font:inherit}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn.primary{background:var(--navy);color:#fff}.btn.secondary{background:#fff;color:var(--navy);border-color:var(--line)}.hero-art{position:relative;min-height:420px}.water-orb{position:absolute;inset:20px 0 0 40px;border-radius:48% 52% 54% 46%/42% 44% 56% 58%;background:radial-gradient(circle at 35% 32%,rgba(255,255,255,.9) 0 8%,transparent 9%),linear-gradient(155deg,#70e6d9,#1396a7 48%,#0d4d68 100%);box-shadow:var(--shadow);transform:rotate(-4deg)}.water-orb:after{content:"";position:absolute;width:45%;height:16%;border:8px solid rgba(255,255,255,.52);border-color:rgba(255,255,255,.52) transparent transparent;border-radius:50%;left:27%;top:39%;transform:rotate(-9deg)}.float-card{position:absolute;background:rgba(255,255,255,.94);border:1px solid #dcebed;border-radius:18px;padding:16px 18px;box-shadow:0 18px 40px rgba(18,72,88,.14);min-width:190px}.float-card.a{left:0;top:56px}.float-card.b{right:0;bottom:26px}.float-card b{display:block;font-size:1.45rem;color:var(--navy)}.float-card span{font-size:.83rem;color:var(--muted)}.mini-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.mini-stats span{background:#fff;border:1px solid var(--line);padding:9px 12px;border-radius:999px;font-size:.88rem}.section{padding:72px 0}.section.alt{background:#f5fafb;border-block:1px solid #e6f0f2}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}.section-head>p{max-width:510px;color:var(--muted);margin:0}.finder{display:grid;grid-template-columns:1.05fr .95fr;gap:22px}.panel,.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 32px rgba(15,56,69,.06)}.panel{padding:26px}.finder-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:12px}.field label{display:block;font-weight:800;font-size:.85rem;margin:0 0 7px}.field input,.field select{width:100%;min-height:48px;border:1px solid #c9dce0;border-radius:12px;background:#fff;color:var(--ink);padding:0 13px;font:inherit}.field input:focus,.field select:focus{outline:3px solid rgba(19,168,165,.17);border-color:var(--brand2)}.finder-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.note{font-size:.86rem;color:var(--muted)}.results{display:grid;gap:10px;margin-top:20px}.result{display:grid;grid-template-columns:1fr auto;gap:16px;padding:16px;border:1px solid var(--line);border-radius:15px;background:#fbfeff}.result h3{margin-bottom:5px;font-size:1.05rem}.meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:.84rem}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:800}.badge.excellent{background:#e3f6f4;color:#08666f}.badge.good{background:#e7f2fb;color:#246c95}.badge.sufficient{background:#fff2d7;color:#8d6315}.badge.poor{background:#fbe7e7;color:#a23636}.badge.not-classified{background:#edf0f2;color:#66737b}.side-info{padding:26px;background:linear-gradient(145deg,#0b3f50,#096f78);color:white}.side-info p{color:#d9eef1}.side-info .metric{font-size:3rem;font-weight:900;letter-spacing:-.05em}.warning{background:#fff7e2;border:1px solid #efd99a;border-radius:16px;padding:16px;color:#634f1b}.grid{display:grid;gap:18px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.card{padding:24px}.metric{font-size:2.6rem;font-weight:900;letter-spacing:-.05em;color:var(--brand)}.sub{color:var(--muted)}.country-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.country-link{display:block;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 15px;color:var(--ink);font-weight:750}.country-link small{display:block;color:var(--muted);font-weight:500;margin-top:3px}.country-link:hover{text-decoration:none;border-color:#9bcdd2;transform:translateY(-1px)}.quality-key{display:flex;gap:10px;flex-wrap:wrap}.quality-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:5px}.detail-shell{display:grid;grid-template-columns:1fr 320px;gap:24px}.trend{display:grid;grid-template-columns:repeat(11,minmax(46px,1fr));gap:7px;overflow-x:auto;padding-bottom:8px}.trend-item{min-width:46px;text-align:center}.trend-item .bar{height:72px;border-radius:10px 10px 6px 6px;background:#e7eff1;position:relative;overflow:hidden}.trend-item .bar i{position:absolute;inset:auto 0 0;height:70%;background:var(--brand2)}.trend-item small{display:block;font-size:.72rem;margin-top:5px}.content{max-width:840px}.content h2{font-size:2rem;margin-top:38px}.content h3{margin-top:28px}.content p,.content li{color:#425f68}.breadcrumbs{font-size:.83rem;color:var(--muted);margin:26px 0}.breadcrumbs a{color:var(--muted)}.legal-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;font-size:.9rem}.table th{color:#45616a}.compare-slot{display:grid;grid-template-columns:1fr 1fr;gap:16px}.site-footer{padding:44px 0;background:#0c303e;color:#d9e8ec;margin-top:70px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:28px}.site-footer a{color:#d9e8ec}.site-footer .muted{color:#9fb7bf}.footer-links{display:grid;gap:7px}.ad-slot{min-height:110px;border:1px dashed #c9d9dd;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#83969d;background:#f9fcfc;margin:24px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.hero-grid,.finder,.detail-shell{grid-template-columns:1fr}.hero-art{min-height:330px}.section-head{align-items:start;flex-direction:column}.grid.three{grid-template-columns:1fr 1fr}.country-list{grid-template-columns:1fr 1fr}.nav-links{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:18px;flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.mobile-toggle{display:block}.finder-grid{grid-template-columns:1fr 1fr}.finder-grid .field:first-child{grid-column:1/-1}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.wrap{width:min(calc(100% - 24px),var(--max))}.hero{padding-top:56px}.hero-art{min-height:290px}.water-orb{inset:20px 12px}.float-card{min-width:160px}.grid.three,.grid.two,.country-list,.footer-grid,.compare-slot,.finder-grid{grid-template-columns:1fr}.finder-grid .field:first-child{grid-column:auto}.section{padding:54px 0}.panel,.card{padding:20px}.trend{grid-template-columns:repeat(11,50px)}}

.compare-suggestions{display:grid;gap:8px;margin-top:10px}.compare-suggestion{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px 14px;color:var(--ink);cursor:pointer;font:inherit}.compare-suggestion:hover,.compare-suggestion:focus{border-color:#82c8cf;outline:3px solid rgba(19,168,165,.12)}.compare-suggestion small{display:block;color:var(--muted);margin-top:3px}.compare-table td{vertical-align:middle}.compare-empty{border-style:dashed}
/* Production audit enhancements: static finder layout, focus visibility and reduced motion. */
:focus-visible{outline:3px solid rgba(19,168,165,.48);outline-offset:3px}
.finder{align-items:start}.side-info{align-self:start;position:sticky;top:96px}.finder-grid{grid-template-columns:minmax(230px,1.35fr) minmax(150px,.8fr) minmax(145px,.7fr) minmax(145px,.7fr)}
.field-help{display:block;margin-top:7px;color:var(--muted);font-size:.76rem;line-height:1.4}.btn.ghost{background:transparent;color:var(--muted);border-color:transparent}.btn.ghost:hover{background:#f0f7f8;color:var(--navy)}
.results-toolbar{margin-top:20px;padding:12px 14px;border:1px solid var(--line);background:#f6fbfc;border-radius:14px}.results-summary{color:#3e5c65;font-size:.9rem;line-height:1.5}.results-summary b{color:var(--navy)}.location-hint{display:block;margin-top:7px}.filter-chip{border:1px solid #9ccfd3;background:#fff;color:var(--brand);font:inherit;font-size:.8rem;font-weight:800;border-radius:999px;padding:4px 9px;margin-left:4px;cursor:pointer}.filter-chip:hover{background:#eaf8f8}.show-more{margin-top:12px;width:100%}
.result{transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.result:hover{border-color:#a6d3d7;box-shadow:0 7px 20px rgba(15,56,69,.06);transform:translateY(-1px)}.result h3 a{display:inline-block}.meta span{display:inline-flex;align-items:center}.meta span+span:before{content:'•';margin-right:8px;color:#a1b2b8}
.rank-note{margin:18px 0}.rank-table td:nth-child(n+2),.rank-table th:nth-child(n+2){text-align:right}.rank-table a{font-weight:750}.nearby-list{display:grid;gap:10px;margin-top:14px}.nearby-link{display:flex;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:#fbfeff}.nearby-link:hover{text-decoration:none;border-color:#9bcdd2}.nearby-link small{color:var(--muted);white-space:nowrap}
@media(max-width:1120px){.finder-grid{grid-template-columns:1fr 1fr}.finder-grid .field:first-child{grid-column:1/-1}.side-info{position:static}}
@media(max-width:620px){.finder-grid{grid-template-columns:1fr}.finder-grid .field:first-child{grid-column:auto}.results-toolbar{padding:11px 12px}.filter-chip{display:block;margin:7px 0 0}.nearby-link{display:block}.nearby-link small{display:block;margin-top:3px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.result,.country-link{transition:none!important;transform:none!important}}