/* Spanish Mediterranean mainland: shared layout for all locales. */
.sm-mainland { overflow-wrap: anywhere; }
.sm-mainland .header-inner { align-items: center; }
.sm-mainland main { font-size: 1.075rem; line-height: 1.75; }
.sm-mainland main [id] { scroll-margin-top: 1.2rem; }
.sm-mainland figure { margin: 0; min-width: 0; }
.sm-mainland img { display: block; width: 100%; height: auto; }
.sm-mainland figcaption { padding-top: .6rem; font-size: .87rem; line-height: 1.5; }
.sm-mainland .sm-breadcrumb { padding-block: .7rem; border-bottom: 1px solid var(--line); }
.sm-mainland .sm-breadcrumb a, .sm-mainland .sm-onward > a, .sm-mainland .site-footer a { display: inline-flex; align-items: center; min-height: 44px; }
.sm-mainland .sm-hero { display: grid; gap: 1.8rem; padding-block: 2rem 2.4rem; }
.sm-mainland h1 { font-size: clamp(2.4rem, 6vw, 4.8rem); line-height: 1.08; margin: .4rem 0 1rem; }
.sm-mainland .sm-intro { font: 1.55rem/1.4 var(--serif); color: var(--ink); }
.sm-mainland .sm-hero p { max-width: 62ch; }
.sm-mainland .sm-overview { border-block: 1px solid var(--line); padding-block: 2rem; }
.sm-mainland h2 { font-size: clamp(2rem, 4vw, 3.15rem); line-height: 1.15; }
.sm-mainland h3 { font-size: clamp(1.55rem, 2.6vw, 2rem); line-height: 1.25; margin: 0 0 1rem; }
.sm-mainland .sm-map-layout { display: grid; gap: 1.5rem; align-items: start; }
.sm-mainland .sm-map svg { display: block; width: 100%; height: auto; border: 1px solid #bbcbc5; }
.sm-mainland .sm-map text { font-family: Arial, sans-serif; }
.sm-mainland .sm-map-label { font-size: 26px; fill: #345b5c; paint-order: stroke; stroke: #f5f0e3; stroke-width: 4px; stroke-linejoin: round; }
.sm-mainland .sm-map-north { font-size: 23px; fill: #244e55; }
.sm-mainland .sm-map-number { fill: #fff; font-size: 31px; }
.sm-mainland .sm-map-leader { fill: none; stroke: #325d60; stroke-width: 1.7; }
.sm-mainland .sm-map-anchor { fill: #244e55; stroke: #fff; stroke-width: 2; }
.sm-mainland .sm-map-hit { fill: #fff; fill-opacity: .55; stroke: #719998; stroke-width: 1; }
.sm-mainland .sm-map-disc { fill: #244e55; }
.sm-mainland .sm-map a:hover .sm-map-hit, .sm-mainland .sm-map a:focus .sm-map-hit { fill: #fff; fill-opacity: 1; stroke: #ad752c; stroke-width: 5; }
.sm-mainland .sm-map a:focus { outline: none; }
.sm-mainland .sm-directory { display: grid; gap: .4rem; list-style: none; padding: 0; margin: 0; }
.sm-mainland .sm-directory li { display: flex; gap: 1rem; align-items: baseline; border-bottom: 1px solid var(--line); padding: .5rem 0 .8rem; margin: 0; }
.sm-mainland .sm-directory-number { font: italic 1.4rem var(--serif); color: var(--teal); }
.sm-mainland .sm-directory a { display: inline-flex; align-items: center; min-height: 44px; font: 1.3rem/1.35 var(--serif); }
.sm-mainland .sm-directory p { font-size: 1rem; line-height: 1.55; margin: .15rem 0; }
.sm-mainland .sm-context { max-width: 50rem; margin-top: 2rem; }
.sm-mainland .sm-section { padding-block: 2.8rem; border-bottom: 1px solid var(--line); }
.sm-mainland .sm-heading { max-width: 53rem; margin-bottom: 2rem; }
.sm-mainland .sm-chapter { display: block; color: var(--teal); font: italic 1.4rem var(--serif); margin-bottom: .5rem; }
.sm-mainland .sm-heading h2 { margin-top: 0; }
.sm-mainland .sm-lede { font-size: 1.17rem; line-height: 1.65; }
.sm-mainland .sm-story { display: grid; gap: 1.7rem; margin-block: 2.6rem; align-items: start; }
.sm-mainland .sm-story p, .sm-mainland .sm-practical p, .sm-mainland .sm-onward p { max-width: 72ch; }
.sm-mainland .sm-story > div > p:last-child { margin-bottom: 0; }
.sm-mainland .sm-practical { background: #e8eee7; border-left: 3px solid #42736d; padding: 1.2rem 1.4rem; margin-block: 1.8rem 2.5rem; max-width: 55rem; }
.sm-mainland .sm-practical h3 { font-size: 1.45rem; }
.sm-mainland .sm-practical p { margin-bottom: 0; font-size: 1rem; }
.sm-mainland .sm-local-map { max-width: 37rem; margin-block: 1.7rem 2.2rem; }
.sm-mainland .sm-map-links { display: flex; flex-wrap: wrap; gap: .25rem 1.3rem; margin-top: .45rem; }
.sm-mainland .sm-map-links a { display: inline-flex; align-items: center; min-height: 44px; font-size: 1rem; }
.sm-mainland details { margin-block: .5rem; }
.sm-mainland summary { min-height: 44px; align-content: center; cursor: pointer; }
.sm-mainland details a { display: inline-flex; align-items: center; min-height: 44px; }
.sm-mainland .photo-credit { font-size: .8rem; }
.sm-mainland .photo-credit summary { color: var(--muted); }
.sm-mainland .photo-credit p { margin: 0; }
.sm-mainland .sm-map-source { font-size: .9rem; }
@media (min-width: 760px) {
 .sm-mainland .sm-story:has(> figure) { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 2.4rem; }
 .sm-mainland .sm-story:nth-of-type(even) > figure { order: 2; }
 .sm-mainland .sm-story:not(:has(> figure)) { max-width: 52rem; }
}
@media (min-width: 1000px) {
 .sm-mainland .sm-hero { grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr); align-items: center; gap: 2.7rem; padding-block: 2.8rem; }
 .sm-mainland .sm-map-layout { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 2.7rem; }
 .sm-mainland .sm-section { padding-block: 3.6rem; }
}