/* v1.399.805 — Material format marks (module 114). Cards: grey marks on the meta line (no extra height).
   Course page: What's inside (colour only beside its legend) + the mark on each lesson row. */
.ra-fm{display:inline-flex;align-items:center;gap:9px;flex:none;margin-left:auto;height:14px;line-height:1;white-space:nowrap}
.ra-fm-m{display:inline-flex;align-items:center;gap:3px;color:#667085}
.ra-fm-m svg{width:12px;height:12px;flex:none}
.ra-fm-m b{font:600 10.5px/1 var(--ra-font-accent,'Roboto'),system-ui,sans-serif;color:#54595F}
.ra-fm-more{font:600 10.5px/1 var(--ra-font-accent,'Roboto'),system-ui,sans-serif;color:#667085}
/* meta lines that now carry a strip */
.ra-fm-row{display:flex!important;align-items:center;gap:10px;min-width:0}
.ra-fm-row>.ra-fm-txt{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ra-fm-row--xp,.ra-fm-row--mp{justify-content:flex-start!important;flex-wrap:nowrap!important}
.ra-fm-row--xp>.ra-fm-txt>span,.ra-fm-row--mp>.ra-fm-txt>span{display:inline!important;white-space:nowrap}
.ra-fm-row--xp>.ra-fm-txt>span+span::before,.ra-fm-row--mp>.ra-fm-txt>span+span::before{content:"·";margin:0 5px}
/* What's inside */
.ra-fmi{display:flex;flex-direction:column;gap:14px;margin:0 0 22px;padding:20px;background:#fff;border:1px solid #E2E2E2;border-radius:6px;font-family:var(--ra-font-display,'Source Sans 3'),system-ui,sans-serif;box-sizing:border-box}
.ra-fmi-head h2{margin:0;font:700 15px/1.3 var(--ra-font-display,'Source Sans 3'),system-ui,sans-serif;color:#001242}
.ra-fmi-head p{margin:2px 0 0;font-size:12px;color:#667085}
.ra-fmi-tiles{display:flex;flex-wrap:wrap;gap:10px}
.ra-fmi-tile{flex:1 1 150px;display:flex;align-items:center;gap:9px;padding:10px 12px;background:#F4F4F4;border-radius:3px;min-width:0}
.ra-fmi-ic{flex:none;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#fff}
.ra-fmi-w{display:flex;flex-direction:column;min-width:0}
.ra-fmi-w b{font:700 12.5px/1.3 inherit;font-family:inherit;color:#001242}
.ra-fmi-w small{font-size:11px;line-height:1.3;color:#667085}
.ra-fmi-mix{display:flex;flex-direction:column;gap:7px}
.ra-fmi-bar{display:flex;gap:2px;height:6px;border-radius:999px;overflow:hidden}
.ra-fmi-bar i{display:block;height:6px;min-width:4px}
.ra-fmi-leg{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:11px;color:#667085}
.ra-fmi-leg span{display:inline-flex;align-items:center;gap:5px}
.ra-fmi-leg i{width:7px;height:7px;border-radius:50%;display:inline-block}
.ra-fmi-nar{display:flex;align-items:center;gap:7px;margin:0;font-size:11px;line-height:1.35;color:#667085}
.ra-fmi-nar svg{flex:none}
/* lesson rows */
.ra-fm-lric svg{width:13px;height:13px}
.ra-fm-nar{display:inline-flex;vertical-align:-1px;margin-left:6px;color:#667085}
@media(max-width:560px){.ra-fmi{padding:16px}.ra-fmi-tile{flex-basis:calc(50% - 5px)}}
.ra-fm-lrm{display:inline-flex;align-items:center;gap:6px}
.ra-fm-lrm svg{flex:none}
/* v2 · enrolment pill on the thumbnail (4.1 option 1) — #001242CC keeps white text above 4.5:1 on any photograph */
.ra-fm-pills{position:absolute;right:8px;bottom:8px;left:auto;z-index:2;display:flex;align-items:center;gap:6px;max-width:calc(100% - 16px);pointer-events:none}
.ra-fm-enr{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:#001242CC;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;font:600 10.5px/1.3 var(--ra-font-accent,'Roboto'),system-ui,sans-serif;white-space:nowrap;box-shadow:0 1px 3px rgba(0,18,66,.25)}
.ra-fm-enr svg{flex:none}
/* v1.399.814: the image container is the pill's anchor (server-rendered pills never get the inline position the script set) */
.ra-xp_thumb:has(>.ra-fm-pills),.rac-ilink:has(>.ra-fm-pills),.ra-mp-thumb:has(>.ra-fm-pills){position:relative!important}
.rac-ilink:has(>.ra-fm-pills){display:block}