.htmlCarLayoutA{display:grid;grid-template-columns:360px 1fr;gap:0;align-items:stretch}
    .htmlCarLeft{background:var(--bg);border-right:1px solid var(--border);position:sticky;top:0;align-self:start;max-height:calc(100vh - 1rem);overflow-y:auto;padding:.8rem;display:flex;flex-direction:column;gap:.6rem}
    .htmlCarRight{padding:.8rem 1rem 5rem 1rem;min-width:0}
    .htmlCarBottomSticky{position:sticky;bottom:0;display:flex;gap:.4rem;padding:.6rem 1rem;border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;background:var(--surface);z-index:5}
    @media (max-width: 900px){
      .htmlCarLayoutA{grid-template-columns:1fr}
      .htmlCarLeft{position:static;max-height:none;border-right:none;border-bottom:1px solid var(--border)}
      .htmlCarRight{padding:.8rem 1rem 1rem 1rem}
    }
    /* FIX 03-mag-2026 v100-step3-fix — Tab Stile: override CSS scoped via wrapper.
       Vince su qualsiasi text-align/font-size inline nelle slide perché usa !important
       e si applica a tutti i discendenti (h1, h2, p, div, span, ecc.). */
    .htmlCarStyleOverride{width:100%;height:100%}
    .htmlCarAlign-left,.htmlCarAlign-left *{text-align:left !important}
    .htmlCarAlign-center,.htmlCarAlign-center *{text-align:center !important}
    .htmlCarAlign-right,.htmlCarAlign-right *{text-align:right !important}
    /* FIX 03-mag-2026 v100-step3-fix2 — Allineamento "totale": centra anche i container flex
       e i box (callout, pillole, decorativi) oltre al testo. Necessario perché il DNA Marco
       e simili usano flexbox con align-items:flex-start. */
    /* FIX 03-mag-2026 v100-step3-fix3 — Rimosso justify-content perché in flex-direction:column
       (caso prevalente) controlla l'asse VERTICALE → "Sinistra" finiva in alto, "Destra" in basso.
       Tengo solo align-items (asse orizzontale in column flex). */
    .htmlCarAlign-center [style*="display:flex"]{align-items:center !important}
    .htmlCarAlign-left [style*="display:flex"]{align-items:flex-start !important}
    .htmlCarAlign-right [style*="display:flex"]{align-items:flex-end !important}
    /* Margin auto per blocchi che NON sono in flex: centra/allinea blocchi stretti */
    .htmlCarAlign-center > * > *{margin-left:auto !important;margin-right:auto !important}
    .htmlCarAlign-left > * > *{margin-left:0 !important;margin-right:auto !important}
    .htmlCarAlign-right > * > *{margin-left:auto !important;margin-right:0 !important}
    /* Font size override: si applica a tutti gli elementi con font-size inline nei discendenti.
       Usa CSS variables e calc per scalare. NB: il fix definitivo del titolo è in JS via regex
       perché il DNA usa <div> non <h1>, ma queste regole prendono comunque h1/h2/.title se ci sono. */
    .htmlCarSize-small h1,.htmlCarSize-small h2,.htmlCarSize-small .title{font-size:0.85em !important}
    .htmlCarSize-large h1,.htmlCarSize-large h2,.htmlCarSize-large .title{font-size:1.15em !important}