/* constitution: reading pages, preamble, quiz */
.con .lead{font-size:1.08rem;color:var(--soft)}
.meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:10px 0 4px}.meta .tag{font-size:.84rem}
.btn.sm{min-height:40px}
.con-text{font-size:1.04rem;line-height:1.72}
.con-text h2{margin-top:1.5em}
blockquote.pre{margin:16px 0;padding:18px 18px;background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--accent);border-radius:var(--r);font:600 1.02rem/1.9 Georgia,'Times New Roman',serif;letter-spacing:.01em}
.finder form .acts{margin-top:12px}
.quiz{background:var(--surface);border:2px solid var(--teal);border-radius:var(--r);padding:16px;margin:18px 0}
.quiz h2{margin:0 0 .3em;font-size:1.2rem}.quiz .acts{margin-top:14px}
.qq{font:700 1.15rem/1.35 var(--font-head);margin:.3em 0 .8em}
.opts{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
.opt{min-height:50px;padding:10px 14px;border-radius:10px;border:1.5px solid var(--field-line);background:var(--field);color:var(--ink);font:600 1rem var(--font);text-align:left;cursor:pointer}
.opt:hover:not(:disabled){border-color:var(--accent)}.opt:disabled{cursor:default;opacity:.75}
.opt.right{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 16%,var(--field));opacity:1}
.opt.wrong{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 14%,var(--field));opacity:1}
.fb{font-weight:600;margin:12px 0 0}.fb.ok{color:var(--ok)}.fb.no{color:var(--bad)}
ol.qa{padding-left:1.8em}ol.qa li{margin:.6em 0}ol.qa .q{display:block}ol.qa .ans{color:var(--ok)}
#arts td.mono{font-weight:700}
@media print{.meta .btn,.grid,.btn,.hint,.quiz,.finder{display:none!important}details{border:0;padding:0}details>*{display:block!important}}
.grid a{flex-wrap:wrap}
.grid a small{white-space:normal;flex-basis:100%;text-align:left}
dl.facts dt{white-space:normal}
