/* ============================================================
   DoceIA — Páginas de cada formato (crear-examenes, crear-resumenes,
   crear-guias, crear-presentaciones, crear-videos).
   Se carga después de landing.css y header.css. Cada página fija su
   color con --fa en <body style="--fa:#…">. Iconos: SVG en línea, sin emojis.
   ============================================================ */

:root{
  --fx-v:#6D3BFF; --fx-v2:#5B2EF5;
  --fx-ink:#111827; --fx-ink-2:#4B5563; --fx-ink-3:#6A7183;
  --fx-line:#E7E3F5; --fx-bg:#FBFAFF;
  --fx-sh1:0 10px 30px rgba(109,59,255,.08),0 4px 16px rgba(17,24,39,.05);
  --fx-sh2:0 28px 70px rgba(17,24,39,.14),0 8px 20px rgba(17,24,39,.06);
}
body{background:var(--fx-bg)}
.fx-w{width:100%;max-width:1200px;margin-inline:auto;padding-inline:1.5rem}
.fx-soft{background:color-mix(in srgb,var(--fa) 9%,#fff)}
.fx-sec{padding:clamp(3.5rem,7vw,5.5rem) 0}
.fx-tint{background:linear-gradient(180deg,#fff 0%,color-mix(in srgb,var(--fa) 5%,#fff) 100%);border-block:1px solid var(--fx-line)}

/* ── Texto común ── */
.fx-eyebrow{
  display:inline-flex;align-items:center;gap:.45rem;padding:.38rem .85rem .38rem .6rem;border-radius:99px;
  background:#fff;color:var(--fa);font:700 .8rem var(--df);letter-spacing:.02em;
  box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--fa) 22%,#fff),0 4px 14px color-mix(in srgb,var(--fa) 12%,transparent);
}
.fx-eyebrow svg{width:17px;height:17px}
.fx-head{max-width:46rem;margin:0 auto clamp(2rem,4vw,3rem);text-align:center}
.fx-head h2{margin:.9rem 0 0;font:800 clamp(1.75rem,3.4vw,2.6rem)/1.12 var(--df);letter-spacing:-.03em;color:var(--fx-ink)}
.fx-head p{margin:.8rem auto 0;max-width:38rem;color:var(--fx-ink-2);font-size:1.05rem;line-height:1.6}
.fx-ic{
  display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;border-radius:14px;
  background:color-mix(in srgb,var(--c,var(--fa)) 12%,#fff);color:var(--c,var(--fa));
}
.fx-ic svg{width:23px;height:23px}

/* ── Botones ── */
.fx-ctas{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.9rem}
.fx-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:54px;padding:.85rem 1.6rem;border-radius:16px;
  background:var(--fa);color:#fff;font:700 1.02rem var(--df);text-decoration:none;
  box-shadow:0 12px 28px color-mix(in srgb,var(--fa) 34%,transparent);transition:transform .2s,box-shadow .2s,background-color .2s;
}
.fx-btn svg{width:20px;height:20px;transition:transform .2s}
.fx-btn:hover{transform:translateY(-2px);box-shadow:0 18px 36px color-mix(in srgb,var(--fa) 40%,transparent)}
.fx-btn:hover svg{transform:translateX(3px)}
.fx-btn--o{background:#fff;color:var(--fx-ink);box-shadow:inset 0 0 0 1.5px var(--fx-line),0 4px 14px rgba(17,24,39,.05)}
.fx-btn--o:hover{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--fa) 45%,#fff),0 10px 22px rgba(17,24,39,.08)}
.fx-btn:focus-visible,.fx-idea:focus-visible,.fx-rel a:focus-visible,.fx-faq summary:focus-visible{outline:3px solid var(--fx-v);outline-offset:3px}
.fx-trust{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin:1.4rem 0 0;padding:0;list-style:none;color:var(--fx-ink-3);font-size:.9rem;font-weight:500}
.fx-trust li{display:inline-flex;align-items:center;gap:.4rem}
.fx-trust svg{width:17px;height:17px;color:#16A34A;flex-shrink:0}

/* ── Hero ── */
.fx-hero{
  position:relative;isolation:isolate;overflow:hidden;padding:clamp(2.5rem,6vw,4.5rem) 0 clamp(3rem,7vw,5.5rem);
  background:
    radial-gradient(50% 70% at 0% 0%,color-mix(in srgb,var(--fa) 16%,transparent) 0%,transparent 70%),
    radial-gradient(45% 70% at 100% 10%,#E3D9FF 0%,transparent 70%),
    linear-gradient(180deg,#F6F4FF 0%,var(--fx-bg) 100%);
}
.fx-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:center;gap:clamp(2rem,5vw,4.5rem)}
.fx-hero h1{margin:1.1rem 0 0;font:800 clamp(2.4rem,5.2vw,4rem)/1.04 var(--df);letter-spacing:-.04em;color:var(--fx-ink)}
.fx-hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--fa),color-mix(in srgb,var(--fa) 55%,#B45CFF));-webkit-background-clip:text;background-clip:text;color:transparent}
.fx-lead{margin:1.2rem 0 0;max-width:34rem;color:var(--fx-ink-2);font-size:clamp(1.05rem,1.6vw,1.2rem);line-height:1.6}
.fx-cost{
  display:inline-flex;align-items:center;gap:.45rem;margin-top:1.15rem;padding:.4rem .75rem;border-radius:10px;
  background:rgba(255,255,255,.75);color:var(--fx-ink-2);font-size:.88rem;font-weight:600;
}
.fx-cost svg{width:16px;height:16px;color:#F6B61E}

/* Escenario del ejemplo */
.fx-stage{position:relative;padding:1rem 0 1.5rem}
.fx-stage::before{
  content:"";position:absolute;inset:6% 4% 0;z-index:-1;border-radius:40px;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--fa) 22%,transparent),transparent);filter:blur(10px);
}
.fx-tag{
  position:absolute;top:-.6rem;right:1rem;z-index:3;padding:.3rem .7rem;border-radius:99px;
  background:var(--fx-ink);color:#fff;font:700 .72rem var(--df);letter-spacing:.06em;text-transform:uppercase;
}
.fx-float{
  position:absolute;z-index:3;display:flex;align-items:center;gap:.55rem;padding:.6rem .85rem;border-radius:14px;
  background:#fff;color:var(--fx-ink);font:700 .86rem var(--df);box-shadow:var(--fx-sh2);
}
.fx-float small{display:block;font:500 .74rem var(--font-sans,system-ui);color:var(--fx-ink-3)}
.fx-float .fx-ic{width:34px;height:34px;border-radius:10px}
.fx-float .fx-ic svg{width:18px;height:18px}
.fx-float--a{left:-1rem;bottom:.4rem}
.fx-float--b{right:-.5rem;top:38%}

/* Hoja de papel (test, resumen y guía) */
.fx-paper{
  position:relative;margin-inline:auto;max-width:440px;padding:1.6rem 1.7rem 1.8rem;border-radius:18px;background:#fff;
  box-shadow:var(--fx-sh2);transform:rotate(-1.5deg);font-size:.9rem;color:var(--fx-ink);
}
.fx-paper::after{content:"";position:absolute;inset:auto 1.2rem -10px;height:24px;z-index:-1;border-radius:18px;background:#fff;opacity:.6;transform:rotate(2.5deg)}
.fx-paper-h{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--fx-ink);font-size:.82rem}
.fx-paper-h b{font:800 .95rem var(--df)}
.fx-paper-h span{color:var(--fx-ink-3)}
.fx-paper-name{display:flex;align-items:flex-end;gap:.4rem;margin:.85rem 0 .3rem;color:var(--fx-ink-3);font-size:.8rem}
.fx-paper-name i{flex:1;height:1px;background:#CBD5E1}
.fx-q{margin:.95rem 0 .45rem;font-weight:700;line-height:1.4}
.fx-opt{display:flex;align-items:center;gap:.55rem;margin:.3rem 0;padding:.4rem .6rem;border-radius:9px;color:var(--fx-ink-2)}
.fx-opt b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#F1F5F9;font-size:.74rem}
.fx-opt.is-ok{background:#ECFDF3;color:#166534;font-weight:600}
.fx-opt.is-ok b{background:#16A34A;color:#fff}
.fx-line{display:block;height:9px;margin:.55rem 0;border-radius:99px;background:#EEF0F4}
.fx-line.is-70{width:70%}.fx-line.is-85{width:85%}.fx-line.is-55{width:55%}
.fx-doc-t{margin:0 0 .25rem;font:800 1.2rem/1.2 var(--df)}
.fx-doc-m{margin:0 0 1rem;color:var(--fx-ink-3);font-size:.8rem}
.fx-doc-h{display:flex;align-items:center;gap:.45rem;margin:1rem 0 .35rem;font:800 .92rem var(--df);color:var(--fa)}
.fx-doc-h svg{width:17px;height:17px}
.fx-key{margin:.85rem 0 0;padding:.8rem .9rem;border-radius:12px;background:color-mix(in srgb,var(--fa) 8%,#fff);border-left:4px solid var(--fa)}
.fx-key p{margin:.15rem 0;font-size:.85rem;line-height:1.45}
.fx-terms{display:flex;flex-wrap:wrap;gap:.35rem;margin:.4rem 0}
.fx-terms span{padding:.22rem .6rem;border-radius:99px;background:color-mix(in srgb,var(--fa) 10%,#fff);color:color-mix(in srgb,var(--fa) 80%,#000);font-size:.78rem;font-weight:600}
.fx-check{display:flex;align-items:flex-start;gap:.45rem;margin:.3rem 0;font-size:.85rem;color:var(--fx-ink-2)}
.fx-check svg{width:16px;height:16px;margin-top:.12rem;color:var(--fa);flex-shrink:0}

/* Presentación */
.fx-deck{position:relative;max-width:480px;margin-inline:auto}
.fx-slide{
  position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:16px;background:#fff;box-shadow:var(--fx-sh2);
  display:grid;grid-template-columns:1.15fr .85fr;gap:1rem;padding:1.4rem 1.5rem;
}
.fx-slide::before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,var(--fa),#F6B61E)}
.fx-slide-k{font:700 .66rem var(--df);letter-spacing:.08em;text-transform:uppercase;color:var(--fa)}
.fx-slide-t{margin:.35rem 0 .6rem;font:800 1.15rem/1.15 var(--df);color:var(--fx-ink)}
.fx-slide ul{margin:0;padding:0;list-style:none}
.fx-slide li{display:flex;align-items:center;gap:.4rem;margin:.32rem 0;font-size:.76rem;color:var(--fx-ink-2)}
.fx-slide li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--fa);flex-shrink:0}
.fx-slide-art{border-radius:12px;background:linear-gradient(160deg,#FFE7C7 0%,#FFD2A8 100%);display:grid;place-items:center;overflow:hidden}
.fx-slide-art svg{width:88%;height:auto}
.fx-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin-top:.9rem}
.fx-thumb{aspect-ratio:16/9;border-radius:9px;background:#fff;box-shadow:0 6px 16px rgba(17,24,39,.08);padding:.4rem .45rem;display:flex;flex-direction:column;gap:.22rem}
.fx-thumb.is-on{box-shadow:0 0 0 2px var(--fa),0 6px 16px rgba(17,24,39,.08)}
.fx-thumb i{display:block;height:4px;border-radius:9px;background:#E5E7EB}
.fx-thumb i:first-child{width:70%;height:5px;background:color-mix(in srgb,var(--fa) 55%,#fff)}
.fx-thumb i:nth-child(3){width:80%}
.fx-thumb.is-title{justify-content:center;align-items:center;background:linear-gradient(135deg,var(--fa),color-mix(in srgb,var(--fa) 60%,#F6B61E))}
.fx-thumb.is-title i{background:rgba(255,255,255,.85);width:60%}
.fx-thumb.is-title i:nth-child(2){width:40%;height:3px;background:rgba(255,255,255,.6)}
.fx-notes{margin-top:.75rem;padding:.65rem .85rem;border-radius:12px;background:#fff;box-shadow:0 6px 16px rgba(17,24,39,.06);font-size:.8rem;color:var(--fx-ink-2)}
.fx-notes b{display:flex;align-items:center;gap:.35rem;margin-bottom:.15rem;color:var(--fx-ink);font:700 .78rem var(--df)}
.fx-notes svg{width:15px;height:15px;color:var(--fa)}

/* Vídeo */
.fx-player{position:relative;max-width:500px;margin-inline:auto;border-radius:18px;overflow:hidden;background:#0B1020;box-shadow:var(--fx-sh2)}
.fx-player-scene{position:relative;aspect-ratio:16/9}
.fx-player-scene svg{position:absolute;inset:0;width:100%;height:100%}
.fx-sub{
  position:absolute;left:50%;bottom:16%;transform:translateX(-50%);max-width:86%;padding:.35rem .7rem;border-radius:8px;
  background:rgba(11,16,32,.78);color:#fff;font-size:.82rem;font-weight:600;text-align:center;line-height:1.35;
}
.fx-bar{display:flex;align-items:center;gap:.65rem;padding:.6rem .85rem;color:#fff;font-size:.72rem;font-weight:600}
.fx-bar svg{width:16px;height:16px}
.fx-bar-track{flex:1;height:5px;border-radius:99px;background:rgba(255,255,255,.2);overflow:hidden}
.fx-bar-track i{display:block;width:38%;height:100%;border-radius:99px;background:var(--fa)}
.fx-scenes{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem;max-width:500px;margin:.8rem auto 0}
.fx-scene{border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 6px 16px rgba(17,24,39,.08);font:700 .68rem var(--df);color:var(--fx-ink-2)}
.fx-scene span{display:block;aspect-ratio:16/10}
.fx-scene p{margin:0;padding:.3rem .45rem}
.fx-scene.is-on{box-shadow:0 0 0 2px var(--fa),0 6px 16px rgba(17,24,39,.08)}

/* ── Qué incluye: partes del material ── */
.fx-parts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;counter-reset:part}
.fx-part{position:relative;display:flex;gap:.9rem;padding:1.25rem 1.2rem;border-radius:18px;background:#fff;border:1px solid var(--fx-line);box-shadow:0 2px 10px rgba(17,24,39,.03)}
.fx-part h3{margin:0;font:700 1.02rem/1.25 var(--df);color:var(--fx-ink)}
.fx-part p{margin:.3rem 0 0;color:var(--fx-ink-2);font-size:.92rem;line-height:1.5}

/* Comparativa de dos opciones (presentaciones) */
.fx-cmp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;max-width:62rem;margin-inline:auto}
.fx-cmp-card{display:flex;flex-direction:column;gap:1.1rem;padding:1.6rem 1.5rem;border-radius:22px;background:#fff;border:1px solid var(--fx-line);box-shadow:var(--fx-sh1)}
.fx-cmp-card:first-child{border-color:color-mix(in srgb,var(--fa) 35%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--fa) 10%,transparent),var(--fx-sh1)}
.fx-cmp-top{display:flex;align-items:center;gap:.9rem}
.fx-cmp-top h3{margin:0;font:800 1.2rem/1.2 var(--df);color:var(--fx-ink)}
.fx-cmp-cr{display:inline-flex;align-items:center;gap:.3rem;margin-top:.3rem;color:var(--fx-ink-3);font-size:.88rem;font-weight:600}
.fx-cmp-cr svg{width:15px;height:15px;color:#F6B61E}
.fx-cmp-card ul{display:grid;gap:.6rem;margin:0;padding:0;list-style:none}
.fx-cmp-card li{display:flex;gap:.55rem;color:var(--fx-ink-2);font-size:.95rem;line-height:1.45}
.fx-cmp-card li svg{width:18px;height:18px;margin-top:.12rem;flex-shrink:0;color:var(--fa)}
.fx-cmp-card .fx-btn{margin-top:auto;align-self:flex-start}
.fx-ic--w{background:#fff;box-shadow:inset 0 0 0 1.5px var(--fx-line)}
.fx-ic--w img,.fx-float .fx-ic img{width:24px;height:24px;object-fit:contain}
.fx-float .fx-ic img{width:20px;height:20px}

/* ── Ventajas ── */
.fx-feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}
.fx-feat{padding:1.5rem 1.4rem;border-radius:20px;background:#fff;border:1px solid var(--fx-line);box-shadow:var(--fx-sh1);transition:transform .2s,box-shadow .2s}
.fx-feat:hover{transform:translateY(-3px);box-shadow:var(--fx-sh2)}
.fx-feat h3{margin:1rem 0 .4rem;font:700 1.08rem/1.25 var(--df);color:var(--fx-ink)}
.fx-feat p{margin:0;color:var(--fx-ink-2);font-size:.94rem;line-height:1.55}

/* ── Cómo funciona ── */
.fx-steps{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin:0;padding:0;list-style:none}
.fx-steps::before{content:"";position:absolute;top:31px;left:16%;right:16%;border-top:2px dashed color-mix(in srgb,var(--fa) 30%,#fff)}
.fx-step{position:relative;text-align:center;padding:0 .75rem}
.fx-step-n{
  position:relative;display:grid;place-items:center;width:62px;height:62px;margin:0 auto;border-radius:20px;
  background:var(--fa);color:#fff;box-shadow:0 12px 26px color-mix(in srgb,var(--fa) 35%,transparent);
}
.fx-step-n svg{width:27px;height:27px}
.fx-step-n b{position:absolute;top:-8px;right:-8px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;color:var(--fx-ink);font:800 .8rem var(--df);box-shadow:0 4px 10px rgba(17,24,39,.15)}
.fx-step h3{margin:1.1rem 0 .4rem;font:700 1.1rem var(--df);color:var(--fx-ink)}
.fx-step p{margin:0 auto;max-width:18rem;color:var(--fx-ink-2);font-size:.94rem;line-height:1.55}

/* ── Ideas para empezar ── */
.fx-ideas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}
.fx-idea{
  display:flex;flex-direction:column;gap:.35rem;padding:1.1rem 1.15rem;border-radius:18px;background:#fff;border:1px solid var(--fx-line);
  color:var(--fx-ink);text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;
}
.fx-idea:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--fa) 40%,#fff);box-shadow:var(--fx-sh1)}
.fx-idea-k{font:700 .74rem var(--df);letter-spacing:.04em;text-transform:uppercase;color:var(--fa)}
.fx-idea-t{font:700 1.02rem/1.3 var(--df)}
.fx-idea-go{display:inline-flex;align-items:center;gap:.3rem;margin-top:auto;padding-top:.4rem;color:var(--fx-ink-3);font-size:.86rem;font-weight:600}
.fx-idea-go svg{width:16px;height:16px;transition:transform .2s}
.fx-idea:hover .fx-idea-go{color:var(--fa)}
.fx-idea:hover .fx-idea-go svg{transform:translateX(3px)}
.fx-ideas-note{margin:1.25rem 0 0;text-align:center;color:var(--fx-ink-3);font-size:.9rem}

/* ── Preguntas frecuentes ── */
.fx-faq{max-width:48rem;margin:0 auto}
.fx-faq details{margin-bottom:.7rem;border-radius:16px;background:#fff;border:1px solid var(--fx-line);transition:box-shadow .2s}
.fx-faq details[open]{box-shadow:var(--fx-sh1)}
.fx-faq summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.05rem 1.25rem;font:700 1rem var(--df);color:var(--fx-ink);cursor:pointer;list-style:none;border-radius:16px}
.fx-faq summary::-webkit-details-marker{display:none}
.fx-faq summary svg{width:20px;height:20px;flex-shrink:0;color:var(--fx-ink-3);transition:transform .2s}
.fx-faq details[open] summary svg{transform:rotate(180deg)}
.fx-faq p{margin:0;padding:0 1.25rem 1.15rem;color:var(--fx-ink-2);line-height:1.6}

/* ── Cierre ── */
.fx-final{
  position:relative;isolation:isolate;overflow:hidden;padding:clamp(2.5rem,6vw,4rem) clamp(1.5rem,5vw,4rem);border-radius:28px;text-align:center;color:#fff;
  background:radial-gradient(60% 120% at 100% 0%,color-mix(in srgb,var(--fa) 70%,transparent) 0%,transparent 70%),linear-gradient(135deg,#5B2EF5 0%,#3B1FA8 100%);
}
.fx-final h2{margin:0;font:800 clamp(1.75rem,3.6vw,2.7rem)/1.12 var(--df);letter-spacing:-.03em;color:#fff}
.fx-final p{margin:.8rem auto 0;max-width:34rem;color:rgba(255,255,255,.85);font-size:1.05rem}
.fx-final .fx-ctas{justify-content:center}
.fx-final .fx-btn{background:#fff;color:#3B1FA8;box-shadow:0 14px 30px rgba(0,0,0,.2)}
.fx-final .fx-trust{justify-content:center;color:rgba(255,255,255,.85)}
.fx-final .fx-trust svg{color:#86EFAC}

/* ── Otros formatos ── */
.fx-rel-h{margin:clamp(3rem,6vw,4rem) 0 1.1rem;text-align:center;font:800 1.35rem var(--df);color:var(--fx-ink)}
.fx-rel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}
.fx-rel a{display:flex;align-items:center;gap:.8rem;padding:1rem;border-radius:18px;background:#fff;border:1px solid var(--fx-line);color:var(--fx-ink);text-decoration:none;transition:transform .2s,box-shadow .2s}
.fx-rel a:hover{transform:translateY(-3px);box-shadow:var(--fx-sh1)}
.fx-rel b{display:block;font:700 .98rem var(--df)}
.fx-rel small{display:block;color:var(--fx-ink-3);font-size:.82rem}

/* ── Responsive ── */
@media (max-width:980px){
  .fx-hero-grid{grid-template-columns:1fr}
  .fx-hero-copy{text-align:center}
  .fx-lead{margin-inline:auto}
  .fx-ctas,.fx-trust{justify-content:center}
  .fx-stage{max-width:520px;margin-inline:auto;width:100%}
  .fx-feats,.fx-ideas,.fx-parts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fx-rel{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .fx-w{padding-inline:1rem}
  .fx-feats,.fx-ideas,.fx-rel,.fx-cmp,.fx-parts{grid-template-columns:1fr}
  .fx-cmp-card .fx-btn{align-self:stretch}
  .fx-steps{grid-template-columns:1fr;gap:2rem}
  .fx-steps::before{display:none}
  .fx-btn{width:100%}
  /* En móvil las etiquetas van debajo del ejemplo para no taparlo */
  .fx-stage{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}
  .fx-stage > :not(.fx-float):not(.fx-tag){flex:1 0 100%}
  .fx-stage .fx-float{position:static;inset:auto!important;margin-top:.6rem;box-shadow:var(--fx-sh1)}
  .fx-tag{right:.5rem}
  .fx-stage .fx-float small{display:none}
  .fx-stage .fx-float{padding:.45rem .7rem .45rem .5rem;font-size:.82rem}
  .fx-paper{transform:none;padding:1.3rem 1.2rem 1.5rem}
  .fx-slide{padding:1rem;gap:.7rem}
  .fx-slide-t{font-size:1rem}
}
@media (prefers-reduced-motion:reduce){
  .fx-btn,.fx-feat,.fx-idea,.fx-rel a,.fx-btn svg,.fx-idea-go svg,.fx-faq summary svg{transition:none}
}