/* Keep learning state inside its card, without a detached button tab. */
.lp-card > .lp-tab {position:static;display:inline-flex;vertical-align:top;min-height:28px;width:fit-content;max-width:calc(100% - 40px);margin:0 20px 16px;padding:3px 9px;gap:6px;border:0;border-radius:6px;box-shadow:none;font-size:13px;font-weight:600;line-height:20px;background:#edf3ee;color:#36513e;white-space:normal;overflow-wrap:anywhere;}
.lp-card:has(> .lp-tab) > .card-copy {padding-bottom:10px;}
.lp-card > .lp-tab svg {width:15px;height:15px;flex:none;}
.lp-card[data-learning-state=next] > .lp-tab,.lp-card[data-learning-state=resume] > .lp-tab,.lp-card[data-learning-state=current] > .lp-tab {background:#edf3ee;color:#36513e;}
.lp-card:focus-visible {border-color:#486653!important;box-shadow:inset 0 0 0 1px #486653!important;}
.lp-card:focus-visible h3 {text-decoration:underline;text-underline-offset:4px;}
:root[data-theme=dark] .lp-card[data-learning-state] > .lp-tab {background:#293b30!important;color:#d5e8da!important;border:0!important;}
:root[data-theme=dark] .lp-card:focus-visible {border-color:#a4c9ad!important;box-shadow:inset 0 0 0 1px #a4c9ad!important;}
/* A category has two different destinations: browse it or resume its lesson. */
.lp-program-resume {display:flex;flex-direction:column;border:1px solid var(--line);border-radius:20px;background:var(--paper,#fffdfa);overflow:hidden;}
.lp-program-resume > .program-card {height:auto;flex:1;border:0!important;border-radius:0;}
.lp-program-resume > .lp-program-link.lp-tab {position:static;align-self:flex-start;margin:0 16px 8px;min-height:44px;max-width:calc(100% - 32px);padding:10px 12px;background:transparent!important;color:var(--ink)!important;border-color:transparent!important;box-shadow:none;border-radius:6px;font-weight:600;}
.lp-program-resume > .lp-program-link.lp-tab:hover,.lp-program-resume > .lp-program-link.lp-tab:focus-visible {background:#edf3ee!important;color:#36513e!important;text-decoration:underline;text-underline-offset:4px;}
:root[data-theme=dark] .lp-program-resume {background:var(--paper,#26251f);}
:root[data-theme=dark] .lp-program-resume > .lp-program-link.lp-tab:hover,:root[data-theme=dark] .lp-program-resume > .lp-program-link.lp-tab:focus-visible {background:#293b30!important;color:#d5e8da!important;}
@media(forced-colors:active){.lp-card > .lp-tab {background:Canvas!important;color:CanvasText!important;border:1px solid CanvasText!important}.lp-card:focus-visible {border:2px solid Highlight!important}.lp-program-resume > .lp-program-link.lp-tab {color:LinkText!important;border-color:LinkText!important;}}