:root{--paper:#e4e4e4;--ink:#111;--red:#0000cc;--line:#929292;--muted:#444}
body{background:#0808be url('patterns/scales_other_blue.jpg') repeat;font:14px Arial,Helvetica,sans-serif;padding:34px 18px;color:#111}
a{color:#0000cc;text-decoration:underline}a:visited{color:#610c99}a:hover{color:#c00069}
.siteframe{max-width:1340px;margin:auto;border:3px ridge #ddd;background:#ddd;box-shadow:6px 6px #0008}
header{display:block;max-width:none;padding:0;border:0;background:#302086 url('patterns/amoeba_other_blue.jpg') repeat}
.masthead{display:block;text-align:center;padding:24px 12px 20px;text-decoration:none!important;color:white!important}
.wordmark{display:inline-block;font:italic 900 clamp(40px,7.5vw,96px)/1 'Arial Black',Arial,sans-serif;letter-spacing:-5px;transform:skew(-7deg);color:#e8e8e8;text-shadow:1px 1px #aaa,2px 2px #888,3px 3px #666,4px 4px #444,5px 5px #222,7px 7px black,9px 9px black}
.maststar{color:#ffff34;font-size:36px;text-shadow:2px 2px black;margin:0 20px}.masthead small{display:block;margin-top:16px;font:bold 17px 'Courier New',monospace;color:#fff;text-shadow:2px 2px #000}
header nav{margin:0;display:flex;justify-content:center;gap:18px;padding:10px 8%;border:2px groove #eee;background:#c4c4c4}
button,.button,header nav a{border:3px outset #eee;border-radius:0;background:linear-gradient(#eee,#bbb);padding:7px 13px;font:bold 14px Arial,sans-serif;color:#0000cc;text-decoration:underline}
header nav a{flex:1;text-align:center;font-size:19px;padding:6px}header nav a.active,button:active,.button:active{border:3px inset #ddd;background:#d8d8ef;color:#0000aa}
.sitebody{display:grid;grid-template-columns:190px minmax(0,1fr)}.leftnav{background:#08009d url('patterns/deepblue_marble_blue.jpg') repeat;color:white;padding:18px 15px;border-right:3px ridge #ddd;font: bold 14px 'Courier New',monospace}
.leftnav h2{font:bold 15px 'Courier New',monospace;margin:3px 0 12px;color:white}.leftnav a,.leftnav a:visited{color:#ffff40}.leftnav section{padding:0 0 18px;margin:0 0 18px;border-bottom:1px solid #ddd}.leftnav .sidelinks a{display:block;margin:11px 0;font:bold 16px Arial,sans-serif}.leftnav .sidelinks span{color:yellow}
#side-years{display:grid;grid-template-columns:1fr 1fr;gap:9px;font: bold 15px Arial,sans-serif}#side-search-form{display:flex;gap:5px;align-items:flex-start}.leftnav input{width:100%;padding:6px;min-width:0;background:white;color:black;border:2px inset #ddd}.leftnav .searchpicker{min-width:0;width:100%}.leftnav button{padding:4px;font: bold 13px 'Courier New',monospace;color:#111}.leftnav .searchoptions{width:330px;max-width:75vw;top:30px;background:white;color:#111}.leftnav .searchoptions button{padding:9px;border:1px solid #999;background:#eee;font:12px Arial,sans-serif}.leftnav .searchselection{display:none}.fanbadge{border:4px ridge #eee;background:#080808;color:white;text-align:center;padding:9px 3px;font:bold 12px 'Courier New',monospace;line-height:1.5}.fanbadge span{color:#ffff00;font-size:23px;vertical-align:middle}.leftnav .random{margin:0 0 18px;width:100%;font-size:12px}
main{max-width:none;width:100%;min-width:0;padding:0 24px 24px;background:#e5e5e5;min-height:65vh;overflow-wrap:anywhere}
h1,h2,h3,.pagehead h1,.albumhero h1,.songhero h1,.hero h1{font-family:Arial,Helvetica,sans-serif;letter-spacing:0;color:#080808;font-style:normal}
h2{font-size:21px;font-weight:bold}h3{font-size:17px;font-weight:bold}.pagehead{padding:24px 0 18px}.pagehead h1,.songhero h1,.albumhero h1{font-size:32px;font-weight:800;line-height:1.15;margin:12px 0}.pagehead p{margin:8px 0;font:14px 'Courier New',monospace;color:#111}.eyebrow{font:bold 12px 'Courier New',monospace;color:#25255c;letter-spacing:0;text-transform:none}.breadcrumb{font:12px Arial,sans-serif}
.hero{display:block;padding:22px 0;max-width:none}.hero h1{font-size:32px;line-height:1.15;margin:10px 0}.hero p{font-size:14px;color:#222;line-height:1.5}.hero .side{max-width:none}.section{margin:25px 0}.sectionhead{margin-bottom:12px;gap:12px}.twocol{gap:24px}.note{background:#d2d2ef;border:2px ridge #eee;padding:18px}.note p{color:#222;line-height:1.5}.statstrip{padding:12px 0;gap:12px}.statstrip strong{font:bold 25px Arial,sans-serif}.statstrip span{font-size:12px;color:#333}
.cards{gap:12px}.showcard{padding:14px;background:#ededed;border:2px outset #eee;min-height:160px}.showcard h3{font-size:17px}.showcard p{color:#333;line-height:1.4;margin-bottom:14px}.showcard:hover{background:#ddddef}.cardfoot{gap:10px}.showcard .date{color:#333;letter-spacing:0;font:12px 'Courier New',monospace}.smalllink{font-size:12px}.yearlinks{gap:7px}.yearlinks a{padding:6px;background:#ccc;border:2px outset #eee}
.filters{gap:8px}input,select{padding:8px;background:white;color:#111;border:2px inset #ddd;min-width:125px}.searchpicker{min-width:180px}.searchoptions{top:37px;background:#eee}.searchoptions button{background:#eee;text-decoration:none;font-weight:normal}.searchoptions button:hover{background:#d4d4fa}.songfinder{padding:15px;border:2px groove #eee;background:#dadada}.songfinder h2{font-size:18px}.songfinder p{font-size:13px}
table{background:#ededed;border:1px solid #888}th{font:bold 12px Arial,sans-serif;text-transform:none;letter-spacing:0;background:#ccc;color:#111;border:1px solid #888;padding:8px}td{border:1px solid #999;padding:10px 8px;font-size:13px}td:first-child,th:first-child{padding-left:8px}td a{font-weight:normal}td small{color:#444;font-size:11px}.twocol .tablewrap td{font-size:12px}.columnsort{padding:0 3px;font-size:14px;border:0;background:transparent}.tabletools{padding:10px 0}.tabletools button{padding:5px 8px}.setlistsection{margin-bottom:12px}.setdivider th{padding:12px 8px 8px;background:#d0d0e9;color:#111}.encoresection td{background:#e4e4ef}.milestone-legend{font-size:11px}
.detailgrid{grid-template-columns:minmax(0,1fr) 205px;gap:18px}.sidebar{border:2px ridge #eee;padding:12px;background:#d0cfee}.sidebar .eyebrow{font:bold 14px 'Courier New',monospace}.sidebar dt{font:bold 11px 'Courier New',monospace;color:#333;margin:15px 0 4px;letter-spacing:0}.sidebar dd{font:12px Arial,sans-serif;line-height:1.5;overflow-wrap:anywhere}.photocorner{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #888}.photocorner h2{font:bold 14px 'Courier New',monospace;text-align:center;margin:0 0 12px}.photoempty{border:2px inset #eee;background:#e7e7f5;padding:25px 10px;text-align:center;font:12px 'Courier New',monospace;color:#333}.photocorner figure{margin:0 0 15px}.photocorner img{width:100%;display:block;border:3px ridge #ddd}.photocorner figcaption{font:11px 'Courier New',monospace;text-align:center;margin-top:6px}.pagination{padding:18px 0;font:13px Arial,sans-serif}
.songhero,.albumhero{padding:25px 0;gap:25px}.songhero.withart{grid-template-columns:160px minmax(0,1fr)}.albumhero{grid-template-columns:210px minmax(0,1fr)}.albumgrid{gap:24px 18px;margin:15px 0 30px}.albumcard h2{font-size:20px}.albumcard img,.albumcover,.songart img{border:3px ridge #eee;box-shadow:none}.albumcardmeta{margin:12px 0 8px}.albumhero p{color:#333}.songcredits{font:13px Arial,sans-serif}.lyricssection summary{font:bold 20px Arial,sans-serif}.lyricssection summary span{font:12px Arial,sans-serif}.bar{font-family:Arial,sans-serif}.bar i{background:#2929bb}.timeline{font:bold 45px 'Courier New',monospace}
.homealbums{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:15px 0}.homealbums img{width:100%;border:3px ridge #eee}.homealbums a{font-size:11px;text-align:center}.homealbums span{display:block;margin-top:5px}.homewelcome{border-bottom:2px groove #eee;padding:22px 0 18px}.homewelcome h1{font:bold 30px Arial,sans-serif;margin:0 0 10px}.homewelcome p{font:14px 'Courier New',monospace;line-height:1.5}.homewelcome .star{color:#ac7900;text-shadow:1px 1px black}
footer{max-width:none;margin:0;padding:12px 18px;background:#ceceef;border-top:2px ridge #eee;gap:20px;font:12px 'Courier New',monospace}footer p{font:12px 'Courier New',monospace;color:#222;margin:0}.footerbrand{font-weight:bold;white-space:nowrap}.skiplink{position:absolute;left:15px;top:-100px;background:white;padding:10px;z-index:50}.skiplink:focus{top:8px}:focus-visible{outline:3px solid #e0008c;outline-offset:3px}
@media(max-width:1100px){body{padding:18px 10px}.sitebody{grid-template-columns:160px minmax(0,1fr)}.leftnav{padding:14px 10px}main{padding:0 16px 20px}.detailgrid{grid-template-columns:minmax(0,1fr) 170px;gap:12px}.cards{grid-template-columns:1fr}.homealbums{grid-template-columns:repeat(3,minmax(0,1fr))}.twocol{grid-template-columns:1fr}.wordmark{font-size:72px}.maststar{font-size:26px;margin:0 10px}}
@media(max-width:800px){header{padding:0}header nav{gap:7px;padding:8px;flex-wrap:nowrap;width:auto}header nav a{font-size:15px;padding:6px 3px}.detailgrid{grid-template-columns:1fr}.sidebar{order:0}.sidebar dl{display:block}.sidebar dt{margin-top:12px}.photocorner{max-width:360px}.sitebody{grid-template-columns:140px minmax(0,1fr)}.wordmark{font-size:58px;letter-spacing:-3px}.masthead small{font-size:13px}.songhero.withart,.albumhero{grid-template-columns:1fr}.songart{max-width:150px}.albumcover{max-width:220px}.albumgrid{grid-template-columns:repeat(2,minmax(0,1fr))}td,th{min-width:0}td:nth-child(2){min-width:130px}.pagehead h1,.songhero h1,.albumhero h1{font-size:27px}.filters>*{max-width:100%}}
@media(max-width:570px){body{padding:8px 5px}.sitebody{display:flex;flex-direction:column}.leftnav{border-right:0;border-bottom:3px ridge #ddd;padding:10px}.leftnav section{margin:0 0 10px;padding:0 0 10px}.leftnav #side-years{grid-template-columns:repeat(4,1fr);gap:6px}.leftnav .yearbrowse{max-height:110px;overflow:auto}.leftnav .sidelinks,.fanbadge{display:none}.leftnav .random{width:auto;margin:0;font-size:12px}.leftnav .searchoptions{max-width:85vw;width:360px}.wordmark{font-size:43px;letter-spacing:-2px}.maststar{font-size:20px;margin:0 4px}.masthead{padding:18px 4px}.masthead small{font-size:11px}.statstrip{grid-template-columns:repeat(2,1fr)}main{padding:0 12px 18px}.albumgrid{grid-template-columns:1fr 1fr}.albumcard h2{font-size:16px}.homewelcome h1{font-size:25px}.searchpicker{min-width:150px}footer{flex-wrap:wrap;padding:10px}.sectionhead{flex-wrap:wrap}}

/* Mobile navigation uses text and a compact year selector. */
#mobile-year,.mobile-milestone-label{display:none}
@media(max-width:800px){
 .mobile-hide-icon,.maststar,.homewelcome .star,.fanbadge span,.sidelinks span{display:none!important}
 .leftnav #side-years,.leftnav .yearbrowse h2{display:none}
 .leftnav .yearbrowse{max-height:none;overflow:visible}
 #mobile-year{display:block;width:100%;min-width:0;font-family:Jost,Arial,sans-serif}
 .mobile-milestone-label{display:inline;font:600 10px Jost,Arial,sans-serif}
 .milestone{display:inline-block;border:1px solid currentColor;padding:1px 4px;white-space:nowrap;vertical-align:middle}
}

@media(max-width:800px){.milestone .mobile-hide-icon,.milestone-legend .mobile-hide-icon{display:inline!important}.mobile-milestone-label{display:none}.milestone{border:0;padding:0}}