/* DS0 steps 2–4. Canonical primitives and exact legacy compositions.
   Geometry/cascade exceptions are documented in docs/design/MIGRATION.md.
   No controller, form layout, overlay state or card behavior lives here. */

/* New code uses these semantic classes; old screens retain their aliases below. */
/* Surface ≠ Card. Sections/rows do not gain an object surface automatically. */
.ll-surface--page{background:var(--ll-bg);color:var(--ll-ink)}
.ll-surface--subtle{background:var(--ll-surface-subtle);color:var(--ll-ink)}
.ll-surface--object,.ll-card{background:var(--ll-surface);color:var(--ll-ink);border:var(--ll-border-width) solid var(--ll-line);border-radius:var(--ll-radius-lg);box-shadow:var(--ll-shadow-0)}
/* Quiet text follows its actual surface, including overlays on a light scene. */
.ll-surface--page,.ll-surface--subtle,.ll-surface--object,.ll-card,.ll-dialog,.ll-drawer,.ll-popover,.ll-menu,:where(.ll-child-controls) .lw-child-popover,:where(.ll-child-controls) .lw-child-help-panel{--ll-quiet-ink:var(--ll-ink)}
.ll-card{padding:var(--ll-space-4)}
:where(.ll-child-controls) .ll-card{padding:var(--ll-space-5)}
.ll-card--interactive,.ll-card--selectable{display:block;min-height:var(--ll-control-size-md);font:inherit;text-align:inherit;text-decoration:none;cursor:pointer}
.ll-card--interactive:hover,.ll-card--selectable:hover{border-color:var(--ll-line-strong);box-shadow:var(--ll-shadow-1)}
.ll-card--selectable[aria-pressed=true],.ll-card--selectable[aria-selected=true],.ll-card--selectable:has(input:checked){background:var(--ll-brand-50);border-color:var(--ll-brand-600)}
.ll-card--interactive:focus-visible,.ll-card--selectable:focus-visible{outline:var(--ll-border-width-strong) solid var(--ll-focus);outline-offset:var(--ll-focus-offset)}
.ll-card--interactive:disabled,.ll-card--selectable:disabled{opacity:var(--ll-control-disabled-opacity);cursor:default}
.ll-list-row{display:flex;align-items:center;gap:var(--ll-space-3);padding-block:var(--ll-space-4);padding-inline:var(--ll-space-0);border-bottom:var(--ll-border-width) solid var(--ll-line)}
.ll-list-row:last-child{border-bottom:0}
.ll-section{margin-block:var(--ll-space-6)}
.ll-section-header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--ll-space-3);margin-bottom:var(--ll-space-4)}
.ll-section-header>h2,.ll-section-header>h3{margin:0;font-size:var(--ll-title-sm);line-height:var(--ll-section-title-line);font-weight:var(--ll-weight-bold)}
.ll-page-title{margin:var(--ll-space-0);font-size:var(--ll-title-lg);line-height:var(--ll-summary-number-line)}
:where(ul,ol):has(>.ll-list-row){list-style:none;margin:var(--ll-space-0);padding:var(--ll-space-0)}
.ll-divider{border:0;border-top:var(--ll-border-width) solid var(--ll-line);margin-block:var(--ll-space-4);margin-inline:var(--ll-space-0)}
.ll-chip{display:inline-flex;align-items:center;gap:var(--ll-space-1);padding:var(--ll-space-1) var(--ll-space-2);border-radius:var(--ll-radius-sm);background:var(--ll-surface-subtle);color:var(--ll-ink-2);font-size:var(--ll-text-xs);font-weight:var(--ll-weight-semibold)}
.ll-chip--info{background:var(--ll-brand-50);color:var(--ll-info)}
.ll-chip--attention{background:var(--ll-warning-soft);color:var(--ll-warning)}
.ll-chip--success{background:var(--ll-success-soft);color:var(--ll-success)}
.ll-chip--danger{background:var(--ll-danger-soft);color:var(--ll-danger)}
.ll-empty{padding:var(--ll-space-6) var(--ll-space-4);text-align:center;color:var(--ll-ink-2)}
.ll-empty-title{margin:var(--ll-space-0);margin-bottom:var(--ll-space-2);font-size:var(--ll-title-sm);color:var(--ll-ink)}
.ll-empty-description{margin:var(--ll-space-0);margin-bottom:var(--ll-space-4)}
.ll-empty-illustration{width:var(--ll-space-8);height:var(--ll-space-8);object-fit:contain}
.ll-banner{padding:var(--ll-space-3) var(--ll-space-4);border-radius:var(--ll-radius-md);background:var(--ll-brand-50);color:var(--ll-info)}
.ll-banner--attention{background:var(--ll-warning-soft);color:var(--ll-warning)}
.ll-banner--danger{background:var(--ll-danger-soft);color:var(--ll-danger)}
.ll-summary{display:grid;gap:var(--ll-space-1)}
.ll-summary-value{font-size:var(--ll-title-xl);line-height:var(--ll-summary-number-line);font-weight:var(--ll-weight-bold)}
.ll-summary-label{font-size:var(--ll-text-sm);font-weight:var(--ll-weight-semibold)}
/* P2A: application navigation is not a tablist; callers own aria-current. */
.ll-app-nav{display:grid;gap:var(--ll-space-2)}
.ll-app-nav>button{min-height:var(--ll-control-size-md);padding:var(--ll-space-2) var(--ll-space-3);border:0;border-radius:var(--ll-radius-md);background:transparent;color:var(--ink,var(--ll-ink));font:inherit;text-align:start;cursor:pointer}
.ll-app-nav>button[aria-current=page]{background:var(--brand-soft,var(--ll-surface-subtle));color:var(--leaf-text,var(--ll-ink));font-weight:var(--ll-weight-semibold)}
.ll-app-nav>button:hover{background:var(--brand-soft,var(--ll-surface-subtle))}
.ll-app-nav>button:focus-visible{outline:var(--ll-border-width-strong) solid var(--ll-focus);outline-offset:var(--ll-focus-offset)}
.ll-app-nav>.ll-divider{margin:var(--ll-space-2) var(--ll-space-0)}
/* A read-only strip, not four navigable statistic cards. */
.ll-summary-group{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ll-space-6);padding:var(--ll-space-4);border-radius:var(--ll-radius-lg);background:var(--ll-surface-subtle)}
.ll-summary-group>.ll-summary+ .ll-summary{border-inline-start:var(--ll-border-width) solid var(--ll-line);padding-inline-start:var(--ll-space-4)}
.ll-summary--compact>.ll-summary-value{font-size:var(--ll-title-md)}
/* One native action per row; a sibling menu remains a separate action. */
.ll-list-row--interactive{display:flex;align-items:center;gap:var(--ll-space-3);width:100%;min-width:0;min-height:var(--ll-control-size-md);padding:var(--ll-space-4) var(--ll-space-0);border:0;border-radius:var(--ll-radius-md);background:transparent;color:var(--ink,var(--ll-ink));font:inherit;text-align:start;text-decoration:none;cursor:pointer}
.ll-list-row:has(>.ll-list-row--interactive){padding:var(--ll-space-0)}
.ll-list-row--interactive:hover{background:var(--ll-surface-subtle)}
.ll-list-row--interactive:focus-visible{outline:var(--ll-border-width-strong) solid var(--ll-focus);outline-offset:var(--ll-focus-offset)}
.ll-list-row--interactive:disabled{opacity:var(--ll-control-disabled-opacity);cursor:default}
.ll-list-row__lead{display:flex;align-items:center;gap:var(--ll-space-2);flex:none}
.ll-list-row__lead>.avatar{width:calc(var(--ll-space-5) + var(--ll-space-4));height:calc(var(--ll-space-5) + var(--ll-space-4));min-width:calc(var(--ll-space-5) + var(--ll-space-4))}
.ll-list-row__main{display:flex;flex-direction:column;gap:var(--ll-space-1);min-width:0;flex:1;overflow-wrap:anywhere}
.ll-list-row__title{font-weight:var(--ll-weight-semibold)}
.ll-list-row__meta{font-size:var(--ll-text-sm);color:var(--ink-2,var(--ll-ink-2));font-weight:var(--ll-weight-regular)}
.support-overview .ll-list-row__meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ll-list-row__trail{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--ll-space-2);flex:none}
.ll-list-row__chevron{display:inline-block;transition:transform var(--ll-duration-fast) var(--ll-ease)}
[aria-expanded=true] .ll-list-row__chevron{transform:rotate(90deg)}
@media(max-width:899px){.ll-app-nav{display:flex;overflow-x:auto;gap:var(--ll-space-1)}.ll-app-nav>button{flex:none;white-space:nowrap}.ll-app-nav>.ll-divider{margin:var(--ll-space-2) var(--ll-space-1);border-top:0;border-inline-start:var(--ll-border-width) solid var(--ll-line)}}
@media(max-width:599px){.ll-summary-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ll-space-4)}.ll-summary-group>.ll-summary:nth-child(3){border-inline-start:0;padding-inline-start:0}.ll-list-row--interactive{flex-wrap:wrap}.ll-list-row__main{flex-basis:50%}.ll-list-row__trail{margin-inline-start:auto}}
@media(prefers-reduced-motion:reduce){.ll-list-row__chevron{transition:none}}
[data-rustig="1"] .ll-list-row__chevron{transition:none}
.ll-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--ll-space-1);min-height:var(--ll-control-size-md);padding:var(--ll-space-2) var(--ll-space-4);border:var(--ll-border-width) solid var(--ll-line-strong);border-radius:var(--ll-radius-md);background:var(--ll-surface);color:var(--ll-ink);font:inherit;cursor:pointer;text-decoration:none}
.ll-button--primary{background:var(--ll-brand-600);border-color:var(--ll-brand-600);color:var(--ll-white);font-weight:var(--ll-weight-bold)}
.ll-button--quiet,.ll-button--danger{border-color:transparent;background:transparent}
.ll-button--quiet{color:var(--ll-quiet-ink)}
.ll-button--danger{color:var(--ll-danger)}
.ll-button:disabled,.ll-icon-button:disabled{opacity:var(--ll-control-disabled-opacity);cursor:default}
.ll-icon-button{display:inline-flex;align-items:center;justify-content:center;width:var(--ll-control-size-md);height:var(--ll-control-size-md);min-width:var(--ll-control-size-md);min-height:var(--ll-control-size-md);padding:var(--ll-space-0);border:var(--ll-border-width) solid var(--ll-line);border-radius:var(--ll-radius-round);background:var(--ll-surface);color:var(--ll-ink);font:inherit;cursor:pointer}
.ll-segmented{display:inline-flex;flex-wrap:wrap;gap:var(--ll-space-1)}
.ll-segmented label{position:relative;display:inline-flex}
.ll-segmented input{position:absolute;opacity:0;width:var(--ll-legacy-control-width-26);height:var(--ll-legacy-control-height-27)}
.ll-segmented>button,.ll-segmented label>span{display:inline-flex;align-items:center;justify-content:center;min-height:var(--ll-control-size-md);padding:var(--ll-space-2) var(--ll-space-3);border:var(--ll-border-width) solid var(--ll-line);border-radius:var(--ll-radius-md);background:var(--ll-surface);color:var(--ll-ink);font:inherit;cursor:pointer}
.ll-segmented>[aria-checked=true],.ll-segmented>[aria-pressed=true],.ll-segmented input:checked+span{border-color:var(--ll-brand-700);background:var(--ll-brand-100);color:var(--ll-brand-700);font-weight:var(--ll-weight-semibold)}
.ll-segmented>[disabled],.ll-segmented input:disabled+span{opacity:var(--ll-control-disabled-opacity);cursor:default}
.ll-input,.ll-select{box-sizing:border-box;width:100%;min-height:var(--ll-control-size-md);padding:var(--ll-space-2) var(--ll-space-3);border:var(--ll-border-width) solid var(--ll-line);border-radius:var(--ll-radius-md);background:var(--ll-surface);color:var(--ll-ink);font:inherit}
.ll-input:disabled,.ll-select:disabled{opacity:var(--ll-control-disabled-opacity)}
.ll-input[aria-invalid=true],.ll-select[aria-invalid=true]{border-color:var(--ll-danger)}
.ll-checkbox,.ll-radio{width:var(--ll-control-check-size);height:var(--ll-control-check-size);min-height:var(--ll-control-check-size);margin:var(--ll-space-0);vertical-align:middle}
/* Compact native checkbox with a stable touch target, separate from a row action. */
.ll-checkbox-target{display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--ll-control-size-md);height:var(--ll-control-size-md);min-width:var(--ll-control-size-md);min-height:var(--ll-control-size-md);padding:var(--ll-space-0);cursor:pointer}
.ll-checkbox-target>.ll-checkbox{flex:none}
.ll-checkbox:disabled,.ll-radio:disabled{opacity:var(--ll-control-disabled-opacity)}
.ll-button:focus-visible,.ll-icon-button:focus-visible,.ll-input:focus-visible,.ll-select:focus-visible,.ll-checkbox:focus-visible,.ll-radio:focus-visible,.ll-segmented>button:focus-visible,.ll-segmented input:focus-visible+span{outline:var(--ll-border-width-strong) solid var(--ll-focus);outline-offset:var(--ll-focus-offset)}

:where(.ll-coach-controls) :focus-visible{outline:var(--ll-legacy-control-outline-29) solid var(--focus);outline-offset:var(--ll-focus-offset)}
:where(.ll-child-controls) .lw-pagina :focus-visible{outline:var(--ll-legacy-control-outline-29) solid var(--focus);outline-offset:var(--ll-legacy-control-outline-offset-30)}
:where(.ll-login-controls) :focus-visible{outline:var(--ll-legacy-control-outline-29) solid var(--ll-legacy-control-login-focus);outline-offset:var(--ll-legacy-control-focus-offset-4)}
/* Legacy aliases keep their existing native elements, specificity and dimensions. */
:where(.ll-coach-controls) button,:where(.ll-coach-controls) select,:where(.ll-coach-controls) input,:where(.ll-coach-controls) textarea{font:inherit;color:inherit}
:where(.ll-coach-controls) .knop{min-height:var(--ll-control-size-md);padding:var(--ll-legacy-control-padding-1);border-radius:var(--ll-legacy-control-border-radius-2);border:var(--ll-legacy-control-border-3) solid var(--line);background:var(--surface)}
:where(.ll-coach-controls) .knop-gevaar{border-color:var(--warn);color:var(--warn)}
:where(.ll-coach-controls) .knop-groot{min-height:var(--ll-legacy-control-min-height-4);font-size:var(--ll-legacy-control-font-size-5);border-radius:var(--ll-radius-lg)}
:where(.ll-coach-controls) .knop-stil{min-height:var(--ll-legacy-control-min-height-6);padding:0;border:0;background:none;color:var(--leaf-text);text-decoration:underline;text-underline-offset:3px}
:where(.ll-coach-controls) .knop:disabled,:where(.ll-child-controls) .lw-knop:disabled{opacity:.55;cursor:default}
:where(.ll-coach-controls) input,:where(.ll-coach-controls) select,:where(.ll-coach-controls) textarea{width:var(--ll-legacy-control-width-11);min-height:var(--ll-control-size-md);padding:var(--ll-legacy-control-padding-12);border:var(--ll-legacy-control-border-3) solid var(--line);border-radius:var(--ll-radius-sm);background:var(--surface);font-weight:var(--ll-weight-regular)}
:where(.ll-coach-controls) .segment{flex:1;display:flex;border:var(--ll-legacy-control-border-3) solid var(--line);border-radius:var(--ll-legacy-control-border-radius-2);overflow:hidden}
:where(.ll-coach-controls) .segment button{flex:1;min-height:var(--ll-legacy-control-min-height-13);padding:var(--ll-legacy-control-padding-14);border:0;border-left:var(--ll-legacy-control-border-left-15) solid var(--line);background:var(--surface);color:var(--ink-2);font:inherit;font-size:var(--ll-legacy-control-font-size-16);cursor:pointer}
:where(.ll-coach-controls) .segment button:first-child{border-left:0}
:where(.ll-coach-controls) .segment button:hover,:where(.ll-coach-controls) .segment button:focus-visible{background:var(--brand-soft);color:var(--ink)}
:where(.ll-coach-controls) .segment button[aria-pressed="true"]{background:var(--brand);color:var(--on-brand);font-weight:var(--ll-weight-bold)}
:where(.ll-coach-controls) .opm-rij,:where(.ll-child-controls) .lw-keuzes{display:flex;flex-wrap:wrap;gap:var(--ll-space-2)}
:where(.ll-coach-controls) .opm-knop{min-height:var(--ll-control-size-md);padding:var(--ll-legacy-control-padding-17);border-radius:var(--ll-radius-md);border:var(--ll-border-width-strong) solid var(--line);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer}
:where(.ll-coach-controls) .opm-knop[aria-checked=true],:where(.ll-child-controls) .lw-keuze[aria-checked="true"]{border-color:var(--brand);background:var(--brand-soft);font-weight:var(--ll-weight-bold)}
.ll-toggle-track,:where(.ll-coach-controls) .sw,:where(.ll-child-controls) .lw-sw{position:relative;flex:none;width:var(--ll-legacy-control-width-18);height:var(--ll-legacy-control-height-19);border-radius:var(--ll-legacy-control-border-radius-20);background:var(--line);transition:var(--ll-legacy-control-transition-21)}
.ll-toggle-track::after,:where(.ll-coach-controls) .sw::after{content:'';position:absolute;top:2px;left:2px;width:var(--ll-legacy-control-width-22);height:var(--ll-legacy-control-height-23);border-radius:var(--ll-radius-round);background:var(--ll-white);box-shadow:var(--ll-legacy-control-box-shadow-24);transition:var(--ll-legacy-control-transition-25)}
[role="switch"][aria-checked=true]>.ll-toggle-track,:where(.ll-coach-controls) .swknop[aria-checked=true] .sw,:where(.ll-child-controls) [role="switch"][aria-checked="true"] .lw-sw{background:var(--brand)}
[role="switch"][aria-checked=true]>.ll-toggle-track::after,:where(.ll-coach-controls) .swknop[aria-checked=true] .sw::after,:where(.ll-child-controls) [role="switch"][aria-checked="true"] .lw-sw::after{transform:translateX(14px)}
/* The canonical track also works without optional legacy palette aliases. */
.ll-toggle-track{background:var(--ll-line)}
[role="switch"][aria-checked=true]>.ll-toggle-track{background:var(--ll-brand-600)}
@media(prefers-reduced-motion:reduce){.ll-toggle-track,.ll-toggle-track::after{transition:none}}
[data-rustig="1"] .ll-toggle-track,[data-rustig="1"] .ll-toggle-track::after{transition:none}
:where(.ll-coach-controls) .pin-duration{border:0;padding:0;margin:var(--ll-legacy-control-pin-margin);display:flex;flex-wrap:wrap;gap:var(--ll-legacy-control-pin-gap)}
:where(.ll-coach-controls) .pin-duration legend{font-weight:var(--ll-weight-semibold);margin-bottom:var(--ll-space-2)}
:where(.ll-coach-controls) .pin-duration label{position:relative;display:inline-flex;margin:0}
:where(.ll-coach-controls) .pin-duration input{position:absolute;opacity:0;width:var(--ll-legacy-control-width-26);height:var(--ll-legacy-control-height-27)}
:where(.ll-coach-controls) .pin-duration span{display:inline-flex;align-items:center;justify-content:center;min-height:var(--ll-control-size-md);padding:var(--ll-legacy-control-padding-28);background:var(--surface);color:var(--ink);border:var(--ll-border-width) solid var(--line);border-radius:var(--ll-radius-md);font-size:var(--ll-text-sm)}
:where(.ll-coach-controls) .pin-duration input:checked+span{background:var(--brand-soft);border:var(--ll-border-width-strong) solid var(--brand);font-weight:var(--ll-weight-bold)}
:where(.ll-coach-controls) .pin-duration input:focus-visible+span{outline:var(--ll-legacy-control-outline-29) solid var(--brand);outline-offset:var(--ll-legacy-control-outline-offset-30)}
:where(.ll-child-controls) .lw-knop{display:inline-flex;align-items:center;justify-content:center;gap:var(--lw-ruimte-1);min-height:var(--ll-legacy-control-min-height-31);padding:var(--ll-legacy-control-padding-32);border:var(--ll-legacy-control-border-3) solid var(--line);border-radius:var(--radius-control);background:var(--surface);color:var(--ink);font:inherit;font-weight:var(--ll-weight-semibold);line-height:1.3;text-decoration:none;cursor:pointer;transition:var(--ll-legacy-control-transition-33)}
:where(.ll-child-controls) .lw-knop:hover:not(:disabled),:where(.ll-child-controls) .lw-knop:focus-visible{border-color:var(--brand);transform:translateY(-2px);box-shadow:var(--ll-legacy-control-box-shadow-34)}
:where(.ll-child-controls) .lw-knop[aria-pressed="true"]{background:var(--brand-soft);border-color:var(--brand);color:var(--leaf-text)}
:where(.ll-child-controls) .lw-knop-hoofd:hover:not(:disabled){filter:brightness(.95)}
:where(.ll-child-controls) .lw-knop-groot{min-height:var(--ll-legacy-control-min-height-8);padding:var(--ll-legacy-control-padding-35);font-size:var(--ll-legacy-control-font-size-9);border-radius:var(--ll-radius-lg)}
:where(.ll-child-controls) .lw-knop-stil{min-height:var(--ll-control-size-md);padding:var(--ll-legacy-control-padding-36);border:0;background:none;color:var(--leaf-text);font-weight:var(--ll-weight-semibold);text-decoration:underline;text-underline-offset:3px}
:where(.ll-child-controls) .lw-knop-stil:hover:not(:disabled),:where(.ll-child-controls) .lw-knop-stil:focus-visible{border:0;transform:none;box-shadow:none}
:where(.ll-coach-controls) .knop-hoofd,:where(.ll-child-controls) .lw-knop-hoofd{background:var(--brand);border-color:var(--brand);color:var(--on-brand);font-weight:var(--ll-weight-bold)}
:where(.ll-child-controls) .lw-sw::after{content:"";position:absolute;top:2px;left:2px;width:var(--ll-legacy-control-width-22);height:var(--ll-legacy-control-height-23);border-radius:var(--ll-radius-round);background:var(--ll-white);box-shadow:var(--ll-legacy-control-box-shadow-24);transition:var(--ll-legacy-control-transition-25)}
:where(.ll-child-controls) .lw-keuze{min-height:var(--ll-control-size-md);padding:var(--ll-legacy-control-padding-17);border:var(--ll-border-width-strong) solid var(--line);border-radius:var(--radius-control);background:var(--surface);color:var(--ink);font:inherit;font-size:var(--ll-legacy-control-font-size-37);cursor:pointer}
:where(.ll-child-controls) .lw-keuze:hover,:where(.ll-child-controls) .lw-keuze:focus-visible,:where(.ll-admin) .knop:hover,:where(.ll-admin) .knop:focus-visible{border-color:var(--brand)}
:where(.ll-child-controls) .lw-child-help,:where(.ll-child-controls) .lw-emotion-audio,:where(.ll-child-controls) .lw-emotion-remove{display:inline-flex;align-items:center;justify-content:center;min-width:var(--ll-control-size-md);min-height:var(--ll-control-size-md);border:var(--ll-border-width) solid var(--line);border-radius:var(--ll-radius-round);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer}
/* Emotion selection and its one active audio action are sibling controls.
   Every tile reserves the same audio space, so selecting never shifts the grid. */
.lw-emotion-tile{position:relative;min-width:var(--ll-space-0)}
.lw-emotion-standalone .lw-emotion-tile>button.lw-emotion{width:100%;height:100%}
.lw-emotion-standalone .lw-emotion-grid .lw-emotion-tile>button.lw-emotion{padding-block-end:calc(var(--ll-control-size-md) + var(--ll-space-2))}
.lw-emotion-standalone :is(.lw-emotion-answers,.lw-emotion-words) .lw-emotion-tile>button.lw-emotion{min-height:calc(var(--ll-control-size-md) + var(--ll-space-5));padding-inline-end:calc(var(--ll-control-size-md) + var(--ll-space-2))}
.lw-emotion-tile>.ll-icon-button,.lw-emotion-tile-detail>.ll-icon-button{position:absolute;inset-inline-end:var(--ll-space-1);bottom:var(--ll-space-1)}
.lw-emotion-tile>.ll-icon-button>span,.lw-emotion-tile-detail>.ll-icon-button>span{font-size:var(--ll-text-sm)}
.lw-emotion-tile-detail{position:relative;padding-block-end:calc(var(--ll-control-size-md) + var(--ll-space-2))}
/* Emotion words are a session presentation choice in both reading and GevoelsLabo. */
.lw-emotion-display{display:inline-flex;align-items:center;gap:var(--ll-space-2);min-height:var(--ll-control-size-md);margin-block:var(--ll-space-2);cursor:pointer}
:is(.lw-emotion-choices,.lw-emotion-selected)[data-emotion-words="false"] :is(.lw-emotion-label,.lw-emotion-description){visibility:hidden}
.lw-emotion-choices .lw-emotion-tile>button.lw-emotion{width:100%;height:100%;box-sizing:border-box}
.lw-emotion-choices .lw-emotion-grid .lw-emotion-tile>button.lw-emotion{padding-block-end:calc(var(--ll-control-size-md) + var(--ll-space-2))}
.lw-emotion-choices :is(.lw-emotion-answers,.lw-emotion-words) .lw-emotion-tile>button.lw-emotion{min-height:calc(var(--ll-control-size-md) + var(--ll-space-8));padding-inline-end:calc(var(--ll-control-size-md) + var(--ll-space-2))}
.lw-emotion-choices .lw-emotion-words .lw-emotion-tile>button.lw-emotion{padding-inline:var(--ll-space-1);padding-block-end:calc(var(--ll-control-size-md) + var(--ll-space-2))}
:where(.ll-child-controls) select{font:inherit;max-width:var(--ll-legacy-control-max-width-38);min-height:var(--ll-control-size-md);padding:var(--ll-space-2);border:var(--ll-legacy-control-border-3) solid var(--line);border-radius:var(--radius-control);background:var(--surface);color:var(--ink)}
:where(.ll-login-controls) button,:where(.ll-login-controls) input{font:inherit;min-height:var(--ll-legacy-control-min-height-31);padding:var(--ll-legacy-control-padding-39);border:var(--ll-legacy-control-border-40);border-radius:var(--ll-legacy-control-border-radius-41);width:var(--ll-legacy-control-width-11)}
:where(.ll-login-controls) button{cursor:pointer;background:var(--ll-legacy-control-background-42);color:var(--ll-legacy-control-color-43);font-weight:var(--ll-legacy-control-font-weight-44)}
:where(.ll-login-controls) button:hover{filter:brightness(.96)}
:where(.ll-login-controls) button:disabled{opacity:.6;cursor:wait}
:where(.ll-login-controls) input{background:var(--ll-white);color:var(--ll-legacy-control-color-45);min-width:0}
:where(.ll-admin) input,:where(.ll-admin) select{width:var(--ll-legacy-control-width-11);min-height:var(--ll-control-size-md);padding:var(--ll-legacy-control-padding-17);border:var(--ll-legacy-control-border-3) solid var(--line);border-radius:var(--ll-legacy-control-border-radius-2);background:var(--surface);color:var(--ink);font:inherit}
:where(.ll-admin) .knop{min-height:var(--ll-legacy-control-min-height-6);padding:var(--ll-legacy-control-padding-1);border-radius:var(--ll-legacy-control-border-radius-60);border:var(--ll-legacy-control-border-3) solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-weight:var(--ll-weight-bold);cursor:pointer}
:where(.ll-admin) .knop-hoofd{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}
:where(.ll-admin) .knop-gevaar{border-color:var(--moet);color:var(--moet)}
:where(.ll-admin) .knop-gevaar:hover,:where(.ll-admin) .knop-gevaar:focus-visible{background:var(--moet-soft)}
:where(.ll-admin) .knop-stil{background:var(--ll-legacy-control-background-47);border-color:var(--ll-legacy-control-border-color-61);color:var(--ink-2)}
:where(.ll-admin) .knop-stil:hover,:where(.ll-admin) .knop-stil:focus-visible{border-color:var(--line);background:var(--grijs-soft)}
:where(.ll-shared-controls) .knop,:where(.ll-shared-controls) .knop-klein,:where(.ll-shared-controls) .filelabel{border-radius:var(--radius-control);min-height:var(--ll-control-size-md);box-shadow:none}
:where(.ll-shared-controls) .knop{padding:var(--ll-legacy-control-padding-7)}
:where(.ll-shared-controls) .knop-hoofd{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}
:where(.ll-shared-controls) .knop-groot{min-height:var(--ll-legacy-control-min-height-8);font-size:var(--ll-legacy-control-font-size-9)}
:where(.ll-shared-controls) .knop:hover:not(:disabled),:where(.ll-shared-controls) .knop-klein:hover:not(:disabled){border-color:var(--leaf-text)}
:where(.ll-shared-controls) input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),:where(.ll-shared-controls) select,:where(.ll-shared-controls) textarea{border-radius:var(--radius-control);background:var(--surface);min-height:var(--ll-legacy-control-min-height-10)}
.ll-theme-modes,.ll-accent-choices{display:inline-flex;align-items:center;gap:var(--ll-space-1);flex-wrap:wrap}
.ll-theme-modes .ll-theme-mode,.ll-accent-choices .ll-accent-choice,.ll-accent-trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;box-sizing:border-box;width:var(--ll-control-size-md);height:var(--ll-control-size-md);min-width:var(--ll-control-size-md);min-height:var(--ll-control-size-md);padding:0;border:var(--ll-legacy-control-border-46);border-radius:var(--ll-radius-round);background:var(--ll-legacy-control-background-47);color:var(--ll-theme-ink);box-shadow:none;cursor:pointer;font:inherit;text-decoration:none}
.ll-theme-modes .ll-theme-mode svg{display:block;width:var(--ll-legacy-control-width-48);height:var(--ll-legacy-control-height-49);pointer-events:none}
.ll-theme-modes .ll-theme-mode[aria-checked="true"]{border-color:var(--ll-theme-ink);background:var(--ll-theme-selected)}
.ll-theme-mode:hover,.ll-accent-choice:hover,.ll-accent-trigger:hover{background:var(--ll-theme-selected)}
.ll-theme-check{position:absolute;right:1px;bottom:1px;display:grid;place-items:center;width:var(--ll-legacy-control-width-50);height:var(--ll-legacy-control-height-51);border-radius:var(--ll-radius-round);background:var(--ll-theme-bg);color:var(--ll-theme-ink);font-size:var(--ll-legacy-control-font-size-52);font-weight:var(--ll-weight-bold);line-height:1;pointer-events:none}
[aria-checked="false"]>.ll-theme-check{visibility:hidden}
.ll-accent-ball{display:block;flex:none;width:var(--ll-legacy-control-width-53);height:var(--ll-legacy-control-height-54);box-sizing:border-box;border:var(--ll-border-width) solid var(--ll-theme-ink);border-radius:var(--ll-radius-round);pointer-events:none}
.ll-accent-choice[aria-checked="true"] .ll-accent-ball{outline:var(--ll-border-width-strong) solid var(--ll-theme-ink);outline-offset:var(--ll-legacy-control-outline-offset-30)}
.ll-theme-modes .ll-theme-mode:focus-visible,.ll-accent-choices .ll-accent-choice:focus-visible,.ll-accent-trigger:focus-visible{outline:var(--ll-legacy-control-outline-29) solid var(--ll-theme-focus);outline-offset:var(--ll-legacy-control-outline-offset-30)}
.ll-accent-list{display:flex;flex-direction:column;align-items:stretch}
.ll-accent-list .ll-accent-choice{width:var(--ll-legacy-control-width-11);height:auto;gap:var(--ll-legacy-control-gap-55);justify-content:flex-start;padding:var(--ll-legacy-control-padding-56);border-radius:var(--ll-legacy-control-border-radius-2);font-size:var(--ll-text-sm)}
.ll-accent-list .ll-accent-ball{width:var(--ll-legacy-control-width-48);height:var(--ll-legacy-control-height-49)}
.ll-accent-list .ll-theme-check{right:3px;bottom:calc(50% - 7px)}
.ll-accent-trigger{list-style:none}
.ll-accent-trigger::-webkit-details-marker{display:none}
.ll-accent-control{display:inline-flex;flex:none}
.ll-accent-control .ll-accent-trigger{width:var(--ll-control-size-md);height:var(--ll-control-size-md);min-width:var(--ll-control-size-md);min-height:var(--ll-control-size-md);padding:0;border-radius:var(--ll-radius-round)}
.ll-menu.ll-accent-popover{position:fixed;right:auto;width:min(var(--ll-legacy-overlay-width-42),calc(100vw - var(--ll-space-4)));max-height:calc(100dvh - var(--ll-space-4));z-index:var(--ll-z-dialog);box-shadow:var(--ll-shadow-1)}
.ll-accent-popover[hidden]{display:none}
.ll-accent-heading{font-size:var(--ll-text-sm);font-weight:var(--ll-weight-bold);margin-bottom:var(--ll-space-2)}
.ll-accent-popover .ll-accent-choice{color:inherit}
@media(prefers-reduced-motion:reduce){.ll-theme-modes *,.ll-accent-choices *,.ll-accent-trigger{animation:none!important;transition:none!important}}
[data-rustig="1"] .ll-theme-modes *,[data-rustig="1"] .ll-accent-choices *,[data-rustig="1"] .ll-accent-trigger{animation:none!important;transition:none!important}
.support-segment{display:flex;gap:var(--ll-legacy-control-segment-gap);flex-wrap:wrap}
.support-segment .knop{min-height:var(--ll-control-size-md);padding:var(--ll-space-2) var(--ll-space-3)}
.support-segment [aria-pressed=true],.support-reader-options [aria-pressed=true]{background:var(--brand-light,var(--ll-legacy-control-support-selected));border:var(--ll-border-width-strong) solid var(--brand,var(--ll-legacy-control-support-border))}
button[data-support-action]:focus-visible,.support-reader-options button:focus-visible{outline:var(--ll-legacy-control-outline-29) solid var(--brand,var(--ll-legacy-control-support-focus));outline-offset:var(--ll-legacy-control-outline-offset-30)}
.pin-duration{display:flex;flex-wrap:wrap;gap:var(--ll-space-1);margin:var(--ll-legacy-control-margin-57);padding:0;border:0}
.pin-duration legend{font-size:var(--ll-text-sm);font-weight:var(--ll-weight-semibold);padding:0;margin-bottom:var(--ll-space-2)}
.pin-duration label{position:relative;flex:1;min-width:var(--ll-legacy-control-min-width-58);margin:0}
.pin-duration input{position:absolute;opacity:0;top:0;left:0;width:var(--ll-legacy-control-width-26);height:var(--ll-legacy-control-height-27);margin:0}
.pin-duration span{width:var(--ll-legacy-control-width-11);display:flex;align-items:center;justify-content:center;min-height:var(--ll-control-size-md);background:var(--account-bg);color:var(--account-ink);border:var(--ll-border-width) solid var(--account-line);border-radius:var(--ll-radius-md);padding:var(--ll-legacy-control-padding-36);font-size:var(--ll-legacy-control-font-size-16);box-sizing:border-box}
.pin-duration input:checked+span{background:var(--account-primary);color:var(--ll-legacy-control-color-43);border-color:var(--account-primary)}
.pin-duration input:focus-visible+span{outline:var(--ll-legacy-control-outline-59);outline-offset:var(--ll-border-width-strong)}

/* DS0 step 3. Dialog/Drawer/Menu/Popover/Tabs; existing layout via exact aliases. */
.ll-dialog-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--ll-overlay-backdrop);z-index:var(--ll-z-overlay)}
.ll-dialog{position:relative;box-sizing:border-box;width:100%;max-width:var(--ll-dialog-md);max-height:90dvh;overflow:auto;padding:var(--ll-space-6);border:var(--ll-border-width) solid var(--ll-line);border-radius:var(--ll-radius-xl);background:var(--ll-surface);color:var(--ll-ink);box-shadow:var(--ll-shadow-2)}
.ll-dialog--sm{max-width:var(--ll-dialog-sm)}.ll-dialog--lg{max-width:var(--ll-dialog-lg)}
.ll-dialog-close{position:absolute;top:var(--ll-space-4);right:var(--ll-space-4)}
.ll-drawer{position:fixed;right:0;top:0;box-sizing:border-box;width:min(var(--ll-drawer-width),100vw);height:100dvh;overflow:auto;padding:var(--ll-space-6);background:var(--ll-surface);color:var(--ll-ink);box-shadow:var(--ll-shadow-2);z-index:var(--ll-z-dialog)}
.ll-popover,.ll-menu{position:absolute;box-sizing:border-box;padding:var(--ll-space-3);border:var(--ll-border-width) solid var(--ll-line);border-radius:var(--ll-radius-lg);background:var(--ll-surface);color:var(--ll-ink);box-shadow:var(--ll-shadow-2);z-index:var(--ll-z-menu)}
.ll-menu-item{display:flex;align-items:center;min-height:var(--ll-control-size-md);width:100%;border:0;border-radius:var(--ll-radius-sm);padding:var(--ll-space-2);background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.ll-menu-item:focus-visible,.ll-tabs>button:focus-visible{outline:var(--ll-border-width-strong) solid var(--ll-focus);outline-offset:var(--ll-focus-offset)}
.ll-menu{right:0;width:min(var(--ll-legacy-overlay-width-112),calc(100vw - var(--ll-space-6)));overflow:auto}
.ll-dialog-backdrop:has(>.ll-dialog){padding:var(--ll-space-4);box-sizing:border-box}
@media(max-width:1023px){.ll-dialog-backdrop:has(>.ll-dialog){padding:var(--ll-space-0)}.ll-dialog-backdrop>.ll-dialog{width:100%;max-width:none;height:100dvh;max-height:100dvh;border-radius:var(--ll-space-0)}}
.ll-tabs{display:flex;gap:var(--ll-space-2);overflow:auto;border-bottom:var(--ll-border-width) solid var(--ll-line)}
.ll-tabs>button{min-height:var(--ll-control-size-md);border:0;border-bottom:var(--ll-border-width-strong) solid transparent;padding:var(--ll-space-2) var(--ll-space-3);background:transparent;color:var(--ll-ink-2);font:inherit;white-space:nowrap;cursor:pointer}
.ll-tabs>[aria-selected=true],.ll-tabs>[aria-current=page],.ll-tabs>[aria-pressed=true]{border-bottom-color:var(--ll-brand-500);color:var(--ll-ink);font-weight:var(--ll-weight-semibold)}

/* P2B canonical extensions: scrolling segments, preview selection and a
   sticky DialogActionBar. No page-local control/surface variants. */
.ll-segmented--scroll{display:flex;flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-block:var(--ll-space-1);scroll-snap-type:x proximity}
.ll-segmented--scroll>button{flex:none;white-space:nowrap;scroll-snap-align:start}
@media(prefers-reduced-motion:reduce){.ll-segmented--scroll{scroll-snap-type:none}}
[data-rustig="1"] .ll-segmented--scroll{scroll-snap-type:none}
.ll-list-row--interactive.ll-list-row--selected{background:var(--brand-soft,var(--ll-brand-50))}
.ll-list-row--interactive.ll-list-row--selected:not(:focus-visible){outline:var(--ll-border-width-strong) solid var(--brand,var(--ll-brand-700));outline-offset:calc(var(--ll-space-0) - var(--ll-border-width-strong))}
.ll-dialog-footer{position:sticky;bottom:var(--ll-space-0);z-index:var(--ll-z-sticky);display:flex;align-items:center;justify-content:space-between;gap:var(--ll-space-3);flex-wrap:wrap;margin:var(--ll-space-6) calc(var(--ll-space-0) - var(--ll-space-6)) calc(var(--ll-space-0) - var(--ll-space-6));padding:var(--ll-space-4) var(--ll-space-6);border-top:var(--ll-border-width) solid var(--ll-line);background:var(--ll-surface)}
.ll-dialog-footer__status{min-width:0;flex:1 1 calc(var(--ll-space-8) * 2);font-size:var(--ll-text-sm);color:var(--ll-ink-2);overflow-wrap:anywhere}
.ll-dialog-footer__actions{display:flex;align-items:center;gap:var(--ll-space-2);flex-wrap:wrap}
.ll-dialog:has(.ll-dialog-footer){scroll-padding-block:var(--ll-space-4) calc(var(--ll-space-8) + var(--ll-space-6) + var(--ll-space-5))}

/* P2B.1 canonical ScrollRegion and fill Dialog. Menus stay outside regions. */
.ll-scroll-region{min-height:var(--ll-space-0);min-width:var(--ll-space-0);overflow:auto;overscroll-behavior:contain;scroll-padding-block:var(--ll-space-4)}
.ll-scroll-region__head{position:sticky;top:var(--ll-space-0);z-index:var(--ll-z-sticky);background:var(--ll-surface);border-bottom:var(--ll-border-width) solid var(--ll-line)}
.ll-scroll-region__head--page{background:var(--ll-bg)}
.ll-scroll-region:has(>.ll-scroll-region__head){scroll-padding-block-start:calc(var(--ll-scroll-head-size,var(--ll-space-0)) + var(--ll-space-4))}
.ll-scroll-region:focus-visible{outline:var(--ll-border-width-strong) solid var(--ll-focus);outline-offset:var(--ll-focus-offset)}
@media(max-width:1023px){.ll-scroll-region--responsive{overflow:visible;overscroll-behavior:auto}}
.ll-dialog--fill{display:flex;flex-direction:column;height:90dvh;overflow:hidden;padding:var(--ll-space-0)}
body:has(.ll-dialog--fill){overflow:hidden}
.ll-dialog--fill>.ll-dialog-header{flex:none;display:grid;gap:var(--ll-space-1);padding:var(--ll-space-4) var(--ll-space-5)}
.ll-dialog-header>h2{margin:0;padding-right:var(--ll-space-7);font-size:var(--ll-title-md);line-height:var(--ll-section-title-line);font-weight:var(--ll-weight-bold)}
.ll-dialog-header>.hint{margin:0;padding-inline-end:var(--ll-space-7);font-size:var(--ll-text-sm);line-height:calc(var(--ll-space-4) + var(--ll-space-1))}
.ll-dialog--fill>.ll-dialog-body{flex:1;min-height:var(--ll-space-0);min-width:var(--ll-space-0);padding-inline:var(--ll-space-5)}
.ll-dialog--fill>.ll-dialog-footer{position:static;flex:none;margin:var(--ll-space-0);padding:var(--ll-space-4) var(--ll-space-5)}
.ll-dialog--fill>.ll-banner,.ll-dialog--fill>.fout-tekst{flex:none;margin:var(--ll-space-2) var(--ll-space-5)}
.ll-dialog--fill .ll-list-row:has(>.ll-list-row__main){padding-block:var(--ll-space-0)}
.ll-dialog--fill .ll-list-row__main>.ll-list-row--interactive{padding-block:var(--ll-space-1);line-height:var(--ll-summary-number-line)}
.ll-dialog--fill .ll-list-row--interactive>.ll-list-row__main{gap:var(--ll-space-0)}
.ll-dialog--fill .ll-segmented--scroll{padding-block:var(--ll-space-0)}
@media(max-width:1023px){.ll-dialog--fill{height:100dvh}.ll-dialog--fill>.ll-dialog-header{padding:var(--ll-space-4)}.ll-dialog--fill>.ll-dialog-body{padding-inline:var(--ll-space-4)}}
.ll-chip--mag,.ll-chip--moet{border:var(--ll-border-width) solid;color:var(--ll-ink)}
.ll-chip--mag{background:var(--ll-mag-soft);border-color:var(--ll-mag-line)}
.ll-chip--moet{background:var(--ll-moet-soft);border-color:var(--ll-moet-line)}
.ll-segmented>[data-tone="mag"][aria-checked=true],.ll-segmented>[data-tone="mag"][aria-pressed=true]{background:var(--ll-mag-soft);border-color:var(--ll-mag-line);color:var(--ll-ink)}
.ll-segmented>[data-tone="moet"][aria-checked=true],.ll-segmented>[data-tone="moet"][aria-pressed=true]{background:var(--ll-moet-soft);border-color:var(--ll-moet-line);color:var(--ll-ink)}
/* IconButton + existing avatar composition; no new avatar primitive. */
.ll-icon-button:has(>.ll-avatar-edit-badge){position:absolute;inset-inline-start:calc(var(--ll-space-5) + var(--ll-space-2));top:50%;transform:translateY(-50%);z-index:var(--ll-z-raised);border:0;background:transparent}
.ll-icon-button>.avatar{width:calc(var(--ll-space-5) + var(--ll-space-4));height:calc(var(--ll-space-5) + var(--ll-space-4));min-width:var(--ll-space-0)}
.ll-avatar-edit-badge{position:absolute;right:var(--ll-space-0);bottom:var(--ll-space-0);display:flex;align-items:center;justify-content:center;width:var(--ll-space-4);height:var(--ll-space-4);border:var(--ll-border-width) solid var(--ll-line);border-radius:var(--ll-radius-round);background:var(--ll-surface);color:var(--ll-ink-2);font-size:var(--ll-text-xs)}
.ll-icon-button:hover>.ll-avatar-edit-badge{border-color:var(--ll-line-strong);color:var(--ll-ink)}
.ll-list-row:has(>.ll-icon-button>.ll-avatar-edit-badge){position:relative}
.ll-list-row__lead:has(>.ll-list-row__avatar-slot)>.ll-list-row__chevron{width:var(--ll-space-5)}
.ll-list-row__avatar-slot{width:var(--ll-control-size-md);height:var(--ll-control-size-md);flex:none}

/* Layout composition for the existing material controls in the fill header. */
.ll-section-header>.ll-page-title{font-size:var(--ll-title-lg);line-height:var(--ll-summary-number-line)}
.p2b-search-block>.hint{margin-block:var(--ll-space-1)}
.p2b-control-row{display:flex;align-items:center;gap:var(--ll-space-2);min-width:0}
.p2b-control-row>label,.p2b-control-row>.hint{margin:var(--ll-space-0);flex:none}
.p2b-control-row>.ll-segmented{min-width:0}
.ll-dialog-header>.p2b-filter-stack{margin:var(--ll-space-0);gap:var(--ll-space-1)}
.ll-dialog-header .p2b-search-tools>.ll-tabs{flex:none}
.ll-dialog-header .p2b-search-tools{gap:var(--ll-space-2)}
/* Let the search field absorb intrinsic tab-width differences, not wrap the action. */
@media(min-width:1024px){.ll-dialog-header .p2b-search-tools>label{flex-basis:var(--ll-space-0)}}
.ll-dialog-body .ll-scroll-region__head>.hint{margin-block:var(--ll-space-1);line-height:calc(var(--ll-space-4) + var(--ll-space-1))}
.ll-dialog-body .ll-scroll-region__head>.p2b-tools{margin-block:var(--ll-space-0);min-height:var(--ll-control-size-md)}
@media(max-width:1023px){.p2b-control-row{flex-wrap:wrap}}
@media(max-width:1023px){.p2b-control-row>.ll-segmented{flex:1}}
@media(max-width:1023px){.ll-dialog-header .p2b-search-tools>.ll-tabs{flex-basis:100%}}
@media(max-width:599px){.p2b-library>.p2b-filter-stack>.p2b-control-row{margin-block:var(--ll-space-4)}}
@media(max-width:599px){.ll-dialog-header .p2b-search-tools>label{flex-basis:var(--ll-space-8)}}
@media(max-width:599px){.ll-dialog-header .p2b-control-row>.hint{flex-basis:100%}}

:where(.ll-coach-controls) .terugknop{display:flex;align-items:center;gap:var(--ll-legacy-overlay-gap-1);background:var(--surface);border:var(--ll-legacy-overlay-border-2);border-radius:var(--ll-legacy-overlay-border-radius-3);padding:var(--ll-legacy-overlay-padding-4);min-height:var(--ll-control-size-md);font-weight:700;font-size:var(--ll-legacy-overlay-font-size-6);color:var(--ink);cursor:pointer;flex:none}
:where(.ll-coach-controls) .profielrij button{background:transparent;border:0;color:var(--ink);font:inherit;font-size:var(--ll-legacy-control-font-size-16);cursor:pointer;padding:0}
:where(.ll-coach-controls) .profielmenu{position:absolute;top:calc(100% + 8px);right:var(--ll-space-0);min-width:var(--ll-legacy-overlay-min-width-7);background:var(--surface);color:var(--ink);border:var(--ll-legacy-overlay-border-2);border-radius:var(--ll-legacy-overlay-border-radius-8);box-shadow:var(--ll-legacy-overlay-box-shadow-9);padding:var(--ll-legacy-overlay-padding-10);z-index:var(--ll-z-legacy-local-menu);text-align:left}
:where(.ll-coach-controls) .profielmenu-kop{padding:var(--ll-legacy-overlay-padding-12);border-bottom:1px solid var(--line);margin-bottom:var(--ll-legacy-overlay-margin-bottom-13)}
:where(.ll-coach-controls) .profielmenu-kop b{display:block;font-size:var(--ll-legacy-overlay-font-size-14)}
:where(.ll-coach-controls) .profielmenu-kop span{display:block;font-size:var(--ll-legacy-overlay-font-size-15);color:var(--ink-2)}
:where(.ll-coach-controls) .profielmenu button{display:flex;align-items:center;width:100%;min-height:var(--ll-legacy-overlay-min-height-16);padding:var(--ll-legacy-overlay-padding-17);border:0;border-radius:var(--ll-legacy-overlay-border-radius-18);background:none;text-align:left;font:inherit;font-size:var(--ll-legacy-overlay-font-size-19);color:var(--ink);cursor:pointer}
:where(.ll-coach-controls) .profielmenu button:hover,:where(.ll-coach-controls) .profielmenu button:focus-visible{background:var(--brand-soft)}
:where(.ll-coach-controls) .profielmenu hr{border:0;border-top:1px solid var(--line);margin:var(--ll-legacy-overlay-margin-20)}
:where(.ll-coach-controls) .profielmenu-uit{color:var(--ink)}
:where(.ll-coach-controls) .sluier.halve{justify-content:flex-end;align-items:stretch}
:where(.ll-coach-controls) .sheet.halve{width:100%;max-width:none;max-height:100%;background:var(--brand-soft)}
@media (min-width:760px){:where(.ll-coach-controls) .sheet.halve{width:var(--ll-legacy-overlay-width-21);min-width:var(--ll-legacy-overlay-min-width-22);max-height:var(--ll-legacy-overlay-max-height-23);border-radius:var(--ll-legacy-overlay-border-radius-24)}}
@media (min-width:760px){:where(.ll-coach-controls) .sheet.profiel-breed{width:var(--ll-legacy-overlay-width-25);max-width:var(--ll-legacy-overlay-max-width-26);max-height:var(--ll-legacy-overlay-max-height-23)}}
@media (max-width:759px){:where(.ll-coach-controls) .sluier.halve{align-items:flex-end}}
@media (max-width:759px){:where(.ll-coach-controls) .sheet.halve,:where(.ll-coach-controls) .sheet.profiel-breed{max-height:var(--ll-legacy-overlay-max-height-23)}}
:where(.ll-coach-controls) .thema-menu{position:absolute;right:var(--ll-space-0);top:calc(100% + 8px);z-index:var(--ll-z-legacy-accent-popover);display:flex;flex-direction:column;gap:var(--ll-legacy-overlay-gap-28);padding:var(--ll-legacy-overlay-padding-10);min-width:var(--ll-legacy-overlay-min-width-29);border:var(--ll-legacy-overlay-border-2);border-radius:var(--ll-legacy-overlay-border-radius-8);background:var(--surface);box-shadow:var(--ll-legacy-overlay-box-shadow-30)}
:where(.ll-coach-controls) .bevestig-sluier{align-items:center;padding:var(--ll-legacy-overlay-padding-31)}
:where(.ll-coach-controls) .sheet.bevestig-dialoog{max-width:var(--ll-legacy-overlay-max-width-32);border-radius:var(--ll-legacy-overlay-border-radius-33);background:var(--ink);color:var(--bg);box-shadow:var(--ll-legacy-overlay-box-shadow-34)}
@media (max-width:520px){:where(.ll-coach-controls) .sheet.bevestig-dialoog{max-width:100%}}
:where(.ll-coach-controls) .uitlog-sluier{align-items:center;padding:var(--ll-legacy-overlay-padding-31);background:var(--ll-legacy-overlay-background-35);backdrop-filter:blur(2px)}
:where(.ll-coach-controls) .sheet.uitlog-dialoog{max-width:var(--ll-legacy-overlay-max-width-36);width:100%;border-radius:var(--ll-legacy-overlay-border-radius-37);background:var(--surface);color:var(--ink);box-shadow:var(--ll-legacy-overlay-box-shadow-38);border:var(--ll-legacy-overlay-border-39);padding:var(--ll-legacy-overlay-padding-40);animation:uitlogIn 180ms ease}
@media (prefers-reduced-motion:reduce){:where(.ll-coach-controls) .sheet.uitlog-dialoog{animation:none}}
@media (max-width:420px){:where(.ll-coach-controls) .sheet.uitlog-dialoog{max-width:var(--ll-legacy-overlay-max-width-41)}}
:where(.ll-coach-controls) .onthoud-info p{position:absolute;left:0;top:calc(100% + 6px);z-index:var(--ll-z-legacy-local-menu);width:var(--ll-legacy-overlay-width-42);margin:0;padding:var(--ll-legacy-overlay-padding-43);border:var(--ll-legacy-overlay-border-2);border-radius:var(--ll-legacy-overlay-border-radius-44);background:var(--surface);box-shadow:var(--ll-legacy-overlay-box-shadow-45)}
:where(.ll-coach-controls) .nav,:where(.ll-coach-controls) .tabs{display:flex;flex-wrap:wrap;gap:var(--ll-legacy-overlay-gap-46);margin-bottom:var(--ll-legacy-overlay-margin-bottom-47);padding-bottom:var(--ll-legacy-overlay-padding-bottom-48);border-bottom:1.5px solid var(--line)}
:where(.ll-coach-controls) .nav button,:where(.ll-coach-controls) .tabs button{min-height:var(--ll-legacy-overlay-min-height-49);padding:var(--ll-legacy-overlay-padding-50);border:var(--ll-legacy-overlay-border-51);border-radius:var(--ll-legacy-overlay-border-radius-8);background:transparent;font-weight:700;color:var(--ink-2);cursor:pointer;transition:var(--ll-legacy-overlay-transition-52)}
:where(.ll-coach-controls) .nav button:hover,:where(.ll-coach-controls) .nav button:focus-visible,:where(.ll-coach-controls) .tabs button:hover,:where(.ll-coach-controls) .tabs button:focus-visible{background:var(--brand-soft);border-color:transparent;color:var(--ink);transform:translateY(-2px)}
:where(.ll-coach-controls) .nav button[aria-current="page"],:where(.ll-coach-controls) .tabs button[aria-selected="true"]{color:var(--ink);border-color:var(--ink);background:var(--surface);box-shadow:var(--ll-legacy-overlay-box-shadow-53)}
:where(.ll-coach-controls) .nav button[aria-current="page"]:hover,:where(.ll-coach-controls) .tabs button[aria-selected="true"]:hover{transform:none}
:where(.ll-coach-controls) .sluier{position:fixed;top:var(--ll-space-0);left:0;right:var(--ll-space-0);bottom:var(--ll-space-0);background:var(--ll-legacy-overlay-background-54);display:flex;align-items:flex-end;justify-content:center;z-index:var(--ll-z-menu)}
:where(.ll-coach-controls) .sheet{width:100%;max-width:var(--ll-legacy-overlay-max-width-56);max-height:var(--ll-legacy-overlay-max-height-57);overflow-y:auto;background:var(--surface);border-radius:var(--ll-legacy-overlay-border-radius-58);padding:var(--ll-legacy-overlay-padding-59);display:grid;gap:var(--ll-legacy-overlay-gap-60)}
:where(.ll-coach-controls) .sheet.profile-pin-panel{width:var(--ll-legacy-overlay-width-61);max-width:var(--ll-legacy-overlay-max-width-62);border-radius:var(--ll-radius-xl);padding:var(--ll-legacy-overlay-padding-64);box-shadow:var(--ll-legacy-overlay-box-shadow-65)}
:where(.ll-admin) .zij-profielmenu{display:none;position:absolute;bottom:calc(100% + 6px);left:0;right:var(--ll-space-0);background:var(--surface);border:var(--ll-legacy-overlay-border-2);border-radius:var(--ll-legacy-overlay-border-radius-66);box-shadow:var(--ll-legacy-overlay-box-shadow-67);padding:var(--ll-legacy-overlay-padding-68);z-index:var(--ll-z-legacy-local-menu)}
:where(.ll-admin) .zij-profielmenu.open,:where(.ll-admin) .ctx-menu.open{display:block}
:where(.ll-admin) .zij-profielmenu button{display:block;width:100%;min-height:var(--ll-legacy-overlay-min-height-16);padding:var(--ll-legacy-overlay-padding-17);border:0;border-radius:var(--ll-legacy-overlay-border-radius-18);background:none;text-align:left;font:inherit;font-size:var(--ll-legacy-overlay-font-size-14);color:var(--ink);cursor:pointer}
:where(.ll-admin) .zij-profielmenu button:hover,:where(.ll-admin) .ctx-menu button:hover{background:var(--grijs-soft)}
:where(.ll-admin) .zij-profielmenu hr{border:0;border-top:1px solid var(--line);margin:var(--ll-legacy-overlay-margin-20)}
:where(.ll-admin) .uitlog-sluier{position:fixed;inset:0;background:var(--ll-legacy-overlay-background-35);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:var(--ll-legacy-overlay-padding-31);z-index:var(--ll-z-dialog)}
:where(.ll-admin) .uitlog-kaart{max-width:var(--ll-legacy-overlay-max-width-36);width:100%;border-radius:var(--ll-legacy-overlay-border-radius-37);background:var(--surface);color:var(--ink);box-shadow:var(--ll-legacy-overlay-box-shadow-38);border:var(--ll-legacy-overlay-border-39);padding:var(--ll-legacy-overlay-padding-40);text-align:center;animation:uitlogIn 180ms ease}
@media (prefers-reduced-motion:reduce){:where(.ll-admin) .uitlog-kaart{animation:none}}
@media (max-width:420px){:where(.ll-admin) .uitlog-kaart{max-width:var(--ll-legacy-overlay-max-width-41)}}
:where(.ll-admin) .ctx-menu{display:none;position:fixed;min-width:var(--ll-legacy-overlay-min-width-70);background:var(--surface);border:var(--ll-legacy-overlay-border-2);border-radius:var(--ll-legacy-overlay-border-radius-66);box-shadow:var(--ll-legacy-overlay-box-shadow-9);padding:var(--ll-legacy-overlay-padding-68);z-index:var(--ll-z-overlay);max-height:var(--ll-legacy-overlay-max-height-72);overflow-y:auto}
:where(.ll-admin) .ctx-menu button{display:block;width:100%;min-height:var(--ll-legacy-overlay-min-height-16);padding:var(--ll-legacy-overlay-padding-17);border:0;border-radius:var(--ll-legacy-overlay-border-radius-18);background:none;text-align:left;font:inherit;font-size:var(--ll-legacy-overlay-font-size-19);color:var(--ink);cursor:pointer}
:where(.ll-admin) .ctx-menu button.gevaar{color:var(--moet)}
:where(.ll-admin) .ctx-menu button.gevaar:hover{background:var(--moet-soft)}
:where(.ll-admin) .ctx-menu .ctx-groeplabel{font-size:var(--ll-legacy-overlay-font-size-73);font-weight:800;color:var(--ink-2);text-transform:uppercase;letter-spacing:.03em;padding:var(--ll-legacy-overlay-padding-74)}
:where(.ll-admin) .ctx-menu hr{border:0;border-top:1px solid var(--line);margin:var(--ll-legacy-overlay-margin-75)}
:where(.ll-admin) .tabs{display:flex;gap:var(--ll-legacy-overlay-gap-28);border-bottom:1.5px solid var(--line);margin-bottom:var(--ll-legacy-overlay-margin-bottom-76)}
:where(.ll-admin) .tabs button{min-height:var(--ll-legacy-overlay-min-height-77);padding:var(--ll-legacy-overlay-padding-78);margin-right:18px;border:0;border-bottom:2.5px solid transparent;background:none;font:inherit;font-weight:700;font-size:var(--ll-legacy-overlay-font-size-79);color:var(--ink-2);cursor:pointer}
:where(.ll-admin) .tabs button[aria-selected="true"]{color:var(--leaf-text);border-bottom-color:var(--brand)}
:where(.ll-admin) .tabs button:hover{color:var(--ink)}
:where(.ll-admin) .sluier{position:fixed;inset:0;background:var(--ll-legacy-overlay-background-80);display:flex;align-items:flex-start;justify-content:center;padding:var(--ll-legacy-overlay-padding-81);z-index:var(--ll-z-legacy-admin-dialog);overflow-y:auto}
:where(.ll-admin) .modaal{background:var(--surface);border-radius:var(--ll-legacy-overlay-border-radius-83);max-width:var(--ll-legacy-overlay-max-width-84);width:100%;padding:var(--ll-legacy-overlay-padding-85);margin-top:2vh}
:where(.ll-admin) .zij-profielmenu button[aria-checked="true"]{background:var(--brand-soft)}
:where(.ll-shared-controls) .nav{display:flex;gap:var(--ll-legacy-overlay-gap-86);padding:var(--ll-legacy-overlay-padding-87);margin-bottom:var(--ll-legacy-overlay-margin-bottom-88);border-bottom:1px solid var(--line);flex-wrap:wrap}
:where(.ll-shared-controls) .nav button{padding:var(--ll-legacy-overlay-padding-89);border:var(--ll-legacy-overlay-border-90);border-radius:var(--ll-legacy-overlay-border-radius-66);font-size:var(--ll-legacy-overlay-font-size-6);min-height:var(--ll-control-size-md)}
:where(.ll-shared-controls) .nav button[aria-current="page"]{background:var(--brand-soft);border-color:transparent;color:var(--leaf-text);box-shadow:none}
:where(.ll-shared-controls) .student-view .tabs{display:flex;flex-wrap:wrap;gap:var(--ll-legacy-overlay-gap-46);border:0;margin:var(--ll-legacy-overlay-margin-91)}
:where(.ll-shared-controls) .student-view .tabs button{min-height:var(--ll-legacy-overlay-min-height-49);border:var(--ll-legacy-overlay-border-39);border-radius:var(--ll-legacy-overlay-border-radius-66);font-size:var(--ll-legacy-overlay-font-size-14);padding:var(--ll-legacy-overlay-padding-92);background:var(--surface)}
:where(.ll-shared-controls) .student-view .tabs button[aria-selected=true]{background:var(--brand-soft);border-color:var(--brand);color:var(--leaf-text)}
:where(.ll-shared-controls) .sheet{border-radius:var(--ll-radius-xl);padding:var(--ll-legacy-overlay-padding-93);box-shadow:var(--ll-legacy-overlay-box-shadow-94)}
:where(.ll-shared-controls) .sluier{background:var(--ll-legacy-overlay-background-95)}
@media(max-width:760px){:where(.ll-shared-controls) .sheet{padding:var(--ll-legacy-overlay-padding-96)}}
@media(max-width:520px){:where(.ll-shared-controls) .student-view .tabs button{flex:1;padding:var(--ll-legacy-overlay-padding-10);font-size:var(--ll-legacy-overlay-font-size-97)}}
@media(max-width:520px){:where(.ll-shared-controls) .sheet{padding:var(--ll-legacy-overlay-padding-98)}}
:where(.ll-shared-overlays) .fiche-navigatie{display:flex;gap:var(--ll-legacy-overlay-gap-46);flex-wrap:wrap;margin:var(--ll-legacy-overlay-margin-99);padding:var(--ll-legacy-overlay-padding-68);background:var(--brand-soft,#edf3ee);border-radius:var(--ll-legacy-overlay-border-radius-83)}
:where(.ll-shared-overlays) .fiche-navigatie .knop{flex:1;border:0;background:transparent;min-height:var(--ll-legacy-overlay-min-height-49);white-space:nowrap}
:where(.ll-shared-overlays) .fiche-navigatie .knop[aria-pressed=true]{background:var(--surface,#fff);color:var(--brand,#187c78);box-shadow:var(--ll-legacy-overlay-box-shadow-100);font-weight:700}
:where(.ll-shared-overlays) .sheet,:where(.ll-shared-overlays) .modaal{border-radius:var(--ll-legacy-overlay-border-radius-101);padding:var(--ll-legacy-overlay-padding-102);line-height:1.6}
:where(.ll-shared-overlays) .sheet h2,:where(.ll-shared-overlays) .modaal h2{padding-right:45px;line-height:1.2;margin-top:var(--ll-space-0)}
:where(.ll-shared-overlays) .venster-sluiten{float:right;width:var(--ll-control-size-md);height:var(--ll-control-size-md);min-height:var(--ll-control-size-md);border-radius:var(--ll-radius-round);background:var(--brand-soft,#edf3ee);font-size:var(--ll-legacy-overlay-font-size-106);line-height:1;margin:var(--ll-legacy-overlay-margin-107)}
@media(max-width:600px){:where(.ll-shared-overlays) .fiche-navigatie{gap:var(--ll-legacy-overlay-gap-28)}}
@media(max-width:600px){:where(.ll-shared-overlays) .fiche-navigatie .knop{padding:var(--ll-legacy-overlay-padding-108);font-size:var(--ll-legacy-overlay-font-size-14)}}
@media(max-width:600px){:where(.ll-shared-overlays) .sheet,:where(.ll-shared-overlays) .modaal{padding:var(--ll-legacy-overlay-padding-109)}}
@media(prefers-reduced-motion:reduce){:where(.ll-shared-overlays) .sheet,:where(.ll-shared-overlays) .modaal{animation:none!important;transition:var(--ll-legacy-overlay-transition-110)}}
:where(.ll-shared-overlays) .modaal{max-height:var(--ll-legacy-overlay-max-height-111);overflow:auto}
:where(.ll-coach-controls) .account-menu{position:absolute;right:var(--ll-space-0);top:calc(100% + 8px);width:var(--ll-legacy-overlay-width-112);max-width:var(--ll-legacy-overlay-max-width-113);max-height:var(--ll-legacy-overlay-max-height-114);overflow:auto;box-sizing:border-box;border:var(--ll-legacy-overlay-border-115);border-radius:var(--ll-legacy-overlay-border-radius-83);background:var(--account-bg);color:var(--account-ink);padding:var(--ll-legacy-overlay-padding-116);box-shadow:var(--ll-legacy-overlay-box-shadow-117);text-align:left}
:where(.ll-coach-controls) .account-menu>button,:where(.ll-coach-controls) .account-menu>a{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:var(--ll-control-size-md);padding:var(--ll-legacy-overlay-padding-108);background:none;border:0;border-radius:var(--ll-legacy-overlay-border-radius-44);color:inherit;text-decoration:none;font:inherit;text-align:left;cursor:pointer}
:where(.ll-coach-controls) .account-menu>button:hover,:where(.ll-coach-controls) .account-menu>a:hover{background:var(--account-mint)}
:where(.ll-coach-controls) .account-menu hr{border:0;border-top:1px solid var(--account-line);margin:var(--ll-legacy-overlay-margin-118)}
:where(.ll-coach-controls) .account-menu .account-pref{font-size:var(--ll-legacy-overlay-font-size-14);padding:var(--ll-legacy-overlay-padding-119)}
:where(.ll-coach-controls) .sheet.profiel-breed{position:relative;display:block;width:var(--ll-legacy-overlay-width-120);max-width:var(--ll-legacy-overlay-max-width-121);max-height:var(--ll-legacy-overlay-max-height-111);margin:auto;padding:var(--ll-legacy-overlay-padding-122);border-radius:var(--ll-radius-xl);background:var(--account-bg);color:var(--account-ink);overflow:auto;box-sizing:border-box}
:where(.ll-coach-controls) .sheet.profiel-breed .venster-sluiten,:where(.ll-coach-controls) .sheet.profile-pin-panel .venster-sluiten{position:absolute;top:16px;right:16px;width:var(--ll-control-size-md);height:var(--ll-control-size-md);min-width:var(--ll-control-size-md);min-height:var(--ll-control-size-md);padding:0;border:0;border-radius:var(--ll-radius-round);background:var(--account-mint);color:var(--account-ink);text-decoration:none;box-shadow:none;font-size:var(--ll-legacy-overlay-font-size-124);line-height:1;display:grid;place-items:center}
:where(.ll-coach-controls) .sheet.profile-pin-panel{position:relative;display:block;margin:auto;width:var(--ll-legacy-overlay-width-125);max-width:var(--ll-legacy-overlay-max-width-126);max-height:var(--ll-legacy-overlay-max-height-127);overflow:auto;padding:var(--ll-legacy-overlay-padding-128);border-radius:var(--ll-radius-xl);color:var(--account-ink);background:var(--account-bg);box-sizing:border-box}
:where(.ll-coach-controls) .pin-safety details p{position:absolute;right:var(--ll-space-0);bottom:100%;width:var(--ll-legacy-overlay-width-129);padding:var(--ll-legacy-overlay-padding-116);border:var(--ll-legacy-overlay-border-115);border-radius:var(--ll-legacy-overlay-border-radius-66);background:var(--account-bg);z-index:var(--ll-z-legacy-inline-help)}
@media(min-width:600px) and (max-width:1023px){:where(.ll-coach-controls) .sheet.profiel-breed{width:var(--ll-legacy-overlay-width-131);max-width:none;height:var(--ll-legacy-overlay-height-132);max-height:var(--ll-legacy-overlay-max-height-133);border-radius:0;margin:0;padding:var(--ll-legacy-overlay-padding-93)}}
@media(min-width:600px) and (max-width:1023px){:where(.ll-coach-controls) .sluier.midden-breed{padding:0}}
@media(max-width:599px){:where(.ll-coach-controls) .sheet.profiel-breed{width:var(--ll-legacy-overlay-width-134);max-height:var(--ll-legacy-overlay-max-height-135);padding:var(--ll-legacy-overlay-padding-136)}}
/* Compact personal profile: reuse the P1 dialog and its existing controls. */
:where(.ll-coach-controls) .sheet.profiel-breed{width:min(var(--ll-dialog-md),calc(100vw - var(--ll-space-6) * 2));max-width:var(--ll-dialog-md);height:auto;max-height:calc(100dvh - var(--ll-space-6) * 2);margin:auto;padding:var(--ll-space-5);border-radius:var(--ll-radius-xl);overflow:auto}
:where(.ll-coach-controls) .sheet.profiel-breed>h2{font-size:var(--ll-title-sm);margin:var(--ll-space-0) var(--ll-control-size-md) var(--ll-space-4) var(--ll-space-0)}
:where(.ll-coach-controls) .sheet.profiel-breed .personal-header{gap:var(--ll-space-3);margin-bottom:var(--ll-space-4)}
:where(.ll-coach-controls) .sheet.profiel-breed .personal-header strong{display:block;font-size:var(--ll-text-lg);line-height:var(--ll-space-5)}
:where(.ll-coach-controls) .sheet.profiel-breed .personal-header p{line-height:calc(var(--ll-space-4) + var(--ll-space-1));margin:var(--ll-space-1) var(--ll-space-0) var(--ll-space-0)}
:where(.ll-coach-controls) .sheet.profiel-breed .personal-header>button:last-child{margin-left:var(--ll-space-0);min-height:var(--ll-control-size-md)}
:where(.ll-coach-controls) .sheet.profiel-breed .personal-section{padding:var(--ll-space-3) var(--ll-space-0) var(--ll-space-0);margin-top:var(--ll-space-3)}
:where(.ll-coach-controls) .sheet.profiel-breed .personal-section h3{font-size:var(--ll-text-sm);margin:var(--ll-space-0) var(--ll-space-0) var(--ll-space-2)}
:where(.ll-coach-controls) .sheet.profiel-breed .personal-data{grid-template-columns:minmax(0,1fr);gap:var(--ll-space-0)}
:where(.ll-coach-controls) .sheet.profiel-breed .personal-data>div{display:grid;grid-template-columns:calc(var(--ll-space-8) + var(--ll-space-6)) minmax(0,1fr);gap:var(--ll-space-3);align-items:center;padding:var(--ll-space-1) var(--ll-space-0)}
:where(.ll-coach-controls) .sheet.profiel-breed .personal-data dt{margin:var(--ll-space-0);line-height:var(--ll-space-4)}
:where(.ll-coach-controls) .sheet.profiel-breed .personal-data dd{min-width:0;font-size:var(--ll-text-sm);line-height:var(--ll-space-5)}
:where(.ll-coach-controls) .sheet.profiel-breed .personal-security{gap:var(--ll-space-3);margin-bottom:var(--ll-space-2)}
:where(.ll-coach-controls) .sheet.profiel-breed .personal-security>div:first-child{flex:1;min-width:0}
:where(.ll-coach-controls) .sheet.profiel-breed .personal-security b{font-size:var(--ll-text-sm);line-height:var(--ll-space-5)}
:where(.ll-coach-controls) .sheet.profiel-breed .personal-security span{margin-top:var(--ll-space-0);line-height:var(--ll-space-5)}
:where(.ll-coach-controls) .sheet.profiel-breed .personal-security-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ll-space-2)}
:where(.ll-coach-controls) .sheet.profiel-breed .personal-security-actions>button{min-height:var(--ll-control-size-md)}
:where(.ll-coach-controls) .sheet.profiel-breed .personal-destructive{color:var(--ll-moet-line)}
:where(.ll-coach-controls) .sheet.profiel-breed .personal-duration summary{min-height:var(--ll-control-size-md);line-height:var(--ll-control-size-md);font-size:var(--ll-text-sm);cursor:pointer}
:where(.ll-coach-controls) .sheet.profiel-breed .pin-duration{margin:var(--ll-space-2) var(--ll-space-0)}
:where(.ll-coach-controls) .sheet.profiel-breed .pin-duration label{min-width:var(--ll-control-size-md)}
:where(.ll-coach-controls) .sheet.profiel-breed .hint{font-size:var(--ll-text-xs);margin:var(--ll-space-2) var(--ll-space-0) var(--ll-space-0)}
:where(.ll-coach-controls) .sheet.profiel-breed .personal-colors{display:flex;align-items:center;gap:var(--ll-space-3);margin-top:var(--ll-space-0)}
:where(.ll-coach-controls) .sheet.profiel-breed .personal-colors>span{padding-top:var(--ll-space-0);margin-bottom:var(--ll-space-0)}
@media(max-width:599px){:where(.ll-coach-controls) .sheet.profiel-breed{width:calc(100vw - var(--ll-space-4) * 2);max-height:calc(100dvh - var(--ll-space-4) * 2);padding:var(--ll-space-4)}}
/* End compact personal profile. */
:where(.ll-coach-controls) .support-scrim{position:fixed;inset:0;background:var(--ll-legacy-overlay-background-137);z-index:var(--ll-z-legacy-support-scrim)}
:where(.ll-coach-controls) .support-sheet{position:fixed;z-index:var(--ll-z-legacy-support-sheet);right:var(--ll-space-0);top:var(--ll-space-0);width:var(--ll-legacy-overlay-width-138);height:var(--ll-legacy-overlay-height-132);overflow:auto;background:var(--surface,#fff);color:var(--ink,#263d42);padding:var(--ll-legacy-overlay-padding-64);box-shadow:var(--ll-legacy-overlay-box-shadow-139);box-sizing:border-box}
@media(max-width:1100px){:where(.ll-coach-controls) .support-sheet{width:var(--ll-legacy-overlay-width-131)}}
@media(max-width:600px){:where(.ll-coach-controls) .support-sheet{padding:var(--ll-legacy-overlay-padding-140)}}
:where(.ll-child-controls) .lw-child-popover{position:absolute;right:var(--ll-space-0);top:100%;padding:var(--ll-legacy-overlay-padding-116);display:flex;gap:var(--ll-legacy-overlay-gap-46);background:var(--surface);border:var(--ll-legacy-overlay-border-39);border-radius:var(--ll-legacy-overlay-border-radius-141);box-shadow:var(--shadow-soft);z-index:var(--ll-z-menu)}

/* DS0 step 4: exact scoped legacy Surface/Card/ListRow/Section/Status compositions.
   Original per-file rule order and context palettes are retained. See SURFACES.md. */
:where(.ll-coach-controls) .ledenlijst{list-style:none;margin:var(--ll-legacy-surface-margin-1);padding:0;display:grid;gap:var(--ll-space-2)}
:where(.ll-coach-controls) .ledenlijst li{border:1.5px solid var(--line);border-radius:var(--ll-legacy-surface-border-radius-2);padding:var(--ll-legacy-surface-padding-3);background:var(--surface)}
:where(.ll-coach-controls) .ledenlijst summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:var(--ll-space-2);flex-wrap:wrap}
:where(.ll-coach-controls) .ledenlijst li.uitn{display:flex;justify-content:space-between;align-items:center;gap:var(--ll-space-2);padding:var(--ll-legacy-surface-padding-4)}
:where(.ll-coach-controls) .klasgroep{margin:var(--ll-legacy-surface-margin-5);border:1.5px solid var(--line);border-radius:var(--ll-radius-legacy-18);background:var(--surface);padding:var(--ll-legacy-surface-padding-6)}
:where(.ll-coach-controls) .klasgroep .lijst{margin:var(--ll-legacy-surface-margin-7)}
:where(.ll-coach-controls) .teksten-kind{margin:var(--ll-legacy-surface-margin-5);padding:var(--ll-legacy-surface-padding-8);border:1.5px solid var(--line);border-radius:var(--ll-radius-lg);background:var(--surface)}
:where(.ll-coach-controls) .teksten-kind h3{margin:var(--ll-legacy-surface-margin-9)}
:where(.ll-coach-controls) .teksten-kind details{margin:var(--ll-legacy-surface-margin-10)}
:where(.ll-coach-controls) .teksten-kind summary{cursor:pointer;font-weight:var(--ll-weight-bold);min-height:40px;display:flex;align-items:center}
:where(.ll-coach-controls) .teksten-kind .niveau-kop{margin:var(--ll-legacy-surface-margin-11);font-size:var(--ll-legacy-surface-font-size-12)}
:where(.ll-coach-controls) .bundel{border:1.5px solid var(--line);border-radius:var(--ll-legacy-surface-border-radius-2);margin:var(--ll-legacy-surface-margin-10);background:var(--surface)}
:where(.ll-coach-controls) .bundel-huidig,:where(.ll-coach-controls) button.ll-rij:hover,:where(.ll-coach-controls) button.ll-rij:focus-visible{border-color:var(--brand)}
:where(.ll-coach-controls) .keuzerij.moet{border-left:8px solid var(--moet);background:var(--moet-soft)}
:where(.ll-coach-controls) .keuzerij.mag{border-left:8px solid var(--mag)}
:where(.ll-coach-controls) .mm-chip{display:inline-block;font-weight:var(--ll-weight-bold);font-size:var(--ll-legacy-surface-font-size-13);border-radius:var(--ll-radius-pill);padding:var(--ll-legacy-surface-padding-14);margin-left:var(--ll-legacy-surface-margin-left-15)}
:where(.ll-coach-controls) .mm-chip.moet{color:var(--moet);background:var(--moet-soft);border:1.5px solid var(--moet)}
:where(.ll-coach-controls) .mm-chip.mag{color:var(--mag);background:var(--mag-soft);border:1.5px solid var(--mag)}
:where(.ll-coach-controls) .mm-chip.onderwerp{color:var(--leaf-text);background:var(--brand-soft);border:1.5px solid var(--brand)}
:where(.ll-coach-controls) .pf-lijst{display:grid;gap:0;margin:0}
:where(.ll-coach-controls) .pf-rij{display:grid;grid-template-columns:minmax(130px,34%) 1fr;gap:var(--ll-legacy-surface-gap-16);padding:var(--ll-legacy-surface-padding-17);border-bottom:1px solid var(--line);align-items:center}
:where(.ll-coach-controls) .pf-rij dt{font-weight:var(--ll-weight-bold);font-size:var(--ll-text-sm);color:var(--ink-2)}
:where(.ll-coach-controls) .pf-rij dd{margin:0;display:flex;flex-wrap:wrap;gap:var(--ll-space-2);align-items:center;justify-content:space-between}
:where(.ll-coach-controls) .pf-leeg{color:var(--ink-2);font-style:italic}
:where(.ll-coach-controls) .pf-tegel{display:grid;gap:var(--ll-legacy-surface-gap-18);text-align:left;padding:var(--ll-legacy-surface-padding-8);border:1.5px solid var(--line);border-radius:var(--ll-legacy-surface-border-radius-2);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer}
:where(.ll-coach-controls) .pf-tegel b{font-size:var(--ll-legacy-surface-font-size-19);line-height:var(--ll-legacy-surface-line-height-20)}
:where(.ll-coach-controls) .pf-tegel span{font-weight:var(--ll-weight-semibold);font-size:var(--ll-text-sm)}
:where(.ll-coach-controls) .pf-tegel small{color:var(--ink-2);font-size:var(--ll-text-xs)}
:where(.ll-coach-controls) .pf-tegel{transition:transform .15s,box-shadow .15s,background .15s,border-color .15s}
:where(.ll-coach-controls) .pf-tegel:hover,:where(.ll-coach-controls) .pf-tegel:focus-visible,:where(.ll-coach-controls) .pf-tegel-warm:hover,:where(.ll-coach-controls) .pf-tegel-warm:focus-visible{border-color:var(--brand);background:var(--brand-soft);transform:translateY(-2px);box-shadow:var(--ll-legacy-surface-box-shadow-21)}
:where(.ll-coach-controls) .pf-kaart{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--ll-radius-lg);padding:var(--ll-legacy-surface-padding-22);margin:0}
:where(.ll-coach-controls) .pf-kaart>h3{margin:var(--ll-legacy-surface-margin-1);font-size:var(--ll-legacy-surface-font-size-12);color:var(--ink-2);text-transform:uppercase;letter-spacing:.02em}
:where(.ll-coach-controls) .pf-tegel-warm{display:grid;gap:var(--ll-legacy-surface-gap-18);text-align:left;padding:var(--ll-legacy-surface-padding-8);border:1.5px solid var(--line);border-radius:var(--ll-legacy-surface-border-radius-2);background:var(--bg);color:var(--ink);font:inherit;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s}
:where(.ll-coach-controls) .pf-tegel-warm b{font-size:var(--ll-title-md)}
:where(.ll-coach-controls) .pf-tegel-warm span{font-size:var(--ll-legacy-surface-font-size-23);font-weight:var(--ll-weight-bold)}
:where(.ll-coach-controls) .pf-tegel-warm small{color:var(--ink-2);font-size:var(--ll-legacy-surface-font-size-24)}
:where(.ll-coach-controls) .pf-tegel-warm.pf-let{border-color:var(--warn)}
:where(.ll-coach-controls) .pf-leeg-vriendelijk{padding:var(--ll-legacy-surface-padding-25);color:var(--ink-2);font-size:var(--ll-text-sm);line-height:var(--ll-legacy-surface-line-height-26)}
:where(.ll-coach-controls) .klasgroep{position:relative}
:where(.ll-coach-controls) .ll-lijst{list-style:none;margin:var(--ll-legacy-surface-margin-27);padding:0;display:grid;gap:var(--ll-space-2)}
:where(.ll-coach-controls) .ll-rij{display:flex;gap:var(--ll-space-3);align-items:center;padding:var(--ll-legacy-surface-padding-28);border:1.5px solid var(--line);border-radius:var(--ll-legacy-surface-border-radius-2);background:var(--surface)}
:where(.ll-coach-controls) .ll-rij.gelezen{border-left:8px solid var(--brand)}
:where(.ll-coach-controls) button.ll-rij{width:100%;text-align:left;font:inherit;color:var(--ink);cursor:pointer}
:where(.ll-coach-controls) .ll-rij .meta,:where(.ll-coach-controls) details.paneel{display:block}
:where(.ll-coach-controls) .moment-evaluatie-samenvatting{margin:var(--ll-legacy-surface-margin-29);padding:var(--ll-legacy-surface-padding-4);border-radius:var(--ll-legacy-surface-border-radius-30);background:var(--brand-soft)}
:where(.ll-coach-controls) .moment-evaluatie-samenvatting p{margin:var(--ll-legacy-surface-margin-31)}
:where(.ll-coach-controls) .paneel{border:1.5px solid var(--line);border-radius:var(--ll-legacy-surface-border-radius-2);background:var(--surface);padding:var(--ll-legacy-surface-padding-32);margin:var(--ll-legacy-surface-margin-33);display:grid;gap:var(--ll-space-3);transition:border-color .15s,box-shadow .15s}
:where(.ll-coach-controls) .paneel:has(>summary:hover),:where(.ll-coach-controls) .paneel:has(>summary:focus-visible){border-color:var(--brand);box-shadow:var(--ll-legacy-surface-box-shadow-34)}
:where(.ll-coach-controls) .paneel>summary{cursor:pointer;border-radius:var(--ll-legacy-surface-border-radius-30);transition:background .15s}
:where(.ll-coach-controls) .paneel>summary:hover,:where(.ll-coach-controls) .paneel>summary:focus-visible{background:var(--brand-soft)}
:where(.ll-coach-controls) .stats{display:flex;gap:var(--ll-legacy-surface-gap-35);flex-wrap:wrap;margin:var(--ll-legacy-surface-margin-36)}
:where(.ll-coach-controls) .stat{padding:var(--ll-legacy-surface-padding-3);border-radius:var(--ll-radius-pill);background:var(--brand-soft);font-size:var(--ll-legacy-surface-font-size-12);color:var(--ink)}
:where(.ll-coach-controls) .stat.aandacht{background:var(--warn-soft)}
:where(.ll-coach-controls) .lijst{list-style:none;margin:var(--ll-legacy-surface-margin-33);padding:0;border-top:1.5px solid var(--line)}
:where(.ll-coach-controls) .lijst>li{border-bottom:1.5px solid var(--line)}
:where(.ll-coach-controls) .kind-rij{display:grid;grid-template-columns:auto 1fr auto;gap:var(--ll-legacy-surface-gap-37);align-items:center;width:100%;min-height:64px;padding:var(--ll-legacy-surface-padding-25);border:0;background:none;text-align:left}
:where(.ll-coach-controls) .kind-rij .badge{grid-column:2 / -1;justify-self:start}
:where(.ll-coach-controls) .chip{display:inline-block;padding:var(--ll-legacy-surface-padding-14);border-radius:var(--ll-radius-pill);background:var(--blue-soft);color:var(--blue);font-size:var(--ll-text-sm);font-weight:var(--ll-weight-bold)}
:where(.ll-coach-controls) .badge{display:inline-block;padding:var(--ll-legacy-surface-padding-38);border-radius:var(--ll-legacy-surface-border-radius-39);font-size:var(--ll-text-sm);font-weight:var(--ll-weight-bold)}
:where(.ll-coach-controls) .badge.omhoog{background:var(--brand-soft);color:var(--leaf-text)}
:where(.ll-coach-controls) .badge.blijven,:where(.ll-coach-controls) .badge.geen,:where(.ll-coach-controls) .banner.zacht{background:var(--blue-soft);color:var(--blue)}
:where(.ll-coach-controls) .badge.omlaag,:where(.ll-coach-controls) .badge.aandacht{background:var(--warn-soft);color:var(--warn)}
:where(.ll-coach-controls) .leeg{padding:var(--ll-legacy-surface-padding-40);color:var(--ink-2)}
:where(.ll-coach-controls) .leeg-blok{padding:var(--ll-legacy-surface-padding-41)}
:where(.ll-coach-controls) .leeg-blok p{margin-bottom:var(--ll-space-3)}
:where(.ll-coach-controls) .banner{background:var(--warn-soft);color:var(--warn);padding:var(--ll-legacy-surface-padding-28);border-radius:var(--ll-legacy-surface-border-radius-30);margin-bottom:var(--ll-legacy-surface-margin-bottom-42);font-size:var(--ll-legacy-surface-font-size-12);display:grid;gap:var(--ll-legacy-surface-gap-43);justify-items:start}
:where(.ll-coach-controls) .chip.oef{background:var(--brand-soft);color:var(--leaf-text);display:inline-flex;align-items:center;gap:var(--ll-space-1);padding:var(--ll-legacy-surface-padding-44)}
:where(.ll-coach-controls) .notities{list-style:none;padding:0;margin:0}
:where(.ll-coach-controls) .notitie{padding:var(--ll-legacy-surface-padding-45);border-bottom:1.5px solid var(--line);display:grid;gap:var(--ll-space-1)}
:where(.ll-coach-controls) .notitie-kop{display:flex;flex-wrap:wrap;gap:var(--ll-legacy-surface-gap-46);align-items:center;font-size:var(--ll-legacy-surface-font-size-47);color:var(--ink-2)}
:where(.ll-coach-controls) .notitie p{white-space:pre-wrap;overflow-wrap:anywhere}
:where(.ll-coach-controls) .chip.auto{background:var(--surface);border:1.5px solid var(--line);color:var(--ink-2)}
:where(.ll-coach-controls) .tekstrij{padding:var(--ll-legacy-surface-padding-48);border-bottom:1.5px solid var(--line);display:grid;gap:var(--ll-space-1)}
:where(.ll-coach-controls) .tekstrij .rijhoofd{display:flex;gap:var(--ll-space-2);align-items:baseline;flex-wrap:wrap}
:where(.ll-coach-controls) .tekstrij .rijknoppen{display:flex;gap:var(--ll-legacy-surface-gap-49);align-items:center;flex-wrap:wrap}
:where(.ll-coach-controls) .tekstrij .knop-stil{justify-self:start}
:where(.ll-coach-controls) .keuzerij{display:grid;gap:var(--ll-legacy-surface-gap-18);width:100%;text-align:left;padding:var(--ll-legacy-surface-padding-50);border:1.5px solid var(--line);border-radius:var(--ll-legacy-surface-border-radius-2);background:var(--surface);margin-bottom:var(--ll-legacy-surface-margin-bottom-51);min-height:64px}
:where(.ll-coach-controls) .keuzerij strong{font-size:var(--ll-legacy-surface-font-size-52)}
:where(.ll-coach-controls) .keuzerij-kind{position:relative;padding:var(--ll-legacy-surface-padding-53);border-radius:var(--ll-radius-legacy-18);min-height:76px;transition:transform .15s,box-shadow .15s}
:where(.ll-coach-controls) .keuzerij-kind strong{font-size:var(--ll-legacy-surface-font-size-54)}
:where(.ll-coach-controls) .keuzerij-kind:hover,:where(.ll-coach-controls) .keuzerij-kind:focus-visible{transform:translateY(-2px);box-shadow:var(--ll-legacy-surface-box-shadow-55)}
:where(.ll-coach-controls) .keuzerij-kind:hover .kiezer-pijl{transform:translateY(-50%) translateX(3px)}
:where(.ll-coach-controls) .materiaal-item{padding-bottom:var(--ll-space-3);border-bottom:1px solid var(--line)}
:where(.ll-coach-controls) .sheet h3{margin-top:var(--ll-legacy-surface-heading-top)}
:where(.ll-admin) .kaart{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--ll-radius-legacy-18);padding:var(--ll-space-5)}
:where(.ll-admin) .dashtegel{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--ll-radius-lg);padding:var(--ll-legacy-surface-padding-56)}
:where(.ll-admin) .dashtegel b{display:block;font-size:var(--ll-legacy-surface-font-size-57);line-height:var(--ll-legacy-surface-line-height-20)}
:where(.ll-admin) .dashtegel .lbl{font-size:var(--ll-text-sm);font-weight:var(--ll-weight-bold);color:var(--ink)}
:where(.ll-admin) .dashtegel .sub{font-size:var(--ll-legacy-surface-font-size-23);color:var(--ink-2)}
:where(.ll-admin) .sectie{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--ll-radius-legacy-18);padding:var(--ll-legacy-surface-padding-58);margin-bottom:var(--ll-legacy-surface-margin-bottom-59)}
:where(.ll-admin) .sectie h2{font-size:var(--ll-legacy-surface-font-size-52);margin:var(--ll-legacy-surface-margin-60)}
:where(.ll-admin) .sectie>.hint,:where(.ll-admin) .gevarenzone p{margin:var(--ll-legacy-surface-margin-1)}
:where(.ll-admin) .aandacht-rij{display:flex;align-items:center;gap:var(--ll-space-3);padding:var(--ll-legacy-surface-padding-61);border:1.5px solid var(--sun);background:var(--sun-soft);border-radius:var(--ll-radius-md);margin-bottom:var(--ll-space-2)}
:where(.ll-admin) .aandacht-rij:last-child{margin-bottom:var(--ll-space-0)}
:where(.ll-admin) .aandacht-rij .ic{flex:none;font-size:var(--ll-text-md)}
:where(.ll-admin) .aandacht-rij span{flex:1;font-weight:var(--ll-weight-bold);font-size:var(--ll-legacy-surface-font-size-47)}
:where(.ll-admin) .aandacht-rij a{font-weight:var(--ll-weight-bold);font-size:var(--ll-legacy-surface-font-size-62);white-space:nowrap}
:where(.ll-admin) .aandacht-ok{display:flex;align-items:center;gap:var(--ll-legacy-surface-gap-35);color:var(--mag);font-weight:var(--ll-weight-bold);padding:var(--ll-legacy-surface-padding-63)}
:where(.ll-admin) .activiteit-rij{display:flex;gap:var(--ll-legacy-surface-gap-49);padding:var(--ll-legacy-surface-padding-48);border-bottom:1px solid var(--line)}
:where(.ll-admin) .activiteit-rij:last-child{border-bottom:var(--ll-space-0)}
:where(.ll-admin) .activiteit-tijd{flex:none;width:78px;color:var(--ink-2);font-size:var(--ll-legacy-surface-font-size-23);padding-top:var(--ll-legacy-surface-padding-top-64)}
:where(.ll-admin) .activiteit-tekst b{font-weight:var(--ll-weight-bold)}
:where(.ll-admin) .activiteit-tekst .sub{color:var(--ink-2);font-size:var(--ll-legacy-surface-font-size-13)}
:where(.ll-admin) .leeg-staat{padding:var(--ll-legacy-surface-padding-65);text-align:center;color:var(--ink-2)}
:where(.ll-admin) .leeg-staat .groot{font-size:var(--ll-legacy-surface-font-size-66);margin-bottom:var(--ll-legacy-surface-margin-bottom-67)}
:where(.ll-admin) .leeg-staat b{display:block;color:var(--ink);font-size:var(--ll-text-md);margin-bottom:var(--ll-space-1)}
:where(.ll-admin) .chip{display:inline-flex;align-items:center;gap:var(--ll-legacy-surface-gap-68);padding:var(--ll-legacy-surface-padding-69);border-radius:var(--ll-radius-pill);font-size:var(--ll-legacy-surface-font-size-23);font-weight:var(--ll-weight-bold)}
:where(.ll-admin) .chip::before{content:'';width:7px;height:7px;border-radius:var(--ll-radius-round);background:currentColor}
:where(.ll-admin) .chip-actief{background:var(--mag-soft);color:var(--mag)}
:where(.ll-admin) .chip-uitgenodigd{background:var(--blue-soft);color:var(--blue)}
:where(.ll-admin) .chip-nietgekoppeld{background:var(--sun-soft);color:var(--sun)}
:where(.ll-admin) .chip-geblokkeerd{background:var(--moet-soft);color:var(--moet)}
:where(.ll-admin) .chip-auto{background:var(--brand-soft);color:var(--leaf-text);padding:var(--ll-legacy-surface-padding-70)}
:where(.ll-admin) .chip-auto::before{content:none}
:where(.ll-admin) .gevarenzone{border:1.5px solid var(--moet);background:var(--moet-soft);border-radius:var(--ll-radius-lg);padding:var(--ll-legacy-surface-padding-71)}
:where(.ll-admin) .gevarenzone h2{color:var(--moet);margin:var(--ll-legacy-surface-margin-60)}
:where(.ll-admin) .org-kaart{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ll-legacy-surface-gap-35);padding:var(--ll-legacy-surface-padding-58);border:1.5px solid var(--line);border-radius:var(--ll-radius-legacy-18);background:var(--surface);color:var(--ink);text-align:left;font:inherit;cursor:pointer}
:where(.ll-admin) .org-kaart:hover,:where(.ll-admin) .org-kaart:focus-visible{border-color:var(--brand);background:var(--brand-soft)}
:where(.ll-admin) .org-kaart strong{font-size:var(--ll-legacy-surface-font-size-52)}
:where(.ll-admin) .klas-groep{border:1.5px solid var(--line);border-radius:var(--ll-legacy-surface-border-radius-2);background:var(--surface)}
:where(.ll-admin) .klas-groep summary{cursor:pointer;padding:var(--ll-space-4)}
:where(.ll-admin) .klas-groep summary span{float:right;color:var(--ink-2);font-size:var(--ll-text-sm)}
:where(.ll-admin) .modaal-acties{display:flex;justify-content:flex-end;gap:var(--ll-legacy-surface-gap-35);margin-top:var(--ll-legacy-surface-action-top)}
:where(.ll-shared-controls) .coach-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ll-legacy-surface-gap-49);margin-bottom:var(--ll-legacy-surface-margin-bottom-72)}
:where(.ll-shared-controls) .coach-overview>div{padding:var(--ll-legacy-surface-padding-71);background:var(--surface);border:1px solid var(--line);border-radius:var(--ll-legacy-surface-border-radius-73);display:flex;flex-direction:column;align-items:flex-start;box-shadow:var(--shadow-soft)}
:where(.ll-shared-controls) .coach-overview>div:first-child{background:var(--brand-soft)}
:where(.ll-shared-controls) .coach-overview span{font-weight:var(--ll-weight-semibold);font-size:var(--ll-legacy-surface-font-size-13)}
:where(.ll-shared-controls) .coach-overview strong{font-size:var(--ll-title-xl);line-height:var(--ll-legacy-surface-line-height-74);margin:var(--ll-legacy-surface-margin-75);letter-spacing:-.04em}
:where(.ll-shared-controls) .coach-overview small{font-size:var(--ll-text-xs);color:var(--ink-2)}
:where(.ll-shared-controls) .section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ll-space-3);flex-wrap:wrap;margin:var(--ll-legacy-surface-margin-76)}
:where(.ll-shared-controls) .section-heading h3{font-size:var(--ll-legacy-surface-font-size-77)}
:where(.ll-shared-controls) .beheer-heading{margin-top:var(--ll-legacy-surface-margin-top-78)}
:where(.ll-shared-controls) .search-result{display:flex;gap:var(--ll-space-4);align-items:center;text-align:left;width:100%;padding:var(--ll-space-4);border:1px solid var(--line);border-radius:var(--ll-radius-lg);background:var(--surface)}
:where(.ll-shared-controls) .search-result>span:nth-child(2){flex:1}
:where(.ll-shared-controls) .search-result small{display:block;color:var(--ink-2);font-size:var(--ll-legacy-surface-font-size-13)}
:where(.ll-shared-controls) .klasgroep{border:1px solid var(--line);border-radius:var(--ll-legacy-surface-border-radius-73);padding:var(--ll-legacy-surface-padding-79);margin:var(--ll-legacy-surface-margin-1);box-shadow:var(--shadow-soft)}
:where(.ll-shared-controls) .stat{font-size:var(--ll-text-xs);padding:var(--ll-legacy-surface-padding-80);border-radius:var(--ll-radius-sm)}
:where(.ll-shared-controls) .kind-rij{min-height:84px}
:where(.ll-shared-controls) .badge,:where(.ll-shared-controls) .chip{font-size:var(--ll-text-xs)}
:where(.ll-shared-controls) .paneel{border:1px solid var(--line);border-radius:var(--ll-radius-legacy-18);background:var(--surface);padding:var(--ll-legacy-surface-padding-81);margin:var(--ll-legacy-surface-margin-82)}
:where(.ll-shared-controls) .paneel>summary{min-height:38px;display:list-item;padding:var(--ll-legacy-surface-padding-83);font-size:var(--ll-legacy-surface-font-size-12);font-weight:var(--ll-weight-semibold);cursor:pointer}
:where(.ll-shared-controls) .paneel[open]>summary{margin-bottom:var(--ll-space-4)}
:where(.ll-shared-controls) .paneel form{max-width:700px}
:where(.ll-shared-controls) .leeg-blok{padding:var(--ll-legacy-surface-padding-84);background:var(--surface);border:1px dashed var(--line);border-radius:var(--ll-radius-legacy-18)}
:where(.ll-shared-controls) .leeg-blok p{margin-bottom:var(--ll-space-3)}
:where(.ll-shared-controls) .student-view .keuzerij-kind{position:relative;border:1px solid var(--line);border-left:4px solid var(--line);padding:var(--ll-legacy-surface-padding-85);margin:var(--ll-legacy-surface-margin-86);border-radius:var(--ll-radius-legacy-18);background:var(--surface);min-height:98px}
:where(.ll-shared-controls) .student-view .keuzerij-kind strong{font-size:var(--ll-legacy-surface-font-size-52)}
:where(.ll-shared-controls) .student-view .keuzerij-kind .meta{display:block;margin-top:var(--ll-legacy-surface-margin-top-87);font-size:var(--ll-legacy-surface-font-size-13)}
:where(.ll-shared-controls) .student-view .keuzerij-kind.moet{border-left-color:var(--brand)}
:where(.ll-shared-controls) .student-view .keuzerij-kind.mag{border-left-color:var(--line)}
:where(.ll-shared-controls) .student-view .mm-chip.moet{color:var(--leaf-text);background:var(--brand-soft);border-color:var(--line)}
:where(.ll-shared-controls) .pf-kaart{border:1px solid var(--line);border-radius:var(--ll-legacy-surface-border-radius-73)}
@media(max-width:760px){:where(.ll-shared-controls) .coach-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ll-legacy-surface-gap-35)}}
@media(max-width:760px){:where(.ll-shared-controls) .coach-overview>div{padding:var(--ll-space-4)}}
@media(max-width:760px){:where(.ll-shared-controls) .coach-overview small{font-size:var(--ll-legacy-surface-font-size-24)}}
@media(max-width:520px){:where(.ll-shared-controls) .klasgroep{padding:var(--ll-legacy-surface-padding-28)}}
@media(max-width:520px){:where(.ll-shared-controls) .kind-rij{gap:var(--ll-space-2)}}
:where(.ll-shared-controls) .platform-admin .kaart{border:1px solid var(--line);border-radius:var(--ll-legacy-surface-border-radius-88);box-shadow:var(--shadow-soft)}
:where(.ll-coach-controls) .coach-inhoud .coach-overview{gap:var(--ll-space-3)}
:where(.ll-coach-controls) .coach-inhoud .coach-overview>div{padding:var(--ll-space-4)}
:where(.ll-coach-controls) .coach-inhoud .coach-overview strong{font-size:var(--ll-legacy-surface-font-size-19)}
:where(.ll-coach-controls) .materiaal-uitleg>summary{padding:var(--ll-legacy-surface-padding-89);cursor:pointer;color:var(--ink-2)}
:where(.ll-coach-controls) .materiaal-uitleg[open]{padding:var(--ll-legacy-surface-padding-90);background:var(--surface);border:1px solid var(--line);border-radius:var(--ll-legacy-surface-border-radius-2)}
:where(.ll-coach-controls) .materiaal-item{border:1px solid var(--line);background:var(--surface);border-radius:var(--ll-legacy-surface-border-radius-91);padding:var(--ll-legacy-surface-padding-92);margin-bottom:var(--ll-legacy-surface-margin-bottom-51)}
:where(.ll-coach-controls) .materiaal-item[hidden]{display:none!important}
:where(.ll-coach-controls) .materiaal-item .tekstrij{padding:0;border:0}
:where(.ll-coach-controls) .materiaal-item .tekstkeuze-rij{border:0;padding:0}
:where(.ll-coach-controls) .materiaal-preview{background:var(--brand-soft);border-radius:var(--ll-legacy-surface-border-radius-73);padding:var(--ll-legacy-surface-padding-58);max-height:66vh;overflow:auto;scrollbar-width:thin;scroll-margin-top:18px}
:where(.ll-coach-controls) .materiaal-preview:focus-visible{outline:3px solid var(--brand);outline-offset:3px}
:where(.ll-coach-controls) .materiaal-preview h3{font-size:var(--ll-legacy-surface-font-size-93);margin:var(--ll-legacy-surface-margin-94)}
@media(max-width:899px){:where(.ll-coach-controls) .materiaal-preview{max-height:55vh}}
@media(max-width:899px){:where(.ll-coach-controls) .coach-inhoud .coach-overview{grid-template-columns:1fr 1fr}}
:where(.ll-coach-controls) .coach-reading-list .paneel,:where(.ll-coach-controls) .coach-reading-detail{ padding: var(--ll-legacy-surface-padding-95); }
:where(.ll-coach-controls) .coach-reading-completion{ margin-top: var(--ll-space-5); padding-top: var(--ll-space-4); border-top: 1px solid var(--line); }
:where(.ll-child-controls) .lw-kaart{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:var(--ll-legacy-surface-padding-96);margin:0 0 var(--lw-ruimte-3)}
:where(.ll-child-controls) .lw-kaart-zacht{background:var(--brand-soft);border-color:transparent;box-shadow:none}
:where(.ll-child-controls) .lw-kaart>:last-child{margin-bottom:var(--ll-space-0)}
:where(.ll-child-controls) .lw-tegel{position:relative;display:grid;gap:var(--ll-space-1);width:100%;min-height:86px;padding:var(--ll-legacy-surface-padding-97);border:1.5px solid var(--line);border-left:4px solid var(--line);border-radius:var(--lw-radius-tegel);background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}
:where(.ll-child-controls) .lw-tegel strong{font-size:var(--ll-legacy-surface-font-size-52);line-height:var(--ll-legacy-surface-line-height-74)}
:where(.ll-child-controls) .lw-tegel .lw-meta{font-size:var(--ll-legacy-surface-font-size-13);color:var(--ink-2)}
:where(.ll-child-controls) .lw-tegel:hover,:where(.ll-child-controls) .lw-tegel:focus-visible{border-color:var(--brand);transform:translateY(-2px);box-shadow:var(--ll-legacy-surface-box-shadow-55)}
:where(.ll-child-controls) .lw-paneel{margin:0 0 var(--lw-ruimte-3);padding:var(--lw-ruimte-3) var(--lw-ruimte-4);border:1.5px solid var(--line);border-radius:var(--lw-radius-tegel);background:var(--surface)}
:where(.ll-child-controls) .lw-paneel h2{margin:0 0 var(--lw-ruimte-2);font-size:var(--ll-text-lg)}
:where(.ll-child-controls) .lw-paneel h3{margin:var(--lw-ruimte-2) 0 6px;font-size:var(--ll-legacy-surface-font-size-12);color:var(--ink-2)}
:where(.ll-child-controls) .lw-paneel p{font-size:var(--ll-legacy-surface-font-size-12);color:var(--ink-2)}
@media(max-width:600px){:where(.ll-child-controls) .lw-paneel{padding:var(--lw-ruimte-3)}}
:where(.ll-login-surfaces) .kaart{position:relative;text-align:center;padding:var(--ll-legacy-surface-padding-98);background:var(--ll-white);border:var(--ll-legacy-surface-border-99);border-radius:var(--ll-legacy-surface-border-radius-100);box-shadow:var(--ll-legacy-surface-box-shadow-101);min-height:365px}
:where(.ll-login-surfaces) .kaart p{margin:var(--ll-legacy-surface-margin-33);color:#60736d}
@media(max-width:760px){:where(.ll-login-surfaces) .kaart{min-height:var(--ll-space-0)}}
:where(.ll-login-surfaces) .kaart{transition:border-color .2s,background-color .2s;cursor:pointer}
:where(.ll-login-surfaces) .kaart:not(.actief){border-color:#dce7df;background:var(--ll-white)}
:where(.ll-login-surfaces) .qr-kaart.actief{border-color:#2d7059;background:var(--ll-legacy-surface-background-102)}
:where(.ll-login-surfaces) .pin-kaart.actief{border-color:#7d689d;background:var(--ll-legacy-surface-background-103)}
:where(.ll-login-surfaces) .account-kaart.actief{border-color:#9a702d;background:var(--ll-legacy-surface-background-104)}
:where(.ll-shared-surfaces) .fiche-basis{display:grid;grid-template-columns:1fr 1fr;gap:var(--ll-legacy-surface-gap-105);padding:var(--ll-legacy-surface-padding-106);background:var(--brand-soft,#edf3ee);border-radius:var(--ll-radius-legacy-18);margin-bottom:var(--ll-space-5)}
:where(.ll-shared-surfaces) .coach-inhoud .opname-inst,:where(.ll-shared-surfaces) .coach-inhoud .sessiekaart,:where(.ll-shared-surfaces) .coach-inhoud .ladder-vak{border-radius:var(--ll-legacy-surface-border-radius-73);padding:var(--ll-legacy-surface-padding-58);border:1px solid var(--line,#dbe5df);margin:var(--ll-legacy-surface-margin-107)}
:where(.ll-shared-surfaces) .sheet .paneel,:where(.ll-shared-surfaces) .modaal fieldset{border-radius:var(--ll-radius-lg)}
:where(.ll-shared-surfaces) .modaal-acties,:where(.ll-shared-surfaces) .sheet .onderaan{display:flex;gap:var(--ll-space-3);flex-wrap:wrap;margin-top:var(--ll-legacy-surface-margin-top-108);padding-top:var(--ll-legacy-surface-padding-top-109);border-top:1px solid var(--line,#dbe5df)}
@media(max-width:600px){:where(.ll-shared-surfaces) .fiche-basis{grid-template-columns:1fr;padding:var(--ll-space-4)}}
:where(.ll-shared-surfaces) .org-kaart,:where(.ll-shared-surfaces) .klas-groep{border-radius:var(--ll-legacy-surface-border-radius-73)!important}
:where(.ll-coach-controls) .personal-section{border-top:1px solid var(--account-line);padding:var(--ll-legacy-surface-padding-110);margin-top:var(--ll-space-4)}
:where(.ll-coach-controls) .personal-section h3{font-size:var(--ll-legacy-surface-font-size-13);text-transform:uppercase;letter-spacing:.09em;margin:var(--ll-legacy-surface-margin-33)}
:where(.ll-coach-controls) .pf-warning{padding:var(--ll-space-3);border:var(--ll-legacy-surface-border-111);border-radius:var(--ll-legacy-surface-border-radius-2);background:var(--account-mint);margin-bottom:var(--ll-legacy-surface-margin-bottom-112)}
:where(.ll-coach-controls) .pf-warning p{margin:var(--ll-legacy-surface-margin-113)}
:where(.ll-coach-controls) .data-section{border-top:1px solid var(--account-line);padding-top:var(--ll-space-4);margin-top:var(--ll-legacy-surface-margin-top-114)}
:where(.ll-coach-controls) .data-section .acties{margin-top:var(--ll-legacy-surface-margin-top-115)}
:where(.ll-coach-controls) .data-section .hint{max-width:68ch}

@media(min-width:1024px){.p2b-library>.p2b-filter-stack>.p2b-control-row{grid-column:1 / -1}}
@media(min-width:1024px){.p2b-library>.p2b-filter-stack>.ll-tabs{align-self:end}}
@media(min-width:1024px){.p2b-library .p2b-search-block>.hint{grid-column:1 / -1}}

/* Native Leeshulp L-A: opt-in primitives, nog geen reading UI-migratie. */
.ll-slider{display:grid;gap:var(--ll-space-1);min-width:var(--ll-space-0);font:inherit;color:var(--ll-ink)}
.ll-slider__line{display:flex;align-items:center;justify-content:space-between;gap:var(--ll-space-2)}
.ll-slider__line>output{font-weight:var(--ll-weight-semibold)}
.ll-slider__input{appearance:none;box-sizing:border-box;width:100%;height:var(--ll-control-size-md);min-height:var(--ll-control-size-md);margin:var(--ll-space-0);padding:var(--ll-space-0);border:0;background:transparent;cursor:pointer;--ll-slider-position:0%}
.ll-slider__input::-webkit-slider-runnable-track{height:var(--ll-slider-track);border-radius:var(--ll-radius-pill);background:linear-gradient(to right,var(--ll-brand-600) var(--ll-slider-position),var(--ll-line-strong) var(--ll-slider-position))}
.ll-slider__input::-moz-range-track{height:var(--ll-slider-track);border-radius:var(--ll-radius-pill);background:var(--ll-line-strong)}
.ll-slider__input::-moz-range-progress{height:var(--ll-slider-track);border-radius:var(--ll-radius-pill);background:var(--ll-brand-600)}
.ll-slider__input::-webkit-slider-thumb{appearance:none;box-sizing:border-box;width:var(--ll-slider-thumb);height:var(--ll-slider-thumb);margin-top:var(--ll-slider-thumb-offset);border:var(--ll-border-width-strong) solid var(--ll-brand-600);border-radius:var(--ll-radius-round);background:var(--ll-surface)}
.ll-slider__input::-moz-range-thumb{box-sizing:border-box;width:var(--ll-slider-thumb);height:var(--ll-slider-thumb);border:var(--ll-border-width-strong) solid var(--ll-brand-600);border-radius:var(--ll-radius-round);background:var(--ll-surface)}
.ll-slider__input:focus-visible{outline:none}
.ll-slider__input:focus-visible::-webkit-slider-thumb{outline:var(--ll-border-width-strong) solid var(--ll-focus);outline-offset:var(--ll-focus-offset)}
.ll-slider__input:focus-visible::-moz-range-thumb{outline:var(--ll-border-width-strong) solid var(--ll-focus);outline-offset:var(--ll-focus-offset)}
.ll-slider__input:disabled{opacity:var(--ll-control-disabled-opacity);cursor:default}
.ll-swatch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--ll-swatch-sample-width),max-content));gap:var(--ll-space-3)}
.ll-swatch{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:var(--ll-control-size-md);min-height:var(--ll-control-size-md);padding:var(--ll-space-0);border:0;border-radius:var(--ll-radius-md);background:transparent;color:var(--ll-ink);font:inherit;cursor:pointer}
.ll-swatch--sample{width:var(--ll-swatch-sample-width);height:var(--ll-control-size-md)}
.ll-swatch__face{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;border:var(--ll-border-width) solid var(--ll-reading-line);border-radius:inherit;background:var(--ll-reading-background);color:var(--ll-reading-foreground)}
.ll-swatch--color>.ll-swatch__face{width:var(--ll-swatch-color-size);height:var(--ll-swatch-color-size);border-radius:var(--ll-radius-sm);background:var(--ll-swatch-color);border-color:var(--ll-line-strong)}
.ll-swatch__check{position:absolute;inset-block-start:0;inset-inline-end:0;padding:var(--ll-space-0) var(--ll-space-1);border-radius:var(--ll-radius-sm);background:var(--ll-surface);color:var(--ll-ink);font-size:var(--ll-text-xs);font-weight:var(--ll-weight-bold)}
.ll-swatch[aria-checked=false]>.ll-swatch__check{visibility:hidden}
.ll-swatch[aria-checked=true]{outline:var(--ll-border-width-strong) solid var(--ll-focus);outline-offset:var(--ll-focus-offset)}
.ll-swatch:focus-visible{outline:var(--ll-border-width-strong) dashed var(--ll-focus);outline-offset:var(--ll-focus-offset)}
.ll-swatch--static{gap:var(--ll-space-2);justify-content:flex-start;cursor:default}
.ll-swatch:disabled{opacity:var(--ll-control-disabled-opacity);cursor:default}
[data-read-bg="auto"]{--ll-reading-background:var(--ll-read-bg-auto);--ll-reading-foreground:var(--ll-read-ink-auto);--ll-reading-line:var(--ll-read-line-auto)}
[data-read-bg="pureWhite"]{--ll-reading-background:var(--ll-read-bg-white);--ll-reading-foreground:var(--ll-read-ink-white);--ll-reading-line:var(--ll-read-line-white)}
[data-read-bg="dark"]{--ll-reading-background:var(--ll-read-bg-dark);--ll-reading-foreground:var(--ll-read-ink-dark);--ll-reading-line:var(--ll-read-line-dark)}
[data-read-bg="cream"]{--ll-reading-background:var(--ll-read-bg-cream);--ll-reading-foreground:var(--ll-read-ink-cream);--ll-reading-line:var(--ll-read-line-cream)}
[data-read-bg="green"]{--ll-reading-background:var(--ll-read-bg-green);--ll-reading-foreground:var(--ll-read-ink-green);--ll-reading-line:var(--ll-read-line-green)}
[data-read-bg="blue"]{--ll-reading-background:var(--ll-read-bg-blue);--ll-reading-foreground:var(--ll-read-ink-blue);--ll-reading-line:var(--ll-read-line-blue)}
[data-read-bg="yellow"]{--ll-reading-background:var(--ll-read-bg-yellow);--ll-reading-foreground:var(--ll-read-ink-yellow);--ll-reading-line:var(--ll-read-line-yellow)}
[data-read-bg="mint"]{--ll-reading-background:var(--ll-read-bg-mint);--ll-reading-foreground:var(--ll-read-ink-mint);--ll-reading-line:var(--ll-read-line-mint)}
[data-read-bg="lavender"]{--ll-reading-background:var(--ll-read-bg-lavender);--ll-reading-foreground:var(--ll-read-ink-lavender);--ll-reading-line:var(--ll-read-line-lavender)}
[data-read-bg="peach"]{--ll-reading-background:var(--ll-read-bg-peach);--ll-reading-foreground:var(--ll-read-ink-peach);--ll-reading-line:var(--ll-read-line-peach)}
[data-read-bg]{--ll-wc-purple:var(--ll-wc-purple-light);--ll-wc-terracotta:var(--ll-wc-terracotta-light);--ll-wc-green:var(--ll-wc-green-light);--ll-wc-ochre:var(--ll-wc-ochre-light);--ll-wc-blue:var(--ll-wc-blue-light)}
[data-read-bg="dark"],:root[data-theme="dark"] [data-read-bg="auto"]{--ll-wc-purple:var(--ll-wc-purple-dark);--ll-wc-terracotta:var(--ll-wc-terracotta-dark);--ll-wc-green:var(--ll-wc-green-dark);--ll-wc-ochre:var(--ll-wc-ochre-dark);--ll-wc-blue:var(--ll-wc-blue-dark)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) [data-read-bg="auto"]{--ll-wc-purple:var(--ll-wc-purple-dark);--ll-wc-terracotta:var(--ll-wc-terracotta-dark);--ll-wc-green:var(--ll-wc-green-dark);--ll-wc-ochre:var(--ll-wc-ochre-dark);--ll-wc-blue:var(--ll-wc-blue-dark)}}
[data-wc-color="purple"]{--ll-swatch-color:var(--ll-wc-purple)}
[data-wc-color="terracotta"]{--ll-swatch-color:var(--ll-wc-terracotta)}
[data-wc-color="green"]{--ll-swatch-color:var(--ll-wc-green)}
[data-wc-color="ochre"]{--ll-swatch-color:var(--ll-wc-ochre)}
[data-wc-color="blue"]{--ll-swatch-color:var(--ll-wc-blue)}
.ll-reading-surface{background:var(--ll-reading-background);color:var(--ll-reading-foreground);border-color:var(--ll-reading-line)}
.ll-reading-layout{display:grid;grid-template-columns:minmax(0,1fr);min-width:var(--ll-space-0);min-height:var(--ll-space-0);align-items:stretch}
.ll-reading-layout:has(>.ll-drawer--inline:not([hidden])){grid-template-columns:minmax(0,1fr) var(--ll-reading-panel-width)}
.ll-reading-layout>*{min-width:var(--ll-space-0);min-height:var(--ll-space-0)}
.ll-drawer--inline{position:relative;inset:auto;display:flex;flex-direction:column;width:var(--ll-reading-panel-width);height:100%;max-height:100dvh;overflow:hidden;padding:var(--ll-space-4);border-inline-start:var(--ll-border-width) solid var(--ll-line);box-shadow:var(--ll-shadow-0)}
.ll-drawer--inline[hidden]{display:none}
.ll-drawer--inline>.ll-scroll-region{flex:1}
.ll-drawer--inline>.ll-section-header{flex:none}
.ll-drawer--inline .ll-swatch-grid{padding:calc(var(--ll-border-width-strong) + var(--ll-focus-offset))}
.ll-drawer__handle{display:none}
@media(max-width:1023px){.ll-reading-layout:has(>.ll-drawer--inline:not([hidden])){grid-template-columns:minmax(0,1fr)}.ll-drawer--inline{position:fixed;inset: auto 0 0;width:100%;height:var(--ll-reading-panel-sheet-height);max-height:var(--ll-reading-panel-full-height);border-inline-start:0;border-top:var(--ll-border-width) solid var(--ll-line);border-radius:var(--ll-reading-panel-radius)}.ll-drawer--inline.ll-drawer--full{height:var(--ll-reading-panel-full-height)}.ll-drawer__handle{display:block;flex:none;width:var(--ll-space-7);height:var(--ll-space-1);margin:var(--ll-reading-panel-handle-margin);border-radius:var(--ll-radius-pill);background:var(--ll-line-strong)}}
@media(max-width:1023px){.ll-reading-layout:has(>.ll-drawer--inline:not([hidden])){padding-block-end:var(--ll-reading-panel-sheet-height)}}
@media(max-width:767px){.ll-reading-layout,.ll-drawer--inline{--ll-reading-panel-sheet-height:var(--ll-reading-panel-mobile-height)}}
.ll-icon-button--primary{background:var(--ll-brand-600);border-color:var(--ll-brand-600);color:var(--ll-white)}
.ll-icon-button--lg{width:var(--ll-control-size-lg);height:var(--ll-control-size-lg);min-width:var(--ll-control-size-lg);min-height:var(--ll-control-size-lg)}
.ll-icon-button--primary[aria-busy=true]{outline:var(--ll-border-width-strong) dashed var(--ll-focus);outline-offset:var(--ll-focus-offset)}

/* Live reading display uses the same minimum tokens without legacy !important aliases. */
.ll-reading-surface.ll-reading-text{background:var(--ll-reading-background);color:var(--ll-reading-foreground);border-color:var(--ll-reading-line);font-size:calc(var(--ll-reading-text-size) * var(--support-size,var(--ll-read-size-standard)));line-height:var(--support-line,var(--ll-read-line-normal));letter-spacing:var(--support-spacing,var(--ll-read-letter-standard));max-width:var(--support-width,var(--ll-read-width-normal));font-family:var(--ll-font-ui)}
.ll-reading-text.sup-fontFamily-andika{font-family:var(--ll-font-reading-alt)}
@media(max-width:600px){.ll-reading-surface.ll-reading-text{font-size:calc(var(--ll-reading-text-size-mobile) * var(--support-size,var(--ll-read-size-standard)))}}
.ll-drawer--inline .ll-tabs{margin-bottom:var(--ll-space-4)}
.ll-drawer--inline fieldset{border:0;padding:var(--ll-space-0);margin:var(--ll-space-4) var(--ll-space-0)}
.ll-drawer--inline legend,.ll-drawer--inline h3{font-size:var(--ll-text-md);font-weight:var(--ll-weight-semibold)}
.ll-drawer--inline .ll-list-row>.lw-tekst,.support-reading-editor .ll-list-row>.lw-tekst{flex:none;width:auto;min-width:var(--ll-space-0);padding:var(--ll-space-1) var(--ll-space-2);margin:var(--ll-space-0);font:inherit;font-size:var(--ll-text-sm);line-height:var(--ll-read-line-normal);background:var(--ll-reading-background);color:var(--ll-reading-foreground);border:0;border-radius:var(--ll-radius-sm);box-shadow:var(--ll-shadow-0)}
.ll-drawer--inline .ll-section-header{gap:var(--ll-space-2);flex-wrap:wrap}
.ll-drawer--inline .ll-section-header h2{margin-inline-end:auto}
@media(min-width:1024px){.ll-reading-layout>.ll-drawer--inline{position:sticky;top:var(--ll-space-4);height:calc(100dvh - var(--ll-reading-panel-offset,var(--ll-space-4)) - var(--ll-space-4));z-index:var(--ll-z-raised)}}
@media(max-width:1023px){.ll-reading-layout>.ll-drawer--inline{z-index:var(--ll-z-overlay)}}

/* P2B.3 reading composition. Controls themselves use central primitives. */
.lw-pagina #melding:empty{display:none}.lw-acties:has(>button[hidden]){display:none}
.lw-kop>.ll-logo{margin-inline-end:auto}.lw-kop>.ll-icon-button{flex:none}.lw-kop-acties{margin-inline-start:auto}
.lw-child-profile>button span{display:inline}
body[data-leesfase=read] main:has(.ll-drawer--inline:not([hidden])){max-width:none}
.lw-reading-workspace{gap:var(--ll-space-5);align-items:start}
.lw-reading-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--ll-space-3);flex-wrap:wrap;margin-bottom:var(--ll-space-4)}
.lw-reading-tools{display:flex;align-items:center;gap:var(--ll-space-2);flex-wrap:wrap}
.lw-reading-toolbar .lees-titel{margin:var(--ll-space-0)}
.lw-voorlees{position:sticky;bottom:var(--ll-space-2);z-index:var(--ll-z-sticky);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--ll-space-3);padding:var(--ll-space-2) var(--ll-space-3);margin-top:var(--ll-space-4);background:var(--ll-surface);border-radius:var(--ll-radius-pill);box-shadow:var(--ll-shadow-1)}
.lw-voorlees>.lw-timer{text-align:end;margin:var(--ll-space-0)}
[data-reading-media]{display:flex;align-items:center;gap:var(--ll-space-2)}
[data-reading-media]>[role=status]{font-size:var(--ll-text-sm)}
.lw-reading-end{display:flex;gap:var(--ll-space-3);justify-content:center;margin-block:var(--ll-space-4)}
.lw-reading-content .lw-tekst{scroll-padding-block:var(--ll-space-8);scroll-margin-bottom:var(--ll-space-8)}
.lw-tekst.ll-reading-surface.ll-reading-text .woord.lw-line-dim{opacity:var(--ll-read-dim-opacity);transition:opacity var(--ll-duration-base)}
@media(max-width:1023px){.lw-child-profile>button span{display:none}}
@media(max-width:599px){.lw-reading-toolbar{display:block}.lw-reading-tools{margin-block:var(--ll-space-3)}.lw-kop .ll-logo{width:calc(var(--ll-space-8)*2);flex-shrink:1}.lw-kop-acties{gap:var(--ll-space-1)}.lw-voorlees{gap:var(--ll-space-1);padding-inline:var(--ll-space-2)}}
@media(prefers-reduced-motion:reduce){.lw-line-dim{transition:none}}
[data-rustig="1"] .lw-line-dim{transition:none}

/* My Labo canvas surface; the public scene does not opt in. */
.lw-pagina[data-world="labo"],.lw-scene--worlds{background:var(--ll-scene-sky);--ll-quiet-ink:var(--ll-ink-light)}
.lw-scene--worlds{border-radius:var(--ll-space-0)}

/* Shared non-modal panel expansion and contextual tooltip composition. */
@media(min-width:1024px){.ll-drawer__expand{display:none}}
.ll-popover--tooltip{inset:auto auto auto 0;top:calc(100% + var(--ll-space-2));width:max-content;max-width:var(--ll-drawer-width);font-size:var(--ll-text-sm);font-weight:var(--ll-weight-regular);visibility:hidden;pointer-events:none}
.ll-icon-button:has(>.ll-popover--tooltip){position:relative}
.ll-icon-button:is(:hover,:focus-visible)>.ll-popover--tooltip{visibility:visible}

/* GevoelsLabo: goedgekeurde handgetekende vriendjes, begrensde compositie. */

body[data-world="gevoel"]{background:var(--bg);color:var(--ink)}
.gl-welkom{margin:var(--ll-gl-intro-margin);max-width:var(--ll-gl-intro-width)}
.gl-kicker{font-size:var(--ll-gl-kicker-size);font-weight:var(--ll-gl-kicker-weight);letter-spacing:var(--ll-gl-kicker-spacing);color:var(--leaf-text);margin:var(--ll-gl-kicker-margin)}
.gl-welkom h1{font-size:var(--ll-gl-title-size);line-height:var(--ll-gl-title-line);letter-spacing:var(--ll-gl-title-spacing);margin:var(--ll-gl-title-margin)}
.gl-welkom h1 em{font-family:Georgia,serif;font-weight:var(--ll-gl-title-em-weight);color:var(--leaf-text)}
.gl-welkom .lw-intro{font-size:var(--ll-gl-intro-size);line-height:var(--ll-gl-intro-line);color:var(--ink-2)}
.gl-keuzetitel{font-size:var(--ll-gl-section-size);margin:var(--ll-gl-section-margin)}
.lw-emotion-standalone.gl-friendjes .lw-emotion-grid{max-width:none;gap:var(--ll-gl-grid-gap)}
.lw-emotion-standalone.gl-friendjes .lw-emotion{background:var(--surface);border:var(--ll-border-width) solid var(--line);border-radius:var(--ll-gl-card-radius);min-width:var(--ll-gl-card-min-width);min-height:var(--ll-gl-card-height)}
.lw-emotion-standalone.gl-friendjes .lw-emotion img{width:var(--ll-gl-card-image-width);height:var(--ll-gl-card-image-height);max-width:var(--ll-gl-card-image-max)}
body[data-emotion-overview] .lw-emotion>span:not(.lw-emotion-check){max-width:100%;overflow-wrap:anywhere}
.lw-emotion-standalone.gl-friendjes .lw-emotion:hover{border-color:var(--leaf-text)}
.lw-emotion-standalone.gl-friendjes .lw-emotion[aria-pressed="true"]{background:var(--brand-soft);outline:var(--ll-border-width-strong) solid var(--leaf-text);outline-offset:var(--ll-gl-selection-offset)}
.lw-emotion-standalone.gl-friendjes .lw-emotion-words{max-width:none;grid-template-columns:var(--ll-gl-nuance-columns);gap:var(--ll-gl-nuance-gap)}
.lw-emotion-standalone.gl-friendjes .lw-emotion-words .lw-emotion-tile>button.lw-emotion{padding:var(--ll-space-2) var(--ll-space-1) calc(var(--ll-control-size-md) + var(--ll-space-2));min-height:var(--ll-gl-nuance-height)}
.lw-emotion-standalone.gl-friendjes .lw-emotion-selection{background:var(--brand-soft);border:var(--ll-border-width) solid var(--line);border-radius:var(--ll-gl-detail-radius);box-shadow:none}
.lw-emotion-standalone.gl-friendjes .lw-emotion-selected{flex-direction:column;align-items:center;margin-bottom:var(--ll-gl-detail-margin)}
.lw-emotion-standalone.gl-friendjes .lw-emotion-selected>img{width:var(--ll-gl-detail-image-width);height:var(--ll-gl-detail-image-height);max-width:var(--ll-gl-detail-image-max)}
.lw-emotion-standalone.gl-friendjes .lw-emotion-selected>div{width:var(--ll-gl-detail-copy-width)}
.lw-emotion-standalone.gl-friendjes .lw-emotion-selected p{font-size:var(--ll-gl-detail-copy-size);line-height:var(--ll-gl-detail-copy-line);color:var(--ink-2)}
.lw-emotion-standalone.gl-friendjes .lw-emotion-thanks{background:var(--brand-soft);color:var(--ink);border:var(--ll-border-width) solid var(--line);border-radius:var(--ll-gl-thanks-radius)}
@media(max-width:600px){.lw-emotion-standalone.gl-friendjes .lw-emotion-grid,.lw-emotion-standalone.gl-friendjes .lw-emotion-words{grid-template-columns:var(--ll-gl-mobile-columns)}.gl-welkom{margin-bottom:var(--ll-gl-mobile-intro-margin)}.lw-emotion-standalone.gl-friendjes .lw-emotion-selected>img{width:var(--ll-gl-mobile-image-width);height:var(--ll-gl-mobile-image-height)}}
/* Geen extra beweging: ook rustmodus en reduced-motion hebben een stil beeld. */
/* Native Leeshulp 6a: composition in the existing support-sheet shell.
   Controls retain their central primitives; no new drawer or local control. */
.ll-coach-controls .coach-inhoud:has(.support-reading-editor){z-index:var(--ll-z-legacy-support-sheet)}
/* The existing sheet owns the footer; only its body scrolls. */
.ll-coach-controls .support-reading-editor{display:flex;flex-direction:column;overflow:hidden;padding:var(--ll-space-0)}
.support-reading-editor>header{flex:none;padding:var(--ll-legacy-overlay-padding-64);padding-block-end:var(--ll-space-0)}
.support-reading-editor>.ll-scroll-region{flex:1;padding:var(--ll-legacy-overlay-padding-64);padding-block-start:var(--ll-space-0)}
.support-reading-editor>header{max-width:calc(var(--ll-dialog-md) + var(--ll-space-6) * 2);box-sizing:border-box}
.support-reading-editor>.ll-scroll-region>*{max-width:var(--ll-dialog-md);box-sizing:border-box}
.support-reading-editor>header h2{font-size:var(--ll-title-md);line-height:var(--ll-section-title-line);margin:var(--ll-space-0)}
.support-reading-summary .ll-list-row{align-items:baseline;padding-block:var(--ll-space-2);font-size:var(--ll-text-sm);gap:var(--ll-space-2)}
.support-reading-summary .ll-list-row>strong{flex:none}
.support-reading-summary .ll-list-row>span{min-width:var(--ll-space-0);overflow-wrap:anywhere;color:var(--ll-ink-2)}
.support-reading-editor .ll-section{margin-block:var(--ll-space-5)}
.support-reading-editor .ll-section-header{align-items:center;margin-block-end:var(--ll-space-2)}
.support-reading-editor .support-info{position:relative;margin:var(--ll-space-0);font-size:var(--ll-text-sm)}
.support-reading-editor .support-info summary{color:var(--ll-ink-2);padding-inline:var(--ll-space-2)}
.support-reading-editor label,.support-reading-editor legend{font-size:var(--ll-text-sm)}
.support-reading-editor label.ll-list-row{display:flex;align-items:center;gap:var(--ll-space-2);margin:var(--ll-space-0);min-height:var(--ll-control-size-md);padding-block:var(--ll-space-2);cursor:pointer;box-sizing:border-box}
.support-reading-editor .ll-list-row .lw-tekst{margin-inline-start:auto;font-size:var(--ll-text-sm)}
.support-reading-editor .ll-segmented{max-width:100%;gap:var(--ll-space-1)}
.support-reading-editor .ll-segmented>button{font-size:var(--ll-text-sm)}
.support-reading-editor .ll-segmented [data-value=andika]{font-family:var(--ll-font-reading-alt)}
.support-reading-editor [role=switch]{width:100%;justify-content:space-between}
.support-reading-range{display:flex;flex-wrap:wrap;gap:var(--ll-space-3)}
.support-reading-range>label{flex:1;min-width:calc(var(--ll-space-8) * 2);margin-block:var(--ll-space-2)}
.support-reading-editor>.ll-dialog-footer{position:static;flex:none;margin:var(--ll-space-0);padding:var(--ll-space-4) var(--ll-space-6)}
@media(max-width:600px){.support-reading-editor>header,.support-reading-editor>.ll-scroll-region{padding-inline:var(--ll-space-4)}.support-reading-editor>header{padding-block-start:var(--ll-space-4)}.support-reading-editor>.ll-scroll-region{padding-block-end:var(--ll-space-4)}.support-reading-editor>.ll-dialog-footer{padding-inline:var(--ll-space-4)}}

/* GrowthPortal: approved illustrative start composition; no new button role. */
/* Approved Groeiwereld composition, confined to the existing start portal.
   Illustrations are external approved SVGs; actions remain central Buttons. */
#start.ll-growth-start{isolation:isolate;justify-content:flex-start;background:var(--ll-growth-paper);color:var(--ll-ink);overflow:clip;min-height:100dvh;font-family:var(--ll-font-ui)}
#start.ll-growth-start .ll-growth-header{display:flex;justify-content:space-between;align-items:center;gap:var(--ll-space-4);width:100%;max-width:var(--ll-content-coach);margin-inline:auto;padding:var(--ll-space-4) var(--ll-space-5);box-sizing:border-box;min-height:var(--ll-growth-header-height);z-index:var(--ll-z-menu)}
#start.ll-growth-start .ll-growth-header .ll-logo{width:var(--ll-growth-logo-width);height:var(--ll-growth-logo-height);flex:none}
#start.ll-growth-start .start-account{position:relative;inset:auto;z-index:var(--ll-z-menu)}
#start.ll-growth-start .start-midden{padding:var(--ll-space-0) var(--ll-space-5) var(--ll-space-6);width:100%;max-width:var(--ll-content-coach);margin-inline:auto;box-sizing:border-box}
#start.ll-growth-start .ll-growth-hero{max-width:var(--ll-growth-hero-width);margin-inline:auto;text-align:center;padding-block:var(--ll-space-2) var(--ll-space-0)}
#start.ll-growth-start h1,#start.ll-growth-start h2{margin:var(--ll-space-0);font-weight:var(--ll-weight-semibold);line-height:1.15}
#start.ll-growth-start h1{font-size:var(--ll-growth-title-size);letter-spacing:var(--ll-growth-title-spacing)}
#start.ll-growth-start h1 em{font-family:Georgia,serif;font-weight:var(--ll-weight-regular);color:var(--leaf-text)}
#start.ll-growth-start h2{font-size:var(--ll-title-lg)}
#start.ll-growth-start .ll-growth-title{display:inline-block;min-height:var(--ll-control-size-md);padding:var(--ll-space-0);border:0;border-radius:var(--ll-radius-sm);background:transparent;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;box-shadow:var(--ll-shadow-0)}
#start.ll-growth-start .ll-growth-description{visibility:hidden;color:var(--ll-ink);font-size:var(--ll-text-sm);line-height:1.65;margin:var(--ll-space-3) auto var(--ll-space-4);max-width:var(--ll-growth-description-width);min-height:var(--ll-growth-description-height)}
#start.ll-growth-start .ll-growth-description[aria-hidden=false]{visibility:visible}
#start.ll-growth-start .ll-growth-hero .ll-growth-description{max-width:var(--ll-growth-hero-description-width)}
#start.ll-growth-start .ll-growth-worlds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ll-space-7);max-width:var(--ll-growth-worlds-width);margin-inline:auto}
#start.ll-growth-start .ll-growth-world{min-width:0;text-align:center}
#start.ll-growth-start .ll-growth-art{display:block;width:100%;height:var(--ll-growth-art-height);object-fit:contain;margin:var(--ll-space-0) auto}
#start.ll-growth-start .ll-growth-world .ll-button--primary{min-height:var(--ll-control-size-lg);padding-inline:var(--ll-space-5);gap:var(--ll-space-4)}
#start.ll-growth-start .ll-growth-closing{position:relative;text-align:center;font-family:Georgia,serif;font-style:italic;font-size:var(--ll-text-md);color:var(--ll-ink);margin:var(--ll-space-6) var(--ll-space-0) var(--ll-space-0);padding-bottom:var(--ll-space-4)}
#start.ll-growth-start .ll-growth-landscape{position:absolute;bottom:0;left:0;width:100%;height:var(--ll-growth-landscape-height);z-index:var(--ll-z-decor);pointer-events:none}
#start.ll-growth-start .ll-growth-landscape path:nth-child(1){fill:var(--ll-growth-hill-back)}
#start.ll-growth-start .ll-growth-landscape path:nth-child(2){fill:var(--ll-growth-hill-middle)}
#start.ll-growth-start .ll-growth-landscape path:nth-child(3){fill:var(--ll-growth-hill-front)}
#start.ll-growth-start .config-let{margin:var(--ll-space-3) var(--ll-space-0)}
#start.ll-growth-start .start-status{margin:var(--ll-space-0)}
#start.ll-growth-start .start-status:empty{display:none}
@media(max-width:1023px){
 #start.ll-growth-start .ll-growth-worlds{gap:var(--ll-space-4)}
 #start.ll-growth-start .ll-growth-art{height:var(--ll-growth-art-height-tablet)}
 #start.ll-growth-start h1{font-size:var(--ll-growth-title-size-tablet)}
}
@media(max-width:599px){
 #start.ll-growth-start .ll-growth-header{padding-inline:var(--ll-space-4);min-height:var(--ll-growth-header-height-mobile)}
 #start.ll-growth-start .ll-growth-header .ll-logo{width:var(--ll-growth-logo-width-mobile);height:var(--ll-growth-logo-height-mobile)}
 #start.ll-growth-start .start-midden{padding-inline:var(--ll-space-5)}
 #start.ll-growth-start h1{font-size:var(--ll-title-xl);letter-spacing:var(--ll-growth-title-spacing-mobile)}
 #start.ll-growth-start .ll-growth-worlds{grid-template-columns:1fr;gap:var(--ll-space-6);max-width:var(--ll-drawer-width)}
 #start.ll-growth-start .ll-growth-art{height:var(--ll-growth-art-height-mobile)}
 #start.ll-growth-start .ll-growth-world+.ll-growth-world{border-top:var(--ll-border-width) solid var(--ll-line);padding-top:var(--ll-space-2)}
 #start.ll-growth-start .ll-growth-landscape{height:var(--ll-growth-landscape-height-mobile)}
}
@media(prefers-reduced-motion:reduce){#start.ll-growth-start *{animation:none;transition:none}}

/* Pluizenbol-ingangen; alleen de expliciete .pluis-home scope gebruikt deze compositie. */
@scope (.pluis-home) {
:scope{--accent:var(--ll-pluis-accent-1);--soft:var(--ll-pluis-soft-2);--ink:var(--ll-pluis-ink-3);--muted:var(--ll-pluis-muted-4);--paper:var(--ll-pluis-paper-5);--panel:var(--ll-pluis-panel-6);--focus:var(--ll-pluis-focus-7);color-scheme:light}*{box-sizing:border-box}:scope{margin:var(--ll-pluis-spacing-extra-1);background:var(--paper);color:var(--ink);font-family:'Open Sans',system-ui,sans-serif;font-size:var(--ll-pluis-font-size-8);line-height:1.6}button,input{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:var(--ll-pluis-outline-9);outline-offset:var(--ll-pluis-outline-offset-10)}.skip{position:fixed;top:var(--ll-pluis-top-11);left:var(--ll-pluis-left-12);z-index:20;background:var(--paper);padding:var(--ll-pluis-padding-13)}.skip:focus{top:var(--ll-pluis-top-14)}.brandbar{position:absolute;right:var(--ll-pluis-right-15);top:var(--ll-pluis-top-16);z-index:5;display:flex;flex-direction:column;align-items:flex-end;gap:var(--ll-pluis-gap-17)}.brandbar>a{display:block;width:var(--ll-pluis-width-18);min-height:var(--ll-pluis-min-height-19)}.brandbar img{display:block;width:100%;height:auto}.brandbar .dark-logo{display:none}.tools{display:flex;gap:var(--ll-pluis-gap-20);align-items:center}.icon-button{width:var(--ll-pluis-width-21);height:var(--ll-pluis-height-22);display:grid;place-items:center;bbackground:transparent;border-radius:var(--ll-pluis-border-radius-23);color:var(--ink);font-size:var(--ll-pluis-font-size-24)}.tools #help{font-size:var(--ll-pluis-font-size-25)}.palette-wrap{position:relative}.ball{--ball-dark:var(--accent);--ball-light:var(--soft);width:var(--ll-pluis-width-26);height:var(--ll-pluis-height-27);border:var(--ll-pluis-border-28);border-radius:var(--ll-pluis-border-radius-23);background:var(--ll-pluis-background-29);box-shadow:var(--ll-pluis-box-shadow-30)}.ball[aria-pressed=true]{outline:var(--ll-pluis-outline-31);outline-offset:var(--ll-pluis-outline-offset-32)}#palette{position:absolute;right:0;top:var(--ll-pluis-top-33);display:flex;gap:var(--ll-pluis-gap-34);padding:var(--ll-pluis-padding-35);background:var(--panel);backdrop-filter:var(--ll-pluis-backdrop-filter-36);border:var(--ll-pluis-border-37);border-radius:var(--ll-pluis-border-radius-38);box-shadow:var(--ll-pluis-box-shadow-39)}#palette[hidden]{display:none}.world{position:relative;isolation:isolate;min-height:var(--ll-pluis-min-height-40);display:flex;flex-direction:column;padding:var(--ll-pluis-padding-41);overflow:hidden}.scene{position:absolute;inset:0;margin:var(--ll-pluis-spacing-extra-2);z-index:-2}.scene:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--paper) 0%,transparent 42%)}.scene img{width:100%;height:100%;object-fit:cover;object-position:50% 55%;display:block}.breadcrumbs{font-size:var(--ll-pluis-font-size-42);display:flex;align-items:center;gap:var(--ll-pluis-gap-43);max-width:60%;min-height:var(--ll-pluis-min-height-19)}.breadcrumbs a{text-decoration:none;border-bottom:var(--ll-pluis-border-bottom-44);padding:var(--ll-pluis-padding-45)}.welcome{width:51%;margin:var(--ll-pluis-margin-46);position:relative;padding-bottom:var(--ll-pluis-padding-bottom-47)}.eyebrow{font-size:var(--ll-pluis-font-size-48);text-transform:uppercase;letter-spacing:var(--ll-pluis-letter-spacing-49);font-weight:700;margin:var(--ll-pluis-margin-50);color:var(--muted)}h1{font-size:var(--ll-pluis-font-size-51);line-height:1.25;letter-spacing:var(--ll-pluis-letter-spacing-52);margin:var(--ll-pluis-spacing-extra-3);font-weight:700;text-shadow:var(--ll-pluis-text-shadow-53);text-wrap:balance}h1 em{font-style:normal;display:block;margin:var(--ll-pluis-margin-54);color:var(--ll-pluis-color-55)}.hover-copy{position:absolute;top:100%;left:9%;margin:var(--ll-pluis-spacing-extra-4);max-width:var(--ll-pluis-max-width-56);opacity:0;visibility:hidden;font-size:var(--ll-pluis-font-size-8);color:var(--ink);text-shadow:var(--ll-pluis-text-shadow-57);transition:var(--ll-pluis-transition-58)}.welcome:hover .hover-copy,.welcome:focus-within .hover-copy{opacity:1;visibility:visible}.choices{margin-top:auto;position:relative}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ll-pluis-gap-59)}.path-card{position:relative;display:flex;align-items:flex-start;gap:var(--ll-pluis-gap-60);padding:var(--ll-pluis-padding-61);min-height:var(--ll-pluis-min-height-62);border:var(--ll-pluis-border-63);border-radius:var(--ll-pluis-border-radius-64);background:var(--ll-pluis-background-65);box-shadow:var(--ll-pluis-box-shadow-66);backdrop-filter:var(--ll-pluis-backdrop-filter-36);text-decoration:none;transition:var(--ll-pluis-transition-67);color:var(--ink)}.path-card:hover{background:var(--ll-pluis-background-68);box-shadow:var(--ll-pluis-box-shadow-69)}.path-card svg{width:var(--ll-pluis-width-70);height:var(--ll-pluis-height-71);flex-shrink:0;color:var(--ll-pluis-color-72);margin-top:var(--ll-pluis-margin-top-73)}.path-card strong{font-size:var(--ll-pluis-font-size-74);line-height:1.35;display:block;margin-bottom:var(--ll-pluis-margin-bottom-75)}.card-copy{display:block;font-size:var(--ll-pluis-font-size-76);line-height:1.6;color:var(--muted)}.arrow{font-size:var(--ll-pluis-font-size-77);margin-left:auto;align-self:flex-end;color:var(--ll-pluis-color-72)}.introduction{font-size:var(--ll-pluis-font-size-8);max-width:var(--ll-pluis-max-width-78);margin:var(--ll-pluis-margin-79);text-align:center}.pupil-link{display:block;width:fit-content;margin:var(--ll-pluis-margin-80);padding:var(--ll-pluis-padding-81);min-height:var(--ll-pluis-min-height-19);text-decoration:none;border-bottom:var(--ll-pluis-border-bottom-82);font-weight:700}.world-labos .welcome{margin-top:var(--ll-pluis-margin-top-83);margin-bottom:var(--ll-pluis-margin-bottom-84);width:58%}.world-labos .scene img{opacity:.65}.world-labos .scene:after{background:linear-gradient(0deg,var(--paper) 10%,transparent 85%)}.world-labos .choices{max-width:var(--ll-pluis-max-width-85);width:100%;margin-inline:auto}.world-leerling .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ll-pluis-gap-86);max-width:var(--ll-pluis-max-width-87);margin:auto}.world-leerling .path-card{min-height:var(--ll-pluis-min-height-88);align-items:center;padding:var(--ll-pluis-padding-89)}.world-leerling .path-card strong{font-size:var(--ll-pluis-font-size-90)}.world-leerling .welcome{width:56%;margin-bottom:var(--ll-pluis-margin-bottom-91)}.world-rustlabo .cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--ll-pluis-gap-43)}.world-rustlabo .path-card{padding:var(--ll-pluis-padding-92);gap:var(--ll-pluis-gap-93)}.world-rustlabo .path-card strong{font-size:var(--ll-pluis-font-size-25)}.world-rustlabo .path-card svg{width:var(--ll-pluis-width-94)}.world-rustlabo .arrow{display:none}footer{display:flex;justify-content:center;align-items:center;gap:var(--ll-pluis-gap-95);flex-wrap:wrap;padding:var(--ll-pluis-padding-96);font-size:var(--ll-pluis-font-size-48);color:var(--muted)}footer a{min-height:var(--ll-pluis-min-height-19);display:flex;align-items:center;text-decoration:none}footer span{opacity:.8}.activity{max-width:var(--ll-pluis-max-width-97);width:var(--ll-pluis-width-98);max-height:var(--ll-pluis-max-height-99);padding:var(--ll-pluis-padding-100);border:var(--ll-pluis-border-37);border-radius:var(--ll-pluis-border-radius-101);background:var(--paper);color:var(--ink);box-shadow:var(--ll-pluis-box-shadow-102)}.activity::backdrop{background:var(--ll-pluis-background-103);backdrop-filter:var(--ll-pluis-backdrop-filter-104)}.activity h2{font-size:var(--ll-pluis-font-size-105);line-height:1.3;margin:var(--ll-pluis-margin-106)}.activity .close{position:absolute;top:var(--ll-pluis-top-14);right:var(--ll-pluis-right-107)}.soft-button,.mini-options button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--ll-pluis-min-height-19);padding:var(--ll-pluis-padding-108);border:var(--ll-pluis-border-37);border-radius:var(--ll-pluis-border-radius-109);color:var(--ink);background:color-mix(in srgb,var(--soft) 50%,transparent)}.mini-options{display:flex;gap:var(--ll-pluis-gap-43);flex-wrap:wrap;margin:var(--ll-pluis-margin-110)}.mini-options button[aria-pressed=true]{background:var(--soft);outline:var(--ll-pluis-outline-111);outline-offset:var(--ll-pluis-outline-offset-112)}.demo-note{font-size:var(--ll-pluis-font-size-48);color:var(--muted);margin-top:var(--ll-pluis-margin-top-113)}.reading-sample,.conversation,.example-row,.rest-steps{margin:var(--ll-pluis-margin-114);padding:var(--ll-pluis-padding-115);border-radius:var(--ll-pluis-border-radius-116);background:color-mix(in srgb,var(--soft) 35%,transparent);border:var(--ll-pluis-border-117)}.reading-sample{font-size:var(--ll-pluis-font-size-74);line-height:1.8}.reading-sample h3{font-size:var(--ll-pluis-font-size-118);margin-top:var(--ll-pluis-spacing-extra-5)}.example-row small{display:block}.activity details{padding:var(--ll-pluis-padding-119);border-bottom:var(--ll-pluis-border-bottom-82)}.activity summary{cursor:pointer;min-height:var(--ll-pluis-min-height-19);padding:var(--ll-pluis-padding-45);font-weight:700}.dot-groups{display:flex;justify-content:space-around;margin:var(--ll-pluis-margin-120);color:var(--ll-pluis-color-55);font-size:var(--ll-pluis-font-size-121)}.dot-groups span{border:var(--ll-pluis-border-37);border-radius:var(--ll-pluis-border-radius-23);padding:var(--ll-pluis-padding-13)}#sum-form{display:flex;gap:var(--ll-pluis-gap-60);align-items:center;flex-wrap:wrap}#sum-form input{width:var(--ll-pluis-width-122);min-height:var(--ll-pluis-min-height-19);border:var(--ll-pluis-border-37);border-radius:var(--ll-pluis-border-radius-123);padding:var(--ll-pluis-padding-124);background:var(--paper);color:var(--ink)}
[data-theme=dark]{color-scheme:dark;--paper:var(--ll-pluis-paper-125);--ink:var(--ll-pluis-ink-126);--muted:var(--ll-pluis-muted-127);--panel:var(--ll-pluis-panel-128);--focus:var(--ll-pluis-focus-129)}[data-theme=dark] .light-logo{display:none}[data-theme=dark] .brandbar .dark-logo{display:block}[data-theme=dark] .scene img{filter:brightness(.49) saturate(.75)}[data-theme=dark] h1{color:var(--ll-pluis-color-130);text-shadow:var(--ll-pluis-text-shadow-131)}[data-theme=dark] h1 em{color:var(--ll-pluis-color-132)}[data-theme=dark] .hover-copy{text-shadow:var(--ll-pluis-text-shadow-133)}[data-theme=dark] .path-card{background:var(--ll-pluis-background-134);box-shadow:var(--ll-pluis-box-shadow-135)}[data-theme=dark] .path-card:hover{background:var(--ll-pluis-background-136)}[data-theme=dark] .path-card svg,[data-theme=dark] .arrow{color:var(--ll-pluis-color-137)}[data-theme=dark] .soft-button,[data-theme=dark] .mini-options button,[data-theme=dark] .reading-sample,[data-theme=dark] .conversation,[data-theme=dark] .example-row,[data-theme=dark] .rest-steps{background:var(--ll-pluis-background-138)}[data-theme=dark] .mini-options button[aria-pressed=true]{background:var(--ll-pluis-background-139)}
@media(min-width:1500px){.world{padding-inline:var(--ll-pluis-padding-inline-140)}.welcome{margin-bottom:var(--ll-pluis-margin-bottom-141)}.cards{gap:var(--ll-pluis-gap-95)}}
@media(max-width:1100px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.world-rustlabo .cards{grid-template-columns:repeat(3,minmax(0,1fr))}.welcome,.world-labos .welcome,.world-leerling .welcome{margin-top:var(--ll-pluis-margin-top-142);margin-bottom:var(--ll-pluis-margin-bottom-91);width:57%}h1{font-size:var(--ll-pluis-font-size-143)}.world{min-height:var(--ll-pluis-min-height-40)}.path-card{min-height:var(--ll-pluis-min-height-144)}.hover-copy{font-size:var(--ll-pluis-font-size-76)}.world-leerling .cards{gap:var(--ll-pluis-gap-95)}.world-leerling .path-card{padding:var(--ll-pluis-padding-115)}.world-leerling .path-card strong{font-size:var(--ll-pluis-font-size-77)}}
@media(max-width:900px){.brandbar{right:var(--ll-pluis-right-145);top:var(--ll-pluis-top-146)}.brandbar>a{width:var(--ll-pluis-width-147)}.world{padding:var(--ll-pluis-padding-148);min-height:0}.breadcrumbs{max-width:var(--ll-pluis-max-width-149);gap:var(--ll-pluis-gap-150);flex-wrap:wrap;font-size:var(--ll-pluis-font-size-151);line-height:1.4;min-height:var(--ll-pluis-min-height-152)}.scene{position:relative;inset:auto;margin:var(--ll-pluis-margin-153);aspect-ratio:3/2}.scene img{object-fit:cover;object-position:center}.scene:after{background:linear-gradient(0deg,var(--paper),transparent 25%)}.breadcrumbs{}.welcome,.world-labos .welcome,.world-leerling .welcome{width:100%;margin:var(--ll-pluis-margin-154);padding:var(--ll-pluis-padding-155)}.welcome h1{font-size:var(--ll-pluis-font-size-156)}.welcome h1 em{margin-left:var(--ll-pluis-spacing-extra-6)}.eyebrow{font-size:var(--ll-pluis-font-size-151)}.hover-copy{left:7%;top:auto;bottom:var(--ll-pluis-bottom-157);max-width:var(--ll-pluis-max-width-158);font-size:var(--ll-pluis-font-size-42)}.choices{}.introduction{font-size:var(--ll-pluis-font-size-76);margin-bottom:var(--ll-pluis-margin-bottom-159)}.cards,.world-rustlabo .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ll-pluis-gap-43)}.path-card{padding:var(--ll-pluis-padding-160);gap:var(--ll-pluis-gap-93);min-height:var(--ll-pluis-min-height-161);backdrop-filter:var(--ll-pluis-backdrop-filter-162)}.path-card svg{width:var(--ll-pluis-width-163);height:var(--ll-pluis-height-164)}.path-card strong{font-size:var(--ll-pluis-font-size-165)}.card-copy{font-size:var(--ll-pluis-font-size-42)}.arrow{font-size:var(--ll-pluis-font-size-165);position:absolute;bottom:var(--ll-pluis-bottom-166);right:var(--ll-pluis-right-107)}.world-leerling .cards{grid-template-columns:1fr;gap:var(--ll-pluis-gap-34)}.world-leerling .path-card{min-height:var(--ll-pluis-min-height-167);padding:var(--ll-pluis-padding-168)}.world-leerling .path-card .arrow{position:static}.world-leerling .scene{margin-bottom:var(--ll-pluis-spacing-extra-7)}.world-labos .scene img{opacity:.7}.world-labos .scene:after{background:linear-gradient(0deg,var(--paper),transparent 75%)}footer{gap:var(--ll-pluis-gap-43);font-size:var(--ll-pluis-font-size-151)}.activity{padding:var(--ll-pluis-padding-169)}.activity h2{font-size:var(--ll-pluis-font-size-90)}.reading-sample{padding:var(--ll-pluis-padding-170);font-size:var(--ll-pluis-font-size-25)}.world-rustlabo .path-card{padding:var(--ll-pluis-padding-160)}.world-rustlabo .path-card strong{font-size:var(--ll-pluis-font-size-165)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.world-labos .scene img{opacity:.82}.world-labos .scene:after{background:linear-gradient(0deg,var(--paper) 4%,transparent 70%)}
/* Original family assets remain intact; the scene supplies ground and light. */
.friend-spot{position:absolute;left:var(--friend-x);bottom:var(--friend-ground,24%);width:var(--friend-size,25%);height:var(--friend-height,36%);transform:translateX(-50%);z-index:1;pointer-events:none}.scene .scene-friend{position:relative;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:var(--ll-pluis-filter-171)}.contact-shadow{position:absolute;z-index:-1;bottom:1%;left:25%;right:25%;height:5%;border-radius:var(--ll-pluis-border-radius-23);background:var(--ll-pluis-background-172);filter:var(--ll-pluis-filter-173)}.spot-0{--friend-x:26%}.spot-1{--friend-x:43%}.world-labos .friend-spot{--friend-size:15%;--friend-height:22%;--friend-ground:24%}.world-labos .spot-0{--friend-x:17%}.world-labos .spot-1{--friend-x:28%}.world-leerling .friend-spot{--friend-size:21%;--friend-height:30%;--friend-ground:23%}.world-leerling .spot-0{--friend-x:42%}.world-leerling .spot-1{--friend-x:57%}.world-leeslabo .friend-spot{--friend-size:23%;--friend-height:34%;--friend-ground:24%}.world-leeslabo .spot-0{--friend-x:65%}.world-leeslabo .spot-1{--friend-x:82%}.world-gevoelslabo .friend-spot{--friend-size:25%;--friend-height:36%;--friend-ground:27%}.world-gevoelslabo .spot-0{--friend-x:22%}.world-gevoelslabo .spot-1{--friend-x:39%}.world-rekenlabo .friend-spot{--friend-size:25%;--friend-height:35%;--friend-ground:24%}.world-rekenlabo .spot-0{--friend-x:40%}.world-rekenlabo .spot-1{--friend-x:57%}.world-rustlabo .friend-spot{--friend-size:24%;--friend-height:33%;--friend-ground:26%}.world-rustlabo .spot-0{--friend-x:20%}.world-rustlabo .spot-1{--friend-x:36%}[data-theme=dark] .scene .scene-friend{filter:var(--ll-pluis-filter-174)}
.family-search{display:block;font-size:var(--ll-pluis-font-size-76)}.family-search input{display:block;width:100%;min-height:var(--ll-pluis-min-height-19);margin:var(--ll-pluis-margin-175);border:var(--ll-pluis-border-37);border-radius:var(--ll-pluis-border-radius-176);padding:var(--ll-pluis-padding-177);background:var(--paper);color:var(--ink)}.family-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ll-pluis-gap-93);max-height:var(--ll-pluis-max-height-178);overflow:auto;padding:var(--ll-pluis-padding-124)}.family-card{min-width:0;border:var(--ll-pluis-border-37);border-radius:var(--ll-pluis-border-radius-109);background:transparent;color:var(--ink);padding:var(--ll-pluis-padding-179);font-size:var(--ll-pluis-font-size-48)}.family-card img{display:block;width:100%;height:var(--ll-pluis-height-180);object-fit:contain}.family-card[hidden]{display:none}#family-description{position:sticky;bottom:0;padding:var(--ll-pluis-padding-13);background:var(--paper)}
@media(max-width:900px){.friend-spot{--friend-ground:23%}.world-leeslabo .friend-spot{--friend-size:24%;--friend-height:39%}.world-leeslabo .spot-0{--friend-x:66%}.world-leeslabo .spot-1{--friend-x:83%}.family-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.contact-shadow{bottom:6%;left:29%;right:29%}
/* Keep both destinations inside the frame on tall desktop windows as well. */
@media(min-width:901px){.world-leerling{min-height:var(--ll-pluis-min-height-181)}}
@media(min-width:901px) and (max-aspect-ratio:4/3){.world-leerling{min-height:0;height:var(--ll-pluis-height-182)}.world-leerling .welcome{margin-top:var(--ll-pluis-margin-top-183);margin-bottom:var(--ll-pluis-margin-bottom-184)}}

/* Integrated reading and feeling scenes; scoped prototype refinements. */
.compact-brand{display:grid;grid-template-columns:var(--ll-pluis-grid-template-columns-185);gap:var(--ll-pluis-gap-186);align-items:start}.compact-brand>a{width:var(--ll-pluis-width-18);padding-top:var(--ll-pluis-padding-top-187)}.compact-brand .tools{grid-column:2;grid-row:1 / 3;flex-direction:column;gap:var(--ll-pluis-spacing-extra-8)}.compact-brand .icon-button{font-size:var(--ll-pluis-font-size-74)}.compact-brand .ball{width:var(--ll-pluis-width-188);height:var(--ll-pluis-height-189);margin:var(--ll-pluis-margin-190)}.compact-brand .breadcrumbs{grid-column:1;grid-row:2;max-width:none;gap:var(--ll-pluis-gap-191);justify-content:flex-end;font-size:var(--ll-pluis-font-size-151);flex-wrap:wrap;min-height:var(--ll-pluis-min-height-19)}.compact-brand #palette{top:0;right:var(--ll-pluis-right-192)}.compact-brand #palette .ball{margin:var(--ll-pluis-spacing-extra-9);width:var(--ll-pluis-width-193);height:var(--ll-pluis-height-194)}
.world-leeslabo .cards{grid-template-columns:repeat(2,minmax(0,1fr));max-width:var(--ll-pluis-max-width-195);margin-inline:auto}.world-leeslabo .reading-primary .path-card{min-height:var(--ll-pluis-min-height-196)}.world-leeslabo .reading-secondary{margin-top:var(--ll-pluis-margin-top-197)}.world-leeslabo .reading-secondary .path-card{min-height:var(--ll-pluis-min-height-198);padding:var(--ll-pluis-padding-199)}.world-leeslabo .reading-secondary .card-copy{font-size:var(--ll-pluis-font-size-42)}.world-leeslabo .introduction{margin:var(--ll-pluis-margin-200);text-align:center}.world-leeslabo .welcome{margin-top:var(--ll-pluis-margin-top-201);margin-bottom:var(--ll-pluis-margin-bottom-91)}.world-gevoelslabo .hover-copy{left:27%;max-width:var(--ll-pluis-max-width-202)}
@media(min-width:901px){.world-leeslabo,.world-gevoelslabo{min-height:var(--ll-pluis-min-height-203)}.world-gevoelslabo .welcome{margin-top:var(--ll-pluis-margin-top-201)}}
@media(max-width:900px){.compact-brand{right:var(--ll-pluis-right-107);top:var(--ll-pluis-top-204)}.compact-brand>a{width:var(--ll-pluis-width-147)}.compact-brand .breadcrumbs{font-size:var(--ll-pluis-font-size-205);gap:var(--ll-pluis-gap-206);max-width:var(--ll-pluis-max-width-207)}.world-leeslabo .welcome,.world-gevoelslabo .welcome{margin-top:var(--ll-pluis-margin-top-208);margin-bottom:var(--ll-pluis-spacing-extra-10)}.world-leeslabo .cards{grid-template-columns:1fr}.world-gevoelslabo .hover-copy{left:9%;max-width:var(--ll-pluis-max-width-209)}}

.reading-help{display:flex;align-items:center;gap:var(--ll-pluis-gap-43);margin:var(--ll-pluis-margin-114);padding:var(--ll-pluis-padding-119)}.reading-help input{width:var(--ll-pluis-width-94);height:var(--ll-pluis-height-210)}.with-reading-help .reading-sample{font-size:var(--ll-pluis-font-size-24);line-height:2;letter-spacing:var(--ll-pluis-letter-spacing-211);max-width:var(--ll-pluis-max-width-209)}.world-rekenlabo .welcome{margin-top:var(--ll-pluis-margin-top-201)}@media(max-width:900px){.world-rekenlabo .welcome{margin-top:var(--ll-pluis-margin-top-208);margin-bottom:var(--ll-pluis-spacing-extra-11)}}

@media(min-width:901px){.world-rekenlabo,.world-rustlabo{min-height:var(--ll-pluis-min-height-203)}.world-rustlabo .welcome{margin-top:var(--ll-pluis-margin-top-201)}}@media(max-width:900px){.world-rustlabo .welcome{margin-top:var(--ll-pluis-margin-top-208);margin-bottom:var(--ll-pluis-spacing-extra-12)}}

/* Small, closely grouped utility symbols beside every prototype logo. */
.brandbar.compact-brand{grid-template-columns:var(--ll-pluis-grid-template-columns-212);column-gap:var(--ll-pluis-column-gap-213);align-items:start}
.compact-brand .tools{gap:var(--ll-pluis-spacing-extra-13);align-self:start;padding-top:var(--ll-pluis-padding-top-214)}
.compact-brand .tools .icon-button{width:var(--ll-pluis-width-193);height:var(--ll-pluis-height-194);min-width:var(--ll-pluis-min-width-215);min-height:var(--ll-pluis-min-height-216);font-size:var(--ll-pluis-font-size-217);line-height:1}
.compact-brand .tools #help{font-size:var(--ll-pluis-font-size-76)}
.compact-brand .tools>.palette-wrap{width:var(--ll-pluis-width-193);height:var(--ll-pluis-height-194);display:grid;place-items:center}
.compact-brand .tools #colors{width:var(--ll-pluis-width-193);height:var(--ll-pluis-height-194);margin:var(--ll-pluis-spacing-extra-14);padding:var(--ll-pluis-spacing-extra-15);bbackground:none;box-shadow:var(--ll-pluis-box-shadow-218);position:relative}
.compact-brand .tools #colors:before{content:'';position:absolute;inset:var(--ll-pluis-inset-219);border-radius:var(--ll-pluis-border-radius-23);background:var(--ll-pluis-background-220);box-shadow:var(--ll-pluis-box-shadow-221)}
.compact-brand .tools #palette{right:var(--ll-pluis-right-222);top:0}
.compact-brand .breadcrumbs{margin-top:var(--ll-pluis-margin-top-223)}
@media(pointer:coarse){.brandbar.compact-brand{grid-template-columns:var(--ll-pluis-grid-template-columns-185)}.compact-brand .tools .icon-button,.compact-brand .tools>.palette-wrap,.compact-brand .tools #colors{width:var(--ll-pluis-width-21);height:var(--ll-pluis-height-22);min-width:var(--ll-pluis-min-width-224);min-height:var(--ll-pluis-min-height-19)}.compact-brand .tools #colors:before{inset:var(--ll-pluis-inset-225)}.compact-brand .tools #palette{right:var(--ll-pluis-right-226)}.compact-brand .breadcrumbs{margin-top:var(--ll-pluis-spacing-extra-16)}}

/* Final visual review: one quiet horizontal utility row beside the logo. */
.brandbar.compact-brand{grid-template-columns:var(--ll-pluis-grid-template-columns-227);column-gap:var(--ll-pluis-column-gap-228);align-items:start}
.compact-brand .tools{grid-column:2;grid-row:1;flex-direction:row;align-items:center;gap:var(--ll-pluis-spacing-extra-17);padding-top:var(--ll-pluis-padding-top-229)}
.compact-brand .tools .icon-button,.compact-brand .tools #help{width:var(--ll-pluis-width-70);height:var(--ll-pluis-height-71);min-width:var(--ll-pluis-min-width-230);min-height:var(--ll-pluis-min-height-231);font-size:var(--ll-pluis-font-size-48)}
.compact-brand .tools>.palette-wrap,.compact-brand .tools #colors{width:var(--ll-pluis-width-70);height:var(--ll-pluis-height-71);min-width:var(--ll-pluis-min-width-230);min-height:var(--ll-pluis-min-height-231)}
.compact-brand .tools #colors:before{inset:var(--ll-pluis-inset-232)}
.compact-brand .breadcrumbs{grid-column:1 / -1;grid-row:2;margin-top:var(--ll-pluis-spacing-extra-18);justify-content:flex-start;max-width:none;font-size:var(--ll-pluis-font-size-151);gap:var(--ll-pluis-gap-191)}
.compact-brand .tools #palette{top:var(--ll-pluis-top-233);right:0}
@media(max-width:900px){.compact-brand .breadcrumbs{max-width:100%;font-size:var(--ll-pluis-font-size-151)}}
@media(pointer:coarse){.brandbar.compact-brand{grid-template-columns:var(--ll-pluis-grid-template-columns-234);column-gap:0}.compact-brand .tools{padding-top:var(--ll-pluis-padding-top-235)}.compact-brand .tools .icon-button,.compact-brand .tools #help,.compact-brand .tools>.palette-wrap,.compact-brand .tools #colors{width:var(--ll-pluis-width-21);height:var(--ll-pluis-height-22);min-width:var(--ll-pluis-min-width-224);min-height:var(--ll-pluis-min-height-19)}.compact-brand .tools #colors:before{inset:var(--ll-pluis-inset-236)}.compact-brand .tools #palette{top:var(--ll-pluis-top-33);right:0}}

/* Overview inhabitants are part of a single coherent illustration. */
.world-labos .scene .landscape-img{opacity:1}.world-labos .scene:after{background:linear-gradient(0deg,var(--paper) 0%,transparent 32%)}
.world-labos .introduction{max-width:var(--ll-pluis-max-width-237);margin:var(--ll-pluis-margin-79);text-align:center}
@media(min-width:901px){.world-labos{min-height:var(--ll-pluis-min-height-203)}.world-leeslabo .welcome{margin-top:var(--ll-pluis-margin-top-142);margin-right:var(--ll-pluis-spacing-extra-19);width:52%;padding-bottom:var(--ll-pluis-padding-bottom-238)}.world-leeslabo .hover-copy{top:100%;left:9%;max-width:var(--ll-pluis-max-width-239)}}
.world-leeslabo .choices>.introduction{width:100%;max-width:none;margin:var(--ll-pluis-margin-240);text-align:center;text-shadow:var(--ll-pluis-text-shadow-57)}
[data-theme=dark] .world-leeslabo .choices>.introduction{text-shadow:var(--ll-pluis-text-shadow-241)}
@media(min-width:901px){.world-gevoelslabo .welcome{width:45%;margin-right:var(--ll-pluis-spacing-extra-20)}.world-gevoelslabo .hover-copy{left:15%;max-width:var(--ll-pluis-max-width-202)}}
@media(min-width:901px){.world-rekenlabo .welcome{margin-top:var(--ll-pluis-margin-top-242);margin-right:var(--ll-pluis-spacing-extra-21);width:52%;padding-bottom:var(--ll-pluis-padding-bottom-238)}.world-rekenlabo .hover-copy{max-width:var(--ll-pluis-max-width-239)}.world-rustlabo .welcome{width:45%;margin-right:var(--ll-pluis-spacing-extra-22)}.world-rustlabo .hover-copy{left:12%;max-width:var(--ll-pluis-max-width-158)}}

}
.pluis-home{position:relative;isolation:isolate;background:var(--ll-pluis-background-243);color:var(--ll-pluis-color-244);--accent:var(--ll-pluis-accent-1);--soft:var(--ll-pluis-soft-2);--ink:var(--ll-pluis-ink-3);--paper:var(--ll-pluis-paper-5);--panel:var(--ll-pluis-panel-6);font-family:'Open Sans',sans-serif}
.pluis-home[data-theme=dark]{--ink:var(--ll-pluis-ink-245);--paper:var(--ll-pluis-paper-246);--panel:var(--ll-pluis-panel-247);color:var(--ink);background:var(--paper)}
.pluis-home[data-kleur=groene-groei]{--accent:var(--ll-pluis-accent-248);--soft:var(--ll-pluis-soft-249)}.pluis-home[data-kleur=warme-gloed]{--accent:var(--ll-pluis-accent-250);--soft:var(--ll-pluis-soft-251)}.pluis-home[data-kleur=lavendelrust]{--accent:var(--ll-pluis-accent-252);--soft:var(--ll-pluis-soft-253)}
.pluis-home button.path-card{width:100%;font:inherit;text-align:left;color:inherit}.pluis-home .brandbar .tools .icon-button{width:var(--ll-pluis-width-70);height:var(--ll-pluis-height-71);font-size:var(--ll-pluis-font-size-48)}.pluis-home .brandbar .tools .ball{width:var(--ll-pluis-width-254);height:var(--ll-pluis-height-255);min-width:var(--ll-pluis-min-width-256);min-height:var(--ll-pluis-min-height-257);margin:var(--ll-pluis-margin-258)}.pluis-home .breadcrumbs button{bbackground:none;color:inherit;font:inherit;padding:var(--ll-pluis-padding-45);cursor:pointer}.pluis-home .pluis-palette{position:absolute;top:var(--ll-pluis-top-233);right:0;display:flex;background:var(--paper);padding:var(--ll-pluis-padding-13);border:var(--ll-pluis-border-37);border-radius:var(--ll-pluis-border-radius-116);gap:var(--ll-pluis-gap-17)}.pluis-home .pluis-palette[hidden]{display:none}.pluis-home .pluis-palette button{width:var(--ll-pluis-width-26);height:var(--ll-pluis-height-27);border-radius:var(--ll-pluis-border-radius-23);border:var(--ll-pluis-border-37);background:var(--soft);color:var(--ink)}
.pluis-home .pluis-notice:empty{display:none}.pluis-home .pluis-notice{margin:var(--ll-pluis-spacing-extra-23);padding:var(--ll-pluis-padding-259);background:var(--paper);color:var(--ink)}.pluis-home .pluis-center{text-align:center}.pluis-home .world-start{min-height:var(--ll-pluis-min-height-260)}.pluis-home .world-start .scene{top:25%}.pluis-home .world-start .welcome{margin:var(--ll-pluis-margin-261);width:60%}.pluis-home .world-start .cards{grid-template-columns:1fr 1fr;gap:var(--ll-pluis-gap-262)}.pluis-home .world-start .path-card{min-height:var(--ll-pluis-min-height-263);font-size:var(--ll-pluis-font-size-264);align-items:center}
.pluis-reading-status{max-width:var(--ll-pluis-max-width-265);margin:var(--ll-pluis-margin-266);padding:var(--ll-pluis-padding-267)}.pluis-entry-active{padding:var(--ll-pluis-spacing-extra-24)!important}.pluis-entry-active>main{max-width:none;padding:var(--ll-pluis-spacing-extra-25)}.pluis-entry-active .tuinvriend,.pluis-entry-active .leesgroei,.pluis-entry-active .lw-wereldband{display:none}.pluis-entry-active #child-kop{position:absolute;right:var(--ll-pluis-right-268);top:var(--ll-pluis-top-269);z-index:8;margin:var(--ll-pluis-spacing-extra-26);padding:var(--ll-pluis-spacing-extra-27);width:auto;max-width:none;background:none}.pluis-entry-active #child-kop>.ll-logo,.pluis-entry-active #child-kop>#naar-mijn-start,.pluis-entry-active #child-kop [data-child-action=help]{display:none}.pluis-entry-active #melding:empty{display:none}.pluis-entry-active:before,.pluis-entry-active:after{display:none}
@media(max-width:900px){.pluis-home .world-start .welcome{margin-top:var(--ll-pluis-margin-top-270);width:90%}.pluis-entry-active #child-kop{right:var(--ll-pluis-right-271);top:var(--ll-pluis-top-272)}.pluis-home .world-start .cards{gap:var(--ll-pluis-gap-59)}.pluis-home .world-start .path-card{font-size:var(--ll-pluis-font-size-74)}}
@media(pointer:coarse){.pluis-home .brandbar .tools .icon-button{width:var(--ll-pluis-width-21);height:var(--ll-pluis-height-22)}.pluis-home .brandbar .tools .ball{margin:var(--ll-pluis-margin-273)}.pluis-home .pluis-palette button{width:var(--ll-pluis-width-21);height:var(--ll-pluis-height-22)}}


/* Compacte bediening binnen de nieuwe ingangen, vrij van legacy-buttondecoratie. */
.pluis-home .brandbar .tools button.icon-button{border:0;background:transparent;box-shadow:var(--ll-shadow-0);padding:var(--ll-space-0);min-width:var(--ll-space-0);min-height:var(--ll-space-0);color:var(--ink)}
.pluis-home .brandbar .breadcrumbs button{border:0;background:transparent;box-shadow:var(--ll-shadow-0);min-width:var(--ll-space-0);font-size:inherit;color:inherit}
/* De expliciete ingang wint van legacy leerling-compositie, zonder andere fasen te wijzigen. */
body.lw-pagina.pluis-entry-active>main{max-width:none;width:100%;padding:var(--ll-space-0)}
.pluis-home .welcome h1{font-size:var(--ll-pluis-font-size-51);line-height:1.25;letter-spacing:var(--ll-pluis-letter-spacing-52);margin:var(--ll-space-0);color:var(--ink);font-weight:700;text-shadow:var(--ll-pluis-text-shadow-53)}
.pluis-entry-active .lw-demo{margin:var(--ll-space-0);width:100%}

/* Gedeelde Pluizenbol-presentatie. Alleen actief na de DEV-gate in pluizenbol-site.js. */
:root.ll-pluis-site body{background:var(--ll-pluis-canvas-image) center bottom / cover fixed;color:var(--ll-pluis-text);font-family:var(--ll-font-ui);min-height:100svh}
:root.ll-pluis-site .wrap,:root.ll-pluis-site body>main,:root.ll-pluis-site body.lw-pagina>main{max-width:none;width:var(--ll-pluis-wide);margin-inline:auto}
:root.ll-pluis-site .wrap{padding-inline:var(--ll-pluis-desktop-inset)}
:root.ll-pluis-site body:not(.pluis-entry-active)>main{padding-inline:var(--ll-pluis-desktop-inset)}
:root.ll-pluis-site :is(.ll-surface,.ll-card,.ll-object-card,.ll-section,.lw-kaart,.kaart,.personal-org,.data-section,.coach-zij,.ll-app-nav){background:var(--ll-pluis-panel);border-color:var(--ll-pluis-edge);border-radius:var(--ll-pluis-radius);box-shadow:var(--ll-pluis-shadow);backdrop-filter:var(--ll-pluis-blur)}
:root.ll-pluis-site :is(.ll-dialog,.ll-drawer,.ll-menu,.ll-popover,.sheet,.modaal,.account-menu,.profile-pin-panel,.profiel-breed,.support-sheet,.lw-child-popover){background:var(--ll-pluis-panel);color:var(--ll-pluis-text);border-color:var(--ll-pluis-edge);backdrop-filter:var(--ll-pluis-blur);box-shadow:var(--ll-pluis-shadow)}
:root.ll-pluis-site :is(.ll-button,.lw-knop,.knop,.knop-stil,.account-button,.methode-keuze){border-radius:var(--ll-pluis-control-radius);box-shadow:var(--ll-pluis-control-shadow);border-color:var(--ll-pluis-edge)}
:root.ll-pluis-site :is(.ll-button--primary,.lw-knop-hoofd,.knop:not(.knop-stil)){background:var(--ll-pluis-primary);color:var(--ll-pluis-on-primary)}
:root.ll-pluis-site :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select){background:var(--ll-pluis-field);color:var(--ll-pluis-text);border-color:var(--ll-pluis-edge);border-radius:var(--ll-pluis-control-radius)}
:root.ll-pluis-site :is(.ll-list-row,.ll-rij,.kind-rij,.activiteit-rij,.pf-rij){border-color:var(--ll-pluis-edge)}
:root.ll-pluis-site :is(.ll-list-row:hover,.ll-rij:hover,.kind-rij:hover){background:var(--ll-pluis-soft)}
:root.ll-pluis-site :is(a,button,input,textarea,select,summary):focus-visible{outline-color:var(--ll-focus)}
:root.ll-pluis-site .pluis-symbol{width:var(--ll-pluis-symbol-size);height:var(--ll-pluis-symbol-size);flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
:root.ll-pluis-site .pluis-friend{object-fit:contain;filter:none}
:root.ll-pluis-site .pluis-logo{width:var(--ll-pluis-logo-size);height:auto;object-fit:contain}
:root.ll-pluis-site .lw-emotion-choice .lw-gevoel img,:root.ll-pluis-site .gl-friendje img{object-fit:contain}
:root.ll-pluis-site body::after{background:transparent;pointer-events:none}
@media(max-width:599px){:root.ll-pluis-site .wrap{padding-inline:var(--ll-space-4)}:root.ll-pluis-site body:not(.pluis-entry-active)>main{padding-inline:var(--ll-space-4)}}
@media(prefers-reduced-motion:reduce){:root.ll-pluis-site .pluis-friend{animation:none;transition:none}}

.pluis-reviewbar{position:relative;z-index:var(--ll-pluis-review-layer);display:flex;align-items:center;flex-wrap:wrap;gap:var(--ll-pluis-review-gap);padding:var(--ll-pluis-review-spacing);background:var(--ll-pluis-primary);color:var(--ll-pluis-on-primary);font-size:var(--ll-pluis-review-font)}.pluis-reviewbar :is(a,button){font:inherit;color:inherit;background:transparent;border:0;text-decoration:underline;padding:var(--ll-space-1);cursor:pointer}.pluis-reviewbar [aria-current=page]{font-weight:700}
@media(min-width:768px){:root.ll-pluis-site .sheet.profiel-breed{width:var(--ll-pluis-profile-width);max-width:var(--ll-pluis-profile-width);max-height:var(--ll-pluis-profile-height);display:grid;grid-template-columns:var(--ll-pluis-profile-columns);gap:var(--ll-space-5)}:root.ll-pluis-site .sheet.profiel-breed>:is(h2,.personal-header,form,.personal-edit){grid-column:1 / -1}:root.ll-pluis-site .sheet.profiel-breed>.personal-section{margin:var(--ll-space-0);padding-top:var(--ll-space-4)}}
:root.ll-pluis-site .ll-logo:has(.pluis-logo){height:auto;aspect-ratio:auto;overflow:visible;background:transparent}
:root.ll-pluis-site .ll-logo:has(.pluis-logo)::before,:root.ll-pluis-site .ll-logo:has(.pluis-logo)::after{display:none}
:root.ll-pluis-site .ll-logo img.pluis-logo{transform:none!important}
:root.ll-pluis-site .ll-button:not(.ll-button--primary):not(.ll-button--quiet){background:var(--ll-pluis-panel);color:var(--ll-pluis-text)}

:root.ll-pluis-site.pluis-opening body{visibility:hidden}

/* Keep the pupil greeting clear of the logo navigation. */
@media(min-width:901px){.pluis-home .world-leerling .welcome{margin-top:var(--ll-pluis-pupil-title-top);margin-right:var(--ll-pluis-pupil-title-right);width:var(--ll-pluis-pupil-title-width)}}
.pluis-home .brandbar .tools .ball{--ball-dark:var(--accent);--ball-light:var(--soft);border:var(--ll-pluis-orb-border)!important;background:var(--ll-pluis-background-220)!important;box-shadow:var(--ll-pluis-orb-ring)!important;padding:var(--ll-space-0)}

/* Laptop compositions follow the available viewport, including the demo toolbar. */
@media(min-width:901px){
.pluis-home .world{height:var(--ll-pluis-screen-height);min-height:0;padding:var(--ll-pluis-screen-padding)}
.pluis-home .world .welcome{margin-bottom:var(--ll-pluis-screen-gap);flex-shrink:0}
.pluis-home .world .welcome h1{font-size:var(--ll-pluis-screen-title)}
.pluis-home .world .choices{flex-shrink:0}
.pluis-home .world .cards{grid-template-columns:repeat(4,minmax(0,1fr))}
.pluis-home .world-leerling .cards,.pluis-home .world-start .cards,.pluis-home .world-leeslabo .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.pluis-home .world-rustlabo .cards{grid-template-columns:repeat(5,minmax(0,1fr))}
.pluis-home .world .path-card{padding:var(--ll-pluis-screen-card-padding);min-height:var(--ll-pluis-screen-card-height)}
.pluis-home .world .pupil-link{margin-top:var(--ll-pluis-screen-gap)}
.pluis-home .world-start .welcome{margin-top:var(--ll-pluis-pupil-title-top)}
}

body:has(>main#pluis-page){margin:var(--ll-space-0)}
@media(max-width:900px) and (min-height:600px){
.pluis-home .world{height:var(--ll-pluis-screen-height);min-height:0;padding:var(--ll-pluis-small-padding)}
.pluis-home .world .scene{position:absolute;inset:0;margin:var(--ll-space-0);aspect-ratio:auto}
.pluis-home .world .welcome{width:90%;margin:var(--ll-pluis-pupil-title-top) auto var(--ll-pluis-screen-gap);padding:var(--ll-pluis-small-padding);flex-shrink:0;background:var(--panel);border-radius:var(--ll-pluis-border-radius-116);backdrop-filter:var(--ll-pluis-backdrop-filter-36)}
.pluis-home .world .welcome h1{font-size:var(--ll-pluis-small-title)}
.pluis-home .world .choices{flex-shrink:0}
.pluis-home .world .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ll-pluis-gap-17)}
.pluis-home .world .path-card{min-height:var(--ll-pluis-small-card-height);padding:var(--ll-pluis-small-padding);gap:var(--ll-pluis-gap-17)}
.pluis-home .world .path-card strong{font-size:var(--ll-pluis-small-label)}
.pluis-home .world .card-copy,.pluis-home .world .introduction{font-size:var(--ll-pluis-small-copy)}
.pluis-home .world .introduction{margin:var(--ll-pluis-gap-17) auto}
.pluis-home .world .pupil-link{margin:var(--ll-pluis-gap-17) auto;padding:var(--ll-pluis-gap-17)}
}