.oc-subj{--navy:#3E4A5A;--navy-deep:#2F3946;--gold:#BEAC96;--gold-ink:#7E6A50;--gold-lt:#DCCFBE;--paper:#FFFFFF;--mist:#F6F3EF;--line:#E6E0D8;--ink:#27303B;--muted:#646D78;--display:"Lora",Georgia,"Times New Roman",serif;--body:"Poppins",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.65;width:100%}
.oc-subj *{box-sizing:border-box}
.oc-subj a{color:inherit}
.oc-subj img{max-width:100%;display:block;height:auto}
.oc-subj h1,.oc-subj h2,.oc-subj h3{font-family:var(--display);color:var(--navy);text-wrap:balance;margin:0;text-transform:none;letter-spacing:normal}
.oc-subj h1{font-size:clamp(34px,5vw,52px);line-height:1.1;font-weight:600}
.oc-subj h2{font-size:clamp(27px,3.4vw,38px);line-height:1.15;font-weight:600}
.oc-subj h3{font-size:21px;line-height:1.3;font-weight:600}
.oc-subj p{margin:0}
.oc-subj ul{margin:0;padding:0}
.oc-subj .wrap{max-width:1120px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.oc-subj .band{padding-block:80px}
.oc-subj .mist{background:var(--mist)}
.oc-subj .eyebrow{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:12px;display:block}
.oc-subj .lede{font-size:18px;color:var(--muted);max-width:660px;margin-top:14px}
.oc-subj .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font-weight:600;font-size:16px;text-decoration:none;border:2px solid var(--navy);font-family:var(--body);transition:background .15s}
.oc-subj .btn.solid{background:var(--navy);color:#fff}
.oc-subj .btn.solid:hover{background:var(--navy-deep);color:#fff}
.oc-subj .btn.ghost{background:transparent;color:var(--navy)}
.oc-subj .btn.ghost:hover{background:var(--mist)}
.oc-subj .btn.gold{background:var(--gold);border-color:var(--gold);color:var(--navy-deep)}
.oc-subj :focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}
.oc-subj .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.oc-subj .stagebar{display:inline-flex;gap:4px;vertical-align:middle}
.oc-subj .stagebar i{width:22px;height:7px;border-radius:4px;background:var(--line)}
.oc-subj .stagebar i.on{background:var(--gold)}
.oc-subj .stagebar.lg i{width:40px;height:10px;border-radius:6px} .oc-subj .hero{padding-block:56px 64px}
.oc-subj .crumb{font-size:14px;color:var(--muted);margin-bottom:18px}
.oc-subj .crumb a{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px;color:var(--gold-ink)}
.oc-subj .crumb a:hover{text-decoration:underline}
.oc-subj .hero .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:center}
.oc-subj .hero .lede{font-size:19px}
.oc-subj .chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;list-style:none}
.oc-subj .chips li{margin:0;font-size:14px;font-weight:500;color:var(--navy);background:var(--mist);border-radius:999px;padding:7px 14px}
.oc-subj .panel{background:var(--navy-deep);color:#E9E4DC;border-radius:24px;padding:28px}
.oc-subj .panel h2{color:#fff;font-size:22px;margin-bottom:6px}
.oc-subj .panel .sub{font-size:14px;color:#BFC6CF}
.oc-subj .panel ol{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:12px}
.oc-subj .panel li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1);font-size:15px}
.oc-subj .panel li:last-child{border-bottom:0;padding-bottom:0}
.oc-subj .panel li small{display:block;color:#BFC6CF;font-size:12px}
.oc-subj .panel .stagebar i{background:rgba(255,255,255,.16)}
.oc-subj .panel .stagebar i.on{background:var(--gold)}
.oc-subj .panel .note{font-size:12px;color:#9AA3AE;margin-top:16px} .oc-subj .levels{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px;align-items:start}
.oc-subj .level{border:1px solid var(--line);border-radius:22px;padding:28px;background:var(--paper);display:flex;flex-direction:column;gap:14px;height:100%}
.oc-subj .level .who{font-size:14px;color:var(--gold-ink);font-weight:600}
.oc-subj .level h3{font-size:24px;margin-top:-6px}
.oc-subj .level p{font-size:15px;color:var(--ink)}
.oc-subj .level .k{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-ink);margin-top:4px}
.oc-subj .level ul.tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none}
.oc-subj .level ul.tags li{margin:0;font-size:13px;background:var(--mist);border-radius:999px;padding:4px 11px;color:var(--navy)}
.oc-subj .level .meta{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font-size:14px;color:var(--muted);display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.oc-subj .level .meta b{color:var(--navy)}
.oc-subj .level .meta a{font-weight:600;color:var(--navy);text-decoration:none}
.oc-subj .level .meta a:hover{text-decoration:underline;text-decoration-color:var(--gold)}
.oc-subj .levels.lv2{grid-template-columns:repeat(2,1fr)}
.oc-subj .levels.lv1{grid-template-columns:1fr;max-width:820px} .oc-subj .how{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
.oc-subj .how .card{background:var(--mist);border-radius:20px;padding:26px}
.oc-subj .how .card .ic{background:var(--paper)}
.oc-subj .how .card h3{font-size:20px;margin:14px 0 8px}
.oc-subj .how .card p{font-size:15px;color:var(--muted)}
.oc-subj .ic{width:42px;height:42px;border-radius:12px;background:var(--mist);display:grid;place-items:center}
.oc-subj .ic svg{width:21px;height:21px;stroke:var(--navy);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.oc-subj .stages{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}
.oc-subj .stages div{font-size:14px;color:var(--muted)}
.oc-subj .stages b{display:block;font-family:var(--display);color:var(--navy);font-size:18px;margin:8px 0 2px} .oc-subj .two{display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:start}
.oc-subj details{border-bottom:1px solid var(--line)}
.oc-subj summary{cursor:pointer;list-style:none;padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:16px}
.oc-subj summary h3{font-family:var(--body);font-size:17px;font-weight:600;color:var(--navy)}
.oc-subj summary::-webkit-details-marker{display:none}
.oc-subj summary:after{content:"+";color:var(--gold-ink);font-size:24px;line-height:1}
.oc-subj details[open] summary:after{content:"−"}
.oc-subj details p{padding:0 0 20px;color:var(--muted)}
.oc-subj .related{background:var(--mist);border-radius:22px;padding:26px}
.oc-subj .related h2{font-size:22px;margin-bottom:14px}
.oc-subj .related ul{list-style:none;display:grid;gap:4px}
.oc-subj .related li{margin:0}
.oc-subj .related a{display:block;text-decoration:none;padding:10px 0;border-bottom:1px solid var(--line);font-weight:500;color:var(--navy);font-size:15px}
.oc-subj .related li:last-child a{border-bottom:0}
.oc-subj .related a:hover{color:var(--gold-ink)}
.oc-subj .related a:after{content:" →";color:var(--gold-ink)}
.oc-subj .pointer{margin-top:18px;font-size:15px;color:var(--muted)}
.oc-subj .pointer a{color:var(--navy);font-weight:600;text-decoration:underline;text-decoration-color:var(--gold)} .oc-subj .cta .box{background:var(--navy-deep);border-radius:28px;padding:44px;color:#E9E4DC;display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center}
.oc-subj .cta h2{color:#fff}
.oc-subj .cta .box p{margin-top:12px;font-size:17px}
.oc-subj .cta .btn.ghost{color:#fff;border-color:#fff}
.oc-subj .cta .btn.ghost:hover{background:rgba(255,255,255,.08)}
.oc-subj .addr{font-size:15px;color:#CFC7BB;border-left:2px solid var(--gold);padding-left:20px}
.oc-subj .addr b{display:block;color:#fff;font-size:17px;margin-bottom:6px}
.oc-subj .addr a{color:#fff}
.oc-subj .bar{display:none}
@media (max-width:980px){
.oc-subj .hero .wrap,.oc-subj .two,.oc-subj .cta .box{grid-template-columns:1fr;gap:36px}
.oc-subj .levels,.oc-subj .levels.lv2,.oc-subj .how{grid-template-columns:1fr}
.oc-subj .stages{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
.oc-subj{font-size:15.5px}
.oc-subj .band{padding-block:56px}
.oc-subj .hero{padding-block:32px 44px}
.oc-subj .hero .lede{font-size:17px}
.oc-subj .actions .btn{flex:1 1 100%}
.oc-subj .level,.oc-subj .panel,.oc-subj .related{padding:22px}
.oc-subj .cta .box{padding:28px 22px}
.oc-subj .bar{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:9990;background:rgba(255,255,255,.97);border-top:1px solid var(--line);padding:10px max(14px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px))}
.oc-subj .bar .btn{min-height:50px;padding:0 12px}
body:has(.oc-subj .bar){padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
body:has(.oc-subj .bar) .ht-ctc-chat{display:none!important}
} .oc-subj .glance dl{display:grid;grid-template-columns:auto 1fr;gap:12px 18px;margin:18px 0 0;font-size:15px}
.oc-subj .glance dt{color:var(--gold-lt);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding-top:3px}
.oc-subj .glance dd{margin:0;color:#fff}
.oc-subj .secs{padding-block:24px 40px}
.oc-subj .sec{display:grid;grid-template-columns:.75fr 2fr;gap:48px;padding-block:44px;border-top:1px solid var(--line)}
.oc-subj .sec:first-child{border-top:0}
.oc-subj .sec>h2{font-size:clamp(24px,2.6vw,30px)}
.oc-subj .body{min-width:0;max-width:720px}
.oc-subj .body>*+*{margin-top:14px}
.oc-subj .body h3{font-size:19px;margin-top:26px}
.oc-subj .body h3:first-child{margin-top:0}
.oc-subj .body strong,.oc-subj .body b{color:var(--navy)}
.oc-subj .body a{color:var(--navy);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px}
.oc-subj .body ul.dots{list-style:none;display:grid;gap:8px}
.oc-subj .body ul.dots li{position:relative;padding-left:22px;margin:0}
.oc-subj .body ul.dots li:before{content:"";position:absolute;left:4px;top:.65em;width:7px;height:7px;border-radius:50%;background:var(--gold)}
.oc-subj .body ol.num{list-style:none;counter-reset:n;display:grid;gap:6px;padding:0;margin-left:0}
.oc-subj .body ol.num li{counter-increment:n;position:relative;padding-left:34px;margin:0}
.oc-subj .body ol.num li:before{content:counter(n);position:absolute;left:0;top:1px;width:24px;height:24px;border-radius:50%;background:var(--mist);color:var(--gold-ink);font-size:12px;font-weight:600;display:grid;place-items:center}
.oc-subj .body ul.tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none}
.oc-subj .body ul.tags li{margin:0;font-size:14px;background:var(--mist);border-radius:999px;padding:5px 13px;color:var(--navy)}
.oc-subj .body ul.tags a{text-decoration:none;font-weight:500}
.oc-subj .body ul.tags a:hover{text-decoration:underline}
.oc-subj .body table{width:100%;border-collapse:collapse;font-size:15px}
.oc-subj .body th,.oc-subj .body td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}
.oc-subj .body th{color:var(--navy);background:var(--mist)}
.oc-subj .tablewrap{overflow-x:auto}
@media (max-width:980px){.oc-subj .sec{grid-template-columns:1fr;gap:16px;padding-block:36px}}
.oc-subj .glance dd{overflow-wrap:anywhere;min-width:0}