/* myths section: verdict badges, hub cards, calculator output. Reuses the tokens of style.css and the layout classes of extra.css. */
:root{--mv-t-bg:#e3f4e8;--mv-t-ink:#14532d;--mv-t-ln:#2f855a;--mv-f-bg:#fde8e8;--mv-f-ink:#7f1d1d;--mv-f-ln:#c53030;--mv-p-bg:#fff3cd;--mv-p-ink:#5c4300;--mv-p-ln:#a87f00}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--mv-t-bg:#12301f;--mv-t-ink:#a8e6bf;--mv-t-ln:#4cc272;--mv-f-bg:#3a1717;--mv-f-ink:#ffb9b9;--mv-f-ln:#e57373;--mv-p-bg:#3a2e0c;--mv-p-ink:#f6d36a;--mv-p-ln:#f2c230}}
:root[data-theme="dark"]{--mv-t-bg:#12301f;--mv-t-ink:#a8e6bf;--mv-t-ln:#4cc272;--mv-f-bg:#3a1717;--mv-f-ink:#ffb9b9;--mv-f-ln:#e57373;--mv-p-bg:#3a2e0c;--mv-p-ink:#f6d36a;--mv-p-ln:#f2c230}
.mv{display:inline-block;padding:2px 14px;border-radius:var(--r-pill);border:2px solid;font-weight:700;font-size:1rem;line-height:1.5;margin:0 8px 4px 0;vertical-align:middle}
.mv-t{background:var(--mv-t-bg);color:var(--mv-t-ink);border-color:var(--mv-t-ln)}
.mv-f{background:var(--mv-f-bg);color:var(--mv-f-ink);border-color:var(--mv-f-ln)}
.mv-p{background:var(--mv-p-bg);color:var(--mv-p-ink);border-color:var(--mv-p-ln)}
.mclaim{display:inline-block;margin-right:6px}
.mpage p,.mpage li,.mpage td,.mpage th,.mpage summary,.mpage a{overflow-wrap:anywhere}
.mpage .tw td,.mpage .tw th[scope=row]{white-space:normal;vertical-align:top;min-width:88px}
.mpage .xmap .usmap{max-width:760px}
.mgrid{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr))}
.mcard{border:1px solid var(--line);border-radius:var(--r-panel);padding:16px;background:var(--bg2)}
.mcard h3{margin:8px 0 6px;font-size:1.1rem;line-height:1.3}
.mnum{margin:4px 0}
.mnum b{font-size:1.45rem;line-height:1.2;color:var(--acc)}
.mlab{margin:4px 0 0;font-size:.92rem;color:var(--ink2);line-height:1.45}
.mout{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px}
.mout li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--r-bar);background:var(--bg2)}
.mout li b.xgood{color:var(--acc)}
.mcalc .xrow label{font-weight:600}
.mcalc .xrow input[type=number]{width:9em}
@media (max-width:720px){.mcalc .xrow input[type=number],.mcalc .xrow select{width:100%}}