/* Course accreditation marks: one shared sheet for all 15 platforms (output once per request).
   The seal is a 12 scallop rosette drawn in the partial: a deep emerald rim (#047857), an
   emerald core (#059669) and a white tick. Plain shapes only, so HtmlCompactor pools it. */

/* ---- Overlay glass chip (default variant): anchored over the image, parent position:relative ---- */
.isa-acc{
    position:absolute;
    top:11px;
    left:11px;
    z-index:5;
    display:inline-flex;
    align-items:center;
    gap:7px;
    max-width:calc(100% - 24px);
    padding:4px 10px 4px 7px;
    border-radius:999px;
    background:rgba(255,255,255,.86);
    -webkit-backdrop-filter:blur(11px) saturate(150%);
    backdrop-filter:blur(11px) saturate(150%);
    border:1px solid rgba(255,255,255,.9);
    box-shadow:0 5px 16px rgba(2,6,23,.16), 0 1px 2px rgba(2,6,23,.12), inset 0 1px 0 rgba(255,255,255,.6);
    pointer-events:none;
    line-height:1;
    white-space:nowrap;
}
.isa-acc__seal{
    display:block;
    width:17px;
    height:17px;
    flex:0 0 17px;
    filter:drop-shadow(0 1px 1.5px rgba(4,120,87,.28));
}
.isa-acc__list{
    display:inline-flex;
    align-items:center;
    gap:5.5px;
    font-family:var(--sc-font-display, 'Plus Jakarta Sans', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
    font-size:14px;
    font-weight:800;
    letter-spacing:.015em;
}
.isa-acc__sep{ color:#cbd5e1; font-weight:600; }
/* Calm, highly legible ink for every acronym: the emerald seal is the only colour accent */
.isa-acc__code{ color:#1f2937; }

/* Compact variant for small thumbnails */
.isa-acc--sm{ top:8px; left:8px; padding:3px 7px 3px 6px; gap:5px; }
.isa-acc--sm .isa-acc__seal{ width:14px; height:14px; flex:0 0 14px; }
.isa-acc--sm .isa-acc__list{ font-size:14px; gap:4px; }

@media (max-width:520px){
    .isa-acc{ top:9px; left:9px; padding:3.5px 9px 3.5px 7px; gap:6px; }
    .isa-acc__seal{ width:15px; height:15px; flex:0 0 15px; }
    .isa-acc__list{ font-size:14px; }
}

/* ---- Content-area row (variant: inline) ----
   One measured 22px row: the seal is 22px, every chip is 22px tall, and the 11px gap
   mirrors the value band above it (22px mark + 11px), so the chips start on the same
   axis as the band text. No margin of its own beyond 2px: hosts set the rhythm. */
.isa-accrow{
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    gap:11px;
    margin:2px 0 0;
    min-width:0;
    line-height:1;
    font-family:var(--sc-font-display, 'Plus Jakarta Sans', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
}
.isa-accrow__seal{
    display:block;
    width:22px;
    height:22px;
    flex:0 0 22px;
    filter:drop-shadow(0 1px 2px rgba(4,120,87,.30));
}
.isa-accrow__codes{
    display:inline-flex;
    align-items:center;
    flex-wrap:nowrap;
    gap:6px;
    white-space:nowrap;
}
.isa-accrow__code{
    display:inline-flex;
    align-items:center;
    box-sizing:border-box;
    height:22px;
    padding:0 9px;
    border-radius:8px;
    border:1px solid rgba(15,23,42,.14);
    background:linear-gradient(180deg,#ffffff,#f6f9fc);
    box-shadow:0 1px 1px rgba(2,6,23,.04);
    font-size:14px;
    font-weight:800;
    letter-spacing:.03em;
    color:#1f2937;
}
/* Phones: the value band shrinks its mark to 20px with an 8px gap, so the seal follows and
   the chips keep starting on the band text axis. */
@media (max-width:480px){
    .isa-accrow{ gap:8px; }
    .isa-accrow__seal{ width:20px; height:20px; flex:0 0 20px; }
    .isa-accrow__code{ padding:0 8px; }
}

/* ---- Bare chips embedded inside a host page fact row (variant: chips) ---- */
.isa-accrow__codes--embed{
    vertical-align:middle;
    gap:8px;
    font-family:var(--sc-font-display, 'Plus Jakarta Sans', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
}
.isa-accrow__codes--embed .isa-accrow__code{ padding:0 10px; }
/* Descriptive label: shown on desktop and tablet, hidden on small phones where the
   abbreviated codes (QQI CPD RoSPA) stand on their own. */
.isa-acc-embed-label{
    font-weight:700;
    color:inherit;
    white-space:nowrap;
    margin-right:1px;
}
@media (max-width:600px){
    .isa-acc-embed-label{ display:none; }
}

/* Responsive safety layer (small screens only): chips may wrap, never overflow the card */
@media (max-width:640px){
    .isa-accrow__codes{ white-space:normal; flex-wrap:wrap; row-gap:6px; }
}