/* rec-location-guide 0.1.0 (issue 1066): key figures strip and area guide on /locations/<slug>/.
   Builds on rec-core-lite.css (tokens --rec-*, .rec, .rec-label, .rec-fact, .rec-arrow-link); mobile first. */

/* Key figures under the header */
.rec.rec-location-stats { display: flex; flex-direction: column; gap: 12px; padding-top: 20px; border-top: 1px solid var(--rec-line); }
.rec .rec-location-stats__list { margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 20px; }
.rec .rec-location-stats__item { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.rec .rec-location-stats__item dt { margin: 0; line-height: 1.4; }
.rec .rec-location-stats__item dd { margin: 0; }
.rec .rec-location-stats__value { font-family: var(--rec-font-display); font-variation-settings: "opsz" 144; font-weight: 500; font-size: 26px; line-height: 1.1; letter-spacing: -.01em; color: var(--rec-deep-water); }
.rec .rec-location-stats__item--types { grid-column: 1 / -1; }
.rec .rec-location-stats__types { font: 600 15px/1.45 var(--rec-font-text); color: var(--rec-deep-water); }
.rec .rec-location-stats__note { margin: 0; font: 500 13px/1.5 var(--rec-font-text); color: var(--rec-ink-2); }
.rec .rec-location-stats__note .rec-fact { white-space: normal; }

@media (min-width: 901px) {
	.rec .rec-location-stats__list { display: flex; flex-wrap: wrap; gap: 0; }
	.rec .rec-location-stats__item { flex: 0 1 auto; padding: 0 28px; border-left: 1px solid var(--rec-dune); }
	.rec .rec-location-stats__item:first-child { padding-left: 0; border-left: 0; }
	.rec .rec-location-stats__item--types { flex: 1 1 220px; }
	.rec .rec-location-stats__value { font-size: 30px; }
}

/* Area guide (replaces the empty "Living in" text block of template 210) */
.rec.rec-location-guide { display: flex; flex-direction: column; gap: 32px; color: var(--rec-deep-water); }
.rec .rec-location-guide__text p { margin: 0 0 16px; font: 400 16px/1.65 var(--rec-font-text); color: var(--rec-ink-2); }
.rec .rec-location-guide__text p:last-child { margin-bottom: 0; }
.rec .rec-location-guide__h { margin: 0 0 14px; font-family: var(--rec-font-display); font-variation-settings: "opsz" 144; font-weight: 500; font-size: 22px; line-height: 1.2; letter-spacing: -.01em; color: var(--rec-deep-water); }

.rec .rec-location-guide__facts { margin: 0; padding: 16px 0 0; list-style: none; display: flex; flex-direction: column; gap: 10px; border-top: 1px solid var(--rec-dune); font: 500 14px/1.5 var(--rec-font-text); color: var(--rec-ink-2); }
.rec .rec-location-guide__facts .rec-fact { align-items: flex-start; white-space: normal; }
.rec .rec-location-guide__facts .rec-icon { margin-top: 2px; }

.rec .rec-location-faq { border-bottom: 1px solid var(--rec-dune); }
.rec .rec-location-faq:first-of-type { border-top: 1px solid var(--rec-dune); }
.rec .rec-location-faq__q { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 16px 0; cursor: pointer; list-style: none; font: 600 16px/1.4 var(--rec-font-text); color: var(--rec-deep-water); }
.rec .rec-location-faq__q::-webkit-details-marker { display: none; }
.rec .rec-location-faq__q .rec-icon { flex-shrink: 0; color: var(--rec-label); transition: transform .2s ease; }
.rec .rec-location-faq[open] .rec-location-faq__q .rec-icon { transform: rotate(180deg); }
.rec .rec-location-faq__q:focus-visible { outline: 2px solid var(--rec-lagoon); outline-offset: 2px; }
.rec .rec-location-faq__a p { margin: 0 0 16px; font: 400 15px/1.6 var(--rec-font-text); color: var(--rec-ink-2); }
.rec .rec-location-faq__a strong { font-weight: 700; color: var(--rec-deep-water); }

.rec .rec-location-guide__links, .rec .rec-location-nearby__list { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 8px; }
.rec .rec-location-guide__link, .rec .rec-location-nearby__link { display: inline-flex; align-items: baseline; gap: 8px; padding: 8px 14px; border: 1px solid var(--rec-line); border-radius: 999px; background: var(--rec-white); font: 600 14px/1.3 var(--rec-font-text); color: var(--rec-deep-water); }
.rec .rec-location-guide__link:hover, .rec .rec-location-nearby__link:hover { border-color: var(--rec-deep-water); color: var(--rec-deep-water); }
.rec .rec-location-guide__link .rec-icon { align-self: center; color: var(--rec-lagoon); }
.rec .rec-location-nearby__count { font-weight: 500; font-size: 13px; color: var(--rec-label); }
.rec .rec-location-nearby__more { margin: 14px 0 0; display: flex; flex-wrap: wrap; gap: 8px 24px; }
.rec .rec-location-nearby__more .rec-arrow-link { font-size: 14px; }