/* Srilor Core blocks, in the app v2 language. Colours fall back to the v2 palette if the theme is absent. */
.srilor-placeholder { padding: 1rem 1.25rem; border: 1.5px dashed #0F3D30; border-radius: 4px; background: #DDF3EA; color: #0F3D30; font-size: 14px; }
.srilor-stamp { display: inline-block; border: 2px solid currentColor; border-radius: 3px; padding: 0.18rem 0.5rem 0.12rem; font-family: "Big Shoulders", Impact, sans-serif; font-weight: 800; font-size: 0.8rem; letter-spacing: 0.14em; line-height: 1.2; text-transform: uppercase; color: #0C6B54; transform: rotate(-3deg); }
.srilor-stamp.is-accent { color: #A33D17; transform: rotate(2deg); }
.srilor-chip { display: inline-flex; align-items: center; border: 1.5px solid #16201B; border-radius: 4px; padding: 0.3rem 0.55rem 0.25rem; font-family: "Big Shoulders", Impact, sans-serif; font-weight: 700; font-size: 0.8rem; letter-spacing: 0.1em; line-height: 1; text-transform: uppercase; color: #16201B; }

/* ---------- Island map ---------- */
.srilor-map { margin-inline: auto; width: 100%; position: relative; }
.srilor-map__stage { position: relative; }
.srilor-map svg { display: block; width: 100%; height: auto; overflow: visible; }
.srilor-map .srilor-island__pin { cursor: pointer; }
.srilor-map .srilor-island__pin circle:not([fill="transparent"]) { transition: transform .25s cubic-bezier(.2,.8,.2,1); transform-box: fill-box; transform-origin: center; }
.srilor-map .srilor-island__pin:hover circle:not([fill="transparent"]), .srilor-map .srilor-island__pin.is-current circle:not([fill="transparent"]) { transform: scale(1.6); }
.srilor-map .srilor-island__pin:focus { outline: none; }
.srilor-map .srilor-island__pin:focus-visible circle:not([fill="transparent"]) { stroke: #E8835A; stroke-width: 1.5; }
.srilor-map text { pointer-events: none; }
@media (prefers-reduced-motion: no-preference) {
	.srilor-map .srilor-island__route { stroke-dashoffset: 0; animation: srilor-route 2.4s cubic-bezier(.2,.8,.2,1) both .3s; }
	@keyframes srilor-route { from { opacity: 0; clip-path: inset(0 0 100% 0); } to { opacity: 1; clip-path: inset(0 0 0 0); } }
	.srilor-map .srilor-island__halo { animation: srilor-halo 2.2s ease-out infinite; transform-box: fill-box; transform-origin: center; }
	@keyframes srilor-halo { 0% { transform: scale(.8); opacity: .5; } 100% { transform: scale(2.2); opacity: 0; } }
}

/* Hero variant: a deck of postcards beside the island; the top card's pin is lit */
.srilor-map--hero { max-width: none !important; position: relative; padding-bottom: 3.25rem; }
.srilor-map--hero .srilor-map__stage { width: 60%; margin-left: auto; }
.srilor-deck { position: absolute; left: 0; bottom: 3.25rem; width: min(48%, 300px); z-index: 2; }
.srilor-deck__cards { position: relative; aspect-ratio: 4 / 5.6; }
.srilor-postcard {
	position: absolute; inset: 0; display: flex; flex-direction: column; padding: 9px 9px 12px; border-radius: 4px;
	background: #FFFCF7; color: #16201B !important; text-decoration: none !important;
	box-shadow: 0 30px 60px -20px rgba(0,0,0,.65), 0 1px 0 rgba(255,255,255,.4) inset;
	transform-origin: 50% 85%; opacity: 0; pointer-events: none;
	transition: transform .75s cubic-bezier(.2,.8,.2,1), opacity .5s, filter .5s;
}
.srilor-postcard.is-active { opacity: 1; z-index: 4; pointer-events: auto; transform: rotate(-3deg); }
.srilor-postcard.is-next { opacity: 1; z-index: 3; pointer-events: auto; cursor: pointer; transform: translate(26px, -16px) rotate(5deg) scale(.95); filter: brightness(.9); }
.srilor-postcard.is-after { opacity: 1; z-index: 2; transform: translate(-18px, -26px) rotate(-10deg) scale(.9); filter: brightness(.78); }
.srilor-postcard.is-leaving { opacity: 0; z-index: 5; transform: translate(-75%, 12%) rotate(-24deg); transition: transform .7s cubic-bezier(.4,0,.2,1), opacity .45s .2s; }
.srilor-postcard__media { position: relative; flex: 1; min-height: 0; overflow: hidden; border-radius: 2px; background: #0F3D30; }
.srilor-postcard__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.srilor-postcard.is-active .srilor-postcard__media img { animation: srilor-drift 9s ease-out both; }
@keyframes srilor-drift { from { transform: scale(1.12) translate(2%, 2%); } to { transform: scale(1) translate(0, 0); } }
.srilor-postcard__body { display: grid; gap: 3px; padding: 11px 4px 0; }
.srilor-postcard__eyebrow { font-family: "Big Shoulders", Impact, sans-serif; font-weight: 700; font-size: 0.7rem; letter-spacing: 0.14em; text-transform: uppercase; color: #5A635C; }
.srilor-postcard__name { font-family: "Big Shoulders Stencil", Impact, sans-serif; font-weight: 800; font-size: clamp(1.45rem, 2.3vw, 2rem); line-height: 0.9; text-transform: uppercase; }
.srilor-postcard__line { font-size: 0.75rem; line-height: 1.35; color: #5A635C; }
.srilor-postcard__stamp {
	position: absolute; top: 10px; right: 10px; width: 58px; height: 58px; border-radius: 50%; display: grid; place-content: center; text-align: center;
	border: 1.5px solid rgba(255,252,247,.9); box-shadow: 0 0 0 3px rgba(255,252,247,.25), inset 0 0 0 3px rgba(255,252,247,.25);
	color: #FFFCF7; transform: rotate(14deg); font-family: "Big Shoulders", Impact, sans-serif; font-weight: 700; font-size: 0.52rem; letter-spacing: 0.12em; text-transform: uppercase; line-height: 1.1;
	text-shadow: 0 1px 6px rgba(0,0,0,.4); background: rgba(185,71,30,.35);
}
.srilor-postcard__stamp b { display: block; font-size: 1.15rem; letter-spacing: 0.02em; font-weight: 800; }
.srilor-postcard.has-map .srilor-postcard__media { display: grid; place-items: center; padding: 12% 10% 6%; background: #0F3D30 radial-gradient(circle at 50% 40%, rgba(32,176,142,.22), transparent 70%); }
.srilor-mini { width: 100%; height: 100%; overflow: visible; }
.srilor-mini__grid line { stroke: rgba(221,243,234,.08); stroke-width: .5; }
.srilor-mini__land { fill: rgba(221,243,234,.06); stroke: #DDF3EA; stroke-width: 1.4; stroke-linejoin: round; }
.srilor-mini__pin { fill: #E8835A; }
.srilor-mini__halo { fill: none; stroke: #E8835A; stroke-width: 1; opacity: .7; }
.srilor-mini__coords { fill: #DDF3EA; font-family: "Big Shoulders", Impact, sans-serif; font-size: 7.5px; font-weight: 700; letter-spacing: .08em; }
.srilor-deck__bar { position: absolute; left: 0; right: 0; top: calc(100% + 1.1rem); display: flex; align-items: center; gap: 0.6rem; color: #FFFCF7; font-family: "Big Shoulders", Impact, sans-serif; font-weight: 700; font-size: 0.85rem; letter-spacing: 0.1em; }
.srilor-deck__count b { color: #20B08E; font-weight: 800; }
.srilor-deck__timer { position: relative; flex: 1; height: 2px; background: repeating-linear-gradient(90deg, rgba(255,252,247,.35) 0 3px, transparent 3px 7px); }
.srilor-deck__timer::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 0; background: #E8835A; }
.srilor-deck.is-timing .srilor-deck__timer::after { animation: srilor-timer 4.8s linear both; }
@keyframes srilor-timer { to { width: 100%; } }
.srilor-deck__btn { display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 1.5px solid rgba(255,252,247,.5); border-radius: 4px; background: transparent; color: #FFFCF7; cursor: pointer; font-size: 1rem; line-height: 1; }
.srilor-deck__btn:hover { border-color: #20B08E; color: #20B08E; }
.srilor-deck__pause span { width: 10px; height: 11px; border-left: 3px solid currentColor; border-right: 3px solid currentColor; }
.srilor-deck.is-stopped .srilor-deck__pause span { width: 0; height: 0; border: 0; border-left: 10px solid currentColor; border-top: 6px solid transparent; border-bottom: 6px solid transparent; margin-left: 3px; }
.srilor-map--hero:not(.is-ready) .srilor-deck__bar { visibility: hidden; }
@media (max-width: 781px) {
	/* Phones: postcards and island side by side, in the flow, so nothing overlaps the text above. */
	.srilor-map--hero { display: grid; grid-template-columns: 1fr 1fr; align-items: end; gap: 0.75rem; }
	.srilor-map--hero .srilor-map__stage { width: auto; grid-column: 2; grid-row: 1; }
	.srilor-deck { position: relative; bottom: auto; width: auto; grid-column: 1; grid-row: 1; margin-top: 30px; }
	.srilor-postcard.is-next { transform: translate(14px, -10px) rotate(5deg) scale(.95); }
	.srilor-postcard.is-after { transform: translate(-10px, -16px) rotate(-9deg) scale(.9); }
	.srilor-postcard__stamp { width: 44px; height: 44px; font-size: 0.42rem; }
	.srilor-postcard__stamp b { font-size: 0.9rem; }
	.srilor-postcard__line { display: none; }
}
@media (prefers-reduced-motion: reduce) {
	.srilor-postcard, .srilor-postcard.is-leaving { transition: opacity .2s; }
	.srilor-postcard.is-active .srilor-postcard__media img { animation: none; }
}

/* ---------- Which coast is dry ---------- */
.srilor-monsoon { --rule: #16201B; --hair: #DED6C6; --muted: #5A635C; }
.has-tea-background-color .srilor-monsoon { --rule: rgba(255,255,255,.4); --hair: rgba(255,255,255,.16); --muted: #BFD0C8; }
.srilor-monsoon__board { border-top: 2px solid var(--rule); border-bottom: 2px solid var(--rule); }
.srilor-monsoon__head, .srilor-monsoon__row { display: grid; grid-template-columns: minmax(8rem, 1.1fr) minmax(8rem, 1fr) 2fr; gap: 1rem; align-items: baseline; padding: 0.85rem 0; }
.srilor-monsoon__head { font-size: 0.6875rem; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted); padding: 0.6rem 0; }
.srilor-monsoon__row { border-top: 1px solid var(--hair); }
.srilor-monsoon__row > span:first-child { font-weight: 600; }
.srilor-monsoon__row b { font-family: "Big Shoulders", Impact, sans-serif; font-weight: 800; font-size: clamp(1.4rem, 2.4vw, 2rem); line-height: 1; text-transform: uppercase; }
.srilor-monsoon__row.is-good b { color: #20B08E; }
.srilor-monsoon__row:not(.is-good) b { color: #E8835A; }
.srilor-monsoon__row > span:last-child { color: var(--muted); }
.srilor-monsoon__year { width: 100%; border-collapse: separate; border-spacing: 3px; margin-top: 1.25rem; font-size: 0.75rem; }
.srilor-monsoon__year th { font-family: "Big Shoulders", Impact, sans-serif; font-weight: 700; letter-spacing: .08em; color: var(--muted); text-align: center; text-transform: uppercase; padding-bottom: 2px; }
.srilor-monsoon__year th.is-now { color: inherit; }
.srilor-monsoon__year th abbr { text-decoration: none; }
.srilor-monsoon__year tbody th { text-align: left; font-family: inherit; letter-spacing: 0; text-transform: none; font-weight: 600; color: inherit; white-space: nowrap; padding-right: .5rem; }
.srilor-monsoon__year td { height: 20px; border-radius: 2px; padding: 0; }
.srilor-monsoon__year .is-good { background: #20B08E; }
.srilor-monsoon__year .is-wet { background: var(--hair); }
.srilor-monsoon__year td.is-now { outline: 2px solid currentColor; outline-offset: 1px; }
.srilor-monsoon__legend { display: flex; flex-wrap: wrap; gap: .4rem 1.1rem; align-items: center; margin: .75rem 0 0; font-size: .8125rem; color: var(--muted); }
.srilor-monsoon__legend span { display: inline-block; width: 12px; height: 12px; border-radius: 2px; vertical-align: -1px; margin-right: .35rem; }
.srilor-monsoon__legend .is-good { background: #20B08E; } .srilor-monsoon__legend .is-wet { background: var(--hair); }
@media (max-width: 600px) {
	.srilor-monsoon__head { display: none; }
	.srilor-monsoon__row { grid-template-columns: 1fr auto; } .srilor-monsoon__row > span:last-child { grid-column: 1 / -1; }
	.srilor-monsoon__year { font-size: .625rem; border-spacing: 2px; } .srilor-monsoon__year tbody th { white-space: normal; }
}

/* Departure strip (one-line board) */
.srilor-depart { display: grid; grid-template-columns: auto 1fr 1fr; gap: 0; color: #FFFCF7; }
.srilor-depart > div { padding: 0.9rem 1.25rem; border-left: 1px solid rgba(255,255,255,.16); display: grid; gap: 2px; align-content: center; }
.srilor-depart > div:first-child { border-left: 0; padding-left: 0; }
.srilor-depart span { font-size: .6875rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: #BFD0C8; }
.srilor-depart b { font-family: "Big Shoulders", Impact, sans-serif; font-weight: 800; font-size: 1.6rem; line-height: 1; text-transform: uppercase; }
.srilor-depart .is-good b { color: #20B08E; } .srilor-depart__cell:not(.is-good) b { color: #E8835A; }
.srilor-depart small { font-size: .8125rem; color: #D5E2DC; }
@media (max-width: 781px) { .srilor-depart { grid-template-columns: 1fr; } .srilor-depart > div { border-left: 0; border-top: 1px solid rgba(255,255,255,.16); padding-left: 0; } .srilor-depart > div:first-child { border-top: 0; } }

/* ---------- Fact board ---------- */
.srilor-board-wrap { --rule: #16201B; --hair: #DED6C6; --muted: #5A635C; }
.srilor-board-wrap.is-dark, .has-tea-background-color .srilor-board-wrap { --rule: rgba(255,255,255,.4); --hair: rgba(255,255,255,.16); --muted: #BFD0C8; }
.srilor-board__title { margin: 0 0 .5rem; font-size: .6875rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--muted); }
.srilor-board { display: grid; grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr)); margin: 0; border-top: 2px solid var(--rule); border-bottom: 2px solid var(--rule); }
.srilor-board__cell { padding: .75rem .9rem .8rem 0; border-right: 1px solid var(--hair); margin-left: .9rem; min-width: 0; }
.srilor-board__cell:first-child { margin-left: 0; }
.srilor-board__cell:last-child { border-right: 0; }
.srilor-board dt { font-size: .625rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.srilor-board dd { margin: .2rem 0 0; font-family: "Big Shoulders", Impact, sans-serif; font-weight: 700; font-size: 1.35rem; line-height: 1.05; text-transform: uppercase; overflow-wrap: anywhere; }
.srilor-verified { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .8rem; margin: 1rem 0 0; font-size: .8125rem; color: var(--muted, #5A635C); }

/* ---------- Short answer: printed strip ---------- */
.srilor-answer { position: relative; background: #DDF3EA; border: 1px solid #DED6C6; border-radius: 4px; padding: 1.2rem 1.4rem 1.25rem 1.8rem; }
.srilor-answer::before { content: ""; position: absolute; left: .65rem; top: .9rem; bottom: .9rem; width: 3px; border-radius: 2px; background: #20B08E; }
.srilor-answer__label { margin: 0 0 .35rem; font-size: .6875rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: #0C6B54; }
.srilor-answer__text { margin: 0; font-size: 1.125rem; line-height: 1.55; }

/* ---------- Breadcrumbs ---------- */
.srilor-breadcrumbs ol { list-style: none; display: flex; flex-wrap: wrap; gap: .4rem; margin: 0; padding: 0; font-size: .6875rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: #5A635C; }
.srilor-breadcrumbs li + li::before { content: "·"; margin-right: .4rem; }
.srilor-breadcrumbs a { color: inherit; text-decoration: none; }
.srilor-breadcrumbs a:hover { color: #0C6B54; }

/* ---------- Nearby: ruled rows ---------- */
.srilor-nearby__title { margin: 0 0 .4rem; font-family: "Big Shoulders", Impact, sans-serif; font-weight: 800; font-size: 1.4rem; text-transform: uppercase; }
.srilor-nearby ul { list-style: none; margin: 0; padding: 0; border-top: 2px solid #16201B; border-bottom: 2px solid #16201B; }
.srilor-nearby li { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; padding: .7rem 0; border-top: 1px solid #DED6C6; }
.srilor-nearby li:first-child { border-top: 0; }
.srilor-nearby a { font-weight: 600; color: inherit; text-decoration: none; }
.srilor-nearby a:hover { color: #0C6B54; text-decoration: underline; }
.srilor-nearby b { font-family: "Big Shoulders", Impact, sans-serif; font-weight: 700; font-size: 1.1rem; }

/* ---------- Store badges ---------- */
/* App Store and Google Play buttons: black, like the stores' own badges, with a quiet note and an optional QR code for computers. */
.srilor-badges { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.5rem; }
.srilor-badges__row { display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; }
.srilor-badge { display: inline-flex; align-items: center; gap: .6rem; min-height: 48px; padding: .45rem 1.05rem .45rem .85rem; border-radius: 10px; background: #000; color: #fff !important; text-decoration: none !important; line-height: 1.05; font-family: var(--wp--preset--font-family--text, system-ui), system-ui, sans-serif; font-weight: 600; font-size: 1.06rem; letter-spacing: -.005em; border: 1px solid rgba(255,255,255,.28); transition: transform .2s, box-shadow .2s, border-color .2s; }
.srilor-badge small { display: block; font-size: .64rem; font-weight: 500; opacity: .88; letter-spacing: .02em; margin-bottom: .1rem; }
.srilor-badge svg { width: 24px; height: 24px; flex: none; }
.srilor-badges--light .srilor-badge { border-color: #000; }
a.srilor-badge:hover { transform: translateY(-1px); box-shadow: 0 6px 18px rgba(0,0,0,.22); border-color: rgba(255,255,255,.5); }
a.srilor-badge:focus-visible { outline: 3px solid var(--wp--preset--color--teal, #20B08E); outline-offset: 2px; }
.srilor-badge.is-soon { opacity: .62; cursor: default; }
.srilor-badges__note { flex-basis: 100%; margin: 0; font-size: .84rem; opacity: .82; }
.srilor-qr { display: none; margin: 0; align-items: center; gap: .8rem; padding: .55rem .9rem .55rem .55rem; border-radius: 12px; background: var(--wp--preset--color--card, #FFFCF7); color: var(--wp--preset--color--ink, #16201B); border: 1px solid var(--wp--preset--color--line, #DED6C6); max-width: 300px; }
.srilor-qr svg { width: 92px; height: 92px; flex: none; border-radius: 6px; }
.srilor-qr figcaption { margin: 0; font-size: .84rem; line-height: 1.35; }
.srilor-qr figcaption b { display: block; font-size: .92rem; }
@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
	.srilor-qr { display: flex; }
}

/* ---------- Itinerary facts ---------- */
.srilor-days { display: inline-grid; justify-items: center; gap: 0; min-width: 3.6rem; padding: .35rem .5rem .3rem; border: 1.5px solid #16201B; border-radius: 4px; background: #FFFCF7; color: #16201B; }
.srilor-days b { font-family: "Big Shoulders", Impact, sans-serif; font-weight: 800; font-size: 1.9rem; line-height: .9; }
.srilor-days span { font-size: .625rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.srilor-trip-meta__route { margin: 0 0 .7rem; color: #5A635C; font-size: .9375rem; }
.has-tea-background-color .srilor-trip-meta__route { color: #BFD0C8; }
.srilor-trip-meta__chips { display: flex; flex-wrap: wrap; gap: .45rem; align-items: center; margin: 0; }
.has-tea-background-color .srilor-chip { color: #FFFCF7; border-color: #FFFCF7; }
.has-tea-background-color .srilor-stamp { color: #FFFCF7; }
.has-tea-background-color .srilor-stamp.is-accent { color: #E8835A; }

/* ---------- Place line, passport stamp ---------- */
.srilor-place-line { margin: .55rem 0 0; font-size: .8125rem; color: #5A635C; }
.srilor-passport-stamp { line-height: 0; }
.srilor-passport-stamp svg { overflow: visible; }

/* ---------- Nothing here yet ---------- */
.srilor-empty { max-width: 46rem; padding: clamp(1.5rem, 4vw, 2.5rem) 0; }
.srilor-empty__stamp { display: inline-block; margin: 0 0 1rem; padding: 6px 10px; border: 2px solid #B9471E; border-radius: 4px; color: #B9471E; transform: rotate(-3deg); font-family: "Big Shoulders", Impact, sans-serif; font-weight: 800; font-size: 0.85rem; letter-spacing: 0.1em; text-transform: uppercase; }
.srilor-empty__title { margin: 0 0 0.5rem; }
.srilor-empty__text { color: #5A635C; margin: 0 0 1.25rem; }
.srilor-empty__search { margin-bottom: 1.5rem; }
.srilor-empty__search form { display: flex; gap: 0.5rem; }
.srilor-empty__search input[type="search"] { flex: 1; min-height: 46px; padding: 0 1rem; border: 1.5px solid #16201B; border-radius: 8px; background: #FFFCF7; font: inherit; }
.srilor-empty__search input[type="submit"], .srilor-empty__search button { min-height: 46px; padding: 0 1.2rem; border: 0; border-radius: 8px; background: #20B08E; color: #16201B; font: inherit; font-weight: 600; cursor: pointer; }
.srilor-empty__list { list-style: none; margin: 0 0 1.25rem; padding: 0; border-top: 2px solid #16201B; counter-reset: srilor-empty; columns: 2; column-gap: 2rem; }
.srilor-empty__list li { counter-increment: srilor-empty; break-inside: avoid; border-bottom: 1px solid #DED6C6; }
.srilor-empty__list a { display: flex; align-items: baseline; gap: 0.75rem; padding: 0.7rem 0; color: inherit; text-decoration: none; }
.srilor-empty__list a::before { content: counter(srilor-empty, decimal-leading-zero); font-family: "Big Shoulders", Impact, sans-serif; font-weight: 800; color: #A33D17; }
.srilor-empty__name { font-weight: 600; }
.srilor-empty__meta { margin-left: auto; font-size: 0.8rem; color: #5A635C; }
.srilor-empty__list a:hover .srilor-empty__name { text-decoration: underline; text-underline-offset: 3px; }
.srilor-empty__links { display: flex; flex-wrap: wrap; gap: 1.25rem; margin: 0; font-weight: 600; }
.srilor-empty__links a { color: #0C6B54; }
@media (max-width: 640px) { .srilor-empty__list { columns: 1; } }

/* ---------- Audio stories list ---------- */
.srilor-stories__count { font-family: "Big Shoulders", Impact, sans-serif; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #5A635C; margin: 0 0 1rem; }
.srilor-stories__count b { font-size: 2.4rem; color: #16201B; letter-spacing: 0; margin-right: 0.25rem; }
.srilor-stories { columns: 3 17rem; column-gap: 2.5rem; }
.srilor-stories__count { column-span: all; }
.srilor-stories__region { break-inside: avoid; margin: 0 0 2rem; }
.srilor-stories__head { display: flex; justify-content: space-between; align-items: baseline; margin: 0; padding-bottom: 0.4rem; border-bottom: 2px solid #16201B; font-family: "Big Shoulders", Impact, sans-serif; font-weight: 800; font-size: 1.35rem; text-transform: uppercase; letter-spacing: 0.02em; }
.srilor-stories__head span { font-size: 0.9rem; color: #A33D17; }
.srilor-stories__list { list-style: none; margin: 0; padding: 0; }
.srilor-stories__list a { display: grid; grid-template-columns: 2.2rem 1fr auto; align-items: center; column-gap: 0.6rem; padding: 0.6rem 0; border-bottom: 1px solid #DED6C6; color: inherit; text-decoration: none; }
.srilor-stories__n { font-family: "Big Shoulders", Impact, sans-serif; font-weight: 800; color: #A33D17; }
.srilor-stories__name { font-weight: 600; }
.srilor-stories__meta { grid-column: 2; font-size: 0.78rem; color: #5A635C; }
.srilor-stories__play { grid-column: 3; grid-row: 1 / span 2; width: 32px; height: 32px; border-radius: 50%; border: 1.5px solid #16201B; position: relative; }
.srilor-stories__play::after { content: ""; position: absolute; left: 12px; top: 9px; border-left: 9px solid #16201B; border-top: 6px solid transparent; border-bottom: 6px solid transparent; }
.srilor-stories__list a:hover .srilor-stories__name { color: #0C6B54; }
.srilor-stories__list a:hover .srilor-stories__play { background: #B9471E; border-color: #B9471E; }
.srilor-stories__list a:hover .srilor-stories__play::after { border-left-color: #FFFCF7; }

/* ---------- A place with no photo yet: the printed map postcard ---------- */
.has-srilor-map.wp-block-cover { background: #0F3D30 radial-gradient(circle at 60% 35%, rgba(32,176,142,.25), transparent 65%) !important; }
.srilor-cover-map { position: absolute; inset: 0; display: grid; place-items: start end; padding: 8% 6% 0 0; pointer-events: none; }
.srilor-cover-map .srilor-mini { width: 58%; height: auto; max-height: 72%; }
.has-srilor-map .wp-block-cover__background { opacity: .55 !important; }
.srilor-route-card { margin: 0; aspect-ratio: 16 / 9; background: #0F3D30 radial-gradient(circle at 55% 40%, rgba(32,176,142,.25), transparent 65%); display: grid; place-items: center; overflow: hidden; }
.srilor-route-card a { display: grid; place-items: center; width: 100%; height: 100%; }
.srilor-route-card .srilor-mini { width: auto; height: 86%; }
.srilor-mini__route { fill: none; stroke: #E8835A; stroke-width: 1.6; stroke-dasharray: 2.5 2.5; stroke-linecap: round; stroke-linejoin: round; }
.srilor-mini__stop { fill: #FFFCF7; }
/* Map postcards take their region's colour, so a page of them reads like a set, not a repeat. */
.has-srilor-map.is-region-cultural-triangle.wp-block-cover { background: #6E2A12 radial-gradient(circle at 60% 35%, rgba(232,131,90,.3), transparent 65%) !important; }
.has-srilor-map.is-region-south-coast.wp-block-cover { background: #0C6B54 radial-gradient(circle at 60% 35%, rgba(221,243,234,.18), transparent 65%) !important; }
.has-srilor-map.is-region-east-coast.wp-block-cover { background: #12584A radial-gradient(circle at 60% 35%, rgba(32,176,142,.3), transparent 65%) !important; }
.has-srilor-map.is-region-north-jaffna.wp-block-cover { background: #16201B radial-gradient(circle at 60% 35%, rgba(232,131,90,.18), transparent 65%) !important; }
.has-srilor-map.is-region-colombo-west-coast.wp-block-cover { background: #24332C radial-gradient(circle at 60% 35%, rgba(32,176,142,.22), transparent 65%) !important; }
.has-srilor-map.is-region-cultural-triangle .wp-block-cover__background, .has-srilor-map.is-region-north-jaffna .wp-block-cover__background { background: linear-gradient(180deg, transparent 35%, rgba(22,32,27,.85) 100%) !important; }
.srilor-term-faq { max-width: 52rem; margin-top: var(--wp--preset--spacing--60) !important; }
.srilor-term-faq h2 { margin-bottom: 1rem; }
.srilor-archive-answer.srilor-answer { max-width: 780px; }

/* "Plan it in the app": one quiet card per page, worded for the page. */
.srilor-nudge { position: relative; padding: 1.25rem 1.3rem 1.3rem; border-radius: 12px; background: var(--wp--preset--color--card, #FFFCF7); color: var(--wp--preset--color--ink, #16201B); border: 1px solid var(--wp--preset--color--line, #DED6C6); }
.srilor-nudge::before { content: ""; position: absolute; left: 1.3rem; right: 1.3rem; top: 0; height: 3px; border-radius: 0 0 3px 3px; background: var(--wp--preset--color--teal, #20B08E); }
.srilor-nudge p { margin: 0; }
.srilor-nudge__stamp { display: inline-block; font-size: .68rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--wp--preset--color--teal-deep, #0C6B54); }
.srilor-nudge__title { margin-top: .35rem !important; font-family: var(--wp--preset--font-family--board, inherit); font-size: 1.32rem; line-height: 1.15; font-weight: 700; letter-spacing: -.01em; }
.srilor-nudge__text { margin-top: .45rem !important; font-size: .92rem; line-height: 1.5; color: var(--wp--preset--color--ink-2, #5A635C); }
.srilor-nudge .srilor-badges { margin-top: .95rem; }
.srilor-badges--compact .srilor-badge { min-height: 42px; padding: .38rem .85rem .38rem .7rem; font-size: .95rem; border-radius: 9px; }
.srilor-badges--compact .srilor-badge svg { width: 20px; height: 20px; }
.srilor-badges--compact .srilor-badge small { font-size: .58rem; }
.wp-block-post-content > .srilor-nudge, .entry-content > .srilor-nudge, main > .srilor-nudge { margin-top: var(--wp--preset--spacing--50, 2.5rem); }

/* Route days from the app. */
.srilor-route-days { display: grid; gap: var(--wp--preset--spacing--40, 1.5rem); }
.srilor-day__stops { margin: .4rem 0 0; padding: 0; list-style: none; display: grid; gap: .35rem; }
.srilor-day__stops li { padding-left: 1.2rem; position: relative; }
.srilor-day__stops li::before { content: ""; position: absolute; left: 0; top: .62em; width: 7px; height: 7px; border-radius: 50%; border: 2px solid var(--wp--preset--color--teal, #20B08E); }
.srilor-day__stops li span { display: block; font-size: .9rem; color: var(--wp--preset--color--ink-2, #5A635C); }