:root{--navy:#102d43;--blue:#075e89;--teal:#007e88;--bg:#f4f8fb;--card:#fff;--line:#dbe6ed;--muted:#5f7483;--ink:#183647;--soft:#e8f3f6}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font:14px/1.5 'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #67bcd5;outline-offset:3px}a{color:var(--blue)}.site{max-width:1600px;margin:0 auto;padding:22px 26px 30px}
.header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}.mark{display:flex;gap:12px;align-items:center}.logo{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:white;font-weight:800;font-size:11px;letter-spacing:-.3px;background:linear-gradient(145deg,#0a6b9c,#05476f)}.brandtitle{font-size:17px;font-weight:800;line-height:1.25;color:var(--navy)}.headerlink{text-decoration:none;color:var(--muted);font-weight:700;font-size:13px}.headerlink:hover{color:var(--blue)}
.hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;padding:27px 32px 30px;background:linear-gradient(120deg,#092e48 0%,#065c78 73%,#087f83 100%);color:#fff;border-radius:19px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-65px;top:-160px;width:420px;height:420px;border:1px solid rgba(255,255,255,.17);border-radius:50%;box-shadow:0 0 0 60px rgba(255,255,255,.025),0 0 0 120px rgba(255,255,255,.02);pointer-events:none}.eyebrow{color:#97deec;font-size:12px;font-weight:800;text-transform:none;letter-spacing:.6px;margin-bottom:8px}.hero h1{margin:0;font-size:clamp(23px,2.5vw,35px);letter-spacing:-1.2px;line-height:1.18}.hero p{margin:9px 0 0;max-width:650px;color:#cce4ea;font-size:13px}.hero-stats{position:relative;z-index:1;display:flex;gap:12px}.stat{padding:11px 16px;min-width:90px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);border-radius:12px;backdrop-filter:blur(10px)}.stat strong{display:block;font-size:21px;line-height:1.25}.stat small{display:block;font-size:10px;color:#cdebf1;text-transform:uppercase;letter-spacing:1px;font-weight:700}
.switcher{display:flex;gap:8px;align-items:center;padding:14px 0}.switcher a{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;color:var(--muted);font-weight:800;background:transparent;padding:10px 17px;border-radius:10px;border:1px solid transparent}.switcher a[aria-current='page']{background:#fff;color:var(--blue);border-color:var(--line);box-shadow:0 3px 10px rgba(28,68,88,.045)}.switcher a:hover{background:#fff}.switcher .meta{margin-left:auto;font-size:12px;color:var(--muted);font-weight:600}
.main{display:grid;grid-template-columns:minmax(285px,350px) minmax(0,1fr);gap:16px;align-items:stretch}.panel{background:var(--card);border:1px solid var(--line);border-radius:17px;box-shadow:0 8px 22px rgba(16,55,74,.035);min-width:0}.library{padding:21px 18px 13px;display:flex;flex-direction:column}.section-kicker{font-size:10px;color:var(--teal);font-weight:800;text-transform:uppercase;letter-spacing:1.4px}.lib-head h2{margin:5px 0 2px;font-size:21px;letter-spacing:-.5px;color:var(--navy)}.support{font-size:12px;color:var(--muted);margin:0 0 15px}.search{position:relative}.search input{width:100%;height:42px;padding:10px 13px 10px 35px;border:1px solid #cfdde5;background:#fbfdfe;border-radius:10px;outline:none}.search input:focus{border-color:#3194a8;box-shadow:0 0 0 3px #d2ebef}.search svg{position:absolute;left:12px;top:13px;stroke:#7895a4}.filters-top{display:flex;align-items:center;justify-content:space-between;margin-top:17px;margin-bottom:9px}.smallcaps{text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:800;color:#607b8b}.reset{border:0;background:transparent;color:var(--blue);font-size:11px;font-weight:800;padding:4px}.filter-set{display:flex;gap:6px;flex-wrap:wrap}.chip{border:1px solid #d6e4e9;background:#fff;color:#466778;padding:7px 9px;border-radius:9px;font-size:11px;font-weight:700}.chip:hover,.chip:focus{border-color:#559fb0}.chip[aria-pressed='true']{background:#086d91;color:white;border-color:#086d91}.list-head{margin:18px -18px 0;padding:9px 18px;display:flex;justify-content:space-between;background:#f4f8fa;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-weight:800;color:#5f7887;font-size:11px}.results{overflow-y:auto;max-height:540px;min-height:250px;scrollbar-color:#c6dae4 transparent}.entry{width:100%;padding:11px 12px 11px 14px;text-align:left;background:#fff;border:0;border-bottom:1px solid #edf2f4;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:10px}.entry strong{display:block;font-size:12px;line-height:1.4}.entry small{display:block;font-size:10px;color:#7d93a0;margin-top:3px}.entry:hover{background:#f2f9fb}.entry.active{background:#eaf5f8;border-left:3px solid #07819a;padding-left:11px}.model-count{font-size:9px;padding:4px 6px;border-radius:6px;background:#f1f6f8;color:#71909c;font-weight:800;white-space:nowrap}.empty{padding:24px;color:var(--muted);text-align:center}
.viewer{padding:21px;min-height:790px;display:flex;flex-direction:column}.view-head{display:flex;justify-content:space-between;gap:10px;align-items:start}.titleblock h2{font-size:clamp(19px,2vw,26px);letter-spacing:-.65px;color:var(--navy);margin:5px 0 3px;line-height:1.25}.details{font-size:12px;color:var(--muted)}.view-pill{display:inline-block;background:#e8f7f4;color:#0c7a79;border-radius:15px;padding:4px 8px;font-size:10px;font-weight:800;white-space:nowrap}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:20px 0 14px;padding:12px 14px;background:#f8fbfc;border:1px solid var(--line);border-radius:11px}.model-set{display:flex;align-items:center;gap:9px}.model-label{font-size:11px;color:#617d8b;font-weight:800}.models{display:flex;padding:3px;background:#e9f0f3;border-radius:9px}.model{padding:7px 15px;font-size:12px;font-weight:800;border:0;border-radius:7px;color:#57727e;background:transparent}.model[aria-pressed='true']{background:white;color:#006e91;box-shadow:0 1px 5px #bdcdd4}.actions{display:flex;flex-wrap:wrap;gap:7px}.action{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #bed8e3;color:#075a80;background:white;text-decoration:none;border-radius:8px;font-size:11px;font-weight:800}.action:hover{background:#eaf7fa}.action.primary{background:#066f92;color:white;border-color:#066f92}.action.primary:hover{background:#045771}.action svg{width:13px;height:13px}.plotframe{flex:1;min-height:590px;display:flex;flex-direction:column;border:1px solid #dce7ec;border-radius:11px;overflow:hidden;background:white}.plotframe iframe{flex:1;min-height:590px;width:100%;border:0}.plot-note{font-size:11px;color:var(--muted);line-height:1.6;margin-top:13px}.foot{display:flex;justify-content:space-between;gap:15px;color:#7d929d;font-size:11px;margin:19px 2px 0}.foot a{font-size:11px}.hidden{display:none!important}
@media(max-width:1000px){.site{padding:15px}.main{grid-template-columns:minmax(250px,310px) minmax(0,1fr)}.hero{padding:23px}.hero-stats{gap:7px}.stat{padding:8px 10px;min-width:70px}.viewer{padding:17px}.model{padding:7px 10px}.plotframe iframe,.plotframe{min-height:520px}}
@media(max-width:720px){.site{padding:10px}.header{padding:6px 3px}.hero{padding:23px 20px;display:block}.hero-stats{margin-top:16px}.switcher .meta{display:none}.switcher a{flex:1;font-size:12px;padding:10px}.main{display:flex;flex-direction:column;gap:10px}.library{padding:15px}.list-head{margin:15px -15px 0;padding:9px 15px}.results{max-height:280px;min-height:160px}.viewer{padding:15px;min-height:680px}.view-head{align-items:center}.view-pill{display:none}.toolbar{padding:10px;gap:10px}.model-set,.actions{width:100%;justify-content:space-between}.actions .action{flex:1;justify-content:center}.plotframe{min-height:500px}.plotframe iframe{min-height:500px}.foot{flex-direction:column;margin-bottom:12px}.headerlink{font-size:11px}}

/* ETRiS scientific description: three comfortably readable lines. */
.intro{display:block;margin:0 0 18px;padding:22px 27px;border:1px solid #d4e6ed;background:#edf6f8;border-radius:14px;color:#24495e}
.intro p{font-size:16px;line-height:1.65;margin:0 0 11px;max-width:none;letter-spacing:0}
.intro p:last-child{margin-bottom:0}
.intro strong{font-weight:800}
.intro a{font-weight:700;text-underline-offset:3px;color:#006b93}
.lib-head .support{margin-top:6px}
@media(max-width:800px){.intro{padding:17px 18px}.intro p{font-size:14px;line-height:1.55}}

/* Clear, visually compact fatality label on the Lisbon 1775 tsunami filter. */
.chip .fatality-tag{display:inline-block;margin-left:4px;padding:1px 5px;border-radius:5px;background:#fef0da;color:#915200;font-size:9px;letter-spacing:.1px;font-weight:800}
.chip[aria-pressed='true'] .fatality-tag{background:#fff5df;color:#875000}

/* Single-scrollbar layout: no independently scrolling dataset list. */
.results{max-height:none!important;min-height:0!important;overflow:visible!important}
.library{align-self:start}
.viewer{min-height:0}
.plotframe{flex:none;min-height:700px;height:700px}
.plotframe iframe{flex:none;display:block;min-height:700px;height:700px;overflow:hidden}
.pager{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:12px 0 0;min-height:44px}
.pager[hidden]{display:none}
.page-btn{background:#f3f8fa;border:1px solid #d6e4e9;color:#075e89;border-radius:8px;padding:8px 12px;font-weight:750;font-size:12px}
.page-btn:hover:not(:disabled){background:#dceff4}
.page-btn:disabled{opacity:.4;cursor:not-allowed}
.page-label{font-size:12px;color:#5f7483;font-weight:650}
@media(max-width:720px){.plotframe,.plotframe iframe{min-height:570px;height:570px}.viewer{min-height:0}}