/* Austin Polka Band — Repertoire songbook (about.html + repertoire-*.html)
   Added 2026-07-17 · Wright Music. Standalone so styles.css stays untouched.
   Bierhall palette; pills match the .inst chip look, plus the red Chicken
   Dance joke pill. Loaded AFTER styles.css so its vars (--red etc.) resolve. */
#play{scroll-margin-top:82px;}
.rep-lead{max-width:680px;margin:0 auto 28px;text-align:center;font-size:19px;color:var(--ink);}
.rep-search{position:relative;max-width:440px;margin:0 auto 26px;}
.rep-search input{width:100%;font-family:'Lora',serif;font-size:17px;color:var(--ink);padding:13px 16px 13px 44px;border:2px solid #d8cdb0;border-radius:30px;background:var(--white);outline:none;}
.rep-search input:focus{border-color:var(--red);}
.rep-ico{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;fill:#b1a488;pointer-events:none;}
.rep-results{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:2px solid var(--gold);border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.14);overflow:hidden;z-index:15;display:none;text-align:left;}
.rep-results a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;text-decoration:none;color:var(--ink);font-size:16px;border-bottom:1px solid #f0e7cf;}
.rep-results a:last-child{border-bottom:0;}
.rep-results a:hover{background:#f7efd8;}
.rep-rc{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.5px;font-size:11px;color:var(--red);white-space:nowrap;}
.rep-none{padding:14px 16px;color:#8a7d63;font-style:italic;}
.pill-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:840px;margin:0 auto;}
.pill{font-family:'Oswald',sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:1px;font-size:15px;color:#fff;background:#262626;border:2px solid var(--gold);border-radius:30px;padding:11px 22px;text-decoration:none;display:inline-flex;align-items:center;gap:9px;transition:background .15s,border-color .15s,transform .15s;}
.pill:hover{background:var(--red);border-color:var(--red);transform:translateY(-1px);}
.pill .n{font-weight:700;color:var(--seal-gold);font-size:13px;}
.pill:hover .n{color:#fff;}
.pill-joke{background:var(--red);border-color:var(--red);}
.pill-joke:hover{background:#a50d25;border-color:#a50d25;}
.song-back{text-align:center;margin:0 0 4px;}
.song-back a{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:1px;font-size:13px;color:var(--red);text-decoration:none;}
.song-back a:hover{text-decoration:underline;}
.song-lead{max-width:620px;margin:0 auto 6px;text-align:center;color:#4a4638;font-size:18px;}
.song-count{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:1px;font-size:12px;color:#8a7d63;text-align:center;margin:6px 0 26px;}
.songcols{columns:3;column-gap:36px;max-width:900px;margin:0 auto;}
.song-row{break-inside:avoid;padding:9px 0 9px 20px;border-bottom:1px dotted #ddd0b6;font-size:16.5px;position:relative;scroll-margin-top:92px;}
.song-row:before{content:"\266A";position:absolute;left:0;top:9px;color:var(--gold);font-size:13px;}
.song-row:target{background:#fff4cf;border-radius:6px;padding-left:26px;padding-right:8px;}
.song-cta{text-align:center;margin-top:40px;}
.song-cta p{max-width:520px;margin:0 auto 16px;color:#4a4638;}
@media (max-width:760px){.songcols{columns:2;}}
@media (max-width:480px){.songcols{columns:1;}}