/* The compact prop table (prompt 379), shared by the player pages, the game
   props pages, the Anytime TD page and /props. Palette variables only, so the
   light theme flips it with no override in theme-light.css. Four columns that
   fit a 375 px phone without sideways scrolling: the book name sits under its
   price instead of in a column of its own. */
.pr-box{border:1px solid var(--border,#2A2A2A);border-radius:12px;background:var(--bg2,#111);padding:12px 12px 8px;margin:10px 0 14px}
.pr-box h2{font-size:15px;margin:0 0 2px;color:var(--text,#EEE)}
.pr-sub{font-size:12px;color:var(--muted,#888);margin:0 0 8px}
.pr-sub a{color:var(--gold,#B69862)}
.pr-table{width:100%;font-size:13px}
.pr-row{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr) 44px;gap:8px;align-items:center;padding:7px 0;border-top:1px solid var(--border,#2A2A2A)}
.pr-row:first-child{border-top:0}
.pr-head{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted,#888);padding-top:0}
.pr-row span{min-width:0;overflow-wrap:anywhere}
.pr-row b{display:block;font-weight:700;color:var(--green,#00C896);font-variant-numeric:tabular-nums}
.pr-row i{display:block;font-style:normal;font-size:11px;color:var(--muted,#888)}
.pr-m{color:var(--text,#EEE)}
.pr-m em{display:block;font-style:normal;font-size:12px;color:var(--muted,#888)}
.pr-n{text-align:right;color:var(--muted,#888);font-variant-numeric:tabular-nums}
.pr-links{display:flex;flex-wrap:wrap;gap:0 16px;font-size:13px;margin:2px 0 0}
/* 44 px tall: a finger-sized target on a phone (the reader check's floor). */
.pr-links a{color:var(--gold,#B69862);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.pr-links a:hover{text-decoration:underline}
.pr-group{border-top:1px solid var(--border,#2A2A2A);padding-top:10px;margin-top:10px}
.pr-group:first-of-type{border-top:0;margin-top:0;padding-top:0}
.pr-group h3{font-size:14px;margin:0 0 2px;color:var(--text,#EEE)}
.pr-group h3 a{color:inherit;text-decoration:none}
.pr-group h3 a:hover{text-decoration:underline}
.pr-group h3 small{font-weight:400;color:var(--muted,#888);font-size:12px;margin-left:6px}
.pr-note{font-size:12px;color:var(--muted,#888);margin:10px 0 0;max-width:70ch}
.pr-more summary{cursor:pointer;font-size:13px;color:var(--gold,#B69862);padding:8px 0;border-top:1px solid var(--border,#2A2A2A);list-style:none}
.pr-more summary::-webkit-details-marker{display:none}
.pr-more[open] summary{color:var(--muted,#888)}