/* The positions of the Supreme Court: /practice (modules/site/views/practice.php).
   It comes after lawyers.css and uses its hero, form, pager and CTA. */

.pr-h2 { font-size: 28px; }
.pr-list { list-style: none; margin: var(--s5) 0 var(--s6); padding: 0; display: grid; gap: var(--s4); }
.pr-hit { display: grid; gap: var(--s3); padding: var(--s5); }
.pr-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; font-size: 13px; color: var(--ink-3); }
.pr-court { font-weight: 600; color: var(--accent); letter-spacing: .02em; }
.pr-title { font: 600 18px/1.4 var(--sans); letter-spacing: 0; }
.pr-text { font-size: 15px; line-height: 1.6; color: var(--ink-2); white-space: pre-line; }
.pr-docs { list-style: none; margin: 0; padding: var(--s3) 0 0; border-top: 1px solid var(--line); display: grid; gap: 6px; font-size: 14px; }
.pr-docs li { display: flex; flex-wrap: wrap; gap: 4px 14px; align-items: baseline; }
.pr-docs .lw-mono { font-size: 14px; }
.pr-docs a, .pr-foot a { color: var(--accent); text-decoration: none; }
.pr-docs a:hover, .pr-foot a:hover { text-decoration: underline; }
.pr-foot { display: flex; flex-wrap: wrap; gap: 4px 16px; font-size: 13px; }
.pr-note { margin-top: var(--s5) !important; font-size: 14px; color: var(--ink-3); max-width: 760px; }
.pr-tree-lead { margin: calc(-1 * var(--s2)) 0 var(--s5) !important; }
.pr-tree { columns: 2 360px; column-gap: var(--s7); }
.pr-root { break-inside: avoid; margin-bottom: var(--s6); }
.pr-root h3 { font-size: 20px; margin: 0 0 var(--s3); }
.pr-root h3 a { color: var(--ink); text-decoration: none; }
.pr-root h3 a:hover { text-decoration: underline; }
.pr-root ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.pr-root li a { color: var(--ink-2); font-size: 15px; text-decoration: none; }
.pr-root li a:hover { color: var(--ink); text-decoration: underline; }