.tui-formRow{margin-bottom:1.5rem}.tui-formField{padding-top:1.5rem}.tui-themeSettings__content{margin-top:var(--gap-8)}.tui-themeSettings__forms>*+*{margin-top:var(--gap-8)}.tui-themeTenants__content{margin-top:var(--gap-8)}.tui-themeTenants__section+.tui-themeTenants__section{margin-top:var(--gap-12)}.tui-themeTenants__section>*+*{margin-top:var(--gap-4)}:root{--nav-bg-color: #ffffff;--nav-text-color: #231f20;--color-primary: #00A499;--color-state: #00a9ce;--color-text: #231f20;--footer-bg-color: #ffffff;--footer-text-color: #231f20;--color-state-hover: #009fc4;--color-state-focus: #009fc4;--color-state-active: #008eb3;--footer-text-color-hover: #191516;}
/*START - Radial Learning Block Inner Label Text Size & Position Changes*/

.block_think_radial_learning .kQYERz .stat-label .stat-value {
    margin-bottom: 15px; !important
}

.stat-title {
    font-size: 17px
}

/*END- Radial Learning Block Inner Label Text Size & Position Changes*/

/*START - Radial Learning Block Reduce White Space in Banner Area*/

.sc-ljKisr.ePZalB.container-banner.row.no-gutters {
    padding: 30px !important
}

/*END - Radial Learning Block Reduce White Space in Banner Area*/


/* -- Masum -- CLS report table -- */
#inst179, #inst180, #inst181{
    display:none;
}
#inst1716 .header {
    max-width: 20px;
}
/* -- Masum -- end -- */


/* --Absar -- Start Compliance Percentage Styling -- */
#inst263, #inst264, #inst265, #inst4774{
    display:none;
}

#cls_report_table_263_r0_c1_title h3,
#cls_report_table_264_r0_c1_title h3,
#cls_report_table_265_r0_c1_title h3
{
    font-size: 20px!important;
    text-align: left!important;
    padding: 8px;
    
}

.title-box-container {
    display: flex;
    align-items: center;
}

.percentage-box {
    color: white;
    font-weight: 500;
    width: 60px!important; /* Adjust width */
    height: 30px; /* Adjust height */
    border-style: solid;
    border-radius: 0.5rem; /* Adjust border radius */
    border-color: #026dc4;
    background: #0072CE;
    padding: 5px; /* Adjust padding */
    text-align: center;
    margin-left: auto;
}
/* --Absar -- END Compliance Percentage Styling -- */

/*--ED--START--CURVE ALL RAG BLOCKS--*/
.block-content .cls-cert-compl-box-block {
   border-radius: 20px!important; 
}
/*--ED--END--CURVE ALL RAG BLOCKS--*/

/*--ED-START--LOGIN PAGE CHANGES--*/
#page-login-index .tui-core_auth-loginNav .tui-core_auth-loginNav__image{
    height: 7rem;
}
.tui-core_auth-loginLayout__contentWrap img {
    margin-bottom: 30px;
}
#page-login-index .tui-core_auth-loginLayout__contentWrap > h2 {
    margin-bottom: 40px;
}
/*--ED-END--LOGIN PAGE CHANGES--*/

/*START************MM***************START*/
#page-totara-dashboard-4 table {
  border-collapse: collapse;
  width: 100%;
}
#page-totara-dashboard-4 td,
#page-totara-dashboard-4 th {
  border: 1px solid #dddddd;
  text-align: center;
  padding: 8px;
}

#page-totara-dashboard-4 .border-less {
   border-left:unset;
   border-top:unset;
}
#page-totara-dashboard-4 .table-header-mand-ess {
   background-color: #005eb8;
   color: white;
}
#inst747 {
  display: none;
}
/*END**************MM*****************END*/
.searchInput {
    color: black;
    border-radius: 20px;
    border: none;
    padding-left: 4px;
    margin-top: 2px;
}
.coursesearchbox {
    background-color: #425563;
    border-radius: 20px;        
}
#cls-container-nav #searchbtnform {
    background: none;
    padding-right: 4px;
}
.searchButton {
    margin-bottom: 4px;
}
#cls-course-search {
    margin-right: 7px;
}
.tfont-var-search {
    margin-bottom: 3px;
}
#page-totara-dashboard-4 .block_cls_report_table_222 .tfont-var-plus-square {
    font-size: 24px!important;
    color: #005eb8!important;
}
#page-totara-dashboard-4 .block_cls_report_table_222 .tfont-var-dash-square {
    font-size: 24px!important;
    color: #005eb8!important;
}
#page-totara-dashboard-4 .block_cls_report_table_205 .tfont-var-plus-square {
    font-size: 24px!important;
    color: #005eb8!important;
}
#page-totara-dashboard-4 .block_cls_report_table_205 .tfont-var-dash-square {
    font-size: 24px!important;
    color: #005eb8!important;
}
#page-totara-dashboard-4 #report_cls_certification_completion1 td.prog_proglinkicon{
  text-align: left!important; 
}
#page-totara-evidence-create .form-autocomplete-downarrow {
color: #00a9ce;
}
#page-totara-dashboard-42 .block_cls_report_table_3521 .tfont-var-plus-square {
    font-size: 24px!important;
    color: #005eb8!important;
}
#page-totara-dashboard-42 .block_cls_report_table_3521 .tfont-var-dash-square {
    font-size: 24px!important;
    color: #005eb8!important;
}
#page-totara-dashboard-42 .block_cls_report_table_3594 .tfont-var-plus-square {
    font-size: 24px!important;
    color: #005eb8!important;
}
#page-totara-dashboard-42 .block_cls_report_table_3594 .tfont-var-dash-square {
    font-size: 24px!important;
    color: #005eb8!important;
}
#page-login-index #toggle-login-form {
    font-weight: bold;
    font-size: var(--font-body-line-height);
    line-height: var(--font-body-line-height);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    color: unset;
    background: var(--color-neutral-10);
    border: var(--border-width-thin) solid var(--card-border-color);
    user-select: none;
    width: 400px;
    border-radius: 6px;
}
.tui-core_auth-stackChooser__option {
    background: #00A9CE;
    color: white;
    border-color: white;    
}
.tui-svgIcon--state-success {
    color: white;
}
.tui-core_auth-stackChooser__option:hover {
    color: white;
    border-color: white;    
}

/* --MR -- Start Compliance Percentage Styling on Dashboard 48-- */
#inst4094, #inst4095, #inst4096{
    display:none;
}

#cls_report_table_4094_r0_c1_title h3,
#cls_report_table_4095_r0_c1_title h3,
#cls_report_table_4096_r0_c1_title h3
{
    font-size: 20px!important;
    text-align: left!important;
    padding: 8px;
    
}

.title-box-container {
    display: flex;
    align-items: center;
}

.percentage-box {
    color: white;
    font-weight: 500;
    width: 60px!important; /* Adjust width */
    height: 30px; /* Adjust height */
    border-style: solid;
    border-radius: 0.5rem; /* Adjust border radius */
    border-color: #026dc4;
    background: #0072CE;
    padding: 5px; /* Adjust padding */
    text-align: center;
    margin-left: auto;
}
/* --MR -- END Compliance Percentage Styling on Dashboard 48 -- */


/* --MNAA -- Start Perfrom index-- */
#page-mod-perform-activity-index .tui-performUserActivityListTableItem__overview-created {
    display: none;
}
#page-mod-perform-activity-index .tui-performUserActivityList__priority {
    display: none;
}

/* --MNAA -- END Perform index -- */

/* --  --*/

#page-mod-perform-manage-participation-participant_instances  button[aria-label="Close all instances"] {
    display: none;
}
#page-mod-perform-manage-participation-subject_instances button[aria-label="Close all instances"] {
    display: none;
}
#page-mod-perform-manage-participation-participant_sections button[aria-label="Close all instances"] {
    display: none;
}



.mod_facetoface__sessionlist__actions{width:100%}
}

/* 50810 - Standardising column header width */

table[data-source="rb_source_user_certifications"] th {
max-width:150px !important;
}

table[data-source="rb_source_user_certifications"] th, 
table[data-source="rb_source_user_certifications"] td {
max-width:150px !important;
}

/* END - 50810 - Standardising column header width */


/* =========================================================
   RAG and pill status classes
   For SQL report HTML output and dashboard status labels
   Placement: keep once, in the user-created CSS block.
   ========================================================= */
.rag,
.pill {
    min-width: 6.5rem;
    border: 1px solid transparent;
    font-weight: 600;
    text-align: center;
    line-height: 1.25;
    white-space: nowrap;
}

.rag {
    display: inline-block;
    padding: 0.18rem 0.45rem;
    border-radius: 0.35rem;
}

.pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
}

.rag-green,
.pill-green,
.pill-success {
    background: #d7f2df;
    color: #005a30;
    border-color: #7bcf94;
}

.rag-amber,
.pill-amber,
.pill-warning {
    background: #fff3cd;
    color: #594300;
    border-color: #e0b84b;
}

.rag-red,
.pill-red,
.pill-danger {
    background: #f8d7da;
    color: #7a0011;
    border-color: #dc3545;
}

.pill-blue,
.pill-info {
    background: #e5f1fb;
    color: #003087;
    border-color: #7fb4dd;
}

.pill-grey,
.pill-neutral {
    background: #f0f4f5;
    color: #212b32;
    border-color: #d8dde0;
}

/* =========================================================
   Fire Safety course styling
   Scope: course 1086 and navigation block #inst5868.mse-fire-course-nav
   Placement: consolidated user-created CSS block.
   ========================================================= */
#inst5868.mse-fire-course-nav {
    background: #ffffff;
    border: 1px solid #d9e0ea;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    font-size: 0.9rem;
    line-height: 1.35;
}

#inst5868.mse-fire-course-nav .card,
#inst5868.mse-fire-course-nav .block,
#inst5868.mse-fire-course-nav .block-cards {
    border: 0;
    box-shadow: none;
}

#inst5868.mse-fire-course-nav .card-body,
#inst5868.mse-fire-course-nav .content,
#inst5868.mse-fire-course-nav .block-content {
    padding: 0.65rem 0.75rem;
}

body.course-1086 #page-header .page-header-headings h1,
body.course-1086 .page-header-headings h1 {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

body.course-1086 #page-header,
body.course-1086 .page-context-header,
body.course-1086 .page-header-headings {
    margin-bottom: 0.5rem !important;
    padding-bottom: 0 !important;
}

body.course-1086 .course-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.course-1086 .completionprogress,
body.course-1086 .course-progress,
body.course-1086 .progress,
body.course-1086 [aria-label="Your progress"] {
    display: none !important;
}

body.course-1086 .activity.modtype_label,
body.course-1086 .modtype_label,
body.course-1086 .modtype_label .activity-item,
body.course-1086 .modtype_label .contentwithoutlink,
body.course-1086 .modtype_label .no-overflow,
body.course-1086 .modtype_label .description,
body.course-1086 .modtype_label .activity-description,
body.course-1086 .fire-course-panel,
body.course-1086 .fire-course-panel > div,
body.course-1086 .fire-course-content,
body.course-1086 #module-3311 .fire-course-panel > div {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

body.course-1086 .activity.modtype_label,
body.course-1086 .modtype_label,
body.course-1086 .modtype_label .activity-item,
body.course-1086 .modtype_label .contentwithoutlink,
body.course-1086 .modtype_label .no-overflow,
body.course-1086 .modtype_label .description,
body.course-1086 .modtype_label .activity-description,
body.course-1086 .fire-course-panel {
    text-align: left !important;
}

body.course-1086 .sectionname,
body.course-1086 .format-tiles .sectionname,
body.course-1086 .format-topics .sectionname {
    display: none !important;
}

body.course-1086 #module-3311 .no-overflow {
    overflow: visible !important;
}

body.course-1086 #module-3311 .fire-course-panel > div > section {
    min-width: 0 !important;
}

body.course-1086 #module-3311 .fire-course-panel > div > aside {
    min-width: 200px !important;
}

@media (max-width: 900px) {
    body.course-1086 #module-3311 .fire-course-panel > div {
        display: block !important;
    }

    body.course-1086 #module-3311 .fire-course-panel > div > section,
    body.course-1086 #module-3311 .fire-course-panel > div > aside {
        width: 100% !important;
        margin-bottom: 1rem !important;
    }
}

/* =========================================================
   Compact branded Search Elevate block
   Scope: only blocks using custom class .elevate-search-compact
   ========================================================= */
.elevate-search-compact {
    max-width: 430px !important;
    margin: 0 0 1.25rem 0 !important;
}

.elevate-search-compact .card,
.elevate-search-compact .block,
.elevate-search-compact .block-content,
.elevate-search-compact .card-body {
    border-radius: 1rem !important;
    border: 1px solid #d8dde6 !important;
    background: #ffffff !important;
    box-shadow: 0 0.1rem 0.35rem rgba(0, 0, 0, 0.08);
}

.elevate-search-compact .card-body,
.elevate-search-compact .block-content {
    padding: 0.9rem 1rem !important;
}

.elevate-search-compact h2,
.elevate-search-compact .card-title,
.elevate-search-compact .block-title {
    font-size: 1rem !important;
    font-weight: 700 !important;
    color: #003087 !important;
    margin-bottom: 0.5rem !important;
}

.elevate-search-compact form {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    margin: 0 !important;
}

.elevate-search-compact input[type="search"],
.elevate-search-compact input[type="text"] {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 2.4rem !important;
    border: 2px solid #4b5563 !important;
    border-radius: 0.65rem !important;
    padding: 0.35rem 0.6rem !important;
    font-size: 0.95rem !important;
}

.elevate-search-compact button,
.elevate-search-compact input[type="submit"] {
    height: 2.4rem !important;
    border-radius: 0.65rem !important;
    background: #005eb8 !important;
    color: #ffffff !important;
    border: 2px solid #005eb8 !important;
    font-weight: 700 !important;
    padding: 0.35rem 0.85rem !important;
}

.elevate-search-compact button:hover,
.elevate-search-compact input[type="submit"]:hover {
    background: #003087 !important;
    border-color: #003087 !important;
}

.elevate-search-compact input:focus,
.elevate-search-compact button:focus {
    outline: 3px solid #ffdd00 !important;
    outline-offset: 2px !important;
}

.elevate-search-compact a {
    font-size: 0.85rem !important;
}

/* =========================================================
   NHS branded Course Completion Status block
   Scope: only blocks with custom class .nhs-completion-status
   ========================================================= */
.nhs-completion-status {
    --nhs-blue: #005EB8;
    --nhs-dark-blue: #003087;
    --nhs-grey-5: #F0F4F5;
    --nhs-grey-4: #D8DDE0;
    --nhs-text: #212B32;
    --nhs-yellow: #FFEB3B;

    max-width: 410px !important;
    border: 1px solid #D8DDE0 !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    color: #212B32 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    margin: 0 0 1rem 0 !important;
    padding: 0 !important;
}

.nhs-completion-status .header,
.nhs-completion-status .card-header,
.nhs-completion-status .block-header,
.nhs-completion-status h2,
.nhs-completion-status h3,
.nhs-completion-status .title,
.nhs-completion-status .card-title,
.nhs-completion-status .block-title {
    background: #00A499 !important;
    color: #ffffff !important;
    padding: 0.38rem 0.75rem !important;
    margin: 0 !important;
    min-height: auto !important;
    line-height: 1.2 !important;
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    border: none !important;
}

.nhs-completion-status .header *,
.nhs-completion-status .card-header *,
.nhs-completion-status .block-header *,
.nhs-completion-status h2 *,
.nhs-completion-status h3 * {
    color: #ffffff !important;
    background: transparent !important;
}

.nhs-completion-status .content,
.nhs-completion-status .card-body,
.nhs-completion-status .contentwithoutlink {
    padding: 0.55rem 0.75rem 0.6rem 0.75rem !important;
    font-size: 0.9rem !important;
    line-height: 1.35 !important;
    background: #ffffff !important;
    color: #212B32 !important;
}

.nhs-completion-status p {
    margin: 0 0 0.35rem 0 !important;
    font-size: 0.9rem !important;
    line-height: 1.35 !important;
    color: #212B32 !important;
}

.nhs-completion-status .content p:first-of-type,
.nhs-completion-status .card-body p:first-of-type {
    background: #F0F4F5 !important;
    border-left: 4px solid #00A499 !important;
    border-radius: 6px !important;
    padding: 0.45rem 0.6rem !important;
    margin-bottom: 0.55rem !important;
}

.nhs-completion-status .content p:nth-of-type(2),
.nhs-completion-status .card-body p:nth-of-type(2),
.nhs-completion-status .content div:nth-of-type(2),
.nhs-completion-status .card-body div:nth-of-type(2) {
    display: none !important;
}

.nhs-completion-status table {
    display: block !important;
    width: 100% !important;
    margin: 0.25rem 0 0 0 !important;
    border: none !important;
    border-collapse: collapse !important;
}

.nhs-completion-status thead,
.nhs-completion-status tbody,
.nhs-completion-status tr,
.nhs-completion-status th,
.nhs-completion-status td {
    display: none !important;
}

.nhs-completion-status table::before,
.nhs-completion-status table::after {
    display: block !important;
    color: #212B32 !important;
    background: #ffffff !important;
    border: 1px solid #E8EDEE !important;
    border-radius: 6px !important;
    padding: 0.32rem 0.5rem !important;
    margin-bottom: 0.3rem !important;
    font-size: 0.88rem !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
}

.nhs-completion-status table::before {
    content: "❌  Fire Safety e-learning";
}

.nhs-completion-status table::after {
    content: "❌  Fire Alarm Training";
}

.nhs-completion-status a {
    color: #005EB8 !important;
    text-decoration: underline !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
}

.nhs-completion-status a:hover {
    color: #003087 !important;
    text-decoration-thickness: 2px !important;
}

.nhs-completion-status a:visited {
    color: #330072 !important;
}

.nhs-completion-status a:focus,
.nhs-completion-status button:focus,
.nhs-completion-status [tabindex]:focus {
    outline: 3px solid #FFEB3B !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 2px #212B32 !important;
}

.nhs-completion-status hr,
.nhs-completion-status br,
.nhs-completion-status .content > a,
.nhs-completion-status .card-body > a,
.nhs-completion-status .contentwithoutlink > a,
.nhs-completion-status a[href*="completion"],
.nhs-completion-status a[href*="report"] {
    display: none !important;
}

/* =========================================================
   MSE Appraisal 2026 page styling
   Scope: only content wrapped in .mse-appraisal-community-page
   ========================================================= */
.mse-appraisal-community-page {
    --mse-nhs-blue: #005EB8;
    --mse-nhs-dark-blue: #003087;
    --mse-nhs-text: #212B32;
    --mse-nhs-muted: #425563;
    --mse-nhs-border: #D8DDE0;
    --mse-nhs-bg: #F0F4F5;
    --mse-nhs-focus: #FFEB3B;

    max-width: 52rem;
    margin: 0 auto;
    padding: 0 1rem 2rem 1rem;
    color: var(--mse-nhs-text);
    font-size: 18px;
    line-height: 1.6;
}

.mse-appraisal-hero {
    width: 100%;
    max-width: 52rem;
    margin: 0 0 1.25rem 0;
    overflow: hidden;
    border-radius: 0.65rem;
}

.mse-appraisal-hero__image {
    display: block;
    width: 100%;
    height: 11rem;
    object-fit: cover;
    object-position: center;
    border-radius: 0.65rem;
}

.mse-appraisal-content {
    max-width: 52rem;
    margin: 0;
}

.mse-appraisal-content h2 {
    margin: 0 0 1rem 0;
    color: var(--mse-nhs-text);
    font-size: 1.55rem;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.01em;
}

.mse-appraisal-content p {
    margin: 0 0 1.15rem 0;
    max-width: 72ch;
    font-size: 18px;
    line-height: 1.6;
    color: var(--mse-nhs-text);
}

.mse-appraisal-content li,
.mse-appraisal-content a {
    font-size: 18px;
    line-height: 1.6;
}

.mse-appraisal-links {
    max-width: 48rem;
    margin: 0.75rem 0 1.5rem 0;
    padding: 1rem 1.25rem;
    background: var(--mse-nhs-bg);
    border-left: 0.35rem solid var(--mse-nhs-blue);
    border-radius: 0.45rem;
}

.mse-appraisal-links ul {
    margin: 0;
    padding-left: 1.25rem;
}

.mse-appraisal-links li {
    margin: 0.4rem 0;
    padding-left: 0.15rem;
}

.mse-appraisal-community-page a {
    color: var(--mse-nhs-blue);
    text-decoration: underline;
    text-underline-offset: 0.15em;
    font-weight: 600;
}

.mse-appraisal-community-page a:hover {
    color: var(--mse-nhs-dark-blue);
    text-decoration-thickness: 0.15em;
}

.mse-appraisal-community-page a:focus {
    outline: 0.2rem solid var(--mse-nhs-focus);
    outline-offset: 0.15rem;
}

.mse-appraisal-next {
    margin-top: 1.5rem !important;
    padding-top: 1rem;
    border-top: 1px solid var(--mse-nhs-border);
    color: var(--mse-nhs-muted) !important;
}

.mse-appraisal-next strong {
    color: var(--mse-nhs-text);
}

.mse-appraisal-community-page img {
    max-width: 100%;
}

.mse-appraisal-community-page p:last-child {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .mse-appraisal-community-page {
        max-width: 100%;
        padding: 0 0.75rem 1.5rem 0.75rem;
        font-size: 18px;
    }

    .mse-appraisal-hero__image {
        height: 8.5rem;
        border-radius: 0.5rem;
    }

    .mse-appraisal-content h2 {
        font-size: 1.35rem;
    }

    .mse-appraisal-content p,
    .mse-appraisal-content li,
    .mse-appraisal-content a {
        font-size: 18px;
    }

    .mse-appraisal-links {
        padding: 0.9rem 1rem;
    }
}

/* =========================================================
   MSE New Starter Dashboard
   Scope: current HTML using .mse-ns-dashboard and .mse-ns-* selectors
   Placement: final user-created CSS block, after retained supplier/admin CSS.
   ========================================================= */
.mse-ns-dashboard {
    --mse-nhs-blue: #005eb8;
    --mse-nhs-dark-blue: #003087;
    --mse-card-green: rgba(0, 94, 73, 0.94);
    --mse-white: #ffffff;
    --mse-text: #212b32;
    --mse-muted: #4c6272;
    --mse-border: #d8dde2;
    --mse-focus: #ffdd00;
    --mse-radius-large: 1.5rem;
    --mse-radius-card: 1.25rem;
    --mse-shadow-soft: 0 8px 22px rgba(0, 0, 0, 0.14);
    --mse-shadow-hover: 0 12px 28px rgba(0, 0, 0, 0.2);
    --mse-gap: clamp(1rem, 2vw, 1.5rem);

    width: 100%;
    color: var(--mse-text);
    font-family: inherit;
    overflow: visible !important;
}

.mse-ns-dashboard *,
.mse-ns-dashboard *::before,
.mse-ns-dashboard *::after {
    box-sizing: border-box;
}

.mse-ns-dashboard__inner {
    max-width: 1040px;
    margin: 0 auto;
    padding: 1rem;
    overflow: visible !important;
}

.mse-ns-mobile-logo {
    display: none !important;
}

.mse-ns-dashboard .mse-ns-hero {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: clamp(9rem, 20vw, 13.5rem) !important;
    min-height: 0 !important;
    max-height: 13.5rem !important;
    margin: 0 0 clamp(1.25rem, 2.5vw, 2rem) !important;
    overflow: hidden !important;
    border: none !important;
    border-radius: var(--mse-radius-large) !important;
    background: var(--mse-nhs-blue) !important;
    box-shadow: none !important;
    color: var(--mse-white) !important;
    text-decoration: none !important;
    isolation: isolate;
}

.mse-ns-dashboard .mse-ns-hero > img {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: translateY(0.6rem) !important;
}

.mse-ns-hero::after {
    content: none !important;
    display: none !important;
}

.mse-ns-dashboard .mse-ns-hero__logo-badge {
    position: absolute !important;
    top: 0.25rem !important;
    right: 0 !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 40 !important;
    width: 250px !important;
    height: 82px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    transform: none !important;
    pointer-events: none !important;
}

.mse-ns-dashboard .mse-ns-hero__logo-img {
    position: static !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    display: block !important;
    object-fit: contain !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.mse-ns-dashboard .mse-ns-hero__content {
    position: absolute !important;
    z-index: 20 !important;
    top: 50% !important;
    left: 47% !important;
    transform: translate(-50%, -50%) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: 52% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    color: #ffffff !important;
    text-align: center !important;
    pointer-events: none !important;
}

.mse-ns-hero__eyebrow,
.mse-ns-hero__action {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    background: transparent !important;
    color: #ffffff !important;
    text-align: center !important;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.45);
}

.mse-ns-hero__eyebrow {
    font-size: clamp(0.85rem, 1.5vw, 1rem);
    line-height: 1.2;
    font-weight: 500;
}

.mse-ns-hero__action {
    margin-top: clamp(0.85rem, 2vw, 1.1rem);
    font-size: clamp(1.05rem, 2.2vw, 1.45rem);
    line-height: 1.2;
    font-weight: 700;
}

.mse-ns-card-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: var(--mse-gap);
    overflow: visible !important;
}

.mse-ns-card {
    position: relative;
    display: block;
    min-height: 12rem;
    overflow: hidden;
    padding: 0 !important;
    border: 1px solid rgba(0, 94, 184, 0.12);
    border-radius: var(--mse-radius-card);
    background: #eef4f8;
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.12);
    text-decoration: none;
    color: var(--mse-white);
    --mse-img-hover-scale: 1;
}

.mse-ns-card:hover,
.mse-ns-card:focus-visible,
.mse-ns-hero:hover,
.mse-ns-hero:focus-visible {
    box-shadow: var(--mse-shadow-hover);
    transform: translateY(-1px);
    text-decoration: none !important;
}

.mse-ns-card--large {
    grid-column: span 3;
}

.mse-ns-card--small {
    grid-column: span 2;
}

@media (min-width: 641px) {
    .mse-ns-card-grid .mse-ns-card--large {
        aspect-ratio: 1 / 1 !important;
        min-height: 0 !important;
        width: 60% !important;
        justify-self: center !important;
    }

    .mse-ns-card-grid .mse-ns-card--small {
        aspect-ratio: 16 / 8 !important;
        min-height: 0 !important;
        width: 90% !important;
        justify-self: center !important;
    }
}

.mse-ns-card > img,
.mse-ns-card picture,
.mse-ns-card picture img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: none !important;
    transition: transform 180ms ease;
}

.mse-ns-card-grid .mse-ns-card--small > img {
    object-position: center top !important;
}

.mse-ns-card__title {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    min-height: 2.35rem !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.4rem 0.75rem !important;
    background: var(--mse-card-green);
    color: var(--mse-white);
    font-weight: 700;
    line-height: 1.1 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

.mse-ns-card--large .mse-ns-card__title {
    font-size: clamp(1rem, 1.3vw, 1.12rem) !important;
}

.mse-ns-card--small .mse-ns-card__title {
    font-size: clamp(0.9rem, 1.15vw, 1rem) !important;
}

@media (min-width: 641px) {
    .mse-ns-card--intranet .mse-ns-card__body {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 4 !important;
        display: block !important;
        padding: 0.9rem 1rem 4rem !important;
        color: #003087 !important;
        font-size: 0.95rem !important;
        line-height: 1.25 !important;
        font-weight: 700 !important;
        text-align: left !important;
        background: transparent !important;
        text-shadow: none !important;
    }
}

.mse-ns-hero:focus,
.mse-ns-hero:focus-visible,
.mse-ns-card:focus,
.mse-ns-card:focus-visible {
    outline: 4px solid #ffdd00 !important;
    outline-offset: 4px !important;
    box-shadow: 0 0 0 2px #212b32, 0 8px 20px rgba(33, 43, 50, 0.22) !important;
    text-decoration: none !important;
}

.mse-ns-hero:focus img,
.mse-ns-card:focus img,
.mse-ns-hero:focus-visible img,
.mse-ns-card:focus-visible img,
.mse-ns-card:focus .mse-ns-card__title,
.mse-ns-card:focus-visible .mse-ns-card__title {
    outline: none !important;
    box-shadow: none !important;
}

@media (max-width: 900px) {
    .mse-ns-dashboard__inner {
        max-width: 760px;
    }

    .mse-ns-card-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .mse-ns-card--large,
    .mse-ns-card--small {
        grid-column: span 1;
    }
}

@media (max-width: 640px) {
    .mse-ns-dashboard__inner {
        padding: 0.75rem;
    }

    .mse-ns-mobile-logo {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        margin: 0 0 0.65rem 0 !important;
        padding: 0 !important;
    }

    .mse-ns-mobile-logo img {
        display: block !important;
        width: 145px !important;
        max-width: 42% !important;
        height: auto !important;
        margin: 0 auto !important;
        padding: 0 !important;
        object-fit: contain !important;
    }

    .mse-ns-dashboard .mse-ns-hero {
        height: 5rem !important;
        min-height: 5rem !important;
        max-height: 5rem !important;
        margin-bottom: 1rem !important;
        border-radius: 1rem !important;
    }

    .mse-ns-dashboard .mse-ns-hero > img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        object-position: center center !important;
        transform: none !important;
    }

    .mse-ns-dashboard .mse-ns-hero__logo-badge {
        display: none !important;
    }

    .mse-ns-dashboard .mse-ns-hero__content {
        left: 47% !important;
        top: 50% !important;
        max-width: 52% !important;
        transform: translate(-50%, -50%) !important;
        text-align: center !important;
    }

    .mse-ns-dashboard .mse-ns-hero__eyebrow {
        display: none !important;
    }

    .mse-ns-dashboard .mse-ns-hero__action {
        display: block !important;
        margin: 0 auto !important;
        font-size: 0.82rem !important;
        line-height: 1.1 !important;
        font-weight: 700 !important;
        text-align: center !important;
        color: #ffffff !important;
        text-shadow: 0 2px 5px rgba(0, 0, 0, 0.45);
    }

    .mse-ns-card-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .mse-ns-card-grid .mse-ns-card--large {
        aspect-ratio: 1 / 1 !important;
        min-height: 0 !important;
        width: 80% !important;
        justify-self: center !important;
    }

    .mse-ns-card-grid .mse-ns-card--small {
        aspect-ratio: 14 / 7 !important;
        min-height: 0 !important;
        width: 80% !important;
        justify-self: center !important;
    }

    .mse-ns-card--intranet .mse-ns-card__body {
        display: none !important;
    }

    .mse-ns-card__title {
        min-height: 2.25rem !important;
        padding: 0.35rem 0.75rem !important;
        font-size: 0.95rem !important;
        line-height: 1.1 !important;
    }

    .mse-ns-card--large .mse-ns-card__title {
        font-size: 1rem !important;
    }

    .mse-ns-card--small .mse-ns-card__title {
        font-size: 0.92rem !important;
    }
}

@media (max-width: 390px) {
    .mse-ns-dashboard__inner {
        padding: 0.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mse-ns-hero,
    .mse-ns-card,
    .mse-ns-card img {
        transition: none !important;
        transform: none !important;
    }

    .mse-ns-card:hover img,
    .mse-ns-card:focus-visible img {
        transform: none !important;
    }
}
/* =========================================================
  VALUES IMAGE ROW — New Starter Dashboard
  Controls size and centring of the Excellent / Compassionate / Respectful image
  ========================================================= */

.values-row {
 width: 100% !important;
 max-width: 760px !important;
 display: flex !important;
 justify-content: center !important;
 align-items: center !important;
 margin: 1.5rem auto 0 auto !important;
 padding: 0 !important;
 text-align: center !important;
}

.values-row__image {
 display: block !important;
 width: 100% !important;
 max-width: 620px !important;
 height: auto !important;
 margin: 0 auto !important;
}
/* =========================================================
  MSE DESIGN SYSTEM — STAGE 2 GENERIC CLASS LAYER
  Added underneath existing custom CSS.
  This layer should not affect existing pages until the new
  .mse-* classes are applied in Totara HTML.
  ========================================================= */


/* =========================================================
  00. DESIGN TOKENS
  Shared MSE / NHS values used by the reusable classes.
  ========================================================= */

:root {
   --mse-blue: #005EB8;
   --mse-dark-blue: #003087;
   --mse-teal: #00A499;
   --mse-green: #007F3B;
   --mse-text: #212B32;
   --mse-muted: #425563;
   --mse-grey-5: #F0F4F5;
   --mse-grey-4: #D8DDE0;
   --mse-grey-3: #AEB7BD;
   --mse-white: #FFFFFF;
   --mse-focus: #FFDD00;

   --mse-radius-small: 0.45rem;
   --mse-radius-medium: 0.75rem;
   --mse-radius-large: 1.25rem;
   --mse-radius-pill: 999px;

   --mse-border-subtle: 1px solid var(--mse-grey-4);
   --mse-shadow-soft: 0 0.1rem 0.35rem rgba(0, 0, 0, 0.08);
   --mse-shadow-card: 0 5px 16px rgba(0, 0, 0, 0.12);
   --mse-shadow-card-hover: 0 10px 24px rgba(0, 0, 0, 0.18);

   --mse-space-xs: 0.25rem;
   --mse-space-sm: 0.5rem;
   --mse-space-md: 1rem;
   --mse-space-lg: 1.5rem;
   --mse-space-xl: 2rem;

   --mse-content-width: 52rem;
   --mse-dashboard-width: 1040px;
}


/* =========================================================
  01. BASE ACCESSIBILITY HELPERS
  Use sparingly inside custom MSE HTML.
  ========================================================= */

.mse-visually-hidden {
   position: absolute !important;
   width: 1px !important;
   height: 1px !important;
   padding: 0 !important;
   margin: -1px !important;
   overflow: hidden !important;
   clip: rect(0 0 0 0) !important;
   white-space: nowrap !important;
   border: 0 !important;
}

.mse-course a:focus,
.mse-dashboard a:focus,
.mse-panel a:focus,
.mse-search input:focus,
.mse-search button:focus,
.mse-card:focus,
.mse-card:focus-visible,
.mse-hero:focus,
.mse-hero:focus-visible {
   outline: 4px solid var(--mse-focus) !important;
   outline-offset: 3px !important;
   box-shadow: 0 0 0 2px var(--mse-text) !important;
}


/* =========================================================
  02. STATUS LABELS
  For ad-hoc database query HTML output and report labels.
  Example:
<span class="mse-status mse-status--success">Complete</span>
  ========================================================= */

.mse-status {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-width: 6.5rem;
   padding: 0.2rem 0.6rem;
   border: 1px solid transparent;
   border-radius: var(--mse-radius-pill);
   font-weight: 700;
   font-size: 0.9rem;
   line-height: 1.25;
   text-align: center;
   white-space: nowrap;
}

.mse-status--success {
   background: #D7F2DF;
   color: #005A30;
   border-color: #7BCF94;
}

.mse-status--warning {
   background: #FFF3CD;
   color: #594300;
   border-color: #E0B84B;
}

.mse-status--danger {
   background: #F8D7DA;
   color: #7A0011;
   border-color: #DC3545;
}

.mse-status--info {
   background: #E5F1FB;
   color: var(--mse-dark-blue);
   border-color: #7FB4DD;
}

.mse-status--neutral {
   background: var(--mse-grey-5);
   color: var(--mse-text);
   border-color: var(--mse-grey-4);
}

/* Optional squared RAG-style variant, only if needed */
.mse-status--rag {
   border-radius: var(--mse-radius-small);
}


/* =========================================================
  03. PANELS
  Reusable block/panel styling for course pages and dashboards.
  ========================================================= */

.mse-panel {
   background: var(--mse-white);
   color: var(--mse-text);
   border: var(--mse-border-subtle);
   border-radius: var(--mse-radius-medium);
   box-shadow: var(--mse-shadow-soft);
   overflow: hidden;
   margin: 0 0 var(--mse-space-md) 0;
}

.mse-panel__header {
   background: var(--mse-teal);
   color: var(--mse-white);
   padding: 0.45rem 0.75rem;
   font-weight: 700;
   line-height: 1.25;
}

.mse-panel__body {
   padding: 0.75rem;
}

/* Course navigation panel */
.mse-panel--nav {
   font-size: 0.9rem;
   line-height: 1.35;
}

/* Highlighted link panel */
.mse-panel--links {
   max-width: 48rem;
   padding: var(--mse-space-md) 1.25rem;
   background: var(--mse-grey-5);
   border-left: 0.35rem solid var(--mse-blue);
   border-radius: var(--mse-radius-small);
   box-shadow: none;
}

.mse-panel--links ul {
   margin: 0;
   padding-left: 1.25rem;
}

.mse-panel--links li {
   margin: 0.4rem 0;
   padding-left: 0.15rem;
}

/* Completion/status panel */
.mse-panel--status {
   max-width: 410px;
   padding: 0;
   box-shadow: none;
}

.mse-panel--status .mse-panel__header {
   background: var(--mse-teal);
}

.mse-panel--status .mse-panel__body {
   font-size: 0.9rem;
   line-height: 1.35;
}


/* =========================================================
  04. COURSE LAYOUTS
  Topic-format and Pathway-format course content wrappers.
  ========================================================= */

.mse-course {
   color: var(--mse-text);
   font-family: inherit;
   line-height: 1.6;
}

.mse-course *,
.mse-course *::before,
.mse-course *::after {
   box-sizing: border-box;
}

.mse-course--topic {
   width: 100%;
}

.mse-course--pathway {
   max-width: var(--mse-content-width);
   margin: 0 auto;
   padding: 0 1rem 2rem 1rem;
   font-size: 18px;
}

.mse-course-panel {
   width: 100%;
   max-width: none;
   margin: 0 0 var(--mse-space-lg) 0;
   padding: 0;
   box-sizing: border-box;
}

.mse-content {
   max-width: var(--mse-content-width);
   margin: 0;
   color: var(--mse-text);
}

.mse-content h2 {
   margin: 0 0 var(--mse-space-md) 0;
   color: var(--mse-text);
   font-size: 1.55rem;
   font-weight: 600;
   line-height: 1.25;
   letter-spacing: -0.01em;
}

.mse-content p {
   margin: 0 0 1.15rem 0;
   max-width: 72ch;
   color: var(--mse-text);
   font-size: inherit;
   line-height: 1.6;
}

.mse-content li,
.mse-content a {
   font-size: inherit;
   line-height: 1.6;
}

.mse-course a,
.mse-content a {
   color: var(--mse-blue);
   text-decoration: underline;
   text-underline-offset: 0.15em;
   font-weight: 600;
}

.mse-course a:hover,
.mse-content a:hover {
   color: var(--mse-dark-blue);
   text-decoration-thickness: 0.15em;
}

.mse-course img,
.mse-content img {
   max-width: 100%;
   height: auto;
}

.mse-next-step {
   margin-top: var(--mse-space-lg) !important;
   padding-top: var(--mse-space-md);
   border-top: 1px solid var(--mse-grey-4);
   color: var(--mse-muted) !important;
}

.mse-next-step strong {
   color: var(--mse-text);
}


/* =========================================================
  05. HERO / BANNER COMPONENTS
  Reusable course and dashboard hero areas.
  ========================================================= */

.mse-hero {
   position: relative;
   display: block;
   width: 100%;
   overflow: hidden;
   border-radius: var(--mse-radius-medium);
   background: var(--mse-blue);
   color: var(--mse-white);
   text-decoration: none;
}

.mse-hero--course {
   max-width: var(--mse-content-width);
   margin: 0 0 1.25rem 0;
}

.mse-hero--dashboard {
   margin: 0 0 clamp(1.25rem, 2.5vw, 2rem) 0;
   border-radius: var(--mse-radius-large);
}

.mse-hero__image {
   display: block;
   width: 100%;
   height: 11rem;
   object-fit: cover;
   object-position: center;
   border-radius: inherit;
}

.mse-hero__content {
   position: absolute;
   z-index: 2;
   top: 50%;
   left: 50%;
   max-width: 60%;
   transform: translate(-50%, -50%);
   color: var(--mse-white);
   text-align: center;
   pointer-events: none;
}

.mse-hero__eyebrow,
.mse-hero__action {
   display: block;
   color: var(--mse-white);
   text-align: center;
   text-shadow: 0 2px 5px rgba(0, 0, 0, 0.45);
}

.mse-hero__eyebrow {
   font-size: clamp(0.85rem, 1.5vw, 1rem);
   line-height: 1.2;
   font-weight: 500;
}

.mse-hero__action {
   margin-top: clamp(0.85rem, 2vw, 1.1rem);
   font-size: clamp(1.05rem, 2.2vw, 1.45rem);
   line-height: 1.2;
   font-weight: 700;
}

.mse-hero__logo {
   position: absolute;
   z-index: 3;
   top: 0.25rem;
   right: 0;
   width: 250px;
   height: 82px;
   display: flex;
   align-items: center;
   justify-content: center;
   pointer-events: none;
}

.mse-hero__logo-img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: contain;
}

/* =========================================================
  COURSE HERO — NATURAL IMAGE RATIO
  Use when a course banner image should fill the wrapper exactly
  and the wrapper should follow the image's own proportions.
  ========================================================= */

.mse-hero--image-banner {
   max-width: var(--mse-content-width) !important;
   margin: 0 0 1.25rem 0 !important;
   padding: 0 !important;
   background: transparent !important;
   border-radius: var(--mse-radius-medium) !important;
   overflow: hidden !important;
   line-height: 0 !important;
}

.mse-hero--image-banner .mse-hero__image {
   display: block !important;
   width: 100% !important;
   height: auto !important;
   max-width: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
   object-fit: unset !important;
   object-position: center center !important;
   border-radius: inherit !important;
}
/* =========================================================
  06. DASHBOARDS, CARDS AND CARD GRIDS
  Dashboard wrappers and reusable linked cards.
  ========================================================= */

.mse-dashboard {
   width: 100%;
   color: var(--mse-text);
   font-family: inherit;
   overflow: visible !important;
}

.mse-dashboard *,
.mse-dashboard *::before,
.mse-dashboard *::after {
   box-sizing: border-box;
}

.mse-dashboard__inner {
   max-width: var(--mse-dashboard-width);
   margin: 0 auto;
   padding: var(--mse-space-md);
   overflow: visible !important;
}

.mse-dashboard__mobile-logo {
   display: none !important;
}

.mse-card-grid {
   display: grid;
   grid-template-columns: repeat(6, 1fr);
   gap: clamp(1rem, 2vw, 1.5rem);
   overflow: visible !important;
}

.mse-card {
   position: relative;
   display: block;
   min-height: 12rem;
   overflow: hidden;
   padding: 0 !important;
   border: 1px solid rgba(0, 94, 184, 0.12);
   border-radius: var(--mse-radius-large);
   background: #EEF4F8;
   box-shadow: var(--mse-shadow-card);
   text-decoration: none !important;
   color: var(--mse-white);
}

.mse-card:hover,
.mse-card:focus-visible,
.mse-hero:hover,
.mse-hero:focus-visible {
   box-shadow: var(--mse-shadow-card-hover);
   transform: translateY(-1px);
   text-decoration: none !important;
}

.mse-card--large {
   grid-column: span 3;
}

.mse-card--small {
   grid-column: span 2;
}

.mse-card__image,
.mse-card > img,
.mse-card picture,
.mse-card picture img {
   position: absolute !important;
   inset: 0 !important;
   display: block !important;
   width: 100% !important;
   height: 100% !important;
   min-width: 100% !important;
   min-height: 100% !important;
   max-width: none !important;
   max-height: none !important;
   margin: 0 !important;
   padding: 0 !important;
   object-fit: cover !important;
   object-position: center center !important;
}

.mse-card__title {
   position: absolute;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 2;
   min-height: 2.35rem !important;
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   padding: 0.4rem 0.75rem !important;
   background: rgba(0, 94, 73, 0.94);
   color: var(--mse-white);
   font-weight: 700;
   line-height: 1.1 !important;
   text-align: center !important;
   white-space: normal !important;
   overflow-wrap: anywhere !important;
}

.mse-card--large .mse-card__title {
   font-size: clamp(1rem, 1.3vw, 1.12rem) !important;
}

.mse-card--small .mse-card__title {
   font-size: clamp(0.9rem, 1.15vw, 1rem) !important;
}

.mse-card--text-overlay .mse-card__body {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   z-index: 2;
   padding: 0.9rem 1rem 4rem;
   color: var(--mse-dark-blue);
   font-size: 0.95rem;
   line-height: 1.25;
   font-weight: 700;
   text-align: left;
}


/* =========================================================
Compact branded Search Elevate block
  Generic reusable version.
  Use block class: mse-search mse-search--compact
  If Totara only accepts one class, use: mse-search--compact
  ========================================================= */

.mse-search,
.mse-search--compact {
   background: var(--mse-white);
   color: var(--mse-text);
}

.mse-search--compact {
   max-width: 430px !important;
   margin: 0 0 1.25rem 0 !important;
}

.mse-search--compact .card,
.mse-search--compact .block,
.mse-search--compact .block-content,
.mse-search--compact .card-body {
   border-radius: 1rem !important;
   border: 1px solid #D8DDE6 !important;
   background: var(--mse-white) !important;
   box-shadow: var(--mse-shadow-soft);
}

.mse-search--compact .card-body,
.mse-search--compact .block-content {
   padding: 0.9rem 1rem !important;
}

.mse-search--compact h2,
.mse-search--compact .card-title,
.mse-search--compact .block-title {
   font-size: 1rem !important;
   font-weight: 700 !important;
   color: var(--mse-dark-blue) !important;
   margin-bottom: 0.5rem !important;
}

.mse-search--compact form {
   display: flex !important;
   align-items: center !important;
   gap: 0.5rem !important;
   margin: 0 !important;
}

.mse-search--compact input[type="search"],
.mse-search--compact input[type="text"] {
   flex: 1 1 auto !important;
   min-width: 0 !important;
   height: 2.4rem !important;
   border: 2px solid var(--mse-muted) !important;
   border-radius: 0.65rem !important;
   padding: 0.35rem 0.6rem !important;
   font-size: 0.95rem !important;
}

.mse-search--compact button,
.mse-search--compact input[type="submit"] {
   height: 2.4rem !important;
   border-radius: 0.65rem !important;
   background: var(--mse-blue) !important;
   color: var(--mse-white) !important;
   border: 2px solid var(--mse-blue) !important;
   font-weight: 700 !important;
   padding: 0.35rem 0.85rem !important;
}

.mse-search--compact button:hover,
.mse-search--compact input[type="submit"]:hover {
   background: var(--mse-dark-blue) !important;
   border-color: var(--mse-dark-blue) !important;
}

.mse-search--compact input:focus,
.mse-search--compact button:focus,
.mse-search--compact input[type="submit"]:focus {
   outline: 4px solid var(--mse-focus) !important;
   outline-offset: 3px !important;
   box-shadow: 0 0 0 2px var(--mse-text) !important;
}

.mse-search--compact a {
   font-size: 0.85rem !important;
   color: var(--mse-blue);
   text-decoration: underline;
   text-underline-offset: 0.15em;
   font-weight: 600;
}

.mse-search--compact a:hover {
   color: var(--mse-dark-blue);
   text-decoration-thickness: 0.15em;
}

/* =========================================================
  08. IMAGE ROWS
  For values images or other centred visual rows.
  ========================================================= */

.mse-image-row {
   width: 100% !important;
   max-width: 760px !important;
   display: flex !important;
   justify-content: center !important;
   align-items: center !important;
   margin: 1.5rem auto 0 auto !important;
   padding: 0 !important;
   text-align: center !important;
}

/* Values banner variant */
.mse-image-row--values {
   max-width: 760px !important;
}

.mse-image-row__image,
.mse-image-row img {
   display: block !important;
   width: 100% !important;
   max-width: 620px !important;
   height: auto !important;
   margin: 0 auto !important;
}

/* =========================================================
  09. RESPONSIVE RULES
  Generic responsive behaviour for new reusable classes.
  ========================================================= */

@media (min-width: 641px) {
   .mse-card-grid .mse-card--large {
       aspect-ratio: 1 / 1 !important;
       min-height: 0 !important;
       width: 60% !important;
       justify-self: center !important;
   }

   .mse-card-grid .mse-card--small {
       aspect-ratio: 16 / 8 !important;
       min-height: 0 !important;
       width: 90% !important;
       justify-self: center !important;
   }
}

@media (max-width: 900px) {
   .mse-dashboard__inner {
       max-width: 760px;
   }

   .mse-card-grid {
       grid-template-columns: repeat(2, 1fr);
   }

   .mse-card--large,
   .mse-card--small {
       grid-column: span 1;
   }
}

@media (max-width: 768px) {
   .mse-course--pathway {
       max-width: 100%;
       padding: 0 0.75rem 1.5rem 0.75rem;
       font-size: 18px;
   }

   .mse-hero--course .mse-hero__image {
       height: 8.5rem;
   }

   .mse-content h2 {
       font-size: 1.35rem;
   }

   .mse-panel--links {
       padding: 0.9rem 1rem;
   }
}

@media (max-width: 640px) {
   .mse-dashboard__inner {
       padding: 0.75rem;
   }

   .mse-dashboard__mobile-logo {
       display: flex !important;
       justify-content: center !important;
       align-items: center !important;
       width: 100% !important;
       margin: 0 0 0.65rem 0 !important;
       padding: 0 !important;
   }

   .mse-card-grid {
       grid-template-columns: 1fr;
       gap: 1rem;
   }

   .mse-card-grid .mse-card--large {
       aspect-ratio: 1 / 1 !important;
       min-height: 0 !important;
       width: 80% !important;
       justify-self: center !important;
   }

   .mse-card-grid .mse-card--small {
       aspect-ratio: 14 / 7 !important;
       min-height: 0 !important;
       width: 80% !important;
       justify-self: center !important;
   }

   .mse-card--text-overlay .mse-card__body {
       display: none !important;
   }

   .mse-card__title {
       min-height: 2.25rem !important;
       padding: 0.35rem 0.75rem !important;
       font-size: 0.95rem !important;
       line-height: 1.1 !important;
   }

   .mse-card--large .mse-card__title {
       font-size: 1rem !important;
   }

   .mse-card--small .mse-card__title {
       font-size: 0.92rem !important;
   }

   .mse-hero__content {
       max-width: 70%;
   }

   .mse-hero__eyebrow {
       display: none !important;
   }

   .mse-hero__action {
       margin: 0 auto !important;
       font-size: 0.85rem !important;
       line-height: 1.1 !important;
   }
}

@media (max-width: 390px) {
   .mse-dashboard__inner {
       padding: 0.5rem;
   }
}

@media (prefers-reduced-motion: reduce) {
   .mse-card,
   .mse-card:hover,
   .mse-card:focus-visible,
   .mse-hero,
   .mse-hero:hover,
   .mse-hero:focus-visible,
   .mse-card__image,
   .mse-card img {
       transition: none !important;
       transform: none !important;
   }
}


/* =========================================================
  10. TOTARA-SPECIFIC EXCEPTIONS — RESERVED
  Do not add anything here yet.
  This section will be used later only for unavoidable
  course IDs, module IDs, block IDs, or native Totara fixes.
  ========================================================= */
/* Pathway course heading spacing */
.mse-course--pathway .mse-content h2 {
 margin-top: 1.5rem;
 margin-bottom: 0.5rem;
}
.mse-course--pathway .mse-content h2:first-child {
 margin-top: 0;
}
/* Pathway course support panel */
.mse-course--pathway .mse-panel--links {
 border-top: 1px solid var(--mse-grey-3);
 border-right: 1px solid var(--mse-grey-3);
 border-bottom: 1px solid var(--mse-grey-3);
}
/* Reduce banner height at narrow viewport widths and higher zoom */
@media (max-width: 48rem) {
 .mse-course--pathway .mse-hero--image-banner .mse-hero__image {
   max-height: 18rem !important;
   object-fit: cover !important;
   object-position: center center !important;
 }
}
/* =========================================================
  TOPIC-FORMAT COURSE LAYOUT
  Generic replacement for Fire Safety course page/activity styling.
  Use inside HTML you control with:
  .mse-course .mse-course--topic
  ========================================================= */

.mse-course--topic {
   width: 100%;
   max-width: none;
   margin: 0;
   padding: 0;
   color: var(--mse-text);
   text-align: left;
}

.mse-course--topic .mse-course-panel {
   width: 100% !important;
   max-width: none !important;
   margin: 0 0 var(--mse-space-lg) 0 !important;
   padding: 0 !important;
   box-sizing: border-box !important;
   text-align: left !important;
}

.mse-course--topic .mse-content {
   width: 100%;
   max-width: none;
   margin: 0;
   color: var(--mse-text);
   text-align: left;
}

.mse-course--topic .mse-content h2 {
   margin: 0 0 var(--mse-space-md) 0;
   color: var(--mse-text);
   font-size: 1.55rem;
   font-weight: 600;
   line-height: 1.25;
}

.mse-course--topic .mse-content p {
   margin: 0 0 1rem 0;
   max-width: 72ch;
   color: var(--mse-text);
   font-size: 1rem;
   line-height: 1.6;
}

.mse-course--topic .mse-content ul,
.mse-course--topic .mse-content ol {
   margin: 0 0 1rem 1.25rem;
   padding-left: 1rem;
}

.mse-course--topic .mse-content li {
   margin: 0.35rem 0;
   line-height: 1.5;
}


/* =========================================================
  TOPIC-FORMAT TWO-COLUMN PANEL
  Use where a Topic-format course page needs main content
  and a right-hand guidance/action panel.
  ========================================================= */

.mse-course-layout {
   display: flex;
   gap: var(--mse-space-lg);
   align-items: flex-start;
   width: 100%;
   max-width: none;
}

.mse-course-layout__main {
   flex: 1 1 auto;
   min-width: 0;
}

.mse-course-layout__aside {
   flex: 0 0 260px;
   min-width: 220px;
}

@media (max-width: 900px) {
   .mse-course-layout {
       display: block;
   }

   .mse-course-layout__main,
   .mse-course-layout__aside {
       width: 100%;
       min-width: 0;
       margin-bottom: var(--mse-space-md);
   }
}


/* =========================================================
  TOPIC-FORMAT COURSE NAVIGATION PANEL
  Generic replacement for .mse-fire-course-nav.
  ========================================================= */

.mse-panel--course-nav,
.mse-panel--nav {
   background: var(--mse-white);
   border: 1px solid #D9E0EA;
   border-radius: var(--mse-radius-medium);
   box-shadow: var(--mse-shadow-soft);
   overflow: hidden;
   font-size: 0.9rem;
   line-height: 1.35;
}

.mse-panel--course-nav .card,
.mse-panel--course-nav .block,
.mse-panel--course-nav .block-cards,
.mse-panel--nav .card,
.mse-panel--nav .block,
.mse-panel--nav .block-cards {
   border: 0 !important;
   box-shadow: none !important;
}

.mse-panel--course-nav .card-body,
.mse-panel--course-nav .content,
.mse-panel--course-nav .block-content,
.mse-panel--nav .card-body,
.mse-panel--nav .content,
.mse-panel--nav .block-content {
   padding: 0.65rem 0.75rem !important;
}
/* =========================================================
  TOPIC-FORMAT COURSE NAV PANEL CONTENT
  Supports left-column course information/contact blocks.
  ========================================================= */

.mse-panel--course-nav .mse-panel__body,
.mse-panel--nav .mse-panel__body {
   padding: 0.75rem !important;
}

.mse-panel--course-nav p,
.mse-panel--nav p {
   margin: 0 0 0.75rem 0;
}

.mse-panel--course-nav p:last-child,
.mse-panel--nav p:last-child {
   margin-bottom: 0;
}

.mse-panel--course-nav img,
.mse-panel--nav img {
   display: block;
   max-width: 100%;
   height: auto;
   margin: 0 0 0.75rem 0;
   border-radius: var(--mse-radius-small);
}

.mse-panel--course-nav hr,
.mse-panel--nav hr {
   border: 0;
   border-top: 1px solid #D9E0EA;
   margin: 0.75rem 0;
}

.mse-panel--course-nav a,
.mse-panel--nav a {
   color: var(--mse-blue);
   text-decoration: underline;
   text-underline-offset: 0.15em;
   font-weight: 600;
}

.mse-panel--course-nav a:hover,
.mse-panel--nav a:hover {
   color: var(--mse-dark-blue);
   text-decoration-thickness: 0.15em;
}
 
/* =========================================================
  NEW STARTER DASHBOARD HERO LOGO FIX
  Keeps the white Trust logo fixed and contained in the
  top-right corner of the dashboard hero/banner.
  ========================================================= */

.mse-hero--new-starter {
   position: relative !important;
   height: clamp(9rem, 20vw, 13.5rem) !important;
   min-height: 0 !important;
   max-height: 13.5rem !important;
   overflow: hidden !important;
   border-radius: var(--mse-radius-large) !important;
   background: var(--mse-blue) !important;
}

.mse-hero--new-starter > .mse-hero__image,
.mse-hero--new-starter > img {
   position: absolute !important;
   inset: 0 !important;
   z-index: 1 !important;
   display: block !important;
   width: 100% !important;
   height: 100% !important;
   max-width: none !important;
   max-height: none !important;
   margin: 0 !important;
   padding: 0 !important;
   object-fit: contain !important;
   object-position: center center !important;
}

.mse-hero--new-starter .mse-hero__logo {
   position: absolute !important;
   top: 0.25rem !important;
   right: 0 !important;
   left: auto !important;
   bottom: auto !important;
   z-index: 4 !important;
   width: 250px !important;
   height: 82px !important;
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   background: transparent !important;
   border-radius: 0 !important;
   padding: 0 !important;
   margin: 0 !important;
   box-sizing: border-box !important;
   transform: none !important;
   pointer-events: none !important;
}

.mse-hero--new-starter .mse-hero__logo-img,
.mse-hero--new-starter .mse-hero__logo img {
   position: static !important;
   display: block !important;
   width: 100% !important;
   height: 100% !important;
   max-width: 100% !important;
   max-height: 100% !important;
   min-width: 0 !important;
   min-height: 0 !important;
   margin: 0 !important;
   padding: 0 !important;
   object-fit: contain !important;
   object-position: center center !important;
   transform: none !important;
   opacity: 1 !important;
   visibility: visible !important;
}

/* Keep the logo hidden on mobile if you are using the separate mobile logo above the banner */
@media (max-width: 640px) {
   .mse-hero--new-starter {
       height: 5rem !important;
       min-height: 5rem !important;
       max-height: 5rem !important;
       margin-bottom: 1rem !important;
       border-radius: 1rem !important;
   }

   .mse-hero--new-starter .mse-hero__logo {
       display: none !important;
   }

   .mse-hero--new-starter .mse-hero__content {
       left: 47% !important;
       top: 50% !important;
       max-width: 52% !important;
       transform: translate(-50%, -50%) !important;
       text-align: center !important;
   }
}





/* =========================================================

   REQUIRED LEARNING DONUT — SAFE CENTRING AND ALIGNMENT

   Does not distort the canvas aspect ratio.

   ========================================================= */

#inst6677 {

    width: 100% !important;

    margin: 0 auto !important;

    padding: 0 !important;

    text-align: center !important;

}

/* Centre the block content */

#inst6677 .content,

#inst6677 .block-content,

#inst6677 center {

    width: 100% !important;

    margin-left: auto !important;

    margin-right: auto !important;

    padding: 0 !important;

    text-align: center !important;

}

/* Preserve the chart’s natural proportions */

#inst6677 canvas#CLSmyDonutChart6677 {

    display: block !important;

    width: auto !important;

    height: auto !important;

    max-width: 250px !important;

    max-height: 250px !important;

    margin: 0 auto !important;

    padding: 0 !important;

}

/* Move the whole block without resizing the chart */

#inst6677 {

    transform: translateY(2.25rem) !important;

}
 /* =========================================================
  REQUIRED LEARNING TITLE-ONLY HTML BLOCK
  ========================================================= */
.mse-donut-title-block {
   width: 100%;
   margin: 0 auto;
   padding: 0;
   text-align: center;
}
.mse-donut-title-block__heading {
   margin: 0 0 0rem !important;
   padding: 0 !important;
   color: #0072CE !important;
   font-family: inherit !important;
   font-size: 21px !important;
   font-weight: 600 !important;
   line-height: 1.3 !important;
   text-align: center !important;
   background: transparent !important;
   border: 0 !important;
   box-shadow: none !important;
}
/* =========================================================
  REQUIRED LEARNING — TITLE AND DONUT GROUP
  ========================================================= */
/* Remove internal spacing from the title-only HTML */
.mse-donut-title-block {
   width: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
   text-align: center !important;
}
.mse-donut-title-block__heading {
   margin: 0 !important;
   padding: 0 !important;
   color: #0072CE !important;
   font-family: inherit !important;
   font-size: 21px !important;
   font-weight: 600 !important;
   line-height: 1.3 !important;
   text-align: center !important;
   border: 0 !important;
   background: transparent !important;
}
/* Remove the HTML block's outer spacing */
#inst6720 {
   margin-bottom: 0 !important;
   padding-bottom: 0 !important;
}
#inst6720 .content,
#inst6720 .block-content,
#inst6720 .card-body {
   margin-bottom: 0 !important;
   padding-top: 0 !important;
   padding-bottom: 0 !important;
}
/* Donut block */
#inst6677 {
   margin-top: 0 !important;
   padding-top: 0 !important;
}
#inst6677 .content,
#inst6677 .block-content,
#inst6677 .card-body,
#inst6677 center {
   margin-top: 0 !important;
   padding-top: 0 !important;
}
/* =========================================================
  ALIGN RIGHT-HAND COMPLIANCE COLUMN
  ========================================================= */
/* Centre blocks within the right-side region */
#block-region-side-post {
   display: flex !important;
   flex-direction: column !important;
   align-items: center !important;
}
/* Move the title and donut group down together */
#inst6720 {
   margin-top: 5rem !important;
}
/* =========================================================
  LEARNER HOMEPAGE PROTOTYPE
  MANDATORY STATUS + PRIORITY ACTIONS
  Consolidated replacement styling.
  Mandatory status block: #inst6678
  ========================================================= */

/* ---------------------------------------------------------
  SHARED SECTION HEADINGS
  --------------------------------------------------------- */
#inst6678 h1,
.mse-wireframe-actions__heading
 {
   margin: 0 0 0.875rem !important;
   padding: 0 !important;
   color: #0072CE !important;
   font-family: inherit !important;
   font-size: 21px !important;
   font-weight: 600 !important;
   line-height: 1.3 !important;
   text-align: center !important;
   background: transparent !important;
   border: 0 !important;
   box-shadow: none !important;
}

/* =========================================================
  MANDATORY COURSE COMPLETIONS
  ========================================================= */

/* Centre the three native status links as one group */
#inst6678 .content > div[style*="text-align: center"] {
   display: flex !important;
   flex-wrap: wrap !important;
   justify-content: center !important;
   align-items: stretch !important;
   gap: 0.75rem !important;
   width: 100% !important;
   margin: 0 auto !important;
   padding: 0 !important;
   text-align: center !important;
}

/* Outer native links */
#inst6678 #cls_exp_custom,
#inst6678 #cls_due_custom,
#inst6678 #cls_cert_custom {
   display: block !important;
   flex: 0 0 13.5rem !important;
   width: 13.5rem !important;
   min-width: 13.5rem !important;
   max-width: 13.5rem !important;
   margin: 0 !important;
   padding: 0 !important;
   color: #ffffff !important;
   text-decoration: none !important;
}

/* Visible status cards */
#inst6678 #cls_exp_custom .cls-cert-compl-box-block,
#inst6678 #cls_due_custom .cls-cert-compl-box-block,
#inst6678 #cls_cert_custom .cls-cert-compl-box-block {
   display: grid !important;
   place-items: center !important;
   width: 13.5rem !important;
   height: 4.5rem !important;
   min-height: 4.5rem !important;
   margin: 0 !important;
   padding: 0.75rem 1rem !important;
   border: 0 !important;
   border-radius: 0.5rem !important;
   color: #ffffff !important;
   font-family: inherit !important;
   font-size: 1rem !important;
   font-weight: 600 !important;
   line-height: 1.3 !important;
   text-align: center !important;
   text-indent: 0 !important;
   box-sizing: border-box !important;
   transition:
       transform 160ms ease,
       box-shadow 160ms ease,
       filter 160ms ease !important;
}

/* Remove any decorative dots or generated content */
#inst6678 .cls-cert-compl-box-block::before,
#inst6678 .cls-cert-compl-box-block::after {
   content: none !important;
   display: none !important;
}

/* Remove inherited spacing from nested content */
#inst6678 .cls-cert-compl-box-block > * {
   width: auto !important;
   margin: 0 !important;
   padding: 0 !important;
   color: inherit !important;
   font: inherit !important;
   line-height: inherit !important;
   text-align: center !important;
   text-indent: 0 !important;
}

/* NHS status colours */
#inst6678 #cls_exp_custom .cls-cert-compl-box-block {
   background-color: #DA291C !important;
}
#inst6678 #cls_due_custom .cls-cert-compl-box-block {
   background-color: #ED8B00 !important;
}
#inst6678 #cls_cert_custom .cls-cert-compl-box-block {
   background-color: #007F3B !important;
}

/* Status hover */
#inst6678 #cls_exp_custom:hover .cls-cert-compl-box-block,
#inst6678 #cls_due_custom:hover .cls-cert-compl-box-block,
#inst6678 #cls_cert_custom:hover .cls-cert-compl-box-block {
   transform: translateY(-1px) !important;
   box-shadow: 0 0.15rem 0.4rem rgba(0, 0, 0, 0.12) !important;
   filter: brightness(0.92) !important;
}

/* Status keyboard focus */
#inst6678 #cls_exp_custom:focus,
#inst6678 #cls_exp_custom:focus-visible,
#inst6678 #cls_due_custom:focus,
#inst6678 #cls_due_custom:focus-visible,
#inst6678 #cls_cert_custom:focus,
#inst6678 #cls_cert_custom:focus-visible {
   outline: 4px solid #FFDD00 !important;
   outline-offset: 3px !important;
   box-shadow: 0 0 0 2px #212B32 !important;
}

/* =========================================================
  PRIORITY ACTIONS
  ========================================================= */
.mse-wireframe-actions {
   width: 100% !important;
   margin: 1.5rem auto 0 !important;
   padding: 0 !important;
   box-sizing: border-box !important;
}

/* Four centred cards */
.mse-wireframe-actions__grid {
   display: grid !important;
   grid-template-columns: repeat(4, 13.5rem) !important;
   justify-content: center !important;
   align-items: stretch !important;
   gap: 0.75rem !important;
   width: 100% !important;
   margin: 0 auto !important;
   padding: 0 !important;
}

/* Individual priority card */
.mse-wireframe-action {
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   width: 13.5rem !important;
   min-height: 5.4rem !important;
   padding: 0.75rem 1rem !important;
   background: #ffffff !important;
   border: 2px solid #005EB8 !important;
   border-radius: 0.5rem !important;
   color: #0072CE !important;
   font-family: inherit !important;
   font-size: 1rem !important;
   font-weight: 600 !important;
   line-height: 1.3 !important;
   text-align: center !important;
   text-decoration: none !important;
   box-shadow: none !important;
   box-sizing: border-box !important;
   transition:
       background-color 160ms ease,
       border-color 160ms ease,
       color 160ms ease,
       transform 160ms ease,
       box-shadow 160ms ease !important;
}

/* Priority-card hover */
.mse-wireframe-action:hover {
   background: #E8F1F8 !important;
   border-color: #003087 !important;
   color: #003087 !important;
   text-decoration: none !important;
   transform: translateY(-1px) !important;
   box-shadow: 0 0.15rem 0.4rem rgba(0, 0, 0, 0.10) !important;
}

/* Priority-card keyboard focus */
.mse-wireframe-action:focus,
.mse-wireframe-action:focus-visible {
   background: #ffffff !important;
   border-color: #003087 !important;
   color: #003087 !important;
   text-decoration: none !important;
   outline: 4px solid #FFDD00 !important;
   outline-offset: 3px !important;
   box-shadow: 0 0 0 2px #212B32 !important;
}

/* =========================================================
  RESPONSIVE LAYOUT
  ========================================================= */
@media (max-width: 1100px) {
   .mse-wireframe-actions__grid {
       grid-template-columns: repeat(2, 13.5rem) !important;
   }
}

@media (max-width: 760px) {
   #inst6678 .content > div[style*="text-align: center"] {
       flex-direction: column !important;
       align-items: center !important;
   }
   #inst6678 #cls_exp_custom,
   #inst6678 #cls_due_custom,
   #inst6678 #cls_cert_custom,
   #inst6678 #cls_exp_custom .cls-cert-compl-box-block,
   #inst6678 #cls_due_custom .cls-cert-compl-box-block,
   #inst6678 #cls_cert_custom .cls-cert-compl-box-block {
       width: min(100%, 22rem) !important;
       max-width: 22rem !important;
       min-width: 0 !important;
   }
}

@media (max-width: 620px) {
   .mse-wireframe-actions__grid {
       grid-template-columns: minmax(0, 1fr) !important;
   }
   .mse-wireframe-action {
       width: 100% !important;
       min-height: 4.75rem !important;
   }
}
/* Replace 6719 with the actual Priority actions block ID */
#inst6719 {
   margin-bottom: 1.5rem !important;
   padding-bottom: 0 !important;
}
#inst6719 .content,
#inst6719 .block-content,
#inst6719 .card-body {
   margin-bottom: 0 !important;
   padding-bottom: 0 !important;
}
margin-bottom: 1.5rem !important;

/* =========================================================

   LEARNER HOMEPAGE — HELP AND SUPPORT PANEL

   Secondary support component

   ========================================================= */

.mse-learner-help {

    position: relative;

    width: 100%;

    max-width: 22rem;

    margin: 0 auto;

    padding: 1.25rem 1.25rem 1.25rem 1.5rem;

    background: #E8F1F8;

    border: 1px solid #D8DDE0;

    border-left: 0.35rem solid #005EB8;

    border-radius: 0.5rem;

    text-align: left;

    box-sizing: border-box;

}


/* Panel heading */

.mse-learner-help__heading {

    margin: 0 0 0.5rem;

    padding: 0;

    color: #003087;

    font-family: inherit;

    font-size: 1.25rem;

    font-weight: 600;

    line-height: 1.3;

    text-align: left;

}


/* Supporting text */

.mse-learner-help__intro {

    margin: 0 0 1rem;

    padding: 0;

    color: #212B32;

    font-size: 0.95rem;

    font-weight: 400;

    line-height: 1.5;

}


/* Link group */

.mse-learner-help__links {

    display: flex;

    flex-direction: column;

    gap: 0.625rem;

    width: 100%;

    margin: 0;

    padding: 0;

}


/* Secondary support links */

.mse-learner-help__link {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    width: 100%;

    min-height: 2.75rem;

    padding: 0.625rem 0.875rem;

    background: #FFFFFF;

    border: 1px solid #005EB8;

    border-radius: 0.5rem;

    color: #003087 !important;

    font-family: inherit;

    font-size: 0.95rem;

    font-weight: 600;

    line-height: 1.3;

    text-align: left;

    text-decoration: none !important;

    box-sizing: border-box;

    cursor: pointer;

    transition:

        background-color 160ms ease,

        border-color 160ms ease,

        transform 160ms ease,

        box-shadow 160ms ease;

}


/* Add a subtle directional cue */

.mse-learner-help__link::after {

    content: "›";

    margin-left: auto;

    color: #005EB8;

    font-size: 1.25rem;

    font-weight: 600;

    line-height: 1;

}


/* Hover */

.mse-learner-help__link:hover {

    background: #FFFFFF;

    border-color: #003087;

    color: #003087 !important;

    text-decoration: none !important;

    transform: translateY(-1px);

    box-shadow: 0 0.15rem 0.35rem rgba(0, 0, 0, 0.10);

}


/* Keyboard focus */

.mse-learner-help__link:focus,

.mse-learner-help__link:focus-visible {

    outline: 4px solid #FFDD00 !important;

    outline-offset: 3px;

    box-shadow: 0 0 0 2px #212B32 !important;

}


/* Responsive */

@media (max-width: 760px) {

    .mse-learner-help {

        max-width: none;

        margin-top: 1rem;

    }

}
 
/* =========================================================
  FINAL OVERRIDE — CENTRE MANDATORY PILL TEXT
  ========================================================= */
#inst6678 #cls_exp_custom .cls-cert-compl-box-block,
#inst6678 #cls_due_custom .cls-cert-compl-box-block,
#inst6678 #cls_cert_custom .cls-cert-compl-box-block {
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   text-align: center !important;
   text-indent: 0 !important;
   padding-left: 0.75rem !important;
   padding-right: 0.75rem !important;
}
/* Remove any offset inherited by nested text elements */
#inst6678 .cls-cert-compl-box-block > * {
   width: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
   text-align: center !important;
   text-indent: 0 !important;
}
.mse-learner-help__link:focus,

.mse-learner-help__link:focus-visible {

    outline: 4px solid #FFDD00 !important;

    outline-offset: 3px;

    box-shadow: 0 0 0 2px #212B32 !important;

}

@media (max-width: 760px) {

    .mse-learner-help {

        max-width: none;

        margin-top: 1rem;

    }

}
 /* =========================================================

   LEARNER HOMEPAGE — FINAL CENTRE-COLUMN LAYOUT

   Brings the centre-column controls closer to the donut.

   Uses a 2 × 2 Priority actions grid.

   Prevents horizontal scrolling.

   ========================================================= */


/* ---------------------------------------------------------

   MANDATORY COURSE COMPLETIONS

   --------------------------------------------------------- */

/* Align the whole block to the left of its column */

#inst6678 {

    width: 100% !important;

    max-width: none !important;

    margin-right: auto !important;

    margin-left: 0 !important;

    padding: 0 !important;

    transform: none !important;

}


/* Keep the heading centred above the three-card group */

#inst6678 h1 {

    width: calc((10.5rem * 3) + (0.625rem * 2)) !important;

    max-width: 100% !important;

    margin: 0 0 0.75rem 0 !important;

    padding: 0 !important;

    text-align: center !important;

}


/* Align the group to the left, while centring its card content */

#inst6678 .content > div[style*="text-align: center"] {

    display: flex !important;

    flex-wrap: wrap !important;

    justify-content: flex-start !important;

    align-items: stretch !important;

    gap: 0.625rem !important;

    width: max-content !important;

    max-width: 100% !important;

    margin-right: auto !important;

    margin-left: 0 !important;

    padding: 0 !important;

    text-align: center !important;

}


/* Outer native status links */

#inst6678 #cls_exp_custom,

#inst6678 #cls_due_custom,

#inst6678 #cls_cert_custom {

    flex: 0 0 10.5rem !important;

    width: 10.5rem !important;

    min-width: 10.5rem !important;

    max-width: 10.5rem !important;

    margin: 0 !important;

    padding: 0 !important;

}


/*

   Status-card height is approximately the visual thickness

   of the Required learning donut ring.

*/

#inst6678 #cls_exp_custom .cls-cert-compl-box-block,

#inst6678 #cls_due_custom .cls-cert-compl-box-block,

#inst6678 #cls_cert_custom .cls-cert-compl-box-block {

    display: grid !important;

    place-items: center !important;

    width: 10.5rem !important;

    height: 3rem !important;

    min-height: 3rem !important;

    margin: 0 !important;

    padding: 0.5rem 0.75rem !important;

    border-radius: 0.5rem !important;

    font-size: 1rem !important;

    font-weight: 600 !important;

    line-height: 1.2 !important;

    text-align: center !important;

    box-sizing: border-box !important;

}


/* ---------------------------------------------------------

   PRIORITY ACTIONS — TWO-BY-TWO GRID

   --------------------------------------------------------- */

.mse-wireframe-actions {

    width: max-content !important;

    max-width: 100% !important;

    margin: 1.25rem auto 0 0 !important;

    padding: 0 !important;

    transform: none !important;

}


/* Centre heading above the two-column card group */

.mse-wireframe-actions__heading {

    width: 100% !important;

    margin: 0 0 0.75rem !important;

    padding: 0 !important;

    text-align: center !important;

}


/* Two cards per row */

.mse-wireframe-actions__grid {

    display: grid !important;

    grid-template-columns: repeat(2, 12rem) !important;

    justify-content: start !important;

    align-items: stretch !important;

    gap: 0.75rem !important;

    width: max-content !important;

    max-width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    overflow: visible !important;

}


/* Slightly narrower cards, but still generous touch targets */

.mse-wireframe-action {

    width: 12rem !important;

    min-width: 12rem !important;

    min-height: 4.25rem !important;

    padding: 0.75rem 1rem !important;

    border-radius: 0.5rem !important;

    font-size: 1rem !important;

    font-weight: 600 !important;

    line-height: 1.3 !important;

    box-sizing: border-box !important;

}


/* ---------------------------------------------------------

   RESPONSIVE BEHAVIOUR

   --------------------------------------------------------- */

@media (max-width: 900px) {

    #inst6678 h1 {

        width: 100% !important;

    }

    #inst6678 .content > div[style*="text-align: center"] {

        width: 100% !important;

        justify-content: center !important;

    }

    .mse-wireframe-actions {

        width: 100% !important;

        margin-right: auto !important;

        margin-left: auto !important;

    }

    .mse-wireframe-actions__grid {

        justify-content: center !important;

        margin-right: auto !important;

        margin-left: auto !important;

    }

}


@media (max-width: 620px) {

    #inst6678 .content > div[style*="text-align: center"] {

        flex-direction: column !important;

        align-items: center !important;

    }

    #inst6678 #cls_exp_custom,

    #inst6678 #cls_due_custom,

    #inst6678 #cls_cert_custom,

    #inst6678 #cls_exp_custom .cls-cert-compl-box-block,

    #inst6678 #cls_due_custom .cls-cert-compl-box-block,

    #inst6678 #cls_cert_custom .cls-cert-compl-box-block {

        width: min(100%, 20rem) !important;

        max-width: 20rem !important;

        min-width: 0 !important;

    }

    .mse-wireframe-actions__grid {

        grid-template-columns: minmax(0, 1fr) !important;

        width: 100% !important;

    }

    .mse-wireframe-action {

        width: 100% !important;

        min-width: 0 !important;

    }

}
 /* =========================================================
  LEARNER HOMEPAGE — FULL-WIDTH CENTRE COLUMN COMPONENTS
  Makes the Mandatory course completion cards and
  Priority action cards span the full width of the centre
  dashboard region.
  Paste at the absolute bottom of the custom CSS.
  ========================================================= */

/* ---------------------------------------------------------
  MANDATORY COURSE COMPLETIONS
  --------------------------------------------------------- */
/* Let the block use the full width of its Totara region */
#inst6678 {
   width: 100% !important;
   max-width: none !important;
   margin: 0 !important;
   padding: 0 !important;
   transform: none !important;
}

/* Centre the heading across the full card group */
#inst6678 h1 {
   width: 100% !important;
   max-width: none !important;
   margin: 0 0 0.75rem !important;
   padding: 0 !important;
   text-align: center !important;
}

/* Three equal columns spanning the full region */
#inst6678 .content > div[style*="text-align: center"] {
   display: grid !important;
   grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
   gap: 0.625rem !important;
   width: 100% !important;
   max-width: none !important;
   margin: 0 !important;
   padding: 0 !important;
   text-align: center !important;
}

/* Outer links fill their grid columns */
#inst6678 #cls_exp_custom,
#inst6678 #cls_due_custom,
#inst6678 #cls_cert_custom {
   display: block !important;
   width: 100% !important;
   min-width: 0 !important;
   max-width: none !important;
   margin: 0 !important;
   padding: 0 !important;
}

/* Visible status cards fill their columns */
#inst6678 #cls_exp_custom .cls-cert-compl-box-block,
#inst6678 #cls_due_custom .cls-cert-compl-box-block,
#inst6678 #cls_cert_custom .cls-cert-compl-box-block {
   display: grid !important;
   place-items: center !important;
   width: 100% !important;
   min-width: 0 !important;
   max-width: none !important;
   height: 3rem !important;
   min-height: 3rem !important;
   margin: 0 !important;
   padding: 0.5rem 0.75rem !important;
   border-radius: 0.5rem !important;
   text-align: center !important;
   box-sizing: border-box !important;
}

/* ---------------------------------------------------------
  PRIORITY ACTIONS
  --------------------------------------------------------- */
/* Let the complete component span the centre region */
.mse-wireframe-actions {
   width: 100% !important;
   max-width: none !important;
   margin: 1.25rem 0 0 !important;
   padding: 0 !important;
   transform: none !important;
   box-sizing: border-box !important;
}

/* Centre the title across the exact grid width */
.mse-wireframe-actions__heading {
   width: 100% !important;
   margin: 0 0 0.75rem !important;
   padding: 0 !important;
   text-align: center !important;
}

/* Two equal-width cards per row spanning the centre region */
.mse-wireframe-actions__grid {
   display: grid !important;
   grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
   gap: 0.75rem !important;
   width: 100% !important;
   max-width: none !important;
   margin: 0 !important;
   padding: 0 !important;
   overflow: visible !important;
}

/* Each card fills its grid column */
.mse-wireframe-action {
   width: 100% !important;
   min-width: 0 !important;
   max-width: none !important;
   min-height: 4.25rem !important;
   padding: 0.75rem 1rem !important;
   box-sizing: border-box !important;
}

/* ---------------------------------------------------------
  RESPONSIVE BEHAVIOUR
  --------------------------------------------------------- */
@media (max-width: 760px) {
   #inst6678 .content > div[style*="text-align: center"] {
       grid-template-columns: 1fr !important;
   }
   .mse-wireframe-actions__grid {
       grid-template-columns: 1fr !important;
   }
   #inst6678 #cls_exp_custom,
   #inst6678 #cls_due_custom,
   #inst6678 #cls_cert_custom,
   #inst6678 #cls_exp_custom .cls-cert-compl-box-block,
   #inst6678 #cls_due_custom .cls-cert-compl-box-block,
   #inst6678 #cls_cert_custom .cls-cert-compl-box-block,
   .mse-wireframe-action {
       width: 100% !important;
       max-width: none !important;
       min-width: 0 !important;
   }
}
/* =========================================================

   1. HELP AND SUPPORT — DISTINCT SECONDARY PANEL

   ========================================================= */

.mse-learner-help {

    display: block !important;

    width: 100% !important;

    max-width: none !important;

    margin: 0 !important;

    padding: 1.25rem 1.25rem 1.25rem 1.5rem !important;

    background-color: #E8F1F8 !important;

    border: 1px solid #D8DDE0 !important;

    border-left: 0.35rem solid #005EB8 !important;

    border-radius: 0.5rem !important;

    text-align: left !important;

    box-sizing: border-box !important;

}

.mse-learner-help__heading {

    margin: 0 0 0.5rem !important;

    padding: 0 !important;

    color: #003087 !important;

    font-family: inherit !important;

    font-size: 1.25rem !important;

    font-weight: 600 !important;

    line-height: 1.3 !important;

    text-align: left !important;

}

.mse-learner-help__intro {

    margin: 0 0 1rem !important;

    padding: 0 !important;

    color: #212B32 !important;

    font-size: 0.95rem !important;

    font-weight: 400 !important;

    line-height: 1.5 !important;

}

.mse-learner-help__links {

    display: flex !important;

    flex-direction: column !important;

    gap: 0.625rem !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

}

.mse-learner-help__link {

    display: flex !important;

    align-items: center !important;

    justify-content: flex-start !important;

    width: 100% !important;

    min-height: 2.75rem !important;

    padding: 0.625rem 0.875rem !important;

    background: #FFFFFF !important;

    border: 1px solid #005EB8 !important;

    border-radius: 0.5rem !important;

    color: #003087 !important;

    font-size: 0.95rem !important;

    font-weight: 600 !important;

    line-height: 1.3 !important;

    text-align: left !important;

    text-decoration: none !important;

    box-sizing: border-box !important;

}

.mse-learner-help__link::after {

    content: "›" !important;

    margin-left: auto !important;

    color: #005EB8 !important;

    font-size: 1.25rem !important;

    font-weight: 600 !important;

    line-height: 1 !important;

}
 /* =========================================================
  2. PRIORITY ACTIONS — REDUCE VISUAL WEIGHT
  ========================================================= */
.mse-wireframe-action {
   min-height: 4rem !important;
   padding: 0.625rem 1rem !important;
}
/* =========================================================
  3. SPACE BETWEEN STATUS AND PRIORITY ACTIONS
  ========================================================= */
.mse-wireframe-actions {
   margin-top: 2rem !important;
}
/* =========================================================
  4. CONSISTENT HEADING-TO-CONTENT SPACING
  ========================================================= */
#inst6678 h1,
.mse-wireframe-actions__heading {
   margin-top: 0 !important;
   margin-bottom: 0.75rem !important;
}
/* =========================================================
  5. LOWER HELP AND SUPPORT PANEL
  ========================================================= */
.mse-learner-help {
   margin-top: 2rem !important;
}
/* =========================================================
  6. DONUT-TO-INSTRUCTION SPACING
  ========================================================= */
#inst6677 canvas#CLSmyDonutChart6677 {
   margin-bottom: 0.75rem !important;
}
/* =========================================================
  7. SPACE BEFORE RESUME LEARNING
  ========================================================= */
.block-totara-featured-links,
.block_current_learning,
.block_totara_current_learning {
   margin-top: 2rem !important;
}
#inst6682 {
   margin-top: 2rem !important;
}
/* =========================================================
  8. INTERACTION AND KEYBOARD ACCESSIBILITY
  ========================================================= */
.mse-wireframe-action,
.mse-learner-help__link {
   cursor: pointer !important;
}
.mse-wireframe-action:hover {
   background: #E8F1F8 !important;
   border-color: #003087 !important;
   color: #003087 !important;
   transform: translateY(-1px) !important;
   box-shadow: 0 0.15rem 0.4rem rgba(0, 0, 0, 0.10) !important;
}
.mse-learner-help__link:hover {
   background: #FFFFFF !important;
   border-color: #003087 !important;
   color: #003087 !important;
   transform: translateY(-1px) !important;
   box-shadow: 0 0.15rem 0.35rem rgba(0, 0, 0, 0.10) !important;
}
.mse-wireframe-action:focus,
.mse-wireframe-action:focus-visible,
.mse-learner-help__link:focus,
.mse-learner-help__link:focus-visible {
   outline: 4px solid #FFDD00 !important;
   outline-offset: 3px !important;
   box-shadow: 0 0 0 2px #212B32 !important;
}
/* =========================================================
  RESUME LEARNING TITLE — MATCH DASHBOARD HEADINGS
  Block instance: #inst6682
  ========================================================= */
/* Remove the native underline / divider */
#inst6682 .card-header,
#inst6682 .block-header,
#inst6682 .header {
   background: transparent !important;
   border-bottom: 0 !important;
   box-shadow: none !important;
}
/* Style the title to match the other dashboard headings */
#inst6682 .card-title,
#inst6682 .block-title,
#inst6682 .block-header h2,
#inst6682 .block-header h3,
#inst6682 .card-header h2,
#inst6682 .card-header h3 {
   margin: 0 0 0.75rem !important;
   padding: 0 !important;
   color: #0072CE !important;
   font-family: inherit !important;
   font-size: 21px !important;
   font-weight: 600 !important;
   line-height: 1.3 !important;
   text-align: left !important;
   background: transparent !important;
   border: 0 !important;
   box-shadow: none !important;
}
/* Remove pseudo-element lines */
#inst6682 .card-title::before,
#inst6682 .card-title::after,
#inst6682 .block-title::before,
#inst6682 .block-title::after,
#inst6682 .block-header h2::before,
#inst6682 .block-header h2::after,
#inst6682 .card-header h2::before,
#inst6682 .card-header h2::after {
   content: none !important;
   display: none !important;
}
/* Remove any remaining divider directly beneath the title */
#inst6682 hr,
#inst6682 .divider,
#inst6682 .border-bottom {
   display: none !important;
   border: 0 !important;
}
/* Reduce gap between Resume learning title and cards */
#inst6682 .card-title,
#inst6682 .block-title,
#inst6682 .block-header h2,
#inst6682 .block-header h3,
#inst6682 .card-header h2,
#inst6682 .card-header h3 {
   margin-bottom: 0rem !important;
}
/* Remove extra spacing inside the title/header container */
#inst6682 .card-header,
#inst6682 .block-header,
#inst6682 .header {
   margin-bottom: 0 !important;
   padding-bottom: 0 !important;
}
/* Pull the learning-card content upward */
#inst6682 .content,
#inst6682 .block-content,
#inst6682 .card-body {
   margin-top: 0 !important;
   padding-top: 0.25rem !important;
}
/* =========================================================
  RESUME LEARNING — PULL CARDS CLOSER TO TITLE
  Block instance: #inst6682
  ========================================================= */
/* Remove spacing from the block content wrappers */
#inst6682 .content,
#inst6682 .block-content,
#inst6682 .card-body {
   margin-top: 0 !important;
   padding-top: 0 !important;
}
/* Pull the first content element upwards */
#inst6682 .content > :first-child,
#inst6682 .block-content > :first-child,
#inst6682 .card-body > :first-child {
   margin-top: -1.5rem !important;
}
/* Remove any top spacing from the learning-card layout */
#inst6682 .row,
#inst6682 .grid,
#inst6682 .tiles,
#inst6682 .items,
#inst6682 ul {
   margin-top: 0 !important;
   padding-top: 0 !important;
}
/* =========================================================
  FINAL OVERRIDE — CENTRE MANDATORY PILL TEXT
  ========================================================= */
#inst6678 #cls_exp_custom .cls-cert-compl-box-block,
#inst6678 #cls_due_custom .cls-cert-compl-box-block,
#inst6678 #cls_cert_custom .cls-cert-compl-box-block {
   display: block !important;
   height: 3rem !important;
   min-height: 3rem !important;
   margin: 0 !important;
   padding: 0 !important;
   font-size: 1rem !important;
   font-weight: 600 !important;
   line-height: 3rem !important;
   text-align: center !important;
   text-indent: 0 !important;
   vertical-align: middle !important;
}
/* Remove offsets from any nested element */
#inst6678 .cls-cert-compl-box-block > * {
   display: inline !important;
   width: auto !important;
   margin: 0 !important;
   padding: 0 !important;
   line-height: inherit !important;
   text-align: center !important;
   vertical-align: middle !important;
}
/* ==========================================================
  CLS Cert & Prog Donut – Required Learning chart
  Replace #inst6724 with the block instance ID
  ========================================================== */
/* Remove unwanted default block-heading spacing */
#inst6724 .card-header {
   display: none !important;
}
/* ----------------------------------------------------------
  Chart title: "Safety Level"
  ---------------------------------------------------------- */
#inst6724 .highcharts-title {
   fill: #005EB8 !important;
   color: #005EB8 !important;
   font-family: Frutiger, "Frutiger W01", Arial, sans-serif !important;
   font-size: 1.25rem !important;
   font-weight: 600 !important;
   text-align: center !important;
   /* Move the title slightly upward */
   transform: translateY(-8px);
}
/* Highcharts may place the styling on an inner span */
#inst6724 .highcharts-title span {
   color: #005EB8 !important;
   font-family: Frutiger, "Frutiger W01", Arial, sans-serif !important;
   font-size: 1.25rem !important;
   font-weight: 600 !important;
}
/* ----------------------------------------------------------
  Footer: "Click to view required learning"
  ---------------------------------------------------------- */
#inst6724 .highcharts-subtitle,
#inst6724 .highcharts-caption {
   fill: #005EB8 !important;
   color: #005EB8 !important;
   font-family: Frutiger, "Frutiger W01", Arial, sans-serif !important;
   font-size: 1rem !important;
   font-weight: 600 !important;
   text-align: center !important;
   /* Move the label further below the doughnut */
   transform: translateY(18px);
}
#inst6724 .highcharts-subtitle span,
#inst6724 .highcharts-caption span {
   color: #005EB8 !important;
   font-family: Frutiger, "Frutiger W01", Arial, sans-serif !important;
   font-size: 1rem !important;
   font-weight: 600 !important;
}
/* Make the whole chart area slightly taller so the footer
  does not collide with the bottom of the block */
#inst6724 .highcharts-container,
#inst6724 .highcharts-root {
   overflow: visible !important;
}
#inst6724 .card-body,
#inst6724 .content {
   padding-top: 0.5rem !important;
   padding-bottom: 2rem !important;
   overflow: visible !important;
}
/* ==========================================================

   MSE Section Title

   ========================================================== */

.mse-section-title {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: .6rem;

    margin: 0 0 1rem;

}

.mse-section-accent {

    width: .7rem;

    height: .7rem;

    border-radius: 50%;

    background: #005EB8;

    flex-shrink: 0;

}

.mse-section-title h2 {

    margin: 0;

    font-family: Frutiger, "Frutiger W01", Arial, sans-serif;

    font-size: 1.6rem;

    font-weight: 600;

    line-height: 1.2;

    color: #005EB8;

}
 /* ==========================================================
  Required learning title
  ========================================================== */
.mse-required-learning-title {
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0 !important;
   padding: 0 !important;
}
.mse-required-learning-title h2 {
   margin: 0 !important;
   padding: 0 !important;
   color: #0072CE;
   font-family: Frutiger, "Frutiger W01", Arial, sans-serif;
   font-size: 1.25rem;
   font-weight: 200;
   line-height: 1.2;
   text-align: center;
}
/* Replace instTITLE with the HTML title block instance ID */
#inst6725 {
   margin-bottom: 0 !important;
   padding-bottom: 0 !important;
}
#inst6725 .card,
#inst6725 .card-body,
#inst6725 .content {
   margin-bottom: 0 !important;
   padding-top: 0 !important;
   padding-bottom: 0 !important;
   min-height: 0 !important;
}
/* Replace instACTIONS with the Priority actions block instance ID */
#inst6719 {
   margin-top: -0.5rem !important;
}
#inst6719 .card,
#inst6719 .card-body,
#inst6719 .content {
   padding-top: 0 !important;
}
.mse-required-learning-title {

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 !important;

    padding: 0 !important;

}

/* ==========================================================
  Required learning title block – instance 6725
  ========================================================== */
#inst6725 {
   margin: 0 !important;
   padding: 0 !important;
   min-height: 0 !important;
}
#inst6725 .card,
#inst6725 .card-body,
#inst6725 .content,
#inst6725 .no-overflow,
#inst6725 .generated-content-user {
   margin: 0 !important;
   padding: 0 !important;
   min-height: 0 !important;
}
/* Title wrapper */
#inst6725 .mse-required-learning-title {
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   margin: 0 !important;
   padding: 0.25rem 0 !important;
   min-height: 0 !important;
}
/* Force the actual heading styling */
#inst6725 .mse-required-learning-title h2,
#inst6725 .generated-content-user .mse-required-learning-title h2 {
   margin: 0 !important;
   padding: 0 !important;
   color: #0072CE !important;
   font-family: Frutiger, "Frutiger W01", Arial, sans-serif !important;
   font-size: 1.25rem !important;
   font-weight: 550 !important;
   line-height: 1.2 !important;
   text-align: center !important;
   letter-spacing: 0 !important;
}
#inst6724 canvas#CLSmDonutChart6724 {
   display: block !important;
   width: 230px !important;
   height: 230px !important;
   max-width: 230px !important;
   max-height: 230px !important;
   margin: 0 auto 1.25rem !important;
}
/* CLS Cert & Prog Donut – instance 6724 */
/* Increase the chart area height */
#inst6724 .charts__size-monitor,
#inst6724 .block-content,
#inst6724 .content {
   min-height: 330px !important;
}
/* Add space beneath the doughnut/footer area */
#inst6724 canvas#CLSmDonutChart6724 {
   margin-bottom: 1.25rem !important;
}
/* Ensure the block does not clip the extra spacing */
#inst6724,
#inst6724 .block-content,
#inst6724 .content {
   overflow: visible !important;
   padding-bottom: 0.75rem !important;
}
/* ==========================================================
  CLS Cert & Prog Donut – instance 6724
  Replace the canvas footer with a lower CSS footer
  ========================================================== */
#inst6724 .block-content {
   position: relative !important;
   padding-bottom: 2rem !important;
   overflow: visible !important;
}
/* Keep the chart centred */
#inst6724 canvas#CLSmDonutChart6724 {
   display: block !important;
   margin: 0 auto !important;
}
/* ==========================================================
  CLS Cert & Prog Donut – instance 6724
  Add visual space above the existing footer without masking
  ========================================================== */
#inst6724 .block-content {
   position: relative !important;
   overflow: visible !important;
   padding-bottom: 1rem !important;
}
/* Keep the whole canvas intact and move it slightly upward */
#inst6724 canvas#CLSmDonutChart6724 {
   display: block !important;
   margin: -0.75rem auto 0 !important;
}
/* Preserve enough height for the complete chart and footer */
#inst6724 .charts__size-monitor {
   min-height: 290px !important;
   overflow: visible !important;
}
/* ==========================================================
  REDUCE VERTICAL GAPS BETWEEN CENTRE BLOCKS
  ========================================================== */
/* Remove space below the Required Learning title */
#inst6725 {
   margin-bottom: 0 !important;
}
#inst6725 .content,
#inst6725 .no-overflow,
#inst6725 .generated-content-user,
#inst6725 .mse-required-learning-title {
   margin-bottom: 0 !important;
   padding-bottom: 0 !important;
}
/* Remove excess space below the doughnut block */
#inst6724 {
   margin-top: 0 !important;
   margin-bottom: 0rem !important;
}
#inst6724 .block-content,
#inst6724 .content {
   margin-bottom: 0 !important;
   padding-bottom: 0 !important;
   min-height: 0 !important;
}
/* Pull Priority actions upwards */
#inst6719 {
   margin-top: -0.5rem !important;
}
#inst6719 .content,
#inst6719 .no-overflow,
#inst6719 .generated-content-user {
   padding-top: 0 !important;
   margin-top: 0 !important;
}
/* ==========================================================
  Reduce gap between Welcome and Help and support
  Welcome: 6723
  Help:    6721
  ========================================================== */
/* Remove the default bottom spacing from the Welcome block */
#inst6723 {
   margin-bottom: 0 !important;
}
/* Remove internal spacing at the bottom of Welcome */
#inst6723 .block-content,
#inst6723 .content,
#inst6723 .no-overflow {
   margin-bottom: 0 !important;
   padding-bottom: 0 !important;
}
/* Pull Help and support closer to Welcome */
#inst6721 {
   margin-top: 0.75rem !important;
}
/* Remove unnecessary spacing at the top of Help and support */
#inst6721 .block-content,
#inst6721 .content,
#inst6721 .no-overflow,
#inst6721 .generated-content-user {
   margin-top: 0 !important;
   padding-top: 0 !important;
}
/* ==========================================================
  Reduce gap between Help and support and Resume learning
  Help:   6721
  Resume: 6682
  ========================================================== */
/* Remove space below Help and support */
#inst6721 {
   margin-bottom: 0 !important;
}
#inst6721 .block-content,
#inst6721 .content,
#inst6721 .no-overflow,
#inst6721 .generated-content-user {
   margin-bottom: 0 !important;
   padding-bottom: 0 !important;
}
/* Pull Resume learning upwards */
#inst6682 {
   margin-top: 2rem !important;
}
#inst6682 .block-content,
#inst6682 .content {
   margin-top: 0 !important;
   padding-top: 0 !important;
}
/* ==========================================================
  MSE Welcome/Profile block
  Instance: 6723
  Custom CSS class: mse-profile-card
  ========================================================== */

/* ----------------------------------------------------------
  1. OUTER CARD
  ---------------------------------------------------------- */
#inst6723.mse-profile-card {
   position: relative !important;
   overflow: visible !important;
   margin: 0 0 0.35rem !important;
   padding: 0 !important;
   background: #ffffff !important;
   border: 1px solid #d8dde3 !important;
   border-radius: 0.5rem !important;
   box-shadow: 0 1px 3px rgba(33, 43, 50, 0.12) !important;
}

/* ----------------------------------------------------------
  2. KEEP EDITING CONTROLS AND SETTINGS COG ACCESSIBLE
  ---------------------------------------------------------- */
#inst6723.mse-profile-card .header,
#inst6723.mse-profile-card .block-header,
#inst6723.mse-profile-card .card-header,
#inst6723.mse-profile-card .block-controls,
#inst6723.mse-profile-card .commands,
#inst6723.mse-profile-card .block_action,
#inst6723.mse-profile-card [data-region="block-actions"],
#inst6723.mse-profile-card .dropdown,
#inst6723.mse-profile-card .editing_move {
   position: relative !important;
   z-index: 50 !important;
   overflow: visible !important;
   visibility: visible !important;
   opacity: 1 !important;
}
/* Keep the editing header compact */
#inst6723.mse-profile-card .header,
#inst6723.mse-profile-card .block-header,
#inst6723.mse-profile-card .card-header {
   min-height: 0 !important;
   padding: 0 !important;
   background: transparent !important;
   border: 0 !important;
}

/* ----------------------------------------------------------
  3. MAIN CONTENT CONTAINER
  ---------------------------------------------------------- */
#inst6723.mse-profile-card .block-content {
   position: relative !important;
   overflow: hidden !important;
   margin: 0 !important;
   padding: 0 0.9rem 0.7rem !important;
   background: #ffffff !important;
   border-radius: 0.5rem !important;
}
/* Neutralise nested content containers */
#inst6723.mse-profile-card .content {
   position: static !important;
   margin: 0 !important;
   padding: 0 !important;
   background: transparent !important;
   overflow: visible !important;
}

/* ----------------------------------------------------------
  4. GREEN-TO-BLUE BANNER
  ---------------------------------------------------------- */
#inst6723.mse-profile-card .block-content::before {
   content: "" !important;
   display: block !important;
   width: 100% !important;
   height: 5rem;
   margin: 0 !important;
   background:
       linear-gradient(
           135deg,
           #00A499 0%,
           #0072CE 52%,
           #005EB8 100%
       ) !important;
border-radius: 0.5rem 0.5rem 0 0 !important;
   pointer-events: none !important;
}

/* ----------------------------------------------------------
  5. NHS LOGO
  Replace the URL below with the working hosted logo URL
  ---------------------------------------------------------- */
#inst6723.mse-profile-card .block-content::after {
   content: "" !important;
   display: block !important;
   position: absolute !important;
   top: 0.35rem !important;
   right: 0.5rem !important;
   width: 15rem !important;
   height: 4.25rem !important;
   background-color: transparent !important;
   background-image: url("https://elevate.mse.nhs.uk/draftfile.php/46454/user/draft/480725079/NHS%20logo%20white.png") !important;
   background-repeat: no-repeat !important;
   background-position: right center !important;
   background-size: contain !important;
   z-index: 10 !important;
   opacity: 1 !important;
   visibility: visible !important;
   pointer-events: none !important;
}

/* ----------------------------------------------------------
  6. PROFILE AREA
  ---------------------------------------------------------- */
#inst6723.mse-profile-card .clsuserprofileimage {
   position: relative !important;
   z-index: 15 !important;
   display: flex !important;
   flex-direction: column !important;
   align-items: center !important;
   margin: -3rem 0 0 !important;
   padding: 0 !important;
   text-align: center !important;
}

/* ----------------------------------------------------------
  7. PROFILE IMAGE
  ---------------------------------------------------------- */
#inst6723.mse-profile-card .clsuserprofileimage > a {
   display: block !important;
   margin: 0 !important;
   padding: 0 !important;
   background: transparent !important;
   border: 0 !important;
   border-radius: 0 !important;
   box-shadow: none !important;
}
#inst6723.mse-profile-card .clsuserprofileimage img {
   display: block !important;
   width: 5rem !important;
   height: 5rem !important;
   max-width: 5rem !important;
   max-height: 5rem !important;
   margin: 0 auto 0.45rem !important;
   object-fit: cover !important;
   background: #ffffff !important;
   border: 3px solid #ffffff !important;
   border-radius: 50% !important;
   box-shadow:
       0 0 0 1px #aeb7bd,
       0 2px 4px rgba(33, 43, 50, 0.18) !important;
}

/* ----------------------------------------------------------
  8. WELCOME MESSAGE
  ---------------------------------------------------------- */
#inst6723.mse-profile-card .clsuserprofileimage p {
   margin: 0 0 0.25rem !important;
   padding: 0 !important;
   color: #212b32 !important;
   font-family:
       Frutiger,
       "Frutiger W01",
       Arial,
       sans-serif !important;
   font-size: 1rem !important;
   font-weight: 400 !important;
   line-height: 1.25 !important;
   text-align: center !important;
}
/* Keep the learner's name slightly more prominent */
#inst6723.mse-profile-card .clsuserprofileimage p a,
#inst6723.mse-profile-card .clsuserprofileimage p strong,
#inst6723.mse-profile-card .clsuserprofileimage p b {
   color: #00A499 !important;
   font-weight: 500 !important;
   text-decoration: none !important;
}

/* ----------------------------------------------------------
  9. MANAGER DETAILS
  ---------------------------------------------------------- */
#inst6723.mse-profile-card .cls_Manager_show_user {
   margin: 0.1rem 0 0.45rem !important;
   padding: 0 0 0.45rem !important;
   color: #425563 !important;
   border-bottom: 1px solid #d8dde3 !important;
   font-family:
       Frutiger,
       "Frutiger W01",
       Arial,
       sans-serif !important;
   font-size: 0.9rem !important;
   font-weight: 400 !important;
   line-height: 1.3 !important;
   text-align: center !important;
}
#inst6723.mse-profile-card .cls_Manager_show_user p {
   margin: 0.1rem 0 !important;
   padding: 0 !important;
}

/* ----------------------------------------------------------
  10. ACTUAL PROFILE BUTTONS ONLY
  ---------------------------------------------------------- */
#inst6723.mse-profile-card input[type="button"],
#inst6723.mse-profile-card input[type="submit"],
#inst6723.mse-profile-card button.btn,
#inst6723.mse-profile-card a.btn {
   display: inline-flex !important;
   align-items: center !important;
   justify-content: center !important;
   min-height: 1.9rem !important;
   margin: 0.1rem !important;
   padding: 0.25rem 0.55rem !important;
   color: #005EB8 !important;
   background: transparent !important;
   border: 0 !important;
   border-radius: 0.25rem !important;
   box-shadow: none !important;
   font-family:
       Frutiger,
       "Frutiger W01",
       Arial,
       sans-serif !important;
   font-size: 0.82rem !important;
   font-weight: 500 !important;
   line-height: 1.2 !important;
   text-decoration: none !important;
}

/* ----------------------------------------------------------
  11. BUTTON HOVER AND FOCUS
  ---------------------------------------------------------- */
#inst6723.mse-profile-card input[type="button"]:hover,
#inst6723.mse-profile-card input[type="submit"]:hover,
#inst6723.mse-profile-card button.btn:hover,
#inst6723.mse-profile-card a.btn:hover {
   color: #003087 !important;
   background: #e8edee !important;
   border: 0 !important;
   box-shadow: none !important;
}
#inst6723.mse-profile-card input[type="button"]:focus-visible,
#inst6723.mse-profile-card input[type="submit"]:focus-visible,
#inst6723.mse-profile-card button.btn:focus-visible,
#inst6723.mse-profile-card a.btn:focus-visible,
#inst6723.mse-profile-card .clsuserprofileimage > a:focus-visible {
   outline: 3px solid #ffeb3b !important;
   outline-offset: 2px !important;
}

/* ----------------------------------------------------------
  12. DO NOT RESTYLE THE SETTINGS COG OR EDITING ICONS
  ---------------------------------------------------------- */
#inst6723.mse-profile-card .block-controls a,
#inst6723.mse-profile-card .commands a,
#inst6723.mse-profile-card .block_action a,
#inst6723.mse-profile-card [data-region="block-actions"] a,
#inst6723.mse-profile-card .dropdown a,
#inst6723.mse-profile-card .editing_move {
   display: initial !important;
   min-height: 0 !important;
   margin: 0 !important;
   padding: initial !important;
   color: inherit !important;
   background: transparent !important;
   border: 0 !important;
   border-radius: 0 !important;
   box-shadow: none !important;
   font-size: inherit !important;
   font-weight: inherit !important;
}

/* ----------------------------------------------------------
  13. MOBILE
  ---------------------------------------------------------- */
@media (max-width: 767px) {
   #inst6723.mse-profile-card .block-content {
       padding-right: 0.75rem !important;
       padding-left: 0.75rem !important;
   }
   #inst6723.mse-profile-card .block-content::before {
       width: calc(100% + 1.5rem);
       margin-right: -0.75rem;
       margin-left: -0.75rem;
   }
   #inst6723.mse-profile-card .block-content::after {
       right: 0.45rem !important;
       width: 4.75rem !important;
       height: 2rem !important;
   }
   #inst6723.mse-profile-card .clsuserprofileimage img {
       width: 4.5rem !important;
       height: 4.5rem !important;
       max-width: 4.5rem !important;
       max-height: 4.5rem !important;
   }
}
/* Safer removal of likely native divider */
#inst6723.mse-profile-card .block-footer,
#inst6723.mse-profile-card .card-footer,
#inst6723.mse-profile-card .footer,
#inst6723.mse-profile-card hr,
#inst6723.mse-profile-card .border-top {
   border-top: 0 !important;
   border-bottom: 0 !important;
   box-shadow: none !important;
   background: transparent !important;
}
#inst6723.mse-profile-card .block-content {
   border-bottom: 0 !important;
   box-shadow: none !important;
}
/* =========================================================
  REMOVE INTERNAL GREY LINE FROM PROFILE CARD
  Keep the outer card border intact
  ========================================================= */
#inst6723.mse-profile-card .clsuserprofileimage,
#inst6723.mse-profile-card .clsuserprofileimage > div,
#inst6723.mse-profile-card .clsuserprofileimage + div,
#inst6723.mse-profile-card .content > div,
#inst6723.mse-profile-card .block-content > div {
   border-bottom: 0 !important;
   border-top: 0 !important;
   box-shadow: none !important;
   background-image: none !important;
}
#inst6723.mse-profile-card .clsuserprofileimage::before,
#inst6723.mse-profile-card .clsuserprofileimage::after {
   content: none !important;
   display: none !important;
   border: 0 !important;
   box-shadow: none !important;
}
/* =========================================================
  LEARNER HOMEPAGE — CONSISTENT SPACING AND ALIGNMENT
  ========================================================= */
:root {
   --mse-dashboard-gap: 1.25rem;
   --mse-card-gap: 0.75rem;
}

/* ---------------------------------------------------------
  CONSISTENT VERTICAL BLOCK SPACING
  --------------------------------------------------------- */
/* Profile card to Help and support */
#inst6723.mse-profile-card {
   margin-bottom: var(--mse-dashboard-gap) !important;
}
/* Mandatory status to Priority actions */
.mse-wireframe-actions {
   margin-top: var(--mse-dashboard-gap) !important;
}
/* Help and support to the following block */
.mse-learner-help {
   margin-bottom: var(--mse-dashboard-gap) !important;
}
/* Resume learning separation */
#inst6682 {
   margin-top: var(--mse-dashboard-gap) !important;
}

/* ---------------------------------------------------------
  CONSISTENT INTERNAL CARD GAPS
  --------------------------------------------------------- */
#inst6678 .content > div[style*="text-align: center"] {
   gap: var(--mse-card-gap) !important;
}
.mse-wireframe-actions__grid {
   column-gap: var(--mse-card-gap) !important;
   row-gap: var(--mse-card-gap) !important;
}
.mse-learner-help__links {
   gap: var(--mse-card-gap) !important;
}
/* =========================================================
  ALIGN HELP PANEL BOTTOM WITH PRIORITY ACTIONS
  ========================================================= */
.mse-learner-help {
   display: flex !important;
   flex-direction: column !important;
   min-height: 11.5rem !important;
   box-sizing: border-box !important;
}
/* Keep the links grouped at the bottom of the panel */
.mse-learner-help__links {
   margin-top: auto !important;
}
@media (max-width: 900px) {
   .mse-learner-help {
       min-height: 0 !important;
   }
   #inst6723.mse-profile-card,
   .mse-wireframe-actions,
   .mse-learner-help,
   #inst6682 {
       margin-top: var(--mse-dashboard-gap) !important;
       margin-bottom: var(--mse-dashboard-gap) !important;
   }
}
/* Required learning overview: RAG status labels */
.mse-rag {
   display: inline-block;
   min-width: 9.5rem;
   padding: 0.35rem 0.65rem;
   border-radius: 0.25rem;
   color: #fff !important;
   font-weight: 600;
   line-height: 1.35;
   text-align: left;
   white-space: normal;
}
.mse-rag--red {
   background-color: #da291c !important;
}
.mse-rag--amber {
   background-color: #a65f00 !important;
}
.mse-rag--green {
   background-color: #007f3b !important;
}
.mse-rag--grey {
   background-color: #425563 !important;
}
/* Required Learning linked heading */
.mse-required-learning-heading {
   margin: 0 0 0.5rem;
   text-align: center;
}
.mse-required-learning-heading__link {
   display: inline-block;
   color: #005EB8 !important;
   font-weight: 600;
   text-decoration: none;
   text-align: center;
}
.mse-required-learning-heading__link:visited {
   color: #005EB8 !important;
}
.mse-required-learning-heading__link:hover {
   color: #005EB8 !important;
   text-decoration: underline;
}
.mse-required-learning-heading__link:focus-visible {
   color: #005EB8 !important;
   outline: 3px solid #ffeb3b;
   outline-offset: 4px;
   border-radius: 0.15rem;
   text-decoration: underline;
}
/* =========================================================

   MSE INDUCTION HUB — LIVE PROTOTYPE

   Self-contained landing-page CSS

   Scope: .mse-induction-hub only

   Temporary standalone version.

   Can later be aligned with the shared MSE design system.

   ========================================================= */


/* =========================================================

   01. LOCAL DESIGN TOKENS

   ========================================================= */

.mse-induction-hub {

    --mse-ih-blue: #005EB8;

    --mse-ih-dark-blue: #003087;

    --mse-ih-green: #007F3B;

    --mse-ih-purple: #4C2C92;

    --mse-ih-text: #212B32;

    --mse-ih-muted: #425563;

    --mse-ih-white: #FFFFFF;

    --mse-ih-grey-light: #F0F4F5;

    --mse-ih-border: #D8DDE0;

    --mse-ih-focus: #FFDD00;

    --mse-ih-radius: 0.75rem;

    --mse-ih-shadow:

        0 2px 8px rgba(33, 43, 50, 0.10);

    --mse-ih-shadow-hover:

        0 6px 16px rgba(33, 43, 50, 0.16);

    --mse-ih-width: 1040px;

    width: 100%;

    color: var(--mse-ih-text);

    font-family: inherit;

    box-sizing: border-box;

}


/* =========================================================

   02. BOX SIZING

   ========================================================= */

.mse-induction-hub *,

.mse-induction-hub *::before,

.mse-induction-hub *::after {

    box-sizing: border-box;

}


/* =========================================================

   03. PAGE CONTAINER

   ========================================================= */

.mse-induction-hub__inner {

    width: 100%;

    max-width: var(--mse-ih-width);

    margin: 0 auto;

    padding: 1rem;

}


/* =========================================================

   04. INTRODUCTION

   ========================================================= */

.mse-induction-hub__intro {

    margin: 0 0 1.5rem;

    padding: 0;

}

.mse-induction-hub__intro h1 {

    margin: 0 0 0.65rem;

    padding: 0;

    color: var(--mse-ih-dark-blue);

    font-family: inherit;

    font-size: clamp(1.8rem, 3vw, 2.4rem);

    font-weight: 700;

    line-height: 1.15;

}

.mse-induction-hub__intro p {

    max-width: 44rem;

    margin: 0 0 0.4rem;

    padding: 0;

    color: var(--mse-ih-text);

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

}

.mse-induction-hub__intro

.mse-induction-hub__instruction {

    margin-top: 0.65rem;

    font-weight: 600;

}


/* =========================================================

   05. PRIMARY THREE-CARD GRID

   ========================================================= */

.mse-induction-hub__routes {

    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 1rem;

    width: 100%;

    margin: 0;

    padding: 0;

}


/* =========================================================

   06. ROUTE CARDS

   ========================================================= */

.mse-induction-route {

    position: relative;

    display: grid;

    grid-template-columns: auto 1fr auto;

    align-items: start;

    gap: 0.9rem;

    width: 100%;

    min-width: 0;

    min-height: 9.5rem;

    margin: 0;

    padding: 1.25rem;

    background: var(--mse-ih-white);

    border: 1px solid var(--mse-ih-border);

    border-radius: var(--mse-ih-radius);

    box-shadow: var(--mse-ih-shadow);

    color: var(--mse-ih-text) !important;

    text-decoration: none !important;

    cursor: pointer;

    transition:

        transform 160ms ease,

        box-shadow 160ms ease,

        border-color 160ms ease;

}


/* =========================================================

   07. CATEGORY ACCENTS

   ========================================================= */

.mse-induction-route--started {

    border-top: 4px solid var(--mse-ih-blue);

}

.mse-induction-route--essentials {

    border-top: 4px solid var(--mse-ih-green);

}

.mse-induction-route--trust {

    border-top: 4px solid var(--mse-ih-purple);

}


/* =========================================================

   08. NUMBER CIRCLES

   ========================================================= */

.mse-induction-route__number {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 2.6rem;

    height: 2.6rem;

    flex: 0 0 2.6rem;

    margin: 0;

    border-radius: 50%;

    background: var(--mse-ih-blue);

    color: #FFFFFF;

    font-size: 1.1rem;

    font-weight: 700;

    line-height: 1;

}

.mse-induction-route--essentials

.mse-induction-route__number {

    background: var(--mse-ih-green);

}

.mse-induction-route--trust

.mse-induction-route__number {

    background: var(--mse-ih-purple);

}


/* =========================================================

   09. CARD TEXT

   ========================================================= */

.mse-induction-route__content {

    display: block;

    min-width: 0;

}

.mse-induction-route__title {

    display: block;

    margin: 0 0 0.55rem;

    padding: 0;

    color: var(--mse-ih-dark-blue);

    font-size: 1.2rem;

    font-weight: 700;

    line-height: 1.25;

}

.mse-induction-route__description {

    display: block;

    margin: 0;

    padding: 0;

    color: var(--mse-ih-text);

    font-size: 0.95rem;

    font-weight: 400;

    line-height: 1.45;

}


/* =========================================================

   10. CHEVRON

   ========================================================= */

.mse-induction-route__arrow {

    align-self: center;

    margin: 0;

    color: var(--mse-ih-blue);

    font-size: 2rem;

    font-weight: 400;

    line-height: 1;

    transition: transform 160ms ease;

}

.mse-induction-route--essentials

.mse-induction-route__arrow {

    color: var(--mse-ih-green);

}

.mse-induction-route--trust

.mse-induction-route__arrow {

    color: var(--mse-ih-purple);

}


/* =========================================================

   11. HOVER

   ========================================================= */

.mse-induction-route:hover {

    border-color: var(--mse-ih-blue);

    box-shadow: var(--mse-ih-shadow-hover);

    transform: translateY(-2px);

}

.mse-induction-route--essentials:hover {

    border-color: var(--mse-ih-green);

}

.mse-induction-route--trust:hover {

    border-color: var(--mse-ih-purple);

}

.mse-induction-route:hover

.mse-induction-route__arrow {

    transform: translateX(3px);

}


/* =========================================================

   12. KEYBOARD FOCUS

   NHS-style high visibility

   ========================================================= */

.mse-induction-route:focus,

.mse-induction-route:focus-visible {

    outline: 4px solid var(--mse-ih-focus) !important;

    outline-offset: 3px !important;

    box-shadow:

        0 0 0 2px var(--mse-ih-text),

        var(--mse-ih-shadow-hover) !important;

    text-decoration: none !important;

}


/* =========================================================

   13. VISITED LINKS

   Do not let browser visited colour break the card design

   ========================================================= */

.mse-induction-route:visited {

    color: var(--mse-ih-text) !important;

}

.mse-induction-route:visited

.mse-induction-route__title {

    color: var(--mse-ih-dark-blue) !important;

}


/* =========================================================

   14. TABLET

   ========================================================= */

@media (max-width: 900px) {

    .mse-induction-hub__routes {

        grid-template-columns: 1fr;

    }

    .mse-induction-route {

        min-height: 0;

    }

}


/* =========================================================

   15. MOBILE

   ========================================================= */

@media (max-width: 640px) {

    .mse-induction-hub__inner {

        padding: 0.75rem;

    }

    .mse-induction-hub__intro {

        margin-bottom: 1.25rem;

    }

    .mse-induction-hub__intro h1 {

        font-size: 1.75rem;

    }

    .mse-induction-hub__intro p {

        font-size: 0.95rem;

    }

    .mse-induction-route {

        grid-template-columns: auto 1fr auto;

        gap: 0.75rem;

        padding: 1rem;

    }

    .mse-induction-route__number {

        width: 2.3rem;

        height: 2.3rem;

        flex-basis: 2.3rem;

        font-size: 1rem;

    }

    .mse-induction-route__title {

        font-size: 1.1rem;

    }

    .mse-induction-route__description {

        font-size: 0.9rem;

    }

}


/* =========================================================

   16. REDUCED MOTION

   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .mse-induction-route,

    .mse-induction-route__arrow {

        transition: none !important;

    }

    .mse-induction-route:hover,

    .mse-induction-route:hover

    .mse-induction-route__arrow {

        transform: none !important;

    }

}
/* =========================================================

   MSE INDUCTION HUB — LIVE PROTOTYPE

   Added: September 2026

   Purpose:

   New Starter / Induction Hub landing page and linked

   Induction Hub pages.

   IMPORTANT:

   - Uses new .mse-induction-hub namespace.

   - Does not replace or modify the previous .mse-ns-* design.

   - Keep this block together for later CSS consolidation.

   ========================================================= */


/* =========================================================

   01. REQUIRED MSE DESIGN TOKENS

   Subset of the current staging MSE Design System.

   ========================================================= */

:root {

    --mse-blue: #005EB8;

    --mse-dark-blue: #003087;

    --mse-teal: #00A499;

    --mse-green: #007F3B;

    --mse-text: #212B32;

    --mse-muted: #425563;

    --mse-grey-5: #F0F4F5;

    --mse-grey-4: #D8DDE0;

    --mse-grey-3: #AEB7BD;

    --mse-white: #FFFFFF;

    --mse-focus: #FFDD00;

    --mse-radius-small: 0.45rem;

    --mse-radius-medium: 0.75rem;

    --mse-radius-large: 1.25rem;

    --mse-border-subtle: 1px solid var(--mse-grey-4);

    --mse-shadow-soft:

        0 0.1rem 0.35rem rgba(0, 0, 0, 0.08);

    --mse-shadow-card:

        0 5px 16px rgba(0, 0, 0, 0.12);

    --mse-shadow-card-hover:

        0 10px 24px rgba(0, 0, 0, 0.18);

    --mse-space-xs: 0.25rem;

    --mse-space-sm: 0.5rem;

    --mse-space-md: 1rem;

    --mse-space-lg: 1.5rem;

    --mse-space-xl: 2rem;

    --mse-dashboard-width: 1040px;

}


/* =========================================================

   02. INDUCTION HUB BASE

   ========================================================= */

.mse-induction-hub {

    width: 100%;

    color: var(--mse-text);

    font-family: inherit;

    overflow: visible !important;

}

.mse-induction-hub *,

.mse-induction-hub *::before,

.mse-induction-hub *::after {

    box-sizing: border-box;

}

.mse-induction-hub__inner {

    width: 100%;

    max-width: var(--mse-dashboard-width);

    margin: 0 auto;

    padding: var(--mse-space-md);

}


/* =========================================================

   03. LANDING PAGE INTRODUCTION

   ========================================================= */

.mse-induction-hub__intro {

    margin: 0 0 var(--mse-space-lg);

    padding: 0;

}

.mse-induction-hub__intro h1 {

    margin: 0 0 0.65rem;

    padding: 0;

    color: var(--mse-dark-blue);

    font-size: clamp(1.8rem, 3vw, 2.4rem);

    font-weight: 700;

    line-height: 1.15;

}

.mse-induction-hub__intro p {

    max-width: 44rem;

    margin: 0 0 0.4rem;

    padding: 0;

    color: var(--mse-text);

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

}

.mse-induction-hub__instruction {

    margin-top: 0.65rem !important;

    font-weight: 600 !important;

}


/* =========================================================

   04. LANDING PAGE — THREE PRIMARY ROUTES

   ========================================================= */

.mse-induction-hub__routes {

    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    width: 100%;

    gap: var(--mse-space-md);

    margin: 0;

    padding: 0;

}


/* =========================================================

   05. PRIMARY ROUTE CARD

   ========================================================= */

.mse-induction-route {

    position: relative;

    display: grid;

    grid-template-columns: auto 1fr auto;

    align-items: start;

    gap: 0.9rem;

    width: 100%;

    min-width: 0;

    min-height: 9.5rem;

    margin: 0;

    padding: 1.25rem;

    background: var(--mse-white);

    color: var(--mse-text) !important;

    border: var(--mse-border-subtle);

    border-radius: var(--mse-radius-medium);

    box-shadow: var(--mse-shadow-soft);

    text-decoration: none !important;

    transition:

        transform 160ms ease,

        box-shadow 160ms ease,

        border-color 160ms ease,

        background-color 160ms ease;

}


/* =========================================================

   06. ROUTE COLOUR ACCENTS

   Colour is supplementary only.

   ========================================================= */

.mse-induction-route--started {

    border-top: 4px solid var(--mse-blue);

}

.mse-induction-route--essentials {

    border-top: 4px solid var(--mse-green);

}

.mse-induction-route--trust {

    border-top: 4px solid #4C2C92;

}


/* =========================================================

   07. ROUTE NUMBER

   ========================================================= */

.mse-induction-route__number {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 2.6rem;

    height: 2.6rem;

    flex: 0 0 2.6rem;

    border-radius: 50%;

    background: var(--mse-blue);

    color: var(--mse-white);

    font-size: 1.1rem;

    font-weight: 700;

    line-height: 1;

}

.mse-induction-route--essentials

.mse-induction-route__number {

    background: var(--mse-green);

}

.mse-induction-route--trust

.mse-induction-route__number {

    background: #4C2C92;

}


/* =========================================================

   08. ROUTE TEXT

   ========================================================= */

.mse-induction-route__content {

    display: block;

    min-width: 0;

}

.mse-induction-route__title {

    display: block;

    margin: 0 0 0.55rem;

    padding: 0;

    color: var(--mse-dark-blue);

    font-size: 1.2rem;

    font-weight: 700;

    line-height: 1.25;

}

.mse-induction-route__description {

    display: block;

    margin: 0;

    padding: 0;

    color: var(--mse-text);

    font-size: 0.95rem;

    font-weight: 400;

    line-height: 1.45;

}


/* =========================================================

   09. ROUTE CHEVRON

   ========================================================= */

.mse-induction-route__arrow {

    align-self: center;

    margin: 0;

    color: var(--mse-blue);

    font-size: 2rem;

    font-weight: 400;

    line-height: 1;

    transition: transform 160ms ease;

}

.mse-induction-route--essentials

.mse-induction-route__arrow {

    color: var(--mse-green);

}

.mse-induction-route--trust

.mse-induction-route__arrow {

    color: #4C2C92;

}


/* =========================================================

   10. HOVER

   ========================================================= */

.mse-induction-route:hover {

    border-color: var(--mse-blue);

    box-shadow: var(--mse-shadow-card);

    transform: translateY(-2px);

    text-decoration: none !important;

}

.mse-induction-route--essentials:hover {

    border-color: var(--mse-green);

}

.mse-induction-route--trust:hover {

    border-color: #4C2C92;

}

.mse-induction-route:hover

.mse-induction-route__arrow {

    transform: translateX(3px);

}


/* =========================================================

   11. KEYBOARD FOCUS

   NHS high-visibility focus treatment.

   ========================================================= */

.mse-induction-hub a:focus,

.mse-induction-hub a:focus-visible,

.mse-induction-route:focus,

.mse-induction-route:focus-visible {

    outline: 4px solid var(--mse-focus) !important;

    outline-offset: 3px !important;

    box-shadow:

        0 0 0 2px var(--mse-text),

        var(--mse-shadow-card) !important;

    text-decoration: none !important;

}


/* =========================================================

   12. VISITED LINKS

   Prevent default visited-link colours changing cards.

   ========================================================= */

.mse-induction-route:visited {

    color: var(--mse-text) !important;

}

.mse-induction-route:visited

.mse-induction-route__title {

    color: var(--mse-dark-blue) !important;

}


/* =========================================================

   13. SECONDARY PAGE

   Shared page heading.

   ========================================================= */

.mse-induction-page__header {

    width: 100%;

    margin: 0 0 var(--mse-space-lg);

    padding: 0 0 var(--mse-space-md);

    border-bottom: 1px solid var(--mse-grey-4);

}

.mse-induction-page__title {

    margin: 0 0 0.4rem;

    color: var(--mse-dark-blue);

    font-size: clamp(1.6rem, 2.5vw, 2rem);

    font-weight: 700;

    line-height: 1.2;

}

.mse-induction-page__intro {

    max-width: 50rem;

    margin: 0;

    color: var(--mse-text);

    font-size: 1rem;

    line-height: 1.5;

}


/* =========================================================

   14. SECONDARY PAGE CARD GRID

   Used for:

   - Getting Started

   - Essentials

   - Our Trust

   ========================================================= */

.mse-induction-sections {

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    width: 100%;

    gap: var(--mse-space-md);

    margin: 0;

    padding: 0;

}


/* Three-column option for Essentials */

.mse-induction-sections--three {

    grid-template-columns: repeat(3, minmax(0, 1fr));

}


/* =========================================================

   15. SECONDARY INFORMATION CARD

   ========================================================= */

.mse-induction-section {

    display: flex;

    flex-direction: column;

    min-width: 0;

    margin: 0;

    padding: 1.1rem;

    background: var(--mse-white);

    border: var(--mse-border-subtle);

    border-radius: var(--mse-radius-medium);

    box-shadow: var(--mse-shadow-soft);

}

.mse-induction-section__title {

    margin: 0 0 0.45rem;

    color: var(--mse-dark-blue);

    font-size: 1.1rem;

    font-weight: 700;

    line-height: 1.25;

}

.mse-induction-section__description {

    margin: 0 0 0.8rem;

    color: var(--mse-muted);

    font-size: 0.9rem;

    line-height: 1.4;

}

.mse-induction-section ul {

    margin: 0 0 1rem;

    padding-left: 1.25rem;

}

.mse-induction-section li {

    margin: 0.35rem 0;

    color: var(--mse-text);

    font-size: 0.92rem;

    line-height: 1.4;

}


/* =========================================================

   16. DIRECT RESOURCE LINKS

   ========================================================= */

.mse-induction-section a {

    color: var(--mse-blue);

    font-weight: 600;

    text-decoration: underline;

    text-underline-offset: 0.15em;

}

.mse-induction-section a:hover {

    color: var(--mse-dark-blue);

    text-decoration-thickness: 0.15em;

}


/* =========================================================

   17. PRIMARY ACTION LINK / BUTTON

   Optional when one principal action exists.

   ========================================================= */

.mse-induction-action {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: fit-content;

    margin-top: auto;

    padding: 0.6rem 0.9rem;

    background: var(--mse-blue);

    color: var(--mse-white) !important;

    border: 2px solid var(--mse-blue);

    border-radius: var(--mse-radius-small);

    font-size: 0.92rem;

    font-weight: 700;

    text-decoration: none !important;

}

.mse-induction-action:hover {

    background: var(--mse-dark-blue);

    border-color: var(--mse-dark-blue);

    color: var(--mse-white) !important;

}


/* =========================================================

   18. MANAGER-ONLY SECTION

   The visibility itself MUST be controlled by Totara,

   not by CSS.

   ========================================================= */

.mse-induction-manager {

    margin-top: var(--mse-space-md);

    padding: 1rem;

    background: #F4F0FA;

    border: 1px solid #D8CDEA;

    border-radius: var(--mse-radius-medium);

    color: var(--mse-text);

}

.mse-induction-manager__title {

    margin: 0 0 0.35rem;

    color: #4C2C92;

    font-size: 1.1rem;

    font-weight: 700;

}

.mse-induction-manager__label {

    display: inline-block;

    margin-left: 0.5rem;

    padding: 0.15rem 0.45rem;

    background: #E8E0F3;

    color: #4C2C92;

    border-radius: 999px;

    font-size: 0.75rem;

    font-weight: 700;

}


/* =========================================================

   19. HELP / SUPPORT STRIP

   ========================================================= */

.mse-induction-help {

    display: flex;

    align-items: center;

    gap: 0.75rem;

    width: 100%;

    margin-top: var(--mse-space-lg);

    padding: 0.9rem 1rem;

    background: #EAF4FB;

    color: var(--mse-text);

    border-left: 4px solid var(--mse-blue);

    border-radius: var(--mse-radius-small);

}

.mse-induction-help__title {

    margin: 0;

    color: var(--mse-dark-blue);

    font-weight: 700;

}

.mse-induction-help__text {

    margin: 0;

    font-size: 0.9rem;

    line-height: 1.4;

}


/* =========================================================

   20. RESPONSIVE — TABLET

   ========================================================= */

@media (max-width: 900px) {

    .mse-induction-hub__routes {

        grid-template-columns: 1fr;

    }

    .mse-induction-route {

        min-height: 0;

    }

    .mse-induction-sections--three {

        grid-template-columns: repeat(2, minmax(0, 1fr));

    }

}


/* =========================================================

   21. RESPONSIVE — MOBILE

   ========================================================= */

@media (max-width: 640px) {

    .mse-induction-hub__inner {

        padding: 0.75rem;

    }

    .mse-induction-hub__intro {

        margin-bottom: 1.25rem;

    }

    .mse-induction-hub__intro h1 {

        font-size: 1.75rem;

    }

    .mse-induction-hub__intro p {

        font-size: 0.95rem;

    }

    .mse-induction-route {

        min-height: 0;

        padding: 1rem;

    }

    .mse-induction-route__number {

        width: 2.3rem;

        height: 2.3rem;

        flex-basis: 2.3rem;

        font-size: 1rem;

    }

    .mse-induction-route__title {

        font-size: 1.1rem;

    }

    .mse-induction-route__description {

        font-size: 0.9rem;

    }

    .mse-induction-sections,

    .mse-induction-sections--three {

        grid-template-columns: 1fr;

    }

    .mse-induction-help {

        align-items: flex-start;

    }

}


/* =========================================================

   22. REDUCED MOTION

   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .mse-induction-route,

    .mse-induction-route__arrow {

        transition: none !important;

    }

    .mse-induction-route:hover,

    .mse-induction-route:hover

    .mse-induction-route__arrow {

        transform: none !important;

    }

}


/* =========================================================

   END — MSE INDUCTION HUB LIVE PROTOTYPE

   ========================================================= */
  /* =========================================================
  INDUCTION HUB — MULTIPLE CARD ACTIONS
  ========================================================= */
.mse-induction-section__actions {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 0.65rem;
   margin-top: auto;
}
.mse-induction-section__actions .mse-induction-action {
   margin-top: 0;
}
.mse-induction-action--secondary {
   background: var(--mse-white);
   color: var(--mse-blue) !important;
   border-color: var(--mse-blue);
}
.mse-induction-action--secondary:hover {
   background: #EAF4FB;
   color: var(--mse-dark-blue) !important;
   border-color: var(--mse-dark-blue);
}
/* =========================================================
  INDUCTION HUB — SECONDARY PAGE LAYOUT
  Shared by Getting Started, Essentials and Our Trust
  ========================================================= */

/* Widen secondary-page content */
.mse-induction-hub .mse-induction-hub__inner {
   width: 100% !important;
   max-width: 1180px !important;
   margin: 0 auto !important;
   padding: 1.25rem 1.5rem 2rem !important;
}

/* =========================================================
  PAGE HEADING
  ========================================================= */
.mse-induction-hub .mse-induction-page__header {
   display: block !important;
   margin: 0 0 1.75rem !important;
   padding: 0 0 1rem !important;
   border-bottom: 1px solid #D8DDE0 !important;
}
.mse-induction-hub .mse-induction-page__title {
   display: block !important;
   margin: 0 0 0.6rem !important;
   padding: 0 !important;
   color: #003087 !important;
   font-size: 2rem !important;
   font-weight: 700 !important;
   line-height: 1.2 !important;
}
.mse-induction-hub .mse-induction-page__intro {
   display: block !important;
   max-width: 48rem !important;
   margin: 0 !important;
   padding: 0 !important;
   color: #212B32 !important;
   font-size: 1rem !important;
   line-height: 1.5 !important;
}

/* =========================================================
  CARD GRID
  ========================================================= */
.mse-induction-hub .mse-induction-sections {
   display: grid !important;
   grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
   gap: 1.5rem !important;
   width: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
   align-items: stretch !important;
}

/* Essentials can use three columns */
.mse-induction-hub .mse-induction-sections--three {
   grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

/* =========================================================
  INDIVIDUAL CARDS
  ========================================================= */
.mse-induction-hub .mse-induction-section {
   display: flex !important;
   flex-direction: column !important;
   position: relative !important;
   width: 100% !important;
   min-width: 0 !important;
   min-height: 17rem !important;
   margin: 0 !important;
   padding: 1.5rem !important;
   background: #FFFFFF !important;
   border: 1px solid #D8DDE0 !important;
   border-top: 4px solid #005EB8 !important;
   border-radius: 0.75rem !important;
   box-shadow: 0 2px 8px rgba(33, 43, 50, 0.10) !important;
   box-sizing: border-box !important;
   float: none !important;
   clear: none !important;
}

/* =========================================================
  CARD HEADING
  ========================================================= */
.mse-induction-hub .mse-induction-section__title {
   display: block !important;
   width: 100% !important;
   margin: 0 0 0.8rem !important;
   padding: 0 !important;
   color: #003087 !important;
   font-size: 1.25rem !important;
   font-weight: 700 !important;
   line-height: 1.25 !important;
   float: none !important;
}

/* =========================================================
  CARD DESCRIPTION
  ========================================================= */
.mse-induction-hub .mse-induction-section__description {
   display: block !important;
   width: 100% !important;
   margin: 0 0 1.25rem !important;
   padding: 0 !important;
   color: #425563 !important;
   font-size: 0.95rem !important;
   line-height: 1.5 !important;
   float: none !important;
}

/* =========================================================
  LISTS
  ========================================================= */
.mse-induction-hub .mse-induction-section ul {
   display: block !important;
   width: 100% !important;
   margin: 0 0 1.5rem !important;
   padding: 0 0 0 1.3rem !important;
   float: none !important;
}
.mse-induction-hub .mse-induction-section li {
   display: list-item !important;
   margin: 0 0 0.45rem !important;
   padding: 0 !important;
   color: #212B32 !important;
   font-size: 0.95rem !important;
   line-height: 1.45 !important;
}

/* =========================================================
  ACTION AREA
  ========================================================= */
.mse-induction-hub .mse-induction-section__actions {
   display: flex !important;
   flex-wrap: wrap !important;
   align-items: center !important;
   width: 100% !important;
   gap: 0.65rem !important;
   margin: auto 0 0 !important;
   padding: 0.5rem 0 0 !important;
   float: none !important;
}

/* =========================================================
  PRIMARY BUTTON
  ========================================================= */
.mse-induction-hub .mse-induction-action {
   display: inline-flex !important;
   align-items: center !important;
   justify-content: center !important;
   width: auto !important;
   margin: 0 !important;
   padding: 0.65rem 1rem !important;
   background: #005EB8 !important;
   color: #FFFFFF !important;
   border: 2px solid #005EB8 !important;
   border-radius: 0.45rem !important;
   font-size: 0.95rem !important;
   font-weight: 700 !important;
   line-height: 1.2 !important;
   text-decoration: none !important;
   float: none !important;
}
.mse-induction-hub .mse-induction-action:hover {
   background: #003087 !important;
   border-color: #003087 !important;
   color: #FFFFFF !important;
}

/* =========================================================
  SECONDARY BUTTON
  ========================================================= */
.mse-induction-hub .mse-induction-action--secondary {
   background: #FFFFFF !important;
   color: #005EB8 !important;
   border-color: #005EB8 !important;
}
.mse-induction-hub .mse-induction-action--secondary:hover {
   background: #EAF4FB !important;
   color: #003087 !important;
   border-color: #003087 !important;
}

/* =========================================================
  KEYBOARD FOCUS
  ========================================================= */
.mse-induction-hub .mse-induction-action:focus,
.mse-induction-hub .mse-induction-action:focus-visible {
   outline: 4px solid #FFDD00 !important;
   outline-offset: 3px !important;
   box-shadow: 0 0 0 2px #212B32 !important;
}

/* =========================================================
  RETURN-TO-HUB STRIP
  ========================================================= */
.mse-induction-hub .mse-induction-help {
   display: flex !important;
   align-items: center !important;
   justify-content: space-between !important;
   gap: 1rem !important;
   width: 100% !important;
   margin: 1.5rem 0 0 !important;
   padding: 1rem 1.25rem !important;
   background: #EAF4FB !important;
   border-left: 4px solid #005EB8 !important;
   border-radius: 0.45rem !important;
}

/* =========================================================
  RESPONSIVE
  ========================================================= */
@media (max-width: 900px) {
   .mse-induction-hub .mse-induction-sections--three {
       grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
   }
}

@media (max-width: 760px) {
   .mse-induction-hub .mse-induction-hub__inner {
       padding: 1rem !important;
   }
   .mse-induction-hub .mse-induction-sections,
   .mse-induction-hub .mse-induction-sections--three {
       grid-template-columns: 1fr !important;
       gap: 1rem !important;
   }
   .mse-induction-hub .mse-induction-section {
       min-height: 0 !important;
       padding: 1.25rem !important;
   }
   .mse-induction-hub .mse-induction-help {
       align-items: flex-start !important;
       flex-direction: column !important;
   }
}
/* =========================================================
  INDUCTION HUB — GETTING STARTED COLOUR HIERARCHY
  Trust Welcome Event = NHS Blue
  Car Parking & Travel = NHS Teal
  ========================================================= */

/* ---------------------------------------------------------
  TRUST WELCOME EVENT — FIRST CARD
  --------------------------------------------------------- */
.mse-induction-sections
.mse-induction-section:nth-child(1) {
   border-top-color: #005EB8 !important;
}
.mse-induction-sections
.mse-induction-section:nth-child(1)
.mse-induction-section__title {
   color: #003087 !important;
}

/* Primary booking action */
.mse-induction-sections
.mse-induction-section:nth-child(1)
.mse-induction-action:not(.mse-induction-action--secondary) {
   background: #005EB8 !important;
   border-color: #005EB8 !important;
   color: #FFFFFF !important;
}
.mse-induction-sections
.mse-induction-section:nth-child(1)
.mse-induction-action:not(.mse-induction-action--secondary):hover {
   background: #003087 !important;
   border-color: #003087 !important;
}

/* ---------------------------------------------------------
  CAR PARKING & TRAVEL — SECOND CARD
  --------------------------------------------------------- */
.mse-induction-sections
.mse-induction-section:nth-child(2) {
   border-top-color: #00A499 !important;
}
.mse-induction-sections
.mse-induction-section:nth-child(2)
.mse-induction-section__title {
   color: #006B66 !important;
}

/* Teal parking action */
.mse-induction-sections
.mse-induction-section:nth-child(2)
.mse-induction-action {
   background: #00A499 !important;
   border-color: #00A499 !important;
   color: #FFFFFF !important;
}
.mse-induction-sections
.mse-induction-section:nth-child(2)
.mse-induction-action:hover {
   background: #006B66 !important;
   border-color: #006B66 !important;
   color: #FFFFFF !important;
}
/* =========================================================
  INDUCTION HUB — COMPACT SURVEY CARD
  ========================================================= */
.mse-induction-survey-row {
   display: block !important;
   width: 100% !important;
   /* Clear separation from primary Essentials content */
   margin: 2.25rem 0 0 !important;
   padding: 0 !important;
}
.mse-induction-section--survey {
   display: flex !important;
   flex-direction: column !important;
   /* Deliberately smaller than primary cards */
   width: 100% !important;
   max-width: 25rem !important;
   min-height: 0 !important;
   margin: 0 !important;
   padding: 1.1rem 1.25rem !important;
   background: #FFFFFF !important;
}
.mse-induction-section--survey
.mse-induction-section__title {
   margin-bottom: 0.4rem !important;
}
.mse-induction-section--survey
.mse-induction-section__description {
   margin-bottom: 1rem !important;
}
.mse-induction-section--survey
.mse-induction-section__actions {
   margin-top: 0 !important;
   padding-top: 0 !important;
}
/* =========================================================

   ESSENTIALS — COMPACT SURVEY CARD FIX

   ========================================================= */

.mse-induction-survey-row {

    display: block !important;

    margin: 2rem 0 0 !important;

    padding: 0 !important;

}

.mse-induction-survey-row .mse-induction-section--survey {

    display: block !important;

    width: 22rem !important;

    max-width: 100% !important;

    min-height: 0 !important;

    height: auto !important;

    margin: 0 !important;

    padding: 1rem 1.25rem !important;

    box-sizing: border-box !important;

}

.mse-induction-survey-row

.mse-induction-section--survey

.mse-induction-section__title {

    margin: 0 0 0.35rem !important;

}

.mse-induction-survey-row

.mse-induction-section--survey

.mse-induction-section__description {

    margin: 0 0 0.85rem !important;

}

.mse-induction-survey-row

.mse-induction-section--survey

.mse-induction-section__actions {

    display: block !important;

    margin: 0 !important;

    padding: 0 !important;

}

.mse-induction-survey-row

.mse-induction-section--survey

.mse-induction-action {

    margin: 0 !important;

}
 
/* =========================================================

   ESSENTIALS — CARD COLOUR HIERARCHY

   White surfaces retained for prototype

   ========================================================= */


/* ---------------------------------------------------------

   1. PAYROLL & WORKFORCE — NHS BLUE

   --------------------------------------------------------- */

.mse-induction-sections--three

.mse-induction-section:nth-child(1) {

    border-top-color: #005EB8 !important;

}

.mse-induction-sections--three

.mse-induction-section:nth-child(1)

.mse-induction-section__title {

    color: #003087 !important;

}

.mse-induction-sections--three

.mse-induction-section:nth-child(1)

.mse-induction-action {

    background: #005EB8 !important;

    border-color: #005EB8 !important;

    color: #FFFFFF !important;

}

.mse-induction-sections--three

.mse-induction-section:nth-child(1)

.mse-induction-action:hover {

    background: #003087 !important;

    border-color: #003087 !important;

}


/* ---------------------------------------------------------

   2. LEARNING & DEVELOPMENT — NHS GREEN

   --------------------------------------------------------- */

.mse-induction-sections--three

.mse-induction-section:nth-child(2) {

    border-top-color: #007F3B !important;

}

.mse-induction-sections--three

.mse-induction-section:nth-child(2)

.mse-induction-section__title {

    color: #006747 !important;

}

.mse-induction-sections--three

.mse-induction-section:nth-child(2)

.mse-induction-action {

    background: #007F3B !important;

    border-color: #007F3B !important;

    color: #FFFFFF !important;

}

.mse-induction-sections--three

.mse-induction-section:nth-child(2)

.mse-induction-action:hover {

    background: #005A30 !important;

    border-color: #005A30 !important;

}


/* ---------------------------------------------------------

   3. USEFUL INFORMATION & STAFF BENEFITS — NHS PURPLE

   --------------------------------------------------------- */

.mse-induction-sections--three

.mse-induction-section:nth-child(3) {

    border-top-color: #330072 !important;

}

.mse-induction-sections--three

.mse-induction-section:nth-child(3)

.mse-induction-section__title {

    color: #330072 !important;

}

.mse-induction-sections--three

.mse-induction-section:nth-child(3)

.mse-induction-action {

    background: #330072 !important;

    border-color: #330072 !important;

    color: #FFFFFF !important;

}

.mse-induction-sections--three

.mse-induction-section:nth-child(3)

.mse-induction-action:hover {

    background: #20004A !important;

    border-color: #20004A !important;

}


/* ---------------------------------------------------------

   4. SHARE YOUR FEEDBACK — NHS WARM YELLOW ACCENT

   Keep action blue: white text should not be placed on

   the yellow background.

   --------------------------------------------------------- */

.mse-induction-section--survey {

    border-top-color: #FFB81C !important;

}

.mse-induction-section--survey

.mse-induction-section__title {

    color: #212B32 !important;

}

.mse-induction-section--survey

.mse-induction-action {

    background: #005EB8 !important;

    border-color: #005EB8 !important;

    color: #FFFFFF !important;

}

.mse-induction-section--survey

.mse-induction-action:hover {

    background: #003087 !important;

    border-color: #003087 !important;

}


/* ---------------------------------------------------------

   KEYBOARD FOCUS — CONSISTENT ACROSS ALL COLOURS

   --------------------------------------------------------- */

.mse-induction-hub

.mse-induction-action:focus,

.mse-induction-hub

.mse-induction-action:focus-visible {

    outline: 4px solid #FFDD00 !important;

    outline-offset: 3px !important;

    box-shadow: 0 0 0 2px #212B32 !important;

}
 /* =========================================================
  ESSENTIALS — FINAL COLOUR + BUTTON REFINEMENT
  ========================================================= */

/* PAYROLL — NHS BLUE */
.mse-induction-sections--three
.mse-induction-section:nth-child(1) {
   border-top-color: #005EB8 !important;
}
.mse-induction-sections--three
.mse-induction-section:nth-child(1)
.mse-induction-action {
   background: #005EB8 !important;
   border-color: #005EB8 !important;
}

/* LEARNING — NHS GREEN */
.mse-induction-sections--three
.mse-induction-section:nth-child(2) {
   border-top-color: #007F3B !important;
}
.mse-induction-sections--three
.mse-induction-section:nth-child(2)
.mse-induction-action {
   background: #007F3B !important;
   border-color: #007F3B !important;
}

/* USEFUL INFORMATION — NHS PURPLE */
.mse-induction-sections--three
.mse-induction-section:nth-child(3) {
   border-top-color: #330072 !important;
}
.mse-induction-sections--three
.mse-induction-section:nth-child(3)
.mse-induction-action {
   background: #330072 !important;
   border-color: #330072 !important;
}

/* SHARE YOUR FEEDBACK — NHS YELLOW ACCENT */
.mse-induction-survey-row
.mse-induction-section--survey {
   border-top: 4px solid #FFB81C !important;
}

/* Keep survey action blue for contrast */
.mse-induction-survey-row
.mse-induction-section--survey
.mse-induction-action {
   background: #005EB8 !important;
   border-color: #005EB8 !important;
   color: #FFFFFF !important;
}

/* Prevent short action labels wrapping unnecessarily */
.mse-induction-sections--three
.mse-induction-action,
.mse-induction-survey-row
.mse-induction-action {
   white-space: nowrap !important;
}
/* =========================================================
  INDUCTION HUB — INLINE RESOURCE LINKS
  ========================================================= */
.mse-induction-hub .mse-induction-text-link {
   color: #005EB8 !important;
   font-weight: 600 !important;
   text-decoration: underline !important;
   text-underline-offset: 0.15em !important;
}
.mse-induction-hub .mse-induction-text-link:hover {
   color: #003087 !important;
   text-decoration-thickness: 0.15em !important;
}
.mse-induction-hub .mse-induction-text-link:focus,
.mse-induction-hub .mse-induction-text-link:focus-visible {
   outline: 4px solid #FFDD00 !important;
   outline-offset: 3px !important;
   box-shadow: 0 0 0 2px #212B32 !important;
}
/* =========================================================
  OUR TRUST — COLOUR HIERARCHY
  ========================================================= */
/* Welcome to MSEFT — NHS Blue */
.mse-induction-section--trust-welcome {
   border-top-color: #005EB8 !important;
}
.mse-induction-section--trust-welcome
.mse-induction-section__title {
   color: #003087 !important;
}
.mse-induction-section--trust-welcome
.mse-induction-action {
   background: #005EB8 !important;
   border-color: #005EB8 !important;
   color: #FFFFFF !important;
}
.mse-induction-section--trust-welcome
.mse-induction-action:hover {
   background: #003087 !important;
   border-color: #003087 !important;
}

/* Leadership & Strategy — NHS Purple */
.mse-induction-section--leadership {
   border-top-color: #330072 !important;
}
.mse-induction-section--leadership
.mse-induction-section__title {
   color: #330072 !important;
}
.mse-induction-section--leadership
.mse-induction-action {
   background: #330072 !important;
   border-color: #330072 !important;
   color: #FFFFFF !important;
}
.mse-induction-section--leadership
.mse-induction-action:hover {
   background: #20004A !important;
   border-color: #20004A !important;
}
/* =========================================================
  INDUCTION HUB – LANDING PAGE SURVEY
  ========================================================= */
.mse-induction-landing-survey {
   box-sizing: border-box;
   width: 100%;
   margin-top: 24px;
   padding: 16px 20px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 24px;
   background: #f0f4f5;
   border-left: 4px solid #ed8b00;
   border-radius: 4px;
}
.mse-induction-landing-survey__content {
   min-width: 0;
}
.mse-induction-landing-survey__content h2 {
   margin: 0 0 4px;
   color: #003087;
   font-size: 18px;
   font-weight: 600;
   line-height: 1.3;
}
.mse-induction-landing-survey__content p {
   margin: 0;
   color: #425563;
   line-height: 1.5;
}
.mse-induction-landing-survey__action {
   display: inline-block;
   flex: 0 0 auto;
   padding: 10px 16px;
   background: #005eb8;
   color: #ffffff !important;
   border-radius: 4px;
   font-weight: 600;
   line-height: 1.25;
   text-decoration: none !important;
}
.mse-induction-landing-survey__action:hover,
.mse-induction-landing-survey__action:focus {
   background: #003087;
   color: #ffffff !important;
   text-decoration: underline !important;
}
.mse-induction-landing-survey__action:focus {
   outline: 3px solid #ffeb3b;
   outline-offset: 2px;
}

/* Stack cleanly on smaller screens */
@media (max-width: 700px) {
   .mse-induction-landing-survey {
       align-items: flex-start;
       flex-direction: column;
       gap: 12px;
   }
}
/* =========================================================
  INDUCTION HUB — LANDING PAGE CARD RESTORE
  Compact three-card desktop layout
  ========================================================= */

/* Keep landing page at a useful landscape width */
.mse-induction-hub--landing .mse-induction-hub__inner {
   width: 100% !important;
   max-width: 1180px !important;
   margin: 0 auto !important;
   padding: 1.25rem 1.5rem 2rem !important;
}

/* Three compact cards on desktop */
.mse-induction-hub--landing .mse-induction-hub__routes {
   display: grid !important;
   grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
   gap: 1rem !important;
   width: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
}

/* Compact tablet-style card */
.mse-induction-hub--landing .mse-induction-route {
   display: grid !important;
   grid-template-columns: auto 1fr auto !important;
   align-items: center !important;
   gap: 0.85rem !important;
   width: 100% !important;
   min-width: 0 !important;
   min-height: 8rem !important;
   height: auto !important;
   margin: 0 !important;
   padding: 1.1rem !important;
   background: #ffffff !important;
   border: 1px solid #d8dde0 !important;
   border-radius: 0.75rem !important;
   box-shadow: 0 2px 8px rgba(33, 43, 50, 0.08) !important;
   text-decoration: none !important;
}

/* Colour accents */
.mse-induction-hub--landing
.mse-induction-route--started {
   border-top: 4px solid #005eb8 !important;
}
.mse-induction-hub--landing
.mse-induction-route--essentials {
   border-top: 4px solid #007f3b !important;
}
.mse-induction-hub--landing
.mse-induction-route--trust {
   border-top: 4px solid #330072 !important;
}

/* Numbers slightly smaller */
.mse-induction-hub--landing
.mse-induction-route__number {
   width: 2.4rem !important;
   height: 2.4rem !important;
   flex: 0 0 2.4rem !important;
   font-size: 1rem !important;
}

/* Card headings */
.mse-induction-hub--landing
.mse-induction-route__title {
   margin: 0 0 0.4rem !important;
   font-size: 1.15rem !important;
   line-height: 1.2 !important;
}

/* Description */
.mse-induction-hub--landing
.mse-induction-route__description {
   font-size: 0.92rem !important;
   line-height: 1.4 !important;
}

/* Chevron */
.mse-induction-hub--landing
.mse-induction-route__arrow {
   align-self: center !important;
   font-size: 1.7rem !important;
}

/* Hover */
.mse-induction-hub--landing .mse-induction-route:hover {
   box-shadow: 0 5px 16px rgba(33, 43, 50, 0.12) !important;
   transform: translateY(-2px);
}

/* Survey retains its own horizontal treatment */
.mse-induction-hub--landing
.mse-induction-landing-survey {
   width: 100% !important;
   margin-top: 1.5rem !important;
}

/* =========================================================
  RESPONSIVE
  Keep three cards for normal laptop/tablet landscape.
  ========================================================= */
@media (max-width: 820px) {
   .mse-induction-hub--landing
   .mse-induction-hub__routes {
       grid-template-columns: 1fr !important;
   }
   .mse-induction-hub--landing
   .mse-induction-route {
       min-height: 0 !important;
   }
}
/* =========================================================
  MANAGERS ESSENTIALS — FEATURED LINKS
  Compact secondary navigation tiles
  ========================================================= */
.mse-manager-essentials {
   margin-top: 2rem !important;
}

/* Block title */
.mse-manager-essentials::before {
   content: "Managers Essentials";
   display: block;
   margin: 0 0 0.75rem;
   padding: 0;
   color: #003087;
   font-size: 1.25rem;
   font-weight: 600;
   line-height: 1.25;
}

/* Featured Links tile container */
.mse-manager-essentials .block-totara-featured-links-layout {
   gap: 0.9rem !important;
}

/* =========================================================
  MANAGER ESSENTIALS — COMPACT LANDSCAPE TILE HEIGHT
  Override Totara's built-in tile aspect ratio
  ========================================================= */
/* Outer tile */
.mse-manager-essentials
.block-totara-featured-links-tile {
   width: 100% !important;
   height: 4.75rem !important;
   min-height: 4.75rem !important;
   max-height: 4.75rem !important;
   padding: 0 !important;
   border: 1px solid #d8dde0 !important;
   border-top: 4px solid #005eb8 !important;
   border-radius: 0.75rem !important;
   background: #ffffff !important;
   box-shadow: 0 2px 8px rgba(33, 43, 50, 0.08) !important;
   overflow: hidden !important;
}

/* Override any ratio/height Totara applies to the clickable tile */
.mse-manager-essentials
.block-totara-featured-links-tile > a {
   display: flex !important;
   align-items: stretch !important;
   width: 100% !important;
   height: 100% !important;
   min-height: 0 !important;
   padding: 0 !important;
   aspect-ratio: auto !important;
}

/* Remove image/ratio area */
.mse-manager-essentials
.block-totara-featured-links-tile-background {
   position: absolute !important;
   inset: 0 !important;
   width: 100% !important;
   height: 100% !important;
   min-height: 0 !important;
   padding: 0 !important;
   background-image: none !important;
   background-color: #ffffff !important;
   aspect-ratio: auto !important;
}

/* Compact text band */
.mse-manager-essentials
.block-totara-featured-links-tile-text {
   position: relative !important;
   display: flex !important;
   align-items: center !important;
   width: 100% !important;
   height: auto !important;
   min-height: 0 !important;
   margin: auto 0 !important;
   padding: 0.65rem 1rem !important;
   background: rgba(66, 85, 99, 0.72) !important;
}

/* Remove proportional-height pseudo elements if Totara uses them */
.mse-manager-essentials
.block-totara-featured-links-tile::before,
.mse-manager-essentials
.block-totara-featured-links-tile::after,
.mse-manager-essentials
.block-totara-featured-links-tile > a::before,
.mse-manager-essentials
.block-totara-featured-links-tile > a::after {
   padding-bottom: 0 !important;
   padding-top: 0 !important;
   aspect-ratio: auto !important;
}

/* Tile title */
.mse-manager-essentials
.block-totara-featured-links-tile-text h3,
.mse-manager-essentials
.block-totara-featured-links-tile-text span,
.mse-manager-essentials
.block-totara-featured-links-tile-text a {
   color: #003087 !important;
   font-size: 1rem !important;
   font-weight: 600 !important;
   line-height: 1.3 !important;
   text-decoration: none !important;
}

/* Hover */
.mse-manager-essentials
.block-totara-featured-links-tile:hover {
   transform: translateY(-2px);
   border-top-color: #0072ce !important;
   box-shadow: 0 5px 16px rgba(33, 43, 50, 0.12) !important;
}

/* Keyboard focus */
.mse-manager-essentials
.block-totara-featured-links-tile:focus-within {
   outline: 3px solid #ffb81c !important;
   outline-offset: 3px !important;
}

/* =========================================================
  RESPONSIVE
  ========================================================= */
@media (max-width: 820px) {
   .mse-manager-essentials
   .block-totara-featured-links-layout {
       display: grid !important;
       grid-template-columns: 1fr !important;
   }
}
/* =========================================================

   MANAGERS ESSENTIALS — CENTRE TILE GROUP

   ========================================================= */

/* Match the Managers Essentials block to the content width above */

.mse-manager-essentials {

    width: 100% !important;

    max-width: 1180px !important;

    margin-left: auto !important;

    margin-right: auto !important;

}


/* Centre the Featured Links tile group */

.mse-manager-essentials .block-totara-featured-links-layout,

.mse-manager-essentials .block-totara-featured-links-content {

    display: flex !important;

    justify-content: center !important;

    flex-wrap: wrap !important;

    gap: 1rem !important;

    width: 100% !important;

    margin-left: auto !important;

    margin-right: auto !important;

}


/* Keep individual tile content left aligned */

.mse-manager-essentials .block-totara-featured-links-tile {

    text-align: left !important;

}

 /* =========================================================
  INDUCTION HUB — SURVEY BUTTON
  Match standard card action buttons
  ========================================================= */
.mse-induction-survey-row .mse-induction-action {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: auto !important;
   min-width: 0 !important;
   min-height: 0 !important;
   padding: 0.55rem 1rem !important;
   font-size: 0.875rem !important;
   font-weight: 600 !important;
   line-height: 1.2 !important;
   border-radius: 4px !important;
   text-decoration: none !important;
}
/* =========================================================
  LANDING PAGE — NEW STARTER SURVEY BUTTON
  Match standard induction action buttons
  ========================================================= */
.mse-induction-hub--landing
.mse-induction-landing-survey__action
.mse-induction-action {
   display: inline-flex !important;
   align-items: center !important;
   justify-content: center !important;
   width: auto !important;
   min-width: 0 !important;
   min-height: 0 !important;
   margin: 0 !important;
   padding: 0.65rem 1rem !important;
   background: #005EB8 !important;
   color: #FFFFFF !important;
   border: 2px solid #005EB8 !important;
   border-radius: 0.45rem !important;
   font-size: 0.95rem !important;
   font-weight: 700 !important;
   line-height: 1.2 !important;
   white-space: nowrap !important;
   text-decoration: none !important;
}
.mse-induction-hub--landing
.mse-induction-landing-survey__action
.mse-induction-action:hover {
   background: #003087 !important;
   border-color: #003087 !important;
   color: #FFFFFF !important;
}
.mse-induction-hub--landing
.mse-induction-landing-survey__action
.mse-induction-action:focus,
.mse-induction-hub--landing
.mse-induction-landing-survey__action
.mse-induction-action:focus-visible {
   outline: 4px solid #FFDD00 !important;
   outline-offset: 3px !important;
   box-shadow: 0 0 0 2px #212B32 !important;
}
/* =========================================================
  MANAGER ESSENTIALS — FULL-WIDTH EVEN TILE DISTRIBUTION
  Aligns with the combined width of the Essentials cards
  ========================================================= */
.mse-manager-essentials {
   width: 100% !important;
   max-width: 1180px !important;
   margin-left: auto !important;
   margin-right: auto !important;
}

/* Featured Links layout */
.mse-manager-essentials
> .content.block-content
> .block-totara-featured-links-layout {
   display: grid !important;
   grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
   gap: 1rem !important;
   width: 100% !important;
   margin: 0 !important;
   justify-content: stretch !important;
   align-items: stretch !important;
}

/* Allow each tile to fill its grid column */
.mse-manager-essentials
.block-totara-featured-links-tile {
   width: 100% !important;
   min-width: 0 !important;
   max-width: none !important;
   min-height: 6rem !important;
}

/* Keep text left aligned */
.mse-manager-essentials
.block-totara-featured-links-tile {
   text-align: left !important;
}

/* Tablet */
@media (max-width: 800px) {
   .mse-manager-essentials
> .content.block-content
> .block-totara-featured-links-layout {
       grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
   }
}

/* Mobile */
@media (max-width: 500px) {
   .mse-manager-essentials
> .content.block-content
> .block-totara-featured-links-layout {
       grid-template-columns: 1fr !important;
   }
}
/* Reduce space below Manager Essentials block */
.mse-manager-essentials {
   margin-bottom: -3rem !important;
}
/* Induction landing page – mobile survey card */
@media (max-width: 600px) {
   .mse-induction-landing-survey {
       box-sizing: border-box !important;
       width: 100% !important;
       padding: 1.25rem !important;
   }
   .mse-induction-landing-survey__action {
       width: 100% !important;
       box-sizing: border-box !important;
   }
   .mse-induction-landing-survey__action .mse-induction-action {
       display: block !important;
       width: 100% !important;
       max-width: 100% !important;
       box-sizing: border-box !important;
       padding: 0.7rem 1rem !important;
       margin: 0 !important;
       font-size: 1rem !important;
       line-height: 1.25 !important;
       text-align: center !important;
       white-space: normal !important;
   }
}

/* ================================================================
   MSE ELEVATE — LIVE DASHBOARD MIGRATION CANDIDATE — 8 OCT 2026
   Original LIVE CSS above this line is preserved verbatim.
   Below: selected approved staging v3 Operational/Assurance rules,
   remapped to LIVE block and tile IDs; discontinued search excluded.
   This is a TEST CANDIDATE, not a production-validated release.
   ================================================================ */
#inst7110 .mse-resume-learning-heading {
width: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
   color: #005eb8 !important;
   background: transparent !important;
   border: 0 !important;
   box-shadow: none !important;
   font-family: Frutiger, "Frutiger W01", Arial, sans-serif !important;
   font-size: 1.25rem !important;
   font-weight: 600 !important;
   line-height: 1.2 !important;
   text-align: left !important;
}

#inst7112.mse-operational-help-block {
--mse-help-blue: #005eb8;
   --mse-help-dark-blue: #003087;
   --mse-help-pale-blue: #e8f1f8;
   --mse-help-text: #212b32;
   --mse-help-border: #d8dde0;
   --mse-help-focus: #ffdd00;
   --mse-help-radius: 0.5rem;
   --mse-help-gap: 0.625rem;
   width: 100% !important;
   max-width: none !important;
   margin: 0 0 1rem !important;
   padding: 0 !important;
   background: transparent !important;
   border: 0 !important;
   box-shadow: none !important;
   overflow: visible !important;
   box-sizing: border-box !important;
}

#inst7112.mse-operational-help-block
:is(
   .header,
   .block-header,
   .card-header,
   .block-controls,
   .commands,
   .block_action,
   .block_action_menu,
   [data-region="block-actions"],
   .dropdown,
   .editing_move
) {
position: relative !important;
   z-index: 100 !important;
   visibility: visible !important;
   opacity: 1 !important;
   pointer-events: auto !important;
   overflow: visible !important;
}

#inst7112.mse-operational-help-block
:is(
   .header,
   .block-header,
   .card-header,
   .block-content,
   .content,
   .card-body,
   .no-overflow,
   .generated-content-user
) {
width: 100% !important;
   max-width: none !important;
   margin: 0 !important;
   padding: 0 !important;
   background: transparent !important;
   border: 0 !important;
   border-radius: 0 !important;
   box-shadow: none !important;
   overflow: visible !important;
   box-sizing: border-box !important;
}

#inst7112.mse-operational-help-block
.mse-learner-help {
display: flex !important;
   flex-direction: column !important;
   width: 100% !important;
   max-width: none !important;
   min-height: 0 !important;
   margin: 0 !important;
   padding: 1.25rem 1.5rem !important;
   background: var(--mse-help-pale-blue) !important;
   border: 1px solid var(--mse-help-border) !important;
   border-left: 0.35rem solid var(--mse-help-blue) !important;
   border-radius: var(--mse-help-radius) !important;
   box-shadow: none !important;
   text-align: left !important;
   box-sizing: border-box !important;
}

#inst7112.mse-operational-help-block
.mse-learner-help__heading {
margin: 0 0 0.4rem !important;
   padding: 0 !important;
   color: var(--mse-help-dark-blue) !important;
   font-family: Frutiger, "Frutiger W01", Arial, sans-serif !important;
   font-size: 1.25rem !important;
   font-weight: 600 !important;
   line-height: 1.3 !important;
   text-align: left !important;
}

#inst7112.mse-operational-help-block
.mse-learner-help__intro {
margin: 0 0 0.85rem !important;
   padding: 0 !important;
   color: var(--mse-help-text) !important;
   font-family: Frutiger, "Frutiger W01", Arial, sans-serif !important;
   font-size: 0.95rem !important;
   font-weight: 400 !important;
   line-height: 1.45 !important;
   text-align: left !important;
}

#inst7112.mse-operational-help-block
.mse-learner-help__links {
display: grid !important;
   grid-template-columns: 1fr !important;
   gap: var(--mse-help-gap) !important;
   width: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
}

#inst7112.mse-operational-help-block
.mse-learner-help__link {
display: flex !important;
   align-items: center !important;
   width: 100% !important;
   min-height: 2.75rem !important;
   margin: 0 !important;
   padding: 0.625rem 0.875rem !important;
   color: var(--mse-help-dark-blue) !important;
   background: #ffffff !important;
   border: 1px solid var(--mse-help-blue) !important;
   border-radius: var(--mse-help-radius) !important;
   box-shadow: none !important;
   font-family: Frutiger, "Frutiger W01", Arial, sans-serif !important;
   font-size: 0.95rem !important;
   font-weight: 600 !important;
   line-height: 1.3 !important;
   text-align: left !important;
   text-decoration: none !important;
   box-sizing: border-box !important;
   cursor: pointer !important;
   transition:
       background-color 160ms ease,
       border-color 160ms ease,
       color 160ms ease,
       transform 160ms ease,
       box-shadow 160ms ease !important;
}

#inst7112.mse-operational-help-block
.mse-learner-help__link::after {
content: "›" !important;
   margin-left: auto !important;
   padding-left: 0.75rem !important;
   color: var(--mse-help-blue) !important;
   font-size: 1.25rem !important;
   font-weight: 600 !important;
   line-height: 1 !important;
}

#inst7112.mse-operational-help-block
.mse-learner-help__link:hover {
color: var(--mse-help-dark-blue) !important;
   background: #ffffff !important;
   border-color: var(--mse-help-dark-blue) !important;
   transform: translateY(-1px) !important;
   box-shadow: 0 0.15rem 0.4rem rgba(33, 43, 50, 0.12) !important;
   text-decoration: none !important;
}

#inst7112.mse-operational-help-block
.mse-learner-help__link:focus,
#inst7112.mse-operational-help-block
.mse-learner-help__link:focus-visible {
color: var(--mse-help-dark-blue) !important;
   background: #ffffff !important;
   border-color: var(--mse-help-dark-blue) !important;
   outline: 4px solid var(--mse-help-focus) !important;
   outline-offset: 3px !important;
   box-shadow: 0 0 0 2px var(--mse-help-text) !important;
   text-decoration: none !important;
}

#inst7110 .mse-resume-learning-heading {
color: #005EB8 !important;
   font-size: 20px !important;
   font-weight: 600 !important;
   line-height: 1.25 !important;
   text-align: left !important;
}

#inst6085.mse-operational-help-block {
--mse-help-blue: #005eb8;
   --mse-help-dark-blue: #003087;
   --mse-help-pale-blue: #e8f1f8;
   --mse-help-text: #212b32;
   --mse-help-border: #d8dde0;
   --mse-help-focus: #ffdd00;
   --mse-help-radius: 0.5rem;
   width: 100% !important;
   max-width: none !important;
   margin: 0 0 1rem !important;
   padding: 0 !important;
   background: transparent !important;
   border: 0 !important;
   box-shadow: none !important;
   overflow: visible !important;
}

#inst6085.mse-operational-help-block
:is(
   .block-content,
   .content,
   .card-body,
   .no-overflow,
   .generated-content-user,
   .generated-content
) {
width: 100% !important;
   max-width: none !important;
   margin: 0 !important;
   padding: 0 !important;
   background: transparent !important;
   border: 0 !important;
   box-shadow: none !important;
   overflow: visible !important;
}

.mse-facilitator-links

.block-totara-featured-links-layout {
display: grid !important;

    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

    gap: 14px !important;

    width: 100% !important;
}

.mse-facilitator-links

.block-totara-featured-links-flex-filler {
display: none !important;
}

.mse-facilitator-links

.block-totara-featured-links-tile {
position: relative !important;

    width: 100% !important;

    min-width: 0 !important;

    max-width: none !important;

    height: 80px !important;

    min-height: 80px !important;

    margin: 0 !important;

    background: #ffffff !important;

    border: 1px solid #d8dde0 !important;

    border-left: 4px solid #330072 !important;

    border-radius: 8px !important;

    box-sizing: border-box !important;

    overflow: hidden !important;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
}

.mse-facilitator-links
.block-totara-featured-links-tile::before {
display: none !important;
   content: none !important;
}

.mse-facilitator-links
.block-totara-featured-links-content-container,
.mse-facilitator-links
.block-totara-featured-links-content,
.mse-facilitator-links
.block-totara-featured-links-content-middle {
background: #ffffff !important;
   background-color: #ffffff !important;
}

.mse-facilitator-links

.block-totara-featured-links-content h3 {
color: #212b32 !important;

    margin: 0 !important;

    padding: 0 !important;

    font-weight: 600 !important;

    line-height: 1.25 !important;

    opacity: 1 !important;

    visibility: visible !important;

    transition:

        opacity 0.12s ease,

        visibility 0.12s ease !important;
}

.mse-facilitator-links

.block-totara-featured-links-content p {
display: none !important;
}

.mse-facilitator-links

.block-totara-featured-links-tile::after {
position: absolute !important;

    

    inset: -1px !important;

    display: flex !important;

    align-items: center !important;

    box-sizing: border-box !important;

    padding: 10px 12px !important;

    

    background: #8769AC !important;

    

    border-top: 4px solid #ffffff !important;

    color: #ffffff !important;

    font-size: 14px !important;

    font-weight: 600 !important;

    line-height: 1.35 !important;

    text-align: left !important;

    opacity: 0 !important;

    visibility: hidden !important;

    pointer-events: none !important;

    z-index: 999 !important;

    

    border-radius: 8px !important;

    transition:

        opacity 0.15s ease,

        visibility 0.15s ease !important;
}

#block-totara-featured-links-tile-427::after {
content: "View upcoming or past bookings, attendance & cancellations.";
}

#block-totara-featured-links-tile-428::after {
content: "Access courses you manage, including participants, sessions and reports.";
}

#block-totara-featured-links-tile-429::after {
content: "Browse a list of all users in the system.";
}

#block-totara-featured-links-tile-430::after {
content: "Find any course, with direct access to key administration pages.";
}

.mse-facilitator-links

.block-totara-featured-links-tile:hover::after,

.mse-facilitator-links

.block-totara-featured-links-tile:focus-within::after {
opacity: 1 !important;

    visibility: visible !important;
}

.mse-facilitator-links

.block-totara-featured-links-tile:hover,

.mse-facilitator-links

.block-totara-featured-links-tile:focus-within {
border-color: #ffffff !important;

    box-shadow:

        0 2px 6px rgba(0, 0, 0, 0.14) !important;
}

body.editing
.mse-facilitator-links
.block-totara-featured-links-tile::after {
display: none !important;
   opacity: 0 !important;
   visibility: hidden !important;
}

body.editing
.mse-facilitator-links
.block-totara-featured-links-tile {
overflow: visible !important;
}

body.editing
.mse-facilitator-links
.block-totara-featured-links-tile a,
body.editing
.mse-facilitator-links
.block-totara-featured-links-tile button {
position: relative !important;
   z-index: 1000 !important;
}

.mse-facilitator-links
.block-totara-featured-links-content-container::before,
.mse-facilitator-links
.block-totara-featured-links-link::before {
background: transparent !important;
   background-color: transparent !important;
   opacity: 0 !important;
}

.mse-facilitator-links
.block-totara-featured-links-content {
background: #ffffff !important;
   background-color: #ffffff !important;
   background-image: none !important;
}

.mse-facilitator-links
.block-totara-featured-links-tile
.block-totara-featured-links-link {
background: none !important;
   background-image: none !important;
   background-color: transparent !important;
}

.mse-facilitator-links
.block-totara-featured-links-content::after {
content: none !important;
   display: none !important;
   background: transparent !important;
   background-color: transparent !important;
}

.mse-facilitator-links
.block-totara-featured-links-content.block-totara-featured-links-content-middle::after {
content: "" !important;
   background: none !important;
   background-color: transparent !important;
   background-image: none !important;
   opacity: 0 !important;
   visibility: hidden !important;
   display: none !important;
   width: 0 !important;
   height: 0 !important;
}

.mse-facilitator-links
.block-totara-featured-links-content.block-totara-featured-links-content-middle::before {
content: none !important;
   display: none !important;
   background: transparent !important;
   background-color: transparent !important;
   opacity: 0 !important;
}

.mse-facilitator-links
.block-totara-featured-links-content h3 {
display: flex !important;
   align-items: center !important;
   gap: 10px !important;
color: #330072 !important;
}

.mse-facilitator-links
.block-totara-featured-links-content h3::before {
content: "" !important;
   display: block !important;
   flex: 0 0 28px !important;
   width: 28px !important;
   height: 28px !important;
   background-color: #330072 !important;
   -webkit-mask-repeat: no-repeat !important;
   mask-repeat: no-repeat !important;
   -webkit-mask-position: center !important;
   mask-position: center !important;
   -webkit-mask-size: contain !important;
   mask-size: contain !important;
}

#block-totara-featured-links-tile-427
.block-totara-featured-links-content h3::before {
-webkit-mask-image:
       url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h2v2h6V2h2v2h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2V2zm12 8H5v10h14V10zM7 12h3v3H7v-3zm5 0h3v3h-3v-3zm5 0h2v3h-2v-3zM7 17h3v2H7v-2zm5 0h3v2h-3v-2z'/%3E%3C/svg%3E") !important;
   mask-image:
       url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h2v2h6V2h2v2h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2V2zm12 8H5v10h14V10zM7 12h3v3H7v-3zm5 0h3v3h-3v-3zm5 0h2v3h-2v-3zM7 17h3v2H7v-2zm5 0h3v2h-3v-2z'/%3E%3C/svg%3E") !important;
}

#block-totara-featured-links-tile-428
.block-totara-featured-links-content h3::before {
-webkit-mask-image:
       url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3 1 8l11 5 9-4.09V15h2V8L12 3zm-7 8.18V16l7 4 7-4v-4.82l-7 3.18-7-3.18z'/%3E%3C/svg%3E") !important;
   mask-image:
       url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3 1 8l11 5 9-4.09V15h2V8L12 3zm-7 8.18V16l7 4 7-4v-4.82l-7 3.18-7-3.18z'/%3E%3C/svg%3E") !important;
}

#block-totara-featured-links-tile-429
.block-totara-featured-links-content h3::before {
-webkit-mask-image:
       url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5s-3 1.34-3 3 1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5C15 14.17 10.33 13 8 13zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E") !important;
   mask-image:
       url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5s-3 1.34-3 3 1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5C15 14.17 10.33 13 8 13zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E") !important;
}

#block-totara-featured-links-tile-430
.block-totara-featured-links-content h3::before,
#block-totara-featured-links-tile-434
.block-totara-featured-links-content h3::before {
-webkit-mask-image:
       url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 2h9l5 5v15H6V2zm8 2v5h4l-4-5zM9 12h8v2H9v-2zm0 4h8v2H9v-2z'/%3E%3C/svg%3E")
       !important;
   mask-image:
       url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 2h9l5 5v15H6V2zm8 2v5h4l-4-5zM9 12h8v2H9v-2zm0 4h8v2H9v-2z'/%3E%3C/svg%3E")
       !important;
}

.mse-facilitator-links
.block-totara-featured-links-tile {
box-shadow:
       0 3px 10px rgba(0, 0, 0, 0.14) !important;
   transition:
       box-shadow 0.2s ease,
       transform 0.2s ease !important;
}

.mse-facilitator-links
.block-totara-featured-links-tile:hover,
.mse-facilitator-links
.block-totara-featured-links-tile:focus-within {
box-shadow:
       0 5px 14px rgba(0, 0, 0, 0.18) !important;
   transform: translateY(-1px) !important;
}

.mse-personal-links
.block-totara-featured-links-layout {
display: grid !important;
   grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
   gap: 14px !important;
   width: 100% !important;
}

.mse-personal-links
.block-totara-featured-links-flex-filler {
display: none !important;
}

.mse-personal-links
.block-totara-featured-links-tile {
position: relative !important;
   width: 100% !important;
   min-width: 0 !important;
   max-width: none !important;
   height: 80px !important;
   min-height: 80px !important;
   margin: 0 !important;
   background: #ffffff !important;
   border: 1px solid #d8dde0 !important;
   border-left: 4px solid #005EB8 !important;
   border-radius: 8px !important;
   box-sizing: border-box !important;
   overflow: hidden !important;
   box-shadow:
       0 3px 10px rgba(0, 0, 0, 0.14) !important;
   transition:
       box-shadow 0.2s ease,
       transform 0.2s ease !important;
}

.mse-personal-links
.block-totara-featured-links-tile::before {
display: none !important;
   content: none !important;
}

.mse-personal-links
.block-totara-featured-links-content-container,
.mse-personal-links
.block-totara-featured-links-content,
.mse-personal-links
.block-totara-featured-links-content-middle {
background: #ffffff !important;
   background-color: #ffffff !important;
}

.mse-personal-links
.block-totara-featured-links-content h3 {
color: #005EB8 !important;
   margin: 0 !important;
   padding: 0 !important;
   font-weight: 600 !important;
   line-height: 1.25 !important;
   opacity: 1 !important;
   visibility: visible !important;
   display: flex !important;
   align-items: center !important;
   gap: 10px !important;
   transition:
       opacity 0.12s ease,
       visibility 0.12s ease !important;
}

.mse-personal-links
.block-totara-featured-links-content-container::before,
.mse-personal-links
.block-totara-featured-links-link::before {
background: transparent !important;
   background-color: transparent !important;
   opacity: 0 !important;
}

.mse-personal-links
.block-totara-featured-links-content {
background: #ffffff !important;
   background-color: #ffffff !important;
   background-image: none !important;
}

.mse-personal-links
.block-totara-featured-links-tile
.block-totara-featured-links-link {
background: none !important;
   background-image: none !important;
   background-color: transparent !important;
}

.mse-personal-links
.block-totara-featured-links-content::after {
content: none !important;
   display: none !important;
   background: transparent !important;
   background-color: transparent !important;
}

.mse-personal-links
.block-totara-featured-links-content.block-totara-featured-links-content-middle::after {
content: "" !important;
   background: none !important;
   background-color: transparent !important;
   background-image: none !important;
   opacity: 0 !important;
   visibility: hidden !important;
   display: none !important;
   width: 0 !important;
   height: 0 !important;
}

.mse-personal-links
.block-totara-featured-links-content.block-totara-featured-links-content-middle::before {
content: none !important;
   display: none !important;
   background: transparent !important;
   background-color: transparent !important;
   opacity: 0 !important;
}

.mse-personal-links
.block-totara-featured-links-content h3::before {
content: "" !important;
   display: block !important;
   flex: 0 0 28px !important;
   width: 28px !important;
   height: 28px !important;
   background-color: #005EB8 !important;
   -webkit-mask-repeat: no-repeat !important;
   mask-repeat: no-repeat !important;
   -webkit-mask-position: center !important;
   mask-position: center !important;
   -webkit-mask-size: contain !important;
   mask-size: contain !important;
}

.mse-personal-links
#block-totara-featured-links-tile-435
.block-totara-featured-links-content h3::before {
-webkit-mask-image:
       url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3 1 8l11 5 9-4.09V15h2V8L12 3zm-7 8.18V16l7 4 7-4v-4.82l-7 3.18-7-3.18z'/%3E%3C/svg%3E") !important;
   mask-image:
       url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3 1 8l11 5 9-4.09V15h2V8L12 3zm-7 8.18V16l7 4 7-4v-4.82l-7 3.18-7-3.18z'/%3E%3C/svg%3E") !important;
}

.mse-personal-links
#block-totara-featured-links-tile-436
.block-totara-featured-links-content h3::before {
-webkit-mask-image:
       url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='8' r='4' fill='black'/%3E%3Ccircle cx='17' cy='9' r='3' fill='black'/%3E%3Cpath fill='black' d='M2 21v-2c0-3.3 3.1-6 7-6s7 2.7 7 6v2H2Zm14-7c3.3 0 6 2.2 6 5v2h-4v-2c0-2-.9-3.8-2.4-5H16Z'/%3E%3C/svg%3E") !important;
   mask-image:
       url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='8' r='4' fill='black'/%3E%3Ccircle cx='17' cy='9' r='3' fill='black'/%3E%3Cpath fill='black' d='M2 21v-2c0-3.3 3.1-6 7-6s7 2.7 7 6v2H2Zm14-7c3.3 0 6 2.2 6 5v2h-4v-2c0-2-.9-3.8-2.4-5H16Z'/%3E%3C/svg%3E") !important;
}

.mse-personal-links
#block-totara-featured-links-tile-437
.block-totara-featured-links-content h3::before {
-webkit-mask-image:
       url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 4.5C6.5 4 9.4 4.8 11 6.2V21c-1.7-1.4-4.5-2.2-8-1.7V4.5Zm18 0v14.8c-3.5-.5-6.3.3-8 1.7V6.2C14.6 4.8 17.5 4 21 4.5Z'/%3E%3C/svg%3E") !important;
   mask-image:
       url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 4.5C6.5 4 9.4 4.8 11 6.2V21c-1.7-1.4-4.5-2.2-8-1.7V4.5Zm18 0v14.8c-3.5-.5-6.3.3-8 1.7V6.2C14.6 4.8 17.5 4 21 4.5Z'/%3E%3C/svg%3E") !important;
}

.mse-personal-links
#block-totara-featured-links-tile-438
.block-totara-featured-links-content h3::before {
-webkit-mask-image:
       url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10.5 3a7.5 7.5 0 1 0 4.7 13.35L20.85 22 22 20.85l-5.65-5.65A7.5 7.5 0 0 0 10.5 3Zm0 2a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11Z'/%3E%3C/svg%3E") !important;
   mask-image:
       url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10.5 3a7.5 7.5 0 1 0 4.7 13.35L20.85 22 22 20.85l-5.65-5.65A7.5 7.5 0 0 0 10.5 3Zm0 2a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11Z'/%3E%3C/svg%3E") !important;
}

.mse-personal-links
#block-totara-featured-links-tile-439
.block-totara-featured-links-content h3::before {
-webkit-mask-image:
       url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 20h3V10H4v10zm6 0h4V4h-4v16zm7 0h3V7h-3v13z'/%3E%3C/svg%3E") !important;
   mask-image:
       url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 20h3V10H4v10zm6 0h4V4h-4v16zm7 0h3V7h-3v13z'/%3E%3C/svg%3E") !important;
}

.mse-personal-links
.block-totara-featured-links-content p {
display: none !important;
}

.mse-personal-links
.block-totara-featured-links-tile::after {
position: absolute !important;
   inset: -1px !important;
   display: flex !important;
   align-items: center !important;
   box-sizing: border-box !important;
   padding: 10px 12px !important;
   background: #005EB8 !important;
   
   border-top: 4px solid #ffffff !important;
   color: #ffffff !important;
   font-size: 14px !important;
   font-weight: 600 !important;
   line-height: 1.35 !important;
   text-align: left !important;
   opacity: 0 !important;
   visibility: hidden !important;
   pointer-events: none !important;
   z-index: 999 !important;
   border-radius: 8px !important;
   transition:
       opacity 0.15s ease,
       visibility 0.15s ease !important;
}

.mse-personal-links
#block-totara-featured-links-tile-435::after {
content:
       "View your current courses, programmes, certifications & booked training.";
}

.mse-personal-links
#block-totara-featured-links-tile-436::after {
content:
       "Access your appraisal, objectives and development activity.";
}

.mse-personal-links
#block-totara-featured-links-tile-437::after {
content:
       "View your completed learning and training history.";
}

.mse-personal-links
#block-totara-featured-links-tile-438::after {
content:
       "Search and enrol on available learning and development.";
}

.mse-personal-links
#block-totara-featured-links-tile-439::after {
content:
       "View and access your learning reports.";
}

.mse-personal-links
.block-totara-featured-links-tile:hover::after,
.mse-personal-links
.block-totara-featured-links-tile:focus-within::after {
opacity: 1 !important;
   visibility: visible !important;
}

.mse-personal-links
.block-totara-featured-links-tile:hover,
.mse-personal-links
.block-totara-featured-links-tile:focus-within {
border-color: #ffffff !important;
   box-shadow:
       0 5px 14px rgba(0, 0, 0, 0.18) !important;
   transform: translateY(-1px) !important;
}

body.editing
.mse-personal-links
.block-totara-featured-links-tile::after {
display: none !important;
   opacity: 0 !important;
   visibility: hidden !important;
}

body.editing
.mse-personal-links
.block-totara-featured-links-tile {
overflow: visible !important;
}

body.editing
.mse-personal-links
.block-totara-featured-links-tile a,
body.editing
.mse-personal-links
.block-totara-featured-links-tile button {
position: relative !important;
   z-index: 1000 !important;
}

.mse-team-links .block-totara-featured-links-layout {
display: grid !important;
   grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
   gap: 14px !important;
}

.mse-team-links .block-totara-featured-links-flex-filler {
display: none !important;
}

.mse-team-links .block-totara-featured-links-tile:not(.block-totara-featured-links-tile-adder) {
width: 100% !important;
   min-width: 0 !important;
   max-width: none !important;
   height: 80px !important;
   min-height: 80px !important;
   margin: 0 !important;
   background: #fff !important;
   border: 1px solid #D8DDE0 !important;
   border-left: 4px solid #007F3B !important;
   border-radius: 8px !important;
   box-shadow: 0 3px 10px rgba(0,0,0,.14) !important;
   box-sizing: border-box !important;
   position: relative !important;
   overflow: hidden;
}

.mse-team-links .block-totara-featured-links-tile::before {
display: none !important;
   content: none !important;
}

.mse-team-links .block-totara-featured-links-content-container::before,
.mse-team-links .block-totara-featured-links-link::before {
background: transparent !important;
   opacity: 0 !important;
}

.mse-team-links .block-totara-featured-links-link {
background: none !important;
   background-image: none !important;
   background-color: transparent !important;
}

.mse-team-links .block-totara-featured-links-content::after,
.mse-team-links .block-totara-featured-links-content.block-totara-featured-links-content-middle::before,
.mse-team-links .block-totara-featured-links-content.block-totara-featured-links-content-middle::after {
content: none !important;
   display: none !important;
   background: transparent !important;
   opacity: 0 !important;
}

.mse-team-links .block-totara-featured-links-content-container,
.mse-team-links .block-totara-featured-links-content,
.mse-team-links .block-totara-featured-links-content-middle {
background: #fff !important;
   background-color: #fff !important;
}

.mse-team-links .block-totara-featured-links-content-container {
position: relative !important;

    height: 100% !important;

    box-sizing: border-box !important;
}

.mse-team-links .block-totara-featured-links-content {
height: 100% !important;

    box-sizing: border-box !important;
}

.mse-team-links .block-totara-featured-links-content h3 {
display: flex !important;

    align-items: center !important;

    gap: 10px !important;

    margin: 0 !important;

    padding: 0 !important;

    color: #212B32 !important;

    font-weight: 600 !important;

    line-height: 1.25 !important;

    text-align: left !important;
}

.mse-team-links .block-totara-featured-links-content h3::before {
content: "" !important;

    display: block !important;

    flex: 0 0 28px !important;

    width: 28px !important;

    height: 28px !important;

    background-color: #007F3B !important;

    -webkit-mask-repeat: no-repeat !important;

    mask-repeat: no-repeat !important;

    -webkit-mask-position: center !important;

    mask-position: center !important;

    -webkit-mask-size: contain !important;

    mask-size: contain !important;
}

#block-totara-featured-links-tile-431
.block-totara-featured-links-content h3::before,
#block-totara-featured-links-tile-432
.block-totara-featured-links-content h3::before,
#block-totara-featured-links-tile-433
.block-totara-featured-links-content h3::before {
flex: 0 0 31px !important;
   width: 31px !important;
   height: 31px !important;
}

#block-totara-featured-links-tile-431
.block-totara-featured-links-content h3::before {
-webkit-mask-image:
       url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 11c2.21 0 4-1.79 4-4S11.21 3 9 3 5 4.79 5 7s1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v3h10.35a6.5 6.5 0 0 1-.35-2c0-1.94.85-3.68 2.2-4.87C11.7 13.04 10.2 13 9 13zm8.5 1a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9zm-.8 6.5-2.2-2.2 1.1-1.1 1.1 1.1 2.7-2.7 1.1 1.1-3.8 3.8z'/%3E%3C/svg%3E")
       !important;
   mask-image:
       url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 11c2.21 0 4-1.79 4-4S11.21 3 9 3 5 4.79 5 7s1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v3h10.35a6.5 6.5 0 0 1-.35-2c0-1.94.85-3.68 2.2-4.87C11.7 13.04 10.2 13 9 13zm8.5 1a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9zm-.8 6.5-2.2-2.2 1.1-1.1 1.1 1.1 2.7-2.7 1.1 1.1-3.8 3.8z'/%3E%3C/svg%3E")
       !important;
}

#block-totara-featured-links-tile-432
.block-totara-featured-links-content h3::before {
-webkit-mask-image:
       url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M16 4h-1.18C14.4 2.84 13.3 2 12 2s-2.4.84-2.82 2H8C6.9 4 6 4.9 6 6v14c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-4 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm-1.5 14L7 14.5 8.4 13.1l2.1 2.1 5.1-5.1 1.4 1.4-6.5 6.5z'/%3E%3C/svg%3E")
       !important;
   mask-image:
       url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M16 4h-1.18C14.4 2.84 13.3 2 12 2s-2.4.84-2.82 2H8C6.9 4 6 4.9 6 6v14c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-4 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm-1.5 14L7 14.5 8.4 13.1l2.1 2.1 5.1-5.1 1.4 1.4-6.5 6.5z'/%3E%3C/svg%3E")
       !important;
}

#block-totara-featured-links-tile-433
.block-totara-featured-links-content h3::before {
-webkit-mask-image:
       url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 11c2.21 0 4-1.79 4-4S10.21 3 8 3 4 4.79 4 7s1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v3h10v-3c0-1.05.32-2.03.86-2.84C9.9 13.39 8.84 13 8 13zm12-4h-5c-1.1 0-2 .9-2 2v9c0 1.1.9 2 2 2h7c1.1 0 2-.9 2-2v-7l-4-4zm0 2.5L21.5 13H20v-1.5zM16 16h5v1.5h-5V16zm0 3h5v1.5h-5V19z'/%3E%3C/svg%3E")
       !important;
   mask-image:
       url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 11c2.21 0 4-1.79 4-4S10.21 3 8 3 4 4.79 4 7s1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v3h10v-3c0-1.05.32-2.03.86-2.84C9.9 13.39 8.84 13 8 13zm12-4h-5c-1.1 0-2 .9-2 2v9c0 1.1.9 2 2 2h7c1.1 0 2-.9 2-2v-7l-4-4zm0 2.5L21.5 13H20v-1.5zM16 16h5v1.5h-5V16zm0 3h5v1.5h-5V19z'/%3E%3C/svg%3E")
       !important;
}

.mse-team-links .block-totara-featured-links-tile::after {
position: absolute !important;
   
   top: 3px !important;
   right: 2px !important;
   bottom: 2px !important;
   left: 2px !important;
   display: flex !important;
   align-items: center !important;
   padding: 10px 12px !important;
   box-sizing: border-box !important;
   border-radius: 6px !important;
   
   background: #009639 !important;
   color: #FFFFFF !important;
   font-size: 14px !important;
   font-weight: 600 !important;
   line-height: 1.35 !important;
   text-align: left !important;
   opacity: 0;
   visibility: hidden;
   pointer-events: none;
   z-index: 999 !important;
}

.mse-team-links .block-totara-featured-links-tile:hover::after,
.mse-team-links .block-totara-featured-links-tile:focus-within::after {
opacity: 1 !important;
   visibility: visible !important;
}

.mse-team-links .block-totara-featured-links-tile:hover,
.mse-team-links .block-totara-featured-links-tile:focus-within {
border-left-color: #007F3B !important;
}

#block-totara-featured-links-tile-431::after {
content: "View your team's learning compliance, records and bookings." !important;
}

#block-totara-featured-links-tile-432::after {
content: "Start, continue or review your team's appraisal activities." !important;
}

#block-totara-featured-links-tile-433::after {
content: "Check your team's appraisal completion, dates and booking status." !important;
}

#block-totara-featured-links-tile-434::after {
content: "Access MSE training reports for learning and assurance." !important;
}

body.editing .mse-team-links .block-totara-featured-links-tile::after {
display: none !important;

    opacity: 0 !important;

    visibility: hidden !important;
}

#inst7098.mse-team-links {
margin-top: 3px !important;
   padding-top: 0 !important;
}

#inst7098.mse-team-links
.block-totara-featured-links-content-container {
margin-top: 0 !important;
   padding-top: 0 !important;
}

.mse-section-title-box {
font-size: 1.15rem !important;
}

.mse-section-title-box,
.mse-team-title,
.mse-personal-title-box {
padding: 0.35rem 0.75rem !important;
}

#inst7112.mse-operational-help-block {
width: fit-content !important;
   max-width: 100% !important;
}

#inst7112.mse-operational-help-block
.mse-learner-help {
width: fit-content !important;
   max-width: 100% !important;
}

#inst7112.mse-operational-help-block
.mse-learner-help__links {
width: 100% !important;
}

#inst7110 .mse-resume-learning-heading {
width: 15rem !important;
   max-width: 100% !important;
   margin: 0 !important;
}

#inst7111 {
margin-top: -0.3rem !important;
}

#inst7110 {
width: 100% !important;
   margin: 0 0 1rem 0 !important;
   padding: 0 !important;
   background: transparent !important;
   border: 0 !important;
   box-shadow: none !important;
}

#inst7110 .block-content,
#inst7110 .content,
#inst7110 .card-body,
#inst7110 .no-overflow,
#inst7110 .generated-content-user {
margin: 0 !important;
   padding: 0 !important;
   background: transparent !important;
   border: 0 !important;
   box-shadow: none !important;
}

#inst7110 .mse-resume-learning-heading {
display: block !important;
   width: 24rem !important;
   max-width: none !important;
   margin: 0 !important;
   padding: 0.4rem 1rem !important;
   background: #00A499 !important;
   color: #ffffff !important;
   border: 0 !important;
   border-radius: 0.5rem !important;
   box-shadow: none !important;
 font-family: Frutiger, "Frutiger W01", Arial, sans-serif !important;
font-size: 1rem !important;
font-weight: 600 !important;
line-height: 1.15 !important;
font-style: normal !important;
letter-spacing: normal !important;
text-transform: none !important;
   text-align: left !important;
   box-sizing: border-box !important;
}

#inst7110 {
margin-left: 0 !important;
   padding-left: 0 !important;
}

#inst7110 {
width: 18rem !important;
   max-width: 18rem !important;
   
   margin-left: -0.5rem !important;
margin-right: auto !important;
   
   margin-top: 2rem !important;
   margin-bottom: 0.75rem !important;
   padding: 0 !important;
   box-sizing: border-box !important;
}

#inst7110 .mse-resume-learning-heading {
display: block !important;
   width: 100% !important;
   max-width: 100% !important;
   margin: 0 !important;
   padding: 0.45rem 0.75rem !important;
   background: #00A499 !important;
   color: #ffffff !important;
   border: 0 !important;
   border-radius: 0.5rem !important;
   box-sizing: border-box !important;
   text-align: left !important;
}

#inst7110 {
position: relative !important;
   left: -0.2rem !important;
}

#inst7110 h2.mse-resume-learning-heading {
font: inherit !important;
   font-family: inherit !important;
   font-size: 1.15rem !important;
   font-weight: 500 !important;
   font-style: normal !important;
   font-stretch: normal !important;
   line-height: 1.25 !important;
   letter-spacing: normal !important;
   text-transform: none !important;
}

#inst7097 .block-totara-featured-links-layout,
#inst7098 .block-totara-featured-links-layout,
#inst7099 .block-totara-featured-links-layout {
display: grid !important;
   grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
   column-gap: 1rem !important;
   row-gap: 1rem !important;
   width: 100% !important;
   max-width: 100% !important;
}

#inst7097 .block-totara-featured-links-tile,
#inst7098 .block-totara-featured-links-tile,
#inst7099 .block-totara-featured-links-tile {
width: auto !important;
   max-width: none !important;
   min-width: 0 !important;
   margin: 0 !important;
   box-sizing: border-box !important;
}

#inst7097 .block-totara-featured-links-tile,
#inst7097 .block-totara-featured-links-tile > a,
#inst7097 .block-totara-featured-links-content,
#inst7097 .block-totara-featured-links-content-container {
background: #EFEBF4 !important;
}

#inst7098 .block-totara-featured-links-tile,
#inst7098 .block-totara-featured-links-tile > a,
#inst7098 .block-totara-featured-links-content,
#inst7098 .block-totara-featured-links-content-container {
background: #EBF3F0 !important;
}

#inst7099 .block-totara-featured-links-tile,
#inst7099 .block-totara-featured-links-tile > a,
#inst7099 .block-totara-featured-links-content,
#inst7099 .block-totara-featured-links-content-container {
background: #EBF2F9 !important;
}

#inst7113.mse-required-title {
transform: translateY(40px) !important;
}

#inst7109.mse-required-learning-radial {
transform: translateY(-21px) !important;
}

.mse-facilitator-links .block-totara-featured-links-tile::after {
position: absolute !important;
   top: 3px !important;
   right: 2px !important;
   bottom: 2px !important;
   left: 2px !important;
   display: flex !important;
   align-items: center !important;
   padding: 10px 12px !important;
   box-sizing: border-box !important;
   border-radius: 6px !important;
   background: #330072 !important;
   color: #FFFFFF !important;
   font-size: 14px !important;
   font-weight: 600 !important;
   line-height: 1.35 !important;
   text-align: left !important;
   opacity: 0;
   visibility: hidden;
   pointer-events: none;
   z-index: 999 !important;
}

.mse-facilitator-links .block-totara-featured-links-tile:hover::after,
.mse-facilitator-links .block-totara-featured-links-tile:focus-within::after {
opacity: 1 !important;
   visibility: visible !important;
}

.mse-facilitator-links .block-totara-featured-links-tile:hover,
.mse-facilitator-links .block-totara-featured-links-tile:focus-within {
border-left-color: #330072 !important;
}

.mse-personal-links .block-totara-featured-links-tile::after {
position: absolute !important;
   top: 3px !important;
   right: 2px !important;
   bottom: 2px !important;
   left: 2px !important;
   display: flex !important;
   align-items: center !important;
   padding: 10px 12px !important;
   box-sizing: border-box !important;
   border-radius: 6px !important;
   background: #005EB8 !important;
   color: #FFFFFF !important;
   font-size: 14px !important;
   font-weight: 600 !important;
   line-height: 1.35 !important;
   text-align: left !important;
   opacity: 0;
   visibility: hidden;
   pointer-events: none;
   z-index: 999 !important;
}

.mse-personal-links .block-totara-featured-links-tile:hover::after,
.mse-personal-links .block-totara-featured-links-tile:focus-within::after {
opacity: 1 !important;
   visibility: visible !important;
}

.mse-personal-links .block-totara-featured-links-tile:hover,
.mse-personal-links .block-totara-featured-links-tile:focus-within {
border-left-color: #005EB8 !important;
}

body.editing .mse-facilitator-links .block-totara-featured-links-tile::after,
body.editing .mse-personal-links .block-totara-featured-links-tile::after {
display: none !important;
   opacity: 0 !important;
   visibility: hidden !important;
}

.mse-required-title .mse-required-learning-heading {
background: #005EB8 !important;
   color: #fff !important;
   text-align: left !important;
   padding: 5px 10px !important;
   margin-top: 0 !important;
   margin-bottom: 8px !important;
   border-radius: 3px !important;
   
   font-size: 1rem !important;
   font-weight: 600 !important;
   line-height: 1.2 !important;
   box-sizing: border-box !important;
}

.mse-required-title .mse-required-learning-heading__link,
.mse-required-title .mse-required-learning-heading__link:visited {
display: block !important;
   width: 100% !important;
   color: #fff !important;
   font: inherit !important;
   font-size: inherit !important;
   font-weight: inherit !important;
   line-height: inherit !important;
   text-align: left !important;
   text-decoration: none !important;
}

.mse-required-title .mse-required-learning-heading__link:hover,
.mse-required-title .mse-required-learning-heading__link:focus {
color: #fff !important;
   text-decoration: underline !important;
}

.mse-required-title .mse-required-learning-heading,
.mse-required-title .mse-required-learning-heading__link {
font-family: Frutiger, "Frutiger W01", Arial, sans-serif !important;
   font-size: 16px !important;
   font-weight: 600 !important;
   line-height: 19.2px !important;
   letter-spacing: normal !important;
}

.mse-op-required-heading {
display: block !important;
   box-sizing: border-box !important;
   width: 100% !important;
   background: #005EB8 !important;
   color: #fff !important;
   padding: 4px 10px !important;
   margin: 0 !important;
   font-family: Frutiger, "Frutiger W01", Arial, sans-serif !important;
   font-size: 16px !important;
   font-weight: 600 !important;
   line-height: 19.2px !important;
   text-align: left !important;
   border-radius: 2px !important;
}

.mse-op-required-heading__link,
.mse-op-required-heading__link:visited,
.mse-op-required-heading__link:hover,
.mse-op-required-heading__link:focus {
color: #fff !important;
   font-family: inherit !important;
   font-size: inherit !important;
   font-weight: inherit !important;
   line-height: inherit !important;
   text-decoration: none !important;
}

.mse-section-title-box,
.mse-op-required-heading {
box-sizing: border-box !important;
   min-height: 32px !important;
   height: 32px !important;
   padding: 6px 10px !important;
   margin: 0 !important;
   border-radius: 4px !important;
   font-family: Frutiger, "Frutiger W01", Arial, sans-serif !important;
   font-size: 16px !important;
   font-weight: 600 !important;
   line-height: 20px !important;
   display: flex !important;
   align-items: center !important;
   text-align: left !important;
}

.mse-section-title-box,
.mse-team-title,
.mse-personal-title {
box-sizing: border-box !important;
   height: 32px !important;
   min-height: 32px !important;
   max-height: 32px !important;
   padding: 6px 10px !important;
   border-radius: 4px !important;
   font-family: Frutiger, "Frutiger W01", Arial, sans-serif !important;
   font-size: 16px !important;
   font-weight: 600 !important;
   line-height: 20px !important;
   display: flex !important;
   align-items: center !important;
   justify-content: flex-start !important;
   text-align: left !important;
}

.mse-section-title-box,
.mse-team-title,
.mse-personal-title-box {
box-sizing: border-box !important;
   height: 32px !important;
   min-height: 32px !important;
   max-height: 32px !important;
   padding: 6px 10px !important;
   border-radius: 4px !important;
   font-family: Frutiger, "Frutiger W01", Arial, sans-serif !important;
   font-size: 16px !important;
   font-weight: 600 !important;
   line-height: 20px !important;
   display: flex !important;
   align-items: center !important;
   justify-content: flex-start !important;
   text-align: left !important;
}

/* OPERATIONAL — RESUME LEARNING HEADING */

#inst7110 h2.mse-required-learning-heading.mse-resume-learning-heading {

    box-sizing: border-box !important;

    /* Allow the heading to fit its text */

    display: inline-block !important;

    width: auto !important;

    height: auto !important;

    min-height: 0 !important;

    max-height: none !important;

    /* Match Featured Links heading typography */

    font-family: Frutiger, "Frutiger W01", Arial, sans-serif !important;

    font-size: 18px !important;

    font-weight: 600 !important;

    line-height: 1.4 !important;

    color: #005EB8 !important;

    /* NHS Pale Grey underline */

    background: transparent !important;

    border: 0 !important;

    border-bottom: 3px solid #E8EDEE !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    padding: 0 0 8px 0 !important;

    margin: 0 !important;

    text-indent: 0 !important;

    text-align: left !important;

}
 

#inst6155 .mse-op-required-heading {
display: inline-block !important;
   width: auto !important;
   min-width: 0 !important;
   max-width: none !important;
   padding-left: 10px !important;
   padding-right: 10px !important;
}

.mse-section-title-box,
.mse-team-title-box,
.mse-personal-title-box,
.mse-resume-learning-heading,
#inst6155 .mse-op-required-heading {
border-radius: 3px !important;
}

.mse-section-title-box,
.mse-team-title-box,
.mse-personal-title-box,
.mse-resume-learning-heading,
#inst6155 .mse-op-required-heading {
font-size: 1.1rem !important;
   font-weight: 600 !important;
}

.mse-section-title-box,
.mse-team-title-box,
.mse-team-title,
.mse-personal-title-box,
.mse-resume-learning-heading,
#inst6155 .mse-op-required-heading,
.mse-required-learning-heading,
.mse-ul3-required-heading,
.mse-ul3-priority-heading,
.mse-priority-heading {
font-size: 1.1rem !important;
   font-weight: 600 !important;
}

.mse-section-title-box,
.mse-team-title,
.mse-personal-title-box {
background: transparent !important;
   background-color: transparent !important;
   color: #003087 !important;
   width: auto !important;
   min-width: 0 !important;
   max-width: none !important;
   height: auto !important;
   min-height: 0 !important;
   max-height: none !important;
   padding: 0 !important;
   border: 0 !important;
   border-radius: 0 !important;
   box-shadow: none !important;
   display: block !important;
   font-family: Frutiger, "Frutiger W01", Arial, sans-serif !important;
   font-size: 1.1rem !important;
   font-weight: 600 !important;
   line-height: 1.3 !important;
   text-align: left !important;
}

.mse-section-title-box,
.mse-team-title,
.mse-personal-title-box {
background: transparent !important;
   background-color: transparent !important;
   width: auto !important;
   min-width: 0 !important;
   max-width: none !important;
   height: auto !important;
   min-height: 0 !important;
   max-height: none !important;
   padding: 0 !important;
   border: 0 !important;
   border-radius: 0 !important;
   box-shadow: none !important;
   display: block !important;
   font-family: Frutiger, "Frutiger W01", Arial, sans-serif !important;
   font-size: 1.1rem !important;
   font-weight: 600 !important;
   line-height: 1.3 !important;
   text-align: left !important;
}

.mse-team-links .block-totara-featured-links-tile {
border-left-color: #006747 !important;
}

.mse-team-links .block-totara-featured-links-content,
.mse-team-links .block-totara-featured-links-content h3,
.mse-team-links .block-totara-featured-links-content h3 a,
.mse-team-links .block-totara-featured-links-link {
color: #006747 !important;
}

.mse-team-links .block-totara-featured-links-content h3::before {
background-color: #006747 !important;
}

.mse-team-links .block-totara-featured-links-tile::after {
background: #006747 !important;
   background-color: #006747 !important;
   color: #FFFFFF !important;
}

.mse-team-links .block-totara-featured-links-tile:hover,
.mse-team-links .block-totara-featured-links-tile:focus-within {
border-left-color: #006747 !important;
}

.mse-personal-links .block-totara-featured-links-tile {
border-left-color: #003087 !important;
}

.mse-personal-links .block-totara-featured-links-content,
.mse-personal-links .block-totara-featured-links-content h3,
.mse-personal-links .block-totara-featured-links-content h3 a,
.mse-personal-links .block-totara-featured-links-link {
color: #003087 !important;
}

.mse-personal-links .block-totara-featured-links-content h3::before {
background-color: #003087 !important;
}

.mse-personal-links .block-totara-featured-links-tile::after {
background: #003087 !important;
   background-color: #003087 !important;
   color: #FFFFFF !important;
}

.mse-personal-links .block-totara-featured-links-tile:hover,
.mse-personal-links .block-totara-featured-links-tile:focus-within {
border-left-color: #003087 !important;
}

.mse-facilitator-links .block-totara-featured-links-tile:hover,
.mse-team-links .block-totara-featured-links-tile:hover,
.mse-personal-links .block-totara-featured-links-tile:hover {
border-color: #FFFFFF !important;
}

.mse-facilitator-links .block-totara-featured-links-tile:focus-within,
.mse-team-links .block-totara-featured-links-tile:focus-within,
.mse-personal-links .block-totara-featured-links-tile:focus-within {
border-color: #FFFFFF !important;
   outline: 4px solid #FFDD00 !important;
   outline-offset: 3px !important;
}

.mse-facilitator-links .block-totara-featured-links-tile:focus-within::after,
.mse-team-links .block-totara-featured-links-tile:focus-within::after,
.mse-personal-links .block-totara-featured-links-tile:focus-within::after {
opacity: 1 !important;
   visibility: visible !important;
}

.mse-facilitator-links .block-header h2,
.mse-facilitator-links .block-header h3,
.mse-team-links .block-header h2,
.mse-team-links .block-header h3,
.mse-personal-links .block-header h2,
.mse-personal-links .block-header h3 {
font-family: Frutiger, "Frutiger W01", Arial, sans-serif !important;
   font-weight: 600 !important;
}

.mse-facilitator-links .block-header h2,
.mse-facilitator-links .block-header h3 {
color: #330072 !important;
}

.mse-team-links .block-header h2,
.mse-team-links .block-header h3 {
color: #006747 !important;
}

.mse-personal-links .block-header h2,
.mse-personal-links .block-header h3 {
color: #003087 !important;
}

/* Universal Learner — LIVE Resume Learning heading: isolate from Required Learning heading block */
#inst7117.mse-resume-learning-heading .mse-resume-learning-heading {
  font-family: Frutiger, "Frutiger W01", Arial, sans-serif !important;
  font-weight: 600 !important;
}

/* Operational dashboard — Required Learning heading stacking fix */
#inst7113.mse-required-title {
   position: relative !important;
   z-index: 10 !important;
}
/* =====================================================
  OPERATIONAL DASHBOARD — LIVE ALIGNMENT REFINEMENTS
  8 OCTOBER 2026
  ===================================================== */
/* Required Learning heading: retain correct stacking */
#inst7113.mse-required-title {
   position: relative !important;
   z-index: 10 !important;
   transform: translateY(20px) !important;
}
/* Radial chart: lower slightly to separate from heading */
#inst7109.block_think_radial_learning_single {
   position: relative !important;
   z-index: 1 !important;
   transform: translateY(5px) !important;
}
/* Featured Links: balance spacing around header dividers */
#inst7097 .block-header,
#inst7098 .block-header,
#inst7099 .block-header {
   padding-bottom: 8px !important;
   margin-bottom: 8px !important;
}
/* OPERATIONAL DASHBOARD — ALIGN FEATURED LINKS HEADINGS */
#inst7097 .block-header h2,
#inst7098 .block-header h2,
#inst7099 .block-header h2 {
   margin-left: -24px !important;
}
/* OPERATIONAL DASHBOARD — FEATURED LINKS TITLE DIVIDERS */
/* Disable the native Totara divider */
#inst7097 .block-title::after,
#inst7098 .block-title::after,
#inst7099 .block-title::after {
   display: none !important;
}
/* Create one consistent divider beneath each heading */
#inst7097 .block-header,
#inst7098 .block-header,
#inst7099 .block-header {
   border-bottom: 1px solid #D8DDE2 !important;
   padding-bottom: 12px !important;
   margin-bottom: 12px !important;
}
/* OPERATIONAL DASHBOARD — DIVIDER ALIGNMENT */
#inst7097 .block-header .block-title::after,
#inst7098 .block-header .block-title::after,
#inst7099 .block-header .block-title::after {
   left: 0 !important;
   right: 0 !important;
   bottom: 0 !important;
}
/* OPERATIONAL — CONTROLLED HEADING UNDERLINES */

#inst7097 .block-title,

#inst7098 .block-title,

#inst7099 .block-title {

    position: relative !important;

    box-shadow: none !important;

    padding-bottom: 12px !important;

    margin-bottom: 12px !important;

}

/* Remove Totara's existing divider */

#inst7097 .block-title::after,

#inst7098 .block-title::after,

#inst7099 .block-title::after {

    content: none !important;

}

/* Add our controlled underline */

#inst7097 .block-title,

#inst7098 .block-title,

#inst7099 .block-title {

    border-bottom: 3px solid !important;

}

#inst7097 .block-title {

    border-bottom-color: #330072 !important;

}

#inst7098 .block-title {

    border-bottom-color: #006747 !important;

}

#inst7099 .block-title {

    border-bottom-color: #003087 !important;

}
 /* OPERATIONAL — REMOVE REMAINING NATIVE DIVIDERS */
#inst7097 .block-title,
#inst7098 .block-title,
#inst7099 .block-title {
   box-shadow: none !important;
}
#inst7097 .block-title::before,
#inst7098 .block-title::before,
#inst7099 .block-title::before,
#inst7097 .block-title::after,
#inst7098 .block-title::after,
#inst7099 .block-title::after {
   content: none !important;
   display: none !important;
}
#inst7097 .block-header,
#inst7098 .block-header,
#inst7099 .block-header {
   border-bottom: 0 !important;
}
/* OPERATIONAL — FINAL UNDERLINE LEFT ALIGNMENT */
#inst7097 .block-title,
#inst7098 .block-title,
#inst7099 .block-title {
   padding-left: 0 !important;
   padding-right: 0 !important;
}

/* OPERATIONAL — ALIGN TITLES WITH FIRST TILE */
#inst7097 .block-header h2,
#inst7098 .block-header h2,
#inst7099 .block-header h2 {
   margin-left: 0 !important;
   transform: translateX(-8px) !important;
}

/* OPERATIONAL — ALIGN TITLE UNDERLINES WITH TILES */
#inst7097 .block-title,
#inst7098 .block-title,
#inst7099 .block-title {
   transform: translateX(-10px) !important;
   width: calc(100% + 10px) !important;
}
/* Compensate so heading text stays in position */
#inst7097 .block-title h2,
#inst7098 .block-title h2,
#inst7099 .block-title h2 {
   transform: translateX(4px) !important;
}
/* OPERATIONAL — NHS PALE GREY TITLE UNDERLINES */
#inst7097 .block-title,
#inst7098 .block-title,
#inst7099 .block-title {
   border-bottom-color: #E8EDEE !important;
}
#inst7097 .block-title::after,
#inst7098 .block-title::after,
#inst7099 .block-title::after {
   background-color: #E8EDEE !important;
   border-bottom-color: #E8EDEE !important;
}
/* OPERATIONAL — BALANCE VERTICAL SPACING BETWEEN SECTIONS */
#inst7098,
#inst7099 {
   margin-top: 6px !important;
}
/* OPERATIONAL — CORRECT MY TEAM HEADING SPACING */
#inst7098.mse-team-links {
   padding-top: 6px !important;
}
/* OPERATIONAL — REDUCE GAP BELOW TITLE UNDERLINES */
#inst7097 .block-header,
#inst7098 .block-header,
#inst7099 .block-header {
   margin-bottom: -10px !important;
}
/* OPERATIONAL — ALIGN TITLE UNDERLINES WITH TILE GRID */
#inst7097 .block-title,
#inst7098 .block-title,
#inst7099 .block-title {
   width: calc(100% - 1px) !important;
}

/* OPERATIONAL — REQUIRED LEARNING TITLE: FINAL STYLE */
/* Remove the existing blue heading background */
#inst7113 h2.mse-op-required-heading {
   display: block !important;
   width: fit-content !important;
   height: auto !important;
   min-height: 0 !important;
   max-height: none !important;
   background: transparent !important;
   background-color: transparent !important;
   border: 0 !important;
   border-radius: 0 !important;
   box-shadow: none !important;
   padding: 0 0 6px 0 !important;
   margin: 0 !important;
   border-bottom: 3px solid #E8EDEE !important;
   font-family: Frutiger, "Frutiger W01", Arial, sans-serif !important;
   font-size: 19px !important;
   font-weight: 600 !important;
   line-height: 1.4 !important;
   color: #005EB8 !important;
}
/* Style the actual linked heading text */
#inst7113 h2.mse-op-required-heading
a.mse-op-required-heading__link {
   display: inline !important;
   background: transparent !important;
   background-color: transparent !important;
   color: #005EB8 !important;
   font-family: Frutiger, "Frutiger W01", Arial, sans-serif !important;
   font-size: 18px !important;
   font-weight: 600 !important;
   line-height: 1.4 !important;
   padding: 0 !important;
   margin: 0 !important;
   border: 0 !important;
   border-radius: 0 !important;
   box-shadow: none !important;
   text-decoration: none !important;
}
/* Preserve appearance when hovering or using the keyboard */
#inst7113 h2.mse-op-required-heading
a.mse-op-required-heading__link:hover,
#inst7113 h2.mse-op-required-heading
a.mse-op-required-heading__link:focus-visible {
   color: #005EB8 !important;
   background: transparent !important;
}

/* OPERATIONAL — CENTRE MY TEAM TILE CONTENT */
#inst7098.mse-team-links
.block-totara-featured-links-content-container {
   display: flex !important;
   flex-direction: column !important;
   justify-content: center !important;
   height: 100% !important;
}
#inst7098.mse-team-links
.block-totara-featured-links-content {
   display: flex !important;
   align-items: center !important;
   width: 100% !important;
}
#inst7098.mse-team-links
.block-totara-featured-links-content_middle h3 {
   margin-top: 0 !important;
   margin-bottom: 0 !important;
}

/* ==================================================

   OPERATIONAL DASHBOARD

   PERSONAL SHORTCUTS — ADDITIONAL ICONS

   ================================================== */

/* Shared icon styling */

#inst7099 #block-totara-featured-links-tile-445

.block-totara-featured-links-content_middle h3::before,

#inst7099 #block-totara-featured-links-tile-446

.block-totara-featured-links-content_middle h3::before,

#inst7099 #block-totara-featured-links-tile-447

.block-totara-featured-links-content_middle h3::before {

    font-family: "Segoe UI Symbol", Arial, sans-serif !important;

    font-size: 24px !important;

    font-weight: normal !important;

    color: #003087 !important;

    display: inline-block !important;

    width: 28px !important;

    text-align: center !important;

    margin-right: 8px !important;

    vertical-align: middle !important;

}

/* 445 — Outpatients: medical symbol */

#inst7099 #block-totara-featured-links-tile-445

.block-totara-featured-links-content_middle h3::before {

    content: "\2695" !important;

}

/* 446 — Radiology: radiation symbol */

#inst7099 #block-totara-featured-links-tile-446

.block-totara-featured-links-content_middle h3::before {

    content: "\2622" !important;

}

/* 447 — Revalidation: medal symbol */

#inst7099 #block-totara-featured-links-tile-447

.block-totara-featured-links-content_middle h3::before {

    content: "\2606" !important;

}
/* =====================================================

   OPERATIONAL DASHBOARD — PERSONAL SHORTCUT ICONS

   Outpatients (445) and Radiology (446)

   LIVE Featured Links block: #inst7099

   ===================================================== */

/* OUTPATIENTS — HOSPITAL BUILDING */

#inst7099

#block-totara-featured-links-tile-445

.block-totara-featured-links-content h3::before {

    content: "" !important;

    display: block !important;

    flex: 0 0 28px !important;

    width: 28px !important;

    height: 28px !important;

    background-color: #003087 !important;

    background-image: none !important;

    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 2h6v3h5v17H4V5h5V2zm2 2v3H9v2h2v2h2V9h2V7h-2V4h-2zM7 13v3h3v-3H7zm7 0v3h3v-3h-3zm-4 5v4h4v-4h-4z'/%3E%3C/svg%3E") !important;

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 2h6v3h5v17H4V5h5V2zm2 2v3H9v2h2v2h2V9h2V7h-2V4h-2zM7 13v3h3v-3H7zm7 0v3h3v-3h-3zm-4 5v4h4v-4h-4z'/%3E%3C/svg%3E") !important;

    -webkit-mask-repeat: no-repeat !important;

    mask-repeat: no-repeat !important;

    -webkit-mask-position: center !important;

    mask-position: center !important;

    -webkit-mask-size: contain !important;

    mask-size: contain !important;

}


/* =====================================================
  RADIOLOGY TRAINING PORTAL — RADIATION SYMBOL
  LIVE Personal shortcuts — Tile 446
  ===================================================== */
#inst7099
#block-totara-featured-links-tile-446
.block-totara-featured-links-content h3::before {
   content: "" !important;
   display: block !important;
   flex: 0 0 28px !important;
   width: 28px !important;
   height: 28px !important;
   background: #003087 !important;
   background-image: none !important;
   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='2' fill='black'/%3E%3Cpath fill='black' d='M10.5 8.6 7.2 2.9A10.5 10.5 0 0 1 16.8 2.9L13.5 8.6A4 4 0 0 0 10.5 8.6ZM8.3 13.4 5 19.1A10.5 10.5 0 0 1 .3 11l6.6.1a5 5 0 0 0 1.4 2.3Zm7.4 0a5 5 0 0 0 1.4-2.3l6.6-.1a10.5 10.5 0 0 1-4.7 8.1z'/%3E%3C/svg%3E") !important;
   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='2' fill='black'/%3E%3Cpath fill='black' d='M10.5 8.6 7.2 2.9A10.5 10.5 0 0 1 16.8 2.9L13.5 8.6A4 4 0 0 0 10.5 8.6ZM8.3 13.4 5 19.1A10.5 10.5 0 0 1 .3 11l6.6.1a5 5 0 0 0 1.4 2.3Zm7.4 0a5 5 0 0 0 1.4-2.3l6.6-.1a10.5 10.5 0 0 1-4.7 8.1z'/%3E%3C/svg%3E") !important;
   -webkit-mask-repeat: no-repeat !important;
   mask-repeat: no-repeat !important;
   -webkit-mask-position: center !important;
   mask-position: center !important;
   -webkit-mask-size: contain !important;
   mask-size: contain !important;
}
 
/* =====================================================

   REVALIDATION DASHBOARD — NURSING BADGE

   LIVE tile 447

   ===================================================== */

#inst7099

#block-totara-featured-links-tile-447

.block-totara-featured-links-content h3::before {

    content: "" !important;

    display: block !important;

    flex: 0 0 28px !important;

    width: 28px !important;

    height: 28px !important;

    background: #003087 !important;

    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M12 1a11 11 0 1 0 0 22 11 11 0 0 0 0-22zm0 2a9 9 0 1 1 0 18 9 9 0 0 1 0-18zm0 2a7 7 0 1 0 0 14 7 7 0 0 0 0-14zm-2 3h4v2h2v4h-2v2h-4v-2H8v-4h2z'/%3E%3C/svg%3E") !important;

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M12 1a11 11 0 1 0 0 22 11 11 0 0 0 0-22zm0 2a9 9 0 1 1 0 18 9 9 0 0 1 0-18zm0 2a7 7 0 1 0 0 14 7 7 0 0 0 0-14zm-2 3h4v2h2v4h-2v2h-4v-2H8v-4h2z'/%3E%3C/svg%3E") !important;

    -webkit-mask-repeat: no-repeat !important;

    mask-repeat: no-repeat !important;

    -webkit-mask-position: center !important;

    mask-position: center !important;

    -webkit-mask-size: contain !important;

    mask-size: contain !important;

}
 /* ==============================================================
   UNIVERSAL LEARNER — LIVE APPEND-ONLY TEST — 8 OCT 2026
   Based on staging Universal Learner #3 styling and LIVE IDs.
   Remove this entire section to revert. No Operational selectors.
   ============================================================== */

/* Clean the six Universal Learner block wrappers only. */
#inst6725.mse-required-learning-heading,
#inst6719.mse-ul3-priority-actions,
#inst7117.mse-resume-learning-heading {
  background: transparent !important; border: 0 !important;
  box-shadow: none !important; overflow: visible !important;
}
#inst6725.mse-required-learning-heading .block-content,
#inst6725.mse-required-learning-heading .content,
#inst6719.mse-ul3-priority-actions .block-content,
#inst6719.mse-ul3-priority-actions .content,
#inst7117.mse-resume-learning-heading .block-content,
#inst7117.mse-resume-learning-heading .content {
  margin: 0 !important; padding: 0 !important;
  border: 0 !important; box-shadow: none !important;
  background: transparent !important; overflow: visible !important;
}

/* Required learning heading — staging blue tab */
#inst6725 h2.mse-required-learning-heading,
#inst6725 h2.mse-required-learning-heading a {
  display: inline-block !important; width: auto !important;
  font-family: Frutiger, 'Frutiger W01', Arial, sans-serif !important;
  font-size: 16px !important; font-weight: 600 !important;
  line-height: 1.2 !important; color: #fff !important;
  text-decoration: none !important;
}
#inst6725 h2.mse-required-learning-heading {
  background: #005EB8 !important; border: 0 !important;
  border-radius: 3px !important; padding: 5px 10px !important;
  margin: 0 0 8px !important;
}
#inst6725 h2.mse-required-learning-heading a:hover,
#inst6725 h2.mse-required-learning-heading a:focus-visible {
  text-decoration: underline !important;
}

/* Priority actions — staging four-card layout */
#inst6719 .mse-ul3-actions { display: flex !important; flex-direction: column !important;
  gap: .7rem !important; width: 100% !important; max-width: none !important;
  margin: 0 !important; padding: 0 !important; }
#inst6719 .mse-ul3-actions__heading {
  display: inline-block !important; align-self: flex-start !important;
  width: auto !important; margin: 0 !important; padding: 5px 10px !important;
  border: 0 !important; border-radius: 3px !important;
  background: #005EB8 !important; color: #fff !important;
  font-family: Frutiger, 'Frutiger W01', Arial, sans-serif !important;
  font-size: 16px !important; font-weight: 600 !important; line-height: 1.2 !important;
}
#inst6719 .mse-ul3-actions__list {
  display: grid !important; grid-template-columns: minmax(0, 1fr) !important;
  gap: .6rem !important; width: 100% !important; margin: 0 !important; padding: 0 !important;
}
#inst6719 a.mse-ul3-action-card,
#inst6719 .mse-ul3-action-card {
  position: relative !important; display: flex !important; align-items: center !important;
  justify-content: space-between !important; min-height: 3.4rem !important;
  width: 100% !important; min-width: 0 !important; box-sizing: border-box !important;
  margin: 0 !important; padding: .7rem .9rem !important; gap: .7rem !important;
  border: 1px solid #d8dde0 !important; border-left: 5px solid #007F3B !important;
  border-radius: 8px !important; background: #ebf3f0 !important;
  color: #003087 !important; text-decoration: none !important;
  box-shadow: 0 2px 5px rgba(0,0,0,.07) !important;
  cursor: pointer !important; overflow: hidden !important;
}
#inst6719 .mse-ul3-action-card:nth-child(1) { background: #ebf3f0 !important; border-left-color: #007F3B !important; }
#inst6719 .mse-ul3-action-card:nth-child(2) { background: #efebf4 !important; border-left-color: #330072 !important; }
#inst6719 .mse-ul3-action-card:nth-child(3) { background: #f6ecef !important; border-left-color: #ae2573 !important; }
#inst6719 .mse-ul3-action-card:nth-child(4) { background: #ebf2f9 !important; border-left-color: #005EB8 !important; }
#inst6719 .mse-ul3-action-card__text { display: flex !important; align-items: center !important;
  flex: 1 1 auto !important; min-width: 0 !important; }
#inst6719 .mse-ul3-action-card__title { display: flex !important; align-items: center !important;
  font-family: Frutiger, 'Frutiger W01', Arial, sans-serif !important;
  font-weight: 600 !important; font-size: 15px !important; line-height: 1.3 !important;
  color: #003087 !important; }
#inst6719 .mse-ul3-action-card__arrow { margin-left: auto !important; flex-shrink: 0 !important; }
#inst6719 .mse-ul3-action-card:hover { filter: brightness(.975) !important;
  box-shadow: 0 3px 9px rgba(0,0,0,.13) !important; }
#inst6719 .mse-ul3-action-card:focus-visible { outline: 4px solid #ffdd00 !important;
  outline-offset: 2px !important; }

/* Resume Learning — restore blue section heading */
#inst7117 h2.mse-resume-learning-heading {
  display: inline-block !important; width: auto !important;
  margin: 0 0 8px !important; padding: 0 0 5px !important;
  background: transparent !important; border: 0 !important;
  border-bottom: 3px solid #e8edee !important;
  color: #005EB8 !important;
  font-family: Frutiger, 'Frutiger W01', Arial, sans-serif !important;
  font-size: 19px !important; font-weight: 600 !important; line-height: 1.3 !important;
}

/* Preserve Current Learning's native tile behaviour. Do not restyle tile data. */
#inst6682.block_current_learning { border: 0 !important; box-shadow: none !important; }

/* Help & Support: existing LIVE treatment retained, only remove block panel spacing. */
#inst6721.mse-ul3-help { background: transparent !important;
  border: 0 !important; box-shadow: none !important; }

/* Small screens */
@media (max-width: 760px) {
  #inst6719 .mse-ul3-actions__list { grid-template-columns: minmax(0,1fr) !important; }
  #inst6719 .mse-ul3-action-card { min-height: 3.4rem !important; }
}
/* END UNIVERSAL LEARNER LIVE APPEND-ONLY TEST */

/* UNIVERSAL LEARNER LIVE — append after existing patch. Revert by removing this section. */
/* Priority actions: restore staging height and title/description switching. */
#inst6719 .mse-ul3-action-card {
  min-height: 5rem !important;
  padding: .75rem 1rem !important;
  gap: 1rem !important;
  background: #fff !important;
  border: 1px solid #d8dde0 !important;
  border-left: 4px solid var(--mse-action-colour) !important;
  box-shadow: 0 3px 10px rgba(0,0,0,.14) !important;
}
#inst6719 .mse-ul3-action-card:nth-child(1) { --mse-action-colour: #006747; }
#inst6719 .mse-ul3-action-card:nth-child(2) { --mse-action-colour: #330072; }
#inst6719 .mse-ul3-action-card:nth-child(3) { --mse-action-colour: #AE2573; }
#inst6719 .mse-ul3-action-card:nth-child(4) { --mse-action-colour: #005EB8; }
#inst6719 .mse-ul3-action-card__title {
  display: flex !important;
  align-items: center !important;
  gap: .8rem !important;
  color: var(--mse-action-colour) !important;
  font-size: 1.15rem !important;
  line-height: 1.25 !important;
}
#inst6719 .mse-ul3-action-card__description { display: none !important; }
#inst6719 .mse-ul3-action-card__arrow { color: var(--mse-action-colour) !important; }
#inst6719 .mse-ul3-action-card:is(:hover,:focus,:focus-visible) {
  background: var(--mse-action-colour) !important;
  border: 1px solid #fff !important;
  box-shadow: inset 0 2px 0 #fff, 0 3px 10px rgba(0,0,0,.14) !important;
  filter: none !important;
  transform: none !important;
}
#inst6719 .mse-ul3-action-card:is(:hover,:focus,:focus-visible) .mse-ul3-action-card__title { display: none !important; }
#inst6719 .mse-ul3-action-card:is(:hover,:focus,:focus-visible) .mse-ul3-action-card__description {
  display: block !important;
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: .875rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}
#inst6719 .mse-ul3-action-card:is(:hover,:focus,:focus-visible) .mse-ul3-action-card__arrow { color: #fff !important; }
#inst6719 .mse-ul3-action-card:focus-visible { outline: 4px solid #ffdd00 !important; outline-offset: 3px !important; }


/* Staging icon 1: embedded SVG mask, no external image dependency. */
#inst6719 .mse-ul3-action-card:nth-child(1) .mse-ul3-action-card__title::before {
   -webkit-mask-image:
       url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4h6c1.1 0 2 .9 2 2v14c0-1.1-.9-2-2-2H4V4zm16 0h-6c-1.1 0-2 .9-2 2v14c0-1.1.9-2 2-2h6V4z'/%3E%3C/svg%3E") !important;
   mask-image:
       url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4h6c1.1 0 2 .9 2 2v14c0-1.1-.9-2-2-2H4V4zm16 0h-6c-1.1 0-2 .9-2 2v14c0-1.1.9-2 2-2h6V4z'/%3E%3C/svg%3E") !important;

}


/* Staging icon 2: embedded SVG mask, no external image dependency. */
#inst6719 .mse-ul3-action-card:nth-child(2) .mse-ul3-action-card__title::before {
   -webkit-mask-image:
       url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 2h8l5 5v15H6V2zm8 1.5V8h4.5L14 3.5zM9 12h7v2H9v-2zm0 4h7v2H9v-2z'/%3E%3C/svg%3E") !important;
   mask-image:
       url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 2h8l5 5v15H6V2zm8 1.5V8h4.5L14 3.5zM9 12h7v2H9v-2zm0 4h7v2H9v-2z'/%3E%3C/svg%3E") !important;

}


/* Staging icon 3: embedded SVG mask, no external image dependency. */
#inst6719 .mse-ul3-action-card:nth-child(3) .mse-ul3-action-card__title::before {
   -webkit-mask-image:
       url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='8' r='4' fill='black'/%3E%3Ccircle cx='17' cy='9' r='3' fill='black'/%3E%3Cpath fill='black' d='M2 21v-2c0-3.3 3.1-6 7-6s7 2.7 7 6v2H2Zm14-7c3.3 0 6 2.2 6 5v2h-4v-2c0-2-.9-3.8-2.4-5H16Z'/%3E%3C/svg%3E") !important;
   mask-image:
       url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='8' r='4' fill='black'/%3E%3Ccircle cx='17' cy='9' r='3' fill='black'/%3E%3Cpath fill='black' d='M2 21v-2c0-3.3 3.1-6 7-6s7 2.7 7 6v2H2Zm14-7c3.3 0 6 2.2 6 5v2h-4v-2c0-2-.9-3.8-2.4-5H16Z'/%3E%3C/svg%3E") !important;

}


/* Staging icon 4: embedded SVG mask, no external image dependency. */
#inst6719 .mse-ul3-action-card:nth-child(4) .mse-ul3-action-card__title::before {
   -webkit-mask-image:
       url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10.5 3a7.5 7.5 0 1 0 4.7 13.35L20.85 22 22 20.85l-5.65-5.65A7.5 7.5 0 0 0 10.5 3Zm0 2a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11Z'/%3E%3C/svg%3E") !important;
   mask-image:
       url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10.5 3a7.5 7.5 0 1 0 4.7 13.35L20.85 22 22 20.85l-5.65-5.65A7.5 7.5 0 0 0 10.5 3Zm0 2a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11Z'/%3E%3C/svg%3E") !important;

}


/* Match each tile title and its embedded icon to its own accent. */
#inst6719 .mse-ul3-action-card .mse-ul3-action-card__title,
#inst6719 .mse-ul3-action-card .mse-ul3-action-card__arrow {
  color: var(--mse-action-colour) !important;
}
#inst6719 .mse-ul3-action-card .mse-ul3-action-card__title::before {
  background-color: var(--mse-action-colour) !important;
}
/* Ensure the HTML descriptions do not concatenate with the title at rest. */
#inst6719 .mse-ul3-action-card:not(:hover):not(:focus):not(:focus-visible) .mse-ul3-action-card__description {
  display: none !important;
}
/* Compact, expandable help card: staging behaviour. */
#inst6721 .mse-learner-help { padding: 10px 12px !important; }
#inst6721 .mse-learner-help__heading { margin: 0 0 6px !important; }
#inst6721 .mse-learner-help__links { gap: 6px !important; }
#inst6721 .mse-learner-help__intro {
  max-height: 0 !important; margin: 0 !important; opacity: 0 !important;
  overflow: hidden !important;
  transition: max-height 180ms ease, opacity 160ms ease, margin 160ms ease !important;
}
#inst6721:hover .mse-learner-help__intro,
#inst6721:focus-within .mse-learner-help__intro {
  max-height: 5rem !important; margin: 4px 0 8px !important; opacity: 1 !important;
}
@media (prefers-reduced-motion: reduce) {
  #inst6721 .mse-learner-help__intro { transition: none !important; }
}

/* UNIVERSAL LEARNER — RESTORE PRIORITY ACTION ICONS */
/* LIVE block #inst6719 */
#inst6719 .mse-ul3-action-card__title::before {
   content: "" !important;
   display: block !important;
   flex: 0 0 32px !important;
   width: 32px !important;
   height: 32px !important;
   background-color: var(--mse-action-colour) !important;
   -webkit-mask-repeat: no-repeat !important;
   mask-repeat: no-repeat !important;
   -webkit-mask-position: center !important;
   mask-position: center !important;
   -webkit-mask-size: contain !important;
   mask-size: contain !important;
}

/* UNIVERSAL LEARNER — CURRENT LEARNING ICON */
/* Match Operational / Assurance graduation cap */
#inst6719 .mse-ul3-action-card:first-of-type
.mse-ul3-action-card__title::before {
   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3 1 9l11 6 9-4.91V17h2V9L12 3Zm-6 9.18V17l6 3 6-3v-4.82l-6 3.27-6-3.27Z'/%3E%3C/svg%3E") !important;
   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3 1 9l11 6 9-4.91V17h2V9L12 3Zm-6 9.18V17l6 3 6-4.82-6 3.27-6-3.27Z'/%3E%3C/svg%3E") !important;
}

/* ==========================================
  UNIVERSAL LEARNER — HEADING CORRECTION
  ========================================== */
/* Required Learning: match Resume Learning */
#inst6725 h2.mse-required-learning-heading {
   display: block !important;
   width: fit-content !important;
   margin: 0 !important;
   padding: 0 0 6px !important;
   background: transparent !important;
   border: 0 !important;
   border-bottom: 2px solid #D6DCE2 !important;
   border-radius: 0 !important;
   box-shadow: none !important;
   color: #003087 !important;
   font-family: Frutiger, Arial, sans-serif !important;
   font-size: 1.35rem !important;
   font-weight: 600 !important;
   line-height: 1.4 !important;
}
/* Restore the visible heading text */
#inst6725 .mse-required-learning-heading__link {
   display: inline !important;
   visibility: visible !important;
   opacity: 1 !important;
   position: static !important;
   background: transparent !important;
   color: #003087 !important;
   font: inherit !important;
   padding: 0 !important;
   border: 0 !important;
   text-decoration: none !important;
}
/* Restore Resume Learning heading spacing */
#inst7117.mse-resume-learning-heading {
   margin-bottom: 0 !important;
   padding-bottom: 0 !important;
}
/* Use a smaller upward adjustment */
#inst6682.block_current_learning {
   margin-top: -6px !important;
}

/* UNIVERSAL LEARNER — RESTORE REQUIRED LEARNING TEXT */
#inst6725 h2.mse-required-learning-heading::before,
#inst6725 h2.mse-required-learning-heading::after,
#inst6725 .mse-required-learning-heading__link::before,
#inst6725 .mse-required-learning-heading__link::after {
   content: none !important;
}
#inst6725 h2.mse-required-learning-heading,
#inst6725 .mse-required-learning-heading__link {
   font-size: 1.35rem !important;
   color: #003087 !important;
   -webkit-text-fill-color: #003087 !important;
   text-indent: 0 !important;
   font-weight: 600 !important;
   visibility: visible !important;
   opacity: 1 !important;
   overflow: visible !important;
}
#inst6725 .mse-required-learning-heading__link {
   display: inline-block !important;
   width: auto !important;
   height: auto !important;
   max-width: none !important;
   font-size: inherit !important;
   line-height: inherit !important;
}
/* UNIVERSAL LEARNER — MATCH SECTION HEADINGS */
#inst6725 h2.mse-required-learning-heading,
#inst6725 .mse-required-learning-heading__link {
   color: #003087 !important;
   -webkit-text-fill-color: #003087 !important;
   font-size: 1.35rem !important;
   font-weight: 600 !important;
   text-decoration: none !important;
}
/* UNIVERSAL LEARNER — FINAL REQUIRED LEARNING HEADING */
#inst6725 .mse-required-learning-heading,
#inst6725 .mse-required-learning-heading__link {
   color: #003087 !important;
   -webkit-text-fill-color: #003087 !important;
   font-size: 1.5rem !important;
   font-weight: 600 !important;
}
/* UNIVERSAL LEARNER — MATCH REQUIRED LEARNING TITLE */
#inst6725 h2.mse-required-learning-heading,
#inst6725 h2.mse-required-learning-heading a.mse-required-learning-heading__link {
   color: #005EB8 !important;
   -webkit-text-fill-color: #005EB8 !important;
   font-size: 18.5px !important;
   font-weight: 600 !important;
   line-height: 1.3 !important;
   text-decoration: none !important;
}
/* UNIVERSAL LEARNER — SPACE BELOW RESUME LEARNING TITLE */
#inst6682.block_current_learning {
   margin-top: 16px !important;
}
/* UNIVERSAL LEARNER — PRIORITY ACTIONS ALIGNMENT */
#inst6719.mse-ul3-priority-actions
.mse-ul3-actions {
   position: relative !important;
   left: 40px !important;
   width: calc(100% - 170px) !important;
   max-width: 100% !important;
}
#inst6719.mse-ul3-priority-actions
.mse-ul3-actions__list {
   width: 100% !important;
   max-width: 100% !important;
   min-width: 0 !important;
   margin-left: 0 !important;
   overflow: visible !important;
}
#inst6719.mse-ul3-priority-actions
.mse-ul3-action-card {
   box-sizing: border-box !important;
   width: 100% !important;
   min-width: 0 !important;
   max-width: 100% !important;
}
/* UNIVERSAL LEARNER — SPACE BELOW WELCOME MESSAGE */
#inst6719.mse-ul3-priority-actions
.mse-ul3-actions {
   margin-top: 20px !important;
}
/* UNIVERSAL LEARNER — Welcome heading horizontal position */
#inst7115 .helloworld h3 {
   position: relative !important;
   left: -60px !important;
}
/* UNIVERSAL LEARNER — Compact Help and Support */
#inst6721.mse-ul3-help .mse-learner-help {
   padding: 10px 12px !important;
}
#inst6721.mse-ul3-help .mse-learner-help h2,
#inst6721.mse-ul3-help .mse-learner-help h3 {
   margin-top: 0 !important;
   margin-bottom: 10px !important;
}
#inst6721.mse-ul3-help .mse-learner-help a {
   padding-top: 6px !important;
   padding-bottom: 6px !important;
}
/* UNIVERSAL LEARNER — Radial label positioning */
/* Percentage */
#inst7116 .stat-value {
   position: absolute !important;
   left: 50% !important;
   top: 42% !important;
   transform: translate(-50%, -50%) !important;
   text-align: center !important;
}
/* Complete label */
#inst7116 .stat-title {
   position: absolute !important;
   left: 50% !important;
   top: 58% !important;
   transform: translate(-50%, -50%) !important;
   text-align: center !important;
}
/* OPERATIONAL DASHBOARD — Required Learning radial labels */
/* Percentage */
#inst7109 .stat-value {
   position: absolute !important;
   left: 50% !important;
   top: 42% !important;
   transform: translate(-50%, -50%) !important;
   text-align: center !important;
}
/* Complete label */
#inst7109 .stat-title {
   position: absolute !important;
   left: 50% !important;
   top: 58% !important;
   transform: translate(-50%, -50%) !important;
   text-align: center !important;
}
/* UNIVERSAL LEARNER — Consistent heading underlines */
#inst6725 h2.mse-required-learning-heading,
#inst7117 h2.mse-resume-learning-heading {
   border-bottom: 2px solid #E0E6E2 !important;
}

/* LIVE UNIVERSAL LEARNER — COMPACT HELP TILE */

/* Confirmed block ID: #inst6721 */

#inst6721.mse-ul3-help .mse-learner-help {

    padding-top: 8px !important;

    padding-bottom: 8px !important;

}

#inst6721.mse-ul3-help .mse-learner-help__heading {

    margin-top: 0 !important;

    margin-bottom: 6px !important;

}

#inst6721.mse-ul3-help .mse-learner-help__links {

    margin-top: 0 !important;

    margin-bottom: 0 !important;

}

#inst6721.mse-ul3-help .mse-learner-help__links a {

    padding-top: 6px !important;

    padding-bottom: 6px !important;

}
 
/* LIVE UNIVERSAL LEARNER — REMOVE EXCESS HELP TILE HEIGHT */
#inst6721.mse-ul3-help,
#inst6721.mse-ul3-help .block-content,
#inst6721.mse-ul3-help .no-overflow,
#inst6721.mse-ul3-help .mse-learner-help {
   height: auto !important;
   min-height: 0 !important;
}
#inst6721.mse-ul3-help .mse-learner-help {
   padding-bottom: 10px !important;
   margin-bottom: 0 !important;
}
#inst6721.mse-ul3-help .mse-learner-help__links {
   padding-bottom: 0 !important;
   margin-bottom: 0 !important;
}

/* ==========================================

   MSE INDUCTION HUB – LANDING ROUTE TILES

   ========================================== */

/* Getting Started – NHS Blue */

.mse-induction-hub--landing

.mse-induction-route--started {

  --route-accent: #005EB8;

  --route-tint: rgba(0, 94, 184, 0.08);

}

/* Essentials – NHS Green */

.mse-induction-hub--landing

.mse-induction-route--essentials {

  --route-accent: #007F3B;

  --route-tint: rgba(0, 127, 59, 0.08);

}

/* Our Trust – Purple */

.mse-induction-hub--landing

.mse-induction-route--trust {

  --route-accent: #330072;

  --route-tint: rgba(51, 0, 114, 0.08);

}

/* Shared tile appearance */

.mse-induction-hub--landing

a.mse-induction-route {

  background: var(--route-tint) !important;

  border: 1px solid #D8DDE0 !important;

  border-left: 5px solid var(--route-accent) !important;

  border-radius: var(--mse-radius-medium, 0.75rem)

    !important;

  color: var(--route-accent) !important;

  text-decoration: none !important;

  box-sizing: border-box;

  transition:

    background-color 0.2s ease,

    box-shadow 0.2s ease;

}

/* All tile text matches its accent colour */

.mse-induction-hub--landing

a.mse-induction-route .mse-induction-route__title,

.mse-induction-hub--landing

a.mse-induction-route .mse-induction-route__description,

.mse-induction-hub--landing

a.mse-induction-route .mse-induction-route__arrow {

  color: var(--route-accent) !important;

}

/* Number circles – accent background, white text */

.mse-induction-hub--landing

a.mse-induction-route .mse-induction-route__number {

  background: var(--route-accent) !important;

  color: #FFFFFF !important;

}

/* Hover */

.mse-induction-hub--landing

a.mse-induction-route:hover {

  background: color-mix(

    in srgb,

    var(--route-accent) 13%,

    white

  ) !important;

  box-shadow: var(

    --mse-shadow-soft,

    0 0.1rem 0.35rem rgba(0,0,0,.08)

  ) !important;

}

/* Keyboard focus */

.mse-induction-hub--landing

a.mse-induction-route:focus-visible {

  outline: 4px solid #FFDD00 !important;

  outline-offset: 3px;

}

/* Reduced motion accessibility */

@media (prefers-reduced-motion: reduce) {

  .mse-induction-hub--landing

  a.mse-induction-route {

    transition: none !important;

  }

}
 
/* ==========================================

   MSE INDUCTION HUB – GETTING STARTED TILES

   Matches Induction Hub landing page styling

   ========================================== */

/* Trust Welcome Event – NHS Blue */

.mse-induction-section--welcome {

  --section-accent: #005EB8;

  --section-tint: rgba(0, 94, 184, 0.08);

}

/* Car Parking & Travel – NHS Green */

.mse-induction-section--parking {

  --section-accent: #007F3B;

  --section-tint: rgba(0, 127, 59, 0.08);

}

/* Shared tile appearance */

.mse-induction-hub

.mse-induction-section:is(

  .mse-induction-section--welcome,

  .mse-induction-section--parking

) {

  background: var(--section-tint) !important;

  border: 1px solid #D8DDE0 !important;

  border-left: 5px solid var(--section-accent) !important;

  border-radius: var(--mse-radius-medium, 0.75rem)

    !important;

  box-sizing: border-box;

}

/* Headings, descriptions and bullet text */

.mse-induction-hub

.mse-induction-section:is(

  .mse-induction-section--welcome,

  .mse-induction-section--parking

) :is(

  .mse-induction-section__title,

  .mse-induction-section__description,

  li

) {

  color: var(--section-accent) !important;

}

/* Keep buttons using their established styling */

.mse-induction-hub

.mse-induction-section__actions

.mse-induction-action {

  text-decoration: none;

}

/* Keyboard focus for action links */

.mse-induction-hub

.mse-induction-section__actions

.mse-induction-action:focus-visible {

  outline: 4px solid #FFDD00 !important;

  outline-offset: 3px;

}
 
/* ==========================================
  MSE INDUCTION HUB – ESSENTIALS TILES
  ========================================== */
/* Payroll – NHS Blue */
.mse-induction-section--payroll {
 --section-accent: #005EB8;
 --section-tint: rgba(0, 94, 184, 0.08);
}
/* Learning & Development – NHS Green */
.mse-induction-section--learning {
 --section-accent: #007F3B;
 --section-tint: rgba(0, 127, 59, 0.08);
}
/* Staff Benefits – Purple */
.mse-induction-section--benefits {
 --section-accent: #330072;
 --section-tint: rgba(51, 0, 114, 0.08);
}
/* Shared tile appearance */
.mse-induction-hub
.mse-induction-sections--three
.mse-induction-section {
 background: var(--section-tint) !important;
 border: 1px solid #D8DDE0 !important;
 border-left: 5px solid var(--section-accent) !important;
 border-radius: var(--mse-radius-medium, 0.75rem)
   !important;
 box-sizing: border-box;
}
/* Headings, descriptions and bullet text */
.mse-induction-hub
.mse-induction-sections--three
.mse-induction-section :is(
 .mse-induction-section__title,
 .mse-induction-section__description,
 li
) {
 color: var(--section-accent) !important;
}
/* Contact link matches tile accent */
.mse-induction-hub
.mse-induction-sections--three
.mse-induction-text-link {
 color: var(--section-accent) !important;
 text-decoration: underline;
}
/* Preserve existing action button appearance */
.mse-induction-hub
.mse-induction-sections--three
.mse-induction-action {
 text-decoration: none;
}
/* Accessible keyboard focus */
.mse-induction-hub
.mse-induction-sections--three
a:focus-visible {
 outline: 4px solid #FFDD00 !important;
 outline-offset: 3px;
}

/* ==========================================
  MSE INDUCTION – MANAGERS ESSENTIALS
  Featured Links block: #inst6856
  Tiles: 389–393
  ========================================== */
/* 389 – Managers induction booklet */
#inst6856 #block-totara-featured-links-tile-389 {
 --manager-accent: #005EB8;
 --manager-tint: rgba(0, 94, 184, 0.08);
}
/* 390 – Managers development */
#inst6856 #block-totara-featured-links-tile-390 {
 --manager-accent: #007F3B;
 --manager-tint: rgba(0, 127, 59, 0.08);
}
/* 391 – Objectives and appraisals */
#inst6856 #block-totara-featured-links-tile-391 {
 --manager-accent: #330072;
 --manager-tint: rgba(51, 0, 114, 0.08);
}
/* 392 – Employee relations */
#inst6856 #block-totara-featured-links-tile-392 {
 --manager-accent: #005EB8;
 --manager-tint: rgba(0, 94, 184, 0.08);
}
/* 393 – NHS Intranet */
#inst6856 #block-totara-featured-links-tile-393 {
 --manager-accent: #007F3B;
 --manager-tint: rgba(0, 127, 59, 0.08);
}
/* Shared tile appearance */
#inst6856 .block-totara-featured-links-tile {
 background: var(--manager-tint) !important;
 background-image: none !important;
 border: 1px solid #D8DDE0 !important;
 border-left: 5px solid var(--manager-accent) !important;
 border-radius: var(--mse-radius-medium, 0.75rem)
   !important;
 box-sizing: border-box;
 overflow: hidden;
}
/* Remove the existing grey title bar */
#inst6856 .block-totara-featured-links-content-container,
#inst6856 .block-totara-featured-links-content,
#inst6856 .block-totara-featured-links-content-middle {
 background: transparent !important;
 background-image: none !important;
}
/* Match all tile text to accent */
#inst6856 .block-totara-featured-links-tile h3,
#inst6856 .block-totara-featured-links-tile a,
#inst6856 .block-totara-featured-links-tile
.block-totara-featured-links-content {
 color: var(--manager-accent) !important;
 text-decoration: none !important;
}
/* Hover */
#inst6856 .block-totara-featured-links-tile:hover {
 background: color-mix(
   in srgb,
   var(--manager-accent) 13%,
   white
 ) !important;
 box-shadow: var(
   --mse-shadow-soft,
   0 0.1rem 0.35rem rgba(0,0,0,.08)
 ) !important;
}
/* Keyboard focus */
#inst6856 .block-totara-featured-links-tile:focus-within {
 outline: 4px solid #FFDD00 !important;
 outline-offset: 3px;
}

/* ==========================================
  MANAGERS ESSENTIALS – REMOVE GREY BARS
  Block #inst6856 | Tiles 389–393
  ========================================== */
/* Remove Totara's outer overlay */
#inst6856 .block-totara-featured-links-tile::before {
 content: none !important;
 display: none !important;
}
/* Remove native link background images */
#inst6856 .block-totara-featured-links-link {
 background: transparent !important;
 background-image: none !important;
 background-color: transparent !important;
}
/* Remove inner overlay layers */
#inst6856
.block-totara-featured-links-content-container::before,
#inst6856
.block-totara-featured-links-link::before {
 background: transparent !important;
 background-color: transparent !important;
 opacity: 0 !important;
}
/* Remove native content overlay */
#inst6856
.block-totara-featured-links-content::after {
 content: none !important;
 display: none !important;
}
/* Remove middle content grey bar */
#inst6856
.block-totara-featured-links-content-middle::after,
#inst6856
.block-totara-featured-links-content-middle::before {
 content: none !important;
 display: none !important;
 background: transparent !important;
 background-image: none !important;
 opacity: 0 !important;
}
/* Make inner surfaces transparent so the
  existing 8% tile tint shows through */
#inst6856
.block-totara-featured-links-content-container,
#inst6856
.block-totara-featured-links-content,
#inst6856
.block-totara-featured-links-content-middle {
 background: transparent !important;
 background-color: transparent !important;
 background-image: none !important;
}
/* Preserve matching accent-coloured text */
#inst6856
.block-totara-featured-links-tile h3,
#inst6856
.block-totara-featured-links-tile a {
 color: var(--manager-accent) !important;
}
/* Preserve the 8% tinted tile background */
#inst6856 .block-totara-featured-links-tile {
 background-color: var(--manager-tint) !important;
 background-image: none !important;
}

/* ==========================================
  MANAGERS ESSENTIALS – SVG ICONS
  Featured Links block #inst6856
  ========================================== */
/* Title and icon alignment */
#inst6856
.block-totara-featured-links-content h3 {
 display: flex !important;
 align-items: center !important;
 justify-content: flex-start !important;
 gap: 9px !important;
 margin: 0 !important;
 padding: 0 !important;
 font-weight: 600 !important;
 line-height: 1.25 !important;
 text-align: left !important;
 color: var(--manager-accent) !important;
}
/* Shared SVG icon styling */
#inst6856
.block-totara-featured-links-content h3::before {
 content: "" !important;
 display: block !important;
 flex: 0 0 24px !important;
 width: 24px !important;
 height: 24px !important;
 background-color: var(--manager-accent) !important;
 -webkit-mask-repeat: no-repeat !important;
 mask-repeat: no-repeat !important;
 -webkit-mask-position: center !important;
 mask-position: center !important;
 -webkit-mask-size: contain !important;
 mask-size: contain !important;
}
/* 389 – Managers induction booklet: Book */
#inst6856
#block-totara-featured-links-tile-389 h3::before {
 -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 7v14'/%3E%3Cpath d='M3 18V4a1 1 0 0 1 1-1h3a5 5 0 0 1 5 5 5 5 0 0 1 5-5h3a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-4a4 4 0 0 0-4 2 4 4 0 0 0-4-2H4a1 1 0 0 1-1-1Z'/%3E%3C/svg%3E") !important;
 mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 7v14'/%3E%3Cpath d='M3 18V4a1 1 0 0 1 1-1h3a5 5 0 0 1 5 5 5 5 0 0 1 5-5h3a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-4a4 4 0 0 0-4 2 4 4 0 0 0-4-2H4a1 1 0 0 1-1-1Z'/%3E%3C/svg%3E") !important;
}
/* 390 – Managers development: Graduation cap */
#inst6856
#block-totara-featured-links-tile-390 h3::before {
 -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m2 10 10-5 10 5-10 5-10-5Z'/%3E%3Cpath d='M6 12v5c3 3 9 3 12 0v-5M22 10v6'/%3E%3C/svg%3E") !important;
 mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m2 10 10-5 10 5-10 5-10-5Z'/%3E%3Cpath d='M6 12v5c3 3 9 3 12 0v-5M22 10v6'/%3E%3C/svg%3E") !important;
}
/* 391 – Objectives and appraisals: Clipboard */
#inst6856
#block-totara-featured-links-tile-391 h3::before {
 -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4' width='14' height='18' rx='2'/%3E%3Crect x='9' y='2' width='6' height='4' rx='1'/%3E%3Cpath d='m9 14 2 2 4-4'/%3E%3C/svg%3E") !important;
 mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4' width='14' height='18' rx='2'/%3E%3Crect x='9' y='2' width='6' height='4' rx='1'/%3E%3Cpath d='m9 14 2 2 4-4'/%3E%3C/svg%3E") !important;
}
/* 392 – Employee relations: People */
#inst6856
#block-totara-featured-links-tile-392 h3::before {
 -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3 20v-2a6 6 0 0 1 12 0v2H3ZM17 5a3 3 0 0 1 0 6M18 14a5 5 0 0 1 3 5v1h-3'/%3E%3C/svg%3E") !important;
 mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3 20v-2a6 6 0 0 1 12 0v2H3ZM17 5a3 3 0 0 1 0 6M18 14a5 5 0 0 1 3 5v1h-3'/%3E%3C/svg%3E") !important;
}
/* 393 – NHS Intranet: Globe */
#inst6856
#block-totara-featured-links-tile-393 h3::before {
 -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c-5 5-5 13 0 18M12 3c5 5 5 13 0 18'/%3E%3C/svg%3E") !important;
 mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c-5 5-5 13 0 18M12 3c5 5 5 13 0 18'/%3E%3C/svg%3E") !important;
}

/* ==========================================
  OUR TRUST – DASHBOARD 71
  CARD STYLING OVERRIDE
  ========================================== */
/* Welcome to MSEFT – NHS Blue */
.mse-induction-hub
.mse-induction-section--trust-welcome {
 background: rgba(0, 94, 184, 0.08) !important;
 border: 1px solid rgba(0, 94, 184, 0.15) !important;
 border-left: 4px solid #005EB8 !important;
 border-top: 0 !important;
 border-radius: 10px !important;
}
/* Leadership & Strategy – NHS Green */
.mse-induction-hub
.mse-induction-section--leadership {
 background: rgba(0, 127, 59, 0.08) !important;
 border: 1px solid rgba(0, 127, 59, 0.15) !important;
 border-left: 4px solid #007F3B !important;
 border-top: 0 !important;
 border-radius: 10px !important;
}
/* Blue card – all text */
.mse-induction-hub
.mse-induction-section--trust-welcome,
.mse-induction-hub
.mse-induction-section--trust-welcome
:is(h2, p, li, a) {
 color: #005EB8 !important;
}
/* Green card – all text */
.mse-induction-hub
.mse-induction-section--leadership,
.mse-induction-hub
.mse-induction-section--leadership
:is(h2, p, li, a) {
 color: #007F3B !important;
}
/* Remove previous decorative top accents */
.mse-induction-hub
.mse-induction-section--trust-welcome::before,
.mse-induction-hub
.mse-induction-section--leadership::before {
 content: none !important;
 display: none !important;
}

/* ========================================
  INDUCTION HUB – LANDING PAGE SVG ICONS
  Dashboard 68
  ======================================== */
.mse-induction-hub--landing
.mse-induction-route__number {
 width: 38px !important;
 height: 38px !important;
 min-width: 38px !important;
 display: inline-flex !important;
 align-items: center !important;
 justify-content: center !important;
 border-radius: 50% !important;
 padding: 0 !important;
 flex-shrink: 0 !important;
}
.mse-induction-hub--landing
.mse-induction-route__number svg {
 width: 21px !important;
 height: 21px !important;
 display: block !important;
 stroke: currentColor !important;
 fill: none !important;
}
/* Preserve existing role colours */
.mse-induction-route--started
.mse-induction-route__number {
 background: #005EB8 !important;
 color: #FFFFFF !important;
}
.mse-induction-route--essentials
.mse-induction-route__number {
 background: #007F3B !important;
 color: #FFFFFF !important;
}
.mse-induction-route--trust
.mse-induction-route__number {
 background: #333382 !important;
 color: #FFFFFF !important;
}

/* ==========================================
  UNIVERSAL LEARNER — MOBILE PRIORITY ACTIONS
  Corrects desktop-specific width and offset
  ========================================== */
@media (max-width: 900px) {
 #inst6719.mse-ul3-priority-actions
 .mse-ul3-actions {
   position: static !important;
   left: auto !important;
   width: 100% !important;
   max-width: 100% !important;
   min-width: 0 !important;
   margin: 0 !important;
   padding: 0 !important;
   transform: none !important;
   box-sizing: border-box !important;
 }
}


/* ==========================================
  UNIVERSAL LEARNER — MOBILE ACTION ORDER
  Dashboard 63 only
  ========================================== */
@media (max-width: 900px) {
 body#page-totara-dashboard-63
 #block-region-main {
   display: flex !important;
   flex-direction: column !important;
 }
 /* Priority Actions first within main region */
 body#page-totara-dashboard-63
 #block-region-main > #inst6719 {
   order: -1 !important;
 }
}

/* Dashboard 63: Mobile region ordering test */
@media screen and (max-width: 900px) {
 body#page-totara-dashboard-63 #page-content {
   display: grid !important;
   grid-template-columns: minmax(0, 1fr) !important;
   grid-template-areas:
     "welcome"
     "actions"
     "required"
     "resume"
     "help" !important;
   align-items: start !important;
 }
 /* Flatten Totara's middle layout wrappers */
 body#page-totara-dashboard-63
 #page-content > .row:not(#region-top):not(#region-bottom),
 body#page-totara-dashboard-63
 #block-region-content {
   display: contents !important;
 }
 /* Welcome */
 body#page-totara-dashboard-63
 #region-top {
   grid-area: welcome !important;
 }
 /* Priority Actions */
 body#page-totara-dashboard-63
 #region-main {
   grid-area: actions !important;
 }
 /* Required Learning */
 body#page-totara-dashboard-63
 #block-region-side-pre {
   grid-area: required !important;
 }
 /* Resume Learning */
 body#page-totara-dashboard-63
 #region-bottom {
   grid-area: resume !important;
 }
 /* Help and support */
 body#page-totara-dashboard-63
 #block-region-side-post {
   grid-area: help !important;
 }
 /* Prevent horizontal overflow */
 body#page-totara-dashboard-63
 #page-content > *,
 body#page-totara-dashboard-63
 #page-content [id^="block-region-"] {
   min-width: 0 !important;
   max-width: 100% !important;
 }
}

/* Universal Learner dashboard 63

   Mobile block ordering */

@media (max-width: 900px) {

  body#page-totara-dashboard-63 #page-content {

    display: grid !important;

    grid-template-columns: minmax(0, 1fr) !important;

    gap: 0 !important;

  }

  body#page-totara-dashboard-63

  #page-content > .row:not(#region-top):not(#region-bottom) {

    display: contents !important;

  }

  body#page-totara-dashboard-63 #region-main {

    display: contents !important;

  }

  /* 1. Welcome */

  body#page-totara-dashboard-63 #region-top {

    order: 1 !important;

  }

  /* 2. Required learning */

  body#page-totara-dashboard-63 #block-region-side-pre {

    order: 2 !important;

  }

  /* 3. Priority actions */

  body#page-totara-dashboard-63 #block-region-main {

    order: 3 !important;

  }

  /* 4. Resume learning */

  body#page-totara-dashboard-63 #region-bottom {

    order: 4 !important;

  }

  /* 5. Help and support */

  body#page-totara-dashboard-63 #block-region-side-post {

    order: 5 !important;

  }

  /* Prevent horizontal overflow */

  body#page-totara-dashboard-63 #page-content > *,

  body#page-totara-dashboard-63 #block-region-main,

  body#page-totara-dashboard-63 #block-region-side-pre,

  body#page-totara-dashboard-63 #block-region-side-post {

    min-width: 0 !important;

    width: 100% !important;

    max-width: 100% !important;

  }

}
 
/* Revalidation dashboard - hover description */

#block-totara-featured-links-tile-447 {

  position: relative;

  overflow: hidden;

}

/* Hide the normal tile content on hover */

#block-totara-featured-links-tile-447:hover

.block-totara-featured-links-content-container,

#block-totara-featured-links-tile-447:focus-within

.block-totara-featured-links-content-container {

  opacity: 0;

}

/* Description overlay */

#block-totara-featured-links-tile-447::after {

  content: "View your professional revalidation information and access the resources you need to prepare for revalidation.";

  position: absolute;

  inset: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  box-sizing: border-box;

  padding: 8px 12px;

  background: #003087;

  color: #FFFFFF;

  font-size: 13px;

  font-weight: 600;

  line-height: 1.3;

  text-align: left;

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

  transition: opacity 0.15s ease;

}

/* Show description on hover or keyboard focus */

#block-totara-featured-links-tile-447:hover::after,

#block-totara-featured-links-tile-447:focus-within::after {

  opacity: 1;

  visibility: visible;

}