/* Derived from LucentAlba Design Revision B (app.css) by tools/albedo/convert-styles.mjs. Values are tokens. */
/* ==========================================================================
   LucentAlba product UI (revision A). Scoped to .L. Always light.
   Responsive by container query on the app frame ("la"), so every screen
   can be reviewed at 1440, 1024, 768, 390 and 375 inside the package.
   ========================================================================== */
.L{container-type:inline-size;container-name:la;font-family:var(--f-sans);color:var(--c-ink);background:var(--c-paper);font-size:var(--fs-15);line-height:1.55;text-align:left;-webkit-font-smoothing:antialiased;min-height:100%}
.L *,.L *::before,.L *::after{box-sizing:border-box}
.L h1,.L h2,.L h3,.L h4,.L h5,.L p,.L ul,.L ol,.L dl,.L dd,.L figure,.L blockquote{margin:0}
.L ul,.L ol{padding:0}
.L a{color:var(--c-violet);text-underline-offset:3px;text-decoration-thickness:1px}
.L button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.L input,.L select,.L textarea{font:inherit;color:inherit}
.L :focus-visible{outline:2px solid var(--c-amethyst);outline-offset:2px;border-radius:var(--r-6)}
.L svg.i{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.L svg.i.s{width:15px;height:15px}
.L svg.i.l{width:22px;height:22px}
.L .tnum,.L .num{font-variant-numeric:tabular-nums}
.L .vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.L .muted{color:var(--c-ink-2)}
.L .faint{color:var(--c-ink-3)}
.L .sm{font-size:var(--fs-13-5);line-height:1.5}
.L .xs{font-size:var(--fs-12-5);line-height:1.45}
.L .strong{font-weight:600}
.L .nowrap{white-space:nowrap}
.L .stack{display:flex;flex-direction:column}
.L .row{display:flex;align-items:center}
.L .wrap{flex-wrap:wrap}
.L .g2{gap:var(--s-2)}.L .g4{gap:var(--s-4)}.L .g14{gap:var(--s-14)}.L .g28{gap:var(--s-28)}.L .g6{gap:var(--s-6)}.L .g8{gap:var(--s-8)}.L .g10{gap:var(--s-10)}.L .g12{gap:var(--s-12)}.L .g16{gap:var(--s-16)}.L .g20{gap:var(--s-20)}.L .g24{gap:var(--s-24)}.L .g32{gap:var(--s-32)}.L .g40{gap:var(--s-40)}
.L .grow{flex:1 1 auto;min-width:0}
.L .between{justify-content:space-between}
.L .center{align-items:center}
.L .start{align-items:flex-start}
.L .end{justify-content:flex-end}
.L .mt4{margin-top:var(--s-4)}.L .mt8{margin-top:var(--s-8)}.L .mt12{margin-top:var(--s-12)}.L .mt16{margin-top:var(--s-16)}.L .mt24{margin-top:var(--s-24)}.L .mt32{margin-top:var(--s-32)}

/* ---------- Type ---------- */
.L .t-display{font-size:var(--fs-40);line-height:1.08;font-weight:650;font-stretch:86%;letter-spacing:calc(-1 * var(--ls-022));text-wrap:balance}
.L .t-h1{font-size:var(--fs-30);line-height:1.12;font-weight:650;font-stretch:88%;letter-spacing:calc(-1 * var(--ls-018));text-wrap:balance}
.L .t-h2{font-size:var(--fs-21);line-height:1.25;font-weight:650;font-stretch:90%;letter-spacing:calc(-1 * var(--ls-012));text-wrap:balance}
.L .t-h3{font-size:var(--fs-16-5);line-height:1.35;font-weight:650;letter-spacing:calc(-1 * var(--ls-004))}
.L .t-lede{font-size:var(--fs-17);line-height:1.55;color:var(--c-ink-2);max-width:62ch}
.L .t-label{font-size:var(--fs-12-5);line-height:1.35;font-weight:600;color:var(--c-ink-3)}
.L .t-over{font-size:var(--fs-12);line-height:1.3;font-weight:650;letter-spacing:var(--ls-09);text-transform:uppercase;color:var(--c-saffron)}
.L .t-metric{font-size:var(--fs-30);line-height:1;font-weight:650;font-stretch:88%;letter-spacing:calc(-1 * var(--ls-02));font-variant-numeric:tabular-nums;color:var(--c-aubergine)}
.L .t-verb{font-family:var(--f-serif);font-size:var(--fs-17);line-height:1.65;font-optical-sizing:auto;color:var(--c-ink)}
.L .t-q{font-family:var(--f-serif);font-size:var(--fs-20);line-height:1.4;font-weight:500;font-optical-sizing:auto;color:var(--c-aubergine);text-wrap:pretty}
.L .t-q.sm{font-size:var(--fs-17)}
@container la (max-width:560px){
  .L .t-display{font-size:var(--fs-30)}
  .L .t-h1{font-size:var(--fs-24)}
  .L .t-h2{font-size:var(--fs-19)}
  .L .t-lede{font-size:var(--fs-16)}
  .L .t-metric{font-size:var(--fs-26)}
  .L .t-verb{font-size:var(--fs-16)}
  .L .t-q{font-size:var(--fs-18)}
}

/* ---------- Brand ---------- */
.L .brand{display:inline-flex;align-items:center;gap:var(--s-9);text-decoration:none;color:var(--c-ink);flex:none}
.L .brand svg{width:28px;height:28px;flex:none}
.L .wm{font-weight:650;font-stretch:90%;letter-spacing:calc(-1 * var(--ls-012));font-size:var(--fs-18);line-height:1}

/* ---------- App bar ---------- */
.L .ab{position:sticky;top:0;z-index:20;background:var(--c-paper);border-bottom:1px solid var(--c-line)}
.L .ab-in{display:flex;align-items:center;gap:var(--s-28);height:64px;padding:0 var(--s-32);max-width:1440px;margin:0 auto}
.L .ab-org{display:inline-flex;align-items:center;gap:var(--s-8);padding:var(--s-6) var(--s-10);border-radius:var(--r-9);font-size:var(--fs-14);font-weight:600;color:var(--c-ink);border:1px solid var(--c-line)}
.L .ab-org .ct{width:22px;height:22px;font-size:var(--fs-10-5);border-radius:var(--r-6)}
.L .ab-nav{display:flex;align-items:stretch;gap:var(--s-4);height:100%}
.L .ab-nav a{display:flex;align-items:center;padding:0 var(--s-12);font-size:var(--fs-14-5);font-weight:550;color:var(--c-ink-2);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:calc(-1 * var(--s-1))}
.L .ab-nav a:hover{color:var(--c-ink)}
.L .ab-nav a[aria-current="page"]{color:var(--c-aubergine);border-bottom-color:var(--c-violet);font-weight:600}
.L .ab-end{margin-left:auto;display:flex;align-items:center;gap:var(--s-8)}
.L .b.ab-menu{display:none}
.L .ab-flow .ab-in{gap:var(--s-16)}
.L .ab-flow .ab-title{font-size:var(--fs-14-5);font-weight:600;color:var(--c-ink);padding-left:var(--s-16);border-left:1px solid var(--c-line);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.L .saved{display:inline-flex;align-items:center;gap:var(--s-6);font-size:var(--fs-13);color:var(--c-ink-3);white-space:nowrap}
.L .saved .i{color:var(--c-amethyst)}
@container la (max-width:900px){
  .L .ab-nav,.L .hide-m,.L .b.hide-m,.L .tg.hide-m{display:none}
  .L .b.ab-menu{display:inline-flex}
  .L .ab-in{padding:0 var(--s-16);gap:var(--s-12);height:58px}
  .L .ab-flow .ab-title{display:none}
}
@container la (max-width:560px){
  .L .wm{font-size:var(--fs-17)}
  .L .ab-org{display:none}
}

/* ---------- Client context bar (agency) ---------- */
.L .ctx{background:var(--c-mist);border-bottom:1px solid var(--c-line)}
.L .ctx-in{max-width:1440px;margin:0 auto;padding:var(--s-12) var(--s-32) 0;display:flex;flex-direction:column;gap:var(--s-10)}
.L .ctx-top{display:flex;align-items:center;gap:var(--s-14);min-width:0}
.L .ctx-back{display:inline-flex;align-items:center;gap:var(--s-6);font-size:var(--fs-13-5);font-weight:600;color:var(--c-violet);text-decoration:none;white-space:nowrap;padding:var(--s-6) 0}
.L .ctx-sep{width:1px;height:28px;background:var(--c-line-2);flex:none}
.L .ctx-id{display:flex;align-items:center;gap:var(--s-10);min-width:0}
.L .ctx-id .nm{font-weight:650;font-size:var(--fs-16);line-height:1.2;color:var(--c-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.L .ctx-id .mt{font-size:var(--fs-13);color:var(--c-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.L .ctx-tabs{display:flex;gap:var(--s-2);overflow-x:auto;scrollbar-width:none;margin-bottom:calc(-1 * var(--s-1))}
.L .ctx-tabs a{padding:var(--s-9) var(--s-12);font-size:var(--fs-14);font-weight:550;color:var(--c-ink-2);text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap}
.L .ctx-tabs a[aria-current="page"]{color:var(--c-aubergine);border-bottom-color:var(--c-violet);font-weight:600}
.L .ctx-state{margin-left:auto}
@container la (max-width:900px){
  .L .ctx-in{padding:var(--s-10) var(--s-16) 0}
  .L .ctx-sep{display:none}
  .L .ctx-back .lbl{display:none}
  .L .ctx-state{display:none}
}

/* ---------- Page ---------- */
.L .pg{max-width:1440px;margin:0 auto;padding:var(--s-36) var(--s-32) var(--s-72);display:flex;flex-direction:column;gap:var(--s-32)}
.L .pg.narrow{max-width:1080px}
.L .pg.read{max-width:880px}
.L .ph{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-24);flex-wrap:wrap}
.L .ph-t{display:flex;flex-direction:column;gap:var(--s-8);min-width:0;max-width:760px}
.L .ph-a{display:flex;gap:var(--s-10);align-items:center;flex-wrap:wrap}
.L .sec{display:flex;flex-direction:column;gap:var(--s-16)}
.L .sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-16);flex-wrap:wrap}
.L .cols{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:var(--s-28);align-items:start}
.L .cols.even{grid-template-columns:repeat(2,minmax(0,1fr))}
.L .grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-16)}
.L .grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-12)}
@container la (max-width:1100px){
  .L .cols{grid-template-columns:minmax(0,1fr)}
  .L .grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container la (max-width:900px){
  .L .pg{padding:var(--s-24) var(--s-16) var(--s-96);gap:var(--s-24)}
  .L .grid3{grid-template-columns:minmax(0,1fr)}
  .L .cols.even{grid-template-columns:minmax(0,1fr)}
  .L .ph{align-items:flex-start}
}
@container la (max-width:560px){
  .L .grid4{grid-template-columns:minmax(0,1fr)}
  .L .ph-a{width:100%}
  .L .ph-a .b-pri{flex:1 1 auto}
}

/* ---------- Buttons ---------- */
.L .b{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-8);min-height:44px;padding:0 var(--s-18);border-radius:var(--r-10);font-size:var(--fs-15);font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap;border:1px solid transparent;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
.L .b-pri{background:var(--c-violet);color:var(--c-white)}
.L .b-pri:hover{background:var(--c-aubergine)}
.L .b-sec{background:var(--c-paper);color:var(--c-violet);border-color:var(--c-line-2)}
.L .b-sec:hover{border-color:var(--c-violet)}
.L .b-qui{background:transparent;color:var(--c-violet);padding:0 var(--s-10)}
.L .b-qui:hover{background:var(--c-lavender)}
.L .b-dng{background:transparent;color:var(--c-red);padding:0 var(--s-10)}
.L .b-dng:hover{background:var(--c-red-soft)}
.L .b-sm{min-height:36px;padding:0 var(--s-12);font-size:var(--fs-14);border-radius:var(--r-9)}
.L .b-icon{min-height:40px;width:40px;padding:0;border-radius:var(--r-10);color:var(--c-ink-2)}
.L .b-icon:hover{background:var(--c-mist);color:var(--c-ink)}
.L .b[aria-disabled="true"],.L .b:disabled{opacity:.45;cursor:not-allowed}
.L .b-pri[aria-disabled="true"]:hover{background:var(--c-violet)}
.L .b-full{width:100%}
.L .linkish{color:var(--c-violet);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:var(--s-5)}
.L .linkish:hover{text-decoration:underline}
@container la (max-width:560px){ .L .b-sm{min-height:44px} }

/* ---------- Avatars and tiles ---------- */
.L .av{width:32px;height:32px;border-radius:50%;display:inline-grid;place-items:center;font-size:var(--fs-12);font-weight:650;background:var(--c-lilac);color:var(--c-aubergine);flex:none;border:2px solid var(--c-paper)}
.L .av.sm{width:26px;height:26px;font-size:var(--fs-10-5)}
.L .avs{display:flex}
.L .avs .av+.av{margin-left:calc(-1 * var(--s-8))}
.L .ct{width:40px;height:40px;border-radius:var(--r-10);display:inline-grid;place-items:center;font-weight:650;font-size:var(--fs-14);letter-spacing:var(--ls-02);flex:none;background:var(--c-aubergine);color:var(--c-white)}
.L .ct.lav{background:var(--c-lavender);color:var(--c-aubergine);box-shadow:var(--shadow-inset-line)}
.L .ct.sm{width:32px;height:32px;font-size:var(--fs-12);border-radius:var(--r-8)}
.L .ct.lg{width:48px;height:48px;font-size:var(--fs-16);border-radius:var(--r-12)}

/* ---------- Tags: provenance, status, meta ---------- */
.L .tg{display:inline-flex;align-items:center;gap:var(--s-5);font-size:var(--fs-12-5);line-height:1.3;font-weight:550;padding:var(--s-3) var(--s-8);border-radius:var(--r-6);background:var(--c-mist);color:var(--c-ink-2);white-space:nowrap}
.L .tg .i{width:13px;height:13px}
.L .tgs{display:flex;flex-wrap:wrap;gap:var(--s-6);align-items:center}
.L .stack > .tg,.L .stack > .pv,.L .stack > .st,.L .stack > .pri{align-self:flex-start}
.L .pv{display:inline-flex;align-items:center;gap:var(--s-5);font-size:var(--fs-12);line-height:1.3;font-weight:600;padding:var(--s-3) var(--s-7) var(--s-3) var(--s-6);border-radius:var(--r-6);white-space:nowrap}
.L .pv .i{width:13px;height:13px;stroke-width:2}
.L .pv-found{background:var(--c-mist);color:var(--c-violet)}
.L .pv-cust{background:var(--c-lavender);color:var(--c-aubergine);box-shadow:var(--shadow-inset-lilac)}
.L .pv-chk{background:var(--c-saffron-soft);color:var(--c-saffron-ink)}
.L .pv-chk::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c-saffron);box-shadow:var(--shadow-ring-saffron-inset)}
.L .pv-dash{background:transparent;color:var(--c-ink-2);border:1px dashed var(--c-line-3);padding:var(--s-2) var(--s-7)}
.L .st{display:inline-flex;align-items:center;gap:var(--s-6);font-size:var(--fs-13);line-height:1.3;font-weight:600;padding:var(--s-4) var(--s-9);border-radius:var(--r-7);white-space:nowrap}
.L .st .i{width:14px;height:14px;stroke-width:2}
.L .st-neutral{background:var(--c-grey-soft);color:var(--c-ink-2)}
.L .st-progress{background:var(--c-paper);color:var(--c-violet);box-shadow:var(--shadow-inset-line-2)}
.L .st-progress::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c-amethyst);animation:la-pulse 1.6s ease-in-out infinite}
.L .st-act{background:var(--c-saffron-soft);color:var(--c-saffron-ink)}
.L .st-act::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c-saffron);box-shadow:var(--shadow-ring-saffron-inset)}
.L .st-ready{background:var(--c-lavender);color:var(--c-aubergine);box-shadow:var(--shadow-inset-lilac)}
.L .st-paused{background:var(--c-mist);color:var(--c-ink-2);box-shadow:var(--shadow-inset-line)}
.L .st-problem{background:var(--c-red-soft);color:var(--c-red)}
.L .st-off{background:transparent;color:var(--c-ink-3);border:1px dashed var(--c-line-3);padding:var(--s-3) var(--s-8)}
@keyframes la-pulse{0%,100%{opacity:1}50%{opacity:.35}}

/* ---------- Surfaces ---------- */
.L .card{background:var(--c-paper);border:1px solid var(--c-line);border-radius:var(--r-14);padding:var(--s-22) var(--s-24);display:flex;flex-direction:column;gap:var(--s-14);min-width:0}
.L .card.tight{padding:var(--s-16) var(--s-18);gap:var(--s-10)}
.L .card.raise{box-shadow:var(--shadow-card)}
.L .card-mist{background:var(--c-mist);border-radius:var(--r-14);padding:var(--s-20) var(--s-22);display:flex;flex-direction:column;gap:var(--s-12);min-width:0}
.L .card-dash{border:1.5px dashed var(--c-line-3);border-radius:var(--r-14);padding:var(--s-20) var(--s-22);display:flex;flex-direction:column;gap:var(--s-10);background:var(--c-paper)}
.L .ns{background:var(--c-aubergine);color:var(--c-white);border-radius:var(--r-16);padding:var(--s-22) var(--s-24);display:flex;flex-direction:column;gap:var(--s-10)}
.L .ns p{color:var(--c-lavender-2)}
.L .ns .t-h3,.L .ns .t-h2{color:var(--c-white)}
.L .ns a{color:var(--c-white)}
.L .ns .b-pri{background:var(--c-white);color:var(--c-aubergine)}
.L .ns .b-pri:hover{background:var(--c-lilac)}
.L .ns .b-qui{color:var(--c-white)}
.L .ns .b-qui:hover{background:var(--c-white-10)}
.L .divider{height:1px;background:var(--c-line);border:0;margin:0}
@container la (max-width:560px){
  .L .card{padding:var(--s-18) var(--s-16);border-radius:var(--r-12)}
  .L .card-mist,.L .card-dash{padding:var(--s-16)}
  .L .ns{padding:var(--s-20) var(--s-18)}
}

/* ---------- Numbered rings (real sequences only) ---------- */
.L .rn{width:30px;height:30px;border-radius:50%;flex:none;display:inline-grid;place-items:center;font-size:var(--fs-13-5);font-weight:650;color:var(--c-aubergine);background:var(--c-lavender);box-shadow:var(--shadow-inset-amethyst-strong)}
.L .rn.solid{background:var(--c-aubergine);color:var(--c-white);box-shadow:var(--shadow-focus-double)}
.L .rn.done{background:var(--c-violet);color:var(--c-white);box-shadow:none}
.L .rn.sm{width:24px;height:24px;font-size:var(--fs-12)}

/* ---------- Forms ---------- */
.L .fld{display:flex;flex-direction:column;gap:var(--s-7);min-width:0}
.L .fld label,.L .fld .lb{font-size:var(--fs-14);font-weight:600;color:var(--c-ink)}
.L .fld .hp{font-size:var(--fs-13);color:var(--c-ink-2);line-height:1.45}
.L .in{width:100%;min-height:48px;padding:var(--s-11) var(--s-14);border-radius:var(--r-10);border:1px solid var(--c-line-2);background:var(--c-paper);font-size:var(--fs-16);color:var(--c-ink)}
.L .in::placeholder{color:var(--c-mauve-quiet)}
.L .in:focus{outline:none;border-color:var(--c-amethyst);box-shadow:var(--shadow-halo-focus)}
.L .in.err{border-color:var(--c-red);box-shadow:var(--shadow-halo-problem)}
.L textarea.in{min-height:84px;resize:vertical;line-height:1.5}
.L .in-wrap{display:flex;align-items:stretch;border-radius:var(--r-10);border:1px solid var(--c-line-2);background:var(--c-paper);overflow:hidden}
.L .in-wrap:focus-within{border-color:var(--c-amethyst);box-shadow:var(--shadow-halo-focus)}
.L .in-wrap .pre{display:flex;align-items:center;padding:0 var(--s-12);background:var(--c-mist);color:var(--c-ink-3);font-size:var(--fs-15);border-right:1px solid var(--c-line)}
.L .in-wrap .in{border:0;box-shadow:none;border-radius:0}
.L .msg{display:flex;gap:var(--s-8);align-items:flex-start;font-size:var(--fs-13-5);line-height:1.45}
.L .msg .i{margin-top:var(--s-1)}
.L .msg.ok{color:var(--c-violet)}
.L .msg.err{color:var(--c-red)}
.L .msg.info{color:var(--c-ink-2)}
.L select.in{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--c-ink-2) 50%),linear-gradient(135deg,var(--c-ink-2) 50%,transparent 50%);background-position:calc(100% - 19px) 21px,calc(100% - 14px) 21px;background-size:5px 5px;background-repeat:no-repeat;padding-right:var(--s-36)}
.L .cbx{width:20px;height:20px;border-radius:var(--r-6);border:1.5px solid var(--c-line-3);background:var(--c-paper);display:inline-grid;place-items:center;flex:none;color:var(--c-white);transition:background-color .12s ease}
.L .cbx .i{width:14px;height:14px;stroke-width:2.6;opacity:0}
.L [aria-checked="true"] > .cbx,.L .on > .cbx{background:var(--c-violet);border-color:var(--c-violet)}
.L [aria-checked="true"] > .cbx .i,.L .on > .cbx .i{opacity:1}
.L .rdo{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--c-line-3);background:var(--c-paper);flex:none;display:inline-grid;place-items:center}
.L .rdo::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--c-violet);transform:scale(0);transition:transform .12s ease}
.L [aria-checked="true"] > .rdo{border-color:var(--c-violet)}
.L [aria-checked="true"] > .rdo::after{transform:scale(1)}
.L .sw{width:40px;height:24px;border-radius:var(--r-12);background:var(--c-line-3);position:relative;flex:none;transition:background-color .15s ease}
.L .sw::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--c-white);box-shadow:var(--shadow-thumb);transition:transform .15s ease}
.L [aria-checked="true"] > .sw{background:var(--c-violet)}
.L [aria-checked="true"] > .sw::after{transform:translateX(16px)}

/* Selection rows (choose, don't type) */
.L .sel-list{display:flex;flex-direction:column;gap:var(--s-8)}
.L .sel{display:flex;gap:var(--s-14);align-items:flex-start;padding:var(--s-14) var(--s-16);border-radius:var(--r-12);border:1px solid var(--c-line);background:var(--c-paper);text-align:left;width:100%}
.L .sel:hover{border-color:var(--c-line-3)}
.L .sel[aria-checked="true"]{background:var(--c-lavender);border-color:var(--c-lilac-2)}
.L .sel.removed{background:var(--c-paper);border-style:dashed}
.L .sel.removed .sel-t{color:var(--c-ink-3);text-decoration:line-through;text-decoration-color:var(--c-line-3)}
.L .sel .cbx,.L .sel .rdo{margin-top:var(--s-2)}
.L .sel-b{display:flex;flex-direction:column;gap:var(--s-5);min-width:0;flex:1 1 auto}
.L .sel-t{font-weight:600;font-size:var(--fs-15);line-height:1.35;color:var(--c-ink)}
.L .sel-s{font-size:var(--fs-13-5);line-height:1.45;color:var(--c-ink-2)}
.L .sel-r{display:flex;align-items:center;gap:var(--s-6);flex:none;margin-left:auto}
.L .rc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-14)}
.L .rc{display:flex;flex-direction:column;gap:var(--s-12);padding:var(--s-22);border-radius:var(--r-14);border:1px solid var(--c-line);background:var(--c-paper);text-align:left;width:100%;min-height:100%}
.L .rc:hover{border-color:var(--c-line-3)}
.L .rc[aria-checked="true"]{background:var(--c-lavender);border-color:var(--c-amethyst);box-shadow:var(--shadow-inset-amethyst)}
.L .rc-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s-12)}
@container la (max-width:700px){ .L .rc-grid{grid-template-columns:minmax(0,1fr)} }
@container la (max-width:560px){ .L .sel{padding:var(--s-12) var(--s-12);gap:var(--s-12)} .L .sel-r{margin-left:0} .L .sel{flex-wrap:wrap} .L .sel-b{flex-basis:calc(100% - 40px)} .L .sel-r{padding-left:var(--s-32)} }

/* Segmented control and tabs */
.L .seg{display:inline-flex;padding:var(--s-3);border-radius:var(--r-11);background:var(--c-mist);border:1px solid var(--c-line);gap:var(--s-2);max-width:100%;overflow-x:auto;scrollbar-width:none}
.L .seg button{padding:var(--s-7) var(--s-13);border-radius:var(--r-8);font-size:var(--fs-14);font-weight:550;color:var(--c-ink-2);white-space:nowrap;min-height:36px}
.L .seg button[aria-pressed="true"],.L .seg button[aria-selected="true"]{background:var(--c-paper);color:var(--c-aubergine);font-weight:600;box-shadow:var(--shadow-card-lined)}
.L .tabs{display:flex;gap:var(--s-4);border-bottom:1px solid var(--c-line);overflow-x:auto;scrollbar-width:none}
.L .tabs button,.L .tabs a{padding:var(--s-10) var(--s-12);font-size:var(--fs-14-5);font-weight:550;color:var(--c-ink-2);border-bottom:2px solid transparent;margin-bottom:calc(-1 * var(--s-1));white-space:nowrap;text-decoration:none;display:inline-flex;gap:var(--s-6);align-items:center}
.L .tabs [aria-selected="true"],.L .tabs [aria-current="page"]{color:var(--c-aubergine);border-bottom-color:var(--c-violet);font-weight:600}
.L .tabs .n{font-size:var(--fs-12);font-weight:600;color:var(--c-ink-3);background:var(--c-mist);border-radius:var(--r-5);padding:var(--s-1) var(--s-6)}

/* ---------- Lists and tables ---------- */
.L .rows{display:flex;flex-direction:column}
.L .rows > .r{display:flex;gap:var(--s-14);align-items:flex-start;padding:var(--s-14) 0;border-bottom:1px solid var(--c-line)}
.L .rows > .r:last-child{border-bottom:0}
.L .rows.boxed{border:1px solid var(--c-line);border-radius:var(--r-14);padding:0 var(--s-18);background:var(--c-paper)}
.L .kv{display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr);gap:var(--s-8) var(--s-16);font-size:var(--fs-14)}
.L .kv dt{color:var(--c-ink-3);font-weight:550}
.L .kv dd{color:var(--c-ink);min-width:0}
@container la (max-width:560px){ .L .kv{grid-template-columns:minmax(0,1fr);gap:var(--s-2)} .L .kv dd{margin-bottom:var(--s-8)} }
.L .tbl-w{border:1px solid var(--c-line);border-radius:var(--r-14);background:var(--c-paper);overflow:hidden}
.L .tbl-scroll{overflow-x:auto}
.L table.tb{border-collapse:collapse;width:100%;font-size:var(--fs-14);line-height:1.45}
.L table.tb th,.L table.tb td{text-align:left;vertical-align:middle;padding:var(--s-12) var(--s-16);border-bottom:1px solid var(--c-line)}
.L table.tb thead th{font-size:var(--fs-12-5);font-weight:600;color:var(--c-ink-3);background:var(--c-mist);white-space:nowrap}
.L table.tb tbody tr:last-child td{border-bottom:0}
.L table.tb td.n,.L table.tb th.n{text-align:right;font-variant-numeric:tabular-nums}
.L table.tb tbody tr.hl td{background:var(--c-lavender-3)}
.L table.tb tbody tr.click{cursor:pointer}
.L table.tb tbody tr.click:hover td{background:var(--c-mist)}
@container la (max-width:760px){
  .L table.tb.rsp thead{display:none}
  .L table.tb.rsp,.L table.tb.rsp tbody,.L table.tb.rsp tr,.L table.tb.rsp td{display:block;width:100%}
  .L table.tb.rsp tr{padding:var(--s-12) var(--s-4);border-bottom:1px solid var(--c-line)}
  .L table.tb.rsp tbody tr:last-child{border-bottom:0}
  .L table.tb.rsp td{border:0;padding:var(--s-4) var(--s-12);text-align:left}
  .L table.tb.rsp td[data-l]::before{content:attr(data-l);display:block;font-size:var(--fs-12);font-weight:600;color:var(--c-ink-3)}
  .L table.tb.rsp td.n{text-align:left}
}

/* ---------- Banners, toasts, skeletons ---------- */
.L .bn{display:flex;gap:var(--s-12);align-items:flex-start;padding:var(--s-14) var(--s-16);border-radius:var(--r-12);background:var(--c-mist);border:1px solid var(--c-line);font-size:var(--fs-14);line-height:1.5}
.L .bn > .i{margin-top:var(--s-2);color:var(--c-violet)}
.L .bn-b{display:flex;flex-direction:column;gap:var(--s-4);min-width:0;flex:1 1 auto}
.L .bn-t{font-weight:650;color:var(--c-ink)}
.L .bn-a{display:flex;gap:var(--s-8);flex-wrap:wrap;margin-top:var(--s-6)}
.L .bn.act{background:var(--c-saffron-soft);border-color:var(--c-saffron-line)}
.L .bn.act > .i{color:var(--c-saffron-deep)}
.L .bn.bad{background:var(--c-red-soft);border-color:var(--c-red-line)}
.L .bn.bad > .i{color:var(--c-red)}
.L .bn.ok{background:var(--c-lavender);border-color:var(--c-lilac-3)}
.L .toast{position:absolute;left:24px;bottom:24px;z-index:80;display:flex;gap:var(--s-10);align-items:center;background:var(--c-aubergine);color:var(--c-white);padding:var(--s-12) var(--s-16);border-radius:var(--r-12);font-size:var(--fs-14);font-weight:550;box-shadow:var(--shadow-menu);max-width:calc(100% - 48px)}
.L .toast .i{color:var(--c-saffron)}
.L .sk{background:linear-gradient(90deg,var(--c-mist),var(--c-mist-2),var(--c-mist));background-size:200% 100%;animation:la-sh 1.4s linear infinite;border-radius:var(--r-8)}
@keyframes la-sh{0%{background-position:100% 0}100%{background-position:-100% 0}}
@media (prefers-reduced-motion:reduce){.L .sk,.L .st-progress::before{animation:none}.L *{transition:none!important}}

/* ---------- Evidence (from the reference) ---------- */
.L .ec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-10)}
.L .ec-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.L .ec{border:1px solid var(--c-line);border-radius:var(--r-10);padding:var(--s-10) var(--s-14);display:flex;flex-direction:column;gap:var(--s-2);min-width:0;background:var(--c-paper)}
.L .ec .l{font-size:var(--fs-13);color:var(--c-ink-3);line-height:1.35}
.L .ec .v{font-size:var(--fs-16);font-weight:650;color:var(--c-aubergine);line-height:1.3}
.L .ec .c{font-size:var(--fs-12-5);color:var(--c-ink-2);line-height:1.4;margin-top:var(--s-2)}
.L .ec.pos{background:var(--c-lavender);border-color:var(--c-lilac-3)}
.L .ec.na{border:1.5px dashed var(--c-line-3);background:var(--c-mist)}
.L .ec.na .v{color:var(--c-ink-2)}
@container la (max-width:560px){ .L .ec-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))} }
.L .ans{display:flex;flex-direction:column;gap:var(--s-12)}
.L .ans p{margin:0}
.L .ans ul,.L .ans ol{padding-left:var(--s-em-1-25);display:flex;flex-direction:column;gap:var(--s-6)}
.L mark.hl{background:var(--c-lilac);color:var(--c-ink);padding:var(--s-1) var(--s-2);border-radius:var(--r-3);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.L mark.hl.focus{box-shadow:var(--shadow-ring-amethyst)}
.L .cut{border-top:1.5px dashed var(--c-line-3);padding-top:var(--s-10);font-family:var(--f-sans);font-size:var(--fs-13);color:var(--c-ink-2);display:flex;gap:var(--s-8);align-items:center}
.L .src{display:inline-flex;align-items:center;gap:var(--s-6);border:1.5px solid var(--c-amethyst);border-radius:var(--r-pill);padding:var(--s-4) var(--s-12);font-size:var(--fs-13-5);font-weight:600;color:var(--c-aubergine);text-decoration:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--c-paper)}
.L .src .i{width:14px;height:14px;color:var(--c-amethyst)}
.L .src.own{background:var(--c-lavender)}
.L .ev-step{display:grid;grid-template-columns:30px minmax(0,1fr);gap:var(--s-14);align-items:start}
.L .ev-step > .stack{min-width:0}

/* ---------- Metrics and bars ---------- */
.L .mtile{display:flex;flex-direction:column;gap:var(--s-6);min-width:0}
.L .mtile .of{font-size:var(--fs-14);color:var(--c-ink-2);font-weight:500}
.L .bar{position:relative;height:10px;border-radius:var(--r-5);background:var(--c-mist);overflow:hidden;box-shadow:var(--shadow-inset-line)}
.L .bar > .f{position:absolute;left:0;top:0;bottom:0;background:var(--c-violet);border-radius:var(--r-5) 0 0 var(--r-5)}
.L .bar > .f.full{border-radius:var(--r-5)}
.L .bar > .f.c{background:var(--c-amethyst-2)}
.L .bar > .f.other{background:var(--c-line-3)}
.L .bar > .m{position:absolute;top:0;bottom:0;right:0;background:repeating-linear-gradient(135deg,transparent 0 4px,var(--c-mauve-18) 4px 5px);border-left:1px dashed var(--c-line-3)}
.L .bar.lg{height:14px;border-radius:var(--r-7)}
.L .cmp{display:flex;flex-direction:column;gap:var(--s-10)}
.L .cmp-r{display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr) 92px;gap:var(--s-14);align-items:center;font-size:var(--fs-14)}
.L .cmp-r .nm{font-weight:550;color:var(--c-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.L .cmp-r.me .nm{font-weight:700;color:var(--c-aubergine)}
.L .cmp-r .vl{text-align:right;font-variant-numeric:tabular-nums;color:var(--c-ink-2)}
.L .cmp-r.me .vl{color:var(--c-aubergine);font-weight:650}
@container la (max-width:560px){ .L .cmp-r{grid-template-columns:minmax(0,1fr) 76px;gap:var(--s-6) var(--s-10)} .L .cmp-r .bar{grid-column:1 / -1;grid-row:2} }
.L .pgb{height:8px;border-radius:var(--r-4);background:var(--c-mist);overflow:hidden;box-shadow:var(--shadow-inset-line)}
.L .pgb > span{display:block;height:100%;background:var(--c-amethyst);border-radius:var(--r-4)}

/* ---------- Stepper ---------- */
.L .stp{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0}
.L .stp li{display:flex;align-items:center;flex:1 1 0;min-width:0}
.L .stp li:last-child{flex:0 0 auto}
.L .stp li > .s{display:flex;align-items:center;gap:var(--s-10);min-width:0;text-decoration:none;color:var(--c-ink-2);font-size:var(--fs-14);font-weight:550;padding:var(--s-4) 0}
.L .stp li > .s .rn{width:28px;height:28px;font-size:var(--fs-13)}
.L .stp li > .s.cur{color:var(--c-aubergine);font-weight:650}
.L .stp li > .s .sub{display:block;font-size:var(--fs-12);font-weight:500;color:var(--c-ink-3)}
.L .stp li > .s.chk .sub{color:var(--c-saffron-ink)}
.L .stp .ln{flex:1 1 auto;height:1.5px;background:var(--c-line-2);margin:0 var(--s-12);min-width:12px}
.L .stp .ln.done{background:var(--c-violet)}
.L .stp-m{display:none}
@container la (max-width:1000px){
  .L .stp{display:none}
  .L .stp-m{display:flex;flex-direction:column;gap:var(--s-8)}
}

/* ---------- Timeline ---------- */
.L .tl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.L .tl > li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:var(--s-14);position:relative;padding-bottom:var(--s-20)}
.L .tl > li:last-child{padding-bottom:0}
.L .tl > li::before{content:"";position:absolute;left:14.25px;top:32px;bottom:2px;width:1.5px;background:var(--c-line-2)}
.L .tl > li:last-child::before{display:none}
.L .tl > li.done::before{background:var(--c-violet)}
.L .tl .rn{width:30px;height:30px}
.L .tl .rn.up{background:var(--c-paper);box-shadow:var(--shadow-inset-line-3-strong);color:var(--c-ink-3)}
.L .tl .rn.bad{background:var(--c-red-soft);box-shadow:var(--shadow-inset-red-strong);color:var(--c-red)}
.L .tl .rn.hold{background:var(--c-mist);box-shadow:var(--shadow-inset-ink-3-strong);color:var(--c-ink-2)}
.L .tl-b{display:flex;flex-direction:column;gap:var(--s-3);padding-top:var(--s-4);min-width:0}
.L .tl-t{font-weight:650;font-size:var(--fs-15);color:var(--c-ink)}
.L .tl > li.up .tl-t{color:var(--c-ink-2);font-weight:550}

/* ---------- Overlays: drawer, modal, sheet ---------- */
.L.L-ov{position:absolute;inset:0;pointer-events:none;background:transparent;min-height:0;z-index:70}
.L.L-ov > *{pointer-events:auto}
.L .scrim{position:absolute;inset:0;background:var(--c-ink-32)}
.L .dr{position:absolute;top:0;right:0;bottom:0;width:min(600px,92%);background:var(--c-paper);box-shadow:var(--shadow-drawer);display:flex;flex-direction:column;animation:la-in .22s ease-out}
.L .dr-h{display:flex;align-items:center;gap:var(--s-10);padding:var(--s-14) var(--s-20);border-bottom:1px solid var(--c-line)}
.L .dr-b{flex:1 1 auto;overflow:auto;padding:var(--s-22) var(--s-24) var(--s-28);display:flex;flex-direction:column;gap:var(--s-22)}
.L .dr-f{display:flex;gap:var(--s-10);align-items:center;justify-content:space-between;padding:var(--s-12) var(--s-20);border-top:1px solid var(--c-line);background:var(--c-paper)}
@keyframes la-in{from{transform:translateX(24px);opacity:.4}to{transform:none;opacity:1}}
.L .md{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100% - 32px));max-height:calc(100% - 48px);overflow:auto;background:var(--c-paper);border-radius:var(--r-18);box-shadow:var(--shadow-sheet);padding:var(--s-26);display:flex;flex-direction:column;gap:var(--s-16)}
.L .md-a{display:flex;gap:var(--s-10);justify-content:flex-end;flex-wrap:wrap}
@container la (max-width:700px){
  .L .dr{width:100%;border-radius:0;animation:none}
  .L .dr-b{padding:var(--s-18) var(--s-16) var(--s-24)}
  .L .md{top:auto;bottom:0;left:0;right:0;transform:none;width:100%;border-radius:var(--r-18) var(--r-18) 0 0;max-height:90%;padding:var(--s-22) var(--s-18) var(--s-24)}
  .L .md-a{flex-direction:column-reverse}
  .L .md-a .b{width:100%}
}
@media (prefers-reduced-motion:reduce){.L .dr{animation:none}}

/* Sticky action bar (onboarding, check and start) */
.L .abar{position:sticky;bottom:0;z-index:15;background:var(--c-white-96);border-top:1px solid var(--c-line);backdrop-filter:blur(6px)}
.L .abar-in{max-width:1440px;margin:0 auto;padding:var(--s-12) var(--s-32);display:flex;align-items:center;gap:var(--s-12)}
.L .abar-in .grow{min-width:0}
@container la (max-width:900px){ .L .abar-in{padding:var(--s-10) var(--s-16)} }
@container la (max-width:560px){ .L .abar-in .hint{display:none} .L .abar-in .b-pri{flex:1 1 auto} }

/* ---------- Empty states ---------- */
.L .es{display:flex;flex-direction:column;gap:var(--s-18);align-items:flex-start;max-width:640px}
.L .how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-18);width:100%}
.L .how li{list-style:none;display:flex;flex-direction:column;gap:var(--s-10)}
.L .how li b{font-size:var(--fs-15-5);font-weight:650;color:var(--c-ink)}
.L .how li p{font-size:var(--fs-14);color:var(--c-ink-2);line-height:1.5}
@container la (max-width:760px){ .L .how{grid-template-columns:minmax(0,1fr)} .L .how li{flex-direction:row;align-items:flex-start;gap:var(--s-12)} }