/* Measured yes/no entry geometry. Other reading flows keep their own layout. */
.mw-main.mw-yesno-entry.mw-parity-page{max-width:928px;padding:96px 16px 0;margin:0 auto 64px;font-family:Onest,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.mw-yesno-entry .mw-reference-scope{font-family:inherit}
.mw-yesno-entry>.mw-reference-hero>div{max-width:576px}
.mw-yesno-entry>.mw-reference-hero h1{font-size:36px;line-height:40px;font-weight:800;letter-spacing:-.025em;gap:16px;margin:0 0 24px}
.mw-yesno-entry>.mw-reference-hero p{font-size:18px;line-height:28px;margin:0;color:var(--muted-ink)}
.mw-yesno-entry.mw-parity-page>form.mw-yesno-form{width:100%;max-width:768px;margin:32px auto 0}
.mw-yesno-entry .mw-question{padding:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 1px 2px #0000000d;overflow:hidden}
html.dark .mw-yesno-entry .mw-question{background:#18181b;border-color:#ffffff26}
.mw-yesno-entry .mw-question:focus-within{border-color:#a1a1aa;box-shadow:0 0 0 3px #a1a1aa66}
body[data-experience-route='/yes-or-no-tarot'] .mw-yesno-entry .mw-question textarea{display:block;width:100%;height:140px;min-height:140px;margin:0;padding:12px 16px;border:0;border-radius:0;resize:none;box-shadow:none;background:transparent;font:400 16px/24px Onest,system-ui,sans-serif;color:var(--fg)}
.mw-yesno-entry .mw-question textarea::placeholder{color:var(--muted-ink);opacity:1}
.mw-yesno-entry .mw-question-footer{min-height:34px;padding:0 16px 12px;gap:12px;line-height:20px;font-size:12px;color:var(--muted-ink)}
.mw-yesno-entry .mw-question-footer:has(.mw-card-count){min-height:50px}
.mw-yesno-entry .mw-card-count>button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:400;line-height:20px}
.mw-yesno-entry .mw-card-count svg{width:16px;height:16px;flex:none}
.mw-yesno-entry .mw-chips{margin-top:10px;justify-content:flex-start;gap:8px}
.mw-yesno-entry .mw-chips .mw-chip{min-height:40px;max-width:100%;padding:9px 13px;border:1px solid #7f22fe33;border-radius:999px;background:#7f22fe0d;color:var(--fg);font-family:inherit;font-size:13px;font-weight:400;line-height:1.35;text-align:start;white-space:normal}
.mw-yesno-entry .mw-chips .mw-chip:hover{background:#7f22fe1a}
html.dark .mw-yesno-entry .mw-chips .mw-chip{background:#a684ff0d;border-color:#a684ff33}
html.dark .mw-yesno-entry .mw-chips .mw-chip:hover{background:#a684ff1a}
.mw-yesno-entry form>.mw-actions{margin:14px 0 0;justify-content:center}
.mw-yesno-entry .mw-actions>button.mw-primary{width:100%;min-height:48px;height:48px;margin:0;padding:0 32px;border:0;border-radius:16px;background:#7f22fe;color:#faf5ff;font:500 15.5px/23.25px Onest,system-ui,sans-serif;box-shadow:0 1px 3px #5028a040}
html.dark .mw-yesno-entry .mw-actions>button.mw-primary{background:#a684ff;color:#fff}
.mw-main.mw-yesno-entry .mw-actions>button.mw-primary:disabled{background:#7f22fe;color:#faf5ff;opacity:.5}
html.dark .mw-main.mw-yesno-entry .mw-actions>button.mw-primary:disabled{background:#a684ff;color:#fff;opacity:.5}
.mw-yesno-entry .mw-yesno-members-note{margin:8px 0 0;font-size:14px;line-height:20px}
.mw-yesno-usage{width:100%;max-width:448px;margin:32px auto 0;padding:16px;border:1px solid #a684ff99;border-radius:16px;background:linear-gradient(125deg,var(--surface),#a684ff0d);font-size:14px;line-height:20px}
.mw-yesno-usage>strong{font-size:14px;font-weight:500}
.mw-yesno-usage>p{font-family:ui-monospace,monospace;font-size:10px;line-height:16px;letter-spacing:.04em;margin:0;color:var(--muted-ink)}
.mw-yesno-usage>div{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.mw-yesno-usage .mw-primary{display:flex;width:100%;height:36px;min-height:36px;margin:0;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;background:#7f22fe;color:white}
.mw-yesno-usage>.mw-badge{float:inline-end}
.mw-yesno-entry>.mw-reference-editorial{margin-top:48px}
@media(min-width:768px){/* Text field typography is owned by input-controls.css. */.mw-yesno-entry .mw-chips{margin-top:12px;justify-content:center}.mw-yesno-entry .mw-chips .mw-chip{padding-inline:14px}.mw-yesno-entry form>.mw-actions{margin-top:18px}.mw-yesno-entry .mw-actions>button.mw-primary{width:auto;min-width:280px}}
@media(min-width:1024px){.mw-yesno-entry>.mw-reference-hero h1{font-size:48px;line-height:48px}}

/* The wrapper supplies focus indication; an inner outline crosses the counter. */
body[data-experience-route="/yes-or-no-tarot"] .mw-yesno-entry .mw-question textarea:focus-visible{outline:none;outline-offset:0}