/* Research trivia page. Site tokens only. */
.trivia{padding-block:var(--page-space)}
.trivia h1{font-family:var(--font-head);font-size:var(--title-size);margin:0 0 var(--space-3)}
.tv-lede{font-size:var(--lede-size);max-width:var(--lede-measure)}
.tv-note{color:var(--ink-soft);font-size:var(--small-size)}
.tv-box{background:var(--paper-2);border:1px solid var(--line);border-top:4px solid var(--indigo);border-radius:var(--radius);padding:var(--space-4);margin-top:var(--space-4);max-width:46rem}
.tv-meta{display:flex;flex-wrap:wrap;gap:.3rem 1rem;color:var(--ink-soft);font-size:var(--small-size);margin:0 0 var(--space-2)}
.tv-q{font-family:var(--font-head);font-size:1.35rem;line-height:1.3;margin:0 0 var(--space-3)}
.tv-opts{display:grid;gap:var(--space-1)}
.tv-opt{font:inherit;text-align:left;background:var(--button-fill);color:var(--ink);border:1.5px solid var(--line);border-radius:10px;padding:.7rem .9rem;min-height:44px;cursor:pointer}
.tv-opt:hover:not(:disabled){border-color:var(--indigo)}
.tv-opt:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.tv-opt.right{border-color:var(--leaf);box-shadow:inset 4px 0 0 var(--leaf)}
.tv-opt.wrong{border-color:var(--terracotta-text);box-shadow:inset 4px 0 0 var(--terracotta-text)}
.tv-opt:disabled{cursor:default}
.tv-feedback{min-height:1.5em;margin:var(--space-3) 0 0}
.tv-btn{font:inherit;font-weight:600;background:var(--ink);color:var(--paper);border:0;border-radius:999px;padding:.6rem 1.2rem;min-height:44px;cursor:pointer}
.tv-h{font-family:var(--font-head);font-size:var(--card-title-size);margin:var(--space-5) 0 var(--space-2)}
.tv-themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:var(--space-2)}
.tv-theme{font:inherit;text-align:left;display:flex;flex-direction:column;gap:.3rem;background:var(--paper-2);color:var(--ink);border:1px solid var(--line);border-left:4px solid var(--indigo);border-radius:var(--radius);padding:var(--space-3);cursor:pointer;min-height:44px}
.tv-theme:hover{border-color:var(--indigo)}
.tv-theme:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.tv-theme strong{font-size:1.05rem}
.tv-theme span{color:var(--ink-soft);font-size:var(--small-size)}
.tv-theme small{color:var(--ink-soft)}
.tv-source{color:var(--ink-soft);font-size:var(--small-size)}
.tv-link{font:inherit;background:none;border:0;color:var(--indigo);text-decoration:underline;cursor:pointer;padding:.6rem .4rem;min-height:44px}