/* firm.css - the broker's example (link 65): the Buyer Card as a firm receives it, the evidence on its listing, the
   set drawn as structure and the hand-off. Drawn in the site's own tokens; the marks and statement lines keep the
   classes of 2.0's language.css and the buyer's example. */
html.dl .btfirmx .fxapt{margin:1rem 0 .4rem;padding:.7rem 1rem;border:1px solid var(--cobalt-200);border-radius:var(--r);background:var(--porcelain-2)}
html.dl .fxcard{margin:.6rem 0 1rem;border:1px solid var(--cobalt-400);border-radius:var(--r);background:var(--porcelain);box-shadow:var(--shadow-1)}
html.dl .fxcard__head{padding:1rem 1.1rem .6rem;border-block-end:1px solid var(--cobalt-200)}
html.dl .fxcard__head .eyebrow{margin:0 0 .5rem}
html.dl .fxcard__title{display:flex;gap:.8rem;align-items:center}
html.dl .fxcard__title h3{margin:0;font-size:1.3rem}
html.dl .fxcard__sub{margin:.15rem 0 0;font-size:.9rem;color:var(--muted)}
html.dl .fxrung__rail{fill:none;stroke:var(--cobalt-700);stroke-width:1.2}
html.dl .fxrung__on{fill:var(--cobalt-200);stroke:var(--cobalt-700);stroke-width:.8}
html.dl .fxrung__top{fill:var(--cobalt-500)}
html.dl .fxrung__off{stroke:var(--cobalt-400);stroke-width:1;stroke-dasharray:2 2}
html.dl .fxreasons{margin:.7rem 0 0;display:flex;flex-wrap:wrap;gap:.35rem .9rem;font-size:.9rem}
html.dl .fxreason{display:inline-flex;gap:.35rem;align-items:baseline}
html.dl .fxcard__sec{padding:.8rem 1.1rem;border-block-end:1px solid var(--cobalt-200)}
html.dl .fxcard__sec:last-child{border-block-end:0}
html.dl .fxcard__sec h4{margin:0 0 .5rem;font-size:1rem;display:flex;gap:.5rem;align-items:baseline;flex-wrap:wrap}
html.dl .fxcard__sec p{margin:0 0 .4rem}
html.dl .fxcard__dl{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.5rem 1rem}
html.dl .fxcard__dl div{margin:0}
html.dl .fxcard__dl dt{font-size:.82rem;color:var(--muted)}
html.dl .fxcard__dl dd{margin:0;font-weight:600}
html.dl .fxcard__units{margin:0 0 .6rem;padding-inline-start:1.1rem}
html.dl .fxcard__unitmeta{color:var(--muted)}
html.dl .fxsecs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.35rem}
html.dl .fxsecs__cell{display:grid;gap:.1rem;padding:.4rem .5rem;border:1px dashed var(--cobalt-400);border-radius:var(--r);font-size:.85rem}
html.dl .fxsecs__cell.is-read{border-style:solid;background:var(--cobalt-050)}
html.dl .fxsecs__k{font-size:.75rem;color:var(--muted)}
html.dl .fxcard__sec--unknown{background:var(--unknown-ground)}
html.dl .fxev{display:grid;gap:.2rem}
html.dl .fxev__note{margin:0 0 .4rem;font-size:.9rem;color:var(--muted)}
html.dl .fxev__h{margin:1rem 0 .4rem;font-size:1.05rem}
html.dl .fxev .epi-line,html.dl .btfirmx .epi-line.st{margin:0 0 .45rem;display:flex;flex-wrap:wrap;gap:.2rem .5rem;align-items:baseline;line-height:1.6}
html.dl .btfirmx .st__src{flex-basis:100%;font-size:.8rem;color:var(--muted)}
html.dl .fxev__off{margin:0;color:var(--muted)}
html.dl .fxsetfig{margin:.6rem 0 1rem;padding:.8rem;border:1px solid var(--cobalt-200);border-radius:var(--r);background:var(--porcelain-2)}
html.dl .fxsetfig__dossier{max-inline-size:26rem}
html.dl .fxset{list-style:none;margin:.8rem 0 .6rem;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));gap:.4rem}
html.dl .fxset__home{padding:.55rem .5rem;border:1px dashed var(--cobalt-400);border-radius:var(--r);background:var(--porcelain);font-size:.85rem;color:var(--muted);text-align:center}
html.dl .fxset__home--opened{border-style:solid;border-color:var(--cobalt-700)}
html.dl .fxset__home--this{border:2px solid var(--cobalt-700);background:var(--cobalt-200);color:var(--ink);font-weight:600}
html.dl .fxassumed{display:flex;gap:.5rem;align-items:baseline;flex-wrap:wrap}
html.dl .fxquote{margin:0 0 .6rem;padding:.6rem .9rem;border-inline-start:3px solid var(--cobalt-400);background:var(--porcelain-2)}
html.dl .fxho{margin:.4rem 0 1rem;padding:.8rem 1rem;border:1px solid var(--cobalt-400);border-radius:var(--r);background:var(--porcelain)}
html.dl .fxho p{margin:0 0 .35rem}
html.dl .fxho__tag{display:inline-block;padding:.1rem .5rem;border:1px solid var(--cobalt-400);border-radius:999px;font-size:.8rem}
html.dl .fxho__k{display:inline-block;min-inline-size:8rem;font-size:.82rem;color:var(--muted)}