.path-card a{text-decoration:none}.path-card a:hover{text-decoration:underline}.path-card .path-status{display:inline-block;font-size:13px;font-weight:600;margin-top:12px}.available-reads{margin-top:28px;padding:24px;border:1px solid var(--line);border-radius:20px;display:flex;flex-direction:column;gap:10px}.available-reads a{font-size:15px;text-decoration:none;line-height:1.5}.available-reads a:hover{text-decoration:underline}.available-reads a[aria-current=page]{font-weight:700}.available-reads a[aria-current=page]::after{content:" · Estás aquí";font-size:12px;font-weight:400;color:var(--muted)}.available-reads .eyebrow{margin-bottom:8px}.hero h1{overflow-wrap:break-word}
/* Available route notes alongside the article index. */
.rail nav.available-reads{margin-top:28px;padding:22px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;gap:7px}
.rail .available-reads .eyebrow{font-size:10px;letter-spacing:1.1px;margin-bottom:7px}
.rail nav.available-reads a{display:block;font-size:12px;line-height:1.55;padding:8px 10px;border-radius:12px;color:var(--muted);transition:background .2s,color .2s}
.rail nav.available-reads a:hover{background:#f0f7fb;color:var(--ink);text-decoration:none}
.rail nav.available-reads a[aria-current=page]{background:#e8f3fa;color:var(--ink);font-weight:700}
.rail nav.available-reads a[aria-current=page]::after{display:block;font-size:10px;content:'Estás aquí';margin-top:3px;font-weight:500}
.rail{scrollbar-width:thin;padding-right:8px}
@media(max-width:800px){.rail nav.available-reads{display:flex;flex-direction:column;width:100%;margin-top:22px}.rail nav.available-reads a{font-size:14px}.rail{padding-right:0}}

.rail>.rail-tags{margin-top:0;padding-top:0;border-top:0;margin-bottom:28px}

/* Learning route uses the same panel treatment as the catalogue. */
.rail nav.available-reads{padding:20px 12px;border:1px solid #dce8ec;border-radius:24px;background:linear-gradient(120deg,#f7fcfe,#fffef4);gap:7px}
.rail .available-reads .eyebrow{padding:0 4px;margin-bottom:9px}
.rail nav.available-reads a{border:1px solid transparent;border-radius:14px}
.rail nav.available-reads a[aria-current=page]{background:#fff;border-color:#dce6e9;box-shadow:none}
@media(max-width:700px){.rail nav.available-reads{border-radius:20px}}

/* Match the reading index width and reduce the nested text inset. */
.rail>nav{width:100%;box-sizing:border-box}
.rail nav.available-reads{padding:20px 8px}
.rail .available-reads .eyebrow{font-size:11px;padding:0;letter-spacing:1.6px}
.rail nav.available-reads a{font-size:14px;padding:8px 6px;overflow-wrap:anywhere}

/* Ruta contextual de la nota: nombre y secuencia completa de lectura. */
.rail .sidebar-route-title{margin:0 4px 14px;font-size:16px;font-weight:800;line-height:1.4;color:var(--ink);text-align:left;hyphens:none}
.rail .route-notes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.rail .route-notes li{margin:0;padding:0}
.rail nav.available-reads .route-notes a{display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:5px;align-items:start}
.rail .route-step{font-size:11px;line-height:1.95;color:var(--muted);font-variant-numeric:tabular-nums}
.rail nav.available-reads a[aria-current=page]::after{grid-column:2}

/* Keep list reset and number styling independent of global navigation styles. */
.rail nav.available-reads ol.route-notes{list-style:none;margin:0;padding:0;width:100%;min-width:0}
.rail nav.available-reads .route-notes li{list-style:none;margin:0;padding:0;min-width:0}
.rail nav.available-reads .route-notes li::marker{content:""}
.rail nav.available-reads .route-notes a .route-step{font-size:11px;line-height:1.95;letter-spacing:0;font-weight:500}
.rail nav.available-reads .route-notes a .route-note{font-size:14px;line-height:1.55;min-width:0}