.wlf { --wlf-accent: #b51f2a; --wlf-border: #dfe1e3; color: #24282b; margin: 2rem 0; }
.wlf *, .wlf *::before, .wlf *::after { box-sizing: border-box; }
.wlf .wlf__header { margin-bottom: 1.5rem; }
.wlf .wlf__header h2 { margin-bottom: .5rem; }
.wlf .wlf__locations { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr)); gap: 1.25rem; }
.wlf .wlf__card { border: 1px solid var(--wlf-border); border-top: 4px solid var(--wlf-accent); background: #fff; padding: 1.5rem; border-radius: 3px; overflow-wrap: anywhere; }
.wlf .wlf__card h3 { margin: 0 0 .75rem; font-size: 1.35rem; }
.wlf .wlf__card h4 { margin: 1rem 0 .5rem; font-size: 1rem; }
.wlf .wlf__card p { margin: 0 0 .75rem; }
.wlf .wlf__card a { color: #941b24; text-decoration: underline; text-underline-offset: .15em; }
.wlf .wlf__card a:focus-visible { outline: 3px solid #24282b; outline-offset: 4px; }
.wlf .wlf__metro { color: #5b6065; }
.wlf .wlf__features { padding-left: 1.25rem; margin: 1rem 0; }
.wlf .wlf__links { display: flex; flex-wrap: wrap; gap: .75rem 1.25rem; margin-top: 1rem; }
.wlf [hidden] { display: none !important; }
/* Interactive finder, 0.2.0. All rules stay within the shortcode. */
.wlf .wlf__header { border-bottom: 1px solid var(--wlf-border); padding-bottom: 1.2rem; }
.wlf .wlf__filters { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 1rem; }
.wlf .wlf__filters > label { display: grid; gap: .4rem; font-size: .88rem; font-weight: 700; flex: 1 1 180px; }
.wlf .wlf__filters > label:first-child { flex: 2 1 260px; }
.wlf .wlf__filters input[type=search], .wlf .wlf__filters select { height: 46px; width: 100%; padding: .65rem .8rem; border: 1px solid #94999e; border-radius: 2px; background: white; color: #24282b; font: inherit; }
.wlf button:not(.wlf__pin), .wlf summary { cursor: pointer; font-family: inherit; }
.wlf .wlf__reset, .wlf .wlf__views button, .wlf .wlf__fit, .wlf .wlf__filter-details summary { min-height: 44px; padding: .65rem 1rem; border: 1px solid #94999e; color: #24282b; background: #fff; border-radius: 2px; font-size: .9rem; }
.wlf .wlf__filter-details { position: relative; }
.wlf .wlf__filter-details fieldset { position: absolute; z-index: 5; top: 100%; right: 0; width: 270px; padding: 1rem; margin: .3rem 0; border: 1px solid var(--wlf-border); background: #fff; box-shadow: 0 5px 20px #0002; }
.wlf .wlf__filter-details legend { padding: 0; font-size: .8rem; background: #fff; }
.wlf .wlf__filter-details label { display: flex; gap: .5rem; align-items: center; min-height: 38px; font-size: .9rem; }
.wlf .wlf__filter-details input { accent-color: var(--wlf-accent); }
.wlf .wlf__toolbar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin: 1.25rem 0; }
.wlf .wlf__count { margin: 0; color: #555b60; font-size: .95rem; }
.wlf .wlf__views { display: flex; gap: .25rem; }
.wlf .wlf__views button[aria-pressed=true] { background: #24282b; color: #fff; border-color: #24282b; }
.wlf button:disabled { opacity: .5; cursor: default; }
.wlf input:focus-visible, .wlf select:focus-visible, .wlf button:focus-visible, .wlf summary:focus-visible { outline: 3px solid #126ca1; outline-offset: 3px; }
.wlf .wlf__map-status { padding: .8rem 1rem; background: #f3f3f2; border-left: 3px solid var(--wlf-accent); }
.wlf .wlf__layout { position: relative; }
.wlf[data-view=map] .wlf__layout { display: grid; grid-template-columns: minmax(290px, .85fr) minmax(0, 1.65fr); gap: 1rem; }
.wlf[data-view=map] .wlf__locations { display: flex; flex-direction: column; grid-column: 1; grid-row: 1; max-height: 680px; overflow-y: auto; overscroll-behavior: contain; padding: 3px; }
.wlf[data-view=map] .wlf__card { flex-shrink: 0; }
.wlf .wlf__map-panel { grid-column: 2; grid-row: 1; min-width: 0; position: relative; }
.wlf .wlf__map { width: 100%; height: 680px; background: #eeefed; border: 1px solid var(--wlf-border); }
.wlf .wlf__map img { max-width: none; }
.wlf .wlf__fit { position: absolute; top: 12px; left: 12px; box-shadow: 0 2px 6px #0002; max-width: calc(100% - 80px); }
.wlf .wlf__card { position: relative; border-top-width: 1px; padding-top: 1.3rem; }
.wlf .wlf__card h3 { padding-right: 2rem; }
.wlf .wlf__number { position: absolute; top: 1rem; right: 1rem; display: grid; place-items: center; min-width: 28px; height: 28px; background: #24282b; color: #fff; border-radius: 50%; font-size: .8rem; font-weight: bold; }
.wlf .wlf__card.is-selected { border-color: var(--wlf-accent); box-shadow: inset 4px 0 var(--wlf-accent); }
.wlf .wlf__card.is-selected .wlf__number { background: var(--wlf-accent); }
.wlf .wlf__show-map { padding: 0; border: 0; background: transparent; color: #941b24; text-decoration: underline; font-size: inherit; }
.wlf .wlf__pin { position: absolute; transform: translate(-50%, -100%); width: 38px; height: 42px; padding: 0; border: 2px solid white; border-radius: 50% 50% 50% 5px; background: #24282b; color: white; box-shadow: 0 2px 5px #0005; font: bold 14px Arial,sans-serif; cursor: pointer; z-index: 1; }
.wlf .wlf__pin:hover, .wlf .wlf__pin.is-selected, .wlf .wlf__pin:focus-visible { background: var(--wlf-accent); z-index: 2; }
.wlf .wlf__info { padding: .2rem; max-width: 240px; color: #24282b; font: 14px/1.5 Arial,sans-serif; }
.wlf .wlf__info strong { font-size: 16px; }
.wlf .wlf__info a { color: #941b24; text-decoration: underline; }
.wlf .wlf__empty { padding: 1.5rem; background: #f3f3f2; grid-column: 1; grid-row: 1; align-self: start; }
.wlf .wlf__sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 760px) {
    .wlf[data-view=map] .wlf__layout { display: flex; flex-direction: column; }
    .wlf .wlf__map { height: 390px; height: min(52svh, 440px); min-height: 300px; }
    .wlf[data-view=map] .wlf__locations { max-height: none; overflow: visible; }
    .wlf .wlf__filter-details fieldset { left: 0; right: auto; }
    .wlf .wlf__filters { gap: .75rem; }
    .wlf .wlf__toolbar { align-items: flex-start; }
}
.wlf .wlf__search-submit { min-height: 46px; padding: .65rem 1.2rem; border: 1px solid var(--wlf-accent); border-radius: 2px; background: var(--wlf-accent); color: #fff; font-weight: 700; }
.wlf .wlf__search-status { padding: .8rem 1rem; background: #f3f3f2; border-left: 3px solid var(--wlf-accent); }
.wlf .wlf__distance { margin-top: 1rem; color: #555b60; font-size: .9rem; font-weight: 700; }
/* Responsory design pass: map and list comps. */
.wlf { --wlf-accent:#c8102e; --wlf-card-bg:#ebebec; --wlf-border:#96979b; background:#ebebec; color:#41434b; padding:32px; margin:0; }
.wlf .wlf__header { border:0; padding:0; margin:0 0 22px; }
.wlf .wlf__header h2 { color:#41434b; text-transform:uppercase; font-size:clamp(26px,3vw,38px); font-weight:800; line-height:1.15; margin:0; }
.wlf .wlf__header::after { content:''; display:block; width:165px; height:4px; background:var(--wlf-accent); margin-top:16px; }
.wlf .wlf__controls { display:flex; flex-direction:column; }
.wlf .wlf__toolbar { order:-1; margin:0 0 22px; flex-direction:row-reverse; }
.wlf .wlf__views button { padding:8px 20px 8px 0; background:transparent; border:0; font-weight:800; text-transform:uppercase; }
.wlf .wlf__views button[aria-pressed=true] { background:transparent; color:var(--wlf-accent); }
.wlf .wlf__count { font-size:13px; }
.wlf .wlf__filters { margin-bottom:18px; }
.wlf .wlf__filters input[type=search] { background:transparent; border:0; border-bottom:2px solid #41434b; border-radius:0; font-weight:400; }
.wlf .wlf__filters > label { font-size:12px; }
.wlf .wlf__filter-details summary { text-transform:uppercase; font-weight:700; background:transparent; border:0; }
.wlf[data-view=map] .wlf__layout { grid-template-columns:minmax(270px, .8fr) minmax(0,1.8fr); }
.wlf[data-view=map] .wlf__results { grid-column:1; grid-row:1; min-width:0; }
.wlf[data-view=map] .wlf__locations { gap:5px; max-height:680px; padding:0 12px 0 0; scrollbar-color:#a5a5a8 #fff; scrollbar-width:thin; }
.wlf .wlf__card { background:var(--wlf-card-bg); border:1px solid #65666b; border-radius:0; padding:16px; box-shadow:none; }
.wlf .wlf__card h3 { font-size:19px; line-height:1.15; margin:0 0 10px; }
.wlf .wlf__card h3 a { color:var(--wlf-accent); text-decoration:none; }
.wlf[data-view=map] .wlf__card h3 { text-transform:uppercase; }
.wlf .wlf__card p, .wlf .wlf__hours { font-size:14px; line-height:1.35; margin-bottom:8px; }
.wlf .wlf__hours p { margin-bottom:4px; }
.wlf .wlf__card a, .wlf .wlf__show-map { color:var(--wlf-accent); }
.wlf .wlf__card.is-selected { --wlf-card-bg:#c8102e; background:var(--wlf-accent); color:#fff; box-shadow:none; border-color:var(--wlf-accent); }
.wlf .wlf__card.is-selected a, .wlf .wlf__card.is-selected button, .wlf .wlf__card.is-selected .wlf__metro, .wlf .wlf__card.is-selected .wlf__distance { color:#fff; }
.wlf .wlf__number { width:22px; height:22px; min-width:22px; right:10px; top:12px; font-size:11px; background:#41434b; }
.wlf .wlf__card.is-selected .wlf__number { background:#fff; color:var(--wlf-accent); }
.wlf .wlf__links { gap:8px; margin-top:12px; }
.wlf .wlf__links .wlf__show-map, .wlf .wlf__links a:last-child { border:2px solid currentColor; text-transform:uppercase; padding:5px 10px; text-decoration:none; font-size:12px; font-weight:700; }
.wlf .wlf__features { display:flex; flex-wrap:wrap; list-style:none; gap:10px; padding:0; margin:12px 0; }
.wlf .wlf__features li { display:flex; align-items:center; gap:8px; }
.wlf .wlf__feature-icon { display:inline-flex; }
.wlf[data-view=map] .wlf__feature-label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.wlf .wlf__photo { display:none; }
.wlf .wlf__state-nav { background:#fff; border:1px solid #96979b; padding:18px; align-self:start; }
.wlf .wlf__state-nav h3 { color:var(--wlf-accent); text-transform:uppercase; font-size:18px; margin:0 0 12px; }
.wlf .wlf__state-buttons { display:flex; flex-direction:column; gap:3px; }
.wlf .wlf__state-buttons button { text-align:left; border:0; background:none; padding:7px 0; color:#41434b; font-size:14px; text-transform:uppercase; font-weight:700; }
.wlf .wlf__state-buttons button[aria-pressed=true] { color:var(--wlf-accent); }
.wlf[data-view=list] .wlf__layout { display:grid; grid-template-columns:220px minmax(0,1fr); gap:28px; }
.wlf[data-view=list] .wlf__results { min-width:0; }
.wlf .wlf__results-title { text-transform:uppercase; font-size:28px; line-height:1.2; margin:0 0 24px; color:#41434b; }
.wlf .wlf__results-title::after { content:''; display:block; background:var(--wlf-accent); width:165px; height:4px; margin-top:12px; }
.wlf[data-view=list] .wlf__locations { display:flex; flex-direction:column; gap:0; }
.wlf[data-view=list] .wlf__card { display:grid; grid-template-columns:minmax(170px,.9fr) minmax(0,1.3fr); gap:26px; border:0; border-bottom:2px solid #65666b; padding:24px 0; }
.wlf[data-view=list] .wlf__card:first-child { padding-top:0; }
.wlf[data-view=list] .wlf__photo { display:block; }
.wlf .wlf__photo img { width:100%; height:190px; object-fit:cover; display:block; }
.wlf .wlf__photo-placeholder { display:grid; place-items:center; height:190px; background:#d6d6d8; font-size:26px; color:#41434b; font-weight:800; }
.wlf .wlf__explore { display:block; background:var(--wlf-accent); color:#fff!important; text-transform:uppercase; text-decoration:none!important; text-align:center; padding:10px 8px; font-weight:700; font-size:12px; margin-top:8px; }
.wlf[data-view=list] .wlf__features { display:flex; flex-direction:column; color:var(--wlf-accent); font-size:13px; gap:6px; }
.wlf[data-view=list] .wlf__feature-label { color:#41434b; }
.wlf[data-view=list] .wlf__number { display:none; }
.wlf[data-view=list] .wlf__card h3 { font-size:25px; }
.wlf .wlf__disclaimer { font-size:14px; font-weight:600; text-align:center; margin:18px 0 0; }
.wlf .wlf__info { min-width:230px; max-width:290px; padding:8px; }
.wlf .wlf__info strong { display:block; text-transform:uppercase; color:var(--wlf-accent); font-size:18px; }
.wlf .wlf__info > a { display:block; margin:8px 0; }
.wlf .wlf__pin { width:29px; height:34px; font-size:11px; background:#41434b; }
@media(max-width:950px) {
 .wlf { padding:24px; }
 .wlf[data-view=list] .wlf__layout { grid-template-columns:170px minmax(0,1fr); gap:20px; }
 .wlf[data-view=list] .wlf__card { grid-template-columns:1fr; gap:16px; }
}
@media(max-width:760px) {
 .wlf { padding:20px 14px; }
 .wlf[data-view=map] .wlf__layout, .wlf[data-view=list] .wlf__layout { display:flex; flex-direction:column; }
 .wlf[data-view=map] .wlf__locations { max-height:520px; overflow:auto; padding-right:8px; }
 .wlf .wlf__state-nav { width:100%; }
 .wlf .wlf__state-buttons { flex-direction:row; flex-wrap:wrap; gap:4px 16px; }
 .wlf .wlf__toolbar { flex-wrap:wrap; justify-content:flex-end; }
 .wlf .wlf__map-panel { width:100%; }
 .wlf .wlf__results { width:100%; }
 .wlf .wlf__photo img { height:220px; }
}