/* „Практика" — a summarised court act, and the act itself.

   Tokens from _theme.html with dark fallbacks, like every other page stylesheet. The act's
   text is long and is rendered as it came, so its container scrolls inside itself. */

main { max-width: 820px; }
.crumbs { font-size: 13px; color: var(--muted, #8b98a5); margin: 0 0 6px; }
.crumbs a { color: var(--accent, #3fb950); text-decoration: none; }
h1 { font-size: 24px; line-height: 1.3; margin: 0 0 6px; text-wrap: balance; }
.meta { font-size: 13.5px; color: var(--muted, #8b98a5); margin: 0 0 18px; }
.lede { font-size: 16px; line-height: 1.65; margin: 0 0 14px; }
.small { font-size: 13px; }
.muted { color: var(--muted, #8b98a5); }

/* The one generated thing on the site, marked as such above the text it introduces. */
.gen { font-size: 12.5px; letter-spacing: .01em; color: var(--warn, #d29922); margin: 0 0 10px;
  padding-left: 10px; border-left: 3px solid var(--warn, #d29922); }
.sum { padding: 16px 18px; border: 1px solid var(--border, #2d3744); border-radius: 12px;
  background: var(--panel, #1a212b); }
.sum h2 { font-size: 14px; letter-spacing: .02em; text-transform: uppercase;
  color: var(--muted, #8b98a5); margin: 16px 0 6px; }
.holding { margin: 0; line-height: 1.6; }
.arts { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 4px; font-size: 14.5px; }
.arts a { color: var(--accent, #3fb950); }
.kw { display: flex; flex-wrap: wrap; gap: 6px; margin: 14px 0 0; }
.kw span { font-size: 12.5px; padding: 3px 9px; border-radius: 999px;
  border: 1px solid var(--border, #2d3744); color: var(--muted, #8b98a5); }

.act { margin-top: 26px; }
.act h2 { font-size: 16px; margin: 0 0 10px; }
/* `font: 14px/1.6 inherit` is not valid shorthand — the <pre> default (monospace) won and the
   decision read like a terminal dump. The family is set on its own. */
.body { white-space: pre-wrap; word-wrap: break-word; font-family: inherit; font-size: 14px;
  line-height: 1.6; margin: 0;
  padding: 16px 18px; border: 1px solid var(--border, #2d3744); border-radius: 12px;
  background: var(--panel, #1a212b); max-height: 70vh; overflow: auto; }
.foot { margin-top: 26px; padding-top: 14px; border-top: 1px solid var(--border, #2d3744); }
.foot a { color: var(--accent, #3fb950); }

/* the index */
.years { display: flex; flex-wrap: wrap; gap: 6px; margin: 14px 0 18px; }
.years a { font-size: 13px; padding: 4px 11px; border-radius: 999px; text-decoration: none;
  border: 1px solid var(--border, #2d3744); color: var(--muted, #8b98a5); }
.years a.on { border-color: var(--text, #e6edf3); color: var(--text, #e6edf3);
  background: var(--panel-2, #243140); font-weight: 600; }
.list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.list li { padding: 12px 14px; border: 1px solid var(--border, #2d3744); border-radius: 10px;
  background: var(--panel, #1a212b); }
.list li > a { font-weight: 600; font-size: 15.5px; color: var(--text, #e6edf3); text-decoration: none; }
.list li > a:hover { color: var(--accent, #3fb950); }
.list .meta { margin: 4px 0 6px; }
.list .sum { padding: 0; border: 0; background: none; margin: 0; font-size: 14px;
  line-height: 1.55; color: var(--muted, #8b98a5); }
.empty { color: var(--muted, #8b98a5); text-align: center; }