:root{color-scheme:dark;--orange:#fd5803;--link:#ff8c4b;--ink:#f5f3ef;--muted:#c7c2bd;--panel:#151515;--line:#353535}
*{box-sizing:border-box}html,body{background:#000;color:var(--ink)}body{margin:0;padding:0 20px;font-family:Arial,sans-serif;line-height:1.5}a{color:var(--link);text-underline-offset:3px}img{max-width:100%;height:auto}button,select{font:inherit}[hidden]{display:none!important}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #ffb47d;outline-offset:4px}h1{font-size:clamp(24px,4vw,40px);line-height:1.2}h2,h3,h4{color:var(--ink)}
.brand-header{max-width:1100px;margin:0 auto;text-align:center;padding-bottom:8px}.brand-header>img{display:block;width:100%;max-height:360px;object-fit:contain}.brand-header>p{max-width:850px;margin:18px auto;color:var(--muted)}
.dfw-social-follow{max-width:930px;margin:24px auto 28px;padding:22px 20px;background:var(--panel);border-top:2px solid var(--orange);border-bottom:1px solid var(--line);text-align:center}.dfw-social-follow h2{margin:0 0 7px;font-size:clamp(21px,3vw,27px);line-height:1.25}.dfw-social-follow p{margin:0 auto 16px;max-width:650px;font-size:15px;color:var(--muted)}.dfw-social-follow-links{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.dfw-social-follow-links a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 16px;border:1px solid var(--orange);background:#000;color:var(--link);font-size:14px;font-weight:700;text-decoration:none}.dfw-social-follow-links a:hover{background:var(--orange);color:#000}
#dfw-live-music{width:100%;max-width:1100px;margin:0 auto;padding:10px 0 25px}.dfw-calendar-controls{display:flex;gap:10px 20px;align-items:center;justify-content:center;flex-wrap:wrap;margin:0 0 10px}.dfw-city-controls{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.dfw-city-controls label{font-size:12px;font-weight:700;color:var(--ink);letter-spacing:1px}#dfw-city{max-width:100%;min-width:230px;background:#151515;color:var(--ink);border:2px solid var(--orange);border-radius:0;padding:12px;font-size:16px;cursor:pointer}#dfw-city-reset{background:transparent;color:var(--link);border:1px solid var(--orange);padding:12px;cursor:pointer;font-size:12px;font-weight:700}.dfw-controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.dfw-filter{background:transparent;color:var(--link);border:2px solid var(--orange);padding:12px 18px;font-size:12px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:background .2s,color .2s}.dfw-filter:hover,.dfw-filter.active{background:var(--orange);color:#000}#dfw-filter-result{text-align:center;color:var(--muted);margin:0 0 8px;font-size:13px}.dfw-status{text-align:center;margin-bottom:12px}.dfw-status h2{margin:0 0 5px;font-size:26px;letter-spacing:1px}#dfw-date{margin:0;color:var(--muted);font-size:15px}
.dfw-show{display:grid;grid-template-columns:100px minmax(0,1fr) auto;gap:20px;align-items:center;padding:20px 5px;border-bottom:1px solid var(--line)}.dfw-time{font-size:18px;font-weight:700;color:var(--link)}.dfw-band{line-height:1.3;margin:0 0 4px;font-size:21px;font-weight:700;overflow-wrap:anywhere}.dfw-venue{font-size:16px;margin-bottom:4px;overflow-wrap:anywhere}.dfw-meta{font-size:14px;color:var(--muted)}.dfw-details{display:inline-block;border:1px solid var(--orange);color:var(--link);padding:9px 15px;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.5px;white-space:nowrap;min-height:40px}.dfw-details:hover{background:var(--orange);color:#000}#dfw-empty{text-align:center;padding:35px 15px;border-block:1px solid var(--line)}#dfw-empty h3{margin:0 0 8px}#dfw-empty p{margin:0;color:var(--muted)}.dfw-day-header{width:100%;margin:30px 0 8px;padding:11px 16px;background:var(--orange);color:#000;font-size:16px;font-weight:700;letter-spacing:1px}.dfw-day-header:first-child{margin-top:5px}#dfw-freshness{text-align:center;font-size:13px;line-height:1.5;margin:24px 0 0;color:var(--muted)}#dfw-freshness[data-stale="true"]{padding:12px;border:1px solid var(--orange);background:#24150c;color:#ffd7ba}
.dfw-feature-card{max-width:930px;margin:0 auto 22px;border:2px solid var(--orange);background:var(--panel);padding:0 26px 26px}.dfw-feature-kicker{display:inline-block;background:var(--orange);color:#000;font-weight:800;letter-spacing:1.5px;padding:10px 16px;margin:0 0 22px;text-transform:uppercase}.dfw-feature-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:26px;align-items:center}.dfw-feature-image{width:220px;height:160px;object-fit:cover;border:2px solid var(--orange)}#dfw-feature-name{margin:0 0 10px;font-size:30px;line-height:1.2;letter-spacing:1px}.dfw-feature-copy p{margin:0 0 14px;color:#e8e8e8;line-height:1.5}.dfw-feature-show{font-weight:700}.dfw-feature-links{display:flex;gap:10px;flex-wrap:wrap}.dfw-feature-links a{display:inline-flex;align-items:center;min-height:42px;border:1px solid var(--orange);color:var(--link);text-decoration:none;padding:8px 12px;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.6px}.dfw-feature-links a:hover{background:var(--orange);color:#000}
.dfw-shs-spotlight{display:grid;grid-template-columns:160px minmax(0,1fr) auto;align-items:center;gap:18px;margin:0 0 18px;padding:16px;background:var(--panel);border:2px solid var(--orange)}.dfw-shs-spotlight-photo{display:block;line-height:0}.dfw-shs-spotlight-photo img{display:block;width:100%;height:auto}.dfw-shs-spotlight-kicker{color:var(--link);font-size:11px;font-weight:800;letter-spacing:.7px;margin:0 0 5px;line-height:1.35}.dfw-shs-spotlight h2{font-size:24px;line-height:1.15;margin:0 0 7px;letter-spacing:0}.dfw-shs-spotlight-copy>p:last-child{color:var(--muted);font-size:14px;line-height:1.45;margin:0}.dfw-shs-spotlight-actions{display:flex;flex-direction:column;gap:8px}.dfw-shs-spotlight-actions a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 13px;background:var(--orange);color:#000;text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap}.dfw-shs-spotlight-actions a:last-child{background:#252525;color:var(--ink);border:1px solid #555}.dfw-shs-spotlight-actions a:hover{background:#ff8c4b;color:#000}
.dfw-submit-wrap{max-width:1100px;text-align:center;margin:30px auto 20px;padding:25px 20px;border-top:2px solid var(--orange)}.dfw-submit-wrap h2{margin:0 0 16px;font-size:24px}.directory,.dfw-guide-links{display:none!important}
@media(max-width:700px){body{padding:0 16px}.dfw-show{grid-template-columns:1fr;gap:6px;padding:18px 3px}.dfw-time{font-size:15px}.dfw-band{font-size:20px}.dfw-details{margin-top:6px;width:fit-content}}
@media(max-width:650px){.dfw-social-follow{padding:20px 14px;margin:22px auto}.dfw-social-follow-links{gap:8px}.dfw-social-follow-links a{flex:1 1 220px;min-height:46px}.dfw-city-controls{width:100%;gap:8px}.dfw-city-controls label{width:auto;font-size:11px;flex:0 0 auto}#dfw-city{flex:1;min-width:0;width:0;padding:10px;font-size:16px}#dfw-city-reset:not([hidden]){flex:1 0 100%;padding:10px}.dfw-controls{width:100%;gap:7px}.dfw-filter{flex:1;min-width:0;padding:12px 5px;font-size:11px}.dfw-status h2{font-size:22px}.dfw-feature-grid{grid-template-columns:1fr}.dfw-feature-image{width:100%;height:210px}.dfw-feature-card{padding:0 18px 22px}#dfw-feature-name{font-size:25px}.dfw-feature-kicker{font-size:13px;padding:10px 12px;letter-spacing:1px}.dfw-shs-spotlight{grid-template-columns:85px minmax(0,1fr);gap:10px 12px;padding:12px}.dfw-shs-spotlight h2{font-size:19px;margin-bottom:5px}.dfw-shs-spotlight-kicker{font-size:9px;letter-spacing:.3px}.dfw-shs-spotlight-copy>p:last-child{font-size:12px;line-height:1.4}.dfw-shs-spotlight-actions{grid-column:1/-1;flex-direction:row}.dfw-shs-spotlight-actions a{flex:1;padding:8px;font-size:11px}}

.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Approved compact mobile layout: controls always precede promotional cards. */
.brand-header{padding-bottom:0}.brand-header>img{max-height:300px}
.dfw-top-controls{display:flex;flex-direction:column;gap:12px;margin:8px 0 24px;width:100%}.dfw-top-controls .dfw-controls{order:-1;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dfw-top-controls .dfw-filter{min-height:48px;padding:12px 6px;font-size:14px}.dfw-top-controls .dfw-city-controls{width:100%;display:flex;gap:10px}.dfw-top-controls #dfw-city{flex:1;width:auto;min-width:0}.dfw-top-controls .dfw-city-controls label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.dfw-feature-card{max-width:none;padding:0 20px 18px;margin-bottom:20px}.dfw-feature-grid{grid-template-columns:minmax(0,.46fr) minmax(0,.54fr);gap:22px;align-items:center}.dfw-feature-image{width:100%;height:auto;max-height:240px;object-fit:cover}.dfw-feature-copy{min-width:0}#dfw-feature-name{font-size:clamp(21px,3vw,30px);line-height:1.2}.dfw-feature-links{gap:7px}.dfw-feature-links a{min-height:42px;font-size:11px;padding:7px 10px}.dfw-feature-more{margin-top:14px;border-top:1px solid #353535;padding-top:12px;color:#c7c2bd}.dfw-feature-more summary{cursor:pointer;font-size:13px;color:#ff8c4b;min-height:32px}.dfw-feature-more p{font-size:14px;line-height:1.5;margin:10px 0 0}.dfw-feature-more[open]{padding-bottom:4px}
.dfw-shs-spotlight{margin-bottom:20px}.dfw-social-follow{max-width:none;margin:0 0 28px;border:2px solid #fd5803}.dfw-social-follow-links a{flex:1;min-width:0;padding:9px 8px;font-size:13px}.dfw-social-follow p{max-width:760px}
@media(max-width:650px){.brand-header>img{max-height:none;aspect-ratio:1000/333}.dfw-top-controls{margin:0 0 18px;gap:8px}.dfw-top-controls .dfw-controls{gap:7px}.dfw-top-controls .dfw-filter{font-size:11px;letter-spacing:.3px;min-height:46px;padding:10px 3px}.dfw-feature-card{padding:0 14px 14px}.dfw-feature-kicker{font-size:11px;padding:10px 9px;letter-spacing:.6px;margin-bottom:14px}.dfw-feature-grid{grid-template-columns:minmax(0,.46fr) minmax(0,.54fr);gap:14px}.dfw-feature-image{height:auto;max-height:170px}.dfw-feature-links a{font-size:10px;letter-spacing:0;padding:7px;min-height:40px}#dfw-feature-name{font-size:21px;margin-bottom:10px}.dfw-feature-more{margin-top:12px}.dfw-social-follow{padding:18px 12px}.dfw-social-follow h2{font-size:22px}.dfw-social-follow p{font-size:14px}.dfw-social-follow-links{gap:7px}.dfw-social-follow-links a{flex:1 1 0;min-width:0;font-size:12px;padding:9px 4px}.dfw-shs-spotlight{margin-bottom:18px}}

/* Approved results-first concept: filters and their results stay together. */
:root{--panel:#121212;--line:#2b2b2b}
body{font-family:Arial,Helvetica,sans-serif}
.brand-header,#dfw-live-music,.dfw-submit-wrap{max-width:960px}
.brand-header>img{max-height:220px;width:100%;object-fit:contain}
.dfw-top-controls{margin:0 0 18px;gap:10px}
.dfw-top-controls .dfw-controls{background:#151515;border:1px solid var(--line);border-radius:12px;padding:5px;gap:4px}
.dfw-top-controls .dfw-filter{border:0;border-radius:8px;min-height:48px;color:#d2ceca;letter-spacing:.2px;font-size:14px}
.dfw-top-controls .dfw-filter.active,.dfw-top-controls .dfw-filter:hover{color:#000;background:var(--orange)}
.dfw-top-controls #dfw-city{border:1px solid var(--line);border-radius:9px;min-height:48px;background:#101010;padding:10px 14px}
#dfw-city-reset{border-radius:8px;min-height:44px}
#dfw-filter-result{text-align:left;color:var(--link);font-size:13px;font-weight:700;margin:0 0 6px}
.dfw-status{text-align:left;margin:0 0 14px}.dfw-status h2{font-size:clamp(24px,4vw,32px);line-height:1.2;letter-spacing:-.6px;margin:0 0 6px}#dfw-date{font-size:13px;color:#b4afaa}
#dfw-show-list{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#111}
.dfw-show{grid-template-columns:90px minmax(0,1fr) auto;gap:18px;padding:20px 18px;margin:0}.dfw-show:last-child{border-bottom:0}
.dfw-time{font-size:19px;line-height:1.4}.dfw-band{font-size:20px;line-height:1.3}.dfw-venue{font-size:14px;color:#d4d0cb}.dfw-meta{font-size:13px;color:#b3aea9}
.dfw-details{border:1px solid #64412e;border-radius:7px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px;font-size:11px;white-space:normal}
.dfw-day-header{margin:0;padding:12px 18px;background:#21180f;color:#ffac7c;border-bottom:1px solid #49301f;font-size:13px;letter-spacing:.4px}.dfw-day-header:first-child{margin:0}
#dfw-freshness{font-size:12px;text-align:left;margin:12px 0 24px}#dfw-freshness[data-stale="true"]{border-radius:8px}
.dfw-feature-card{border:1px solid #3e332b;border-radius:14px;padding:16px;background:#121212;margin:0 0 18px}.dfw-feature-kicker{background:none;color:var(--link);font-size:11px;padding:0;margin:0 0 14px;letter-spacing:1.1px}.dfw-feature-grid{grid-template-columns:36% minmax(0,1fr);gap:18px}.dfw-feature-image{border:0;border-radius:9px;max-height:160px;object-fit:contain}#dfw-feature-name{font-size:24px;letter-spacing:-.3px}.dfw-feature-links a{border-color:#513828;border-radius:7px;min-height:44px}.dfw-feature-more summary{min-height:44px;display:flex;align-items:center}.dfw-feature-more{margin-top:10px;padding-top:4px}
.dfw-shs-spotlight{border:1px solid #a74d20;border-radius:14px;padding:18px;background:#17110d}.dfw-shs-spotlight-actions a{border-radius:7px}.dfw-shs-spotlight-photo img{border-radius:7px}
.dfw-social-follow{border:1px solid var(--line);border-radius:14px;background:#101010;padding:22px 18px}.dfw-social-follow-links a{border-color:#57402e;border-radius:8px;min-height:46px}.dfw-social-follow h2{letter-spacing:-.4px}
@media(max-width:650px){body{padding:0 16px}.brand-header>img{height:auto;max-height:155px;aspect-ratio:1000/333}.dfw-top-controls{margin-bottom:16px}.dfw-top-controls .dfw-filter{font-size:11px;min-height:46px;letter-spacing:0;padding:10px 2px}.dfw-show{grid-template-columns:65px minmax(0,1fr);gap:7px 12px;padding:16px 13px;align-items:start}.dfw-time{font-size:16px;padding-top:2px}.dfw-band{font-size:18px}.dfw-venue{font-size:13px}.dfw-meta{font-size:12px}.dfw-show>div:last-child{grid-column:2}.dfw-details{margin-top:2px;min-height:44px;font-size:10px;padding:8px 12px}.dfw-feature-card{padding:14px}.dfw-feature-grid{grid-template-columns:38% minmax(0,1fr);gap:14px}#dfw-feature-name{font-size:21px}.dfw-feature-links a{font-size:10px;padding:7px}.dfw-shs-spotlight{padding:14px}.dfw-social-follow-links a{font-size:11px}.dfw-status h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.dfw-filter{transition:none}}