/* Atlas de Ibiza — páginas «categoría por pueblo» (/pueblos/<pueblo>/<intención>/). Solo se carga ahí (spec.extraHead). Todo en tokens de site.css. */
.tc-stats{margin-block-start:1.4rem}
.tc-intro{max-inline-size:68ch;margin-block:1.6rem 2rem}
.tc-intro p:first-child{font-size:1.05rem;line-height:1.65}
.tc-map{margin-block:2.4rem}
.tc-map .map-frame{max-inline-size:960px}
/* marca del pueblo dentro del mapa */
.tc-here circle:first-child{fill:color-mix(in srgb,var(--accent) 22%,transparent);stroke:var(--accent);stroke-width:2}
.tc-here .core{fill:var(--accent);stroke:none}
.tc-here text{font:700 15px var(--ff,system-ui);fill:var(--ink);paint-order:stroke;stroke:var(--bg);stroke-width:4px;stroke-linejoin:round;pointer-events:none}
.tc-more h3{margin:1.2rem 0 .6rem;font:600 .95rem var(--ff-mono,monospace);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.tc-more .link-arrow{display:inline-block}
.tc-links{margin-block:2rem}
.tc-links .chips{margin-block-start:.8rem}

/* móvil: la columna fija con el nombre se comía el 70 % del ancho y la tabla quedaba cortada en «Precio» */
@media (max-width:640px){
  .matrix{table-layout:fixed;min-inline-size:620px;font-size:.84rem}
  .matrix th,.matrix td{padding:.7rem .6rem}
  .matrix thead th:first-child,.matrix tbody th[scope=row]{inline-size:156px;min-inline-size:0;max-inline-size:none;white-space:normal;position:sticky;inset-inline-start:0}
  .matrix thead th:first-child{z-index:1;background:var(--surface)}
  .matrix thead th{white-space:normal;vertical-align:bottom}
  .matrix tbody th[scope=row] a{display:block}
  .cmp-scroll:has(.matrix){background:linear-gradient(to left,var(--surface) 30%,transparent) right center/36px 100% no-repeat local,linear-gradient(to left,color-mix(in srgb,var(--ink) 18%,transparent),transparent) right center/14px 100% no-repeat scroll,var(--surface)}
}