.stage23a4-graph-showcase{margin-top:24px;padding:24px;border:1px solid #d5e2e6;border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(18,66,80,.07)}
.stage23a4-graph-showcase__head{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end;margin-bottom:18px}.stage23a4-graph-showcase__head h3{margin:.45rem 0;color:#0d4657;font-size:1.7rem}.stage23a4-graph-showcase__head p{max-width:850px;margin:0;color:#617982;line-height:1.62}
.stage23a4-graph-gallery-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:11px;background:#0f5165;color:#fff;text-decoration:none;font-weight:800;white-space:nowrap}.stage23a4-graph-gallery-link:hover{background:#0a4050}
.stage23a4-graph-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.stage23a4-graph-card{overflow:hidden;border:1px solid #d9e4e7;border-radius:14px;background:#f9fbfb}.stage23a4-graph-open{display:block;width:100%;padding:0;border:0;background:#fff;cursor:zoom-in}.stage23a4-graph-open img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;background:#fff}.stage23a4-graph-card>div{padding:14px}.stage23a4-graph-card span{color:#39816e;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.stage23a4-graph-card h4{margin:.35rem 0;color:#174c5a}.stage23a4-graph-card p{margin:0 0 10px;color:#667d85;font-size:.84rem;line-height:1.5}.stage23a4-graph-card a{color:#007c91;font-weight:800;text-decoration:none}
.stage23a4-graph-boundary{display:grid;grid-template-columns:180px 1fr;gap:15px;margin-top:18px;padding:14px 16px;border-left:5px solid #e9c46a;border-radius:10px;background:#fff7e6;color:#674e2c}.stage23a4-graph-boundary strong{color:#865b13}
.stage23a4-graph-modal{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(3,22,31,.88)}.stage23a4-graph-modal.is-open{display:flex}.stage23a4-graph-modal__panel{position:relative;max-width:min(1500px,96vw);max-height:94vh;padding:42px 16px 16px;border-radius:15px;background:#fff;box-shadow:0 28px 80px rgba(0,0,0,.42)}.stage23a4-graph-modal img{display:block;max-width:100%;max-height:82vh;object-fit:contain}.stage23a4-graph-modal h2{margin:10px 0 0;color:#0d4657;font-size:1rem;text-align:center}.stage23a4-graph-modal__close{position:absolute;right:10px;top:9px;width:34px;height:34px;border:0;border-radius:50%;background:#0f5165;color:#fff;font-size:1.25rem;cursor:pointer}
.stage23a4-gallery-page{background:#edf3f5;color:#173845;font-family:"DM Sans",Arial,sans-serif}.stage23a4-gallery-page *{box-sizing:border-box}.stage23a4-gallery-page main{max-width:1550px;margin:auto;padding:28px}.stage23a4-gallery-hero{padding:26px;border-radius:18px;background:#0f4658;color:#fff}.stage23a4-gallery-hero a{color:#a9efda;font-weight:800}.stage23a4-gallery-hero p{max-width:1000px;color:#c6dbe1;line-height:1.65}.stage23a4-gallery-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.stage23a4-gallery-metrics article{padding:14px;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:rgba(255,255,255,.08)}.stage23a4-gallery-metrics strong{display:block;font-size:1.6rem}.stage23a4-gallery-metrics span{color:#c6dbe1;font-size:.78rem}
.stage23a4-gallery-toolbar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:1fr minmax(250px,.55fr);gap:15px;margin:20px 0;padding:14px;border:1px solid #d2e0e4;border-radius:14px;background:rgba(255,255,255,.96);backdrop-filter:blur(8px)}.stage23a4-gallery-filters{display:flex;flex-wrap:wrap;gap:7px}.stage23a4-gallery-filters button{padding:8px 10px;border:1px solid #bfd1d6;border-radius:999px;background:#fff;color:#345c67;font-weight:700;cursor:pointer}.stage23a4-gallery-filters button.is-active{background:#0f5165;color:#fff;border-color:#0f5165}.stage23a4-gallery-search input{width:100%;min-height:42px;padding:9px 11px;border:1px solid #bfd1d6;border-radius:10px}.stage23a4-gallery-count{margin:0 0 12px;color:#647b83}
.stage23a4-full-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.stage23a4-full-card{overflow:hidden;border:1px solid #d6e2e6;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(18,66,80,.06)}.stage23a4-full-card[hidden]{display:none}.stage23a4-full-card img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;background:#fff}.stage23a4-full-card__body{padding:14px}.stage23a4-full-card__body span{color:#39816e;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.stage23a4-full-card__body h2{margin:.35rem 0;color:#0d4657;font-size:1rem}.stage23a4-full-card__body p{margin:0 0 10px;color:#667d85;line-height:1.5;font-size:.83rem}.stage23a4-full-card__links{display:flex;gap:12px}.stage23a4-full-card__links a{color:#007c91;font-weight:800;text-decoration:none}
@media(max-width:900px){.stage23a4-graph-showcase__head,.stage23a4-gallery-toolbar{grid-template-columns:1fr}.stage23a4-gallery-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.stage23a4-graph-grid,.stage23a4-full-gallery,.stage23a4-gallery-metrics{grid-template-columns:1fr}.stage23a4-graph-boundary{grid-template-columns:1fr}}