:root{
  --ps-bg:#07111f;
  --ps-panel:#0d1a2d;
  --ps-panel-2:#12233c;
  --ps-line:rgba(255,255,255,.08);
  --ps-text:#eef4ff;
  --ps-muted:#9fb4d8;
  --ps-accent:#7dd3fc;
  --ps-accent-2:#a78bfa;
  --ps-gas:#38bdf8;
  --ps-coal:#f59e0b;
  --ps-nuclear:#34d399;
  --ps-danger:#fb7185;
  --shadow:0 20px 50px rgba(0,0,0,.35);
}
body{background:
 radial-gradient(circle at top left, rgba(125,211,252,.1), transparent 30%),
 radial-gradient(circle at top right, rgba(167,139,250,.08), transparent 35%),
 linear-gradient(180deg,#06101d 0%,#09172a 100%);
 color:var(--ps-text)}
.ps-shell{max-width:1380px;margin:0 auto;padding:28px 18px 80px}
.ps-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--ps-line);border-radius:999px;background:rgba(255,255,255,.03);color:var(--ps-muted);font-size:.82rem}
.ps-badge .dot{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,var(--ps-accent),var(--ps-accent-2));box-shadow:0 0 18px rgba(125,211,252,.8)}
.ps-hero{display:grid;grid-template-columns:1.2fr .95fr;gap:28px;padding:28px;border:1px solid var(--ps-line);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));box-shadow:var(--shadow);overflow:hidden}
.ps-hero h1,.ps-detail-hero h1{font-size:clamp(2.2rem,4vw,4.2rem);line-height:1.02;margin:16px 0 14px}
.ps-sub{font-size:1.08rem;line-height:1.65;color:#d7e3f8;max-width:820px}
.ps-chip-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.ps-pill{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--ps-line);color:#dbe9ff;font-size:.9rem}
.ps-hero-art{position:relative;min-height:420px;border-radius:24px;border:1px solid var(--ps-line);background:linear-gradient(180deg,#132946,#0b1524);overflow:hidden}
.ps-glow{position:absolute;inset:auto auto 10% 10%;width:45%;height:45%;background:radial-gradient(circle,rgba(125,211,252,.26),transparent 70%);filter:blur(10px)}
.ps-gridline{position:absolute;inset:0;background:
 linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
 linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
 background-size:40px 40px;mask-image:linear-gradient(180deg,rgba(255,255,255,.9),transparent)}
.ps-sky{position:absolute;inset:0;background:linear-gradient(180deg,#153457 0%,#0b1830 72%)}
.ps-ground{position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(180deg,#0e2434,#08131f)}
.ps-plant{position:absolute;bottom:86px;left:10%;right:10%;height:210px}
.ps-stack,.ps-dome,.ps-block,.ps-cool,.ps-sphere,.ps-gantry{position:absolute;background:linear-gradient(180deg,#d3dbe7,#8696aa)}
.ps-stack{width:26px;bottom:0;border-radius:8px 8px 0 0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.ps-stack.one{left:25%;height:155px}.ps-stack.two{left:33%;height:185px}.ps-stack.three{left:41%;height:130px}
.ps-dome{width:160px;height:100px;left:52%;bottom:0;border-radius:100px 100px 16px 16px}
.ps-block{left:10%;bottom:0;width:200px;height:92px;border-radius:18px 18px 10px 10px}
.ps-cool{bottom:0;width:92px;height:140px;border-radius:44px 44px 18px 18px;background:linear-gradient(180deg,#d8e2ef,#8b98a8)}
.ps-cool.one{left:58%}.ps-cool.two{left:71%}
.ps-sphere{width:95px;height:95px;border-radius:50%;left:74%;bottom:58px}
.ps-gantry{left:8%;bottom:78px;width:80%;height:8px;border-radius:999px;background:linear-gradient(90deg,rgba(125,211,252,.65),rgba(255,255,255,.15))}
.ps-smoke,.ps-signal{position:absolute;border-radius:50%;opacity:.45;animation:floatUp 10s infinite linear}
.ps-smoke{background:radial-gradient(circle,#fff,rgba(255,255,255,.06));filter:blur(1px)}
.ps-signal{background:radial-gradient(circle,rgba(125,211,252,.8),rgba(125,211,252,0));box-shadow:0 0 20px rgba(125,211,252,.45)}
@keyframes floatUp{0%{transform:translateY(0) scale(.85);opacity:0}12%{opacity:.48}100%{transform:translateY(-220px) scale(1.35);opacity:0}}

.ps-stat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:22px 0 8px}
.ps-stat{padding:18px;border-radius:22px;background:var(--ps-panel);border:1px solid var(--ps-line);box-shadow:var(--shadow)}
.ps-stat span{display:block;color:var(--ps-muted);font-size:.82rem;margin-bottom:8px}
.ps-stat strong{font-size:1.8rem;font-weight:700}
.ps-stat em{display:block;color:#d2e3ff;font-style:normal;font-size:.9rem;margin-top:8px}

.ps-section{margin-top:28px;padding:24px;border-radius:28px;background:rgba(255,255,255,.02);border:1px solid var(--ps-line);box-shadow:var(--shadow)}
.ps-section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px}
.ps-section-head h2{margin:0;font-size:1.7rem}
.ps-section-head p{margin:0;color:var(--ps-muted);max-width:850px;line-height:1.6}
.ps-control-grid{display:grid;grid-template-columns:1.2fr repeat(4,minmax(120px,1fr));gap:12px}
.ps-search,.ps-select{width:100%;padding:14px 16px;border-radius:16px;background:#081221;border:1px solid var(--ps-line);color:var(--ps-text);font-size:1rem}

.ps-atlas-wrap{display:grid;grid-template-columns:1fr 1.05fr;gap:22px;align-items:start}
.ps-atlas{position:relative;min-height:560px;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#102440,#07101d);border:1px solid var(--ps-line)}
.ps-atlas svg{position:absolute;inset:0;width:100%;height:100%;opacity:.48}
.ps-atlas-note{padding:16px 18px;color:var(--ps-muted);border-top:1px solid var(--ps-line);background:rgba(0,0,0,.15);position:absolute;left:0;right:0;bottom:0;font-size:.9rem}
.ps-point-layer{position:absolute;inset:0;padding:20px 18px 70px}
.ps-point{position:absolute;width:12px;height:12px;border-radius:50%;transform:translate(-50%,-50%);cursor:pointer;border:2px solid rgba(255,255,255,.9);box-shadow:0 0 0 8px rgba(255,255,255,.04),0 0 14px rgba(0,0,0,.35)}
.ps-point[data-fuel="gas"]{background:var(--ps-gas)}
.ps-point[data-fuel="coal"]{background:var(--ps-coal)}
.ps-point[data-fuel="nuclear"]{background:var(--ps-nuclear)}
.ps-point.is-dim{opacity:.18}
.ps-point:hover{z-index:5;transform:translate(-50%,-50%) scale(1.3)}
.ps-map-panel{display:flex;flex-direction:column;gap:12px}
.ps-mini{padding:18px;border-radius:20px;background:var(--ps-panel);border:1px solid var(--ps-line)}
.ps-legend{display:flex;flex-wrap:wrap;gap:10px}
.ps-legend span{display:inline-flex;gap:8px;align-items:center;padding:8px 11px;border:1px solid var(--ps-line);border-radius:999px;color:#d5e4ff}
.ps-legend i{width:10px;height:10px;border-radius:50%}
.ps-mini code{font-family:inherit;background:rgba(255,255,255,.04);padding:2px 6px;border-radius:8px}

.ps-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ps-card{padding:18px;border-radius:22px;background:linear-gradient(180deg,rgba(17,31,54,.96),rgba(11,20,35,.98));border:1px solid var(--ps-line);display:flex;flex-direction:column;gap:14px;min-height:210px;position:relative;overflow:hidden}
.ps-card.hidden{display:none}
.ps-card:before{content:"";position:absolute;inset:-40% auto auto -20%;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(125,211,252,.14),transparent 70%)}
.ps-card-top{display:flex;justify-content:space-between;gap:12px;align-items:start}
.ps-card h3{margin:0;font-size:1.25rem}
.ps-card p{margin:0;color:#d7e3f8;line-height:1.55}
.ps-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;font-size:.92rem}
.ps-meta div{padding:10px;border-radius:14px;background:rgba(255,255,255,.035)}
.ps-meta span{display:block;color:var(--ps-muted);font-size:.75rem;margin-bottom:5px}
.ps-card .ps-btn{margin-top:auto}
.ps-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 15px;border-radius:14px;text-decoration:none;font-weight:600}
.ps-btn-primary{background:linear-gradient(135deg,var(--ps-accent),var(--ps-accent-2));color:#06101d}
.ps-btn-secondary{background:rgba(255,255,255,.05);border:1px solid var(--ps-line);color:#eef4ff}
.ps-tag{padding:8px 10px;border-radius:999px;border:1px solid var(--ps-line);font-size:.8rem;color:#dce8ff;background:rgba(255,255,255,.05)}
.ps-fuel-gas{color:#9ae6ff}.ps-fuel-coal{color:#ffd68a}.ps-fuel-nuclear{color:#9ff0cf}

.ps-diagram-grid,.ps-gallery-grid,.ps-related-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ps-diagram-card,.ps-gallery-card,.ps-detail-card{padding:20px;border-radius:24px;background:var(--ps-panel);border:1px solid var(--ps-line);box-shadow:var(--shadow)}
.ps-diagram-card svg{width:100%;height:200px;display:block}
.flow-path{stroke:rgba(125,211,252,.95);stroke-width:6;fill:none;stroke-linecap:round;stroke-dasharray:16 12;animation:dash 6s linear infinite}
@keyframes dash{to{stroke-dashoffset:-120}}
.stack-box,.boiler-box,.generator-box,.atom-core,.atom-ring,.turbine-box{fill:#cbd8ea}
.atom-ring{fill:none;stroke:#d1fbff;stroke-width:4}
.ps-diagram-card p,.ps-gallery-card p,.ps-detail-card p{color:#d7e3f8;line-height:1.65}
.ps-gallery-card h3,.ps-diagram-card h3,.ps-detail-card h2{margin-top:0}

.ps-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ps-timeline .era,.ps-event{padding:18px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid var(--ps-line)}
.ps-timeline span,.ps-event-year,.ps-reference-grid span{display:block;color:var(--ps-muted);font-size:.8rem;margin-bottom:7px}
.ps-timeline strong,.ps-event strong{display:block;margin-bottom:8px}
.ps-timeline p,.ps-event p{margin:0;color:#d6e4fa;line-height:1.55}

.ps-detail-hero{display:grid;grid-template-columns:1.15fr .95fr;gap:24px;padding:24px;border-radius:28px;background:rgba(255,255,255,.025);border:1px solid var(--ps-line);box-shadow:var(--shadow)}
.ps-back-link{display:inline-block;color:#d7e7ff;text-decoration:none;margin-bottom:16px}
.ps-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.ps-reference-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.ps-reference-grid div{padding:14px;border-radius:16px;background:rgba(255,255,255,.035)}
.ps-reference-grid strong{display:block;font-size:1rem}
.ps-visual-card{padding:18px;border-radius:24px;background:var(--ps-panel);border:1px solid var(--ps-line)}
.ps-visual-top{display:flex;justify-content:space-between;color:#d8e5f8;margin-bottom:14px}
.ps-plant-visual{position:relative;min-height:320px;border-radius:20px;border:1px solid var(--ps-line);overflow:hidden;background:linear-gradient(180deg,#0e2740,#0a1220)}
.ps-plant-visual .sky{position:absolute;inset:0;background:linear-gradient(180deg,#15375b 0%,#0a1526 72%)}
.ps-plant-visual .ground{position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(180deg,#11263b,#09121e)}
.ps-plant-visual .plant{position:absolute;background:linear-gradient(180deg,#d8e0ea,#8394a8)}
.ps-plant-visual .core{left:8%;bottom:55px;width:32%;height:80px;border-radius:16px}
.ps-plant-visual .stack{width:24px;border-radius:8px 8px 0 0;bottom:55px}
.ps-plant-visual .stack.one{left:24%;height:125px}.ps-plant-visual .stack.two{left:32%;height:148px}
.ps-plant-visual .dome{left:48%;bottom:55px;width:132px;height:92px;border-radius:100px 100px 16px 16px}
.ps-plant-visual .tower{bottom:55px;width:80px;height:118px;border-radius:42px 42px 14px 14px}
.ps-plant-visual .tower.one{left:60%}.ps-plant-visual .tower.two{left:74%;height:138px}
.ps-plant-visual .sphere{left:74%;bottom:116px;width:86px;height:86px;border-radius:50%}
.ps-gas .tower,.ps-gas .dome,.ps-gas .sphere{display:none}
.ps-coal .dome,.ps-coal .sphere{display:none}
.ps-reactor-dome .tower{display:none}
.ps-magnox .tower.two,.ps-magnox .sphere{display:none}
.ps-construction .plant{background:linear-gradient(180deg,#fde68a,#d19b28)}
.ps-visual-caption{color:var(--ps-muted);font-size:.92rem;margin-top:12px}
.ps-bullets{padding-left:18px;color:#d8e5f8;line-height:1.7}
.ps-bullets li{margin-bottom:6px}
.ps-coords{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04);margin-top:14px;color:#dbe9ff}
.ps-source-list li{margin-bottom:8px;color:#d7e3f8;line-height:1.6}
.ps-detail-note{color:var(--ps-muted)}
.ps-footer-note{margin-top:22px;color:var(--ps-muted);font-size:.95rem}

.ps-empty{padding:22px;border-radius:18px;background:rgba(255,255,255,.04);border:1px dashed var(--ps-line);color:#dbe8fb}
.ps-not-found{padding:40px;border-radius:28px;background:var(--ps-panel);border:1px solid var(--ps-line)}

@media (max-width:1200px){
  .ps-stat-grid{grid-template-columns:repeat(3,1fr)}
  .ps-card-grid,.ps-diagram-grid,.ps-gallery-grid,.ps-timeline{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:980px){
  .ps-hero,.ps-atlas-wrap,.ps-detail-hero,.ps-detail-grid,.ps-control-grid{grid-template-columns:1fr}
  .ps-hero-art{min-height:300px}
}
@media (max-width:720px){
  .ps-stat-grid,.ps-card-grid,.ps-diagram-grid,.ps-gallery-grid,.ps-timeline,.ps-reference-grid{grid-template-columns:1fr}
  .ps-shell{padding:20px 12px 60px}
  .ps-hero,.ps-section,.ps-detail-hero{padding:18px}
  .ps-atlas{min-height:420px}
}


.ps-panel-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 14px}
.ps-tab-btn{appearance:none;border:1px solid var(--ps-line);background:rgba(255,255,255,.04);color:#d8e7ff;padding:10px 14px;border-radius:999px;font-size:.88rem;cursor:pointer;transition:.2s}
.ps-tab-btn:hover{background:rgba(255,255,255,.08)}
.ps-tab-btn.is-active{background:linear-gradient(135deg,rgba(125,211,252,.18),rgba(167,139,250,.16));border-color:rgba(125,211,252,.35);color:#fff}
.ps-panel-view{display:none}
.ps-panel-view.is-active{display:block}
.ps-panel-image{display:block;width:100%;height:auto;border-radius:18px;border:1px solid var(--ps-line);background:#07111f}
.ps-visual-card{padding:18px;border:1px solid var(--ps-line);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));box-shadow:var(--shadow)}
.ps-visual-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px;color:#dbe9ff;font-size:.92rem}
.ps-visual-caption{margin-top:14px;color:#c8d9f3;line-height:1.55;font-size:.96rem}
.ps-visual-caption.hidden{display:none}
.ps-detail-note,.ps-coords{color:#c8d9f3}
@media (max-width:920px){
  .ps-panel-tabs{margin-top:10px}
  .ps-tab-btn{font-size:.82rem;padding:9px 12px}
}


.ps-tech-card{margin-top:24px;padding:18px;border:1px solid var(--ps-line);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));box-shadow:var(--shadow)}
.ps-photo-card{padding:18px;border:1px solid var(--ps-line);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));box-shadow:var(--shadow);align-self:start}
.ps-photo-figure{margin:0}
.ps-photo-figure img{display:block;width:100%;height:auto;border-radius:20px;border:1px solid var(--ps-line);background:#07111f}
.ps-photo-figure figcaption{padding:16px 4px 0}
.ps-photo-figure strong{display:block;font-size:1.1rem;color:#eef4ff;margin-bottom:8px}
.ps-photo-figure span{display:block;color:#d3e2f7;line-height:1.6}
.ps-photo-figure small{display:block;color:var(--ps-muted);margin-top:10px;line-height:1.5}
.ps-tech-card .ps-panel-image{min-height:320px;object-fit:contain}
@media (max-width:920px){
  .ps-detail-hero{grid-template-columns:1fr}
  .ps-tech-card{margin-top:18px}
}


/* Photo left, technical views right */
.ps-detail-hero{
  align-items:start;
}
.ps-detail-hero > div:first-child{
  min-width:0;
}
.ps-tech-card{
  margin-top:0;
}
@media (max-width:920px){
  .ps-tech-card{
    margin-top:18px;
  }
}

.ps-map-section{margin-top:20px}
.ps-map-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ps-map-card{background:#0e1a2b;border-radius:12px;padding:16px}
.ps-map{height:300px;border-radius:8px}
@media(max-width:900px){
  .ps-map-grid{grid-template-columns:1fr}
}


.ps-leaflet-wrap{display:grid;grid-template-columns:1.2fr .9fr;gap:22px;align-items:start}
.ps-live-map{position:relative;min-height:560px;border-radius:24px;overflow:hidden;border:1px solid var(--ps-line);background:#08111d}
.ps-live-map-canvas{height:100%;min-height:560px;width:100%}
.ps-map-card p:last-child{margin-bottom:0}
.ps-map-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.ps-map-legend span{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid var(--ps-line);font-size:.9rem;color:var(--ps-text)}
.ps-map-dot{width:10px;height:10px;border-radius:50%}
.ps-map-dot.gas{background:#6fb4ff}
.ps-map-dot.coal{background:#efb33f}
.ps-map-dot.nuclear{background:#75d98a}
.leaflet-container{font:inherit;background:#08111d}
.leaflet-control-attribution{background:rgba(8,17,29,.78)!important;color:#dce7ff!important}
.leaflet-control-attribution a{color:#9fd0ff!important}
.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#0d1726;color:#ecf4ff;border:1px solid rgba(255,255,255,.08)}
.ps-map-popup strong{display:block;font-size:1rem;margin-bottom:4px}
.ps-map-popup span{display:block;color:var(--ps-muted);font-size:.92rem}
.ps-map-popup em{display:block;color:#b5c7e6;font-style:normal;margin-top:5px;font-size:.86rem}
.ps-detail-map-section{margin-top:22px}
.ps-detail-map-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ps-detail-map-card{background:rgba(10,18,32,.84);border:1px solid var(--ps-line);border-radius:24px;padding:18px;box-shadow:var(--ps-shadow)}
.ps-detail-map-card h3{margin:0 0 8px;font-size:1.08rem}
.ps-detail-map-card p{margin:0 0 14px;color:var(--ps-muted)}
.ps-detail-map-canvas{height:340px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#08111d}
.ps-detail-map-note{margin-top:12px;color:var(--ps-muted);font-size:.92rem}
.ps-map-fallback{padding:18px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid var(--ps-line);color:var(--ps-muted)}
@media (max-width: 1100px){
  .ps-leaflet-wrap,.ps-detail-map-grid{grid-template-columns:1fr}
  .ps-live-map,.ps-live-map-canvas{min-height:420px}
}