.depth-bar{background:#062028;border-bottom:1px solid #0a3848;padding:.4rem 0;font-size:.72rem;color:#5a8898;font-family:monospace}
.depth-bar .container{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;align-items:center}
.depth-bar em{color:#00bcd4;font-style:normal;font-weight:700}

.dive-hero{padding:2.5rem 0 3rem;background:#041820}
.dive-grid{display:grid;grid-template-columns:280px 1fr;gap:2rem;align-items:start}
.gauge-panel{background:#062028;border:1px solid #0a3848;border-radius:8px;padding:1.2rem}
.gauge-item{margin-bottom:1.2rem}
.gauge-item:last-child{margin-bottom:0}
.gauge-label{font-size:.68rem;color:#5a8898;font-family:monospace;margin-bottom:.35rem;text-transform:uppercase}
.gauge-track{height:10px;background:#0a2838;border-radius:5px;overflow:hidden;border:1px solid #0a3848}
.gauge-fill{height:100%;background:#00bcd4;border-radius:5px}
.gauge-item:nth-child(2) .gauge-fill{background:#80deea;width:72%}
.gauge-item:nth-child(3) .gauge-fill{background:#ffab40;width:88%}
.gauge-item:first-child .gauge-fill{width:95%}
.gauge-val{font-size:.75rem;color:#00bcd4;font-family:monospace;margin-top:.25rem;font-weight:800}

.mask-viewfinder{border:4px solid #0a3848;border-radius:50% 50% 48% 48%;padding:8px;background:#062028;position:relative;overflow:hidden}
.mask-viewfinder::before{content:"";position:absolute;inset:8px;border:2px solid #00bcd4;border-radius:50% 50% 46% 46%;pointer-events:none;z-index:2}
.mask-viewfinder img{border-radius:50% 50% 44% 44%;position:relative;z-index:1}
.mask-caption{text-align:center;font-size:.72rem;color:#5a8898;margin-top:.75rem;font-family:monospace}

.dive-content h1{font-size:clamp(1.35rem,3.2vw,1.85rem);font-weight:800;color:#e0f4f8;line-height:1.35;margin-bottom:.85rem;margin-top:1rem}
.dive-content h1 em{color:#00bcd4;font-style:normal}
.dive-desc{color:#7aa0b0;font-size:.92rem;margin-bottom:1.2rem;max-width:520px}
.dive-btns{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1.5rem}
.dive-stats{display:flex;flex-wrap:wrap;gap:.75rem}
.dive-stats .ds{background:#062028;border:1px solid #0a3848;padding:.6rem 1rem;min-width:88px;text-align:center;border-radius:4px}
.dive-stats strong{display:block;font-size:1.2rem;color:#00bcd4;font-weight:800;font-family:monospace}
.dive-stats span{font-size:.65rem;color:#5a8898}

.tank-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.tank-card{background:#062028;border:1px solid #0a3848;padding:1.2rem;border-left:3px solid #00bcd4;border-radius:0 6px 6px 0}
.tank-card:nth-child(2){border-left-color:#80deea}
.tank-card:nth-child(3){border-left-color:#ffab40}
.tank-id{font-family:monospace;font-size:.68rem;color:#00bcd4;margin-bottom:.4rem}
.tank-card h3{font-size:.95rem;color:#e0f4f8;margin-bottom:.4rem;font-weight:800}
.tank-card p{font-size:.82rem;color:#5a8898;line-height:1.55}

.descent-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.descent-step{background:#062028;border:1px solid #0a3848;padding:1.2rem;text-align:center;position:relative}
.descent-step::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#00bcd4}
.descent-step:nth-child(2)::before{background:#80deea}
.descent-step:nth-child(3)::before{background:#ffab40}
.depth-tag{font-family:monospace;font-size:.85rem;color:#00bcd4;font-weight:800;margin-bottom:.45rem}
.descent-step h3{font-size:.92rem;color:#e0f4f8;margin-bottom:.35rem;font-weight:800}
.descent-step p{font-size:.8rem;color:#5a8898;line-height:1.5}

.gear-dual{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.gear-pane{background:#062028;border:1px solid #0a3848;border-radius:6px;overflow:hidden}
.gear-pane .head{background:#0a3848;padding:.55rem 1rem;font-family:monospace;font-size:.72rem;color:#00bcd4;border-bottom:1px solid #0a3848}
.gear-pane:nth-child(2) .head{color:#80deea}
.gear-pane .body{padding:1rem 1.1rem}
.gear-pane h3{font-size:.9rem;color:#e0f4f8;margin-bottom:.55rem;font-weight:800}
.gear-pane li{font-size:.82rem;color:#5a8898;padding:.28rem 0 .28rem 1rem;position:relative;line-height:1.45}
.gear-pane li::before{content:"◆";position:absolute;left:0;color:#00bcd4;font-size:.55rem;top:.38rem}

.dive-cta{background:#0a3848;border-top:1px solid #00bcd4;border-bottom:1px solid #00bcd4;padding:2.5rem 0;text-align:center}
.dive-cta h2{font-size:clamp(1.1rem,2.8vw,1.45rem);color:#e0f4f8;margin-bottom:.45rem;font-weight:800}
.dive-cta p{color:#5a8898;font-size:.88rem;margin-bottom:1.1rem}

.hero-img-wrap{margin-top:1rem;border:1px solid #0a3848;border-radius:6px;overflow:hidden}

@media(max-width:900px){
  .dive-grid{grid-template-columns:1fr}
  .gauge-panel{display:flex;flex-wrap:wrap;gap:1rem}
  .gauge-item{flex:1;min-width:120px;margin-bottom:0}
  .tank-cards,.descent-steps,.gear-dual{grid-template-columns:1fr}
}