/* HD COOL R33: scoped premium editorial sections; existing header, footer and navigation unchanged */
.r33-main { --r33-accent:#12d8ed; background:#051a28; color:#ecf8ff; max-width:1260px; margin:0 auto; padding:12px 20px 55px; }
.r33-main *, .r33-main *::before,.r33-main *::after { box-sizing:border-box; }
.r33-main a { color:inherit; }
.r33-breadcrumb {font-size:12px;opacity:.86;padding:10px 1px 15px;display:flex;gap:9px;flex-wrap:wrap;align-items:center;}
.r33-breadcrumb a {text-decoration:none;color:#b1dfea;}
.r33-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:0; position:relative; overflow:hidden; isolation:isolate; border:1px solid #24748a; border-radius:17px; background:linear-gradient(130deg,#0b3950,#052031 70%); min-height:345px; }
.r33-hero-copy {padding:27px clamp(20px,3.4vw,46px);display:flex;flex-direction:column;justify-content:center;}
.r33-kicker,.r33-label {font-size:11px;letter-spacing:.12em;font-weight:850;color:#27e4ef;text-transform:uppercase;}
.r33-hero h1 {font-size:clamp(29px,3.25vw,47px);line-height:1.06;letter-spacing:-.035em;margin:13px 0 13px;color:#fff;max-width:650px;font-weight:840;}
.r33-hero p {font-size:15px;line-height:1.65;color:#d2ebf3;margin:0 0 18px;max-width:570px;}
.r33-hero-media {position:relative;min-height:315px;overflow:hidden;}
.r33-hero-media img {height:100%;width:100%;object-fit:cover;object-position:center;display:block;}
.r33-hero-media:after {content:"";position:absolute;inset:0;background:linear-gradient(90deg,#073046 0%,transparent 28%);pointer-events:none;}
.r33-main.r33-theme-cold .r33-hero {background:linear-gradient(135deg,#12394a,#062733);}
.r33-main.r33-theme-electric .r33-hero {background:linear-gradient(145deg,#123956,#061e32);}
.r33-main.r33-alt .r33-hero-media {order:-1;}
.r33-main.r33-alt .r33-hero-media:after {background:linear-gradient(270deg,#073046,transparent 25%);}
.r33-actions {display:flex;gap:9px;flex-wrap:wrap;}
.r33-actions a {text-decoration:none;padding:12px 17px;border:1px solid #4aa5bc;border-radius:10px;font-weight:800;font-size:13px;display:inline-flex;gap:8px;align-items:center;justify-content:center;}
.r33-actions .r33-primary {color:#001a29;background:linear-gradient(120deg,#19e2e7,#07afdb);border-color:transparent;}
.r33-summary {display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#1c6376;border:1px solid #1c6376;border-radius:13px;overflow:hidden;margin:13px 0 18px;}
.r33-summary span {background:#082a3b;padding:13px 15px;font-size:13px;font-weight:750;color:#e0faff;}
.r33-summary strong {color:#32deea;padding-right:7px;font-size:16px;}
.r33-section {margin-top:25px;}
.r33-sectionhead {display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:14px;}
.r33-sectionhead h2 {margin:5px 0 0;color:#fff;font-size:clamp(23px,2.5vw,31px);line-height:1.12;}
.r33-sectionhead p {max-width:560px;line-height:1.62;font-size:14px;color:#c2dbe6;margin:0;}
.r33-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.r33-card {background:linear-gradient(145deg,#0a3449,#062536);border:1px solid #245c70;border-radius:13px;padding:21px 16px;position:relative;min-height:205px;}
.r33-card-index {font-size:12px;font-weight:900;color:#38e4eb;letter-spacing:.09em;}
.r33-card h3 {margin:13px 0 10px;font-size:17px;color:#fff;line-height:1.18;}
.r33-card p {font-size:13px;line-height:1.65;color:#c6e2ee;margin:0;}
.r33-feature {display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);overflow:hidden;border:1px solid #316b80;border-radius:14px;background:#082d41;margin-top:15px;}
.r33-feature img {width:100%;height:100%;max-height:340px;object-fit:cover;display:block;}
.r33-feature-copy {padding:23px 25px;display:flex;flex-direction:column;justify-content:center;}
.r33-feature-copy h2 {margin:8px 0 13px;font-size:23px;line-height:1.13;}
.r33-feature-copy p {color:#d0e4eb;line-height:1.68;font-size:14px;margin:0 0 14px;}
.r33-feature-copy a {font-size:13px;color:#36dfeb;text-decoration:underline;text-underline-offset:3px;font-weight:800;}
.r33-steps {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.r33-step {padding:21px;background:#082b3e;border:1px solid #276176;border-radius:12px;}
.r33-step strong {color:#39e0f0;font-size:13px;display:block;margin-bottom:9px;}
.r33-step h3 {color:white;margin:0 0 8px;font-size:17px;}
.r33-step p {font-size:13px;color:#c4dce6;line-height:1.62;margin:0;}
.r33-split {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:24px;}
.r33-panel {padding:23px;border:1px solid #296a81;border-radius:14px;background:#0a3043;}
.r33-panel h2 {font-size:23px;line-height:1.15;color:#fff;margin:8px 0 14px;}
.r33-check {list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.r33-check li {line-height:1.55;font-size:14px;padding-left:24px;position:relative;color:#d6edf4;}
.r33-check li:before {content:'✓';position:absolute;left:0;top:0;color:#1ce1e8;font-weight:900;}
.r33-faq details {border-top:1px solid #28556c;padding:11px 0;}
.r33-faq summary {cursor:pointer;font-weight:780;font-size:14px;line-height:1.45;}
.r33-faq details p {color:#c6e2ed;font-size:13px;line-height:1.58;margin:10px 0 0;}
.r33-related {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;}
.r33-related a {text-decoration:none;border:1px solid #2e7590;border-radius:10px;padding:14px 12px;background:#0a3346;color:#e4faff;font-size:12px;font-weight:800;line-height:1.38;min-height:64px;display:flex;justify-content:space-between;align-items:center;gap:5px;}
.r33-related a:after {content:'↗';color:#3ae0ee;font-size:17px;}
.r33-final {border:1px solid #22c5d6;background:linear-gradient(110deg,#0b465a,#07283a);border-radius:14px;padding:22px;margin-top:23px;display:flex;justify-content:space-between;align-items:center;gap:18px;}
.r33-final h2 {margin:0 0 6px;font-size:23px;}
.r33-final p {font-size:13px;line-height:1.5;margin:0;color:#d1e8ee;}
.r33-main a:focus-visible,.r33-main summary:focus-visible {outline:3px solid #f8d36c;outline-offset:3px;}
@media(max-width:980px) {.r33-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.r33-related{grid-template-columns:repeat(3,minmax(0,1fr));}.r33-summary span{font-size:12px;}}
@media(max-width:700px) {.r33-main{padding:8px 12px 88px;}.r33-hero{display:flex;flex-direction:column;min-height:0;}.r33-hero-copy{padding:23px 19px 20px;}.r33-hero h1{font-size:clamp(28px,8vw,39px);}.r33-hero p{font-size:14px;}.r33-hero-media,.r33-main.r33-alt .r33-hero-media{order:2;min-height:190px;max-height:235px;}.r33-hero-media:after{background:linear-gradient(0deg,transparent 75%,#073046);}.r33-summary{grid-template-columns:1fr;}.r33-sectionhead{display:block;}.r33-sectionhead p{margin-top:7px;}.r33-grid{grid-template-columns:1fr 1fr;gap:8px;}.r33-card{min-height:0;padding:15px 13px;}.r33-card h3{font-size:15px;}.r33-card p{font-size:12px;}.r33-feature{display:flex;flex-direction:column;}.r33-feature img{height:220px;}.r33-feature-copy{padding:20px;}.r33-steps{grid-template-columns:1fr;}.r33-split{grid-template-columns:1fr;}.r33-panel{padding:19px;}.r33-related{grid-template-columns:1fr 1fr;}.r33-final{flex-direction:column;align-items:start;}.r33-section{margin-top:22px;}}
@media(max-width:390px) {.r33-grid,.r33-related {grid-template-columns:1fr;}.r33-hero h1{font-size:29px;}.r33-actions a {flex:1 1 120px;}}