/* „Практика" - 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: var(--page-w,860px); }
.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; }

/* the reader's question under the summary (4 Oct 2026) */
.askbox { border:1px solid var(--border); border-radius:10px; padding:12px 12px 10px; margin:0 0 16px; background:var(--panel); }
.askbox .askq { display:block; margin:0 0 8px; color:var(--muted); font-size:13.5px; line-height:1.45; }
.asof-ask { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.asof-ask input[type=text] { flex:1 1 240px; min-width:0; min-height:44px; padding:8px 12px; font-size:16px; border-radius:8px;
  background:var(--bg); color:inherit; border:1px solid var(--border); }
.asof-ask button { min-height:44px; padding:6px 14px; border-radius:8px; font:inherit; cursor:pointer;
  background:transparent; color:var(--accent); border:1px solid var(--border); }
.asof-ask button:hover { border-color:var(--accent); }

/* keyword search over the summaries (round 8, 6 Oct 2026) */
.pk-search { margin: 16px 0 10px; }
.pk-search label { display: block; font-weight: 600; margin-bottom: 6px; }
.pk-row { display: flex; gap: 8px; flex-wrap: wrap; }
.pk-row input { flex: 1 1 240px; min-width: 0; min-height: 44px; padding: 8px 12px; font-size: 16px; border-radius: 8px;
  border: 1px solid var(--border); background: var(--bg); color: inherit; }
.pk-row button { min-height: 44px; padding: 8px 16px; border-radius: 8px; border: 0; background: var(--accent); color: var(--on-accent, #0d1218);
  font: inherit; font-weight: 600; cursor: pointer; }
.pk-found { margin: 8px 0 0; font-size: 14px; color: var(--muted); }

/* Ruling summaries in the reading face (UX review, 7 Oct 2026); headings and controls stay Perun. */
.sum, .holding { font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; }
p.sum { color:var(--text); opacity:.86; }   /* the list preview: was the muted grey, too faint to read */

/* the case-work offer on a ruling (7 Oct 2026) */
.pk-pro { margin:20px 0; padding:14px 16px; border:1px solid var(--border); border-left:3px solid var(--accent);
  border-radius:10px; background:var(--panel); display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; }
.pk-pro p { margin:0; flex:1 1 320px; }
.pk-pro small { flex-basis:100%; color:var(--muted); }
.pk-pro .pk-pro-go { background:var(--accent); color:var(--on-accent,#0d1218); border:0; border-radius:10px;
  padding:10px 16px; font-weight:700; text-decoration:none; min-height:44px; display:inline-flex; align-items:center; }