/* Priority review: one full width table on top of app.css. */
.pr { max-width:1600px; margin:0 auto; padding:var(--s5) var(--s5) 120px; }
.pr-head { display:flex; flex-wrap:wrap; align-items:center; gap:var(--s3) var(--s5);
  margin:0 0 var(--s3); }
.pr-title h1 { font:500 var(--t-h4)/1.3 var(--serif); margin:0; letter-spacing:-.01em; }
.pr-title .stamp { color:var(--faint); font-size:var(--t-label); margin:0; }
.pr-head .topnav { margin:0; flex:1 1 420px; }
.pr-who { font-size:var(--t-sm); display:flex; align-items:center; gap:var(--s2); }
.pr-who span { font-weight:600; }
.pr-who button { font:inherit; background:none; border:1px solid var(--line);
  border-radius:var(--r-full); padding:var(--s1) 10px; cursor:pointer; color:var(--ink); }
.pr-who button:hover { border-color:var(--ink); background:var(--subtle); }
.pr-lede { font-size:var(--t-md); color:var(--muted); margin:0 0 var(--s3); max-width:110ch; }

.pr-bar { display:flex; flex-wrap:wrap; align-items:center; gap:var(--s2) var(--s3);
  position:sticky; top:0; z-index:2; background:var(--paper);
  padding:var(--s2) 0; border-bottom:1px solid var(--rule); }
.pr-filters { display:flex; flex-wrap:wrap; gap:6px; }
.pr-f { font:var(--t-sm)/1.2 var(--sans); padding:6px 11px; border:1px solid var(--line);
  border-radius:var(--r-full); background:var(--card); color:var(--muted); cursor:pointer; }
.pr-f:hover { border-color:var(--ink); color:var(--ink); }
.pr-f[aria-pressed="true"] { background:var(--ink); color:var(--lds-page); border-color:var(--ink); }
.pr-f .n { opacity:.75; margin-left:2px; }
.pr-bar .search { flex:1 1 220px; width:auto; max-width:360px; font-size:var(--t-md); padding:6px var(--s3); }
.pr-progress { font:600 var(--t-md)/1 var(--sans); font-variant-numeric:tabular-nums; margin-left:auto; }
.pr-err { background:var(--bad-bg); color:var(--bad-ink); border:1px solid var(--bad-line);
  border-radius:var(--r-md); padding:var(--s2) var(--s3); font-size:var(--t-md); margin:var(--s2) 0; }

.pr-wrap { overflow-x:auto; margin-top:var(--s2); }
.pr-table { width:100%; border-collapse:collapse; font-size:var(--t-md); line-height:1.35;
  background:var(--card); }
.pr-table th { text-align:left; font:500 var(--t-label)/1.2 var(--sans); letter-spacing:.06em;
  text-transform:uppercase; color:var(--muted); padding:var(--s2); border-bottom:1px solid var(--line);
  background:var(--panel); }
.pr-table td { padding:6px var(--s2); border-bottom:1px solid var(--line); vertical-align:top; }
.pr-table .c-n, .pr-table .c-y { font-variant-numeric:tabular-nums; white-space:nowrap; }
.pr-table .c-n { color:var(--faint); }
.pr-table .c-title { min-width:160px; }
.pr-table .c-why { max-width:340px; }
.pr-table .c-title a { font-weight:600; }
.pr-table .sub { display:block; color:var(--faint); font-size:var(--t-sm); }
.pr-table .faint { color:var(--faint); }
.pr-table .flag { display:block; color:var(--bad-ink); font-size:var(--t-sm); font-weight:600; }
.pr-table tr.row.on td { background:var(--amber-tint); }
.pr-table tr.row.on td:first-child { box-shadow:inset 3px 0 0 var(--zest); }
.pr-table tr.row.decided td { color:var(--muted); }
.pr-table tr.more td { background:var(--subtle); font-size:var(--t-md); }
.pr-table tr.more p { margin:0 0 var(--s1); max-width:110ch; }

.tier { font:600 var(--t-sm)/1.2 var(--sans); border-radius:var(--r-full); padding:3px 9px;
  border:1px solid var(--line); cursor:pointer; white-space:nowrap; background:var(--card); }
.t-banger { color:var(--deep); background:var(--deep-bg); border-color:var(--deep-line); }
.t-strong { color:var(--good-ink); background:var(--good-bg); border-color:var(--good-line); }
.t-niche { color:var(--warn-ink); background:var(--warn-bg); border-color:var(--warn-line); }
.t-skip { color:var(--grey); background:var(--grey-bg); border-color:var(--grey-line); }

.c-dec { min-width:290px; }
.decs { display:flex; gap:4px; }
.dec { font:var(--t-sm)/1.2 var(--sans); padding:5px 8px; border:1px solid var(--line);
  border-radius:var(--r-full); background:var(--card); color:var(--muted); cursor:pointer;
  white-space:nowrap; }
.dec:hover { border-color:var(--ink); color:var(--ink); }
.dec.d-banger[aria-pressed="true"] { background:var(--deep); border-color:var(--deep); color:#fff; }
.dec.d-strong[aria-pressed="true"] { background:var(--good-ink); border-color:var(--good-ink); color:#fff; }
.dec.d-niche[aria-pressed="true"] { background:var(--warn-ink); border-color:var(--warn-ink); color:#fff; }
.dec.d-skip[aria-pressed="true"] { background:var(--grey); border-color:var(--grey); color:#fff; }
.note { width:100%; margin-top:4px; font:var(--t-sm)/1.3 var(--sans); padding:4px 8px;
  border:1px solid var(--line); border-radius:var(--r-sm); background:var(--card); color:var(--ink); }
.saved { display:block; font-size:var(--t-label); color:var(--faint); min-height:1em; }

/* Phone: each row becomes a card with labelled fields. */
@media (max-width:760px) {
  .pr { padding:var(--s3) var(--s3) 80px; }
  .pr-head .topnav { flex-basis:100%; }
  .pr-bar .search { max-width:none; }
  .pr-table, .pr-table tbody, .pr-table tr, .pr-table td { display:block; width:100%; }
  .pr-table thead { display:none; }
  .pr-table { background:none; }
  .pr-table tr.row { background:var(--card); border:1px solid var(--line);
    border-radius:var(--r-md); margin:0 0 var(--s2); padding:var(--s2) 0; }
  .pr-table tr.row.on { border-color:var(--zest); }
  .pr-table tr.row.on td:first-child { box-shadow:none; }
  .pr-table td { border:0; padding:2px var(--s3) 2px 120px; position:relative;
    min-width:0; overflow-wrap:anywhere; }
  .pr-table td::before { content:attr(data-l); position:absolute; left:var(--s3);
    width:100px; color:var(--faint); font-size:var(--t-sm); }
  .pr-table td.c-dec { padding-left:var(--s3); }
  .pr-table td.c-dec::before { display:none; }
  .pr-table tr.more { margin:calc(-1 * var(--s2)) 0 var(--s2); }
  .pr-table tr.more td { display:block; border-radius:0 0 var(--r-md) var(--r-md); padding:var(--s2) var(--s3); }
  .pr-table tr.more td::before { display:none; }
  .c-dec { min-width:0; }
  .pr-table td.c-why { max-width:none; }
  .decs { flex-wrap:wrap; margin-top:var(--s1); }
  .dec { flex:1 1 auto; padding:8px; }
}