/* ── Course value band: editorial "signature accent" full-bleed strip ──────── */
.osc-vband{
    position:relative;
    display:flex;
    align-items:center;
    gap:11px;
    /* Full-bleed: cancel the card padding so the band runs edge-to-edge, while the
       inner padding (= card pad) keeps the icon/text aligned with the rest of the
       card. Equal top/bottom margins; the accreditation row's own top margin is
       zeroed below so the gap above and below the band reads perfectly symmetric. */
    margin:12px calc(-1 * var(--osc-pad, clamp(16px, 2.6vw, 22px)));
    padding:11px var(--osc-pad, clamp(16px, 2.6vw, 22px));
    /* Crisp near-white editorial surface - colour comes only from the accent bar */
    background:linear-gradient(180deg,#ffffff 0%,#f5f9ff 100%);
    /* Neutral hairline frame keeps it calm; the blue is reserved for the seal */
    border-top:1px solid rgba(2,6,23,.06);
    border-bottom:1px solid rgba(2,6,23,.06);
    box-shadow:inset 0 1px 0 rgba(255,255,255,1);
    font-family: 'Manrope',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
    overflow:hidden;
}
/* Signature vertical accent bar pinned to the card's left edge */
.osc-vband::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:4px;
    background:linear-gradient(180deg,#60a5fa 0%,#3b82f6 50%,#2563eb 100%);
    box-shadow:0 0 12px rgba(37,99,235,.45);
}
.osc-vband--placeholder{ visibility:hidden; }
.osc-vband__ico{
    position:relative;
    flex:0 0 auto;
    width:22px;
    height:22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:7px;
    /* Calm, low-contrast seal: soft blue tint + blue check, no glow or
       gloss, so it never competes with the accent bar or the text. */
    color:#2563eb;
    background:#e8f0fe;
    box-shadow:inset 0 0 0 1px rgba(37,99,235,.16);
}
.osc-vband__ico svg{ display:block; }
.osc-vband__txt{
    flex:1 1 auto;
    min-width:0;
    font-size:14px;
    font-weight:700;
    letter-spacing:-.005em;
    line-height:1.25;
    color:#0c2f5e;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.osc-vband__short{ display:none; }

/* Zero the accreditation row's own top margin so the gap below the band equals
   the gap above it -> perfectly symmetric 3-row rhythm. */
.landingProductBottom .isa-accrow,
.adminProductBottomBack .isa-accrow{ margin-top:0; }

@media (max-width:480px){
    .osc-vband{ padding:10px var(--osc-pad, clamp(16px, 2.6vw, 22px)); gap:8px; }
    .osc-vband__txt{ font-size:14px; }
    .osc-vband__ico{ width:20px; height:20px; }
}
/* Keep the full desktop copy on normal phones; only fall back to the short line
   on genuinely tiny screens where the full line cannot fit. */
@media (max-width:360px){
    .osc-vband__full{ display:none; }
    .osc-vband__short{ display:inline; }
}
/* The same switch keyed to the card itself: a card narrower than 308px (three
   across beside the sidebar, or a 320px phone) cannot hold the full line, so it
   shows the short one instead of an ellipsis. */
@container (max-width:308px){
    .osc-vband__full{ display:none; }
    .osc-vband__short{ display:inline; }
}

/* ── Price reassurance: "Final price / No hidden fees" ─────────────────────── */
.osc-price-incl{
    display:inline-flex;
    flex-direction:column;
    justify-content:center;
    align-self:center;
    line-height:1.16;
    margin-left:3px;
    min-width:0;
    font-family: 'Manrope',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}
.osc-price-incl__a{
    font-size:14px;
    font-weight:600;
    color:#64748b;
    letter-spacing:.02em;
    white-space:nowrap;
}
.osc-price-incl__b{
    font-size:14px;
    font-weight:800;
    color:#047857;
    letter-spacing:.02em;
    white-space:nowrap;
}
@media (max-width:520px){
    .osc-price-incl__a{ font-size:14px; }
    .osc-price-incl__b{ font-size:14px; }
}