/* IAMGROK Political Test — additions on top of /test/reasoning/reasoning.css (shared site tokens) */
.pt-statement { font-size: clamp(19px, 5vw, 24px); font-weight: 500; color: var(--cream); line-height: 1.35; margin: 8px 0 18px; outline: none; min-height: 3.2em; }
.pt-likert { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; }
@media (min-width: 700px) { .pt-likert { grid-template-columns: repeat(5, minmax(0, 1fr)); } .pt-opt { text-align: center; padding: 30px 8px 12px; } .pt-opt .rg-num { top: 8px; left: 50%; transform: translateX(-50%); } }
.pt-ideo { font-family: "Bebas Neue", Impact, "Arial Narrow", sans-serif; font-size: clamp(32px, 8vw, 52px); color: var(--gold); line-height: 1.05; letter-spacing: .03em; margin: 6px 0 4px; overflow-wrap: anywhere; }
.pt-tag { color: var(--cream); font-size: 16px; margin: 0 0 12px; }
.pt-map svg { display: block; width: 100%; max-width: 340px; height: auto; margin: 6px auto 0; }
.pt-axes { display: grid; gap: 12px; }
.pt-axis { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 10px; font-size: 14px; }
.pt-axis-name { color: var(--cream); }
.pt-axis-val { color: var(--gold); font-variant-numeric: tabular-nums; }
.pt-axis-bar { grid-column: 1 / -1; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 8px; align-items: center; font-size: 12px; color: var(--mute); }
.pt-track { position: relative; height: 8px; background: linear-gradient(90deg, #2a2a2a, #1a1a1a 50%, #2a2a2a); display: block; }
.pt-track::before { content: ""; position: absolute; left: 50%; top: -3px; bottom: -3px; width: 1px; background: #5a5244; }
.pt-mark { position: absolute; top: 50%; width: 14px; height: 14px; margin: -7px 0 0 -7px; border-radius: 50%; background: var(--gold); border: 2px solid #000; }
.pt-desc { color: var(--ink); font-size: 16px; line-height: 1.6; margin: 18px 0 10px; }
.pt-near { color: var(--cream); font-size: 15px; margin: 0 0 16px; }