/* Encore for clients: the legal line (shell/legal.js; the sign-in panel's static copy). The Detail role exactly
   (system.css .kpi-detail: 15/22/400, muted); links stay muted and underline on hover. Each part after the first carries
   its middot in a 16 px gap (8 px each side of the glyph's box). The parts wrap as whole parts; the middot that would
   start a rendered line is clipped off the line's left edge (the inner row is shifted left by one separator and the line
   clips its left edge only, 6 px outside the text's edge (a host sets its side padding through --legal-pad), so a link's 3 px focus ring with its 3 px offset stays whole), so no rendered line starts or ends with a middot (TYPOGRAPHY.md section 3). Left-aligned by construction. */
.legal-line{--legal-sep:22px;--legal-pad:0px;margin:0;padding-inline:var(--legal-pad);clip-path:inset(-8px -8px -8px calc(var(--legal-pad) - 6px));color:var(--muted);font-size:var(--font-detail);line-height:var(--line-detail);font-weight:var(--weight-regular);font-variant-numeric:tabular-nums}
.legal-parts{display:flex;flex-wrap:wrap;margin-left:calc(-1 * var(--legal-sep))}
.legal-parts>span{white-space:nowrap}
.legal-parts>span::before{content:"·";display:inline-block;width:var(--legal-sep);text-align:center}
.legal-line a{color:inherit;text-decoration:none;text-underline-offset:3px}
.legal-line a:hover{text-decoration:underline}