/* ChartVault - the chart archive's own styling, carried over unchanged from
   chart.asp, song.asp and artist.asp and scoped to the archive pages so the
   rest of the site cannot disturb it. Generated from the ASP pages' <style>
   blocks: the only edits are the scoping, header/footer becoming .arc-head /
   .arc-notes, and the page padding moving to the site layout. */

/* ============================== from chart.asp ============================== */
.archive.chart-page { --ink:#1b1b1b; --muted:#6b6b6b; --rule:#d9d6d0; --paper:#fbfaf7; --panel:#ffffff; --accent:#b3121d; --green:#1a8a3c; --bbred:#d2232a; --bbshade:#e7e4de; }
.archive.chart-page { color:var(--ink); font:15px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif }
.archive.chart-page .wrap { max-width:1020px; margin:0 auto; }
.archive.chart-page .wrap.wide { max-width:1280px; }
.archive.chart-page .arc-head { border-bottom:3px solid var(--accent); padding:26px 0 14px; margin-bottom:20px; }
.archive.chart-page .arc-head h1 { margin:0; font-size:30px; letter-spacing:-.4px; font-weight:800; }
.archive.chart-page .arc-head h1 .hi { color:var(--accent); }
.archive.chart-page .arc-head p { margin:6px 0 0; color:var(--muted); font-size:13px; }
.archive.chart-page form.filters { display:flex; flex-wrap:wrap; gap:14px; align-items:flex-end; background:var(--panel); border:1px solid var(--rule); border-radius:8px; padding:14px 16px; margin-bottom:22px; }
.archive.chart-page .fld { display:flex; flex-direction:column; gap:5px; }
.archive.chart-page .fld label { font-size:11px; letter-spacing:.9px; text-transform:uppercase; color:var(--muted); font-weight:700; }
.archive.chart-page .fld select { font:inherit; padding:7px 10px; min-width:190px; background:#fff; border:1px solid #bdb9b2; border-radius:5px; color:var(--ink); }
.archive.chart-page .fld select#chart { min-width:250px; }
.archive.chart-page .fld select:disabled { background:#f2f0ec; color:#a5a19a; }
.archive.chart-page .go.js-hide { margin-left:6px; }
.archive.chart-page .go { font:inherit; padding:7px 14px; border:1px solid #bdb9b2; border-radius:5px; background:#fff; cursor:pointer; }
.archive.chart-page .caption { display:flex; flex-wrap:wrap; align-items:baseline; gap:12px; margin:0 0 10px; }
.archive.chart-page .caption h2 { margin:0; font-size:19px; font-weight:700; }
.archive.chart-page .caption .sub { color:var(--muted); font-size:13px; }
.archive.chart-page .rebuilt { margin:0 0 12px; padding:8px 11px; border:1px solid #e0d6b8; border-left:3px solid #c9a227; background:#fdfaf0; border-radius:4px; color:#5c5344; font-size:12.5px; line-height:1.5; }
.archive.chart-page .rebuilt b { color:#3d3730; }
.archive.chart-page .nav a, .archive.chart-page .nav span { font-size:13px; text-decoration:none; color:var(--accent); border:1px solid var(--rule); border-radius:5px; padding:4px 9px; background:#fff; }
.archive.chart-page .nav span { color:#bdb9b2; }
.archive.chart-page table.chart { width:100%; border-collapse:collapse; background:var(--panel); border:1px solid var(--rule); border-radius:8px; overflow:hidden; }
.archive.chart-page table.chart th { text-align:left; font-size:11px; letter-spacing:1px; text-transform:uppercase; color:var(--muted); background:#f4f2ee; padding:9px 8px; border-bottom:1px solid var(--rule); white-space:nowrap; }
.archive.chart-page table.chart td { padding:7px 8px; border-bottom:1px solid #eeece7; vertical-align:middle; }
.archive.chart-page table.chart tr:last-child td { border-bottom:0; }
.archive.chart-page table.chart tr:hover td { background:#fcfaf4; }
.archive.chart-page table.chart th.wks, .archive.chart-page table.chart th.peak { background:#eceae4; }
.archive.chart-page table.chart td.wks, .archive.chart-page table.chart td.peak { background:#f7f5f0; }
.archive.chart-page table.chart tr:hover td.wks, .archive.chart-page table.chart tr:hover td.peak { background:#f3f0e8; }
.archive.chart-page .num { text-align:center; width:44px; font-variant-numeric:tabular-nums; color:var(--muted); }
.archive.chart-page .tw { text-align:center; width:52px; font-variant-numeric:tabular-nums; font-size:15px; }
.archive.chart-page .wks { text-align:center; width:58px; font-variant-numeric:tabular-nums; color:var(--muted); }
.archive.chart-page .title { color:var(--ink); width:38%; }
.archive.chart-page .artist { color:#3a3a3a; width:31%; }
.archive.chart-page .peak { text-align:center; width:54px; font-variant-numeric:tabular-nums; color:var(--muted); }
.archive.chart-page .b { font-weight:700; color:var(--ink); }
.archive.chart-page .artist a.alink, .archive.chart-page .title a.slink { color:inherit; text-decoration:none; border-bottom:1px solid #dcd8d1; }
.archive.chart-page .artist a.alink:hover, .archive.chart-page .title a.slink:hover { color:var(--accent); border-bottom-color:var(--accent); }
.archive.chart-page .arc-head .tools { float:right; font-size:13px; padding-top:8px; }
.archive.chart-page .arc-head .tools a { color:var(--accent); text-decoration:none; }
.archive.chart-page .arc-head .tools a:hover { text-decoration:underline; }
.archive.chart-page .arc-head .tools .sep { color:#a9a59e; }
.archive.chart-page .bullet { display:inline-block; min-width:26px; height:26px; line-height:26px; padding:0 5px; border-radius:13px; background:var(--green); color:#fff; font-weight:700; text-align:center; font-variant-numeric:tabular-nums; }
.archive.chart-page .flag { text-align:center; color:var(--green); font-weight:700; letter-spacing:1.2px; font-size:12px; }
.archive.chart-page .msg { background:var(--panel); border:1px solid var(--rule); border-left:4px solid var(--accent); border-radius:6px; padding:14px 16px; color:var(--muted); }
.archive.chart-page .msg strong { color:var(--ink); }
.archive.chart-page .arc-notes { margin-top:22px; color:var(--muted); font-size:12px; line-height:1.6; }
.archive.chart-page .arc-notes b { color:#4a4a4a; }
.archive.chart-page .arc-notes p { margin:0 0 8px; }
.archive.chart-page .bb { font-family:"Roboto Condensed","Arial Narrow","Helvetica Neue",Arial,sans-serif; color:#111; }
.archive.chart-page .bb-head { display:flex; flex-wrap:wrap; align-items:flex-end; gap:6px 18px; border-bottom:3px solid #111; padding-bottom:8px; margin-bottom:10px; }
.archive.chart-page .bb-when { flex-basis:100%; font-weight:800; font-size:13px; letter-spacing:.6px; }
.archive.chart-page .bb-name { font-family:"Oswald","Impact","Arial Narrow",sans-serif; color:var(--bbred); font-weight:700; line-height:.86; white-space:nowrap; }
.archive.chart-page .bb-name .big { font-size:66px; letter-spacing:-1px; }
.archive.chart-page .bb-name .sm { font-size:28px; letter-spacing:1px; margin-left:8px; vertical-align:top; }
.archive.chart-page .bb-head .nav { margin-left:auto; align-self:center; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; }
.archive.chart-page .bb-head .pos { color:var(--muted); font-size:13px; align-self:center; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; }
.archive.chart-page .bb-cols { display:grid; grid-template-columns:1fr 1fr; gap:16px; align-items:start; }
@media (max-width:1180px) {
  .archive.chart-page .bb-cols { grid-template-columns:1fr; }
}
.archive.chart-page .bb-cols.one { grid-template-columns:1fr; }
.archive.chart-page .bb.mono { --bbred:#111; }
.archive.chart-page .bb.rb { --bbred:#6b2a8f; }
.archive.chart-page table.bb-t { width:100%; border-collapse:collapse; background:#fff; border:2px solid #111; }
.archive.chart-page table.bb-t th { border:1px solid #111; padding:4px 2px; font-size:9.5px; font-weight:800; text-transform:uppercase; letter-spacing:.3px; vertical-align:bottom; line-height:1.05; }
.archive.chart-page table.bb-t th.v { width:34px; height:62px; }
.archive.chart-page table.bb-t th.v span { writing-mode:vertical-rl; transform:rotate(180deg); display:inline-block; white-space:nowrap; }
.archive.chart-page table.bb-t th.v.woc { background:var(--bbshade); }
.archive.chart-page table.bb-t th.m { text-align:left; padding:4px 8px; }
.archive.chart-page table.bb-t th.m .r { float:right; }
.archive.chart-page table.bb-t th.v.pk { background:#f3efe6; border-left:2px solid #111; }
.archive.chart-page table.bb-t td.n.pk { background:#faf7f0; border-left:2px solid #111; border-right:0; color:#333; }
.archive.chart-page table.bb-t td.n.pk.at { font-weight:800; color:#111; }
.archive.chart-page table.bb-t tr:hover td.pk { background:#f1ece1; }
.archive.chart-page table.bb-t td { border-bottom:1px solid #9a968f; }
.archive.chart-page table.bb-t tr.ten td { border-bottom:2px solid #111; }
.archive.chart-page table.bb-t td.n { width:34px; text-align:center; border-right:1px solid #9a968f; font-size:14.5px; font-variant-numeric:tabular-nums; }
.archive.chart-page table.bb-t td.n.tw { font-size:16px; font-weight:700; }
.archive.chart-page table.bb-t td.n.woc { background:var(--bbshade); border-right:1px solid #111; }
.archive.chart-page table.bb-t td.hist { color:var(--bbred); font-weight:800; font-size:13px; letter-spacing:.3px; text-align:center; border-right:1px solid #9a968f; white-space:nowrap; }
.archive.chart-page table.bb-t td.hist.re { font-size:10.5px; letter-spacing:.2px; }
.archive.chart-page table.bb-t td.hist.re.wide { border-right:1px solid #111; }
.archive.chart-page .bb-ring { display:inline-block; min-width:28px; height:23px; line-height:19px; padding:0 3px; border:2px solid var(--bbred); border-radius:12px; color:var(--bbred); font-weight:800; }
.archive.chart-page .bb-ring.ss { background:var(--bbred); color:#fff; }
.archive.chart-page table.bb-t td.m { padding:3px 8px 3px 8px; }
.archive.chart-page .bb-ban { text-align:center; color:var(--bbred); font-weight:800; font-size:14px; letter-spacing:.4px; padding-top:1px; }
.archive.chart-page .bb-ban .wk { color:#111; font-weight:400; font-size:11.5px; letter-spacing:0; margin-left:10px; }
.archive.chart-page .bb-l1 { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:0 10px; }
.archive.chart-page .bb-ti { font-weight:800; font-size:14px; text-transform:uppercase; letter-spacing:.1px; }
.archive.chart-page .bb-ti a { color:#111; text-decoration:none; }
.archive.chart-page .bb-ti a:hover { color:var(--bbred); }
.archive.chart-page .bb-ann { font-weight:800; font-size:12px; }
.archive.chart-page .bb-ar { margin-left:auto; text-align:right; font-size:13.5px; }
.archive.chart-page .bb-ar a { color:#111; text-decoration:none; }
.archive.chart-page .bb-ar a:hover { color:var(--bbred); text-decoration:underline; }
.archive.chart-page .bb-l2 { text-align:right; font-size:10.5px; color:#3d3d3d; text-transform:uppercase; letter-spacing:.2px; line-height:1.2; }
.archive.chart-page tr.hl .bb-ti a, .archive.chart-page tr.hl .bb-ann, .archive.chart-page tr.hl .bb-ar, .archive.chart-page tr.hl .bb-ar a { color:var(--bbred); }
.archive.chart-page table.bb-t tr:hover td { background:#fbf8f2; }
.archive.chart-page table.bb-t tr:hover td.woc { background:#e0dcd4; }
.archive.chart-page .bb-key { margin:8px 0 0; font-size:11.5px; color:#333; }
.archive.chart-page .bb-key .bb-ring { min-width:22px; height:15px; line-height:11px; font-size:9px; vertical-align:middle; }
@media (max-width:640px) {
  .archive.chart-page .bb-name .big { font-size:46px; }
  .archive.chart-page .bb-name .sm { font-size:20px; }
  .archive.chart-page table.bb-t th.v { width:26px; }
  .archive.chart-page table.bb-t td.n { width:26px; font-size:13px; }
  .archive.chart-page .bb-l2 { display:none; }
}

/* ============================== from song.asp ============================== */
.archive.song-page { --ink:#1b1b1b; --muted:#6b6b6b; --rule:#d9d6d0; --paper:#fbfaf7; --panel:#ffffff; --accent:#b3121d; --green:#1a8a3c; --bar:#a9b6c2; }
.archive.song-page { color:var(--ink); font:15px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif }
.archive.song-page .wrap { max-width:1020px; margin:0 auto; }
.archive.song-page .arc-head { border-bottom:3px solid var(--accent); padding:26px 0 14px; margin-bottom:20px; }
.archive.song-page .arc-head h1 { margin:0; font-size:30px; letter-spacing:-.4px; font-weight:800; }
.archive.song-page .arc-head h1 .hi { color:var(--accent); }
.archive.song-page .arc-head p { margin:6px 0 0; color:var(--muted); font-size:13px; }
.archive.song-page .arc-head .tools { float:right; font-size:13px; padding-top:8px; }
.archive.song-page .arc-head .tools a { color:var(--accent); text-decoration:none; }
.archive.song-page .arc-head .tools a:hover { text-decoration:underline; }
.archive.song-page .arc-head .tools .sep { color:#a9a59e; }
.archive.song-page .caption { margin:0 0 16px; }
.archive.song-page .caption h2 { margin:0; font-size:24px; font-weight:800; letter-spacing:-.2px; }
.archive.song-page .caption .bill { margin-top:4px; font-size:15px; color:#3a3a3a; }
.archive.song-page .caption .bill a { color:inherit; text-decoration:none; border-bottom:1px solid #dcd8d1; }
.archive.song-page .caption .bill a:hover { color:var(--accent); border-bottom-color:var(--accent); }
.archive.song-page .caption .sub { margin-top:6px; color:var(--muted); font-size:13px; }
.archive.song-page table.charts { width:100%; border-collapse:collapse; background:var(--panel); border:1px solid var(--rule); border-radius:8px; overflow:hidden; margin-bottom:26px; }
.archive.song-page table.charts th { text-align:left; font-size:11px; letter-spacing:1px; text-transform:uppercase; color:var(--muted); background:#f4f2ee; padding:9px 10px; border-bottom:1px solid var(--rule); white-space:nowrap; }
.archive.song-page table.charts td { padding:8px 10px; border-bottom:1px solid #eeece7; }
.archive.song-page table.charts tr:last-child td { border-bottom:0; }
.archive.song-page .num { text-align:center; width:70px; font-variant-numeric:tabular-nums; }
.archive.song-page .peak1 { color:var(--green); font-weight:700; }
.archive.song-page .run { color:var(--muted); white-space:nowrap; }
.archive.song-page .side { display:block; color:var(--muted); font-size:12px; }
.archive.song-page .run a, .archive.song-page table.charts a { color:var(--accent); text-decoration:none; }
.archive.song-page .run a:hover, .archive.song-page table.charts a:hover { text-decoration:underline; }
.archive.song-page .hist { background:var(--panel); border:1px solid var(--rule); border-radius:8px; padding:14px 16px 10px; margin:0 0 14px; }
.archive.song-page .hist h3 { margin:0 0 2px; font-size:15px; font-weight:700; }
.archive.song-page .hist .meta { margin:0 0 12px; color:var(--muted); font-size:12px; }
.archive.song-page .scroll { overflow-x:auto; overflow-y:hidden; padding-bottom:6px; scrollbar-width:thin; scrollbar-color:#cfcac2 #f4f2ee; background: linear-gradient(to right, var(--panel) 35%, rgba(255,255,255,0)) left center, linear-gradient(to left, var(--panel) 35%, rgba(255,255,255,0)) right center, radial-gradient(farthest-side at 0 50%, rgba(27,27,27,.16), rgba(27,27,27,0)) left center, radial-gradient(farthest-side at 100% 50%, rgba(27,27,27,.16), rgba(27,27,27,0)) right center; background-repeat:no-repeat; background-size:44px 100%, 44px 100%, 15px 100%, 15px 100%; background-attachment:local, local, scroll, scroll; }
.archive.song-page .scroll::-webkit-scrollbar { height:9px; }
.archive.song-page .scroll::-webkit-scrollbar-track { background:#f4f2ee; border-radius:5px; }
.archive.song-page .scroll::-webkit-scrollbar-thumb { background:#cfcac2; border-radius:5px; }
.archive.song-page .scroll::-webkit-scrollbar-thumb:hover { background:#b6b0a7; }
.archive.song-page .cols { display:flex; align-items:flex-end; gap:2px; min-width:min-content; }
.archive.song-page .col { display:flex; flex-direction:column; align-items:center; width:20px; text-decoration:none; color:inherit; flex:0 0 auto; }
.archive.song-page .col .rk { font-size:10px; line-height:1.1; color:var(--muted); font-variant-numeric:tabular-nums; height:13px; }
.archive.song-page .col .barwrap { height:132px; width:100%; display:flex; align-items:flex-end; }
.archive.song-page .col .bar { width:100%; background:var(--bar); border-radius:2px 2px 0 0; display:block; }
.archive.song-page .col .dt { font-size:10px; color:#8d8d8d; writing-mode:vertical-rl; height:58px; padding-top:5px; font-variant-numeric:tabular-nums; }
.archive.song-page .col.bul .bar { background:var(--green); }
.archive.song-page .col.pk .rk { color:var(--accent); font-weight:800; }
.archive.song-page .col:hover .bar { outline:2px solid var(--accent); outline-offset:-1px; }
.archive.song-page .col:hover .rk, .archive.song-page .col:hover .dt { color:var(--accent); }
.archive.song-page .axis { margin:-6px 0 22px; color:var(--muted); font-size:12px; line-height:1.6; }
.archive.song-page form.find { display:flex; flex-wrap:wrap; gap:10px; align-items:center; background:var(--panel); border:1px solid var(--rule); border-radius:8px; padding:14px 16px; margin-bottom:18px; }
.archive.song-page form.find label { font-size:11px; letter-spacing:.9px; text-transform:uppercase; color:var(--muted); font-weight:700; }
.archive.song-page form.find input { font:inherit; padding:7px 10px; min-width:260px; background:#fff; border:1px solid #bdb9b2; border-radius:5px; color:var(--ink); }
.archive.song-page .go { font:inherit; padding:7px 14px; border:1px solid #bdb9b2; border-radius:5px; background:#fff; cursor:pointer; }
.archive.song-page .alpha { display:flex; flex-wrap:wrap; gap:5px; margin:0 0 20px; }
.archive.song-page .alpha a, .archive.song-page .alpha span { font-size:13px; text-decoration:none; color:var(--accent); border:1px solid var(--rule); border-radius:5px; padding:4px 9px; background:#fff; min-width:30px; text-align:center; }
.archive.song-page .alpha .on { background:var(--accent); color:#fff; border-color:var(--accent); }
.archive.song-page .count { color:var(--muted); font-size:13px; margin:0 0 10px; }
.archive.song-page table.index td.t a { color:var(--ink); text-decoration:none; border-bottom:1px solid #dcd8d1; }
.archive.song-page table.index td.t a:hover { color:var(--accent); border-bottom-color:var(--accent); }
.archive.song-page table.index td.t { font-weight:600; }
.archive.song-page table.index td.bill { color:#3a3a3a; }
.archive.song-page table.index .num { width:64px; }
.archive.song-page .msg { background:var(--panel); border:1px solid var(--rule); border-left:4px solid var(--accent); border-radius:6px; padding:14px 16px; color:var(--muted); }
.archive.song-page .msg strong { color:var(--ink); }
.archive.song-page .arc-notes { margin-top:22px; color:var(--muted); font-size:12px; line-height:1.6; }
.archive.song-page .arc-notes b { color:#4a4a4a; }

/* ============================== from artist.asp ============================== */
.archive.artist-page { --ink:#1b1b1b; --muted:#6b6b6b; --rule:#d9d6d0; --paper:#fbfaf7; --panel:#ffffff; --accent:#b3121d; --green:#1a8a3c; }
.archive.artist-page { color:var(--ink); font:15px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif }
.archive.artist-page .wrap { max-width:1020px; margin:0 auto; }
.archive.artist-page .arc-head { border-bottom:3px solid var(--accent); padding:26px 0 14px; margin-bottom:20px; }
.archive.artist-page .arc-head h1 { margin:0; font-size:30px; letter-spacing:-.4px; font-weight:800; }
.archive.artist-page .arc-head h1 .hi { color:var(--accent); }
.archive.artist-page .arc-head p { margin:6px 0 0; color:var(--muted); font-size:13px; }
.archive.artist-page .arc-head .tools { float:right; font-size:13px; padding-top:8px; }
.archive.artist-page .arc-head .tools a { color:var(--accent); text-decoration:none; }
.archive.artist-page .arc-head .tools a:hover { text-decoration:underline; }
.archive.artist-page .arc-head .tools .sep { color:#a9a59e; }
.archive.artist-page form.find { display:flex; flex-wrap:wrap; gap:10px; align-items:center; background:var(--panel); border:1px solid var(--rule); border-radius:8px; padding:14px 16px; margin-bottom:18px; }
.archive.artist-page form.find label { font-size:11px; letter-spacing:.9px; text-transform:uppercase; color:var(--muted); font-weight:700; }
.archive.artist-page form.find input { font:inherit; padding:7px 10px; min-width:240px; background:#fff; border:1px solid #bdb9b2; border-radius:5px; color:var(--ink); }
.archive.artist-page .go { font:inherit; padding:7px 14px; border:1px solid #bdb9b2; border-radius:5px; background:#fff; cursor:pointer; }
.archive.artist-page .alpha { display:flex; flex-wrap:wrap; gap:5px; margin:0 0 20px; }
.archive.artist-page .alpha a, .archive.artist-page .alpha span { font-size:13px; text-decoration:none; color:var(--accent); border:1px solid var(--rule); border-radius:5px; padding:4px 9px; background:#fff; min-width:30px; text-align:center; }
.archive.artist-page .alpha .on { background:var(--accent); color:#fff; border-color:var(--accent); }
.archive.artist-page .caption { display:flex; flex-wrap:wrap; align-items:baseline; gap:12px; margin:0 0 12px; }
.archive.artist-page .caption h2 { margin:0; font-size:22px; font-weight:800; }
.archive.artist-page .caption .sub { color:var(--muted); font-size:13px; }
.archive.artist-page ul.names { list-style:none; margin:0; padding:0; columns:3; column-gap:26px; background:var(--panel); border:1px solid var(--rule); border-radius:8px; padding:14px 16px; }
.archive.artist-page ul.names li { break-inside:avoid; padding:3px 0; font-size:14px; }
.archive.artist-page ul.names a { color:var(--ink); text-decoration:none; border-bottom:1px solid #dcd8d1; }
.archive.artist-page ul.names a:hover { color:var(--accent); border-bottom-color:var(--accent); }
.archive.artist-page ul.names .n { color:var(--muted); font-size:12px; }
@media (max-width:760px) {
  .archive.artist-page ul.names { columns:1; }
}
.archive.artist-page table.songs { width:100%; border-collapse:collapse; background:var(--panel); border:1px solid var(--rule); border-radius:8px; overflow:hidden; }
.archive.artist-page table.songs th { text-align:left; font-size:11px; letter-spacing:1px; text-transform:uppercase; color:var(--muted); background:#f4f2ee; padding:9px 8px; border-bottom:1px solid var(--rule); white-space:nowrap; }
.archive.artist-page table.songs td { padding:7px 8px; border-bottom:1px solid #eeece7; vertical-align:top; }
.archive.artist-page table.songs tr:last-child td { border-bottom:0; }
.archive.artist-page table.songs tr.head td { background:#faf8f4; border-top:1px solid var(--rule); }
.archive.artist-page table.songs tr.head td.t { font-weight:700; font-size:15px; }
.archive.artist-page table.songs tr.head td.t a { color:inherit; text-decoration:none; border-bottom:1px solid #dcd8d1; }
.archive.artist-page table.songs tr.head td.t a:hover { color:var(--accent); border-bottom-color:var(--accent); }
.archive.artist-page table.songs tr.head td.bill { color:#3a3a3a; }
.archive.artist-page table.songs td.chart { color:var(--muted); padding-left:22px; }
.archive.artist-page .num { text-align:center; width:60px; font-variant-numeric:tabular-nums; }
.archive.artist-page .run { color:var(--muted); white-space:nowrap; }
.archive.artist-page .run a { color:var(--accent); text-decoration:none; }
.archive.artist-page .run a:hover { text-decoration:underline; }
.archive.artist-page .peak1 { color:var(--green); font-weight:700; }
.archive.artist-page .also { font-size:12px; color:var(--muted); }
.archive.artist-page .also a { color:var(--muted); }
.archive.artist-page .msg { background:var(--panel); border:1px solid var(--rule); border-left:4px solid var(--accent); border-radius:6px; padding:14px 16px; color:var(--muted); }
.archive.artist-page .msg strong { color:var(--ink); }
.archive.artist-page .arc-notes { margin-top:22px; color:var(--muted); font-size:12px; line-height:1.6; }
.archive.artist-page .arc-notes b { color:#4a4a4a; }

/* ============================ shared additions ============================ */
/* the header .amp in song/artist pages is .hi everywhere now */
.archive .arc-head h1 .hi { color: var(--accent); }
.archive .arc-notes p { margin: 0 0 8px; }
/* wide tables scroll inside their own box on a phone instead of the whole page */
.archive .tscroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.archive .tscroll > table { min-width: 560px; }
.archive.chart-page .bb .tscroll > table { min-width: 0; }
.archive .green-word { color: #1a8a3c; font-weight: 700; }
.archive .bill a { color: inherit; }
.archive abbr[title] { text-decoration: none; cursor: help; }
.archive a:focus-visible, .archive select:focus-visible, .archive input:focus-visible,
.archive button:focus-visible, .archive .scroll:focus-visible {
  outline: 3px solid #d2232a; outline-offset: 2px; }
/* with script on, the selects post themselves and the button is not needed */
.js .archive .go.js-hide { display: none; }
@media (max-width: 640px) {
  .archive .arc-head .tools { float: none; padding: 0 0 8px; }
  .archive .fld select, .archive .fld select#chart { min-width: 0; width: 100%; }
  .archive form.filters .fld { flex: 1 1 100%; }
  .archive form.find input { min-width: 0; flex: 1 1 100%; }
}

/* ONE WIDTH FOR THE WHOLE ARCHIVE. The ASP pages ran the Hot 100 and R&B charts
   at 1280px and everything else at 1020px, so the page widened the moment one of
   those charts was picked. Every archive page and state now uses the wider frame. */
.archive.chart-page .wrap, .archive.song-page .wrap, .archive.artist-page .wrap { max-width: 1280px; }

/* "THE BILLBOARD" set small before HOT 100, so the heading reads The Billboard Hot 100 */
.archive.chart-page .bb-name .sm.pre { margin: 0 10px 0 0; }