/*! Copyright 2026 El Trivia (eltrivia.com). All rights reserved. */
.q-presidents{padding-block:var(--s5) var(--s7)}.q-presidents__intro{display:grid;gap:var(--s2);margin-bottom:var(--s5);max-width:60ch}.q-presidents__intro h1{font-size:28px}.q-presidents__game{display:grid;gap:var(--s3);max-width:none;padding:var(--s3)}.q-presidents__game:focus{outline:none}.q-presidents__bar{background:var(--surface);border-bottom:1px solid var(--line);border-radius:var(--r-card) var(--r-card) 0 0;display:grid;gap:var(--s2);margin:calc(var(--s3)*-1) calc(var(--s3)*-1) 0;padding:var(--s3);position:sticky;top:0;z-index:4}.q-presidents__row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--s4)}.q-presidents__actions{display:flex;gap:var(--s2);margin-left:auto}.q-presidents__input{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-pill);color:var(--ink);font-size:18px;min-height:48px;padding:0 var(--s4);width:100%}.q-presidents__input:disabled{opacity:.5}.q-presidents__feedback{font-size:15px;margin-top:var(--s1);min-height:1.5em;overflow:hidden;padding-inline:var(--s4);text-overflow:ellipsis;white-space:nowrap}.q-presidents__caption{font-size:15px;font-weight:600;min-height:1.5em}.q-presidents__table tr.is-revealed{cursor:pointer}.q-presidents__table tr.is-revealed:focus-visible,.q-presidents__table tr.is-revealed:hover{background:var(--surface-2)}.q-presidents__table tr.is-revealed:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.q-presidents__stats .q-presidents__table thead{display:table-header-group}.q-presidents__stats .q-presidents__table td:nth-child(2){width:auto}.q-presidents__result{display:grid;gap:var(--s3);padding-block:var(--s2)}.q-presidents__result .fig dd{font-size:24px}.q-presidents__board{min-width:0;position:relative}.q-presidents__lists{--rows:47;--rows-a:24;display:grid;gap:0 var(--s5);min-height:calc(var(--rows)*34px + 35px)}.q-presidents__table{border-collapse:collapse;font-size:15px;width:100%}.q-presidents__table thead th{color:var(--ink-2);font-size:12px;font-weight:600;padding:var(--s2);text-align:left}.q-presidents__lists .q-presidents__table+.q-presidents__table thead{display:none}.q-presidents__table tbody th,.q-presidents__table td{border-bottom:1px solid var(--line);height:34px;padding:5px var(--s2);text-align:left}.q-presidents__table tbody th{color:var(--ink-2);font-variant-numeric:tabular-nums;font-weight:400;width:3em}.q-presidents__table td:nth-child(2){color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap;width:7.5em}.q-presidents__table td:last-child{font-weight:600}.q-presidents__table tr.is-new{background:color-mix(in srgb,var(--state-correct) 16%,var(--surface))}.q-presidents__table tr{transition:background-color 1s var(--ease)}.q-presidents__missed{color:var(--state-wrong);font-style:italic}.q-presidents__extra{color:var(--ink-2);display:block;font-size:13px;font-weight:400}.q-presidents__pause{align-content:start;inset:0;padding:var(--s4)}.q-presidents__pause p{font-size:18px}.q-presidents.is-paused .q-presidents__lists{visibility:hidden}.q-presidents__stats{display:grid;gap:var(--s4);margin-top:var(--s5);max-width:none;padding:var(--s4)}.q-presidents__stats .figs{grid-template-columns:repeat(3,minmax(0,1fr))}.q-presidents__stats .fig dd{font-size:24px}.q-presidents__recent{overflow-x:auto}.q-presidents__recent caption{padding-bottom:var(--s2);text-align:left}.q-presidents__about{display:grid;gap:var(--s3);margin-top:var(--s7);max-width:72ch}.q-presidents__about h2{margin-top:var(--s4)}.q-presidents__about h3{margin-top:var(--s2)}.q-presidents__more{display:grid;gap:var(--s3)}.q-presidents__more summary{cursor:pointer;font-weight:600;padding-block:10px}.q-presidents__names th[scope=row]{color:inherit;font-weight:600;width:45%}.q-presidents__names td:nth-child(2){color:inherit;font-weight:400;width:auto}.q-presidents__about ol,.q-presidents__about ul{display:grid;gap:var(--s1);margin:0;padding-left:1.4em}@media (min-width:720px){.q-presidents__game{padding:var(--s5)}.q-presidents__bar{margin:calc(var(--s5)*-1) calc(var(--s5)*-1) 0;padding:var(--s4) var(--s5)}.q-presidents__entry{max-width:560px}}@media (min-width:1024px){.q-presidents__lists{align-items:start;grid-template-columns:1fr 1fr;min-height:calc(var(--rows-a)*30px + 35px)}.q-presidents__lists .q-presidents__table+.q-presidents__table thead{display:table-header-group}.q-presidents__table tbody th,.q-presidents__table td{height:30px;padding-block:3px}}