.language-links{display:flex;align-items:center;gap:8px}.language-links span{color:#bcd8ca;margin-right:3px}.language-links a{display:inline-flex;padding:3px 8px;border-radius:12px;color:#e4f2eb;border:1px solid transparent;font-weight:650}.language-links a:hover,.language-links a.active{background:#fff;color:#174f36;border-color:#fff}.institution-actions{display:flex;align-items:center;gap:14px}.expert-header-action{display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #d5e2d8;border-radius:14px;background:#f5f8f2;color:#174f36;box-shadow:0 6px 16px rgba(20,74,49,.08)}.expert-header-action>span:first-child{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e1eee3}.expert-header-action strong,.expert-header-action small{display:block}.expert-header-action strong{font-size:12px}.expert-header-action small{font-size:9px;color:#68776f}.expert-header-action b{color:#b47a19}.institution-actions .icar-logo{flex:0 0 auto}@media(max-width:1050px){.institution-grid{grid-template-columns:auto 1fr}.institution-actions{grid-column:1/-1;justify-content:flex-end;border-top:1px solid #e6ece5;padding-top:10px}.institution-actions .icar-logo{display:none}}@media(max-width:600px){.topbar .container>span:first-child{display:none}.topbar .container{justify-content:center}.language-links span{display:none}.language-links{gap:3px}.institution-actions{justify-content:stretch}.expert-header-action{width:100%;justify-content:center}}


/* =========================================================
   Learner account header hotfix
   Keep these rules in header-actions.css because this file is
   loaded on every public page.
   ========================================================= */
.institution-grid{
    grid-template-columns:auto minmax(280px,1fr) auto;
}

/* Compact account control keeps the right side balanced with the institution name. */
.learner-account-menu{max-width:180px}
.learner-account-menu summary{width:160px;min-width:160px;max-width:180px;min-height:48px;padding:5px 7px;gap:7px}
.learner-account-menu summary>img{flex-basis:32px!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important}
.learner-account-menu summary>span{max-width:108px}
.learner-account-menu summary strong{font-size:11px}
.learner-account-menu summary small{font-size:8px}
@media(max-width:620px){.learner-account-menu{max-width:58px}.learner-account-menu summary{width:52px;min-width:52px;max-width:52px}}
.institution-actions{
    min-width:0;
    flex-wrap:nowrap;
}
.institution-actions .header-login-action{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:42px;
    padding:5px 13px 5px 6px;
    border:1px solid #d4e1d7;
    border-radius:14px;
    background:#fff;
    color:#173f30!important;
    font-size:13px;
    font-weight:750;
    line-height:1;
    white-space:nowrap;
    box-shadow:0 6px 16px rgba(20,74,49,.08);
}
.institution-actions .header-login-action:hover{background:#e7f1e9;color:#12633c!important}
.institution-actions .header-login-action .empty-avatar{
    display:grid;
    place-items:center;
    width:32px;
    height:32px;
    flex:0 0 32px;
    border-radius:50%;
    background:#1f7d51;
    color:#fff;
    font-size:15px;
}
.institution-actions .header-login-action strong{display:block;font-size:13px;line-height:1}
.learner-account-menu{
    position:relative;
    z-index:60;
    flex:0 0 auto;
    width:auto;
    max-width:220px;
}
.learner-account-menu summary{
    list-style:none;
    display:flex !important;
    align-items:center;
    gap:9px;
    width:190px;
    min-width:190px;
    max-width:220px;
    min-height:54px;
    padding:7px 9px;
    margin:0;
    border:1px solid #d4e1d7;
    border-radius:14px;
    background:#fff;
    color:#173f30;
    cursor:pointer;
    overflow:hidden;
    box-shadow:0 6px 16px rgba(20,74,49,.08);
}
.learner-account-menu summary::-webkit-details-marker{display:none}
.learner-account-menu summary::marker{display:none}
.learner-account-menu summary>img,
.learner-account-dropdown .account-dropdown-head>img{
    display:block !important;
    flex:0 0 38px !important;
    width:38px !important;
    min-width:38px !important;
    max-width:38px !important;
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
    aspect-ratio:1/1;
    object-fit:cover !important;
    border-radius:50% !important;
    border:2px solid #e2ece4;
    margin:0 !important;
    padding:0 !important;
}
.learner-account-menu summary>span{
    display:block;
    min-width:0;
    max-width:135px;
    flex:1 1 auto;
}
.learner-account-menu summary strong,
.learner-account-menu summary small{
    display:block;
    max-width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.learner-account-menu summary strong{font-size:12px;line-height:1.25}
.learner-account-menu summary small{font-size:9px;line-height:1.25;color:#68776f}
.learner-account-menu summary>b{flex:0 0 auto;color:#6d7e73}
.learner-account-dropdown{
    position:absolute;
    right:0;
    top:calc(100% + 10px);
    width:285px;
    max-width:calc(100vw - 24px);
    padding:10px;
    background:#fff;
    border:1px solid #d5e1d8;
    border-radius:14px;
    box-shadow:0 18px 45px rgba(18,63,45,.18);
}
.account-dropdown-head{
    display:flex;
    gap:11px;
    align-items:center;
    padding:8px 9px 12px;
    border-bottom:1px solid #e5ebe6;
    margin-bottom:6px;
}
.account-dropdown-head>div{min-width:0}
.account-dropdown-head strong,
.account-dropdown-head small{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.account-dropdown-head small{font-size:11px;color:#68776f}
.learner-account-dropdown>a,
.learner-account-dropdown button{
    display:flex;
    width:100%;
    box-sizing:border-box;
    align-items:center;
    gap:10px;
    border:0;
    border-radius:8px;
    padding:10px;
    color:#234637;
    background:transparent;
    font:inherit;
    font-size:13px;
    font-weight:700;
    text-align:left;
    cursor:pointer;
}
.learner-account-dropdown>a:hover,
.learner-account-dropdown>a.active,
.learner-account-dropdown button:hover{
    background:#e7f1e9;
    color:#12633c;
}
.learner-account-dropdown form{
    margin:5px 0 0;
    padding-top:5px;
    border-top:1px solid #e5ebe6;
}
.learner-account-dropdown .profile-alert-link{
    background:#fff3ce;
    color:#725300;
    font-size:12px;
    line-height:1.35;
    margin-bottom:6px;
}

@media(max-width:1050px){
    .institution-grid{grid-template-columns:auto minmax(0,1fr)}
    .institution-actions{
        grid-column:1/-1;
        justify-content:flex-end;
        flex-wrap:wrap;
    }
}
@media(max-width:620px){
    .institution-actions .header-login-action{padding-right:11px}
    .learner-account-menu{max-width:58px}
    .learner-account-menu summary{
        width:52px;
        min-width:52px;
        max-width:52px;
        justify-content:center;
        padding:6px;
    }
    .learner-account-menu summary>span,
    .learner-account-menu summary>b{display:none}
    .learner-account-dropdown{
        position:fixed;
        right:12px;
        top:145px;
        width:min(285px,calc(100vw - 24px));
    }
}

/* Final compact sizing override for the public header. */
.institution-actions{gap:8px}
.institution-actions .icar-logo{width:52px;height:48px}
.learner-account-menu{max-width:180px}
.learner-account-menu summary{width:160px;min-width:160px;max-width:180px;min-height:48px;padding:5px 7px;gap:7px}
.learner-account-menu summary>img{flex-basis:32px!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important}
.learner-account-menu summary>span{max-width:108px}
.learner-account-menu summary strong{font-size:11px}
.learner-account-menu summary small{font-size:8px}
@media(max-width:620px){.learner-account-menu{max-width:58px}.learner-account-menu summary{width:52px;min-width:52px;max-width:52px}}