/* Approved raised tabs; scoped to the video library. */
.lp-card{position:relative;overflow:visible!important;border-color:var(--line)!important;box-shadow:none!important}.lp-card .card-media{overflow:hidden;border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-start-radius:0;border-end-end-radius:0}.lp-card .premium-thumbnail{overflow:hidden}
.lp-tab{position:absolute;z-index:3;top:-18px;inset-inline-start:20px;min-height:36px;display:flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #c6d1c2;border-radius:10px;background:#faf8f3;color:#42614d;box-shadow:0 2px 4px #2033290a;font-size:13px;font-weight:650;line-height:20px;max-width:calc(100% - 76px);box-sizing:border-box;pointer-events:none}
.lp-tab svg{width:17px;height:17px;flex:none}
.lp-card[data-learning-state=next]>.lp-tab,.lp-card[data-learning-state=resume]>.lp-tab{background:#486653;color:#fffdf8;border-color:#486653}
.lp-card[data-learning-state=current]>.lp-tab{background:#e4ece1;border-color:#789383;color:#344d3b}
.lp-gallery,#article-grid:has(a[data-lesson]){padding-top:18px!important;row-gap:42px!important}.lp-track{position:absolute;bottom:0;left:0;right:0;height:4px;background:#dbe3d8;overflow:hidden;pointer-events:none}.lp-track>span{display:block;height:100%;background:#597a62}
.lp-sequence-list{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:38px 18px!important;list-style:none!important;margin:28px 0 12px!important;padding:18px 0 0!important;counter-reset:none}
.lp-sequence-list>li{min-width:0;list-style:none!important;margin:0;padding:0}.lp-sequence-list>li[hidden]{display:none!important}.lp-sequence-list .card{height:100%;position:relative}.lp-sequence-list .card-copy{min-height:108px}.lp-sequence-list h3{display:flex;align-items:baseline;gap:8px}.lp-sequence-list h3>span:not(.lp-number){min-width:0}.lp-number{font-size:13px;font-weight:500;color:var(--muted);flex:none}.lp-sequence-list .recorded-card-arrow{margin-inline-start:auto;flex:none}.lp-sequence-list .card-platform-badge{display:none}
/* Keep the sequence number separate from wrapped titles, including RTL. */
.lp-sequence .lp-sequence-list h3{font-size:16px!important;line-height:1.5!important;display:grid!important;grid-template-columns:max-content minmax(0,1fr) 16px;align-items:baseline;column-gap:8px;padding-inline-end:0;position:relative}
.lp-sequence .lp-sequence-list h3>.lp-number{grid-column:1;grid-row:1;display:block;font-size:inherit;font-weight:600;line-height:inherit;font-variant-numeric:lining-nums tabular-nums;color:var(--ink);white-space:nowrap;margin:0}
.lp-sequence .lp-sequence-list h3>span:not(.lp-number):not(.sr-only){grid-column:2;grid-row:1;display:block!important;min-width:0;overflow-wrap:anywhere}
.lp-sequence .lp-sequence-list .recorded-card-arrow{grid-column:3;grid-row:1;position:static;align-self:start;margin:4px 0 0;width:16px;height:16px}.lp-sequence .guide-card-wrap{height:100%}.lp-sequence .lp-sequence-list .card{box-shadow:none}
.lp-earlier,.lp-later,.lp-settings button,.lp-settings summary{font:inherit;font-size:13px;min-height:44px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--ink);padding:10px 13px;cursor:pointer}.lp-earlier[hidden],.lp-later[hidden],.lp-settings [hidden]{display:none!important}
.lp-earlier:hover,.lp-later:hover,.lp-settings button:hover,.lp-settings summary:hover{background:var(--sage)}
.lp-settings{display:flex;align-items:center;flex-wrap:wrap;gap:6px 16px;margin:14px 0 26px;color:var(--muted);font-size:13px}.lp-settings label{min-height:44px;display:inline-flex;align-items:center;gap:9px;cursor:pointer}.lp-settings input{width:18px;height:18px;accent-color:#486653;margin:0}.lp-settings details{position:relative}.lp-settings summary{border:none;text-decoration:underline;text-underline-offset:3px;padding:10px 0}.lp-settings details[open]{flex-basis:100%;order:2}.lp-settings details p{margin:4px 0 12px;font-size:13px}.lp-settings .lp-confirm{display:inline-flex;gap:8px}.lp-save-error{flex-basis:100%;color:var(--ink)}
.lp-settings :focus-visible,.lp-earlier:focus-visible,.lp-later:focus-visible{outline:none!important;background:var(--sage);text-decoration:underline;text-underline-offset:4px}.lp-card:focus-visible{outline:none!important}.lp-card:hover{transform:none!important}
:root[data-theme=dark] .lp-tab{background:#29372e!important;border-color:#637b65!important;color:#d1e2d4!important}
:root[data-theme=dark] .lp-card[data-learning-state=next]>.lp-tab,:root[data-theme=dark] .lp-card[data-learning-state=resume]>.lp-tab{background:#486653!important;color:#fffdf8!important;border-color:#83a990!important}
:root[data-theme=dark] .lp-track{background:#3b473e}:root[data-theme=dark] .lp-track>span{background:#9abc9f}
@media(min-width:1251px) and (max-width:1500px){.lp-sequence-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1250px){.lp-sequence-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.lp-sequence-list{grid-template-columns:1fr}.lp-tab{inset-inline-start:18px}.lp-sequence-list .card-copy{min-height:90px}.lp-settings{gap:2px 12px}}
@media(prefers-reduced-motion:reduce){.lp-card{transition:none!important}}
@media(forced-colors:active){.lp-tab{border:1px solid CanvasText}.lp-card[aria-current=step]{border:2px solid Highlight}.lp-track>span{background:Highlight}}

/* Independent sibling links: the tab resumes; the category card still browses. */
.lp-program-resume{position:relative;min-width:0}
.lp-program-resume>.program-card{width:100%;height:100%;box-sizing:border-box}
.program-grid.lp-program-grid{row-gap:36px}
.lp-program-link.lp-tab{top:-24px;min-height:44px;max-width:calc(100% - 40px);pointer-events:auto;cursor:pointer;text-decoration:none;background:#486653;color:#fffdf8;border-color:#486653}
:root[data-theme=dark] .lp-program-link.lp-tab{background:#486653!important;color:#fffdf8!important;border-color:#83a990!important}
.lp-program-link.lp-tab:hover{background:#3d5847!important;text-decoration:underline;text-underline-offset:3px}
.lp-program-link.lp-tab:focus-visible{outline:none!important;background:#314a3a!important;color:#fffdf8!important;text-decoration:underline;text-underline-offset:4px}
@media(forced-colors:active){.lp-program-link.lp-tab{background:Canvas!important;color:LinkText!important;border-color:LinkText!important}}
/* 28 Sep hotfix. Series rows: one frame ratio for approved posters and framed thumbnails, as the program gallery already uses. */
.lp-sequence-list .card-media{aspect-ratio:16/10}
/* Right-to-left: the round edition badge stays physically right, so the status tab moves to the other side. */
:dir(rtl) .guide-card-wrap>.lp-card>.lp-tab{inset-inline-start:auto;inset-inline-end:20px}
@media(max-width:650px){:dir(rtl) .guide-card-wrap>.lp-card>.lp-tab{inset-inline-end:18px}}
/* Right-to-left: forward arrows point left. */
:dir(rtl) svg:has(>path[d^="M4 12h16m-6-6"]){transform:scaleX(-1)}
/* Phones: focused content stays above the fixed bottom menu. */
@media(max-width:767px){html:has(#bb-mobile-nav){scroll-padding-bottom:calc(var(--mn-bar-height,60px) + 16px)}}
/* No focus borders or rings on /videoer/ (operator, 28 Sep). Focus keeps its background tint and/or underline. */
:root:not([data-theme=dark]) :is(.search-form,.library-nav .search-form):focus-within{border-color:#d6cec1}
.library-layout .library-nav .search-form .search-clear:focus-visible{border-color:transparent}
:root:not([data-theme=dark]) .library-layout .edition-selector .edition-choice:focus-visible{border-color:#d6cec1}
:root:not([data-theme=dark]) .library-layout .edition-selector .edition-choice[aria-pressed=true]:focus-visible{border-color:#bac7b7}
@media(hover:hover){:root:not([data-theme=dark]) .library-layout .edition-selector .edition-choice:focus-visible:hover{border-color:#879b80}}
:root[data-theme=dark] .library-layout .edition-selector .edition-choice:focus-visible:not(:hover):not(:active):not([aria-pressed=true]){border-color:var(--line)}
:root:not([data-theme=dark]) #library-filter-panel.library-result-filters :is(#task-button:focus-visible,.free-tools-control:focus-within){border-color:#d6cec1}
:root:not([data-theme=dark]) #library-filter-panel.library-result-filters :is(#task-button.has-value:focus-visible,.free-tools-control:has(:checked):focus-within){border-color:#bac7b7}
:root:not([data-theme=dark]) #library-filter-panel.library-result-filters :is(#task-button:focus-visible,.free-tools-control:focus-within):hover{border-color:#879b80}
:root[data-theme=dark] #library-filter-panel.library-result-filters :is(#task-button:focus-visible,.free-tools-control:focus-within):not(:hover):not(.has-value):not(:has(:checked)){border-color:var(--line)}
:root:not([data-theme=dark]) .card-platform-badge:focus-visible:not(:hover):not([aria-expanded=true]){border-color:#dfded3;box-shadow:none}
:root[data-theme=dark] .card-platform-badge:focus-visible:not(:hover):not([aria-expanded=true]){border-color:var(--line);box-shadow:none}
:root:not([data-theme=dark]) .lesson-series-page .compact-chapters .chapter-seek:focus-visible:not(:hover){border-color:#ccd7c7}
:root:not([data-theme=dark]) .lesson-series-page .compact-chapters .chapter-seek[aria-current=true]:focus-visible:not(:hover){border-color:#a8bda4}
:root[data-theme=dark] .lesson-series-page .compact-chapters .chapter-seek:focus-visible:not(:hover):not([aria-current=true]){border-color:var(--line)}
.lesson-player :is(.player-voice-toggle,.player-voice-close,.voice-sample):focus-visible{border-color:transparent}
:root:not([data-theme=dark]) .ss-site-header .ss-theme-toggle:focus-visible:not(:hover){border-color:var(--line)}
:root:not([data-theme=dark]) body.has-clean-result-filters #reset-filters:focus-visible:not(:hover){border-color:transparent!important}
html[data-theme=dark] body.has-clean-result-filters #reset-filters:focus-visible:not(:hover){border-color:transparent!important}
:root:not([data-theme=dark]) .edition-icon-button:focus-visible:not(:hover):not([aria-pressed=true]){border-color:#cdd6c8}
.search-program-link:focus-visible:not(:hover){border-color:var(--line)}
:root:not([data-theme=dark]) .library-layout .ls-series-cards .ls-series-link:focus-visible:not(:hover){border-color:#cbd7c6}
.ss-site-header .ss-site-languages a:focus-visible{box-shadow:none;text-decoration:underline;text-underline-offset:3px}
#langSelectorList.mns-lang .mns-lang-opt:focus-visible{box-shadow:none;text-decoration:underline;text-underline-offset:3px}

/* 29/9 micro polish (owner: "fix live everything you found"). Report: videoer-micro-audit-20260929/REPORT.md. */
/* 1 platform chips: never right-aligned when they wrap (1101-1299 px); a little tighter so all eight fit on one row from 1280 px. Phones keep their 2-column grid. */
@media (min-width:601px){body.has-clean-result-filters #library:not(.provider-view) .edition-selector{justify-content:flex-start!important;gap:6px!important}body.has-clean-result-filters #library:not(.provider-view) .edition-selector .edition-choice{padding-left:11px;padding-right:11px}}
/* 2 the selected platform chip clearly marked in the light theme (the dark theme already is); unchanged on hover and focus */
:root:not([data-theme="dark"]) .library-layout .edition-selector .edition-choice[aria-pressed="true"]{background:#e6efe2!important;border-color:#5e7463!important;color:#23382d!important}
/* 3 sidebar scrollbar without arrow buttons: Chromium/Safari ignore ::-webkit-scrollbar while scrollbar-width/-color are set, so hand them the webkit styling; Firefox keeps thin + colour */
@supports selector(::-webkit-scrollbar){.library-sidebar ul{scrollbar-width:auto!important;scrollbar-color:auto!important}.library-sidebar ul::-webkit-scrollbar{width:6px}.library-sidebar ul::-webkit-scrollbar-track{background:transparent}.library-sidebar ul::-webkit-scrollbar-thumb{background:rgb(211,203,192);border-radius:3px}:root[data-theme="dark"] .library-sidebar ul::-webkit-scrollbar-thumb{background:rgb(94,122,110)}.library-sidebar ul::-webkit-scrollbar-button{display:none}}
/* 4 sidebar: one text column (24 px icon box, like the program logos) and one right edge (the list keeps a 6 px scrollbar gutter; the two top rows end there too) */
.library-sidebar ul{padding-right:0!important;scrollbar-gutter:stable}
@media (min-width:1001px){:root:not(.library-menu-collapsed) body:not(.library-menu-collapsed) .library-sidebar .program-menu-toggle>svg,:root:not(.library-menu-collapsed) body:not(.library-menu-collapsed) .library-sidebar .program-overview>svg{width:24px;flex:0 0 24px}:root:not(.library-menu-collapsed) body:not(.library-menu-collapsed) .library-sidebar>.program-menu-toggle,:root:not(.library-menu-collapsed) body:not(.library-menu-collapsed) .library-sidebar>.program-overview{width:calc(100% - 6px)}}
/* 5 wide screens: four program cards per row */
@media (min-width:1700px){.library-layout .program-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
/* 6 search text 16 px (readable; iPhone Safari does not zoom in on focus); warm placeholder in the light theme */
.search-form input{font-size:16px!important}
:root:not([data-theme="dark"]) .search-form input::placeholder{color:#6f6b62}
@media (max-width:600px){.search-form input::placeholder{font-size:15px}}
/* 7 "Om videoerne" in the page's heading font */
#library-about-title{font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important;font-weight:800!important}
/* 8 sidebar expander as large as the list */
.library-sidebar .program-more{font-size:13px}