/* Devuelve a esta tarjeta el documento en el que se diseñó. * * La experiencia de LARIA se construyó como una página suelta, sin Tailwind. * Al portarla a Solid pasó a vivir dentro de una app que sí lo carga, y el * preflight de Tailwind le cambió cosas que su CSS nunca declaró porque no * hacía falta: heredaba los valores por defecto del navegador. * * Esta hoja NO es diseño nuevo. Cada regla revierte una diferencia concreta * medida contra la versión estática original. Sin ella había 94 diferencias * de geometría y estilo calculado; con ella, cero. * * Las dos hojas originales (styles.css y refinements.css) no se tocaron: son * byte a byte las que produjo el build de origen. Esta va después y solo * deshace el preflight. */ /* Tailwind pone line-height:1.5 en . La tarjeta heredaba `normal`, y ese * 1.5 desplazaba 33 elementos entre 1 y 2 px y engordaba siete alturas. * * El fondo es el otro: la hoja global de la app pinta el de #f7f9fc y * eso TAPA el #0d292c que styles.css pone en . En el documento original * el no tenía fondo, por eso se veía el oscuro. No se nota en móvil * porque .shell cubre el ancho entero; a partir de 600 px .shell se queda en * 560 px y los márgenes salían gris claro en vez de verde petróleo. */ body { line-height: normal; background-color: transparent; } /* El `*{box-sizing:border-box}` de la tarjeta NO alcanza a los pseudoelementos * —`*` no los selecciona—, así que en el documento original todos eran * content-box. El de Tailwind sí los incluye, y eso encogía el círculo de * .section-mark:after de 15 a 13 px, arrastrando cuatro píxeles a todo lo que * venía debajo. */ ::before, ::after { box-sizing: content-box; } /* Tailwind hace que