:root{color-scheme:light;--ink:#12302d;--muted:#4c6560;--teal:#007d80;--deep:#073938;--line:#d8e4df;--pale:#eaf6f2;--warm:#f9f8f3;--yellow:#ffca47;--white:#fff;--shadow:0 14px 40px #103e3112;--radius:19px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--warm);color:var(--ink);font:16px/1.55 "Segoe UI",system-ui,sans-serif}
a{color:inherit}button,input,select{font:inherit}button,select{cursor:pointer}img{max-width:100%;display:block}
h1,h2,h3,p{margin:0}
:focus-visible{outline:3px solid #008c91;outline-offset:4px}
[hidden]{display:none!important}
.wrap{width:min(1320px,calc(100% - 100px));margin-inline:auto}
.skip{position:absolute;z-index:2000;background:white;padding:10px;top:-100px;left:16px}
.skip:focus{top:16px}
.top{background:#fff;border-bottom:1px solid #e3ece8}
.top-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{width:224px;height:auto}
nav{display:flex;align-items:center;gap:30px}
nav a{font-size:.9rem;font-weight:700;text-decoration:none;padding-block:10px}
nav a:hover,.text-button:hover{color:var(--teal);text-decoration:underline;text-underline-offset:4px}
.hero{position:relative;background:#073938 linear-gradient(90deg,#062f2f 0%,#063433f2 33%,#05383782 67%,#023c435e 100%);color:white;isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(90deg,#052d2d 0%,#053333f5 29%,#083d3d8c 60%,#042e2f28 100%),linear-gradient(0deg,#042d2ecc 0%,transparent 53%),url("assets/manaus.webp");background-size:cover;background-position:center 53%}
.hero-inner{position:relative;min-height:445px;padding:62px 0 87px}
.overline,.eyebrow{letter-spacing:.18em;text-transform:uppercase;font-weight:800;font-size:.73rem}
.overline{display:flex;align-items:center;gap:10px;color:#e1f6ef}
.overline span{width:9px;height:9px;border-radius:50%;background:var(--yellow)}
.overline b{color:#83b9b3;font-weight:500}
h1{font-size:clamp(3.3rem,7.6vw,7rem);line-height:.92;letter-spacing:-.068em;font-weight:820;margin:19px 0 22px}
h1 em{color:#ffcf55;font-style:normal}
.intro{max-width:440px;color:#e6f2eb;font-size:1.13rem;line-height:1.48}
.actions{display:flex;gap:11px;margin-top:25px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:44px;padding:9px 16px;border:1px solid transparent;border-radius:9px;text-decoration:none;font-size:.88rem;font-weight:780;white-space:nowrap}
.button span{font-size:1.1rem}
.yellow{background:var(--yellow);color:#1f3428}
.yellow:hover{background:#ffda78}
.glass{background:#153f3ad4;border-color:#86aaa3;color:white}
.glass:hover{background:#28685f}
.outline{background:#fff;border-color:#bdcfc7;color:var(--deep)}
.outline:hover{background:var(--pale);border-color:var(--teal)}
.hero-label{position:absolute;right:0;bottom:84px;padding:8px 0 8px 13px;border-left:2px solid var(--yellow);font-size:.76rem;font-weight:800;letter-spacing:.15em}
.hero-label span{display:block;margin-top:3px;color:#def5ef;font-size:.65rem}
.ribbon{height:8px;background:repeating-linear-gradient(90deg,#08a3ad 0 34px,#f4b822 34px 52px,#ea6b14 52px 76px,#28609c 76px 105px,#58a864 105px 133px,#00a3a1 133px 151px,#733f85 151px 167px)}
.stats{position:relative;margin-top:-38px;background:#fff;display:grid;grid-template-columns:repeat(3,1fr) .86fr;border:1px solid #e6ede7;box-shadow:var(--shadow);border-radius:var(--radius);min-height:104px}
.stats>div{display:flex;flex-direction:column;justify-content:center;padding:15px 25px;min-width:0}
.stats>div+div{border-left:1px solid #e6ede7}
.stats strong{color:#006a6b;font-size:2.2rem;line-height:1.03;font-weight:850;letter-spacing:-.05em}
.stats span{color:#4c615c;font-size:.87rem;font-weight:620;margin-top:5px}
.stats .cutoff{background:#e9f7f3;border-radius:0 var(--radius) var(--radius) 0}
.cutoff span{font-size:.69rem;font-weight:850;letter-spacing:.13em;margin:0 0 5px}
.cutoff strong{font-size:1.32rem;letter-spacing:-.035em}
.section{padding-top:55px}
.eyebrow{color:#007678;margin-bottom:7px}
.section-head{display:flex;justify-content:space-between;gap:15px;align-items:end;margin-bottom:20px}
h2{font-size:clamp(2rem,4.4vw,3.55rem);line-height:1.08;letter-spacing:-.055em;font-weight:820}
.section-head p{margin-top:8px;color:var(--muted)}
.map-frame{overflow:hidden;border-radius:var(--radius);border:1px solid #cadbd2;background:#fff;box-shadow:0 6px 26px #16382e09}
.map-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 15px;border-bottom:1px solid var(--line)}
.map-legend{display:flex;gap:17px;flex-wrap:wrap;font-size:.77rem;font-weight:680}
.map-legend span{display:inline-flex;gap:6px;align-items:center}
.dot{width:10px;height:10px;border-radius:100%;display:inline-block;background:#657686;flex:none}
.dot.ok{background:#007c7e}.dot.history{background:#aa4f29}.dot.check{background:#926013}
.map-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;height:467px}
#map-canvas{background:#f5f4eb;min-width:0;isolation:isolate;z-index:0}
.map-panel{border-left:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column}
.map-panel header{padding:14px 14px 10px;border-bottom:1px solid var(--line)}
.map-panel header small{display:block;color:var(--muted)}
#map-list{overflow-y:auto}
.map-row{display:grid;grid-template-columns:34px 1fr 13px;gap:9px;align-items:center;text-align:left;width:100%;padding:10px 12px;color:var(--ink);background:#fff;border:0;border-bottom:1px solid #e9efec}
.map-row:hover{background:var(--pale)}
.map-row strong{display:block;font-size:.85rem;line-height:1.2}
.map-row small{font-size:.72rem;color:var(--muted)}
.map-pin{width:30px;height:30px;display:grid;place-items:center;border:2px solid white;border-radius:50%;box-shadow:0 2px 5px #13342c55;font-size:.64rem;font-weight:850;color:white;background:#51616f}
.map-pin.ok,.pin-idx.ok{background:#007c7e}.map-pin.history,.pin-idx.history{background:#aa4f29}.map-pin.check,.pin-idx.check{background:#926013}
.pin-idx{display:grid;place-items:center;width:30px;height:28px;background:#526475;border-radius:6px;color:white;font-weight:820;font-size:.7rem}
.map-popup strong{font-size:.95rem}.map-popup .text-button{display:block;margin-top:6px;font-size:.8rem}
.caption{color:var(--muted);font-size:.8rem;margin-top:8px}
.directory{padding-bottom:65px}
.filters{display:grid;grid-template-columns:1.55fr 1.12fr 1fr .75fr;gap:12px;border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px}
.filters label{min-width:0;display:flex;flex-direction:column;gap:4px}
.filters label>span{font-weight:760;font-size:.78rem}
.filters input,.filters select{width:100%;min-height:41px;border:1px solid #c8d8cf;border-radius:7px;color:var(--ink);background:#fbfdfc;padding:6px 8px;font-size:.86rem}
.search-field{position:relative}.search-field svg{position:absolute;left:11px;top:11px;color:#426860;pointer-events:none}.search-field input{padding-left:38px}
.result-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:13px 0;color:var(--muted);font-size:.84rem}
.text-button{border:0;padding:3px 0;background:none;color:#006e70;font-size:.8rem;font-weight:800}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.card{position:relative;min-width:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;background:white;padding:16px 16px 13px}
.card:hover{box-shadow:var(--shadow);border-color:#95b8aa}
.card-top{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;margin-bottom:12px}
.mark{width:82px;height:52px;flex:none;border-radius:7px;border:1px solid #e1eae5;background:#fff;display:grid;place-items:center;overflow:hidden;padding:5px}
.mark img{width:72px;height:42px;max-width:100%;max-height:100%;object-fit:contain}
.monogram{font-weight:850;color:#00676b;background:#eaf6f3;letter-spacing:-.025em;font-size:.92rem}
.badge{font-size:.67rem;line-height:1.24;font-weight:820;padding:5px 8px;border-radius:7px;background:#ebeff1;color:#354951;text-align:center}
.badge.ok{background:#dcf4ee;color:#005f56}.badge.history{background:#fcece1;color:#833b1e}.badge.check{background:#fff2ce;color:#684910}
.card h3{font-size:1.13rem;letter-spacing:-.025em;line-height:1.24;margin-bottom:4px}
.card .area{font-size:.71rem;font-weight:760;color:#087675}
.card .desc{font-size:.84rem;line-height:1.46;color:#405751;margin:8px 0 13px}
.card-foot{margin-top:auto;border-top:1px solid #e8eeea;padding-top:7px;display:flex;justify-content:space-between;align-items:center;gap:6px}
.card-foot small{color:var(--muted);font-size:.69rem}
.pagination{display:flex;justify-content:center;margin-top:20px}
.empty{grid-column:1/-1;padding:20px;background:#fff;border:1px dashed #b9d0c6;border-radius:12px;color:var(--muted)}
.sources{background:#e7f3ee;border-top:1px solid #d2e6dc;padding:45px 0 38px}
.sources .wrap>p:not(.eyebrow){max-width:780px;margin-top:10px;color:#415c54}
.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}
.source-grid article{background:#f7fcf9;border:1px solid #ccdfd5;border-radius:12px;padding:14px}
.source-grid h3{font-size:1rem;margin-bottom:5px}
.source-grid p{font-size:.84rem;color:#425d54}
.source-links{display:flex;flex-wrap:wrap;gap:8px}
.source-links a,.profile-links a{display:inline-block;color:#006b69;border:1px solid #bed7cc;border-radius:6px;background:#fff;padding:6px 9px;text-decoration:none;font-weight:750;font-size:.77rem}
.source-links a:hover,.profile-links a:hover{background:var(--pale);text-decoration:underline}
.credit{font-size:.77rem}
.footer{background:white;padding:19px 0}
.footer .wrap{display:flex;gap:18px;justify-content:space-between;align-items:center;color:var(--muted);font-size:.79rem}
.footer a{font-weight:760;color:#006e70}
dialog{padding:0;width:min(690px,calc(100% - 24px));border:1px solid var(--line);border-radius:16px;color:var(--ink);max-height:90vh;box-shadow:0 22px 80px #001a1769}
dialog::backdrop{background:#041f1cb8}
.dialog-inner{position:relative}
.icon-button{position:sticky;top:9px;z-index:2;float:right;margin:9px 9px 0 0;width:38px;height:38px;border:1px solid #c1d4cb;border-radius:50%;background:#fff;color:var(--ink);font-size:1.5rem;line-height:1}
.profile-cover{width:100%;aspect-ratio:2.8;object-fit:cover;background:#e1f1ea}
.profile-body{padding:23px}
.profile-heading{display:flex;align-items:flex-start;gap:12px;padding-right:36px}
.profile-heading .badge{display:inline-block;margin-bottom:5px}
.profile-heading h2{font-size:clamp(1.45rem,5vw,2.3rem);letter-spacing:-.035em}
.profile-sub{margin-top:4px;font-size:.81rem;color:var(--muted)}
.profile-desc{margin:13px 0}
.profile-data{margin:10px 0;display:grid;grid-template-columns:1fr 1fr;gap:7px}
.profile-data>div{padding:9px 10px;border-radius:8px;background:#f0f7f3;overflow-wrap:anywhere}
.profile-data dt{font-size:.71rem;font-weight:820;color:#49665c}
.profile-data dd{margin:1px 0 0;font-size:.84rem}
.profile-note{font-size:.82rem;color:#405b51;margin:8px 0}
.profile-links{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}
.profile-links+.profile-links{border-top:1px solid var(--line);padding-top:10px}
@media(max-width:950px){.wrap{width:calc(100% - 56px)}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.stats>div{padding-inline:14px}.map-grid{grid-template-columns:minmax(0,1fr) 220px}.filters{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.wrap{width:calc(100% - 30px)}.top-inner{height:63px;gap:8px}.brand{width:152px}.top nav{gap:10px}.top nav a{font-size:.75rem}.top nav a span{display:none}.hero-inner{padding:42px 0 73px;min-height:0}.hero:before{background-position:57% center}.hero-label{display:none}h1{font-size:clamp(3.15rem,13vw,5.2rem)}.intro{font-size:.98rem;max-width:310px}.actions{margin-top:19px}.stats{grid-template-columns:1fr 1fr;min-height:0}.stats>div{padding:11px}.stats>div:nth-child(3){border-left:0}.stats>div:nth-child(n+3){border-top:1px solid #e6ede7}.stats .cutoff{border-radius:0 0 var(--radius) 0}.stats strong{font-size:1.65rem}.stats span{font-size:.72rem}.cutoff strong{font-size:1.12rem}.section{padding-top:39px}.section-head{align-items:start;flex-direction:column}.section-head p{font-size:.9rem}.map-top{align-items:flex-start;flex-direction:column}.map-legend{gap:5px 11px}.map-grid{grid-template-columns:1fr;height:auto}.map-panel{border-left:0;border-top:1px solid var(--line);height:168px}.map-panel header{padding:8px 10px}#map-canvas{height:345px}.cards,.source-grid{grid-template-columns:1fr}.filters{padding:10px;gap:8px}.filters input,.filters select{font-size:.78rem}.search-label{grid-column:1/-1}.footer .wrap{flex-wrap:wrap;gap:9px}.profile-body{padding:16px}.profile-data{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


.card-cover{height:96px;margin:-16px -16px -16px;border-radius:13px 13px 0 0;background:#dbebe4;overflow:hidden}
.card-cover img{width:100%;height:100%;object-fit:cover;object-position:center 44%}
.card-pattern{background-color:#e4f0e9;background-image:radial-gradient(ellipse at 85% 0%,#adcfc6 0%,transparent 52%),repeating-radial-gradient(ellipse at 125% 32%,transparent 0 12px,#9ebeb440 13px 14px,transparent 15px 21px)}
.card-top{position:relative;align-items:end}
.card-top .mark{box-shadow:0 2px 8px #12302d14}
.map-warning{position:absolute;top:10px;left:10px;z-index:600;padding:8px 9px;margin-right:52px;border-radius:6px;background:white;color:#173c33}

.monogram{white-space:nowrap;font-size:.82rem}.mark:has(img:is([src$="logo-02.webp"],[src$="logo-05.webp"],[src$="logo-06.webp"],[src$="logo-31.webp"],[src$="logo-32.webp"],[src$="extra-irn-logo.webp"])){background:#123f3c;border-color:#123f3c}

.mark.mark-inverted{background:#123f3c;border-color:#123f3c}.map-pin.stacked{background:#195468}.map-pin.approximate{border-style:dashed}.map-popup>div+div{border-top:1px solid #c9ded7;margin-top:8px;padding-top:8px}.coverage{font-size:.85rem;font-weight:750;margin-bottom:12px}

.leaflet-tooltip.basemap-label{pointer-events:none;padding:0;border:0;background:none;box-shadow:none;color:#435653;font:650 11px/1.15 system-ui,sans-serif;text-shadow:0 0 3px white,0 0 3px white,0 0 4px white}
.leaflet-tooltip.basemap-city{font-size:15px;font-weight:800;color:#213b3b}
.leaflet-tooltip.basemap-river{font-style:italic;color:#28586a}