.dive-main { max-width: 1000px; }
.dive-hero { max-width: 800px; }
.dive-hero h1 { font-size: clamp(42px, 7vw, 70px); }
.formula-key { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.formula-key span { padding: 8px 10px; border: 1px solid var(--line); border-radius: 99px; color: var(--muted); font-size: 11px; }
.calculator-section + .calculator-section { margin-top: 18px; }
.dive-form { display: grid; gap: 20px; }
.dive-form .calculate-button { margin-top: 2px; }
.conversion-results { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 24px; border: 1px solid rgba(123,234,135,.16); border-radius: 16px; overflow: hidden; }
.conversion-results > div { min-height: 118px; padding: 18px; border-right: 1px solid rgba(123,234,135,.12); border-bottom: 1px solid rgba(123,234,135,.12); background: rgba(6,23,27,.5); }
.conversion-results > div:nth-child(4), .conversion-results > div:last-child { border-right: 0; }
.conversion-results > div:nth-child(n+5) { border-bottom: 0; }
.conversion-results span, .conversion-results small, .gas-metrics span, .gas-metrics small, .primary-gas-result span, .primary-gas-result small { display: block; color: var(--faint); font-size: 10px; line-height: 1.4; }
.conversion-results strong, .gas-metrics strong { display: block; margin: 8px 0 4px; font: 400 25px Georgia, serif; color: var(--ink); }
.nitrox-results { margin-top: 24px; border: 1px solid #3b7950; border-radius: 18px; overflow: hidden; background: #0a211c; }
.nitrox-status { padding: 22px 24px; }
.nitrox-status > span, .nitrox-status > small, .nitrox-metrics span, .nitrox-metrics small { display: block; }
.nitrox-status > span { color: var(--green); font-size: 10px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.nitrox-status > strong { display: block; margin: 5px 0; font: 400 28px Georgia, serif; color: var(--ink); }
.nitrox-status > small { color: var(--muted); font-size: 12px; line-height: 1.5; }
.nitrox-status.danger { background: #24110f; }
.nitrox-status.danger > span, .nitrox-status.danger > strong { color: var(--red); }
.nitrox-metrics { display: grid; grid-template-columns: repeat(5, 1fr); border-top: 1px solid rgba(123,234,135,.16); }
.nitrox-metrics > div { min-width: 0; padding: 17px 14px; border-right: 1px solid rgba(123,234,135,.12); }
.nitrox-metrics > div:last-child { border-right: 0; }
.nitrox-metrics span, .nitrox-metrics small { color: var(--faint); font-size: 10px; line-height: 1.4; }
.nitrox-metrics strong { display: block; margin: 8px 0 4px; font: 400 22px Georgia, serif; color: var(--ink); overflow-wrap: anywhere; }
.group-heading { display: flex; align-items: center; gap: 11px; margin-top: 3px; padding-top: 18px; border-top: 1px solid var(--line); }
.group-heading:first-child { padding-top: 0; border: 0; }
.group-heading > span { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 9px; background: var(--green-deep); color: var(--green); font-size: 11px; font-weight: 850; }
.group-heading strong, .group-heading small { display: block; }
.group-heading strong { color: #dce9e7; font-size: 13px; }
.group-heading small { margin-top: 2px; color: var(--faint); font-size: 10px; }
.gas-results { margin-top: 24px; border: 1px solid #3b7950; border-radius: 18px; overflow: hidden; background: #0a211c; }
.primary-gas-result { padding: 24px; }
.primary-gas-result strong { display: block; margin: 7px 0 5px; font: 400 42px Georgia, serif; color: var(--green); }
.gas-metrics { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(123,234,135,.16); }
.gas-metrics > div { padding: 18px; border-right: 1px solid rgba(123,234,135,.12); border-bottom: 1px solid rgba(123,234,135,.12); }
.gas-metrics > div:nth-child(3n) { border-right: 0; }
.gas-metrics > div:nth-child(n+4) { border-bottom: 0; }
.calculation-notes { margin-top: 18px; border-top: 1px solid var(--line); padding-top: 16px; color: var(--muted); font-size: 12px; }
.calculation-notes summary { cursor: pointer; color: #b7cbc8; font-weight: 700; }
.calculation-notes div { margin-top: 12px; padding: 14px 16px; border-radius: 12px; background: rgba(6,23,27,.5); }
.calculation-notes p { margin: 0 0 7px; line-height: 1.55; }
.calculation-notes p:last-child { margin: 0; }
.dive-warning { max-width: none; }

@media (max-width: 760px) {
  .conversion-results { grid-template-columns: 1fr 1fr; }
  .conversion-results > div { border-right: 1px solid rgba(123,234,135,.12); border-bottom: 1px solid rgba(123,234,135,.12); }
  .conversion-results > div:nth-child(even) { border-right: 0; }
  .conversion-results > div:nth-child(n+5) { border-bottom: 1px solid rgba(123,234,135,.12); }
  .conversion-results > div:last-child { border-bottom: 0; }
  .gas-metrics { grid-template-columns: 1fr 1fr; }
  .gas-metrics > div { border-right: 1px solid rgba(123,234,135,.12); border-bottom: 1px solid rgba(123,234,135,.12); }
  .gas-metrics > div:nth-child(3n) { border-right: 1px solid rgba(123,234,135,.12); }
  .gas-metrics > div:nth-child(even) { border-right: 0; }
  .gas-metrics > div:nth-child(n+4) { border-bottom: 1px solid rgba(123,234,135,.12); }
  .gas-metrics > div:nth-child(n+5) { border-bottom: 0; }
  .nitrox-metrics { grid-template-columns: 1fr 1fr; }
  .nitrox-metrics > div { border-right: 1px solid rgba(123,234,135,.12); border-bottom: 1px solid rgba(123,234,135,.12); }
  .nitrox-metrics > div:nth-child(even) { border-right: 0; }
  .nitrox-metrics > div:last-child { border-right: 0; border-bottom: 0; }
}

@media (max-width: 420px) {
  .conversion-results, .gas-metrics, .nitrox-metrics { grid-template-columns: 1fr; }
  .conversion-results > div, .conversion-results > div:nth-child(even), .gas-metrics > div, .gas-metrics > div:nth-child(3n), .gas-metrics > div:nth-child(even) { border-right: 0; border-bottom: 1px solid rgba(123,234,135,.12); }
  .conversion-results > div:last-child, .gas-metrics > div:last-child { border-bottom: 0; }
  .nitrox-metrics > div, .nitrox-metrics > div:nth-child(even) { border-right: 0; border-bottom: 1px solid rgba(123,234,135,.12); }
  .nitrox-metrics > div:last-child { border-bottom: 0; }
}