:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eaf1f5;background:#09151c;font-synthesis:none;--muted:#9cb1bc;--line:#24353f;--mint:#75e5bd}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0,#13343a55,transparent 45%),#09151c}header,main,footer{max-width:1440px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;margin:0 auto;padding:27px 42px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;font-size:20px;font-weight:800;letter-spacing:.08em;text-decoration:none;color:var(--mint)}.brand span{color:#f1f6f8}.brand small{display:block;font-size:8px;letter-spacing:.22em;margin-top:5px;color:#8da6b3}.badge{font-size:10px;font-weight:600;letter-spacing:.14em;display:flex;align-items:center;gap:9px}.badge i{width:7px;height:7px;border-radius:50%;background:var(--mint)}main{padding:48px 42px 20px}.intro{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:0 0 34px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--mint);margin:0 0 14px}h1{font-size:clamp(32px,4.3vw,60px);line-height:1.08;letter-spacing:-.055em;margin:0 0 20px;font-weight:650}h1 em{font-style:normal;color:var(--mint)}p{line-height:1.65;color:var(--muted);font-size:14px}.intro p:last-child{margin:0}.summary{text-align:right;min-width:220px}.summary>strong{display:block;font-size:62px;font-weight:350;line-height:1;letter-spacing:-.06em}.summary>span{font-size:12px;color:var(--muted)}.summary>div{font-size:12px;color:#d9e8ed;margin-top:23px}.summary b{font-weight:400;color:var(--muted);font-size:10px;margin-left:4px}.summary i{border-left:1px solid var(--line);margin:0 12px}.explorer{display:grid;grid-template-columns:minmax(0,1fr) 335px;border:1px solid #30434c;border-radius:20px;overflow:hidden;background:#101f28;box-shadow:0 24px 80px #0003}.map-panel{position:relative;min-height:640px}#map{height:100%;min-height:640px;background:#15232c}.map-toolbar{position:absolute;top:20px;left:20px;z-index:500;display:flex;gap:8px}.glass{border:1px solid #57717c;background:#10232def;color:white;padding:11px 15px;border-radius:9px;box-shadow:0 6px 18px #0003;cursor:pointer;font:inherit;font-size:12px}.legend{position:absolute;bottom:32px;left:20px;z-index:500;display:flex;gap:17px;flex-wrap:wrap;background:#0b1922ed;padding:12px 15px;border:1px solid #334955;border-radius:9px;font-size:11px}.legend span{display:flex;align-items:center;gap:7px}.triangle{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:9px solid var(--mint)}.circle{width:9px;height:9px;border:2px solid #66bbff;border-radius:50%}.station-panel{padding:25px;background:linear-gradient(160deg,#152833,#10202a);display:flex;flex-direction:column}label{font-size:11px;color:var(--muted);display:block;margin:0 0 8px}.search-box{display:flex;align-items:center;border:1px solid #405662;border-radius:9px;background:#0a1a23;padding:0 10px;gap:8px}.search-box>span{font-size:25px;color:#809eac}input{width:100%;padding:12px 0;border:0;background:transparent;color:white;font:inherit;font-size:13px;min-width:0}input::placeholder{color:#73909f}input:focus{outline:none}.search-box:focus-within{border-color:var(--mint)}.muted{color:var(--muted);font-size:12px}#results-count{margin:12px 0 8px}#station-list{height:225px;overflow:auto;scrollbar-width:thin;scrollbar-color:#3d5967 transparent}.station-row{width:100%;text-align:left;display:flex;gap:12px;align-items:center;border:0;border-bottom:1px solid #263c48;padding:12px 8px;color:#c7dae3;background:transparent;cursor:pointer;font:inherit}.station-row:hover,.station-row[aria-pressed=true]{background:#23433f;border-radius:6px}.station-row>strong{font-size:11px;font-weight:700;color:var(--mint);width:43px;flex-shrink:0}.station-row span{font-size:12px;line-height:1.4}.selection{border-top:1px solid #36505b;padding-top:22px;margin-top:20px}.selection .eyebrow{font-size:9px}h2{font-size:20px;letter-spacing:-.02em;font-weight:600;margin:9px 0}.selection>p{font-size:12px;margin:8px 0 17px}.selection select{width:100%;border:1px solid #405662;border-radius:8px;background:#0b1b25;color:#e4f1f6;padding:10px;font:inherit;font-size:12px;margin-bottom:13px}.primary{width:100%;padding:14px 12px;background:var(--mint);border:0;border-radius:8px;font:inherit;font-size:12px;font-weight:700;color:#082920;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.primary:disabled{opacity:.45;cursor:default}.selection .micro{font-size:10px;line-height:1.65;margin:12px 0 0;color:#91a9b5}.record{border:1px solid var(--line);border-radius:16px;padding:28px;margin-top:28px;background:#101f28}.record-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.record-head .eyebrow{font-size:9px;margin-bottom:7px}.record h2{font-size:20px}#status{font-size:12px}#download{color:var(--mint);font-size:12px}#times{font-size:11px;line-height:1.8;color:var(--muted);margin:15px 0}#viewer{overflow:auto;background:white;border-radius:8px}#plot{display:block;width:100%;min-width:1000px;height:auto}.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:38px 0 20px}.note-number{font-size:11px;color:var(--mint);border-bottom:1px solid #37564f;padding-bottom:7px}h3{font-size:15px;font-weight:500;margin:18px 0 8px}.notes p{font-size:12px;margin:0;max-width:350px}footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:25px 42px;color:#8ba4b1;font-size:10px;border-top:1px solid var(--line)}footer strong{letter-spacing:.1em;color:#b8d0dd}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.leaflet-tile-pane{filter:invert(1) hue-rotate(175deg) saturate(.45) brightness(.75) contrast(1.08)}.leaflet-control-attribution{background:#0b1b24ed!important;color:#aac0cb!important;font-size:9px!important}.leaflet-control-attribution a{color:#96d6d0!important}.leaflet-bar a{background:#10232d!important;color:#d9eaf0!important;border-color:#37505e!important}.leaflet-tooltip{background:#10232df5;border:1px solid #55727d;color:white;box-shadow:0 3px 15px #0006;font:11px system-ui}.leaflet-tooltip-top:before{border-top-color:#55727d}.station-icon{background:none;border:none}.pin{width:12px;height:12px;display:block;filter:drop-shadow(0 1px 2px #000)}.pin.bb{background:var(--mint);clip-path:polygon(50% 0,100% 100%,0 100%)}.pin.sm{background:#0a2435;border:2px solid #67bcff;border-radius:50%}.station-icon.active .pin{filter:drop-shadow(0 0 5px #fff);transform:scale(1.5)}@media(max-width:950px){.explorer{grid-template-columns:minmax(0,1fr) 300px}.summary{display:none}.station-panel{padding:20px}}@media(max-width:700px){header{padding:20px}.brand{font-size:17px}.badge{font-size:8px}main{padding:30px 16px 15px}.intro{padding-bottom:25px}h1{font-size:36px}.explorer{grid-template-columns:1fr}.map-panel,#map{min-height:390px;height:390px}.station-panel{padding:22px}#station-list{height:150px}.map-toolbar{top:14px;left:14px}.legend{left:12px;bottom:30px;gap:12px;padding:10px;font-size:10px}.record{padding:20px}.record-head{align-items:start;flex-direction:column}.notes{grid-template-columns:1fr;gap:25px}.notes p{max-width:none}footer{padding:22px 20px}.selection{margin-top:16px}}

.legend-shape{width:12px;height:12px;display:inline-block;clip-path:polygon(0 0,100% 0,50% 100%)}.legend-shape.bb{background:#ff5268}.legend-shape.both{background:linear-gradient(90deg,#ff5268 50%,#4ca9ff 50%)}.legend-shape.sm{background:#4ca9ff;clip-path:polygon(50% 0,100% 100%,0 100%)}.station-icon svg{display:block;width:22px;height:22px;filter:drop-shadow(0 1px 2px #000)}.station-icon.active svg{transform:scale(1.45);filter:drop-shadow(0 0 4px #fff8)}.station-row .list-symbol{width:15px;height:15px;flex-shrink:0}.list-symbol svg{width:15px;height:15px}.station-row{gap:8px}

/* Original project and funding logos */
header{gap:24px}.logo-card{background:#fff;border-radius:8px;padding:10px 14px;flex-shrink:0}.crossnet-logo{display:block;width:190px;height:auto}.header-right{display:flex;align-items:center;gap:24px}.eu-logo{display:block;width:270px;height:auto}@media(max-width:700px){header{flex-wrap:wrap;gap:12px;padding:16px}.crossnet-logo{width:145px}.eu-logo{width:210px}.header-right{gap:12px}.header-right .badge{display:none}.logo-card{padding:8px 10px}}@media(max-width:430px){.crossnet-logo{width:115px}.eu-logo{width:170px}header{gap:8px}.logo-card{padding:7px 8px}}

/* Final: original logos directly on dark header */
.logo-card{background:transparent;border-radius:0;padding:0}

/* Visual alignment with Live Seismology Dashboard */
:root{--muted:#cbd5e1;--line:rgba(148,163,184,.25);--mint:#39d353;color:#f8fafc;background:#020617;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{background:#020617}.topbar{max-width:none;min-height:92px;padding:14px 28px;background:linear-gradient(90deg,rgba(2,6,23,.97),rgba(8,20,34,.9));box-shadow:0 12px 35px #0006;gap:24px}.brand{gap:20px;letter-spacing:normal}.logo-card{background:transparent;padding:0;border-radius:0}.crossnet-logo{width:auto;max-height:62px;max-width:220px;object-fit:contain}.eu-logo{width:auto;max-height:58px;max-width:300px;object-fit:contain}.brand-title h1{margin:0;font-size:25px;line-height:1.2;font-weight:700;letter-spacing:normal;color:#f8fafc}.brand-title p{margin:5px 0 0;font-size:14px;color:var(--muted)}.header-right{gap:18px}.dashboard-link{color:#cbd5e1;text-decoration:none;font-size:13px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;white-space:nowrap}.dashboard-link:hover{background:#ffffff14}
main{max-width:none;padding:0 0 20px}.intro{display:none}.explorer{display:block;position:relative;border:none;border-radius:0;background:#07111f;box-shadow:none}.map-panel,#map{height:calc(100vh - 92px);min-height:670px}.station-panel{position:absolute;left:20px;top:24px;width:285px;max-height:calc(100% - 48px);overflow:auto;z-index:600;border-radius:18px;padding:18px;background:rgba(8,20,34,.78);border:1px solid var(--line);box-shadow:0 20px 55px #0006;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.map-toolbar{left:auto;right:24px;top:26px}.glass,.legend{background:rgba(8,20,34,.78);border:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 20px 55px #0006;border-radius:12px}.legend{left:auto;right:24px;bottom:32px}.search-box{background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px}.station-row{border:0;border-radius:10px;margin-bottom:4px;padding:9px 10px}.station-row:hover{background:#ffffff14}.station-row[aria-pressed=true]{background:linear-gradient(90deg,#2563ebb8,#0ea5e957)}.station-row>strong{color:#f8fafc}.selection{border-color:var(--line)}.primary{background:linear-gradient(90deg,#2563eb,#0ea5e9);color:white;border-radius:12px}.selection select{background:#081422;border-color:var(--line);border-radius:12px}#map-status{margin:12px 28px}.record{margin:20px 28px;padding:22px;border-radius:18px;background:rgba(8,20,34,.78);box-shadow:0 20px 55px #0006}.notes{margin:32px 28px}.leaflet-tooltip{background:rgba(8,20,34,.88);border-color:var(--line);border-radius:8px}footer{max-width:none;padding:22px 28px;background:#020617}.leaflet-control-zoom{margin-left:320px!important}
@media(max-width:1100px){.brand-title h1{font-size:21px}.brand-title p{font-size:12px}.crossnet-logo{max-width:180px}.eu-logo{max-width:240px}.dashboard-link{display:none}}
@media(max-width:800px){.topbar{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 20px}.brand{gap:14px;flex-wrap:wrap}.brand-title h1{font-size:21px}.crossnet-logo{max-width:180px;max-height:52px}.eu-logo{max-width:260px;max-height:48px}.header-right{width:100%;justify-content:space-between}.dashboard-link{display:block}.map-panel,#map{height:55vh;min-height:360px}.station-panel{position:relative;left:auto;top:auto;width:auto;max-height:none;margin:12px}.explorer{overflow:hidden}#station-list{height:200px}.map-toolbar{top:14px;right:14px}.legend{right:12px;left:12px;width:fit-content;bottom:30px}.leaflet-control-zoom{margin-left:10px!important}.record{margin:16px 12px}.notes{margin:28px 20px;grid-template-columns:1fr}.record-head{flex-direction:column;align-items:flex-start}#map-status{margin:12px 20px}}