/* =============================================================================
   PFS ACADEMY · EL CURSO — lecciones (guías vestidas por scripts/academy-curso.js)
   y lección 7. Figma «PFS | Entregas» (QP8dpaPwOHvXXXj8b6LV36), Entrega 18,
   actualizada 29-oct-2026: 1.2 Lección (2793:7982 / móvil 2793:7529),
   1.3 Inscripción confirmada (2793:8538 / 2793:9060), 1.5 Lección 7 PDF
   (2793:10310 / 2793:10950), 1.6 Curso terminado (2793:10617 / 2793:11155),
   2.1 Lección bloqueada (2793:11426 / 2793:12098), 2.2 (2793:11780 / 2793:12337),
   2.1b panel móvil (2793:12573). Barra móvil fija 2793:7976 (panel de Propiedades:
   390 × 81, padding 12/16/24/16, gap 12, blanco, filete superior 1px #D1D8E5).
   El resto medido sobre renders del visor (la API daba 429): PROVISIONAL.
   Va después de guia.css; los tamaños base (tarjetas, filetes, radios 12/16,
   inputs 48) son los del candado del recurso exclusivo (2749:946), que Rafa reusa.

   Estados en <html> (script del <head> + assets/curso.js):
     cu-js        hay JS: se aplica el candado (sin JS se ve todo).
     cu-ins       inscrito (o ya dejó datos en el recurso, o tiene sesión).
     cu-sent      acaba de inscribirse aquí: la tarjeta muestra la confirmación.
     cu-abierta   pulsó «Seguir con la lección»: se abre la lección.
     cu-terminado terminó la lección 7 (cierre del curso).
   ========================================================================== */
.cu-page{ --cu-line:#d1d8e5; --cu-strong:#8ca1ab; --cu-text:#1e1e1e; --cu-sec:#565656; --cu-muted:#697386; --cu-gold-ink:#866b44; --cu-sel:#f1f3f6; }

/* Lo que la guía tenía en el lugar del curso queda con `hidden` (academy-curso.js);
   guia.css les da display:flex/block, que le gana al atributo. */
.cu-page .gd-back[hidden], .cu-page .gd-eyebrow[hidden], .cu-page .gd-meta[hidden], .cu-page .gd-tocm[hidden], .cu-page .gd-toc[hidden], .cu-page .gd-res[hidden]{ display:none !important; }

/* ---------------------------------------------------------------- HERO */
.cu-chip{ display:inline-flex; align-items:center; gap:8px; height:32px; padding:0 12px; background:#fff; border-radius:8px; color:var(--h26-navy,#072031); text-decoration:none; font-size:13px; font-weight:600; line-height:18px; }
.cu-chip svg{ width:11px; height:10px; flex:none; }
.cu-chip:hover{ background:var(--cu-sel); }
.cu-tag{ display:none; align-items:center; flex-wrap:wrap; gap:8px; margin:32px 0 0; }
html:not(.cu-ins) .cu-tag{ display:flex; }
.cu-tag__k{ display:inline-flex; align-items:center; height:24px; padding:0 8px; background:var(--h26-gold,#e5c179); border-radius:4px; color:var(--h26-navy,#072031); font-size:11px; font-weight:700; line-height:16px; letter-spacing:.08em; text-transform:uppercase; }
.cu-tag__x{ color:#fff; font-size:14px; line-height:20px; }
.cu-eyebrow{ margin:40px 0 0; color:var(--h26-gold,#e5c179); font-size:13px; font-weight:600; line-height:18px; letter-spacing:.08em; text-transform:uppercase; }
html:not(.cu-ins) .cu-tag + .cu-eyebrow{ margin-top:24px; }
.cu-page .gd-hero h1{ margin-top:16px; }
.cu-meta span:first-child{ color:#fff; }

/* ------------------------------------------------- BARRA DE AVANCE (desktop) */
.cu-bar{ background:#fff; border-bottom:1px solid var(--cu-line); }
.cu-bar__in{ display:flex; align-items:center; gap:24px; min-height:64px; }
.cu-bar__l{ flex:none; color:var(--h26-navy,#072031); font-size:14px; font-weight:600; line-height:20px; }
.cu-track{ position:relative; flex:1 1 auto; height:4px; background:#eef1f5; border-radius:4px; overflow:hidden; }
.cu-track i{ position:absolute; inset:0 auto 0 0; width:0; background:var(--h26-gold,#e5c179); border-radius:4px; transition:width .4s ease; }
.cu-bar__s{ flex:none; color:var(--cu-sec); font-size:14px; line-height:20px; }
.cu-bar__btn{ flex:none; height:40px; padding:0 20px; border-radius:8px; font-size:14px; }
.cu-bar__btn svg, .cu-acc .gl-btn svg, .cu-fin__go svg{ width:10px; height:10px; margin-left:6px; }

/* ------------------------------------------------- CONTENIDO DEL CURSO (lateral) */
.cu-page .gd-side{ gap:16px; }
.cu-toc{ padding:20px 0 4px; background:#fff; border:1px solid var(--cu-line); border-radius:12px; overflow:hidden; }
.cu-toc__t{ margin:0 20px 12px; color:var(--h26-navy,#072031); font-size:18px; font-weight:600; line-height:26px; }
.cu-toc__k{ margin:0; padding:12px 20px 4px; border-top:1px solid var(--cu-line); color:var(--cu-gold-ink); font-size:11px; font-weight:600; line-height:16px; letter-spacing:.06em; text-transform:uppercase; }
.cu-toc__t + .cu-toc__k{ border-top:0; padding-top:0; }
.cu-toc ol{ list-style:none; margin:0; padding:0 0 4px; }
.cu-it{ margin:0; }
.cu-it a{ display:grid; grid-template-columns:16px minmax(0,1fr); column-gap:12px; padding:8px 20px; border-left:3px solid transparent; color:var(--h26-navy,#072031); text-decoration:none; }
.cu-it a:hover{ background:var(--cu-sel); }
.cu-it.is-cur a{ background:var(--cu-sel); border-left-color:var(--h26-gold,#e5c179); }
.cu-ico{ grid-row:1 / span 2; width:16px; height:16px; margin-top:2px; background:currentColor; color:var(--cu-muted);
  -webkit-mask:var(--cu-i) center/16px 16px no-repeat; mask:var(--cu-i) center/16px 16px no-repeat;
  --cu-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='6.4' fill='none' stroke='%23000' stroke-width='1.3'/%3E%3C/svg%3E"); }
/* sin inscripción: candado en 2-7; la 1 lleva play (o documento). */
html:not(.cu-ins) .cu-it:not([data-cu-n="1"]) .cu-ico{ --cu-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='3' y='7.2' width='10' height='7' rx='1.5' fill='none' stroke='%23000' stroke-width='1.3'/%3E%3Cpath d='M5.3 7.2V5.4a2.7 2.7 0 0 1 5.4 0v1.8' fill='none' stroke='%23000' stroke-width='1.3'/%3E%3C/svg%3E"); }
html:not(.cu-ins) .cu-it[data-cu-n="1"]:not(.is-done) .cu-ico, .cu-it.is-cur:not(.is-done):not(.is-sig) .cu-ico{ color:var(--cu-gold-ink); --cu-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='6.4' fill='none' stroke='%23000' stroke-width='1.3'/%3E%3Cpath d='M6.6 5.4v5.2L10.6 8z' fill='%23000'/%3E%3C/svg%3E"); }
.cu-it.is-done .cu-ico{ color:var(--cu-gold-ink); --cu-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='6.4' fill='none' stroke='%23000' stroke-width='1.3'/%3E%3Cpath d='M5.2 8.2l1.9 1.9 3.8-3.8' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.cu-it__t{ font-size:13px; font-weight:600; line-height:18px; }
.cu-it__m{ margin-top:2px; color:var(--cu-sec); font-size:12px; line-height:16px; }
.cu-m1, .cu-m2{ display:none; }
.cu-it.is-done .cu-m0{ display:none; } .cu-it.is-done .cu-m1{ display:inline; }
.cu-it.is-sig:not(.is-done) .cu-m0{ display:none; } .cu-it.is-sig:not(.is-done) .cu-m2{ display:inline; }

.cu-card{ padding:20px; background:var(--h26-navy,#072031); border-radius:12px; color:#fff; }
.cu-card__k{ margin:0; color:var(--h26-gold,#e5c179); font-size:11px; font-weight:600; line-height:16px; letter-spacing:.08em; text-transform:uppercase; }
.cu-card__t{ margin:10px 0 0; color:#fff; font-size:18px; font-weight:600; line-height:26px; }
.cu-card__x{ margin:8px 0 0; color:var(--gd-mist,#d1d8e5); font-size:13px; line-height:20px; }
.cu-card .gl-btn{ margin-top:14px; height:44px; border-radius:8px; font-size:13px; }
.cu-card .gl-btn svg{ width:16px; height:16px; margin-right:8px; }
html.cu-ins .cu-card--out, html:not(.cu-ins) .cu-card--in{ display:none; }

/* ------------------------------------------------- EN ESTA LECCIÓN */
.cu-temas{ margin:0 0 40px; padding:24px; background:#fff; border:1px solid var(--cu-line); border-radius:12px; }
.gd-body .cu-temas__k{ margin:0 0 8px; color:var(--cu-gold-ink); font-size:12px; font-weight:600; line-height:16px; }
.gd-body .cu-temas ul{ list-style:none; margin:0; padding:0; }
.gd-body .cu-temas li{ display:flex; gap:12px; margin:0; padding:6px 0; color:var(--h26-navy,#072031); font-size:16px; line-height:24px; }
.cu-temas li svg, .cu-gate__inc svg, .cu-pdf__inc svg{ width:16px; height:16px; flex:none; margin-top:4px; color:var(--cu-gold-ink); }

/* ---------------------------------------------------------------- CANDADO
   Lecciones 2-7 sin inscripción: la sección 2 asoma 220 px y se desvanece. */
html.cu-js:not(.cu-ins) .cu-lock, html.cu-sent:not(.cu-abierta) .cu-lock{ position:relative; max-height:220px; overflow:hidden; pointer-events:none; user-select:none; }
html.cu-js:not(.cu-ins) .cu-lock::after, html.cu-sent:not(.cu-abierta) .cu-lock::after{ content:""; position:absolute; inset:0; background:linear-gradient(rgba(248,250,252,0), var(--h26-page,#f8fafc) 88%); }
.cu-p7 .cu-lock{ display:flex; flex-direction:column; gap:24px; }

/* Tarjeta: candado (2.1), final de la lección 1 (1.2) y su confirmación (1.3 / 2.2). */
.cu-gate{ display:none; gap:40px; margin:40px 0 48px; padding:40px; background:#fff; border:1px solid var(--cu-line); border-radius:16px; scroll-margin-top:95px; }
html:not(.cu-ins) .cu-gate, html.cu-sent .cu-gate{ display:flex; }
.cu-gate > *{ flex:1 1 0; min-width:0; }
.cu-gate__ben{ display:flex; flex-direction:column; gap:14px; }
.gd-body .cu-gate__k{ display:flex; align-items:center; gap:8px; margin:0; color:var(--cu-gold-ink); font-size:11px; font-weight:600; line-height:16px; letter-spacing:.08em; text-transform:uppercase; }
.cu-gate__k svg{ width:14px; height:14px; flex:none; }
.gd-body .cu-gate__h{ margin:0; color:var(--cu-text); font-size:24px; font-weight:700; line-height:32px; letter-spacing:0; }
.gd-body .cu-gate__p{ margin:0; color:var(--cu-sec); font-size:16px; line-height:24px; }
.gd-body .cu-gate__inc{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }
.gd-body .cu-gate__inc li{ display:flex; gap:10px; margin:0; color:var(--cu-text); font-size:14px; line-height:20px; }
.cu-gate__inc li svg{ margin-top:2px; }
.cu-form{ display:flex; flex-direction:column; gap:14px; }
.cu-f{ display:flex; flex-direction:column; gap:6px; margin:0; }
.cu-f > span{ color:var(--cu-text); font-size:12px; font-weight:600; line-height:16px; }
.cu-f input, .cu-f select{ box-sizing:border-box; width:100%; height:48px; padding:0 14px; background:#fff; border:1px solid var(--cu-strong); border-radius:8px; color:var(--cu-text); font:inherit; font-size:15px; }
.cu-f select{ appearance:none; -webkit-appearance:none; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23565656' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 14px center/12px 8px no-repeat; }
.cu-f input:focus, .cu-f select:focus{ outline:2px solid var(--h26-blue,#3b82f6); outline-offset:1px; border-color:transparent; }
.cu-f.is-bad input, .cu-f.is-bad select{ border-color:#c0392b; }
.cu-f__err{ color:#c0392b; font-size:12px; line-height:16px; }
.cu-hp{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.cu-form .gl-btn{ height:44px; border-radius:8px; font-size:14px; }
.cu-form .gl-btn:disabled{ opacity:.6; cursor:progress; }
.gd-body .cu-form__msg{ margin:0; color:#c0392b; font-size:13px; line-height:18px; }
.gd-body .cu-form__nota{ margin:0; color:var(--cu-sec); font-size:12px; line-height:18px; }
.cu-form__nota a{ color:var(--h26-blue,#3b82f6); }

.cu-gate__ok{ display:none; flex-direction:column; align-items:center; text-align:center; }
html.cu-sent .cu-gate > .cu-gate__ben, html.cu-sent .cu-gate > .cu-form{ display:none; }
html.cu-sent .cu-gate > .cu-gate__ok{ display:flex; }
html.cu-sent .cu-gate{ padding:44px 40px 40px; }
.cu-ok-ico{ display:flex; align-items:center; justify-content:center; width:52px; height:52px; background:var(--h26-gold,#e5c179); border-radius:8px; color:var(--h26-navy,#072031); }
.cu-ok-ico svg{ width:24px; height:24px; }
.gd-body .cu-ok-k{ margin:16px 0 0; color:var(--cu-gold-ink); font-size:11px; font-weight:600; line-height:16px; letter-spacing:.08em; text-transform:uppercase; }
.gd-body .cu-ok-h{ margin:8px 0 0; color:var(--cu-text); font-size:30px; font-weight:700; line-height:38px; outline:0; }
.gd-body .cu-ok-p{ margin:16px 0 0; color:var(--cu-sec); font-size:16px; line-height:24px; }
.gd-body .cu-ok-mail{ display:inline-flex; align-items:center; gap:8px; margin:16px 0 0; padding:6px 14px; background:var(--cu-sel); border-radius:8px; color:var(--cu-text); font-size:13px; line-height:20px; }
.cu-ok-mail svg{ width:16px; height:16px; }
.cu-acc{ display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:24px; }
.cu-acc .gl-btn{ height:44px; padding:0 24px; border-radius:8px; font-size:14px; }
.cu-btn2{ display:inline-flex; align-items:center; justify-content:center; gap:8px; height:44px; padding:0 22px; box-sizing:border-box; background:#fff; border:1px solid var(--cu-strong); border-radius:8px; color:var(--cu-text); text-decoration:none; font-size:14px; font-weight:600; }
.cu-btn2:hover{ border-color:var(--h26-navy,#072031); }
.cu-btn2 svg{ width:16px; height:16px; }
.gd-body .cu-ok-x{ margin:16px 0 0; color:var(--cu-sec); font-size:12px; line-height:18px; }

/* ------------------------------------------------- LECCIÓN 7 (PDF) Y CIERRE */
.cu-pdf{ display:grid; grid-template-columns:minmax(0,380fr) minmax(0,400fr); gap:32px; padding:32px; background:#fff; border:1px solid var(--cu-line); border-radius:16px; }
.cu-pdf__img{ border-radius:12px; overflow:hidden; aspect-ratio:380 / 320; }
.cu-pdf__img img{ display:block; width:100%; height:100%; object-fit:cover; }
.gd-body .cu-pdf__k{ margin:4px 0 0; color:var(--cu-gold-ink); font-size:11px; font-weight:600; line-height:16px; letter-spacing:.08em; text-transform:uppercase; }
.gd-body .cu-pdf__t{ margin:8px 0 0; color:var(--cu-text); font-size:24px; font-weight:700; line-height:32px; }
.gd-body .cu-pdf__s{ margin:16px 0 8px; color:var(--cu-text); font-size:14px; font-weight:600; line-height:20px; }
.gd-body .cu-pdf__inc{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
.gd-body .cu-pdf__inc li{ display:flex; gap:10px; margin:0; color:var(--cu-text); font-size:14px; line-height:20px; }
.cu-pdf__inc li svg{ margin-top:2px; }
.cu-pdf .cu-acc{ justify-content:flex-start; }
.gd-body .cu-pdf__pronto{ margin:0; padding:10px 14px; background:var(--cu-sel); border-radius:8px; color:var(--cu-sec); font-size:13px; line-height:18px; }
.cu-ultima{ display:flex; align-items:center; justify-content:space-between; gap:24px; padding:28px; background:var(--cu-sel); border-radius:16px; }
.gd-body .cu-ultima__t{ margin:0; color:var(--cu-text); font-size:18px; font-weight:600; line-height:26px; }
.gd-body .cu-ultima__x{ margin:4px 0 0; color:var(--cu-sec); font-size:14px; line-height:20px; }
.cu-ultima .gl-btn{ flex:none; height:44px; padding:0 24px; border:0; border-radius:8px; font:inherit; font-size:14px; font-weight:600; }
.cu-fin{ display:none; padding:32px; background:var(--h26-navy,#072031); border-radius:16px; color:#fff; }
html.cu-terminado .cu-fin{ display:block; }
html.cu-terminado .cu-ultima{ display:none; }
.cu-fin__ico{ display:flex; align-items:center; justify-content:center; width:52px; height:52px; background:var(--h26-gold,#e5c179); border-radius:8px; color:var(--h26-navy,#072031); }
.cu-fin__ico svg{ width:26px; height:26px; }
.gd-body .cu-fin__k{ margin:20px 0 0; color:var(--h26-gold,#e5c179); font-size:11px; font-weight:600; line-height:16px; letter-spacing:.08em; text-transform:uppercase; }
.gd-body .cu-fin__h{ margin:12px 0 0; color:#fff; font-size:28px; font-weight:700; line-height:36px; outline:0; }
.gd-body .cu-fin__p{ margin:16px 0 0; color:#fff; font-size:16px; line-height:24px; }
.gd-body .cu-fin__sig{ margin:16px 0 0; color:var(--h26-gold,#e5c179); font-size:14px; font-weight:600; line-height:20px; }
.cu-fin__row{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:16px; }
.cu-fin__c{ display:flex; flex-direction:column; padding:20px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.14); border-radius:12px; }
.gd-body .cu-fin__ck{ margin:0; color:var(--h26-gold,#e5c179); font-size:11px; font-weight:600; line-height:16px; letter-spacing:.08em; text-transform:uppercase; }
.gd-body .cu-fin__ct{ margin:10px 0 0; color:#fff; font-size:17px; font-weight:600; line-height:24px; }
.gd-body .cu-fin__cx{ margin:8px 0 16px; color:var(--gd-mist,#d1d8e5); font-size:13px; line-height:20px; }
.cu-fin__c .gl-btn{ margin-top:auto; height:44px; border-radius:8px; font-size:14px; }
.cu-fin__go{ display:inline-flex; align-items:center; margin-top:auto; color:var(--h26-gold,#e5c179); text-decoration:none; font-size:14px; font-weight:600; }
/* lección 7 sin inscripción: el PDF también va detrás del formulario. */
html.cu-js:not(.cu-ins) .cu-p7 .cu-lock{ max-height:160px; }

/* ------------------------------------------------- MÓVIL: panel 2.1b + barra fija */
.cu-tocm{ display:none; }
@media (max-width: 900px){
  .cu-eyebrow{ margin-top:12px; font-size:11px; line-height:16px; }
  .cu-chip{ height:auto; padding:0; background:none; color:#fff; }
  .cu-chip:hover{ background:none; }
  .cu-tag{ margin-top:16px; }
  .cu-page .gd-meta.cu-meta{ display:flex; margin-top:16px; }
  .cu-page .gd-hero h1{ margin-top:12px; }

  /* Barra fija abajo (2793:7976): «Lección N de 7» sobre el avance + botón. */
  .cu-bar{ position:fixed; left:0; right:0; bottom:0; z-index:40; border-top:1px solid var(--cu-line); border-bottom:0; }
  .cu-bar__in{ display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-rows:auto auto; column-gap:12px; row-gap:6px; min-height:0; padding:12px 16px 24px; }
  .cu-bar__l{ grid-column:1; grid-row:1; font-size:13px; line-height:18px; }
  .cu-track{ grid-column:1; grid-row:2; }
  .cu-bar__s{ display:none; }
  .cu-bar__btn{ grid-column:2; grid-row:1 / span 2; height:44px; padding:0 18px; }
  .cu-page{ padding-bottom:81px; }
  /* El botón flotante de WhatsApp sube por encima de la barra (igual que .col-page en styles.css). */
  .cu-page:has(.cu-bar) .wa-float{ bottom:96px; }

  .cu-tocm{ display:block; position:sticky; top:67px; z-index:20; margin-top:16px; border-top:1px solid var(--cu-line); border-bottom:1px solid var(--cu-line); background:#fff; }
  .cu-tocm > summary{ display:flex; align-items:center; gap:8px; height:52px; padding:0 16px; cursor:pointer; list-style:none; }
  .cu-tocm > summary::-webkit-details-marker{ display:none; }
  .cu-tocm__t{ color:var(--cu-muted); font-size:11px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; }
  .cu-tocm__cur{ color:var(--h26-navy,#072031); font-size:13px; font-weight:600; }
  .cu-tocm__chev{ width:10px; height:6px; margin-left:auto; color:var(--h26-navy,#072031); transition:transform .2s; }
  .cu-tocm[open] .cu-tocm__chev{ transform:rotate(180deg); }
  .cu-tocm__panel{ position:absolute; left:16px; right:16px; top:100%; max-height:calc(100vh - 220px); overflow:auto; background:#fff; border-radius:0 0 16px 16px; box-shadow:0 24px 48px rgba(3,20,32,.28); }
  .cu-tocm[open]::after{ content:""; position:fixed; inset:0; z-index:-1; background:rgba(3,20,32,.45); }
  .cu-tocm .cu-toc{ border:0; border-radius:0; padding-top:4px; }
  .cu-tocm__pie{ padding:12px 16px 16px; border-top:1px solid var(--cu-line); }
  .cu-tocm__pie p{ margin:0 0 12px; color:var(--cu-sec); font-size:13px; line-height:18px; }
  .cu-tocm__pie .gl-btn{ height:44px; border-radius:8px; }
  html.cu-ins .cu-tocm__pie{ display:none; }

  .cu-temas{ margin-bottom:32px; padding:20px; }
  .cu-gate{ flex-direction:column; gap:24px; margin:32px 0 40px; padding:24px 20px; }
  html.cu-sent .cu-gate{ padding:32px 20px; }
  .gd-body .cu-ok-h{ font-size:24px; line-height:32px; }
  .cu-acc{ flex-direction:column; align-items:stretch; }
  .cu-pdf{ grid-template-columns:1fr; padding:20px; gap:20px; }
  .cu-ultima{ flex-direction:column; align-items:stretch; padding:20px; }
  .cu-fin{ padding:24px 20px; }
  .gd-body .cu-fin__h{ font-size:24px; line-height:32px; }
  .cu-fin__row{ grid-template-columns:1fr; }
  .gd-side .cu-toc, .gd-side .cu-card{ display:none; }
}