@font-face{font-family:"Inter";font-style:normal;font-display:swap;font-weight:100 900;src:url(/ui/fonts/inter-latin-opsz-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-display:swap;font-weight:100 900;src:url(/ui/fonts/inter-latin-ext-opsz-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:italic;font-display:swap;font-weight:100 900;src:url(/ui/fonts/inter-latin-opsz-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:italic;font-display:swap;font-weight:100 900;src:url(/ui/fonts/inter-latin-ext-opsz-italic.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-display:swap;font-weight:100 800;src:url(/ui/fonts/jetbrains-mono-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-display:swap;font-weight:100 800;src:url(/ui/fonts/jetbrains-mono-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --l-canvas:#f7f8fa;--l-surface:#fff;--l-sunken:#f2f4f7;--l-hover:#f5f7fa;
  --l-line:#e4e7ec;--l-line-strong:#cfd5de;
  --l-ink:#0b1324;--l-text:#344054;--l-muted:#667085;--l-faint:#98a2b3;
  --l-accent:#0056f5;--l-accent-ink:#0047cc;--l-accent-wash:#ebf2ff;--l-accent-line:#b2ccff;
  --l-pass:#12925a;--l-pass-ink:#067647;--l-pass-wash:#e7f6ee;--l-pass-line:#a6e0c3;
  --l-fix:#d97706;--l-fix-ink:#b54708;--l-fix-wash:#fef4e6;--l-fix-line:#f8d49d;
  --l-quiet:#98a2b3;--l-quiet-wash:#f2f4f7;
  --l-font:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --l-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --l-r:12px;--l-r-sm:8px;--l-r-xs:6px;
  --l-shadow:0 1px 2px rgb(16 24 40/.05);
  --l-shadow-lg:0 12px 32px -8px rgb(16 24 40/.18),0 4px 8px -4px rgb(16 24 40/.06);
  --l-w:1120px;--l-gutter:24px;
  --l-t-xs:.8125rem;--l-t-sm:.9375rem;--l-t-md:1rem;--l-t-lg:1.125rem;--l-t-xl:1.375rem;--l-t-2xl:1.75rem;--l-t-3xl:2.25rem;--l-t-4xl:2.75rem;
}
@media (max-width:640px){:root{--l-gutter:16px;--l-t-3xl:1.75rem;--l-t-4xl:1.875rem}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:16px}
body.l{margin:0;background:var(--l-canvas);color:var(--l-text);font:400 var(--l-t-md)/1.6 var(--l-font);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.l :where(h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote,pre){margin:0}
.l :where(ul,ol){padding:0;list-style:none}
.l a{color:var(--l-accent-ink);text-decoration:none}
.l a:hover{text-decoration:underline;text-underline-offset:3px}
.l :focus-visible{outline:2px solid var(--l-accent);outline-offset:2px;border-radius:4px}
.l img,.l svg{display:block;max-width:100%}
.l code,.l kbd,.l samp{font-family:var(--l-mono);font-size:.875em}
.l-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.l-skip{position:absolute;left:16px;top:-48px;z-index:20;background:var(--l-ink);color:#fff!important;padding:8px 12px;border-radius:var(--l-r-sm)}
.l-skip:focus{top:12px}

/* type */
.l-display{font-size:var(--l-t-4xl);line-height:1.12;font-weight:600;letter-spacing:-.025em;color:var(--l-ink);text-wrap:balance}
.l-h1{font-size:var(--l-t-3xl);line-height:1.15;font-weight:600;letter-spacing:-.022em;color:var(--l-ink);text-wrap:balance}
.l-h2{font-size:var(--l-t-xl);line-height:1.3;font-weight:600;letter-spacing:-.012em;color:var(--l-ink)}
.l-h3{font-size:var(--l-t-md);line-height:1.4;font-weight:600;color:var(--l-ink)}
.l-lede{font-size:var(--l-t-lg);line-height:1.55;color:var(--l-text);max-width:62ch;text-wrap:pretty}
.l-body{max-width:68ch;text-wrap:pretty}
.l-small{font-size:var(--l-t-sm);line-height:1.5}
.l-xs{font-size:var(--l-t-xs);line-height:1.45}
.l-muted{color:var(--l-muted)}
.l-ink{color:var(--l-ink)}
.l-strong{font-weight:600;color:var(--l-ink)}
.l-count{color:var(--l-muted);font-weight:500}
.l-mono{font-family:var(--l-mono);font-size:.875em}
.l-nowrap{white-space:nowrap}

/* layout */
.l-wrap{max-width:var(--l-w);margin-inline:auto;padding-inline:var(--l-gutter)}
.l-main{padding-block:40px 96px}
/* A page that draws its own heading (How it works, Glossary, Lens's agent, What changed, the registry, the waiting
   page) sets it on the report's cover: the navy runs edge to edge behind the heading, which turns white. */
main{overflow-x:clip}
:is(.l-main>.l-stack>header:first-child,.l-reg__head){position:relative;isolation:isolate;margin-top:-40px;padding-block:44px 48px;color:#fff}
:is(.l-main>.l-stack>header:first-child,.l-reg__head)::before{content:"";position:absolute;z-index:-1;inset:0 -100vmax;background:radial-gradient(900px 360px at 88% -20%,rgb(51 204 244/.28),transparent 60%),linear-gradient(180deg,#05083a 0%,#0a1d6b 100%)}
:is(.l-main>.l-stack>header:first-child,.l-reg__head) :is(h1,.l-h1){color:#fff}
:is(.l-main>.l-stack>header:first-child,.l-reg__head) :is(.l-lede,.l-muted,p){color:rgb(255 255 255/.78)}
:is(.l-main>.l-stack>header:first-child,.l-reg__head) .l-subtab{background:rgb(255 255 255/.1);border-color:rgb(255 255 255/.28);color:#fff!important}
:is(.l-main>.l-stack>header:first-child,.l-reg__head) .l-subtab:hover{background:rgb(255 255 255/.2)}
.l-stack{display:flex;flex-direction:column}
.l-row{display:flex;align-items:center;flex-wrap:wrap}
.l-row--top{align-items:flex-start}
.l-row--between{justify-content:space-between}
.l-g1{gap:4px}.l-g2{gap:8px}.l-g3{gap:12px}.l-g4{gap:16px}.l-g5{gap:24px}.l-g6{gap:32px}.l-g7{gap:48px}.l-g8{gap:72px}
.l-grow{flex:1 1 auto;min-width:0}
.l-grid{display:grid;gap:16px}
.l-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.l-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.l-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:900px){.l-cols-3,.l-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.l-cols-2,.l-cols-3,.l-cols-4{grid-template-columns:minmax(0,1fr)}}
.l-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.l-split--wide{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
@media (max-width:900px){.l-split,.l-split--wide{grid-template-columns:minmax(0,1fr);gap:32px}}
.l-rule{border:0;border-top:1px solid var(--l-line);margin:0}

/* site bar */
.l-bar{background:var(--l-surface);border-bottom:1px solid var(--l-line)}
.l-bar__in{display:flex;align-items:center;gap:24px;min-height:64px}
.l-brand{display:flex;align-items:center;gap:10px;color:var(--l-ink)!important;text-decoration:none!important;margin-right:auto}
.l-brand img{height:26px;width:auto}
.l-brand--lens img{height:30px}
.l-brand span{font-size:1.125rem;font-weight:500;color:var(--l-muted);letter-spacing:-.01em;padding-left:10px;border-left:1px solid var(--l-line)}
.l-bar__nav{display:flex;align-items:center;gap:4px}
.l-bar__link{color:var(--l-text)!important;font-size:var(--l-t-sm);font-weight:500;padding:8px 12px;border-radius:var(--l-r-sm);text-decoration:none!important}
.l-bar__link:hover{background:var(--l-hover);color:var(--l-ink)!important}
.l-bar__link[aria-current=page]{color:var(--l-accent-ink)!important;background:var(--l-accent-wash);font-weight:600;cursor:default;pointer-events:none}
@media (max-width:640px){.l-bar__in{gap:12px;min-height:56px}.l-bar__link{display:none}.l-brand img{height:22px}.l-brand span{font-size:1rem;padding-left:8px}}

/* footer */
.l-foot{border-top:1px solid var(--l-line);background:var(--l-surface);padding-block:48px 40px;font-size:var(--l-t-sm)}
.l-foot__cols{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:32px}
.l-foot__col{display:flex;flex-direction:column;gap:8px}
.l-foot__col h2{font-size:var(--l-t-xs);font-weight:600;color:var(--l-ink);margin-bottom:4px}
.l-foot__col a{color:var(--l-muted)}
.l-foot__col a:hover{color:var(--l-ink)}
.l-foot__base{margin-top:40px;padding-top:24px;border-top:1px solid var(--l-line);color:var(--l-muted);font-size:var(--l-t-xs)}
@media (max-width:900px){.l-foot__cols{grid-template-columns:repeat(2,1fr)}.l-foot__lead{grid-column:1/-1}}


/* buttons */
.l-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--l-r-sm);border:1px solid var(--l-line-strong);background:var(--l-surface);color:var(--l-ink)!important;font:500 var(--l-t-sm)/1 var(--l-font);text-decoration:none!important;white-space:nowrap;cursor:pointer;box-shadow:var(--l-shadow);transition:background-color .12s,border-color .12s}
.l-btn:hover{background:var(--l-hover);border-color:var(--l-faint)}
.l-btn svg{width:16px;height:16px;flex:none}
.l-btn--primary{background:var(--l-accent);border-color:var(--l-accent);color:#fff!important}
.l-btn--primary:hover{background:var(--l-accent-ink);border-color:var(--l-accent-ink)}
.l-btn--quiet{background:transparent;border-color:transparent;box-shadow:none;color:var(--l-text)!important}
.l-btn--quiet:hover{background:var(--l-hover);border-color:transparent}
.l-btn--sm{height:34px;padding:0 12px;font-size:var(--l-t-xs)}
.l-btn--lg{height:48px;padding:0 22px;font-size:var(--l-t-md)}
.l-btn--icon{width:40px;padding:0}
.l-btn--icon.l-btn--sm{width:34px}
@media (max-width:640px){.l-btn--collapse{width:40px;padding:0}.l-btn--collapse .l-btn__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}}
.l-link{display:inline-flex;align-items:center;gap:6px;font-weight:500}
.l-link svg{width:16px;height:16px}

/* menus: a disclosure that opens a panel, no script */
.l-menu{position:relative}
.l-menu>summary{list-style:none}
.l-menu>summary::-webkit-details-marker{display:none}
.l-menu[open]>summary{background:var(--l-hover)}
.l-menu__pop{position:absolute;right:0;top:calc(100% + 6px);z-index:10;min-width:280px;background:var(--l-surface);border:1px solid var(--l-line);border-radius:var(--l-r);box-shadow:var(--l-shadow-lg);padding:6px}
.l-menu__item{display:grid;grid-template-columns:20px 1fr;gap:2px 12px;align-items:start;padding:10px 12px;border-radius:var(--l-r-sm);color:var(--l-ink)!important;text-decoration:none!important;font-size:var(--l-t-sm);line-height:1.35}
.l-menu__item:hover{background:var(--l-hover)}
.l-menu__item svg{width:18px;height:18px;margin-top:1px;color:var(--l-muted)}
.l-menu__item small{grid-column:2;color:var(--l-muted);font-size:var(--l-t-xs)}
@media (max-width:640px){.l-menu__pop{position:fixed;left:12px;right:12px;top:auto;bottom:12px;min-width:0}}

/* tabs: underlined, never a button */
.l-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--l-line);-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent)}
.l-tabs::-webkit-scrollbar{display:none}
@media (min-width:1000px){.l-tabs{-webkit-mask-image:none;mask-image:none}}
.l-tab{position:relative;display:inline-flex;align-items:center;gap:8px;padding:12px 12px 14px;color:var(--l-muted)!important;font-size:var(--l-t-sm);font-weight:500;white-space:nowrap;text-decoration:none!important}
.l-tab:hover{color:var(--l-ink)!important}
.l-tab[aria-current=page]{color:var(--l-ink)!important}
.l-tab[aria-current=page]::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;border-radius:2px;background:var(--l-accent)}
.l-tab svg{width:16px;height:16px}
.l-tabs__end{margin-left:auto}
.l-subtabs{display:flex;gap:6px;flex-wrap:wrap}
.l-subtab{padding:6px 12px;border-radius:999px;font-size:var(--l-t-xs);font-weight:500;color:var(--l-text)!important;border:1px solid var(--l-line);background:var(--l-surface);text-decoration:none!important}
.l-subtab:hover{border-color:var(--l-line-strong)}
.l-subtab[aria-current=page]{background:var(--l-ink);border-color:var(--l-ink);color:#fff!important}

/* surfaces */
.l-card{background:var(--l-surface);border:1px solid var(--l-line);border-radius:var(--l-r);padding:24px}
.l-card--flush{padding:0;overflow:hidden}
.l-card--sunken{background:var(--l-sunken);border-color:transparent}
.l-card--link{display:block;color:inherit!important;text-decoration:none!important;transition:border-color .12s,box-shadow .12s}
.l-card--link:hover{border-color:var(--l-line-strong);box-shadow:var(--l-shadow)}
@media (max-width:640px){.l-card{padding:16px}}
.l-callout{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--l-r-sm);background:var(--l-sunken);font-size:var(--l-t-sm)}
.l-callout svg{width:18px;height:18px;flex:none;margin-top:2px;color:var(--l-muted)}
.l-callout--accent{background:var(--l-accent-wash)}
.l-callout--accent svg{color:var(--l-accent)}

/* pills */
.l-pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;font-size:var(--l-t-xs);font-weight:500;line-height:1;white-space:nowrap;background:var(--l-quiet-wash);color:var(--l-text)}
.l-pill svg{width:14px;height:14px}
.l-pill--pass{background:var(--l-pass-wash);color:var(--l-pass-ink)}
.l-pill--fix{background:var(--l-fix-wash);color:var(--l-fix-ink)}
.l-pill--accent{background:var(--l-accent-wash);color:var(--l-accent-ink)}
.l-pill--lg{height:30px;padding:0 12px;font-size:var(--l-t-sm);font-weight:600}
.l-pill--lg svg{width:16px;height:16px}

/* lists of rows: the one way a list is drawn */
.l-rows{background:var(--l-surface);border:1px solid var(--l-line);border-radius:var(--l-r);overflow:hidden}
.l-rows>li+li,.l-rows>*+.l-row-item{border-top:1px solid var(--l-line)}
.l-item{display:grid;grid-template-columns:20px minmax(0,1fr) auto 16px;gap:4px 14px;align-items:center;padding:14px 18px;color:inherit!important;text-decoration:none!important;min-height:52px}
a.l-item:hover{background:var(--l-hover)}
.l-item>svg:first-child{width:20px;height:20px}
.l-item__title{color:var(--l-ink);font-weight:500;line-height:1.4}
.l-item__sub{grid-column:2;color:var(--l-muted);font-size:var(--l-t-sm);line-height:1.45}
.l-item__meta{color:var(--l-muted);font-size:var(--l-t-xs);text-align:right;white-space:nowrap}
.l-item__go{width:16px;height:16px;color:var(--l-faint)}
.l-item--quiet .l-item__title{color:var(--l-text);font-weight:400}
.l-item--num{grid-template-columns:28px minmax(0,1fr) auto 16px}
.l-num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:var(--l-sunken);color:var(--l-ink);font-size:var(--l-t-xs);font-weight:600}
@media (max-width:640px){.l-item{grid-template-columns:20px minmax(0,1fr) 16px;padding:12px 14px}.l-item__meta{grid-column:2;grid-row:auto;text-align:left}.l-item__go{grid-column:3;grid-row:1}.l-item--num{grid-template-columns:28px minmax(0,1fr) 16px}}
.l-rows__divider{display:flex;align-items:center;gap:10px;padding:8px 18px;background:var(--l-sunken);color:var(--l-muted);font-size:var(--l-t-xs);font-weight:500}
.l-rows__divider svg{width:14px;height:14px}
.l-more>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:12px 18px;color:var(--l-muted);font-size:var(--l-t-sm);font-weight:500}
.l-more>summary::-webkit-details-marker{display:none}
.l-more>summary:hover{background:var(--l-hover);color:var(--l-ink)}
.l-more>summary svg{width:16px;height:16px;transition:transform .15s}
.l-more[open]>summary svg{transform:rotate(90deg)}
.l-more[open]>summary{border-bottom:1px solid var(--l-line)}

/* term and value */
.l-kv{display:grid;grid-template-columns:minmax(120px,max-content) minmax(0,1fr);gap:10px 24px;font-size:var(--l-t-sm)}
.l-kv__pair{display:contents}
.l-kv dt{color:var(--l-muted)}
.l-kv dd{color:var(--l-ink);min-width:0;overflow-wrap:anywhere}
@media (max-width:640px){.l-kv{grid-template-columns:minmax(0,1fr);gap:2px}.l-kv dd{margin-bottom:10px}}

/* tables */
.l-table-wrap{overflow-x:auto;border:1px solid var(--l-line);border-radius:var(--l-r);background:var(--l-surface)}
.l-table{width:100%;border-collapse:collapse;font-size:var(--l-t-sm)}
.l-table th{text-align:left;font-weight:600;color:var(--l-muted);font-size:var(--l-t-xs);background:var(--l-sunken);padding:10px 14px;white-space:nowrap}
.l-table td{padding:12px 14px;border-top:1px solid var(--l-line);vertical-align:top;color:var(--l-text)}
.l-table td.l-table__num,.l-table th.l-table__num{text-align:right}
.l-table tr:hover td{background:var(--l-hover)}

/* the technical style: monospace on a sunken ground, marked with </>; it means "for your engineers" */
.l-tech{background:var(--l-sunken);border-radius:var(--l-r-sm);font-family:var(--l-mono);font-size:.8125rem;line-height:1.6;color:var(--l-ink)}
.l-tech>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:10px 14px;color:var(--l-text)}
.l-tech>summary::-webkit-details-marker{display:none}
.l-tech>summary:hover{color:var(--l-ink)}
.l-tech>summary svg{width:16px;height:16px;flex:none;color:var(--l-muted)}
.l-tech__body{padding:4px 14px 14px}
.l-tech .l-kv{font-size:.8125rem;grid-template-columns:minmax(110px,max-content) minmax(0,1fr)}
.l-tech pre{white-space:pre-wrap;overflow-wrap:anywhere}
.l-code{display:inline-block;font-family:var(--l-mono);font-size:.8125rem;background:var(--l-sunken);border-radius:4px;padding:1px 6px;color:var(--l-ink)}

/* forms */
.l-field{display:flex;flex-direction:column;gap:6px}
.l-field label{font-size:var(--l-t-sm);font-weight:500;color:var(--l-ink)}
.l-input{height:48px;padding:0 14px;border:1px solid var(--l-line-strong);border-radius:10px;background:var(--l-surface);color:var(--l-ink);font:400 var(--l-t-md) var(--l-font);width:100%;box-shadow:var(--l-shadow)}
.l-input::placeholder{color:var(--l-faint)}
.l-input:focus{outline:none;border-color:var(--l-accent);box-shadow:0 0 0 4px var(--l-accent-wash)}
textarea.l-input{height:auto;min-height:120px;padding:12px 14px;font-family:var(--l-mono);font-size:.875rem}
.l-inline-form{display:flex;gap:8px}
.l-inline-form .l-input{flex:1 1 auto}
@media (max-width:640px){.l-inline-form{flex-direction:column}}
.l-hint{color:var(--l-muted);font-size:var(--l-t-xs)}
.l-error{color:var(--l-fix-ink);font-size:var(--l-t-sm)}


/* status marks: shape and colour together */
.l-mark{flex:none}
.l-mark--pass,.l-mark--reached{color:var(--l-pass)}
.l-mark--fix{color:var(--l-fix)}
.l-mark--waiting{color:var(--l-fix-line)}
.l-mark--unchecked,.l-mark--notyet{color:var(--l-quiet)}
.l-mark--na{color:var(--l-line-strong)}
.l-mark--next{color:var(--l-accent)}

/* the check ladder, compact: one segment per check, a tick where a stage's requirement ends */
.l-strip{display:inline-flex;align-items:center;gap:3px;vertical-align:middle}
.l-seg{display:block;width:14px;height:8px;border-radius:2px;background:var(--l-quiet-wash);box-shadow:inset 0 0 0 1px var(--l-line-strong)}
.l-seg--pass{background:var(--l-pass);box-shadow:none}
.l-seg--fix{background:var(--l-fix);box-shadow:none}
.l-seg--waiting{background:var(--l-surface);box-shadow:inset 0 0 0 1.5px var(--l-fix-line)}
.l-seg--unchecked{background:transparent;box-shadow:none;border:1.5px dashed var(--l-quiet)}
.l-seg--na{background:transparent;box-shadow:inset 0 0 0 1px var(--l-line)}
.l-strip--sm .l-seg{width:10px;height:6px}
.l-strip--lg .l-seg{width:20px;height:10px;border-radius:3px}
.l-tick{display:block;width:2px;height:16px;border-radius:1px;background:var(--l-ink);margin-inline:3px}
.l-strip--sm .l-tick{height:12px;margin-inline:2px}

/* a key to the marks */
.l-legend{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--l-muted);font-size:var(--l-t-xs)}
.l-legend span{display:inline-flex;align-items:center;gap:6px}

/* commercial certainty: one ladder per row */
.l-cert{display:grid;grid-template-columns:minmax(160px,max-content) auto minmax(0,1fr);gap:6px 20px;align-items:center;padding:14px 18px}
.l-cert__name{font-weight:500;color:var(--l-ink);font-size:var(--l-t-sm)}
.l-cert__level{font-size:var(--l-t-xs);color:var(--l-muted);white-space:nowrap}
.l-cert__gaps{grid-column:1/-1;color:var(--l-muted);font-size:var(--l-t-xs)}
@media (max-width:640px){.l-cert{grid-template-columns:minmax(0,1fr) auto}.l-cert .l-strip{grid-column:1/-1;grid-row:2}}

/* a ladder as a heading over its rows */
.l-ladder-head{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--l-sunken)}
.l-ladder-head h3{font-size:var(--l-t-sm);font-weight:600;color:var(--l-ink);min-width:0}
.l-ladder-head__note{margin-left:auto;font-size:var(--l-t-xs);color:var(--l-muted);white-space:nowrap}
.l-need{display:flex;align-items:center;gap:10px;padding:6px 18px;font-size:var(--l-t-xs);font-weight:500;color:var(--l-ink);background:linear-gradient(var(--l-surface),var(--l-surface)) padding-box}
.l-need::before,.l-need::after{content:"";flex:1 1 auto;height:0;border-top:2px solid var(--l-ink)}
.l-need::before{flex:0 0 22px}

/* rows inside a ladder group, or folded under one line */
.l-ladder-group>ul>li,.l-more>ul>li{border-top:1px solid var(--l-line)}
.l-more>summary .l-strip{margin-left:4px}
.l-more>summary .l-ladder-head__note{margin-left:auto}

/* the stage map: four stages as a diamond. Rows: Provable, a fork, Agreeable and Transactable, a join, Discoverable */
.l-map{--l-node-h:108px;--l-map-gap:36px;--l-map-col:20px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:var(--l-node-h) var(--l-map-gap) var(--l-node-h) var(--l-map-gap) var(--l-node-h);column-gap:var(--l-map-col)}
.l-map>.l-node--provable{grid-column:1/-1;grid-row:1;justify-self:center;width:calc(50% - var(--l-map-col)/2)}
/* a map whose stages also carry their meaning (the home page) grows to fit the words */
.l-map:has(.l-node__legend){--l-node-h:auto}
/* on a phone the diamond is a list, in the order an agent clears the stages, without its connecting lines */
@media (max-width:640px){
  .l-map{display:flex;flex-direction:column;gap:10px}
  .l-map>.l-map__fork,.l-map>.l-map__join{display:none}
  .l-map>.l-node{width:100%!important;height:auto!important;min-height:0}
  /* the Overview's sheet: one column, the map under the next fixes */
  .l-sheet .l-split--wide{grid-template-columns:minmax(0,1fr)!important;gap:20px}
  .l-map>.l-node--discoverable{order:1}.l-map>.l-node--agreeable{order:2}.l-map>.l-node--transactable{order:3}.l-map>.l-node--provable{order:4}
}
.l-map>.l-node--agreeable{grid-column:1;grid-row:3}
.l-map>.l-node--transactable{grid-column:2;grid-row:3}
.l-map>.l-node--discoverable{grid-column:1/-1;grid-row:5;justify-self:center;width:calc(50% - var(--l-map-col)/2)}
.l-map__fork,.l-map__join{grid-column:1/-1;position:relative}
.l-map__fork{grid-row:2}.l-map__join{grid-row:4}
.l-map__fork::before,.l-map__join::before{content:"";position:absolute;left:calc(25% - var(--l-map-col)/4);right:calc(25% - var(--l-map-col)/4);border:1.5px solid var(--l-line-strong)}
.l-map__fork::before{top:50%;bottom:0;border-bottom:0;border-radius:8px 8px 0 0}
.l-map__join::before{top:0;bottom:50%;border-top:0;border-radius:0 0 8px 8px}
.l-map__fork::after,.l-map__join::after{content:"";position:absolute;left:calc(50% - .75px);width:0;border-left:1.5px solid var(--l-line-strong)}
.l-map__fork::after{top:0;bottom:50%}
.l-map__join::after{top:50%;bottom:0}
.l-node{display:flex;flex-direction:column;justify-content:space-between;gap:8px;height:var(--l-node-h);padding:14px 16px;border-radius:var(--l-r);background:var(--l-surface);border:1px solid var(--l-line);color:inherit!important;text-decoration:none!important;transition:border-color .12s,box-shadow .12s}
a.l-node:hover{border-color:var(--l-line-strong);box-shadow:var(--l-shadow)}
.l-node__top{display:flex;align-items:center;gap:8px;min-width:0}
.l-node__name{font-weight:600;color:var(--l-ink);font-size:var(--l-t-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.l-node__state{margin-left:auto;font-size:var(--l-t-xs);font-weight:500;color:var(--l-muted);white-space:nowrap}
.l-node__foot{display:flex;flex-direction:column;gap:6px}
.l-node__count{font-size:var(--l-t-xs);color:var(--l-muted)}
.l-node--reached{border-color:var(--l-pass-line)}
.l-node--reached .l-node__state{color:var(--l-pass-ink)}
.l-node--next{border-color:var(--l-accent);box-shadow:0 0 0 3px var(--l-accent-wash)}
.l-node--next .l-node__state{color:var(--l-accent-ink)}
.l-node--notyet{background:var(--l-canvas)}
.l-node--unknown{border-style:dashed}
@media (max-width:640px){
  .l-map{--l-node-h:84px;--l-map-gap:24px;--l-map-col:10px}
  .l-node{padding:10px 12px;gap:4px}
  .l-node__name{font-size:var(--l-t-sm)}
  .l-node__state{display:none}
  .l-node .l-seg{width:8px;height:6px}
}
.l-map--plain{--l-node-h:64px}
.l-map--plain .l-node{justify-content:center}

/* the report frame: a band that names the site checked, then the report's tabs on white */
.l-rhead{--l-cover:#05083a;background:var(--l-cover)}
.l-rhead__band{background:var(--l-cover);color:#fff}
.l-rhead__eyebrow{padding-top:20px;font-size:var(--l-t-xs);font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#33ccf4}
.l-rhead__top{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"site actions" "meta actions";column-gap:16px;align-items:center;padding-top:6px;padding-bottom:22px}
.l-rhead__site{grid-area:site;display:flex;align-items:center;gap:10px;min-width:0;font-size:1.75rem;line-height:1.2;font-weight:700;letter-spacing:-.02em;color:#fff}
.l-rhead__site a{color:#fff!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.l-rhead__site svg{width:18px;height:18px;color:rgba(255,255,255,.55);flex:none}
.l-rhead__band .l-shopicon{width:32px;height:32px;padding:4px;border-radius:8px;background:#fff}
.l-rhead__meta{grid-area:meta;color:rgba(255,255,255,.74);font-size:var(--l-t-sm);margin-top:4px}
.l-rhead__actions{grid-area:actions;display:flex;gap:8px}
.l-rhead__band .l-btn{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3);color:#fff!important;box-shadow:none}
.l-rhead__band .l-btn:hover,.l-rhead__band .l-menu[open]>summary{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.45)}
.l-rhead__nav{background:var(--l-cover);border-bottom:1px solid rgb(255 255 255/.08)}
.l-rhead__nav .l-tabs{border-bottom:0;margin-inline:-12px}
.l-rhead__nav .l-tab{color:rgb(255 255 255/.64)!important}
.l-rhead__nav .l-tab:hover,.l-rhead__nav .l-tab[aria-current=page]{color:#fff!important}
.l-rhead__nav .l-tab[aria-current=page]::after{background:#33ccf4}
.l-rhead__nav .l-mark--notyet,.l-rhead__nav .l-mark--unknown{color:rgb(255 255 255/.42)}
.l-rhead__nav .l-mark--next{color:#6ea8ff}
.l-rhead__nav .l-mark--reached{color:#4ade80}
@media (max-width:640px){
  .l-rhead__eyebrow{padding-top:14px}
  .l-rhead__top{grid-template-areas:"site site" "meta actions";row-gap:10px;padding-bottom:16px}
  .l-rhead__site{font-size:1.375rem}
  .l-rhead__actions{gap:6px}
  .l-rhead__actions .l-btn{height:36px}
  .l-rhead__actions .l-btn--collapse{width:36px}
  .l-rhead__actions .l-menu summary .l-btn__label+svg{display:none}
}

/* a stage's title band: the report cover continues below the tabs, and names what the page is about */
.l-stagehero{background:radial-gradient(900px 360px at 88% -20%,rgb(51 204 244/.28),transparent 60%),linear-gradient(180deg,#05083a 0%,#0a1d6b 100%)}
.l-stagehero__in{display:flex;gap:24px;align-items:flex-start;padding-block:44px 84px}
.l-stagehero__icon{flex:none;display:grid;place-items:center;width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#0056f5,#33ccf4);color:#fff;box-shadow:0 12px 28px -10px rgb(51 204 244/.55)}
.l-stagehero__icon svg{width:30px;height:30px}
.l-stagehero__text{min-width:0}
.l-stagehero__eyebrow{font-size:var(--l-t-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#7dd3fc}
.l-stagehero__title{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;margin-top:2px}
.l-stagehero__title h1{font-size:clamp(2.5rem,1.6rem + 3vw,3.75rem);line-height:1.04;font-weight:700;letter-spacing:-.03em;color:#fff}
.l-stagehero__state{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;font-size:var(--l-t-sm);font-weight:600;background:rgb(255 255 255/.12);color:#fff;box-shadow:inset 0 0 0 1px rgb(255 255 255/.28)}
.l-stagehero__state .l-mark{color:#fff}
.l-stagehero__state--reached{background:#16a34a;box-shadow:none}
.l-stagehero__state--next{background:#0056f5;box-shadow:none}
.l-stagehero__question{margin-top:14px;font-size:var(--l-t-xl);line-height:1.35;font-weight:600;color:#fff;max-width:42ch}
.l-stagehero__why{margin-top:6px;color:rgb(255 255 255/.76);max-width:62ch}
.l-stagehero__needs{display:flex;gap:8px;align-items:flex-start;margin-top:14px;padding:10px 14px;border-radius:var(--l-r-sm);background:rgb(255 255 255/.08);color:rgb(255 255 255/.88);font-size:var(--l-t-sm);max-width:62ch}
.l-stagehero__needs svg{width:16px;height:16px;margin-top:3px;flex:none;color:#7dd3fc}
.l-stagehero__needs a{color:#fff!important;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.l-stagehero + .l-main{margin-top:-56px;position:relative}
.l-cover__title{font-size:clamp(2rem,1.4rem + 2.2vw,3rem);line-height:1.08;font-weight:700;letter-spacing:-.025em;color:#fff;max-width:26ch}
.l-cover__line{margin-top:10px}
/* a page whose content is a document to look at keeps its cover short, so the document starts high */
.l-cover--compact .l-stagehero__in{padding-block:22px 68px}
.l-cover--compact .l-cover__title{font-size:clamp(1.75rem,1.4rem + 1vw,2.25rem)}
.l-cover--compact .l-cover__line{margin-top:4px}
.l-cover .l-count{color:rgb(255 255 255/.6)}
.l-cover__line a{color:#fff!important;font-weight:600;text-decoration:none}
.l-cover__back a{display:inline-flex;align-items:center;gap:6px;color:#7dd3fc!important;text-decoration:none}
.l-cover__back a:hover{color:#fff!important}
.l-cover .l-pill{background:rgb(255 255 255/.12);color:#fff;box-shadow:inset 0 0 0 1px rgb(255 255 255/.28)}
.l-cover .l-pill .l-mark{color:#fff}
.l-cover .l-pill--pass{background:#16a34a;box-shadow:none}
.l-cover .l-pill--fix{background:#c2410c;box-shadow:none}
/* Export & share's window: tabs down the left, a panel that scrolls on its own */
.l-modal--wide{width:88vw;height:86vh}
.l-modal__x{display:grid;place-items:center;width:36px;height:36px;margin-left:6px;border-radius:999px;border:0;background:rgb(255 255 255/.1);color:#fff;cursor:pointer}
.l-modal__x:hover{background:rgb(255 255 255/.22)}
.l-modal__x svg{width:18px;height:18px}
.l-modal__body:has(> .l-xsh){padding:0;overflow:hidden}
/* the window is drawn inside the report's navy band, so it takes back the page's own colours */
.l-rhead__band .l-modal{color:var(--l-text)}
.l-rhead__band .l-modal__body .l-btn:not(.l-btn--primary){background:var(--l-surface);border-color:var(--l-line-strong);color:var(--l-ink)!important;box-shadow:none}
.l-rhead__band .l-modal__body .l-btn:not(.l-btn--primary):hover{background:var(--l-hover);border-color:var(--l-ink)}
.l-xsh{display:grid;grid-template-columns:260px minmax(0,1fr);height:100%}
.l-xsh__nav{display:flex;flex-direction:column;gap:6px;padding:24px 16px;background:var(--l-canvas);border-right:1px solid var(--l-line)}
.l-xsh__tab{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--l-r);color:var(--l-text)!important;text-decoration:none!important;font-weight:600;font-size:var(--l-t-lg)}
.l-xsh__tab svg{width:22px;height:22px;color:var(--l-muted)}
.l-xsh__tab:hover{background:var(--l-hover)}
.l-xsh__tab[aria-current]{background:var(--l-accent-wash);color:var(--l-accent-ink)!important}
.l-xsh__tab[aria-current] svg{color:var(--l-accent)}
.l-xsh__panels{min-width:0;overflow:auto;overscroll-behavior:contain}
.l-xsh__panel{display:flex;flex-direction:column;gap:14px;padding:22px 26px 28px}
.l-xsh__panel[hidden]{display:none}
.l-xsh__label{font-size:var(--l-t-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--l-muted)}
.l-xsh__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-bottom:10px}
.l-xsh__grid>[data-copy-holder]{display:contents}
.l-xsh__action{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px solid var(--l-line);border-radius:var(--l-r);background:var(--l-surface);color:inherit!important;text-decoration:none!important;text-align:left;font:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.l-xsh__action:hover{border-color:var(--l-accent);box-shadow:0 10px 24px -16px rgb(1 0 68/.45)}
.l-xsh__icon{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--l-accent-wash);color:var(--l-accent)}
.l-xsh__icon svg{width:18px;height:18px}
.l-xsh__text{display:flex;flex-direction:column;gap:2px}
.l-xsh__title{font-weight:600;color:var(--l-ink)}
.l-xsh__hint{font-size:var(--l-t-sm);color:var(--l-muted)}
.l-xsh__bar{display:flex;justify-content:flex-end}
.l-xsh__wait{display:flex;align-items:center;gap:10px;color:var(--l-muted)}
.l-xsh__wait[hidden],.l-xsh__failed[hidden]{display:none}
.l-xsh__spin{width:16px;height:16px;border-radius:50%;border:2px solid var(--l-accent);border-right-color:transparent;animation:l-spin .8s linear infinite}
.l-xsh__panel .l-pdf{max-width:min(640px,calc((86vh - 210px)/1.414))}
.l-xsh__panel .l-json{height:calc(86vh - 150px)}
/* one scroll per window: the Markdown and its source scroll with the panel; only the JSON tree keeps its own */
.l-xsh__panel .l-docpanel__scroll{max-height:none;overflow:visible;border:0}
.l-xsh__panel .l-json .l-docpanel__scroll{max-height:calc(86vh - 230px);overflow:auto}
.l-xsh__panels:focus{outline:none}
/* the page behind an open overlay stays still */
html:has(.l-modal:popover-open){overflow:hidden}
/* Export & share: one menu in three short sections */
.l-menu__label{padding:10px 12px 4px;font-size:var(--l-t-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--l-muted)}
.l-menu__label:first-child{padding-top:4px}
.l-menu__label:not(:first-child){margin-top:8px}
/* the Overview's preview of the plan after the next fixes: faded, not links, fading out toward "See the whole plan" */
.l-preview{display:flex;flex-direction:column;gap:8px;opacity:.8;pointer-events:none;user-select:none;-webkit-mask-image:linear-gradient(#000 45%,transparent);mask-image:linear-gradient(#000 60%,rgb(0 0 0/.25))}
/* inside the Overview's sheet the map gets a little more room, so a stage's name is never cut */
.l-sheet .l-split--wide{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:32px}
.l-preview__label{font-size:var(--l-t-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--l-muted)}
.l-preview .l-item{background:var(--l-canvas)}
.l-preview .l-num{background:var(--l-sunken);color:var(--l-muted)}
.l-sheet{display:flex;flex-direction:column;gap:24px;padding:28px;background:var(--l-surface);border:1px solid var(--l-line);border-radius:var(--l-r);box-shadow:0 24px 48px -20px rgb(1 0 68/.45),0 2px 6px rgb(1 0 68/.08)}
@media (max-width:640px){
  .l-stagehero__in{gap:14px;padding-block:24px 64px}
  .l-stagehero__icon{width:44px;height:44px;border-radius:12px}
  .l-stagehero__icon svg{width:22px;height:22px}
  .l-stagehero__question{font-size:var(--l-t-lg)}
  .l-stagehero + .l-main{margin-top:-44px}
  .l-sheet{padding:18px 16px 20px}
}

/* Findings: the stage's checks summed up, set apart, before the boxes that detail them */
.l-findings{display:flex;flex-direction:column;gap:20px;padding:26px 28px 28px;background:var(--l-surface);border:1px solid var(--l-line);border-radius:var(--l-r);box-shadow:0 24px 48px -20px rgb(1 0 68/.45),0 2px 6px rgb(1 0 68/.08)}
.l-findings__head{display:flex;flex-direction:column;gap:4px}
.l-findings__head h2{font-size:1.875rem;line-height:1.2;font-weight:700;letter-spacing:-.02em;color:var(--l-ink)}
.l-findings__head p{color:var(--l-muted)}
.l-findings__title{display:flex;align-items:baseline;justify-content:space-between;gap:4px 16px;flex-wrap:wrap}
.l-findings__count{font-size:var(--l-t-lg);font-weight:600;color:var(--l-text)}
.l-findings__tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.l-tile{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;padding:14px 16px;border-radius:10px;background:var(--l-sunken)}
.l-tile__n{font-size:2rem;line-height:1;font-weight:700;color:var(--l-ink)}
.l-tile__word{grid-column:1/-1;margin-top:8px;font-size:var(--l-t-sm);font-weight:500;color:var(--l-text)}
.l-tile--fix{background:var(--l-fix-wash)}
.l-tile--fix .l-tile__n{color:var(--l-fix-ink)}
.l-tile--waiting{background:#fffaf1;box-shadow:inset 0 0 0 1px var(--l-fix-line)}
.l-tile--pass{background:var(--l-pass-wash)}
.l-tile--pass .l-tile__n{color:var(--l-pass-ink)}
.l-tile--zero{opacity:.5}
.l-findings__first h3{margin-bottom:6px;font-size:var(--l-t-xs);font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--l-muted)}
.l-findings__first ol{border-top:1px solid var(--l-line)}
.l-findings__first li a{display:grid;grid-template-columns:28px minmax(0,1fr) auto 16px;gap:12px;align-items:center;padding:12px 6px;border-bottom:1px solid var(--l-line);color:var(--l-ink)!important;font-weight:500;text-decoration:none!important}
.l-findings__first li a::after{content:"›";color:var(--l-faint);font-size:1.25rem;line-height:1}
.l-findings__first li a:hover{background:var(--l-hover)}
.l-findings__first .l-num{background:var(--l-fix-wash);color:var(--l-fix-ink)}
.l-findings__who{font-size:var(--l-t-xs);font-weight:400;color:var(--l-muted);white-space:nowrap}
@media (max-width:640px){
  .l-findings{padding:18px 16px 20px}
  .l-findings__tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .l-findings__first li a{grid-template-columns:28px minmax(0,1fr) 12px}
  .l-findings__who{grid-column:2;grid-row:2}
}

/* the verdict */
.l-verdict{display:flex;flex-direction:column;gap:16px}
.l-stagebadge{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;height:32px;padding:0 14px 0 10px;border-radius:999px;font-size:var(--l-t-sm);font-weight:600;background:var(--l-pass-wash);color:var(--l-pass-ink)}
.l-stagebadge svg{width:18px;height:18px}
.l-stagebadge--none{background:var(--l-fix-wash);color:var(--l-fix-ink)}
.l-stagebadge--unknown{background:var(--l-quiet-wash);color:var(--l-text)}

/* a page heading inside a report: a back link, a title, a state */
.l-phead{display:flex;flex-direction:column;gap:12px}
.l-phead__back{display:inline-flex;align-items:center;gap:6px;font-size:var(--l-t-sm);font-weight:500;color:var(--l-muted)!important}
.l-phead__back svg{width:16px;height:16px}
.l-phead__title{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap}
.l-phead__title .l-h1{flex:1 1 420px}


/* home */
.l-hero{padding-block:72px 56px}
.l-hero__form{max-width:560px}
.l-trust{display:flex;flex-wrap:wrap;gap:8px 20px;color:var(--l-muted);font-size:var(--l-t-xs)}
.l-trust span{display:inline-flex;align-items:center;gap:6px}
.l-trust svg{width:14px;height:14px}
@media (max-width:640px){.l-hero{padding-block:40px 32px}}


/* a check's page: one column, read top to bottom; its three levels are sections */
.l-check{display:flex;flex-direction:column;gap:32px;max-width:860px}
.l-check .l-phead__back{align-self:flex-start}
.l-check .l-lede a{font-weight:500}

/* the fix */
.l-check__fixhead{display:flex;align-items:baseline;justify-content:space-between;gap:8px 16px;flex-wrap:wrap}
.l-check__who{display:flex;gap:6px 12px;flex-wrap:wrap;font-size:var(--l-t-sm);font-weight:500;color:var(--l-muted)}
.l-check__does{display:flex;align-items:center;gap:8px;font-size:var(--l-t-sm);font-weight:500;color:var(--l-ink)}
.l-check__does>svg{width:16px;height:16px;flex:none}
.l-check__does>svg:not(.l-mark){color:var(--l-muted)}
.l-check__do{font-size:var(--l-t-lg);line-height:1.55;color:var(--l-ink);text-wrap:pretty}
.l-check__do .l-code{display:inline;padding:1px 5px;font-size:.875em;line-height:1.7;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.l-check__next{font-size:var(--l-t-sm);line-height:1.5;color:var(--l-muted)}
.l-check__note{font-family:var(--l-font);color:var(--l-text);margin-bottom:8px}
.l-check__fix .l-tech pre{max-height:320px;overflow:auto}

/* where it sits: the ladder, this check ringed */
.l-check__where{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap}
.l-check__where .l-h3{margin-right:8px}
.l-seg--current{outline:2px solid var(--l-ink);outline-offset:2px}

/* the record, in the technical style */
.l-check__hashes{display:flex;flex-wrap:wrap;gap:4px 12px}
.l-check__record .l-tech__body{padding-top:8px}

/* the terms it uses */
.l-check__terms{display:flex;align-items:baseline;gap:8px 16px;flex-wrap:wrap}
.l-check__terms ul{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:var(--l-t-sm)}
.l-check__terms .l-code{display:inline;padding:0 4px}
@media (max-width:640px){
  .l-check{gap:24px}
  .l-check__do{font-size:var(--l-t-md)}
  .l-check__where .l-muted{flex-basis:100%}
}


/* the page's heading: the title and its count, the switch between groupings */
.l-plan-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 24px;flex-wrap:wrap}
.l-plan-head .l-count{font-weight:500}

/* a group: its heading, then its rows */
.l-plan-group{display:flex;flex-direction:column;gap:12px}
.l-plan-group__head{display:flex;flex-direction:column;gap:2px}
.l-plan-group__head .l-h2{display:flex;align-items:center;gap:10px}
.l-plan-group__head .l-h2 svg{width:18px;height:18px;flex:none}

/* a fix: number, name, owner, typical time, after, and the row is the link */
.l-fix{display:grid;grid-template-columns:24px minmax(0,1fr) 9rem 8rem 4.5rem 16px;gap:4px 16px;align-items:center;padding:12px 18px;min-height:52px;color:inherit!important;text-decoration:none!important}
a.l-fix:hover{background:var(--l-hover)}
.l-fix--by-owner{grid-template-columns:24px minmax(0,1fr) 8rem 4.5rem 16px}
.l-fix--unchecked{grid-template-columns:24px minmax(0,1fr) auto 16px}
.l-fix--unchecked>svg:first-child{width:20px;height:20px;justify-self:center}
.l-fix__n{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:var(--l-sunken);color:var(--l-ink);font-size:var(--l-t-xs);font-weight:600}
.l-fix__n--after{background:transparent;box-shadow:inset 0 0 0 1.5px var(--l-line-strong);color:var(--l-muted)}
.l-fix__name{color:var(--l-ink);font-weight:500;line-height:1.4;min-width:0}
.l-fix__meta{display:contents}
.l-fix__owner,.l-fix__time,.l-fix__after,.l-fix__action{color:var(--l-muted);font-size:var(--l-t-xs);white-space:nowrap}
.l-fix__owner{color:var(--l-text)}
.l-fix__go{width:16px;height:16px;color:var(--l-faint)}
.l-fix__go svg{width:16px;height:16px}
@media (max-width:640px){
  .l-fix,.l-fix--by-owner,.l-fix--unchecked{grid-template-columns:24px minmax(0,1fr) 16px;gap:2px 12px;padding:12px 14px;align-items:start}
  .l-fix__n,.l-fix--unchecked>svg:first-child,.l-fix__go{grid-row:1/span 2;align-self:center}
  .l-fix__go{grid-column:3}
  .l-fix__meta{display:flex;flex-wrap:wrap;gap:0 6px;grid-column:2;grid-row:2;min-width:0}
  .l-fix__meta>*:empty{display:none}
  .l-fix__meta>*+*:not(:empty)::before{content:"·";margin-right:6px;color:var(--l-faint)}
}

/* a starter file: what it is, its file name, and the row downloads it */
.l-file{display:grid;grid-template-columns:20px minmax(0,1fr) auto 16px;gap:2px 14px;align-items:center;padding:12px 18px;color:inherit!important;text-decoration:none!important}
a.l-file:hover{background:var(--l-hover)}
.l-file>svg:first-child{width:18px;height:18px;color:var(--l-muted)}
.l-file__name{color:var(--l-ink);font-weight:500;line-height:1.4;min-width:0}
.l-file__path{color:var(--l-muted);font-size:var(--l-t-xs);white-space:nowrap}
.l-file__go{width:16px;height:16px;color:var(--l-accent)}
.l-file__go svg{width:16px;height:16px}
@media (max-width:640px){
  .l-file{grid-template-columns:20px minmax(0,1fr) 16px;padding:12px 14px}
  .l-file__path{grid-column:2;grid-row:2}
  .l-file__go{grid-column:3;grid-row:1/span 2}
  .l-file>svg:first-child{grid-row:1/span 2}
}


/* Technical's header: its name and its row of places */
.l-techhead{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap}
.l-techhead__title{font-size:var(--l-t-2xl);line-height:1.2;font-weight:600;letter-spacing:-.02em;color:var(--l-ink)}
@media (max-width:640px){.l-techhead .l-subtabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1*var(--l-gutter));padding-inline:var(--l-gutter)}.l-techhead .l-subtabs::-webkit-scrollbar{display:none}.l-techhead .l-subtab{white-space:nowrap}}
.l-tech-card{background:var(--l-surface);border:1px solid var(--l-line);border-radius:var(--l-r);padding:20px 24px}
@media (max-width:640px){.l-tech-card{padding:16px}}
.l-talert{display:flex;gap:10px;align-items:flex-start;padding:12px 16px;border-radius:var(--l-r-sm);background:var(--l-fix-wash);color:var(--l-fix-ink);font-size:var(--l-t-sm);font-weight:500}
.l-talert svg{margin-top:2px}

/* hashes, commands, outcomes */
.l-hash{display:inline-flex;align-items:center;gap:4px;max-width:100%;min-width:0;vertical-align:middle}
.l-hash>a,.l-hash>code{min-width:0}
.l-hash__full{font-family:var(--l-mono);font-size:.8125rem;color:var(--l-ink);overflow-wrap:anywhere;word-break:break-all}
.l-hash .l-btn--sm.l-btn--icon,.l-cmd .l-btn--sm.l-btn--icon,.l-req .l-btn--sm.l-btn--icon{width:28px;height:28px;flex:none}
.l-cmd{display:flex;align-items:flex-start;gap:8px;background:var(--l-sunken);border-radius:var(--l-r-sm);padding:10px 12px}
.l-cmd pre{flex:1 1 auto;min-width:0;margin:0;font:.8125rem/1.6 var(--l-mono);color:var(--l-ink);white-space:pre-wrap;overflow-wrap:anywhere}
.l-outcome{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.l-outcome__word{color:var(--l-ink);font-size:var(--l-t-sm);font-weight:500}
.l-outcome__token{font-family:var(--l-mono);font-size:.75rem;color:var(--l-muted);background:var(--l-sunken);border-radius:4px;padding:1px 5px}
.l-codes{display:inline-flex;flex-wrap:wrap;gap:6px}

/* the ladder bars: one cell per level, the floor in ink, reached green, unobserved pale, a tick at a stage's need */
.l-lads{background:var(--l-surface);border:1px solid var(--l-line);border-radius:var(--l-r);padding:12px 20px}
.l-lad{display:grid;grid-template-columns:minmax(150px,200px) max-content 64px minmax(0,1fr);column-gap:16px}
.l-lad__row{display:grid;grid-column:1/-1;grid-template-columns:subgrid;align-items:center;min-height:33px}
.l-lad__row+.l-lad__row{border-top:1px solid var(--l-line)}
.l-lad__label{display:flex;align-items:baseline;gap:10px;min-width:0;color:var(--l-ink)!important}
.l-lad__code{font-family:var(--l-mono);font-size:.75rem;color:var(--l-muted);width:30px;flex:none}
.l-lad__name{font-size:var(--l-t-sm);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.l-lad__track{display:inline-flex;align-items:center;gap:3px}
.l-lad__cell{display:inline-block;width:26px;height:12px;border-radius:3px;background:var(--l-surface);box-shadow:inset 0 0 0 1px var(--l-line-strong);flex:none}
.l-lad__cell--floor{background:var(--l-line-strong);box-shadow:none}
.l-lad__cell--reached{background:var(--l-pass);box-shadow:none}
.l-lad__cell--ghost{background:repeating-linear-gradient(135deg,var(--l-pass-wash) 0 3px,var(--l-surface) 3px 6px);box-shadow:inset 0 0 0 1px var(--l-pass-line)}
.l-lad__tick{display:inline-block;width:2px;height:20px;border-radius:1px;background:var(--l-ink);margin-inline:2px;flex:none}
.l-lad__level{font-size:var(--l-t-sm);color:var(--l-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.l-lad__need{font-size:var(--l-t-xs);color:var(--l-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.l-lad__legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:10px;padding-top:10px;border-top:1px solid var(--l-line);font-size:var(--l-t-xs);color:var(--l-muted)}
.l-lad__legend span{display:inline-flex;align-items:center;gap:6px}
.l-lad__legend .l-lad__cell{width:14px;height:10px}
.l-lad__legend .l-lad__tick{height:12px}
@media (max-width:640px){
  .l-lads{padding:6px 14px}
  .l-lad{display:block}
  .l-lad__row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label level" "track need";gap:6px 12px;padding-block:8px}
  .l-lad__label{grid-area:label}.l-lad__level{grid-area:level;text-align:right}.l-lad__track{grid-area:track}.l-lad__need{grid-area:need;text-align:right}
  .l-lad__cell{width:18px;height:10px}
}
.l-tdisc>summary{cursor:pointer;font-size:var(--l-t-xs);font-weight:500;color:var(--l-accent-ink)}
.l-gaps{display:flex;flex-direction:column;gap:6px;margin-top:10px;font-size:var(--l-t-xs);color:var(--l-text)}
.l-gaps li{display:flex;gap:10px;align-items:baseline}

/* the checks: filters, then one table; on a phone each row is a block */
.l-tfilters{display:flex;flex-wrap:wrap;gap:6px}
.l-tfilter{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--l-line);border-radius:999px;background:var(--l-surface);font-size:var(--l-t-xs);font-weight:500;color:var(--l-text)!important;text-decoration:none!important;white-space:nowrap}
.l-tfilter:hover{border-color:var(--l-line-strong)}
.l-tfilter[aria-current=page]{border-color:var(--l-ink);box-shadow:inset 0 0 0 1px var(--l-ink);color:var(--l-ink)!important}
.l-tfilter__n{color:var(--l-muted)}
.l-checks .l-table td{padding:8px 12px}
.l-checks .l-table th{padding:8px 12px}
.l-checks__check{width:30%}
.l-checks__outcome,.l-checks__reqs{width:1%;white-space:nowrap}
.l-checks__check a{display:flex;align-items:baseline;gap:10px;color:var(--l-ink)!important}
.l-checks__code{font-family:var(--l-mono);font-size:.75rem;color:var(--l-muted);flex:none;min-width:38px}
.l-checks__name{font-weight:500}
.l-checks__reason{font-size:var(--l-t-xs);line-height:1.5;color:var(--l-text);overflow-wrap:anywhere}
@media (min-width:641px){.l-checks__clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}}
.l-checks tr:target td,.l-checks tr:target:hover td{background:var(--l-accent-wash)}
@media (max-width:640px){
  .l-checks .l-table,.l-checks tbody,.l-checks td{display:block}
  .l-checks thead{display:none}
  .l-checks tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:12px 14px;border-top:1px solid var(--l-line)}
  .l-checks tbody tr:first-child{border-top:0}
  .l-checks .l-table td{padding:0;border:0;width:auto}
  .l-checks__check{grid-column:1/-1}
  .l-checks__outcome{grid-column:1}
  .l-checks__reqs{grid-column:2;grid-row:2}
  .l-checks__reason{grid-column:1/-1}
}

/* the visit as a sequence: Lens's agent on the left, the site on the right, one line per step */
.l-rseq{background:var(--l-surface);border:1px solid var(--l-line);border-radius:var(--l-r);padding:12px 20px 8px}
.l-rseq__lanes{display:grid;grid-template-columns:24px minmax(0,1.5fr) minmax(100px,.7fr) minmax(0,1fr);gap:12px;padding-bottom:10px;border-bottom:1px dashed var(--l-line-strong);font-size:var(--l-t-xs);font-weight:600;color:var(--l-ink)}
.l-rseq__lanes span{display:inline-flex;align-items:center;gap:6px;min-width:0}
.l-rseq__lanes span:first-child{grid-column:1/3}
.l-rseq__lanes span:last-child{grid-column:4}
.l-rseq__step{display:grid;grid-template-columns:24px minmax(0,1.5fr) minmax(100px,.7fr) minmax(0,1fr);gap:12px;align-items:center;padding:7px 0}
.l-rseq__step+.l-rseq__step{border-top:1px solid var(--l-line)}
.l-rseq__n{font-size:var(--l-t-xs);font-weight:600;color:var(--l-muted);text-align:center}
.l-rseq__what{font-size:var(--l-t-sm);color:var(--l-ink)!important;line-height:1.4}
.l-rseq__arrow{position:relative;display:flex;align-items:center;justify-content:center;height:22px;font-size:.75rem;color:var(--l-muted)}
.l-rseq__arrow::before{content:"";position:absolute;left:0;right:6px;top:50%;border-top:1.5px solid var(--l-line-strong)}
.l-rseq__arrow::after{content:"";position:absolute;right:0;top:calc(50% - 4.5px);border:4.5px solid transparent;border-left:7px solid var(--l-line-strong);border-right:0}
.l-rseq__arrow span{position:relative;background:var(--l-surface);padding:0 6px;white-space:nowrap}
/* colour, as on the waiting page: the step number in navy, the request arrow in Integra blue */
.l-rseq__lanes span:first-child{color:#05083a}
.l-rseq__lanes span:last-child{color:var(--l-accent-ink)}
.l-rseq__step{padding:10px 0}
.l-rseq__n{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:999px;background:#05083a;color:#fff!important;font-size:.6875rem;font-weight:700}
.l-rseq__arrow{color:var(--l-accent-ink)}
.l-rseq__arrow::before{border-top-color:var(--l-accent)}
.l-rseq__arrow::after{border-left-color:var(--l-accent)}
.l-rseq__step--skipped .l-rseq__n{background:var(--l-sunken);color:var(--l-muted)!important}
.l-rseq__step--skipped .l-rseq__arrow::before{border-top-color:var(--l-line-strong)}
.l-rseq__step--skipped .l-rseq__what{color:var(--l-muted)!important}
.l-rseq__step--skipped .l-rseq__arrow::before{border-top-style:dashed}
.l-rseq__step--skipped .l-rseq__arrow::after{display:none}
.l-rseq__answer{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}
.l-rseq__note{font-size:var(--l-t-xs);color:var(--l-muted)}
@media (max-width:640px){
  .l-rseq{padding:10px 14px 6px}
  .l-rseq__step{grid-template-columns:20px minmax(0,1fr);gap:4px 10px}
  .l-rseq__lanes{display:flex;justify-content:space-between}
  .l-rseq__arrow{display:none}
  .l-rseq__answer{grid-column:2}
}
.l-status{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;font:500 .75rem/1 var(--l-mono);white-space:nowrap;background:var(--l-quiet-wash);color:var(--l-text)}
.l-status--pass{background:var(--l-pass-wash);color:var(--l-pass-ink)}
.l-status--fix{background:var(--l-fix-wash);color:var(--l-fix-ink)}

/* the requests: one line each, opening to the transcript; a run of identical answers folded under one line */
.l-reqs{background:var(--l-surface);border:1px solid var(--l-line);border-radius:var(--l-r);overflow:hidden}
.l-reqs>li+li{border-top:1px solid var(--l-line)}
.l-reqs .l-reqs{border:0;border-top:1px solid var(--l-line);border-radius:0;background:var(--l-canvas)}
.l-req{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}
.l-req>details{min-width:0}
.l-req>[data-copy-holder]{padding:6px 8px 0 0}
.l-req:target{background:var(--l-accent-wash)}
.l-req__sum{list-style:none;cursor:pointer;display:grid;grid-template-columns:max-content max-content minmax(0,1fr) max-content;gap:10px;align-items:center;padding:8px 8px 8px 14px;min-height:40px}
.l-req__sum::-webkit-details-marker{display:none}
.l-req__sum:hover{background:var(--l-hover)}
.l-req__method{font-family:var(--l-mono);font-size:.75rem;color:var(--l-muted)}
.l-req__url{font-family:var(--l-mono);font-size:.8125rem;color:var(--l-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.l-req__hash{font-family:var(--l-mono);font-size:.75rem;color:var(--l-muted)}
.l-req__body{display:flex;flex-direction:column;gap:12px;padding:6px 14px 16px}
.l-req__full code{font-family:var(--l-mono);font-size:.8125rem;color:var(--l-ink);overflow-wrap:anywhere}
.l-req__body .l-kv{font-size:var(--l-t-xs)}
.l-req__body .l-kv code{font-family:var(--l-mono);overflow-wrap:anywhere}
.l-req__blocks{display:flex;flex-direction:column;gap:6px}
.l-pre{margin:0;background:var(--l-sunken);border-radius:var(--l-r-sm);padding:10px 12px;font:.75rem/1.6 var(--l-mono);color:var(--l-ink);white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto}
@media (max-width:640px){
  .l-req__sum{grid-template-columns:max-content max-content minmax(0,1fr);gap:4px 8px;padding-left:12px}
  .l-req__url{grid-column:1/-1;grid-row:2}
  .l-req__hash{justify-self:end}
  .l-req__body{padding:4px 12px 14px}
}
.l-run>details>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:var(--l-t-sm);color:var(--l-text)}
.l-run>details>summary::-webkit-details-marker{display:none}
.l-run>details>summary:hover{background:var(--l-hover)}
.l-run>details>summary svg{width:16px;height:16px;color:var(--l-muted);transition:transform .15s}
.l-run>details[open]>summary svg{transform:rotate(90deg)}

/* coverage: a legend, then routes as chips grouped by ladder */
.l-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 32px}
.l-legend__item{display:flex;flex-direction:column;gap:4px}
.l-legend__key{display:flex;align-items:center;gap:8px}
.l-legend__text{font-size:var(--l-t-xs);color:var(--l-muted);line-height:1.5}
@media (max-width:640px){.l-legend{grid-template-columns:minmax(0,1fr)}}
.l-routes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 32px;background:var(--l-surface);border:1px solid var(--l-line);border-radius:var(--l-r);padding:20px 24px}
@media (max-width:900px){.l-routes{grid-template-columns:minmax(0,1fr);padding:16px}}
.l-routes__name{font-size:var(--l-t-xs);font-weight:600;color:var(--l-muted);margin-bottom:8px}
.l-chips{display:flex;flex-wrap:wrap;gap:6px}
.l-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;border:1px solid var(--l-line);background:var(--l-canvas);color:var(--l-muted);font-size:var(--l-t-xs);line-height:1.4}
.l-chip svg{width:14px;height:14px;flex:none}
.l-chip--met{background:var(--l-pass-wash);border-color:var(--l-pass-line);color:var(--l-pass-ink)}
.l-chip--seen{background:var(--l-surface);border-color:var(--l-line-strong);color:var(--l-ink)}
.l-chip--seen svg{color:var(--l-muted)}
.l-chip--not_checked{background:transparent;border-style:dashed;border-color:var(--l-quiet)}
.l-tlist{background:var(--l-surface);border:1px solid var(--l-line);border-radius:var(--l-r);overflow:hidden}
.l-tlist>li{display:flex;flex-direction:column;gap:4px;padding:12px 16px;min-width:0}
.l-tlist>li+li{border-top:1px solid var(--l-line)}
.l-tlist__head{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;font-size:var(--l-t-sm)}
.l-tlist__url{font-family:var(--l-mono);font-size:.8125rem;color:var(--l-ink);overflow-wrap:anywhere}
.l-tlist__sub{font-size:var(--l-t-xs);color:var(--l-muted);overflow-wrap:anywhere}
.l-bullets{list-style:disc;padding-left:20px;display:flex;flex-direction:column;gap:2px}

/* LCP: the conformance level as five steps, then each thing behind it */
.l-lsteps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.l-lsteps__step{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:var(--l-t-xs);color:var(--l-muted);padding-inline:4px}
.l-lsteps__step::before{content:"";position:absolute;top:15px;left:-50%;right:50%;border-top:2px solid var(--l-line-strong)}
.l-lsteps__step:first-child::before{display:none}
.l-lsteps__step--reached::before{border-color:var(--l-pass)}
.l-lsteps__dot{position:relative;display:grid;place-items:center;width:32px;height:32px;border-radius:999px;background:var(--l-surface);border:2px solid var(--l-line-strong);font-weight:600;color:var(--l-muted)}
.l-lsteps__step--floor .l-lsteps__dot{background:var(--l-line-strong);color:var(--l-ink)}
.l-lsteps__step--reached .l-lsteps__dot{background:var(--l-pass);border-color:var(--l-pass);color:#fff}
.l-lsteps__step[aria-current=step] .l-lsteps__name{color:var(--l-ink);font-weight:600}
@media (max-width:640px){
  .l-lsteps{grid-template-columns:minmax(0,1fr);gap:8px}
  .l-lsteps__step{flex-direction:row;text-align:left;gap:12px}
  .l-lsteps__step::before{display:none}
  .l-lsteps__dot{width:28px;height:28px}
}
.l-place{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:var(--l-r-sm);background:var(--l-sunken)}
.l-place__pairing{font-family:var(--l-mono);font-size:.8125rem;font-weight:600;color:var(--l-ink)}
.l-place__checks{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:var(--l-t-xs)}
.l-place__checks>span{display:inline-flex;align-items:center;gap:8px}
.l-place .l-cmd{background:var(--l-surface)}
.l-scored{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:var(--l-t-xs)}
.l-scored a{display:inline-flex;align-items:center;gap:4px}
.l-scored code{font-family:var(--l-mono)}

/* Verify: the files */
.l-files{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:900px){.l-files{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.l-files{grid-template-columns:minmax(0,1fr)}}
.l-file{display:grid;grid-template-columns:20px minmax(0,1fr);gap:2px 12px;align-items:start;padding:14px 16px;border:1px solid var(--l-line);border-radius:var(--l-r);background:var(--l-surface);color:var(--l-ink)!important;text-decoration:none!important;height:100%}
.l-file:hover{border-color:var(--l-line-strong);box-shadow:var(--l-shadow)}
.l-file svg{grid-row:1/3;width:20px;height:20px;color:var(--l-accent);margin-top:2px}
.l-file__name{font-weight:600;font-size:var(--l-t-sm)}
.l-file__hint{font-size:var(--l-t-xs);color:var(--l-muted)}

/* the editions' viewer pages: a header with the switcher and the download, then the edition */
.l-edhead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.l-edhead__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.l-pdf{display:flex;flex-direction:column;gap:12px;width:100%;max-width:max(420px,min(720px,calc((100vh - 150px)/1.414)));margin-inline:auto}
.l-pdf__nav{display:flex;align-items:center;justify-content:space-between;gap:12px}
.l-pdf__nav[hidden],.l-pdf__page[hidden]{display:none}
.l-pdf__nav .l-btn:disabled{opacity:.45;cursor:default}
.l-pdf__page{border:1px solid var(--l-line);border-radius:var(--l-r-sm);overflow:hidden;background:var(--l-surface);box-shadow:var(--l-shadow)}
.l-pdf__page img{width:100%;height:auto}
.l-pdf__page{position:relative}
.l-pdf__loading{position:absolute;inset:0;display:flex;flex-direction:column;gap:14px;padding:11% 10%}
.l-pdf__sk{display:block;height:10px;border-radius:5px;background:linear-gradient(90deg,var(--l-sunken) 0%,var(--l-line) 40%,var(--l-sunken) 80%);background-size:300% 100%;animation:l-shimmer 1.6s ease-in-out infinite}
.l-pdf__sk--rule{height:4px;width:100%;margin-bottom:10px}
.l-pdf__sk--title{height:22px;width:55%;margin-bottom:6px}
.l-pdf__sk--short{width:62%}
.l-pdf__sk--block{height:120px;margin-block:10px;border-radius:10px}
.l-pdf__loadword{position:absolute;left:50%;top:34%;transform:translateX(-50%);white-space:nowrap;display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:var(--l-surface);box-shadow:var(--l-shadow);font-size:var(--l-t-sm);color:var(--l-muted)}
.l-pdf__spin{width:14px;height:14px;border-radius:50%;border:2px solid var(--l-accent);border-right-color:transparent;animation:l-spin .8s linear infinite}
@keyframes l-shimmer{0%{background-position:100% 0}100%{background-position:0 0}}
@media (prefers-reduced-motion:reduce){.l-pdf__sk,.l-pdf__spin{animation:none}}
@media (max-width:640px){.l-pdf__nav .l-btn__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.l-pdf__nav .l-btn{width:40px;padding:0}}
.l-md{max-width:820px;min-width:0;overflow-wrap:anywhere;background:var(--l-surface);border:1px solid var(--l-line);border-radius:var(--l-r);padding:32px 40px;font-size:var(--l-t-sm);line-height:1.65;color:var(--l-text)}
.l-md>*+*{margin-top:12px}
.l-md p{max-width:none}
.l-md>:first-child{margin-top:0}
.l-md :where(h2,h3,h4,h5,h6){color:var(--l-ink);font-weight:600;letter-spacing:-.01em;line-height:1.3;text-wrap:balance}
.l-md h2{font-size:1.625rem;margin-top:36px}
.l-md h3{font-size:1.3125rem;margin-top:32px}
.l-md h4{font-size:1.125rem;margin-top:28px}
.l-md h5{font-size:1rem;margin-top:24px}
.l-md h6{font-size:var(--l-t-sm);margin-top:20px}
.l-md :where(ul,ol){padding-left:22px}
.l-md ul{list-style:disc}
.l-md ol{list-style:decimal}
.l-md li+li{margin-top:4px}
.l-md code{font-family:var(--l-mono);font-size:.85em;background:var(--l-sunken);border-radius:4px;padding:1px 5px;overflow-wrap:anywhere}
.l-md pre{background:var(--l-sunken);border-radius:var(--l-r-sm);padding:12px;overflow:auto}
.l-md pre code{background:none;padding:0}
.l-md blockquote{border-left:3px solid var(--l-line-strong);padding-left:14px;color:var(--l-muted)}
.l-md hr{border:0;border-top:1px solid var(--l-line);margin-block:28px}
.l-md a{overflow-wrap:anywhere}
.l-md__table{overflow-x:auto;border:1px solid var(--l-line);border-radius:var(--l-r-sm)}
.l-md table{width:100%;border-collapse:collapse;font-size:var(--l-t-xs)}
.l-md th{background:var(--l-sunken);text-align:left;font-weight:600;color:var(--l-muted);padding:8px 12px}
.l-md td{padding:8px 12px;border-top:1px solid var(--l-line);vertical-align:top}
.l-md table{overflow-wrap:normal}
.l-md [data-fit]{white-space:nowrap}
@media (max-width:640px){.l-md{padding:20px 16px}.l-md h2{font-size:1.375rem}.l-md h3{font-size:1.1875rem}}
/* Technical, in the colours the rest of the report uses (subtle; scoped, since .l-legend and .l-file are also other
   pages' class names): navy headings, commands on the cover's navy, blue icon tiles, the counts as tinted tiles */
[data-technical] h2.l-h2{color:#05083a}
[data-technical] h3.l-h3{color:var(--l-accent-ink)}
.l-cmd{background:#05083a;color:#e6ecff;padding:12px 14px}
.l-cmd :is(pre,code,.l-code){background:none;color:#e6ecff;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--l-mono);font-size:.8125rem}
.l-cmd{align-items:center;border-radius:var(--l-r-sm)}
.l-cmd pre{flex:1;min-width:0}
.l-cmd .l-btn{background:rgb(255 255 255/.1)!important;border-color:rgb(255 255 255/.25)!important;color:#fff!important}
.l-cmd .l-btn.l-copied{background:var(--l-pass)!important;border-color:var(--l-pass)!important}
html.l-copy [data-copy-holder][hidden]{display:contents}
.l-cmd svg{color:#7dd3fc}
[data-technical] .l-tech-card{background:linear-gradient(180deg,var(--l-accent-wash),var(--l-surface) 70%);border-color:var(--l-accent-line,var(--l-line))}
[data-technical] .l-files .l-file{grid-template-columns:34px minmax(0,1fr);transition:border-color .15s,box-shadow .15s,transform .15s}
[data-technical] .l-files .l-file:hover{border-color:var(--l-accent);box-shadow:0 10px 24px -16px rgb(1 0 68/.45);transform:translateY(-1px)}
[data-technical] .l-files .l-file>svg:first-child{box-sizing:content-box;width:16px;height:16px;padding:7px;border-radius:9px;background:var(--l-accent-wash);color:var(--l-accent);grid-row:span 2}
[data-technical] .l-legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
[data-technical] .l-legend__item{padding:12px 14px;border-radius:var(--l-r-sm);background:var(--l-canvas);border:1px solid var(--l-line)}
[data-technical] .l-legend__item:has(.l-chip--met){background:var(--l-pass-wash);border-color:var(--l-pass-line,var(--l-line))}
[data-technical] .l-legend__item:has(.l-chip--seen){background:var(--l-accent-wash)}
[data-technical] .l-legend__item:has(.l-chip--not_checked){background:transparent;border-style:dashed}
[data-technical] .l-routes{background:linear-gradient(180deg,var(--l-canvas),var(--l-surface) 40%)}
[data-technical] .l-routes__name{color:#05083a;text-transform:uppercase;letter-spacing:.06em}
.l-chip__logo{width:14px;height:14px;flex:none;object-fit:contain}
[data-technical] .l-routes .l-chip--met{background:var(--l-pass-wash);border-color:var(--l-pass-line,var(--l-pass));color:var(--l-pass-ink)!important}
[data-technical] .l-routes .l-chip--seen{background:var(--l-accent-wash);border-color:var(--l-accent-line,var(--l-line))}
/* Requests' list in the visit's colours: the step's number in navy as in the visit above, each card edged in blue,
   or in a subtle green where the site answered, the method in a blue chip, a light blue hover */
[data-technical] .l-reqgroup>h3{display:flex;align-items:center;gap:10px;color:var(--l-ink)}
.l-reqgroup__n{display:inline-grid;place-items:center;flex:none;width:24px;height:24px;border-radius:999px;background:#05083a;color:#fff;font-size:.6875rem;font-weight:700}
[data-technical] .l-reqgroup>.l-reqs{box-shadow:inset 3px 0 0 var(--l-accent),0 8px 20px -18px rgb(1 0 68/.4)}
[data-technical] .l-reqgroup:has(.l-status--pass)>.l-reqs{box-shadow:inset 3px 0 0 var(--l-pass),0 8px 20px -18px rgb(1 0 68/.4)}
[data-technical] .l-reqgroup:has(.l-status--pass) .l-reqgroup__n{background:linear-gradient(135deg,#05083a 55%,var(--l-pass))}
[data-technical] .l-req__method{background:var(--l-accent-wash);color:var(--l-accent-ink);border-radius:5px;padding:1px 6px}
[data-technical] button.l-req__sum:hover{background:linear-gradient(90deg,var(--l-accent-wash),transparent 80%)}
[data-technical] .l-run>details>summary{color:var(--l-accent-ink);font-weight:500}
[data-technical] .l-run>details>summary svg{color:var(--l-accent)}
[data-technical] .l-tlist .l-code{background:var(--l-accent-wash);color:var(--l-accent-ink)}
@media (max-width:900px){[data-technical] .l-legend{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){[data-technical] .l-legend{grid-template-columns:minmax(0,1fr)}}
/* the LCP tab's preview of legalcontextprotocol.org, for a site that publishes no legal context */
.l-lcpcard{display:flex;gap:28px;align-items:flex-start;padding:28px;border-radius:var(--l-r);background:linear-gradient(180deg,#f4f5f7,#fff);border:1px solid var(--l-line)}
.l-lcpcard__logo{flex:none;width:88px;height:88px}
.l-lcpcard__body{display:flex;flex-direction:column;gap:10px;min-width:0}
.l-lcpcard__site{font-size:var(--l-t-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--l-muted)}
.l-lcpcard__name{font-family:"Source Serif 4",Georgia,"Times New Roman",serif;font-size:clamp(1.75rem,1.3rem + 1.4vw,2.5rem);font-weight:800;line-height:1.1;letter-spacing:-.01em;color:#0b0b0b}
.l-lcpcard__tagline{font-size:var(--l-t-lg);color:#4a8fe7;font-weight:500}
.l-lcpcard__intro{color:var(--l-text);max-width:68ch}
.l-lcpcard__rule{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:var(--l-r-sm);background:#1e3a5f;color:#fff;max-width:max-content}
.l-lcpcard__rule span{font-weight:600;font-size:var(--l-t-sm)}
.l-lcpcard__rule code{font-family:var(--l-mono);font-size:var(--l-t-sm);color:#9fd8bf;overflow-wrap:anywhere}
@media (max-width:640px){.l-lcpcard{flex-direction:column;gap:16px;padding:20px}.l-lcpcard__logo{width:64px;height:64px}}
/* Diagrams sits apart at the right end of Technical's tabs; its drawing fills the sheet and scrolls sideways on a phone */
.l-techhead .l-subtabs{width:100%}
.l-techhead .l-subtab:last-child{margin-left:auto}
.l-diagram{overflow-x:auto;border:1px solid var(--l-line);border-radius:var(--l-r);background:#fff;padding:12px}
.l-diagram img{display:block;width:100%;min-width:720px;height:auto}
.l-codebox{border:1px solid var(--l-line);border-radius:var(--l-r);background:var(--l-surface);overflow:hidden;min-width:0}
.l-codebox__meta{padding:8px 14px;border-bottom:1px solid var(--l-line);background:var(--l-sunken);font:.75rem/1.4 var(--l-mono);color:var(--l-muted)}
.l-codebox__code{margin:0;padding:14px 16px;font:.78rem/1.6 var(--l-mono);color:var(--l-text);white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto}
.l-codebox__code--tall{white-space:pre;overflow-wrap:normal;max-height:min(78vh,1000px)}
/* a long edition in a panel of its own height: the page stays put and the panel scrolls (JSON, Markdown) */
.l-docpanel__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.l-docpanel__tools{display:inline-flex;gap:6px}
.l-docpanel__tools[hidden]{display:none}
.l-docpanel__scroll{max-height:calc(100vh - 220px);min-height:320px;overflow:auto;overscroll-behavior:contain}
.l-docpanel__scroll:focus-visible{outline:2px solid var(--l-accent);outline-offset:-2px}
.l-docpanel__scroll--md{border-radius:var(--l-r);border:1px solid var(--l-line)}
.l-docpanel__scroll--md>.l-md{border:0;max-width:none}
/* the JSON as a tree */
.l-jt{padding:12px 16px;font:.8rem/1.7 var(--l-mono);color:var(--l-text)}
.l-jt__kids{padding-left:18px;border-left:1px solid var(--l-line);margin-left:5px}
.l-jt__row{white-space:pre-wrap;overflow-wrap:anywhere;padding-left:16px}
.l-jt__node>summary{list-style:none;cursor:pointer;border-radius:4px;padding-left:16px;position:relative}
.l-jt__node>summary::-webkit-details-marker{display:none}
.l-jt__node>summary::before{content:"";position:absolute;left:3px;top:.62em;border:4px solid transparent;border-left:6px solid var(--l-muted);transition:transform .12s}
.l-jt__node[open]>summary::before{transform:rotate(90deg);transform-origin:3px 4px}
.l-jt__node>summary:hover{background:var(--l-hover)}
.l-jt__peek{color:var(--l-muted);margin-left:6px;font-family:var(--l-sans,inherit);font-size:.75rem}
.l-jt__node[open]>summary .l-jt__peek{display:none}
.l-jt__close{padding-left:16px}
.l-jt__tag{margin-left:6px}
.l-jt__node[open]>summary .l-jt__tag{display:none}
.l-jt__node:not([open])>.l-jt__close{display:none}
.l-jt [id]:target>summary,.l-jt .l-jt__row:target{background:var(--l-hover)}
.l-json{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;align-items:start}
.l-json__toc{position:sticky;top:16px;display:flex;flex-direction:column;gap:8px}
.l-json__toc ul{display:flex;flex-direction:column;gap:2px}
.l-json__toc a{display:block;padding:4px 8px;border-radius:6px;font-size:var(--l-t-xs)}
.l-json__toc a:hover{background:var(--l-hover);text-decoration:none}
.l-j-key{color:var(--l-ink);font-weight:600}
@media (max-width:640px){
  .l-json{grid-template-columns:minmax(0,1fr);gap:12px}
  .l-json__toc{position:static}
  .l-json__toc ul{flex-direction:row;flex-wrap:wrap;gap:6px}
  .l-json__toc a{border:1px solid var(--l-line);background:var(--l-surface)}
}


/* site-explain: the site bar's menu, on a phone only, where the bar's links do not fit */
.l-barmenu{display:none;position:relative}
.l-barmenu>summary{list-style:none}
.l-barmenu>summary::-webkit-details-marker{display:none}
.l-barmenu[open]>summary{background:var(--l-hover)}
.l-barmenu__pop{position:absolute;right:0;top:calc(100% + 8px);z-index:20;min-width:232px;display:flex;flex-direction:column;background:var(--l-surface);border:1px solid var(--l-line);border-radius:var(--l-r);box-shadow:var(--l-shadow-lg);padding:6px}
.l-barmenu__link{padding:11px 12px;border-radius:var(--l-r-sm);color:var(--l-ink)!important;font-size:var(--l-t-sm);font-weight:500;text-decoration:none!important}
.l-barmenu__link:hover{background:var(--l-hover)}
.l-barmenu__link[aria-current=page]{background:var(--l-accent-wash);color:var(--l-accent-ink)!important;font-weight:600}
@media (max-width:640px){.l-barmenu{display:block}}

/* the footer's last line runs the footer's width (the factory kit, still linked, narrows every paragraph) */
.l-foot__base{max-inline-size:none}

/* the footer on a phone: two columns, tight, so it is not a third of a short page */
@media (max-width:640px){
  .l-foot{padding-block:32px 24px}
  .l-foot__cols{gap:24px 16px}
  .l-foot__col{gap:6px}
  .l-foot__base{margin-top:24px;padding-top:16px}
}

/* a reading column, for the pages that are mostly words */
.l-narrow{max-width:860px}
.l-hash{font-family:var(--l-mono);font-size:.8125rem;overflow-wrap:anywhere;word-break:break-all}
.l-codeblock{font-family:var(--l-mono);font-size:.8125rem;line-height:1.6;background:var(--l-sunken);border-radius:var(--l-r-sm);padding:12px 14px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--l-ink)}

/* the stage map unscored: each stage's icon and name, and one line under it */
.l-explain-map .l-map--plain{--l-node-h:auto}
.l-map--plain .l-node{justify-content:flex-start;gap:6px;background:var(--l-surface)}
.l-map--plain .l-node__top svg{width:18px;height:18px;flex:none;color:var(--l-muted)}
.l-map--plain .l-node__count{color:var(--l-text);font-size:var(--l-t-xs);line-height:1.45}
a.l-node:hover .l-node__top svg{color:var(--l-accent)}

/* home: the question and the address side by side, the sample drawn small */
.l-home{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:start;padding-top:16px}
.l-home .l-trust{font-size:var(--l-t-sm)}
.l-home .l-trust svg{width:16px;height:16px}
/* Home, carried down in the report's colours: the cover's navy behind the hero with the form floating on it, then a
   band of the sequence diagrams' light blue behind the real report, a band of the pass green behind the four stages,
   and the cards' marks in blue and green tiles. Each band runs edge to edge behind its section. */
/* Home: what a check does, three plain parts */
.l-node__legend{display:block;margin-top:4px;font-size:var(--l-t-xs);line-height:1.4;color:var(--l-text)}
.l-sample__intro{margin-top:6px;max-width:60ch}
.l-showcase{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:32px;align-items:center;padding:24px;border:1px solid var(--l-line);border-radius:var(--l-r);background:var(--l-surface)}
.l-showcase__thumb{display:block;border-radius:10px;overflow:hidden;border:1px solid var(--l-line);box-shadow:0 10px 30px rgb(15 23 42/.10)}
.l-showcase__thumb img{display:block;width:100%;height:auto}
@media (min-width:1100px){.l-showcase form{flex-wrap:nowrap}.l-showcase form .l-btn{white-space:nowrap}}
@media (max-width:860px){.l-showcase{grid-template-columns:minmax(0,1fr)}}
.l-does__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:l-does}
.l-does__list>li{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid var(--l-line);border-radius:var(--l-r);background:var(--l-surface)}
.l-does__icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--l-accent-wash);color:var(--l-accent)}
.l-does__icon svg{width:18px;height:18px}
@media (max-width:860px){.l-does__list{grid-template-columns:minmax(0,1fr)}}
.l-home{position:relative;isolation:isolate;margin-top:-40px;padding-block:80px 40px;color:#fff;row-gap:56px}
.l-home__utility{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:10px;margin:0;padding:16px 20px;border-radius:var(--l-r);background:rgb(255 255 255/.07);box-shadow:inset 0 0 0 1px rgb(255 255 255/.14);color:#fff;font-size:var(--l-t-lg);font-weight:600;letter-spacing:-.005em;text-align:center}
.l-home__utility svg{width:20px;height:20px;flex:none;color:#7dd3fc}
@media (max-width:640px){.l-home{padding-block:44px 28px;row-gap:28px}.l-home__utility{font-size:var(--l-t-md)}}
.l-home::before{content:"";position:absolute;z-index:-1;inset:0 -100vmax;background:radial-gradient(900px 380px at 88% -10%,rgb(51 204 244/.3),transparent 60%),linear-gradient(180deg,#05083a 0%,#0a1d6b 100%)}
.l-home .l-display{color:#fff}
.l-home .l-lede{color:rgb(255 255 255/.8)}
.l-home .l-trust{color:#a5e4f6}
.l-home .l-trust svg{color:#7dd3fc}
.l-home .l-ask{box-shadow:0 34px 70px -30px rgb(0 0 0/.65),0 2px 8px rgb(1 0 68/.12)}
:has(>.l-home)>[data-sample],:has(>.l-home)>.l-split{position:relative;isolation:isolate;padding-block:48px}
:has(>.l-home)>[data-sample]::before,:has(>.l-home)>.l-split::before{content:"";position:absolute;z-index:-1;inset:0 -100vmax}
:has(>.l-home)>[data-sample]::before{background:linear-gradient(180deg,var(--l-accent-wash),rgb(234 241 255/0) 70%)}
:has(>.l-home)>.l-split::before{background:linear-gradient(180deg,var(--l-pass-wash),rgb(231 246 238/0))}
:has(>.l-home)>[data-sample] .l-h2,:has(>.l-home)>.l-split .l-h2{color:#05083a}
:has(>.l-home)>.l-split .l-node{box-shadow:0 10px 24px -18px rgb(1 0 68/.4)}
:has(>.l-home)>nav .l-card svg:first-child{box-sizing:content-box;padding:9px;border-radius:11px;background:var(--l-accent-wash);color:var(--l-accent)}
:has(>.l-home)>nav .l-card:nth-child(2) svg:first-child{background:var(--l-pass-wash);color:var(--l-pass)}
:has(>.l-home)>nav .l-card:nth-child(3) svg:first-child{background:#05083a;color:#7dd3fc}
:has(>.l-home)>nav .l-card--link:hover{border-color:var(--l-accent);transform:translateY(-1px)}
.l-ask{display:flex;flex-direction:column;gap:16px;background:var(--l-surface);border:1px solid var(--l-line);border-radius:var(--l-r);padding:24px;box-shadow:var(--l-shadow)}
.l-ask__go{display:grid;grid-template-columns:176px minmax(0,1fr);gap:4px 14px;align-items:center}
.l-ask__go .l-btn{width:100%}
.l-ask__more>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;color:var(--l-muted);font-size:var(--l-t-xs);font-weight:500}
.l-ask__more>summary::-webkit-details-marker{display:none}
.l-ask__more>summary:hover{color:var(--l-ink)}
.l-ask__more>summary svg{width:14px;height:14px;transition:transform .15s}
.l-ask__more[open]>summary{margin-bottom:12px}
.l-ask__more[open]>summary svg{transform:rotate(90deg)}
.l-sample{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
.l-sample__verdict{font-size:var(--l-t-xl);line-height:1.3;font-weight:600;letter-spacing:-.012em;color:var(--l-ink);text-wrap:balance}
.l-sample__map .l-map{--l-node-h:92px;--l-map-gap:24px}
@media (max-width:900px){.l-home,.l-sample{grid-template-columns:minmax(0,1fr);gap:24px}}
@media (max-width:640px){.l-sample__map .l-node__name{font-size:var(--l-t-xs)}.l-sample__map .l-node__count{display:none}.l-sample__map .l-map{--l-node-h:64px}}
.l-sample__map .l-map:has(.l-node__legend){--l-node-h:auto}
@media (max-width:640px){.l-home{padding-top:0}.l-ask{padding:16px}.l-ask__go{grid-template-columns:minmax(0,1fr)}}

/* How it works: five sections, each led by its picture */
.l-step{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"pic head" "pic words";grid-template-rows:auto 1fr;gap:16px 48px;align-items:start;padding-top:48px;border-top:1px solid var(--l-line)}
.l-step__head{grid-area:head;display:flex;align-items:center;gap:12px}
.l-step__picture{grid-area:pic}
.l-step__words{grid-area:words;display:flex;flex-direction:column;gap:16px}
@media (max-width:900px){.l-step{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "pic" "words";grid-template-rows:auto;gap:20px;padding-top:32px}}

/* the visit: a buyer's agent and the site, a lifeline under each, and each stage's question and answer between them */
.l-visit__frame{position:relative}
.l-visit__hit{position:absolute;left:18%;width:66%;border-radius:10px;cursor:pointer;transition:background-color .15s,box-shadow .15s}
.l-visit__hit:hover{background:rgb(0 86 245/.06);box-shadow:inset 0 0 0 1.5px rgb(0 86 245/.35)}
.l-visit__hit--discoverable{top:12.78%;height:18.33%}
.l-visit__hit--agreeable{top:31.25%;height:20.7%}
.l-visit__hit--transactable{top:52.08%;height:20.7%}
.l-visit__hit--provable{top:72.9%;height:18.33%}
/* each place spans its stage's band to just below its reply (the drawing is 547x720, measured from its pixels: bands
   at y 97, 230, 380, 530; replies at about 216, 366, 516, 649). A stage can be picked only once the drawing has drawn it: the image builds over 13.4 s, each stage's band arriving
   at 0, 2.85, 5.70 and 8.55 s (diagrams/visit.json, seqdiag's build timeline), so each place switches on just after */
@keyframes l-hit-on{from{visibility:hidden}to{visibility:visible}}
.l-visit__hit{animation:l-hit-on .01s linear both}
.l-visit__hit--discoverable{animation-delay:.6s}
.l-visit__hit--agreeable{animation-delay:3.4s}
.l-visit__hit--transactable{animation-delay:6.3s}
.l-visit__hit--provable{animation-delay:9.1s}
@media (prefers-reduced-motion:reduce){.l-visit__hit{animation:none}}
/* Stop the animation: the still drawing in place of the moving one, and every stage ready to pick */
.l-visit__img.l-visit__img--still{display:none}
#visit:has(#visit-still:checked) .l-visit__img.l-visit__img--moving{display:none}
#visit:has(#visit-still:checked) .l-visit__img.l-visit__img--still{display:block}
#visit:has(#visit-still:checked) .l-visit__hit{animation:none}
@media (prefers-reduced-motion:reduce){.l-visit__img.l-visit__img--moving{display:none}.l-visit__img.l-visit__img--still{display:block}.l-visit__stop{display:none}}
.l-visit__stop{align-self:flex-end;margin-top:8px;padding:2px 4px;font-size:.6875rem;color:var(--l-muted);cursor:pointer;text-decoration:none}
.l-visit__stop:hover{color:var(--l-accent-ink)}
.l-visit__stop-off{display:none}
#visit:has(#visit-still:checked) .l-visit__stop-on{display:none}
#visit:has(#visit-still:checked) .l-visit__stop-off{display:inline}
#visit-still:focus-visible~.l-visit__stop{outline:2px solid var(--l-accent);outline-offset:2px}
#visit-discoverable:checked~.l-visit__frame .l-visit__hit--discoverable,#visit-agreeable:checked~.l-visit__frame .l-visit__hit--agreeable,#visit-transactable:checked~.l-visit__frame .l-visit__hit--transactable,#visit-provable:checked~.l-visit__frame .l-visit__hit--provable{background:rgb(0 86 245/.08);box-shadow:inset 0 0 0 2px var(--l-accent)}
#visit-discoverable:focus-visible~.l-visit__frame .l-visit__hit--discoverable,#visit-agreeable:focus-visible~.l-visit__frame .l-visit__hit--agreeable,#visit-transactable:focus-visible~.l-visit__frame .l-visit__hit--transactable,#visit-provable:focus-visible~.l-visit__frame .l-visit__hit--provable{outline:2px solid var(--l-accent);outline-offset:2px}
.l-visit__hint{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--l-r-sm);background:var(--l-accent-wash);color:var(--l-accent-ink);font-size:var(--l-t-sm);font-weight:500}
.l-visit__hint svg{width:16px;height:16px;flex:none}
.l-visit__detail{display:none;flex-direction:column;gap:14px;padding:22px 24px;border-radius:var(--l-r);background:var(--l-surface);border:1px solid var(--l-line);box-shadow:0 18px 40px -24px rgb(1 0 68/.35);animation:l-rise .25s ease-out both}
#visit:has(#visit-discoverable:checked) .l-visit__detail--discoverable,#visit:has(#visit-agreeable:checked) .l-visit__detail--agreeable,#visit:has(#visit-transactable:checked) .l-visit__detail--transactable,#visit:has(#visit-provable:checked) .l-visit__detail--provable{display:flex}
#visit:has(.l-visit__pick:checked) .l-visit__intro{display:none}
.l-visit__dhead{display:flex;align-items:center;gap:14px}
.l-visit__dicon{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#0056f5,#33ccf4);color:#fff}
.l-visit__dicon svg{width:22px;height:22px}
.l-visit__dname{font-size:var(--l-t-xl);font-weight:700;color:var(--l-ink)}
.l-visit__qa{display:grid;grid-template-columns:max-content 1fr;gap:8px 16px;padding:14px 16px;border-radius:var(--l-r-sm);background:var(--l-canvas)}
.l-visit__qa dt{font-size:var(--l-t-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--l-muted);padding-top:2px}
.l-visit__qa dd{margin:0;color:var(--l-ink)}
/* How it works, step 5: a preview of Lens's agent page, its cover in small */
.l-agentcard{display:flex;flex-direction:column;max-width:520px;border-radius:var(--l-r);overflow:hidden;border:1px solid var(--l-line);background:var(--l-surface);color:inherit!important;text-decoration:none!important;box-shadow:0 18px 40px -26px rgb(1 0 68/.45);transition:transform .15s,box-shadow .15s}
.l-agentcard:hover{transform:translateY(-2px);box-shadow:0 24px 48px -24px rgb(1 0 68/.5)}
.l-agentcard__band{display:flex;align-items:center;gap:12px;padding:18px 20px;background:radial-gradient(500px 200px at 90% -30%,rgb(51 204 244/.3),transparent 60%),linear-gradient(180deg,#05083a,#0a1d6b)}
.l-agentcard__icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#0056f5,#33ccf4);color:#fff}
.l-agentcard__icon svg{width:19px;height:19px}
.l-agentcard__title{font-size:var(--l-t-xl);font-weight:700;color:#fff}
.l-agentcard__body{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px}
.l-agentcard__lede{color:var(--l-text);font-size:var(--l-t-sm)}
.l-agentcard__label{margin-top:4px;font-size:var(--l-t-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--l-muted)}
.l-agentcard__ua{padding:8px 12px;border-radius:var(--l-r-sm);background:var(--l-pass-wash);color:var(--l-pass-ink);font-family:var(--l-mono);font-size:.8125rem;overflow-wrap:anywhere}
.l-agentcard__go{display:inline-flex;align-items:center;gap:6px;margin-top:4px;color:var(--l-accent-ink);font-weight:600;font-size:var(--l-t-sm)}
.l-agentcard__go svg{width:15px;height:15px}
.l-visit{display:flex;flex-direction:column;margin:0;padding:20px;background:var(--l-surface);border:1px solid var(--l-line);border-radius:var(--l-r)}
.l-visit__img{display:block;width:100%;height:auto;margin-inline:auto;max-width:560px}
/* the visit, as a traditional sequence diagram: two participants and their lifelines, each stage a labelled frame
   across both, a numbered question in blue, the answer back dashed in green, the site busy on its lifeline between */
.l-vseq{--l-life:120px;--l-in:56px;margin:0;padding:24px 0 20px;background:var(--l-surface);border:1px solid var(--l-line);border-radius:var(--l-r);counter-reset:l-vstep}
.l-vseq__actors{display:flex;justify-content:space-between;gap:12px;padding-inline:calc(var(--l-life) - 100px)}
.l-vseq__actors span{display:flex;align-items:center;justify-content:center;width:200px;min-height:40px;padding:6px 12px;border-radius:10px;font-size:var(--l-t-xs);font-weight:600;text-align:center;box-shadow:0 6px 16px -8px rgb(1 0 68/.35)}
.l-vseq__actors span:first-child{background:#05083a;color:#fff}
.l-vseq__actors span:last-child{background:var(--l-accent-wash);color:var(--l-accent-ink);box-shadow:inset 0 0 0 1.5px var(--l-accent),0 6px 16px -8px rgb(1 0 68/.25)}
.l-vseq__steps{position:relative;display:flex;flex-direction:column;gap:18px;padding:22px 0 10px}
.l-vseq__steps::before,.l-vseq__steps::after{content:"";position:absolute;top:0;bottom:0;width:2px;opacity:.45}
.l-vseq__steps::before{left:calc(var(--l-life) - 1px);background:linear-gradient(#05083a 50%,transparent 0) 0 0/2px 10px repeat-y}
.l-vseq__steps::after{right:calc(var(--l-life) - 1px);background:linear-gradient(var(--l-accent) 50%,transparent 0) 0 0/2px 10px repeat-y}
.l-vseq__step{position:relative;z-index:1;display:flex;flex-direction:column;gap:16px;margin-inline:calc(var(--l-life) - var(--l-in));padding:40px 0 18px;border:1.5px solid var(--l-accent-line,var(--l-line-strong));border-radius:10px;background:rgb(255 255 255/.6);counter-increment:l-vstep}
.l-vseq__step::after{content:"";position:absolute;top:58px;bottom:16px;right:calc(var(--l-in) - 6px);width:12px;border-radius:3px;background:var(--l-accent-wash);box-shadow:inset 0 0 0 1.5px var(--l-accent)}
.l-vseq__stage{position:absolute;top:-1.5px;left:-1.5px;display:flex;align-items:center;gap:6px;padding:5px 14px 5px 12px;border-radius:10px 0 10px 0;background:#05083a;color:#fff;font-size:var(--l-t-xs);font-weight:600}
.l-vseq__stage svg{width:14px;height:14px;color:#7dd3fc}
.l-vseq__msg{position:relative;display:block;margin-inline:var(--l-in);padding:0 16px 7px;text-align:center;font-size:var(--l-t-sm);line-height:1.4}
.l-vseq__msg::after{content:"";position:absolute;bottom:-6px;border:5px solid transparent}
.l-vseq__msg--ask{margin-right:calc(var(--l-in) + 6px);border-bottom:2px solid var(--l-accent);color:var(--l-ink)}
.l-vseq__msg--ask::after{right:-2px;border-left:9px solid var(--l-accent);border-right:0}
.l-vseq__msg--ask::before{content:counter(l-vstep);display:inline-grid;place-items:center;min-width:20px;height:20px;margin-right:8px;border-radius:999px;background:#05083a;color:#fff;font-size:.6875rem;font-weight:700;vertical-align:1px}
.l-vseq__msg--answer{margin-right:calc(var(--l-in) + 6px);border-bottom:1.5px dashed var(--l-pass);color:var(--l-pass-ink);font-weight:500}
.l-vseq__msg--answer::after{left:-2px;border-right:9px solid var(--l-pass);border-left:0;bottom:-5.75px}
@media (max-width:640px){.l-vseq{--l-life:52px;--l-in:30px}.l-vseq__actors{padding-inline:8px}.l-vseq__actors span{width:auto;max-width:48%}.l-vseq__msg{font-size:var(--l-t-xs);padding-inline:6px}.l-vseq__msg--ask::before{margin-right:5px}}

/* the five marks, each with its word and meaning */
.l-legend{display:flex;flex-direction:column;gap:10px;font-size:var(--l-t-sm)}
.l-legend__row{display:grid;grid-template-columns:136px minmax(0,1fr);gap:12px;align-items:start}
.l-legend dt{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--l-ink)}
.l-legend dd{color:var(--l-muted)}
@media (max-width:640px){.l-legend__row{grid-template-columns:minmax(0,1fr);gap:2px}}

/* the evidence chain: a request, its answer, the hash, the result */
.l-flow{display:flex;flex-direction:column}
.l-flow li{position:relative;display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--l-surface);border:1px solid var(--l-line);border-radius:var(--l-r-sm);font-weight:500;color:var(--l-ink)}
.l-flow li+li{margin-top:24px}
.l-flow li+li::before{content:"";position:absolute;left:31px;top:-25px;height:24px;border-left:1.5px solid var(--l-line-strong)}
.l-flow svg{width:30px;height:30px;padding:6px;flex:none;border-radius:999px;background:var(--l-sunken);color:var(--l-muted)}

/* lists drawn with a mark per line: what Lens never does, what its agent reads and its limits */
.l-never{background:var(--l-surface);border:1px solid var(--l-line);border-radius:var(--l-r);overflow:hidden}
.l-never li{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;color:var(--l-ink);font-weight:500}
.l-never li+li{border-top:1px solid var(--l-line)}
.l-never svg{width:20px;height:20px;flex:none;color:var(--l-muted)}
.l-ticks{display:flex;flex-direction:column;gap:10px}
.l-ticks li{display:flex;align-items:flex-start;gap:10px}
.l-ticks svg{width:16px;height:16px;flex:none;margin-top:4px;color:var(--l-muted)}
.l-pathlist{display:flex;flex-direction:column;gap:2px;overflow-wrap:anywhere}

/* the glossary: one line per word, the word's anchor lit when it is the one linked to */
.l-gloss{background:var(--l-surface);border:1px solid var(--l-line);border-radius:var(--l-r);overflow:hidden}
.l-gloss__row{display:grid;grid-template-columns:220px minmax(0,1fr);gap:4px 24px;padding:12px 18px;scroll-margin-top:16px}
.l-gloss__row+.l-gloss__row{border-top:1px solid var(--l-line)}
.l-gloss__row:target{background:var(--l-accent-wash)}
.l-gloss dt{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-weight:600;color:var(--l-ink);font-size:var(--l-t-sm)}
.l-gloss dd{color:var(--l-text);font-size:var(--l-t-sm);line-height:1.5}
@media (max-width:640px){.l-gloss__row{grid-template-columns:minmax(0,1fr);padding:12px 14px}}

/* the rubric: one group of checks as a row of named checks in order, a tick where a stage's need ends */
.l-stagehead{display:flex;align-items:center;gap:14px;padding:18px 24px;background:linear-gradient(180deg,#05083a 0%,#0a1d6b 100%);color:#fff}
.l-stagehead .l-muted{color:rgb(255 255 255/.72)}
.l-stagehead__icon{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#0056f5,#33ccf4);color:#fff;box-shadow:0 10px 22px -10px rgb(51 204 244/.6)}
.l-stagehead__icon svg{width:22px;height:22px}
.l-stagehead__text{display:flex;flex-direction:column;gap:2px}
.l-stagehead__name{font-size:var(--l-t-xl);font-weight:700;letter-spacing:-.01em}
.l-groups__stage{border-radius:var(--l-r);overflow:hidden;background:var(--l-surface);border:1px solid var(--l-line);box-shadow:0 18px 40px -24px rgb(1 0 68/.35);scroll-margin-top:16px}
.l-groups__list{display:flex;flex-direction:column;gap:22px;padding:24px}
.l-groups .l-group{padding-left:16px;border-left:3px solid var(--l-accent-line,var(--l-accent))}
.l-groups .l-group__head .l-h3{color:var(--l-accent-ink)}
.l-groups .l-chain{gap:10px}
.l-groups .l-chain .l-chip{background:var(--l-accent-wash);border-color:transparent;padding:10px 14px}
.l-groups .l-chain .l-chip:hover{border-color:var(--l-accent)}
.l-groups .l-chain .l-chip__n{background:#05083a;color:#fff}
.l-groups .l-chain .l-chip__id{background:var(--l-surface)}
.l-groups .l-chain__tick{padding:0 12px;border-radius:999px;background:var(--l-pass-wash);color:var(--l-pass-ink)}
.l-groups .l-chain__tick::before{width:8px;height:8px;min-height:0;align-self:center;border-radius:50%;background:var(--l-pass)}
/* the rubric's stage map, centred at a size its four cards keep their diamond at */
.l-sheet>.l-explain-map{width:100%;max-width:760px;margin-inline:auto}
.l-subtab--none{border-style:dashed;color:var(--l-muted);cursor:default;background:transparent}
.l-rubric-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px}
.l-rubric-note{padding:10px 14px;border-radius:var(--l-r-sm);background:var(--l-accent-wash);color:var(--l-accent-ink);font-size:var(--l-t-sm)}
.l-group{display:flex;flex-direction:column;gap:10px;scroll-margin-top:16px}
.l-group__head{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px}
.l-chain{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px}
.l-chain>li{display:flex}
.l-chip{display:flex;align-items:center;gap:8px;max-width:280px;padding:8px 12px;border:1px solid var(--l-line);border-radius:var(--l-r-sm);background:var(--l-surface);color:var(--l-ink)!important;font-size:var(--l-t-sm);line-height:1.3;text-decoration:none!important;transition:border-color .12s}
.l-chip:hover{border-color:var(--l-accent-line)}
.l-chip[aria-current=page]{border-color:var(--l-accent);box-shadow:0 0 0 3px var(--l-accent-wash)}
.l-chip__n{display:inline-flex;align-items:center;justify-content:center;flex:none;width:20px;height:20px;border-radius:999px;background:var(--l-sunken);color:var(--l-muted);font-size:.6875rem;font-weight:600}
.l-chip__name{font-weight:500}
.l-chip__id{flex:none;font-family:var(--l-mono);font-size:.6875rem;color:var(--l-muted);background:var(--l-sunken);border-radius:4px;padding:1px 5px}
.l-chain__tick{display:flex;align-items:center;gap:8px;padding-right:4px;font-size:var(--l-t-xs);font-weight:600;color:var(--l-ink)}
.l-chain__tick::before{content:"";align-self:stretch;width:3px;min-height:30px;border-radius:2px;background:var(--l-ink)}
.l-chain__notes{display:flex;flex-direction:column;gap:6px}
.l-chain__notes li{display:flex;align-items:flex-start;gap:8px;font-size:var(--l-t-sm);color:var(--l-text)}
.l-chain__notes svg{width:16px;height:16px;flex:none;margin-top:3px;color:var(--l-muted)}
@media (max-width:640px){
  .l-chain{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .l-chain__tick{grid-column:1/-1;padding-block:2px}
  .l-chain__tick::before{min-height:20px}
  .l-chip{max-width:none;width:100%;align-items:flex-start;gap:6px;padding:6px 8px;font-size:var(--l-t-xs);line-height:1.25}
  .l-groups{gap:20px}
  .l-groups__stage{gap:14px}
  .l-group{gap:8px}
  .l-group__head .l-muted{font-size:var(--l-t-xs)}
  .l-chain__notes li{font-size:var(--l-t-xs)}
  .l-chip__n{width:18px;height:18px}
  .l-chip__id{display:none}
  .l-stagehead{padding-top:16px}
}


/* shared by these pages */
.l-narrow{max-width:760px}
@keyframes l-rise{from{opacity:0;transform:translateY(6px)}}
@keyframes l-spin{to{transform:rotate(360deg)}}
@keyframes l-pulse{50%{opacity:.35;transform:scale(.8)}}
@keyframes l-dots{0%{background-position:0 50%}100%{background-position:48px 50%}}
.l-rise{animation:l-rise .35s ease-out both}
.l-pulse{display:inline-block;flex:none;width:10px;height:10px;border-radius:50%;background:var(--l-accent);animation:l-pulse 1.2s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.l-rise,.l-pulse,.l-live__spin,.l-seq__step,.l-seq__note,.l-seq__list::after{animation:none!important}}

/* the waiting page: the visit beside the stage map */
.l-wait__grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:32px;align-items:start}
.l-wait__map{grid-column:2;grid-row:1;position:sticky;top:24px}
.l-wait__grid>.l-seq{grid-column:1;grid-row:1}
@media (max-width:900px){.l-wait__grid{grid-template-columns:minmax(0,1fr);gap:24px}.l-wait__map,.l-wait__grid>.l-seq{grid-column:1;grid-row:auto;position:static}}
.l-live__v{display:none}
.l-live__v[data-v="pending"]{display:flex}
.l-wait__map{--l-node-h:68px}
.l-wait__map .l-node{padding:12px 14px;justify-content:center}
.l-wait__map .l-live__v{display:none;grid-template-columns:20px minmax(0,1fr);column-gap:10px;align-items:center}
.l-wait__map .l-live__v[data-v="pending"]{display:grid}
.l-wait__map .l-live__v .l-mark{grid-row:1/3}
.l-wait__map .l-live__v .l-node__state{display:block;margin:0;line-height:1.3}
.l-wait__map .l-live__v .l-node__name{line-height:1.3}
.l-live [data-v="pending"] .l-node__state{color:var(--l-muted)}
.l-live__spin{color:var(--l-accent);animation:l-spin 1s linear infinite}
.l-wait:has([data-job-end]) .l-live__spin{animation:none;color:var(--l-quiet)}
.l-wait:has([data-decided="Discoverable"][data-state="reached"]) .l-live[data-stage="Discoverable"] [data-v="pending"]{display:none}.l-wait:has([data-decided="Discoverable"][data-state="reached"]) .l-live[data-stage="Discoverable"] [data-v="reached"]{display:grid}.l-wait:has([data-decided="Discoverable"][data-state="reached"]) .l-live[data-stage="Discoverable"]{border-color:var(--l-pass-line)}
.l-wait:has([data-decided="Discoverable"][data-state="next"]) .l-live[data-stage="Discoverable"] [data-v="pending"]{display:none}.l-wait:has([data-decided="Discoverable"][data-state="next"]) .l-live[data-stage="Discoverable"] [data-v="next"]{display:grid}.l-wait:has([data-decided="Discoverable"][data-state="next"]) .l-live[data-stage="Discoverable"]{border-color:var(--l-accent);box-shadow:0 0 0 3px var(--l-accent-wash)}
.l-wait:has([data-decided="Discoverable"][data-state="notyet"]) .l-live[data-stage="Discoverable"] [data-v="pending"]{display:none}.l-wait:has([data-decided="Discoverable"][data-state="notyet"]) .l-live[data-stage="Discoverable"] [data-v="notyet"]{display:grid}.l-wait:has([data-decided="Discoverable"][data-state="notyet"]) .l-live[data-stage="Discoverable"]{background:var(--l-canvas)}
.l-wait:has([data-decided="Discoverable"][data-state="unknown"]) .l-live[data-stage="Discoverable"] [data-v="pending"]{display:none}.l-wait:has([data-decided="Discoverable"][data-state="unknown"]) .l-live[data-stage="Discoverable"] [data-v="unknown"]{display:grid}.l-wait:has([data-decided="Discoverable"][data-state="unknown"]) .l-live[data-stage="Discoverable"]{border-style:dashed}
.l-wait:has([data-decided="Discoverable"][data-state="unknown"]) .l-live[data-stage="Discoverable"] .l-live__v:not([data-v="unknown"]){display:none}
.l-wait:has([data-decided="Agreeable"][data-state="reached"]) .l-live[data-stage="Agreeable"] [data-v="pending"]{display:none}.l-wait:has([data-decided="Agreeable"][data-state="reached"]) .l-live[data-stage="Agreeable"] [data-v="reached"]{display:grid}.l-wait:has([data-decided="Agreeable"][data-state="reached"]) .l-live[data-stage="Agreeable"]{border-color:var(--l-pass-line)}
.l-wait:has([data-decided="Agreeable"][data-state="next"]) .l-live[data-stage="Agreeable"] [data-v="pending"]{display:none}.l-wait:has([data-decided="Agreeable"][data-state="next"]) .l-live[data-stage="Agreeable"] [data-v="next"]{display:grid}.l-wait:has([data-decided="Agreeable"][data-state="next"]) .l-live[data-stage="Agreeable"]{border-color:var(--l-accent);box-shadow:0 0 0 3px var(--l-accent-wash)}
.l-wait:has([data-decided="Agreeable"][data-state="notyet"]) .l-live[data-stage="Agreeable"] [data-v="pending"]{display:none}.l-wait:has([data-decided="Agreeable"][data-state="notyet"]) .l-live[data-stage="Agreeable"] [data-v="notyet"]{display:grid}.l-wait:has([data-decided="Agreeable"][data-state="notyet"]) .l-live[data-stage="Agreeable"]{background:var(--l-canvas)}
.l-wait:has([data-decided="Agreeable"][data-state="unknown"]) .l-live[data-stage="Agreeable"] [data-v="pending"]{display:none}.l-wait:has([data-decided="Agreeable"][data-state="unknown"]) .l-live[data-stage="Agreeable"] [data-v="unknown"]{display:grid}.l-wait:has([data-decided="Agreeable"][data-state="unknown"]) .l-live[data-stage="Agreeable"]{border-style:dashed}
.l-wait:has([data-decided="Agreeable"][data-state="unknown"]) .l-live[data-stage="Agreeable"] .l-live__v:not([data-v="unknown"]){display:none}
.l-wait:has([data-decided="Transactable"][data-state="reached"]) .l-live[data-stage="Transactable"] [data-v="pending"]{display:none}.l-wait:has([data-decided="Transactable"][data-state="reached"]) .l-live[data-stage="Transactable"] [data-v="reached"]{display:grid}.l-wait:has([data-decided="Transactable"][data-state="reached"]) .l-live[data-stage="Transactable"]{border-color:var(--l-pass-line)}
.l-wait:has([data-decided="Transactable"][data-state="next"]) .l-live[data-stage="Transactable"] [data-v="pending"]{display:none}.l-wait:has([data-decided="Transactable"][data-state="next"]) .l-live[data-stage="Transactable"] [data-v="next"]{display:grid}.l-wait:has([data-decided="Transactable"][data-state="next"]) .l-live[data-stage="Transactable"]{border-color:var(--l-accent);box-shadow:0 0 0 3px var(--l-accent-wash)}
.l-wait:has([data-decided="Transactable"][data-state="notyet"]) .l-live[data-stage="Transactable"] [data-v="pending"]{display:none}.l-wait:has([data-decided="Transactable"][data-state="notyet"]) .l-live[data-stage="Transactable"] [data-v="notyet"]{display:grid}.l-wait:has([data-decided="Transactable"][data-state="notyet"]) .l-live[data-stage="Transactable"]{background:var(--l-canvas)}
.l-wait:has([data-decided="Transactable"][data-state="unknown"]) .l-live[data-stage="Transactable"] [data-v="pending"]{display:none}.l-wait:has([data-decided="Transactable"][data-state="unknown"]) .l-live[data-stage="Transactable"] [data-v="unknown"]{display:grid}.l-wait:has([data-decided="Transactable"][data-state="unknown"]) .l-live[data-stage="Transactable"]{border-style:dashed}
.l-wait:has([data-decided="Transactable"][data-state="unknown"]) .l-live[data-stage="Transactable"] .l-live__v:not([data-v="unknown"]){display:none}
.l-wait:has([data-decided="Provable"][data-state="reached"]) .l-live[data-stage="Provable"] [data-v="pending"]{display:none}.l-wait:has([data-decided="Provable"][data-state="reached"]) .l-live[data-stage="Provable"] [data-v="reached"]{display:grid}.l-wait:has([data-decided="Provable"][data-state="reached"]) .l-live[data-stage="Provable"]{border-color:var(--l-pass-line)}
.l-wait:has([data-decided="Provable"][data-state="next"]) .l-live[data-stage="Provable"] [data-v="pending"]{display:none}.l-wait:has([data-decided="Provable"][data-state="next"]) .l-live[data-stage="Provable"] [data-v="next"]{display:grid}.l-wait:has([data-decided="Provable"][data-state="next"]) .l-live[data-stage="Provable"]{border-color:var(--l-accent);box-shadow:0 0 0 3px var(--l-accent-wash)}
.l-wait:has([data-decided="Provable"][data-state="notyet"]) .l-live[data-stage="Provable"] [data-v="pending"]{display:none}.l-wait:has([data-decided="Provable"][data-state="notyet"]) .l-live[data-stage="Provable"] [data-v="notyet"]{display:grid}.l-wait:has([data-decided="Provable"][data-state="notyet"]) .l-live[data-stage="Provable"]{background:var(--l-canvas)}
.l-wait:has([data-decided="Provable"][data-state="unknown"]) .l-live[data-stage="Provable"] [data-v="pending"]{display:none}.l-wait:has([data-decided="Provable"][data-state="unknown"]) .l-live[data-stage="Provable"] [data-v="unknown"]{display:grid}.l-wait:has([data-decided="Provable"][data-state="unknown"]) .l-live[data-stage="Provable"]{border-style:dashed}
.l-wait:has([data-decided="Provable"][data-state="unknown"]) .l-live[data-stage="Provable"] .l-live__v:not([data-v="unknown"]){display:none}

/* the visit as a sequence: Lens's agent on the left, the site on the right, a message per step */
.l-seq{--l-lane:120px;--l-agent:#05083a;--l-site:var(--l-accent);background:var(--l-surface);border:1px solid var(--l-line);border-radius:var(--l-r);padding:24px 0 20px}
/* the participants: a box at the head of each lifeline, the agent in the cover's navy and the site in Integra blue */
.l-seq__heads{display:flex;justify-content:space-between;padding-inline:calc(var(--l-lane) - 100px)}
.l-seq__heads span{width:200px;min-height:40px;display:flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:10px;font-size:var(--l-t-xs);font-weight:600;line-height:1.25;text-align:center;overflow-wrap:anywhere;box-shadow:0 6px 16px -8px rgb(1 0 68/.35)}
.l-seq__heads span:first-child{background:var(--l-agent);color:#fff}
.l-seq__heads span:last-child{background:var(--l-accent-wash);color:var(--l-accent-ink);box-shadow:inset 0 0 0 1.5px var(--l-site),0 6px 16px -8px rgb(1 0 68/.25)}
/* the lifelines: dashed, each in its participant's colour */
.l-seq__scroll{display:flex;flex-direction:column-reverse;max-height:calc(100vh - 240px);min-height:360px;overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth}
.l-seq__list{position:relative;padding:18px 0 10px;min-height:48px;counter-reset:l-step}
.l-seq__list::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(var(--l-agent) 50%,transparent 0) calc(var(--l-lane) - 1px) 0/2px 10px repeat-y,linear-gradient(var(--l-site) 50%,transparent 0) calc(100% - var(--l-lane) - 1px) 0/2px 10px repeat-y;opacity:.45}
.l-wait:not(:has([data-job-end])) [data-working] ~ .l-seq__scroll .l-seq__list::after{content:"";position:relative;display:block;width:36px;height:8px;margin:10px auto 4px;background:radial-gradient(circle,var(--l-accent) 2.5px,transparent 3px) 0 50%/12px 8px repeat-x;-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent);animation:l-dots 1.2s linear infinite}
/* one step: a numbered request across, the reply back, and the site busy on its lifeline between them */
.l-seq__step{position:relative;padding:14px 0 16px;counter-increment:l-step;animation:l-rise .3s ease-out both}
.l-seq__step::after{content:"";position:absolute;top:36px;bottom:14px;right:calc(var(--l-lane) - 6px);width:12px;border-radius:3px;background:var(--l-accent-wash);box-shadow:inset 0 0 0 1.5px var(--l-site)}
.l-seq__step:not(:has(.l-seq__msg--back))::after{display:none}
.l-seq__msg{position:relative;margin:0 calc(var(--l-lane) + 1px);padding:0 16px 7px;border-bottom:2px solid currentColor;text-align:center;font-size:var(--l-t-sm);line-height:1.4}
.l-seq__msg::after{content:"";position:absolute;bottom:-6px;border:5px solid transparent}
.l-seq__msg--out{color:var(--l-accent);margin-right:calc(var(--l-lane) + 7px)}
.l-seq__msg--out::after{right:-2px;border-left:9px solid currentColor;border-right:0}
.l-seq__msg--back{margin-top:16px;margin-right:calc(var(--l-lane) + 7px);border-bottom-style:dashed;border-bottom-width:1.5px;font-size:var(--l-t-xs);font-weight:600;color:var(--l-faint)}
.l-seq__msg--back::after{left:-2px;border-right:9px solid currentColor;border-left:0;bottom:-5.75px}
.l-seq__words{color:var(--l-ink)}
.l-seq__msg--out .l-seq__words::before{content:counter(l-step);display:inline-grid;place-items:center;min-width:20px;height:20px;margin-right:8px;padding:0 5px;border-radius:999px;background:var(--l-agent);color:#fff;font-size:.6875rem;font-weight:700;vertical-align:1px}
.l-seq__msg--pass{color:var(--l-pass)}.l-seq__msg--pass .l-seq__words{color:var(--l-pass-ink)}
.l-seq__msg--fix{color:var(--l-fix)}.l-seq__msg--fix .l-seq__words{color:var(--l-fix-ink)}
.l-seq__msg--quiet{color:var(--l-quiet)}.l-seq__msg--quiet .l-seq__words{color:var(--l-muted)}
.l-seq__why{margin:6px calc(var(--l-lane) + 4px) 0;text-align:center;color:var(--l-muted);font-size:var(--l-t-xs);line-height:1.45}
.l-seq__step:has(~ .l-seq__step) .l-seq__why{display:none}
.l-seq__note{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:fit-content;max-width:calc(100% - 2 * var(--l-lane) + 48px);margin:10px auto;padding:5px 14px;border-radius:999px;background:var(--l-sunken);color:var(--l-ink);font-size:var(--l-t-xs);font-weight:600;animation:l-rise .3s ease-out both}
.l-seq__note[data-state="reached"],.l-steps__note[data-state="reached"]{background:var(--l-pass-wash);color:var(--l-pass-ink)}
.l-seq__note[data-state="next"],.l-steps__note[data-state="next"]{background:var(--l-accent-wash);color:var(--l-accent-ink)}
.l-seq__note[data-state="unknown"]{background:var(--l-surface);box-shadow:inset 0 0 0 1px var(--l-line-strong)}
.l-wait__end{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:16px 20px 0;padding-top:16px;border-top:1px solid var(--l-line)}
.l-wait__end .l-callout{flex:1 1 100%}
@media (max-width:640px){.l-seq{--l-lane:44px;padding:16px 0}.l-seq__heads{padding-inline:8px;gap:8px}.l-seq__heads span{width:auto;max-width:48%;min-height:34px}.l-seq__msg{padding-inline:4px}.l-seq__msg--out .l-seq__words::before{margin-right:5px}.l-wait__end{margin-inline:14px}}

/* every step and request */
.l-steps{background:var(--l-surface);border:1px solid var(--l-line);border-radius:var(--l-r);overflow:hidden}
.l-steps>li+li{border-top:1px solid var(--l-line)}
.l-steps__step{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 18px;color:var(--l-ink);font-weight:500}
.l-steps__step svg{width:16px;height:16px;color:var(--l-faint)}
.l-steps__time{font-family:var(--l-mono);font-size:var(--l-t-xs);color:var(--l-muted);font-weight:400}
.l-steps__step--skipped{color:var(--l-muted);font-weight:400}
.l-steps__state{font-size:var(--l-t-xs);color:var(--l-muted)}
.l-steps__req{display:flex;flex-direction:column;gap:4px;padding:10px 18px 10px 82px;background:var(--l-canvas)}
.l-steps__req .l-code{overflow-wrap:anywhere;white-space:normal;align-self:flex-start}
.l-steps__answer{font-size:var(--l-t-xs);color:var(--l-muted)}
.l-steps__answer--pass{color:var(--l-pass-ink)}
.l-steps__answer--fix{color:var(--l-fix-ink)}
.l-steps__head{padding:10px 18px;background:var(--l-sunken);color:var(--l-ink);font-size:var(--l-t-xs);font-weight:600}
.l-steps__note{display:flex;align-items:center;gap:8px;padding:10px 18px 10px 82px;font-size:var(--l-t-xs);font-weight:600;color:var(--l-ink);background:var(--l-sunken)}
.l-steps+.l-wait__end,.l-stack>.l-wait__end{margin:0;padding:0;border:0}
@media (max-width:640px){.l-steps__step{grid-template-columns:44px minmax(0,1fr) auto;padding:10px 14px}.l-steps__req,.l-steps__note{padding-left:14px}}

/* watch an agent: the form */
.l-watch{max-width:680px;display:flex;flex-direction:column;gap:32px;padding-top:16px}
.l-watch__does{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.l-watch__does li{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:var(--l-t-sm);color:var(--l-text);line-height:1.4}
.l-watch__does li:not(:last-child)::before{content:"";position:absolute;top:20px;left:48px;right:-8px;border-top:1.5px dashed var(--l-line-strong)}
.l-watch__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:var(--l-surface);border:1px solid var(--l-line);color:var(--l-ink)}
.l-watch__icon svg{width:18px;height:18px}
@media (max-width:640px){.l-watch__does{grid-template-columns:repeat(2,minmax(0,1fr))}.l-watch__does li:nth-child(2n)::before{display:none}}

/* watch an agent: the visit, a card per step */
.l-acts{display:flex;flex-direction:column;gap:12px}
.l-acts>[hidden]{display:none}
.l-act{display:flex;flex-direction:column;gap:10px;padding:18px 20px;background:var(--l-surface);border:1px solid var(--l-line);border-radius:var(--l-r)}
.l-act__head{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.l-act__time{margin-left:auto;color:var(--l-muted);font-size:var(--l-t-xs)}
.l-act__did{color:var(--l-ink);font-weight:600;line-height:1.45}
.l-act__intent{display:flex;align-items:flex-start;gap:10px;color:var(--l-text);font-size:var(--l-t-sm)}
.l-act__intent .l-pill{flex:none}
.l-act__answer{display:flex;flex-direction:column;gap:4px;padding-left:14px;border-left:2px solid var(--l-line);font-size:var(--l-t-sm);color:var(--l-text)}
.l-act__refused{display:flex;align-items:flex-start;gap:8px;color:var(--l-fix-ink)}
.l-act__refused svg{width:16px;height:16px;flex:none;margin-top:3px}
.l-act__exchange+.l-act__exchange{margin-top:12px;padding-top:12px;border-top:1px solid var(--l-line)}
.l-act__exchange>p{margin-bottom:6px;overflow-wrap:anywhere}
.l-act--end{background:var(--l-sunken);border-color:transparent}
.l-act--working{flex-direction:row;align-items:center;gap:12px;background:var(--l-accent-wash);border-color:transparent;color:var(--l-accent-ink)}
@media (max-width:640px){.l-act{padding:14px 16px}}

/* the registry */
.l-reg__head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px 24px}
.l-reg__search{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:12px;align-items:end}
select.l-input{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--l-muted) 50%),linear-gradient(135deg,var(--l-muted) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:36px}
@media (max-width:640px){.l-reg__search{grid-template-columns:minmax(0,1fr)}}

/* what changed */
.l-changes__head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px 24px}
.l-changes__maps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.l-changes__maps figure{margin:0}
.l-changes__cap{display:flex;align-items:baseline;gap:10px;font-size:var(--l-t-sm)}
@media (max-width:900px){.l-changes__maps{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.l-changes__maps .l-node__count{display:none}}

/* the UCP capability */
.l-flow-line{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;color:var(--l-ink)}
.l-flow-line svg{width:18px;height:18px;flex:none;margin-top:3px;color:var(--l-muted)}

/* a page that says no */
.l-refusal{max-width:600px;display:flex;flex-direction:column;gap:16px;padding-block:32px}
.l-refusal .l-row{margin-top:8px}

/* a form on its way (public/busy.mjs): the wait cursor everywhere at once, and a spinner in the button that sent it */
html[data-busy],html[data-busy] *{cursor:progress!important}
.l-btn[aria-busy=true]{position:relative;color:transparent!important;pointer-events:none}
.l-btn[aria-busy=true]>*{visibility:hidden}
.l-btn[aria-busy=true]::after{content:"";position:absolute;inset:0;margin:auto;width:18px;height:18px;border-radius:50%;border:2px solid currentColor;border-color:#fff #fff #fff transparent;animation:l-spin .7s linear infinite}
.l-btn:not(.l-btn--primary)[aria-busy=true]::after{border-color:var(--l-accent) var(--l-accent) var(--l-accent) transparent}

/* the waiting page's end: a panel that fades in over everything, then crossfades into the report (job-live.mjs) */
.l-finalize{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:rgb(246 247 251/.82);backdrop-filter:blur(6px);animation:l-fadein .35s ease-out both}
.l-finalize__card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 44px;border-radius:var(--l-r);background:var(--l-surface);box-shadow:0 24px 48px -20px rgb(1 0 68/.45),0 2px 6px rgb(1 0 68/.08);text-align:center}
.l-finalize__title{font-size:var(--l-t-xl);font-weight:600;color:var(--l-ink)}
.l-finalize__spin{width:36px;height:36px;border-radius:50%;border:3px solid var(--l-accent);border-right-color:transparent;animation:l-spin .8s linear infinite}
@keyframes l-fadein{from{opacity:0}}
@media (prefers-reduced-motion:reduce){.l-finalize{animation:none}.l-finalize__spin{animation-duration:2s}}

/* Watch an agent, in the report's treatment: the cover's line, and the steps in a sheet with the site's colours */
.l-watchhead__line{display:flex;flex-direction:column;gap:6px}
.l-watchhead__url{font-family:var(--l-mono);font-size:var(--l-t-sm);color:#7dd3fc}
.l-watchhead__facts{display:inline-flex;align-items:center;gap:8px;font-size:var(--l-t-sm)}
.l-watchhead__facts svg{width:15px;height:15px;flex:none;color:#7dd3fc}
.l-watchsheet,.l-sheet.l-watch{max-width:820px}
.l-sheet.l-watch{padding-top:28px}
.l-watchsheet .l-act{border-color:var(--l-line);box-shadow:0 10px 24px -20px rgb(1 0 68/.4)}
.l-watchsheet .l-act__head .l-num{background:#05083a;color:#fff}
.l-watchsheet .l-act__head .l-pill{background:var(--l-accent-wash);color:var(--l-accent-ink)}
.l-watchsheet .l-act__intent .l-pill{background:#05083a;color:#fff}
.l-watchsheet .l-act__intent .l-pill svg{color:#7dd3fc}
.l-watchsheet .l-act__intent{padding:10px 12px;border-radius:var(--l-r-sm);background:var(--l-accent-wash)}
.l-watchsheet .l-act__answer{border-left:3px solid var(--l-pass);background:linear-gradient(90deg,var(--l-pass-wash),transparent 70%);padding:8px 12px;border-radius:0 var(--l-r-sm) var(--l-r-sm) 0}
.l-watchsheet .l-act__refused{padding:8px 12px;border-radius:var(--l-r-sm);background:var(--l-fix-wash,#fff4ed)}
.l-watchsheet .l-act--working{background:linear-gradient(90deg,var(--l-accent-wash),#fff)}
.l-sheet.l-watch .l-watch__icon{background:linear-gradient(135deg,#0056f5,#33ccf4);color:#fff}

/* Watch an agent, live: "Initializing the agent" over the page until the first step, or the end, is in the list */
.l-initializing{transition:opacity .35s ease-out,visibility .35s}
.l-watchsheet:has(.l-acts>li.l-act:not([data-working])) .l-initializing{opacity:0;visibility:hidden;pointer-events:none}

/* a JSON document over the page (ui/json-modal.tsx): 80% of the window, a see-through navy backdrop */
.l-jsonbtn{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:8px 14px;border-radius:999px;border:1px solid var(--l-line-strong);background:var(--l-surface);color:var(--l-accent-ink);font-size:var(--l-t-sm);font-weight:500;cursor:pointer}
.l-jsonbtn:hover{border-color:var(--l-accent);background:var(--l-accent-wash)}
.l-jsonbtn svg{width:16px;height:16px}
.l-modal{width:80vw;height:80vh;max-width:none;max-height:none;margin:auto;padding:0;border:0;border-radius:var(--l-r);background:var(--l-surface);box-shadow:0 40px 80px -30px rgb(1 0 68/.6);overflow:hidden}
.l-modal:popover-open{display:flex;flex-direction:column}
.l-modal::backdrop{background:rgb(5 8 58/.45);backdrop-filter:blur(3px)}
.l-modal__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;background:#05083a;color:#fff}
.l-modal__title{font-weight:600;font-size:var(--l-t-lg)}
.l-modal__head .l-btn:not(.l-btn--primary){background:rgb(255 255 255/.08);border-color:rgb(255 255 255/.3);color:#fff!important}
.l-modal__body{flex:1;min-height:0;padding:20px 24px;overflow:auto;overscroll-behavior:contain}
.l-modal__body:has(> .l-json){overflow:hidden}
.l-modal__title{display:flex;align-items:center;gap:12px;min-width:0}
.l-modal__head .l-btn:disabled{opacity:.4;cursor:default}
/* a starter file opens over the page (ui/starter-modal.tsx): its row in the plan, its button on a check's Fix */
button.l-file{width:100%;font:inherit;text-align:left;cursor:pointer;background:var(--l-surface)}
button.l-file:hover{background:var(--l-accent-wash)}
.l-starterbtn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border-radius:var(--l-r-sm);border:1px solid var(--l-line);background:var(--l-sunken);font:500 .8125rem/1.4 var(--l-mono);color:var(--l-ink);text-align:left;cursor:pointer}
.l-starterbtn:hover{border-color:var(--l-accent);background:var(--l-accent-wash)}
.l-starterbtn svg{width:16px;height:16px;flex:none;color:var(--l-accent)}
.l-starterbtn svg:last-child{margin-left:auto;color:var(--l-muted)}
.l-starter__note{color:var(--l-text);max-width:80ch}
.l-modal .l-starter__code{white-space:pre;overflow:auto;max-height:none}
.l-modal .l-act__exchange{display:flex;flex-direction:column;gap:10px;padding:16px 18px;border-radius:var(--l-r-sm);border:1px solid var(--l-line);box-shadow:inset 3px 0 0 var(--l-accent)}
.l-modal .l-act__exchange>.l-strong{font-family:var(--l-mono);font-size:var(--l-t-sm);color:#05083a;overflow-wrap:anywhere}
/* a request row is a button that opens the request over the page */
button.l-req__sum{width:100%;text-align:left;background:none;border:0;font:inherit;color:inherit;cursor:pointer}
button.l-req__sum:hover{background:var(--l-hover)}
.l-req__title{display:inline-flex;align-items:center;gap:12px}
.l-modal .l-req__body{display:flex;flex-direction:column;gap:16px;padding:0;border:0;background:none}
.l-modal .l-req__full code{font-size:var(--l-t-md);color:#05083a;overflow-wrap:anywhere}
.l-modal .l-pre{max-height:none}
.l-modal__body .l-json{height:100%}
.l-modal__body .l-docpanel{display:flex;flex-direction:column;height:100%}
.l-modal__body .l-docpanel__scroll{max-height:none;min-height:0;flex:1}
@media (prefers-reduced-motion:no-preference){.l-modal:popover-open{animation:l-fadein .2s ease-out}}
@media (max-width:640px){.l-modal{width:94vw;height:88vh}.l-modal__body .l-json__toc{display:none}}

/* moving between pages: the whole screen fades from one page to the next (same-origin navigations) */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.22s;animation-timing-function:ease-out}
@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}