:root { --oc-ink:#172033; --oc-blue:#246bfe; --oc-coral:#ff7a59; --oc-bg:#f5f7fb; --oc-paper:#fff; --oc-muted:#5f6878; --oc-line:rgba(23,32,51,.18); font-family:Inter,Arial,Helvetica,ui-sans-serif,system-ui,sans-serif; }
*{box-sizing:border-box} html,body{max-width:100%;overflow-x:hidden} html{scroll-behavior:smooth} body{margin:0;color:var(--oc-ink);background:var(--oc-bg);line-height:1.58} a{color:inherit} p{margin:0} img{display:block;width:100%;height:100%;object-fit:cover} h1,h2,h3{margin:0;line-height:1.04;letter-spacing:0} .oc-meta{margin:0 0 10px;color:var(--oc-coral);font-size:12px;font-weight:950;text-transform:uppercase}
.oc-header,.oc-footer,main{width:min(1180px,calc(100% - 44px));margin:0 auto} .oc-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px;border-bottom:2px solid var(--oc-ink)} .oc-brand{display:flex;align-items:center;gap:12px;min-width:0;text-decoration:none} .oc-brand-mark{width:116px;height:50px;flex:none} .oc-brand-mark svg{width:100%;height:100%} .oc-brand strong,.oc-footer-brand{display:block;font-size:21px;font-weight:950;text-decoration:none} .oc-brand small{display:block;color:var(--oc-muted);font-size:11px;font-weight:850} .oc-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 15px} .oc-nav a{font-size:13px;font-weight:850;text-decoration:none}
.oc2-hero{padding:58px 0 38px;border-bottom:1px solid var(--oc-line)} .oc2-hero h1{max-width:1080px;font-size:clamp(52px,7vw,88px)} .oc2-hero-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;margin-top:26px} .oc2-hero-foot>p{max-width:780px;color:var(--oc-muted);font-size:20px} .oc2-hero-foot>div{display:flex;gap:10px;flex-wrap:wrap} .oc2-hero-foot a{border:2px solid var(--oc-ink);padding:11px 15px;background:var(--oc-paper);font-weight:900;text-decoration:none} .oc2-hero-foot a:first-child{background:var(--oc-ink);color:#fff}
.oc2-lead{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);margin-top:30px;background:var(--oc-ink);color:#fff} .oc2-lead-image{min-height:440px} .oc2-lead-photo{height:100%} .oc2-lead-copy{display:grid;align-content:center;gap:16px;padding:38px} .oc2-lead-copy h2{color:#fff;font-size:43px} .oc2-lead-copy>p:not(.oc-meta){color:#dce2ee;font-size:18px} .oc2-lead-copy blockquote{margin:0;border-left:5px solid var(--oc-coral);padding-left:16px;font-size:21px;font-weight:850} .oc2-lead-copy>a{color:#9fc0ff;font-weight:900}
.oc2-section{display:grid;gap:24px;padding:46px 0;border-bottom:1px solid var(--oc-line)} .oc2-section-intro{max-width:900px} .oc2-section-intro h2{font-size:44px} .oc2-section-intro>p:not(.oc-meta){margin-top:14px;color:var(--oc-muted);font-size:17px} .oc2-stream{display:grid;border-top:2px solid var(--oc-ink)}
.oc2-row>a{display:grid;grid-template-columns:54px 210px minmax(0,1fr);gap:18px;align-items:center;border-bottom:1px solid var(--oc-line);padding:16px 0;text-decoration:none} .oc2-row-number{font-size:20px;font-weight:950} .oc2-row-image{aspect-ratio:16/10;background:#dfe6f2;overflow:hidden} .oc2-row-copy h3{font-size:27px} .oc2-row-copy>p:not(.oc-meta){margin-top:7px;color:var(--oc-muted)} .oc2-row-copy>strong{display:block;margin-top:9px;color:var(--oc-blue);font-size:14px} .oc2-row.featured>a{grid-template-columns:70px minmax(340px,.8fr) minmax(0,1fr);padding:24px 0} .oc2-row.featured .oc2-row-copy h3{font-size:39px}
.oc2-topic-index{border-top:2px solid var(--oc-ink)} .oc2-topic-line{display:grid;grid-template-columns:52px minmax(280px,.65fr) minmax(260px,.35fr);gap:18px;align-items:center;border-bottom:1px solid var(--oc-line);padding:20px 0;text-decoration:none} .oc2-topic-line>span{font-weight:950} .oc2-topic-line h3{font-size:25px} .oc2-topic-line>p{color:var(--oc-muted);font-weight:750}
.oc2-boundary{display:grid;grid-template-columns:1fr;gap:28px;margin:44px 0;background:var(--oc-ink);color:#fff;padding:34px} .oc2-boundary>div:first-child{max-width:900px} .oc2-boundary h2{color:#fff;font-size:35px} .oc2-boundary p{margin-top:10px;color:#dce2ee} .oc2-resource-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 26px} .oc2-resource-list>a{display:block;border-top:1px solid rgba(255,255,255,.28);padding-top:12px;text-decoration:none} .oc2-resource-list span{display:block;color:#9fc0ff;font-size:11px;font-weight:900;text-transform:uppercase} .oc2-resource-list strong{display:block;margin-top:4px} .oc2-resource-list p{font-size:13px} .oc2-boundary a{color:#9fc0ff}
.oc2-category-head{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:38px;align-items:end;padding:54px 0 34px;border-bottom:2px solid var(--oc-ink)} .oc2-category-head h1,.oc2-article-head h1{font-size:clamp(48px,6vw,74px)} .oc2-category-head>div>p:not(.oc-meta),.oc2-article-head>p:not(.oc-meta){max-width:800px;margin-top:16px;color:var(--oc-muted);font-size:19px} .oc2-category-head aside{border-top:7px solid var(--oc-coral);background:var(--oc-blue);color:#fff;padding:22px} .oc2-category-head aside span,.oc2-question span{display:block;font-size:12px;font-weight:900;text-transform:uppercase} .oc2-category-head aside strong{display:block;margin-top:8px;font-size:24px;line-height:1.15} .oc2-category-list{padding-top:22px} .oc2-adjacent{padding:38px 0} .oc2-adjacent>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px} .oc2-adjacent a{border-top:3px solid var(--oc-ink);padding-top:12px;text-decoration:none} .oc2-adjacent span{display:block;color:var(--oc-coral);font-size:11px;font-weight:900;text-transform:uppercase} .oc2-adjacent strong{display:block;margin-top:5px;font-size:16px}
.oc2-article-head{max-width:960px;padding:54px 0 30px} .oc2-article-head>a{display:inline-block;margin-bottom:22px;font-weight:850} .oc2-cover{overflow:hidden;aspect-ratio:16/7;background:#dfe6f2} .oc2-question{display:grid;grid-template-columns:160px minmax(0,1fr);gap:20px;align-items:center;background:#dfe9ff;padding:22px 28px} .oc2-question span{color:var(--oc-blue)} .oc2-question strong{font-size:26px} .oc2-article-nav{display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap;border-bottom:1px solid var(--oc-line);padding:18px 0} .oc2-article-nav span{color:var(--oc-coral);font-size:12px;font-weight:950;text-transform:uppercase} .oc2-article-nav a{font-size:14px;font-weight:850;text-decoration:none} .oc2-copy{width:min(760px,100%);margin:0 auto;padding:42px 0 8px} .oc2-copy section{margin-bottom:36px} .oc2-copy h2{margin-bottom:13px;font-size:34px} .oc2-copy p,.oc2-copy li{color:var(--oc-muted);font-size:18px} .oc2-copy p+p{margin-top:14px} .oc2-copy li+li{margin-top:8px} .oc-two-note{display:grid;grid-template-columns:1fr 1fr;gap:18px} .oc-two-note>div,.oc-line-box,.oc-first-edit{padding:24px;background:#eaf0fb} .oc-two-note>div:last-child{background:#fff0e9} .oc-two-note h2{font-size:25px} .oc-line-grid{display:grid;gap:10px} .oc-line-grid>div{border-top:1px solid var(--oc-line);padding-top:10px} .oc-line-grid span,.oc-first-edit>span{color:var(--oc-coral);font-size:12px;font-weight:950;text-transform:uppercase} .oc-first-edit{background:var(--oc-ink)} .oc-first-edit h2,.oc-first-edit p{color:#fff} .oc-faq details{border-top:1px solid var(--oc-line);padding:15px 0} .oc-faq summary{cursor:pointer;font-size:18px;font-weight:900} .oc-faq details p{margin-top:9px} .article-boundary{margin-top:28px} .article-boundary h3{color:#fff} .oc2-related{border-top:1px solid var(--oc-line)}
.oc-footer{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:36px;border-top:2px solid var(--oc-ink);padding:34px 0 42px} .oc-footer p{max-width:650px;margin-top:8px;color:var(--oc-muted);font-size:14px} .oc-footer-links{display:grid;gap:7px;align-content:start} .oc-footer-links h2{font-size:13px;color:var(--oc-coral)} .oc-footer-links a{font-size:14px;font-weight:800;text-decoration:none} .oc-policy{max-width:820px;padding:54px 0} .oc-policy h1{font-size:58px} .oc-policy h2{margin:26px 0 9px;font-size:30px} .oc-policy p,.oc-policy li{color:var(--oc-muted);font-size:18px}
@media(max-width:920px){.oc2-lead,.oc2-category-head{grid-template-columns:1fr} .oc2-adjacent>div{grid-template-columns:repeat(2,minmax(0,1fr))} .oc2-hero-foot{grid-template-columns:1fr}}
@media(max-width:680px){.oc-header,.oc-footer,main{width:calc(100% - 30px)} .oc-header{align-items:flex-start;flex-direction:column;padding:15px 0} .oc-nav{justify-content:flex-start} .oc-brand-mark{width:94px;height:40px} .oc2-hero{padding-top:36px} .oc2-hero h1,.oc2-category-head h1,.oc2-article-head h1,.oc-policy h1{font-size:42px} .oc2-lead-image{min-height:0;aspect-ratio:16/10} .oc2-lead-copy{padding:24px} .oc2-lead-copy h2,.oc2-section-intro h2{font-size:32px} .oc2-section{gap:22px;padding:36px 0} .oc2-row>a,.oc2-row.featured>a{grid-template-columns:38px 112px minmax(0,1fr);gap:10px} .oc2-row-copy h3,.oc2-row.featured .oc2-row-copy h3{font-size:20px} .oc2-row-copy>p:not(.oc-meta),.oc2-row-copy>strong{display:none} .oc2-topic-line{grid-template-columns:34px 1fr} .oc2-topic-line>p{display:none} .oc2-topic-line h3{font-size:20px} .oc2-category-head aside{padding:18px} .oc2-question{grid-template-columns:1fr;gap:5px;padding:18px} .oc2-question strong{font-size:21px} .oc2-cover{aspect-ratio:16/10} .oc2-article-nav{gap:9px 14px} .oc2-copy{padding-top:30px} .oc2-copy h2{font-size:29px} .oc-two-note,.oc-footer,.oc2-adjacent>div,.oc2-resource-list{grid-template-columns:1fr}}