/* Consumer skin for rail frame/options and the shared motion layer. */
.diagnosis-deck{position:relative;max-width:650px;margin:28px auto 18px;isolation:isolate}.diagnosis-deck:before,.diagnosis-deck:after{content:'';position:absolute;inset:8px 8px -8px;background:var(--cream);border:1px solid var(--line);border-radius:20px;z-index:-1;transform:rotate(-2deg)}.diagnosis-deck:after{transform:rotate(2deg);inset:13px 13px -13px;z-index:-2}.diagnosis-card{background:var(--paper);border:2px solid var(--accent);border-radius:20px;padding:clamp(22px,5vw,38px);touch-action:pan-y;user-select:none;cursor:grab;transform:translateX(var(--deck-x,0px)) rotate(var(--deck-r,0deg));--rail-spotlight-color:var(--accent);--rail-spotlight-duration:2s;--rail-spotlight-iterations:2;--rail-shimmer:var(--accent);--rail-shimmer-duration:1s;--rail-shimmer-iterations:1}.diagnosis-card:active{cursor:grabbing}.diagnosis-card__label{font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--muted)}.diagnosis-card__clue{font:clamp(25px,4vw,36px)/1.25 Georgia,serif;color:var(--ink);margin:22px 0 28px}.diagnosis-card__gesture{font-size:15px;color:var(--muted)}.diagnosis-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:650px;margin:26px auto}.diagnosis-choice{font:600 17px/1.4 'Source Sans 3',sans-serif;min-height:58px;padding:14px;border:1px solid var(--accent);border-radius:12px;background:var(--cream);color:var(--ink);cursor:pointer}.diagnosis-choice:hover{background:var(--accent);color:white}.diagnosis-choice:disabled{opacity:.5;cursor:default}.diagnosis-instruction{font-size:17px}.diagnosis-card .friccion__revela{margin-top:20px;padding:18px 0 0;border-top:1px solid var(--line);background:transparent;user-select:text;scroll-margin-bottom:100px}.diagnosis-card .friccion__veredicto,.diagnosis-card .friccion__tipo{display:none}.diagnosis-card .friccion__porque-texto{font-size:17px}.diagnosis-card .friccion__boton{min-height:48px}.diagnosis-card:has(.friccion__revela){cursor:default}.diagnosis-card:focus-within{outline:0}.diagnosis-choice:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(max-width:600px){.diagnosis-choice{font-size:15px;padding:12px 8px}.diagnosis-card__gesture{font-size:13px}.diagnosis-deck{margin-inline:8px}.diagnosis-card{padding:22px}.diagnosis-choices{scroll-margin-bottom:100px}}
@media(prefers-reduced-motion:reduce){.diagnosis-card{transform:none}}
.diagnosis-deck,.diagnosis-choices{width:100%;box-sizing:border-box}.diagnosis-card{display:block;width:100%;box-sizing:border-box}.diagnosis-card__label,.diagnosis-card__gesture{display:block}
@media(max-width:600px){.diagnosis-deck{width:calc(100% - 16px)}}
/* One reading surface: no nested frames or hidden paragraph entrances. */
.diagnosis-deck:before,.diagnosis-deck:after{display:none}.diagnosis-card{border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:10px;padding:28px 32px}.diagnosis-card[data-answered]{background:var(--paper)}.diagnosis-card__clue{margin:14px 0 12px;letter-spacing:-.025em}.diagnosis-card__label{font-size:12px;letter-spacing:.08em}.diagnosis-card__gesture{color:var(--accent);font-weight:600}.diagnosis-card .friccion__revela{display:flex;flex-direction:column;gap:18px;border:0!important;border-radius:0;padding:0;margin:22px 0 0;box-shadow:none;background:none;min-height:0}.diagnosis-card .friccion__revela>*{animation:none!important;opacity:1!important;transform:none!important}.diagnosis-card .friccion__porque-texto{color:var(--ink);font-size:18px;line-height:1.55;max-width:none}.diagnosis-card .friccion__arreglo-texto{color:var(--ink);font-size:17px;line-height:1.5;background:var(--cream);padding:16px 18px;border-radius:6px;max-width:none}.diagnosis-card .friccion__boton{align-self:flex-start;margin-top:0}.diagnosis-choices[hidden]{display:none}.diagnosis-card .friccion__veredicto,.diagnosis-card .friccion__tipo{display:none!important}.diagnosis-deck{margin-top:8px;margin-bottom:8px}
@media(max-width:600px){.diagnosis-card{padding:22px}.diagnosis-card .friccion__porque-texto{font-size:17px}}

/* Keep the question, choice and next step visually distinct. */
.friccion__tablero [hidden]{display:none!important}
.diagnosis-card__gesture{display:none}
.diagnosis-card .diagnosis-explanation{order:2;font-size:16px}
.diagnosis-explanation summary{color:var(--accent);font-weight:600;min-height:44px;padding:10px 0;cursor:pointer}
.diagnosis-card .friccion__arreglo-texto{padding:0;background:none;margin:0}
.diagnosis-card .friccion__boton{order:3;width:100%;justify-content:center}
.diagnosis-card .friccion__revela{gap:8px;margin-top:14px}
.diagnosis-instruction{font-weight:700;color:var(--accent);margin:8px 0}
.diagnosis-card__label{color:var(--accent)}