.oc-page{--oc-blue:#063873;--oc-lime:#b7d900;--oc-line:#dce6ef;--oc-muted:#496077}
.oc-page [hidden]{display:none!important}
.oc-page :is(a,button,iframe):focus-visible{outline:3px solid #00a6df;outline-offset:4px}
.oc-hero{padding:65px 0 55px;background:linear-gradient(125deg,#fff,#f0f6fa)}
.oc-hero h1{max-width:850px;color:var(--oc-blue);font-size:clamp(38px,5.2vw,66px);line-height:1.08;margin:15px 0 22px}
.oc-hero p:not(.eyebrow){max-width:780px;color:var(--oc-muted);font-size:18px;line-height:1.85;margin-bottom:23px}
.oc-hero .hero__actions{display:flex;flex-wrap:wrap;gap:13px}
.oc-stats{display:flex;flex-wrap:wrap;gap:15px 27px;margin-top:28px;font-size:13px;color:var(--oc-blue);font-weight:650}
.oc-stats b{font-size:20px;margin-right:6px}
.oc-library{padding:50px 0;background:#f5f8fb}
.oc-library h2{color:var(--oc-blue);font-size:29px;line-height:1.3;margin:0 0 12px}
.oc-library> .container>p{color:var(--oc-muted);font-size:15px;line-height:1.8}
.oc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-top:25px}
.oc-card{display:flex;flex-direction:column;min-width:0;padding:23px 21px;background:#fff;border:1px solid var(--oc-line);border-radius:7px;box-shadow:0 4px 18px #052b6104}
.oc-card.is-active{border-color:var(--oc-blue);box-shadow:inset 0 4px 0 var(--oc-lime)}
.oc-card__top{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:15px}
.oc-card__top img{width:65px;height:45px;object-fit:contain}
.oc-card__top span{color:#6c8297;font-size:11px;font-weight:800;letter-spacing:.06em}
.oc-card h3{color:var(--oc-blue);font-size:19px;line-height:1.35;margin:0 0 12px}
.oc-card p{color:var(--oc-muted);font-size:13px;line-height:1.85;margin:0 0 20px}
.oc-card__links{display:grid;gap:12px;margin-top:auto}
.oc-open{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #c7d6e4;border-radius:4px;color:var(--oc-blue);background:#fff;font-size:12px;font-weight:750;line-height:1.6;text-decoration:none}
.oc-open[aria-expanded=true]{background:var(--oc-blue);color:#fff;border-color:var(--oc-blue)}
.oc-source-link{font-size:11px;color:var(--oc-blue);text-underline-offset:4px}
.oc-workspace{padding:50px 0 65px;background:#fff;scroll-margin-top:135px}
.oc-panel{scroll-margin-top:135px}
.oc-panel__heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid var(--oc-line)}
.oc-panel__heading h2{color:var(--oc-blue);font-size:30px;line-height:1.3;margin:8px 0 0}
.oc-panel__heading small{color:#627d96;font-size:11px;letter-spacing:.07em;text-transform:uppercase;font-weight:750}
.oc-panel__heading a{font-size:13px;color:var(--oc-blue);text-underline-offset:4px}
.oc-panel iframe{width:100%;display:block;border:0;min-height:250px;background:#fff}
.oc-status{color:var(--oc-muted);font-size:13px;line-height:1.85}
.oc-footnote{padding:22px 25px;border:1px solid var(--oc-line);border-left:4px solid var(--oc-lime);border-radius:5px;color:var(--oc-muted);font-size:13px;line-height:1.9;margin-top:24px}
.oc-footnote strong{color:var(--oc-blue)}
@media(max-width:1100px){.oc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.oc-grid{grid-template-columns:1fr}.oc-card{padding:22px}.oc-card__top{margin-bottom:10px}.oc-card p{margin-bottom:14px}.oc-hero{padding:42px 0}.oc-hero p:not(.eyebrow){font-size:16px}.oc-panel__heading{display:block}.oc-panel__heading a{display:inline-block;margin-top:15px}.oc-panel__heading h2{font-size:26px}.oc-workspace,.oc-panel{scroll-margin-top:105px}.oc-workspace{padding:32px 0}.oc-footnote{padding:19px}}