/* /notes/on-the-stand/ (deploy/build_stand.py). Карточки-«экспонаты» те же,
   что на /sheets/never-chart/ и на мольберте EXHIBIT в роликах серии «в суде
   читают твой чарт». Цвета обвязки (--ch-*) дают тёмную тему. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.st{max-width:720px;margin:0 auto;padding:18px 16px 40px;color:var(--ch-fg);font-family:var(--ch-f-t)}
.st a{color:var(--ch-teal)}
.st a:focus-visible{outline:3px solid var(--ch-accent);outline-offset:2px}
.st-crumbs{font:500 13px/1.4 var(--ch-f-m);margin:0 0 14px;color:var(--ch-fg-3)}
.st-kick{font:500 12px/1.3 var(--ch-f-m);letter-spacing:.12em;text-transform:uppercase;color:var(--ch-accent);margin:0 0 8px}
.st h1{font:400 clamp(36px,10vw,60px)/.95 var(--ch-f-d);text-transform:uppercase;letter-spacing:.005em;margin:0 0 14px}
.st h2{font:400 clamp(24px,6.5vw,32px)/1.05 var(--ch-f-d);text-transform:uppercase;margin:30px 0 12px}
.st-lede{font-size:18px;line-height:1.5;color:var(--ch-fg-2);margin:0 0 10px}
.st-new{font:500 13px/1.4 var(--ch-f-m);color:var(--ch-fg-3);margin:0 0 22px}
.st-meta{display:block;font:500 12px/1.4 var(--ch-f-m);letter-spacing:.06em;color:#5b6461;margin:6px 0 0}

.ex{display:block;background:#fafaf4;color:#1a1d1f;border:2.5px solid #1a1d1f;border-radius:4px;margin:0 0 22px;
  box-shadow:5px 5px 0 rgba(26,29,31,.85);overflow:hidden;text-decoration:none}
.ex-tag{display:flex;background:#b02a34;color:#fafaf4;font:400 20px/1 var(--ch-f-d);letter-spacing:.04em;text-transform:uppercase;
  padding:9px 14px 7px;justify-content:space-between;align-items:baseline}
.ex-tag small{font:500 11px/1 var(--ch-f-m);letter-spacing:.1em;opacity:.85}
.ex-body{display:block;padding:14px 16px 16px}
.ex-old{display:block;font:400 clamp(30px,9vw,42px)/1.05 var(--ch-f-d);color:#1e3c8c;margin:2px 0 10px;
  text-decoration:line-through;text-decoration-color:#b02a34;text-decoration-thickness:4px}
.ex-why{display:block;font-size:16px;line-height:1.45;margin:0;color:#3d4542}
.st-card:hover{box-shadow:7px 7px 0 rgba(26,29,31,.85)}
.ex-new{font:400 14.5px/1.55 var(--ch-f-m);background:#e9f1ef;color:#1a1d1f;border-left:4px solid #2f6a6e;padding:10px 12px;
  margin:0 0 10px;overflow-wrap:anywhere;white-space:pre-line}
.st-more{font-size:15px;font-weight:600}

.st-qs,.st-already,.st-links{list-style:none;padding:0;margin:0}
.st-q{border-left:4px solid var(--ch-accent);padding:2px 0 2px 14px;margin:0 0 20px}
.st-who{font:500 12px/1.4 var(--ch-f-m);letter-spacing:.06em;text-transform:uppercase;color:var(--ch-accent);margin:0 0 6px}
.st-q-q{font-size:19px;line-height:1.35;font-weight:600;margin:0 0 8px}
.st-quote{margin:0 0 8px;padding:8px 12px;background:var(--ch-hover);border-radius:var(--ch-radius);
  font-size:15px;line-height:1.5;color:var(--ch-fg-2)}
.st-src{display:block;font-size:13.5px;line-height:1.45;color:var(--ch-fg-3);margin-top:4px}
.st-case{border:1.5px solid var(--ch-line);border-radius:var(--ch-radius);padding:12px 14px;margin:0 0 14px}
.st-case h3{font-size:17px;line-height:1.3;margin:0}
.st-case .st-meta{font-size:12px;color:var(--ch-fg-3);margin:4px 0 8px}
.st-case p{font-size:16px;line-height:1.5;margin:0 0 8px}
.st-already li{font-size:16px;line-height:1.5;margin:0 0 14px;padding-left:14px;border-left:4px solid var(--ch-teal)}
.st-links li{font-size:16px;line-height:1.5;margin:0 0 8px}
.st-nav{display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:space-between;margin:30px 0 18px;
  padding-top:14px;border-top:1.5px solid var(--ch-line);font-weight:600}
.st-fine{font-size:14px;line-height:1.5;color:var(--ch-fg-3);border-top:1.5px solid var(--ch-line);padding-top:14px;margin-top:8px}

@media (prefers-reduced-motion: no-preference){.st-card{transition:box-shadow .15s}}
@media (prefers-reduced-motion: reduce){.st-card{transition:none}}
@media print{.app-bar,.foot,.skip-link,.st-nav{display:none!important}.ex{box-shadow:none;break-inside:avoid}}