.lb-main--workout-library { background: var(--lb-bg); }
.lb-workout-library-section { width: 100%; max-width: none; padding: 20px clamp(16px, 2vw, 40px) 64px; }
.lb-account-intro { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 20px; padding: 20px clamp(16px, 2vw, 40px) 12px; }
.lb-account-intro h1 { margin: 0; font-size: 1.75rem; line-height: 1.3; }
.lb-account-intro p { margin: 0; color: var(--lb-text-secondary); font-size: .88rem; }
.lb-account-workspace .lb-account-nav__scroll { width: 100%; max-width: none; padding: 10px clamp(16px, 2vw, 40px); }
.lb-account-workspace .lb-account-nav__item:focus-visible { outline: 3px solid #247f9c; outline-offset: 2px; }
.lb-account-view { min-width: 0; scroll-margin-top: 90px; }
.lb-account-view + .lb-account-view { margin-top: 28px; }
.lb-account-view[hidden] { display: none !important; }
.lb-account-workspace[data-account-boot-view="overblik"] .lb-account-view:not(#overblik),
.lb-account-workspace[data-account-boot-view="traeningsplan"] .lb-account-view:not(#traeningsplan),
.lb-account-workspace[data-account-boot-view="mine-loeb"] .lb-account-view:not(#mine-loeb),
.lb-account-workspace[data-account-boot-view="tilmeldinger"] .lb-account-view:not(#tilmeldinger) { display: none !important; }
.lb-account-workspace[data-account-boot-view] .lb-account-view { margin-top: 0; }
.lb-account-view[role="tabpanel"] { margin-top: 0; }
.lb-account-view:focus { outline: none; }
.lb-account-view:focus-visible { outline: 3px solid #247f9c; outline-offset: 4px; }
.lb-account-context { margin: 0 0 16px; color: var(--lb-text-secondary); font-size: .9rem; line-height: 1.6; }
.lb-account-context a { color: #0e493c; text-decoration: underline; text-underline-offset: 3px; }
.lb-account-context--actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.lb-account-context--actions p { margin: 0; }
.lb-account-context--actions .lb-btn { min-height: 44px; color: #0e493c; border-color: #c1d7c1; background: #eaf3e8; text-decoration: none; }
.lb-account-view--plan, .lb-account-view--runs, .lb-account-view--signups { max-width: 1440px; margin-inline: auto; }
/* Keep one title and the overview's calendar subscription entry. */
.lb-account-workspace .lb-strava-head,
.lb-account-workspace .lb-strava-calendar-box,
.lb-account-workspace .crc-signups-toolbar__eyebrow,
.lb-account-workspace .crc-signups-subscribe { display: none; }
.lb-account-workspace .lb-strava-panel { border: 1px solid #dce4e8; border-radius: 16px; padding: 20px; box-shadow: none; }
.lb-account-workspace .crc-myruns-wrap,
.lb-account-workspace .crc-signups-wrap { max-width: none; margin: 0; padding: 20px; border: 1px solid #dce4e8; border-radius: 16px; background: #fff; box-shadow: none; }
.lb-account-workspace .lb-strava-plan { margin-top: 0; padding-top: 0; border-top: 0; }
.lb-account-workspace .lb-strava-plan-head h3,
.lb-account-workspace .crc-myruns-title,
.lb-account-workspace .crc-signups-toolbar h2 { margin: 0; font-size: 1.25rem; line-height: 1.35; }
.lb-account-workspace .crc-myruns-head,
.lb-account-workspace .crc-signups-toolbar { margin-bottom: 16px; }
.lb-account-workspace .crc-signups-section { border-radius: 16px; border-color: #dce4e8; box-shadow: none; }
.lb-account-workspace .lb-strava-btn:not(.lb-strava-btn--danger),
.lb-account-workspace .crc-myruns-create-btn.crc-btn-primary { background: #0e493c; border-color: #0e493c; color: #fff; }
.lb-account-workspace .lb-strava-btn:not(.lb-strava-btn--danger):hover,
.lb-account-workspace .crc-myruns-create-btn.crc-btn-primary:hover { background: #17624f; }
.lb-account-workspace .crc-myruns-create-btn.crc-btn-outline { color: #0e493c; border-color: #c1d7c1; background: #eaf3e8; }
@media (max-width: 600px) {
    .lb-account-intro { padding-top: 16px; gap: 4px; flex-direction: column; }
    .lb-account-intro h1 { font-size: 1.5rem; }
    .lb-account-intro p { font-size: .8rem; }
    .lb-account-workspace .lb-account-nav__scroll { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; padding: 8px 12px; overflow: visible; }
    .lb-account-workspace .lb-account-nav__item { flex-direction: column; gap: 5px; min-width: 0; min-height: 54px; padding: 7px 2px; border-radius: 10px; font-size: clamp(.65rem, 2.7vw, .78rem); line-height: 1.3; white-space: normal; }
    .lb-account-workspace .lb-account-nav__item i { font-size: .9rem; }
    .lb-workout-library-section { padding-top: 16px; }
    .lb-account-context { font-size: .83rem; }
    .lb-account-workspace .lb-strava-panel,
    .lb-account-workspace .crc-myruns-wrap,
    .lb-account-workspace .crc-signups-wrap { padding: 16px; }
    .lb-account-context--actions .lb-btn { width: 100%; }
}
/* Phones in landscape (also after "Vis hele siden" in the planner): slim site
   chrome, so the page keeps a usable working area. Only this workspace loads
   this file. The planner itself hides the header and bottom nav entirely. */
@media (orientation: landscape) and (max-height: 540px) and (pointer: coarse) {
    html:not(.rwl-planner-mode):root { --lb-header-height: 44px; --lb-mobile-tabs-height: calc(44px + env(safe-area-inset-bottom)); }
    #site-header .lb-header__inner { gap: 12px; padding-left: max(16px, env(safe-area-inset-left)); padding-right: max(16px, env(safe-area-inset-right)); }
    #site-header .lb-header__logo { display: flex; align-items: center; max-height: 44px; }
    #site-header .lb-header__logo .custom-logo { display: block; width: auto; height: 30px; max-height: 30px; max-width: 150px; object-fit: contain; }
    #site-header .lb-header__logo-icon svg { width: 28px; height: 28px; }
    #site-header .lb-header__logo-primary { font-size: 1.05rem; }
    #site-header .lb-nav__toggle { width: 38px; height: 38px; }
    #site-header .lb-header-create-link { min-height: 32px; padding: 0 10px; }
    .lb-account-intro { padding-top: 10px; padding-bottom: 4px; }
    .lb-account-intro h1 { font-size: 1.2rem; }
    .lb-account-intro p { font-size: .75rem; }
    .lb-account-workspace .lb-account-nav__scroll { padding-top: 4px; padding-bottom: 4px; }
    .lb-workout-library-section { padding-top: 10px; }
    .lb-mobile-tabs { min-height: var(--lb-mobile-tabs-height); padding-top: 2px; }
    .lb-mobile-tabs a { min-height: 40px; gap: 0; }
    .lb-mobile-tabs a > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
    .lb-mobile-tabs a.lb-mobile-tabs__create { transform: none; }
    .lb-mobile-tabs__create > i { width: 34px; height: 34px; border-width: 2px; font-size: .95rem; }
}