/* Production additions to the Revision B styles: replacements for the prototype's inline values. */
.L .mk-a{fill:var(--c-aubergine)}
.L .mk-b{fill:var(--c-amethyst)}
.L .mk-c{fill:var(--c-lilac)}
.L form.inl{display:inline}
.L .mn0{min-width:0}
.L .sp10{height:var(--s-10)}
.L .bar .m-start{left:0}
.L .t-metric.na{color:var(--c-ink-2)}
.L .ab-me{display:inline-flex;align-items:center;gap:var(--s-6);color:var(--c-ink);font-weight:600}
.L .skip{position:absolute;left:var(--s-8);top:calc(-1 * var(--s-48));background:var(--c-aubergine);color:var(--c-white);padding:var(--s-8) var(--s-12);border-radius:var(--r-8);z-index:10}
.L .skip:focus{top:var(--s-8)}
.L .pg.narrow.w860{max-width:860px}
.L .pt56{padding-top:var(--s-56)}

/* Real form controls carry the Revision B checked states (the prototype used aria-checked on
   buttons). Native inputs stay in the accessibility tree and work without JavaScript. */
.L .cbx-in,.L .rc > input,.L .seg input,.L .qdec input{position:absolute;opacity:0;width:1px;height:1px}
.L label:has(> .cbx-in:checked) > .cbx{background:var(--c-violet);border-color:var(--c-violet)}
.L label:has(> .cbx-in:checked) > .cbx .i{opacity:1}
.L label:has(> .cbx-in:focus-visible) > .cbx{box-shadow:var(--shadow-halo-focus)}
.L .sel:has(.cbx-in:checked){background:var(--c-lavender);border-color:var(--c-lilac-2)}
.L label.sel{cursor:pointer}
.L .rc{cursor:pointer}
.L .rc:has(> input:checked){background:var(--c-lavender);border-color:var(--c-amethyst);box-shadow:var(--shadow-inset-amethyst)}
.L .rc:has(> input:checked) .rdo{border-color:var(--c-violet)}
.L .rc:has(> input:checked) .rdo::after{transform:scale(1)}
.L .rc:has(> input:focus-visible){box-shadow:var(--shadow-halo-focus)}
.L .seg label > span{display:inline-block;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;cursor:pointer}
.L .seg label:has(> input:checked) > span{background:var(--c-paper);color:var(--c-aubergine);font-weight:600;box-shadow:var(--shadow-card-lined)}
.L .seg label:has(> input:focus-visible) > span{box-shadow:var(--shadow-halo-focus)}
.L .qdec label > span{min-height:40px;padding:var(--s-8) var(--s-10);border-radius:var(--r-9);border:1px solid var(--c-line-2);background:var(--c-paper);font-size:var(--fs-13-5);font-weight:600;color:var(--c-ink-2);display:flex;align-items:center;gap:var(--s-8);line-height:1.25;cursor:pointer}
.L .qdec label > span::before{content:"";width:14px;height:14px;border-radius:50%;flex:none;box-shadow:var(--shadow-inset-line-3-strong);background:var(--c-paper)}
.L .qdec label:has(> input:checked) > span{border-color:var(--c-violet);color:var(--c-aubergine);background:var(--c-lavender)}
.L .qdec label:has(> input:checked) > span::before{box-shadow:var(--shadow-inset-violet-thick)}
.L .svc:has(.cbx-in:checked){border-color:var(--c-lilac-2)}
.L .svc:not(:has(.cbx-in:checked)){background:var(--c-mist)}
.L .sel-edit{grid-column:1 / -1}
.L .mw640{max-width:640px}
.L .msg.inl{display:inline}
.L fieldset{border:0;padding:0;margin:0;min-width:0}
.L legend{padding:0}
.L .db{display:block}
.L .ul0{list-style:none;margin:0;padding:0}
.L .sev.sev28{width:28px;height:28px}
.L .op-name{color:var(--c-lavender-2);font-weight:600}
.L .op-me{color:var(--c-lavender-2)}

/* The evidence panel over a report page (r.drawer): fixed to the viewport, using the Revision B .scrim and .dr. */
.L .ov{position:fixed;inset:0;z-index:70}

/* Revision B navigation/account sheets cover the browser viewport, including scrolled pages. */
.L.app-menu-overlay{position:fixed}

/* Native hidden state must win over the prototype's explicit grid/flex displays. */
.L [hidden]{display:none!important}
.L a.tile{text-decoration:none}
.L .qflag > summary{list-style:none}
.L .qflag > summary::-webkit-details-marker{display:none}
.L .qflag[open]{flex-basis:100%;min-width:0}
.L .qr:has(.qflag[open]){grid-template-columns:minmax(0,1fr)}