
.rock-case-route{margin:0;width:100%;background:#080b0d}.rock-case{--case-cyan:#8ce4f4;--case-text:#f7fafc;--case-muted:#c7d4dc;color:var(--case-text);background:linear-gradient(90deg,#050505,#2b2b2b);font-family:Arial,sans-serif;line-height:1.65;width:100%;max-width:none;margin:0}
.rock-case *{box-sizing:border-box}.rock-case section{padding:clamp(36px,5vw,84px) var(--rock-gutter,48px)}.rock-case .case-inner{max-width:1160px;margin:auto;min-width:0}.rock-case .case-hero{background:radial-gradient(ellipse at 85% 10%,#164453,transparent 60%),linear-gradient(110deg,#07131c,#101820)}
.rock-case h1{font-size:clamp(38px,5.2vw,76px);line-height:1.06;letter-spacing:-.035em;max-width:1000px;margin:20px 0 26px}.rock-case h2{font-size:clamp(28px,3.1vw,44px);line-height:1.15;margin:0 0 22px}.rock-case h3{font-size:24px;line-height:1.2;margin:12px 0}.rock-case p{font-size:18px;max-width:850px;color:var(--case-muted)}.rock-case .case-lede{font-size:clamp(20px,2vw,25px);max-width:830px}.rock-case .case-kicker{font-size:12px;color:var(--case-cyan);font-weight:800;letter-spacing:.13em;text-transform:uppercase}.rock-case a{color:var(--case-cyan)}
.rock-case .case-nav,.rock-case .case-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.rock-case .case-nav a,.rock-case .case-button{display:inline-flex;align-items:center;min-height:46px;padding:10px 18px;border:1px solid #527987;border-radius:9px;text-decoration:none;font-size:16px;font-weight:700}.rock-case .case-button.primary{background:#0b67c2;border-color:#0b67c2;color:white}.rock-case a:focus-visible{outline:3px solid #ffca62;outline-offset:5px}
.rock-case .case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}.rock-case .case-card{min-width:0;padding:26px;background:linear-gradient(135deg,#15313b,#101820);border:1px solid #315364;border-radius:16px}.rock-case .case-card p{font-size:17px}.rock-case .case-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:34px 0}.rock-case .case-metric{border-top:3px solid #8ce4f4;padding:20px 10px;background:#0a1821;border-radius:0 0 12px 12px}.rock-case .case-metric strong{display:block;font-size:clamp(30px,4vw,46px);line-height:1.1;color:white}.rock-case .case-metric span{display:block;font-size:14px;color:#c7d4dc;margin-top:10px}
.rock-case .case-loop{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:28px 0}.rock-case .case-loop div{border-top:4px solid #8ce4f4;padding:20px 15px;border-radius:12px;background:#152733;min-width:0}.rock-case .case-loop b{display:block;font-size:19px}.rock-case .case-loop span{display:block;color:#c7d4dc;font-size:14px;margin-top:8px}.rock-case .case-loop div:nth-child(2){border-color:#f5be59}.rock-case .case-loop div:nth-child(3){border-color:#b49aff}.rock-case .case-loop div:nth-child(4){border-color:#62d0ab}.rock-case .case-loop div:nth-child(5){border-color:#fc9b73}
.rock-case .case-band{background:#0c202b}.rock-case .case-note{font-size:14px;line-height:1.6;color:#c7d4dc;border-left:3px solid #8ce4f4;padding-left:16px}.rock-case .case-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:26px}.rock-case .case-timeline article{border-top:3px solid #b49aff;padding:18px;background:#101820;min-width:0}.rock-case .case-timeline h3{font-size:19px}.rock-case .case-timeline strong{display:block;font-size:28px}.rock-case .case-timeline p{font-size:15px}.rock-case .case-picture{width:100%;height:auto;display:block;border-radius:12px;margin:24px 0}.rock-case figcaption{font-size:14px;color:#c7d4dc;margin-top:10px}.rock-case figure{margin:26px 0}.rock-case .case-table{overflow:auto;border:1px solid #315364;border-radius:12px}.rock-case table{width:100%;border-collapse:collapse;font-size:16px}.rock-case th,.rock-case td{padding:15px;text-align:left;border-bottom:1px solid #315364;vertical-align:top}.rock-case th{background:#15313b;color:#f7fafc}.rock-case td{color:#c7d4dc}.rock-case details{border-top:1px solid #315364;padding:18px 0}.rock-case summary{cursor:pointer;color:#8ce4f4;font-weight:700;min-height:44px}.rock-case .case-status{display:inline-block;padding:5px 11px;border-radius:20px;background:#173a46;color:#8ce4f4;font-size:13px;font-weight:700}.rock-case .case-states{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.rock-case .case-states span{padding:10px 18px;border:1px solid #315364;border-radius:8px;font-weight:700;color:#8ce4f4}
@media(max-width:1199px){.rock-case section{padding-left:32px;padding-right:32px}}@media(max-width:900px){.rock-case section{padding-left:24px;padding-right:24px}.rock-case .case-timeline,.rock-case .case-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.rock-case .case-loop{grid-template-columns:1fr 1fr}.rock-case .case-loop div:last-child{grid-column:1/-1}}
@media(max-width:600px){.rock-case section{padding:36px 16px}.rock-case .case-grid,.rock-case .case-timeline,.rock-case .case-loop{grid-template-columns:1fr}.rock-case .case-metrics{gap:10px}.rock-case .case-card{padding:22px}.rock-case .case-nav a{flex:1 1 100%}.rock-case h1{font-size:40px}.rock-case .case-lede{font-size:21px}.rock-case table{min-width:520px}}
.rock-case-entry{box-sizing:border-box;max-width:1760px;margin:36px auto;padding:clamp(24px,4vw,48px);border:1px solid #315364;border-radius:18px;background:linear-gradient(120deg,#112e3c,#181d2b);color:#f7fafc}.rock-case-entry h2{font-size:clamp(28px,3vw,42px);line-height:1.15}.rock-case-entry p{font-size:18px;line-height:1.65;max-width:900px;color:#c7d4dc}.rock-case-entry a{display:inline-flex;padding:12px 18px;min-height:46px;border:1px solid #8ce4f4;border-radius:9px;color:#8ce4f4;font-weight:700;text-decoration:none}

.rock-case .case-chart{margin:28px 0;padding:24px;border:1px solid #315364;border-radius:16px;background:#101e29;min-width:0}.rock-case .case-chart figcaption{font-size:21px;font-weight:700;color:#f7fafc;margin:0 0 24px;line-height:1.3}.rock-case .case-chart ol{padding:0;list-style:none;margin:0}.rock-case .case-chart li{margin:0 0 22px}.rock-case .case-chart-label{display:flex;gap:12px;justify-content:space-between;align-items:baseline;margin-bottom:8px;flex-wrap:wrap;color:#dbe6ed;font-size:16px}.rock-case .case-chart-label strong{color:#fff;font-variant-numeric:tabular-nums}.rock-case .case-chart-track{height:22px;background:#253b48;border-radius:5px;overflow:hidden}.rock-case .case-chart-track span{display:block;height:100%;min-width:2px;border-radius:5px}.rock-case .case-chart .case-note{font-size:14px;margin-top:25px}@media(max-width:600px){.rock-case .case-chart{padding:20px}.rock-case .case-chart-label{font-size:15px}}
