
/* Interaction layer: landing screen styles are deliberately untouched. */
.hub-link{cursor:pointer}.hub-link:focus-visible,.condition:focus-visible,.stat-source:focus-visible{outline:4px solid #ffd93d;outline-offset:4px}
.stat-source{color:#fff;text-decoration:none;border-radius:16px;transition:transform .15s ease,background .15s ease}.stat-source:hover{transform:translateY(-2px);background:rgba(255,255,255,.08)}
.hub-overlay,.condition-overlay{position:fixed;inset:0;z-index:99990;background:rgba(27,8,68,.82);backdrop-filter:blur(8px);overflow:auto;padding:28px}
.hub-overlay[hidden],.condition-overlay[hidden]{display:none!important}.hub-screen,.condition-dialog{position:relative;width:min(1180px,96vw);margin:0 auto;background:#fff8ec;border-radius:30px;box-shadow:0 24px 70px rgba(20,5,50,.45);overflow:hidden;border:2px solid rgba(255,255,255,.7)}
.condition-dialog{width:min(760px,96vw);margin-top:5vh}.hub-close{position:absolute;right:18px;top:16px;z-index:3;width:46px;height:46px;border:0;border-radius:50%;background:#2d126d;color:#fff;font:900 30px/1 Montserrat,sans-serif;cursor:pointer;box-shadow:0 8px 18px rgba(45,18,109,.24)}
.screen-hero{min-height:250px;padding:48px 76px 38px;display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:center;color:#fff;background:linear-gradient(135deg,#3c1684,#7d48ce)}
.screen-hero.pink{background:linear-gradient(135deg,#8e145a,#ed3a92)}.screen-hero.green{background:linear-gradient(135deg,#183b2d,#4d8063)}.screen-hero.blue{background:linear-gradient(135deg,#183f7d,#4a7eb6)}
.screen-hero h1{font-size:clamp(34px,5vw,58px);line-height:1;margin:0 0 16px;letter-spacing:-2px}.screen-hero p{font-size:18px;line-height:1.5;font-weight:700;margin:0}.screen-hero img{width:100%;max-height:210px;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(0,0,0,.18))}
.screen-body{padding:38px 56px 58px}.screen-intro{font-size:18px;line-height:1.65;font-weight:650;max-width:900px}.section-title{font-size:28px;margin:36px 0 16px;color:#2d126d}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.content-card{background:#fff;border-radius:20px;padding:22px;box-shadow:0 8px 20px rgba(45,18,109,.11);border-left:5px solid #7d48ce}.content-card h3{margin:0 0 10px;font-size:20px}.content-card p,.content-card li{font-size:15px;line-height:1.55;font-weight:600}.content-card ul{padding-left:20px;margin-bottom:0}.wide-card{grid-column:1/-1}.source-list{display:grid;gap:10px}.source-link,.action-link{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px;border-radius:14px;background:#f0e7fb;color:#2d126d;text-decoration:none;font-weight:800}.source-link:hover,.action-link:hover{background:#e3d4f6}.source-link:after,.action-link:after{content:'↗';font-size:18px}.screen-note{padding:18px;border-radius:16px;background:#fff3c7;border-left:5px solid #f2b705;font-weight:700;line-height:1.55}
.condition-head{padding:36px 72px 26px 36px;color:#fff;background:linear-gradient(135deg,#3c1684,#8b5cf6);display:grid;grid-template-columns:90px 1fr;gap:20px;align-items:center}.condition-head img{width:86px;height:86px;object-fit:contain}.condition-head h2{margin:0 0 6px;font-size:34px}.condition-head p{margin:0;font-weight:700}.condition-body{padding:28px 36px 40px}.condition-body h3{color:#2d126d;margin:22px 0 8px}.condition-body p,.condition-body li{line-height:1.6;font-weight:600}.condition-body ul{padding-left:22px}.condition-source{display:inline-flex;margin-top:16px;padding:12px 16px;background:#2d126d;color:#fff;border-radius:12px;text-decoration:none;font-weight:800}
@media(max-width:760px){.hub-overlay,.condition-overlay{padding:10px}.screen-hero{grid-template-columns:1fr;padding:54px 24px 28px}.screen-hero img{max-height:150px}.screen-body{padding:26px 20px 42px}.content-grid{grid-template-columns:1fr}.condition-head{grid-template-columns:70px 1fr;padding:52px 24px 24px}.condition-head img{width:66px;height:66px}.condition-head h2{font-size:27px}.condition-body{padding:24px}.hub-close{right:12px;top:10px}}
