/* Mic Night songbook pages (generated by karaoke-night/tools/build-seo-pages.py). */
:root{--bg:#0f1115;--bg-deep:#0a0c10;--surface:rgba(255,255,255,.06);--surface2:rgba(255,255,255,.11);--border:rgba(255,255,255,.12);--accent:#ff4f9a;--accent2:#ff5d73}
body{background:linear-gradient(160deg,var(--bg-deep) 0%,var(--bg) 60%,#1a0f1c 100%);background-attachment:fixed}
.songs-page{max-width:900px;margin:0 auto;padding:2rem 16px 3rem}
.crumbs{font-size:.8rem;color:var(--muted);margin-bottom:1rem}
.crumbs a{color:var(--muted)}
.songs-page h1{font-size:clamp(1.9rem,5vw,2.8rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin-bottom:.4rem}
.songs-page h2{font-size:clamp(1.3rem,3vw,1.7rem);font-weight:800;letter-spacing:-.02em;margin:2.4rem 0 .5rem}
.count{color:var(--accent);font-weight:700;margin-bottom:1.2rem}
.intro p,.prose p{color:rgba(255,255,255,.82);line-height:1.75;margin-bottom:1rem;max-width:68ch}
.sub{color:var(--muted);font-size:.92rem;margin-bottom:.9rem}
.cta{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.2rem;margin:1.5rem 0}
.store-btn{display:inline-block;background:var(--accent);color:#fff;font-weight:700;font-size:.95rem;padding:.75rem 1.7rem;border-radius:50px;text-decoration:none}
.store-btn:hover{opacity:.88;text-decoration:none}
.web-link{color:var(--accent);font-weight:600;font-size:.92rem}
.top-list{columns:2 280px;column-gap:2rem;padding-left:1.4rem;margin-top:.6rem}
.top-list li{break-inside:avoid;padding:.22rem 0;line-height:1.4}
.top-list span{color:var(--muted);font-size:.88rem;display:block}
.tbl{overflow-x:auto;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
.tbl table{width:100%;border-collapse:collapse;font-size:.9rem}
.tbl th{position:sticky;top:0;background:#1a1b22;text-align:left;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:.6rem .8rem}
.tbl td{padding:.45rem .8rem;border-top:1px solid rgba(255,255,255,.06);vertical-align:top}
.tbl td:nth-child(2){color:rgba(255,255,255,.72)}
.tbl td:nth-child(3){color:var(--muted);white-space:nowrap;width:4.5rem}
.faq details{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:.8rem 1rem;margin-bottom:.6rem}
.faq summary{cursor:pointer;font-weight:700}
.faq details p{color:rgba(255,255,255,.8);line-height:1.7;margin-top:.6rem}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}
.chip{font-size:.85rem;padding:.4rem .85rem;border-radius:30px;background:var(--surface);border:1px solid var(--border);color:rgba(255,255,255,.85)}
.chip:hover{border-color:var(--accent);text-decoration:none}
.hub-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.6rem;margin-top:1rem;padding:0}
.hub-list li{border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:.85rem 1rem;line-height:1.5}
.hub-list a{font-weight:700}
.hub-list .n{color:var(--muted);font-size:.85rem;margin-left:.3rem}
.hub-list .lang{display:inline-block;font-weight:500;font-size:.82rem;margin-right:.5rem;color:var(--accent)}
footer .yt{margin-top:10px;font-size:13px;opacity:.8}
footer .footer-links a{margin:0 .5rem}
@media (max-width:600px){.songs-page{padding-top:1.2rem}.tbl table{font-size:.84rem}.tbl td,.tbl th{padding:.4rem .55rem}}
.langs{max-width:900px;margin:0 auto;padding:.8rem 16px 0;display:flex;flex-wrap:wrap;gap:.35rem .9rem;font-size:.85rem}
.langs a{color:var(--muted)}
.langs a.on{color:var(--accent);font-weight:700}