/* Orientación inicial: una entrada visible, sin bloquear el resto de las unidades. */
.unit-card.orientation-card{grid-column:1/-1;border-color:var(--accent);background:var(--soft);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px 20px}
.orientation-card .orientation-symbol{display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--accent);border-radius:14px;color:var(--accent);background:var(--paper)}
.orientation-card .orientation-symbol svg{width:28px;height:28px}
.orientation-card h3{margin:6px 0}
.orientation-card p{margin:6px 0 0;color:var(--muted);font-size:14px}
.orientation-card .unit-card-open{margin:0;white-space:nowrap}
.orientation-overview{border-inline-start-width:5px}
.orientation-overview .eyebrow{display:flex;align-items:center;gap:8px}
.orientation-overview .eyebrow svg{width:20px;height:20px}
.orientation-note{font-size:14px;margin:0 0 22px;padding:14px 18px;background:var(--soft);border-radius:10px;border:1px solid var(--line)}
.orientation-note a{font-weight:600}
.reading-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.reading-links a{display:inline-flex;align-items:center;gap:8px;overflow-wrap:anywhere;min-width:0;max-width:100%}
.unit-tools{margin:20px 0;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.unit-tools h3{margin:0 0 12px}
.unit-tools ul{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.unit-tools li+li{border-top:1px solid var(--line);padding-top:16px}
.unit-tools p{margin:5px 0}
.unit-tools .tool-label{display:inline-block;margin-inline-start:8px;font-size:12px;color:var(--muted)}
.unit-tools .button{font-size:14px;margin-top:8px}
.orientation-lesson .lesson-body>.small:empty{display:none}
.weights-table th:last-child,.weights-table td:last-child{width:5em;white-space:nowrap;overflow-wrap:normal;word-break:normal}
@media(max-width:700px){.unit-card.orientation-card{grid-template-columns:auto 1fr;gap:12px}.orientation-card .unit-card-open{grid-column:2;white-space:normal}.orientation-card .orientation-symbol{width:42px;height:42px}.reading-links{flex-direction:column}.reading-links a{justify-content:flex-start}.unit-tools{padding:14px}}
@media print{.unit-card.orientation-card{display:block;background:none}.orientation-symbol,.orientation-note,.reading-links,.unit-tools .button{display:none}.unit-tools{break-inside:avoid}}