.fapg-tool[data-fapg-tool="seizure-myths"] { --seizure-ink:#173e4a; --seizure-coral:#e45f4d; --seizure-dark:#ad3d35; --seizure-mint:#e0f3e9; --seizure-sand:#f6efe4; --seizure-line:rgba(23,62,74,.14); overflow:hidden; }.fapg-tool[data-fapg-tool="seizure-myths"] .fapg-tool__stage { display:grid; gap:1rem; }
.fapg-seizure-progress { color:var(--seizure-ink); display:grid; font-size:.78rem; font-weight:800; gap:.55rem; letter-spacing:.04em; text-transform:uppercase; }.fapg-seizure-progress>span:first-child { color:var(--seizure-dark); }.fapg-seizure-progress>span:nth-child(2) { color:rgba(23,62,74,.62); justify-self:end; margin-top:-1.5rem; }.fapg-seizure-progress__bar { background:rgba(23,62,74,.1); border-radius:999px; height:.55rem; overflow:hidden; }.fapg-seizure-progress__bar span { background:linear-gradient(90deg,var(--seizure-coral),#f1a448); border-radius:inherit; display:block; height:100%; transition:width .35s ease; }
.fapg-seizure-rail { display:grid; gap:.45rem; grid-template-columns:repeat(6,minmax(0,1fr)); list-style:none; margin:0; padding:0; }.fapg-seizure-rail li { align-items:center; background:rgba(255,255,255,.62); border:1px solid var(--seizure-line); border-radius:1rem; color:rgba(23,62,74,.65); display:flex; gap:.45rem; min-height:3.25rem; padding:.5rem .55rem; transition:background-color .2s ease,border-color .2s ease,transform .2s ease; }.fapg-seizure-rail li span { align-items:center; background:var(--seizure-ink); border-radius:50%; color:#fff; display:inline-flex; flex:0 0 1.65rem; font-size:.66rem; font-weight:900; height:1.65rem; justify-content:center; }.fapg-seizure-rail li small { font-size:.63rem; font-weight:800; line-height:1.15; }.fapg-seizure-rail li.is-current { background:#fff; border-color:var(--seizure-coral); box-shadow:0 0 0 3px rgba(228,95,77,.13); color:var(--seizure-ink); transform:translateY(-2px); }.fapg-seizure-rail li.is-current span { background:var(--seizure-coral); }.fapg-seizure-rail li.is-complete { background:var(--seizure-mint); border-color:#76c6a4; color:var(--seizure-ink); }.fapg-seizure-rail li.is-complete span { background:#2b8a65; }
.fapg-seizure-status { display:flex; flex-wrap:wrap; gap:.45rem; }.fapg-seizure-status span { background:#fff; border:1px solid var(--seizure-line); border-radius:999px; color:rgba(23,62,74,.55); font-size:.7rem; font-weight:800; padding:.4rem .65rem; }.fapg-seizure-status span.is-active { background:var(--seizure-mint); border-color:#76c6a4; color:#155a40; }
.fapg-seizure-scene { background:var(--seizure-sand); border:1px solid rgba(23,62,74,.11); border-radius:1.5rem; box-shadow:0 1.25rem 2.8rem rgba(23,62,74,.12); margin:0; overflow:hidden; }.fapg-seizure-scene__visual { aspect-ratio:3/2; background:#d5c2a2; position:relative; }.fapg-seizure-scene__image { display:block; height:100%; object-fit:cover; width:100%; }.fapg-seizure-scene__tag,.fapg-seizure-scene__marker { position:absolute; top:1rem; }.fapg-seizure-scene__tag { background:rgba(255,255,255,.9); border-radius:999px; color:var(--seizure-ink); font-size:.7rem; font-weight:900; left:1rem; letter-spacing:.07em; padding:.45rem .7rem; text-transform:uppercase; }.fapg-seizure-scene__marker { background:var(--seizure-coral); border-radius:999px; color:#fff; font-size:.7rem; font-weight:900; padding:.45rem .7rem; right:1rem; letter-spacing:.07em; }.fapg-seizure-scene--protect .fapg-seizure-scene__marker,.fapg-seizure-scene--recovery .fapg-seizure-scene__marker { background:#2b8a65; }.fapg-seizure-scene__caption { display:grid; gap:.25rem; padding:1rem 1.1rem 1.15rem; }.fapg-seizure-scene__caption>span { color:var(--seizure-dark); font-size:.72rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }.fapg-seizure-scene__caption strong { color:var(--seizure-ink); font-size:1.05rem; }.fapg-seizure-scene__caption p { color:rgba(23,62,74,.76); font-size:.92rem; line-height:1.5; margin:0; }
.fapg-seizure-question { border:0; margin:0; padding:0; }.fapg-seizure-question legend { color:var(--seizure-ink); font-size:clamp(1.3rem,3vw,1.8rem); font-weight:900; line-height:1.08; max-width:42rem; padding:0; }.fapg-seizure-question__hint { color:rgba(23,62,74,.64); font-size:.88rem; margin:.55rem 0 0; }.fapg-seizure-choices { display:grid; gap:.7rem; margin-top:1rem; }.fapg-seizure-choice,.fapg-seizure-next,.fapg-seizure-replay { border:0; border-radius:1rem; cursor:pointer; font:inherit; font-weight:800; min-height:3.7rem; padding:.9rem 1rem; text-align:left; transition:background-color .2s ease,border-color .2s ease,opacity .2s ease,transform .2s ease; }.fapg-seizure-choice { background:#fff; border:2px solid var(--seizure-line); color:var(--seizure-ink); }.fapg-seizure-choice:hover:not(:disabled),.fapg-seizure-choice:focus-visible { border-color:var(--seizure-coral); box-shadow:0 0 0 4px rgba(228,95,77,.13); outline:0; transform:translateY(-1px); }.fapg-seizure-choice.is-wrong { background:#fff0ed; border-color:var(--seizure-coral); color:#8d2c23; }.fapg-seizure-choice.is-correct { background:var(--seizure-mint); border-color:#55ad88; color:#155a40; }.fapg-seizure-choice:disabled { cursor:default; opacity:.78; }.fapg-seizure-feedback { border-radius:1rem; padding:.95rem 1rem; }.fapg-seizure-feedback strong { display:block; font-size:.93rem; }.fapg-seizure-feedback p { font-size:.88rem; line-height:1.48; margin:.25rem 0 0; }.fapg-seizure-feedback.is-wrong { background:#fff0ed; border:1px solid #ef9a8c; color:#7f2d24; }.fapg-seizure-feedback.is-correct { background:var(--seizure-mint); border:1px solid #76c6a4; color:#155a40; }.fapg-seizure-next,.fapg-seizure-replay { background:var(--seizure-ink); color:#fff; justify-self:start; text-align:center; }.fapg-seizure-next:hover,.fapg-seizure-next:focus-visible,.fapg-seizure-replay:hover,.fapg-seizure-replay:focus-visible { background:#0c2c36; box-shadow:0 0 0 4px rgba(23,62,74,.15); outline:0; transform:translateY(-1px); }
.fapg-seizure-complete__eyebrow { color:var(--seizure-dark); font-size:.72rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }.fapg-seizure-complete { background:linear-gradient(135deg,#edf7f1,#fff9f0); border:1px solid #a3d7bb; border-radius:1.5rem; display:grid; gap:.9rem; padding:clamp(1.2rem,4vw,2rem); text-align:center; }.fapg-seizure-complete__mark { align-items:center; background:#2b8a65; border-radius:50%; color:#fff; display:inline-flex; font-size:1.45rem; font-weight:900; height:3rem; justify-content:center; justify-self:center; width:3rem; }.fapg-seizure-complete h3 { color:var(--seizure-ink); font-size:clamp(1.55rem,4vw,2.2rem); line-height:1.05; margin:0; }.fapg-seizure-complete p { color:rgba(23,62,74,.73); line-height:1.5; margin:0 auto; max-width:34rem; }.fapg-seizure-complete__note { font-size:.85rem; }.fapg-seizure-recap { display:grid; gap:.45rem; grid-template-columns:repeat(3,1fr); margin:.4rem auto; max-width:42rem; width:100%; }.fapg-seizure-recap span { background:rgba(255,255,255,.82); border:1px solid rgba(23,62,74,.12); border-radius:.75rem; color:var(--seizure-ink); font-size:.68rem; font-weight:800; padding:.65rem .4rem; }
@media (max-width:640px) { .fapg-seizure-rail { gap:.2rem; }.fapg-seizure-rail li { border-radius:.7rem; display:block; min-height:0; padding:.45rem .15rem; text-align:center; }.fapg-seizure-rail li span { display:inline-flex; margin-bottom:.25rem; }.fapg-seizure-rail li small { display:block; font-size:.53rem; }.fapg-seizure-scene { border-radius:1rem; }.fapg-seizure-scene__tag,.fapg-seizure-scene__marker { font-size:.58rem; top:.65rem; }.fapg-seizure-scene__tag { left:.65rem; }.fapg-seizure-scene__marker { right:.65rem; }.fapg-seizure-recap { grid-template-columns:repeat(2,1fr); }.fapg-seizure-recap span:last-child { grid-column:1/-1; } }
@media (prefers-reduced-motion:reduce) { .fapg-seizure-progress__bar span,.fapg-seizure-rail li,.fapg-seizure-choice,.fapg-seizure-next,.fapg-seizure-replay { transition:none; } }
@media (forced-colors:active) { .fapg-seizure-choice,.fapg-seizure-next,.fapg-seizure-replay,.fapg-seizure-rail li,.fapg-seizure-feedback,.fapg-seizure-complete { border:2px solid CanvasText; }.fapg-seizure-choice:focus-visible,.fapg-seizure-next:focus-visible,.fapg-seizure-replay:focus-visible { outline:3px solid Highlight; } }