/* PM Rant Radar, native blog pieces. Everything is scoped under .prr.
   Tokens map to the site's own variables (assets/styles.css), so dark and light mode follow the site. */
.prr{
  --prr-bg:var(--bg,#0e1114);
  --prr-surface:var(--surface,#161a1f);
  --prr-fg:var(--text,#e8ecf0);
  --prr-muted:var(--muted,#98a3af);
  --prr-line:var(--line,#2b343e);
  --prr-accent:var(--cyan,#00d9ff);
  --prr-g1:#6ea3d6;--prr-g2:#f08a50;--prr-g3:#9bbd6e;--prr-g4:#b995d6;--prr-g5:#d6b25e;--prr-g6:#e07a93;--prr-g7:#62c2bc;
  --prr-display:var(--head,inherit);
  --prr-body:var(--body,inherit);
  --prr-mono:ui-monospace,SFMono-Regular,Menlo,monospace;
  color:var(--prr-fg);font-family:var(--prr-body);font-size:15px;line-height:1.5;
  display:flex;flex-direction:column;gap:16px;margin:1.8em 0;
}
:root[data-theme="light"] .prr{--prr-g1:#2f6fae;--prr-g2:#c2540a;--prr-g3:#587a2c;--prr-g4:#7c55a3;--prr-g5:#9a7414;--prr-g6:#b8405f;--prr-g7:#1f7f79}
.prr *,.prr *::before,.prr *::after{box-sizing:border-box}
.prose .prr p,.prr p{margin:0;color:inherit;font-size:inherit}
.prose .prr .prr-note,.prr-note{font-size:13px;color:var(--prr-muted)}
.prose .prr .prr-note p{margin:0 0 8px;max-width:80ch;font-size:13px;color:var(--prr-muted)}
.prose .prr .prr-note p:last-child{margin:0}
.prose .prr .prr-note b{color:var(--prr-fg)}
.prose .prr h3.prr-h,.prr h3{font-family:var(--prr-display);font-weight:600;font-size:18px;line-height:1.25;margin:2px 0 4px;color:var(--prr-fg)}
.prr-eyebrow{font:500 11px var(--prr-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--prr-muted)}
.prr-panel{background:var(--prr-surface);border:1px solid var(--prr-line);border-radius:12px;padding:20px;min-width:0}
.prr-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1px;background:var(--prr-line);border:1px solid var(--prr-line);border-radius:12px;overflow:hidden}
.prr-stat{background:var(--prr-surface);padding:14px 16px}
.prr-stat b{display:block;font:500 24px var(--prr-mono);font-variant-numeric:tabular-nums;color:var(--prr-fg)}
.prr-stat span{font-size:12px;color:var(--prr-muted)}
.prr-filters{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.prr-chip{font:500 12px var(--prr-body);border:1px solid var(--prr-line);background:transparent;color:var(--prr-fg);padding:5px 10px;border-radius:99px;cursor:pointer}
.prr-chip[aria-pressed="true"]{background:var(--prr-fg);color:var(--prr-bg);border-color:var(--prr-fg)}
.prr :focus-visible{outline:2px solid var(--prr-accent);outline-offset:2px}
.prr-rows{display:flex;flex-direction:column;gap:2px}
.prr-row{display:grid;grid-template-columns:minmax(110px,190px) 1fr 46px;gap:10px;align-items:center;padding:7px 8px;border-radius:6px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;width:100%}
.prr-row:hover{background:var(--prr-bg)}
.prr-row[aria-pressed="true"]{background:var(--prr-bg);box-shadow:inset 0 0 0 1px var(--prr-line)}
.prr-row .l{font-size:13px;line-height:1.25}
.prr-bar{height:14px;background:var(--prr-bg);border-radius:3px;overflow:hidden}
.prr-bar i{display:block;height:100%;border-radius:3px}
.prr-row .v{font:500 13px var(--prr-mono);text-align:right;font-variant-numeric:tabular-nums}
.prr-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--prr-muted);margin-top:10px}
.prr-legend s{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;text-decoration:none}
.prr-meta{display:flex;flex-wrap:wrap;gap:14px;font:12px var(--prr-mono);color:var(--prr-muted);margin:8px 0 14px}
.prose .prr blockquote{margin:0 0 12px;padding:0 0 12px;border:0;border-bottom:1px solid var(--prr-line);font-size:14px;line-height:1.5;font-style:normal;color:var(--prr-fg)}
.prose .prr blockquote:last-child{border-bottom:0;margin:0;padding:0}
.prr blockquote small{display:block;margin-top:4px;font:12px var(--prr-mono);color:var(--prr-muted)}
.prose .prr blockquote a{color:var(--prr-muted)}
.prr-yr{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-items:end;height:90px;margin:6px 0 4px}
.prr-yr div{display:flex;flex-direction:column;justify-content:flex-end;height:100%;font:11px var(--prr-mono);text-align:center;color:var(--prr-muted)}
.prr-yr i{display:block;border-radius:3px 3px 0 0;margin-bottom:3px}
.prr-tabwrap{overflow-x:auto;margin:0 0 14px}
.prose .prr table.prr-ytab{width:100%;border-collapse:collapse;font:12px var(--prr-mono);font-variant-numeric:tabular-nums}
.prose .prr .prr-ytab th,.prose .prr .prr-ytab td{text-align:right;padding:4px 6px;border-bottom:1px solid var(--prr-line);background:none;font-size:12px;font-family:var(--prr-mono);color:var(--prr-fg)}
.prose .prr .prr-ytab th:first-child,.prose .prr .prr-ytab td:first-child{text-align:left}
.prose .prr .prr-ytab th{font-weight:500;color:var(--prr-muted)}
.prr-info{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:1px solid var(--prr-muted);background:transparent;color:var(--prr-muted);font:600 11px var(--prr-body);cursor:pointer;margin-left:6px;padding:0;vertical-align:middle}
.prr-info[aria-expanded="true"]{background:var(--prr-fg);color:var(--prr-bg);border-color:var(--prr-fg)}
.prr-infobox{background:var(--prr-bg);border:1px solid var(--prr-line);border-radius:6px;padding:10px 12px;font-size:13px;color:var(--prr-muted);margin:8px 0 10px}
.prose .prr .prr-infobox p{margin:0 0 6px;font-size:13px;color:var(--prr-muted)}
.prose .prr .prr-infobox p:last-child{margin:0}
.prr-infobox b{color:var(--prr-fg)}
.prr-trend{overflow-x:auto}
.prr svg text{fill:var(--prr-muted);font:11px var(--prr-mono)}
.prr-pairs{display:grid;grid-template-columns:1fr;gap:0}
.prr-pair{display:flex;justify-content:space-between;gap:12px;font-size:13px;border-bottom:1px solid var(--prr-line);padding:6px 0}
.prr-pair:last-child{border-bottom:0}
.prr-pair b{font:500 13px var(--prr-mono)}
.prr [hidden]{display:none!important}
/* The ranked view is the one wide piece: list and detail sit side by side when the page allows it. */
.prose .prr[data-prr-view="ranked"]{width:min(1080px,100cqw);max-width:none;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:16px}
@media(max-width:820px){.prose .prr[data-prr-view="ranked"]{grid-template-columns:1fr;width:auto}}
@media(prefers-reduced-motion:reduce){.prr *{transition:none!important;animation:none!important}}