/* O2 replay learning article, dedicated scope, 2026-11-04. */
.o2-review-page{background:#f5f9fc;color:#173349}
.o2-review-page *{box-sizing:border-box}
.o2-review-hero{background:radial-gradient(circle at 92% 15%,#173e5f 0%,#071d32 46%,#061422 100%);padding:52px 0 49px;color:#ecf7ff}
.o2-review-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:38px}
.o2-review-hero .breadcrumbs{font-size:12px;margin:0 0 24px;color:#b3d9ea}
.o2-review-hero .breadcrumbs a{color:#d1f2ff}
.o2-review-eyebrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px;letter-spacing:.14em;color:#7edaff;font-weight:900}
.o2-review-eyebrow span{font-size:10px;letter-spacing:.02em;padding:4px 10px;border:1px solid #497c9d;border-radius:25px;color:#d4edff}
.o2-review-hero h1{font-size:clamp(38px,4.6vw,68px);line-height:1.18;letter-spacing:-.035em;margin:20px 0;color:#fff}
.o2-review-hero h1 em{font-style:normal;color:#ffe17c;text-shadow:0 2px 24px #e1a90040}
.o2-review-lead{font-size:15px;line-height:1.95;color:#d4e3ee;margin:0 0 25px}
.o2-review-lead strong{color:#fff8bd}
.o2-review-hero-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.o2-review-button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:11px 18px;border-radius:10px;text-align:center;font-weight:850;font-size:13px}
.o2-review-button.primary{background:#06a1e7;color:#fff;box-shadow:0 6px 20px #00162545}
.o2-review-button.primary:hover{background:#078bd0}
.o2-review-button.secondary{background:transparent;color:#d5f2ff;border:1px solid #6d94ad}
.o2-review-button.secondary:hover{background:#18425b}
.o2-review-hero-meta{font-size:11px;color:#91b9cf;margin:19px 0 0}
.o2-review-hero-media a{display:block;position:relative;overflow:hidden;border-radius:19px;border:1px solid #366f8e;box-shadow:0 16px 45px #0008}
.o2-review-hero-media img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}
.o2-review-hero-media a span{position:absolute;bottom:12px;right:12px;padding:8px 13px;background:#031a29e8;border:1px solid #96d9fa;border-radius:9px;color:#fff;font-weight:900;font-size:12px}
.o2-review-overview{background:#e8f3fc;padding:32px 0 27px;border-bottom:1px solid #d0e2ef}
.o2-review-overview-top small,.o2-review-section-label{color:#067fae;letter-spacing:.12em;font-size:11px;font-weight:900}
.o2-review-overview-top h2{color:#0b2d48;font-size:clamp(26px,3vw,36px);margin:8px 0 4px;line-height:1.3}
.o2-review-overview-top p{color:#507084;margin:0 0 20px;line-height:1.7;font-size:14px}
.o2-review-cards{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:12px}
.o2-review-summary-card{background:#fff;border:1px solid #c9deeb;border-radius:14px;padding:19px 17px;box-shadow:0 4px 14px #16324d08}
.o2-review-summary-card.main{background:#0b3654;border-color:#0b3654;color:#fff}
.o2-review-summary-card span{font-size:10px;font-weight:900;letter-spacing:.08em;color:#0780b2}
.o2-review-summary-card.main span{color:#8ce4ff}
.o2-review-summary-card h3{font-size:18px;line-height:1.4;margin:8px 0;color:#0c3453}
.o2-review-summary-card.main h3{color:#fff}
.o2-review-summary-card p{font-size:12px;line-height:1.85;margin:0;color:#536d7f}
.o2-review-summary-card.main p{color:#d9ebf5}
.o2-review-scroll{display:block;margin-top:15px;color:#036d9d;font-size:13px;font-weight:900;text-align:center}
.o2-review-body{padding:48px 0 74px}
.o2-review-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:29px;align-items:start}
.o2-review-article{min-width:0}
.o2-review-toc{padding:22px 25px;background:#fff;border:1px solid #ccdeea;border-left:5px solid #059bd5;border-radius:13px;box-shadow:0 8px 20px #09284107}
.o2-review-toc strong{font-size:18px;color:#0a3553}
.o2-review-toc ol{display:grid;grid-template-columns:1fr 1fr;gap:7px 22px;padding-left:20px;margin:15px 0 0}
.o2-review-toc li{font-size:13px;line-height:1.6}
.o2-review-toc a{color:#086ea5;text-decoration:underline;text-decoration-color:#b2d6e7;text-underline-offset:3px}
.o2-review-block{scroll-margin-top:96px;margin-top:38px;border-radius:15px;background:#fff;padding:30px 34px 34px;border:1px solid #dae6ef;box-shadow:0 6px 24px #0e335105}
.o2-review-block h2{font-size:clamp(23px,2.55vw,30px);line-height:1.4;letter-spacing:-.02em;color:#092c46;margin:9px 0 17px}
.o2-review-block h3{font-size:18px;line-height:1.45;margin:0 0 8px;color:#123955}
.o2-review-block p,.o2-review-block li{font-size:15px;line-height:2;color:#3b5366}
.o2-review-block p{margin:12px 0}
.o2-review-block strong{color:#0f4c6c}
.o2-review-illustration{display:flex;gap:9px;align-items:center;background:#eef7fd;border:1px solid #c7dce9;border-radius:12px;padding:18px;margin:20px 0}
.o2-review-illustration>div{flex:1;text-align:center;min-width:0}
.o2-review-illustration b{display:block;color:#087eaa;font-size:12px;margin-bottom:7px}
.o2-review-illustration strong{display:block;font-size:14px;color:#103b59}
.o2-review-illustration small{display:block;font-size:11px;color:#5d788b;margin-top:5px}
.o2-review-illustration>span{color:#1684b1;font-weight:900;font-size:22px}
.o2-review-tip,.o2-review-callout{margin:20px 0 6px;padding:19px 21px;background:#f2f8fd;border:1px solid #c9e3f2;border-radius:12px}
.o2-review-tip>strong,.o2-review-callout>b{font-size:16px;color:#0e5078}
.o2-review-tip p,.o2-review-callout p{margin:7px 0 0;font-size:13px;line-height:1.85}
.o2-review-tip a,.o2-review-callout a{display:inline-block;margin-top:9px;color:#047eb0;font-size:13px;font-weight:900}
.o2-review-step-list{display:grid;gap:12px;margin-top:20px}
.o2-review-step-list>div{display:grid;grid-template-columns:84px 1fr;gap:16px;align-items:center;background:#f6fbff;border:1px solid #d4e6f1;border-radius:12px;padding:16px 18px}
.o2-review-step-list>div>span{color:#0787bd;font-size:12px;letter-spacing:.05em;font-weight:900}
.o2-review-step-list p{margin:3px 0;font-size:13px;line-height:1.85}
.o2-review-numbered{padding-left:25px}
.o2-review-numbered li{padding-left:4px;margin:5px 0}
.o2-review-strength-grid,.o2-review-review-grid,.o2-review-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:22px 0}
.o2-review-strength-grid>div,.o2-review-review-grid>div{border-radius:11px;background:#f4f9fd;border:1px solid #d5e6f0;padding:18px}
.o2-review-strength-grid strong{display:block;color:#0b4f74}
.o2-review-strength-grid p,.o2-review-review-grid p{font-size:13px;line-height:1.8;margin:7px 0 0}
.o2-review-review-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.o2-review-review-grid small{font-weight:900;font-size:11px;color:#0687b9}
.o2-review-review-grid h3{font-size:16px;margin:5px 0}
.o2-review-note{font-size:12px!important;color:#70899b!important}
.o2-review-player{position:relative;padding-top:56.25%;margin:20px 0;border-radius:11px;overflow:hidden;background:#081e32}
.o2-review-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.o2-review-video-block{border:1px solid #a4d5ea}
.o2-review-video-block .o2-review-button.secondary{color:#0b5a80;border-color:#bad5e3}
.o2-review-video-block .o2-review-button.secondary:hover{background:#e6f5fe}
.o2-review-related h2{margin-top:0}
.o2-review-link-grid>a{display:flex;flex-direction:column;gap:6px;border:1px solid #c8dfe9;border-radius:11px;padding:16px;background:#f5fbff}
.o2-review-link-grid a strong{font-size:15px;color:#0b426a}
.o2-review-link-grid a span{color:#53768b;font-size:12px;line-height:1.6}
.o2-review-sidebar{position:sticky;top:92px;display:grid;gap:12px}
.o2-review-aside-card{background:#0b3452;border:1px solid #195879;border-radius:13px;padding:18px;color:#eef7fc}
.o2-review-aside-card b{font-size:12px;letter-spacing:.08em;color:#a4e7ff}
.o2-review-aside-card p{font-size:13px;color:#d4e6ef;line-height:1.8}
.o2-review-aside-card a{font-size:12px;font-weight:900;color:#80d4fc}
.o2-review-related a:hover,.o2-review-aside-card a:hover{text-decoration:underline}
@media(max-width:1020px){.o2-review-hero-grid{grid-template-columns:1fr 1fr;gap:22px}.o2-review-cards{grid-template-columns:1fr 1fr}.o2-review-content-grid{grid-template-columns:1fr}.o2-review-sidebar{position:static;grid-template-columns:1fr 1fr}}
@media(max-width:760px){.o2-review-hero{padding:30px 0}.o2-review-hero-grid{grid-template-columns:1fr;gap:23px}.o2-review-hero h1{font-size:clamp(34px,9vw,47px);margin:15px 0}.o2-review-hero .breadcrumbs{margin-bottom:15px}.o2-review-lead{font-size:14px}.o2-review-overview{padding:25px 0}.o2-review-body{padding:24px 0 48px}.o2-review-block{margin-top:20px;padding:23px 19px}.o2-review-toc{padding:19px}.o2-review-toc ol{grid-template-columns:1fr}.o2-review-review-grid{grid-template-columns:1fr}.o2-review-illustration{align-items:stretch;gap:5px;padding:13px 10px}.o2-review-illustration strong{font-size:12px}.o2-review-illustration small{font-size:10px}.o2-review-illustration>span{font-size:15px;align-self:center}.o2-review-step-list>div{grid-template-columns:70px 1fr;gap:10px;padding:14px}.o2-review-sidebar{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.o2-review-cards{grid-template-columns:1fr}.o2-review-summary-card{padding:16px}.o2-review-summary-card h3{margin:4px 0 7px}.o2-review-strength-grid,.o2-review-link-grid{grid-template-columns:1fr}.o2-review-sidebar{grid-template-columns:1fr}.o2-review-hero-buttons .o2-review-button{width:100%}.o2-review-illustration{flex-wrap:wrap}.o2-review-illustration>div{flex:1 1 25%}.o2-review-illustration>span{flex:none}.o2-review-hero-meta{font-size:10px}}
@media(prefers-reduced-motion:reduce){.o2-review-page *{scroll-behavior:auto!important}}