/* v3 typography, buttons and card surfaces come from main.css. */
.guide-directory-page { background: #fffaf7; }
.guide-directory { color: #333; padding-bottom: 64px; }
.guide-directory [hidden] { display: none !important; }
.guide-directory :focus-visible { outline: 3px solid #0953fb; outline-offset: 4px; }
.guide-directory__skip { position: fixed; top: 12px; left: 12px; z-index: 100; padding: 12px 20px; background: #fff; transform: translateY(-180%); }
.guide-directory__skip:focus { transform: none; }
.guide-directory__breadcrumb { margin: 16px 0 24px; font-size: 14px; }
.guide-directory__breadcrumb ol { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; }
.guide-directory__breadcrumb li + li::before { content: "›"; margin-right: 8px; color: #707070; }
.guide-directory__intro { border-radius: 24px; padding: clamp(24px, 5vw, 64px); }
.guide-directory__intro h1 { max-width: 950px; }
.guide-directory__eyebrow { font-family: "CentraNo1-Extrabold", sans-serif; font-size: 13px; letter-spacing: .04em; margin-bottom: 12px; }
.guide-directory__lead { max-width: 780px; font-size: 19px; margin: 24px 0; }
.guide-directory__collection { margin: 56px 0; scroll-margin-top: 110px; }
.guide-directory__search { max-width: 660px; margin: 24px 0 32px; }
.guide-directory__search label { display: block; margin-bottom: 8px; }
.guide-directory__search input { width: 100%; min-width: 0; min-height: 48px; border: 1px solid #707070; border-radius: 10px; background: #fff; color: #333; padding: 12px 16px; font: inherit; font-size: 16px; }
.guide-directory__count { margin: 8px 0 0; font-size: 14px; color: #555; }
.guide-directory__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; list-style: none; padding: 0; margin: 24px 0; }
.guide-directory__grid > li { min-width: 0; }
.guide-directory__card { height: 100%; border: 0; overflow: hidden; }
.guide-directory__image { display: block; width: 100%; height: auto; aspect-ratio: 1200 / 630; object-fit: cover; }
.guide-directory__card .card-body { display: flex; flex-direction: column; align-items: flex-start; padding: 24px; }
.guide-directory__card .card-text { flex: 1; }
.guide-directory__card .btn { white-space: normal; text-align: left; }
.guide-directory__offer .card-body { padding: clamp(24px, 4vw, 40px); }
.guide-directory__offer p { max-width: 780px; }
@media (max-width: 1023px) { .guide-directory__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 639px) {
  .guide-directory__grid { grid-template-columns: minmax(0, 1fr); }
  .guide-directory__intro h1 { font-size: 34px; line-height: 1.15; }
  .guide-directory__lead { font-size: 17px; }
  .guide-directory__offer .btn { white-space: normal; }
}