/* BHJWEB20261026-OPC-R1: existing approved V1 typography and fog-blue palette. */
.opc-path{list-style:none;padding:0;margin:0 0 32px;border-top:1px solid #c8d6e0}.opc-path li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:24px;padding:28px 0;border-bottom:1px solid #c8d6e0}.opc-path h3{margin:0 0 8px}.opc-path p{margin:0;max-width:760px}.opc-step{font:500 32px/1.5 'Brand Manrope',sans-serif;color:#3F6885}.opc-exercise{margin-top:12px!important;color:#3F6885;font-size:15px}.opc-note{padding:20px 24px;background:#ECF2F6;border-left:3px solid #4C7699;border-radius:0 10px 10px 0;font-size:15px}.opc-course-number{font:500 40px/1.4 'Brand Manrope',sans-serif;color:#3F6885;padding:16px 0}.catalog-row{grid-template-columns:72px minmax(0,1fr) 160px}.opc-footer-links{display:flex;flex-wrap:wrap;gap:8px 28px;padding:20px 0;border-top:1px solid #c8d6e0}.opc-footer-links a{min-height:44px;display:inline-flex;align-items:center}.ai-footer-row p{max-width:580px}.ai-portrait figcaption span{font-size:13px;letter-spacing:.025em}.ai-portrait figcaption{max-width:calc(100% - 40px)}.ai-page-hero .ai-lead{max-width:850px}.ai-home-hero .ai-lead{max-width:600px}.ai-legacy .opc-footer-links a{color:#3F6885}.ai-faq details>p{max-width:900px}
@media(min-width:1200px){.ai-home-hero h1{font-size:62px}.ai-nav{gap:12px 22px;flex-wrap:wrap}.ai-nav>a{font-size:15px}.ai-header-controls{min-width:0}.ai-portrait{height:610px}}
@media(max-width:1199px){.ai-menu{display:inline-flex;align-items:center;gap:8px}.ai-header-row{position:relative}.ai-nav{position:absolute;top:100%;left:24px;right:24px;padding:12px 20px;background:#fff;border:1px solid #c8d6e0;border-radius:12px;box-shadow:0 12px 36px #233a4d15;display:none;align-items:stretch}.ai-nav.is-open{display:flex;flex-direction:column;gap:0}.ai-nav>a{font-size:16px;white-space:normal;min-height:48px;padding:8px 0}}
@media(max-width:767px){.opc-path li{grid-template-columns:44px minmax(0,1fr);gap:16px;padding:24px 0}.opc-step{font-size:24px}.opc-path h3{font-size:23px}.opc-note{padding:16px}.catalog-row{grid-template-columns:40px minmax(0,1fr)}.catalog-action{grid-column:2}.opc-course-number{font-size:26px;padding-top:4px}.ai-portrait figcaption{left:20px;bottom:20px}.ai-footer-row p{max-width:100%}.ai-home-hero h1{font-size:42px}.opc-footer-links{gap:4px 20px}}
@media(max-width:359px){.ai-home-hero h1{font-size:37px}.ai-portrait figcaption span{font-size:12px}.opc-path li{gap:12px}}