:root{--cream:#FCF6DC;--paper:#fff;--ink:#1A1A1A;--green:#006600;--purple:#660066;--gold:#CC9900;
--rule:#000;--soft:#B9A96A;--mute:#5a5346}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);
font:15px/1.55 Arial,Helvetica,Geneva,sans-serif}
.shell{width:min(1140px,100% - 48px);margin-inline:auto}
a{color:var(--purple)}
a:focus-visible,.azstrip a:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
.skip{position:absolute;left:-9999px}
.skip:focus{position:static;display:block;padding:8px 24px;background:var(--purple);color:#fff}
h1,h2,h3{font-family:Arial,Helvetica,Geneva,sans-serif;margin:0 0 8px}
p{margin:0 0 12px}
.num{font-variant-numeric:tabular-nums}
.strong,p.strong{font-weight:700;color:var(--purple)}

/* archive note */
.archive-note{background:#F4EBC6;border-bottom:1px solid var(--rule);padding:12px 0}
.archive-note p{font-size:14px;line-height:1.5;margin:0 0 6px;max-width:74ch;color:#2a2418}
.archive-note p:last-child{margin:0}
.archive-note a{color:var(--purple);font-weight:700}

/* banner */
.banner{background:var(--cream);border-bottom:3px solid var(--rule);padding-top:24px}
.bannerrow{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;
gap:12px 24px;padding-bottom:14px}
.mark{margin:0;font:700 40px/1 "Arial Black","Arial Bold",Arial,Helvetica,sans-serif;letter-spacing:-.01em}
.mark a{text-decoration:none}
.wm-a{color:var(--purple)}.wm-b{color:var(--green)}.wm-c{color:var(--gold)}
.mark .sub{display:block;margin-top:6px;font:400 15px/1.3 Arial,Helvetica,sans-serif;color:var(--mute);
letter-spacing:0}
.banner.compact .mark{font-size:26px}
.tagline{margin:0;text-align:right}
.tagline .big{display:block;color:var(--green);font-size:19px;font-weight:700}
.tagline .small{display:block;color:var(--purple);font-size:13px}
.letter-rule{display:flex;height:4px}
.letter-rule i{display:block;flex:0 0 auto;height:100%}
.letter-rule i:nth-child(1){flex:3;background:var(--purple)}
.letter-rule i:nth-child(2){flex:2;background:var(--green)}
.letter-rule i:nth-child(3){flex:1;background:var(--gold)}
.letter-rule i:nth-child(4){flex:1;background:var(--green)}
.letter-rule.small{width:96px;height:3px;margin-bottom:10px}

/* coverage + A-Z */
.coverage{background:var(--paper);border-bottom:1px solid var(--rule);padding:18px 0 22px}
.cov{font:700 13px/1.4 Verdana,Geneva,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;
color:var(--mute);margin:0 0 12px}
.azstrip{display:flex;flex-wrap:wrap;gap:2px;border-top:1px solid var(--rule);
border-bottom:1px solid var(--rule);padding:6px 0;margin:0 0 20px}
.azstrip a,.azstrip .off{display:inline-flex;align-items:center;justify-content:center;
min-width:30px;min-height:30px;font:700 14px/1 Verdana,Geneva,Arial,sans-serif}
.azstrip a{color:var(--purple);background:#F7EFCF;text-decoration:none;border:1px solid var(--soft)}
.azstrip a:hover{background:var(--gold);color:#1A1A1A}
.azstrip .off{color:#9c9482;border:1px solid transparent}
.sechead{font-size:20px;margin:0 0 10px;padding-bottom:4px;border-bottom:2px solid var(--rule)}
.azlist{list-style:none;margin:0;padding:0;columns:2;column-gap:40px}
.azlist li{break-inside:avoid;display:flex;gap:10px;align-items:baseline;
border-bottom:1px dotted var(--soft);padding:5px 0}
.az-l{font:700 13px/1 Verdana,Geneva,Arial,sans-serif;color:var(--gold);min-width:14px}
.azlist a{color:var(--ink)}

/* layout */
.layout{display:grid;grid-template-columns:250px minmax(0,1fr);column-gap:32px;
align-items:start;padding:28px 0 8px}
.col-main{min-width:0}
.rail{border-right:1px solid var(--soft);padding-right:22px}
.railhead{font:700 13px/1.3 Verdana,Geneva,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;
border-bottom:2px solid var(--rule);padding-bottom:5px;margin-bottom:8px}
.raillist{list-style:none;margin:0 0 14px;padding:0}
.raillist li{display:flex;justify-content:space-between;gap:8px;align-items:baseline;
border-bottom:1px solid var(--soft);padding:6px 0}
.raillist a{color:var(--purple);font-weight:700;text-decoration:none}
.raillist a:hover{text-decoration:underline}
.raillist a[aria-current]{color:var(--ink)}
.ct{font:11px/1 Verdana,Geneva,Arial,sans-serif;color:var(--mute);white-space:nowrap}
.railnote{color:var(--green);font-weight:700;text-align:center;margin:0 0 16px}
.railfacts{border:1px solid var(--rule);background:var(--paper);padding:10px 12px}
.railfacts h3{font:700 11px/1.3 Verdana,Geneva,Arial,sans-serif;letter-spacing:.06em;
text-transform:uppercase;color:var(--mute)}
.railfacts p{margin:0;font-size:14px}
.railnote2{margin-top:12px;font-size:13px}

/* records */
.mod{margin:0 0 30px}
.recs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
.rec{border-top:1px solid var(--rule);padding:12px 0 16px}
.rec-head{font-size:19px;margin:0 0 4px}
.rec-head a{color:var(--purple);text-decoration:none}
.rec-head a:hover{text-decoration:underline}
.cat-label{font:700 11px/1.3 Verdana,Geneva,Arial,sans-serif;letter-spacing:.06em;
text-transform:uppercase;color:var(--mute);margin:0 0 8px}
.fact-line{list-style:none;margin:0 0 8px;padding:0}
.fact-line li{padding:3px 0 3px 14px;position:relative;color:var(--green);font-size:14px}
.fact-line li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;background:var(--gold)}
.rec-blurb{font-size:14px;color:var(--ink);max-width:60ch;margin:0}

.display-record{border:3px solid var(--rule);background:var(--paper);padding:16px 18px}
.display-record h3{font:700 24px/1.1 "Arial Black",Arial,Helvetica,sans-serif;margin:0 0 4px}
.dr-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0 0 10px}
.dr-facts>div{display:flex;gap:10px;border-bottom:1px dotted var(--soft);padding:6px 0}
.dr-facts dt{font:700 11px/1.6 Verdana,Geneva,Arial,sans-serif;letter-spacing:.06em;
text-transform:uppercase;color:var(--mute);min-width:74px}
.dr-facts dd{margin:0;font-size:14px}
.dr-note{font-size:13px;color:var(--mute);margin:0;max-width:66ch}

.locrec{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:14px 0}
.locrec h3{font-size:19px;color:var(--green)}
.addr{font-weight:700;color:var(--green)}
.hours,.spec{border-collapse:collapse;margin:0 0 12px;min-width:min(340px,100%)}
.hours caption,.spec caption{text-align:left;font:700 11px/1.6 Verdana,Geneva,Arial,sans-serif;
letter-spacing:.06em;text-transform:uppercase;color:var(--mute);padding-bottom:4px}
.hours th,.spec th{text-align:left;font-weight:400;padding:5px 20px 5px 0;
border-bottom:1px dotted var(--soft);color:var(--green)}
.hours td,.spec td{padding:5px 0;border-bottom:1px dotted var(--soft);color:var(--green)}
.spec th{font-weight:700;color:var(--ink)}

/* detail */
.crumb{background:var(--paper);border-bottom:1px solid var(--soft);padding:8px 0;
font:11px/1.4 Verdana,Geneva,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.crumb .sep{color:var(--gold);padding:0 4px}
.detail{background:var(--paper);border:1px solid var(--rule);padding:20px 22px;margin-bottom:24px;
max-width:780px}
.adjacent{max-width:780px}
.detail .rec-head{font-size:30px;color:var(--purple);margin-bottom:4px}
.detail-body{max-width:68ch}
.detail-body h2{font-size:18px;margin:20px 0 6px;color:var(--ink)}
.detail-body p{color:var(--green)}
.detail-body .lead{font-size:18px;font-weight:700;color:var(--green)}
.detail-body .note{color:var(--mute);font-size:14px}
.detail-body .addrblock{color:var(--green)}
.detail-body .archive-colophon p{color:var(--mute)}
.factrail{border-top:2px solid var(--rule);margin-top:22px;padding-top:14px}
.factrail h2{font:700 11px/1.6 Verdana,Geneva,Arial,sans-serif;letter-spacing:.06em;
text-transform:uppercase;color:var(--mute)}
.facts{font-size:14px}
.adjacent{border-top:1px solid var(--rule);padding-top:12px;margin-bottom:24px}
.adjacent h2{font:700 11px/1.6 Verdana,Geneva,Arial,sans-serif;letter-spacing:.06em;
text-transform:uppercase;color:var(--mute)}
.adjacent ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 20px}
.adjacent a{font-weight:700}

/* footer */
.ftr{border-top:3px solid var(--rule);background:#F4EBC6;margin-top:24px;padding:18px 0 28px}
.ftraz{display:flex;flex-wrap:wrap;gap:2px;margin-bottom:10px}
.ftraz a,.ftraz .off{min-width:24px;text-align:center;font:700 12px/1.6 Verdana,Geneva,Arial,sans-serif}
.ftraz a{color:var(--purple)}
.ftraz .off{color:#9c9482}
.ftrnav{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;font-weight:700;
border-top:1px solid var(--soft);border-bottom:1px solid var(--soft);padding:8px 0;margin-bottom:12px}
.ftr .facts{text-align:center;color:var(--mute);font-size:13px}
.ftr .letter-rule{margin:14px 0 12px}
.archive-colophon p{font-size:13px;line-height:1.55;color:#2a2418;max-width:80ch;margin:0 0 8px}
.archive-colophon p:last-child{margin:0}

@media (max-width:1024px){.layout{grid-template-columns:210px minmax(0,1fr);column-gap:24px}}
@media (max-width:760px){
 .layout{display:block;padding-top:20px}
 .rail{border-right:0;border-bottom:1px solid var(--rule);padding:0 0 16px;margin-bottom:22px}
 .raillist{display:flex;flex-wrap:wrap;gap:8px}
 .raillist li{border-bottom:0;gap:6px;border:1px solid var(--soft);background:#F7EFCF;
 padding:6px 10px;align-items:baseline}
 .railnote{text-align:left}
 .railfacts{margin-top:10px}
 .recs{grid-template-columns:minmax(0,1fr)}
 .dr-facts{grid-template-columns:minmax(0,1fr)}
 .azlist{columns:1}
 .bannerrow{align-items:flex-start}
 .tagline{text-align:left}
 .mark{font-size:28px}
 .banner.compact .mark{font-size:22px}
 .mark .sub{font-size:14px}
 .archive-note p{font-size:15px}
 body{font-size:16px}
 .azstrip a,.azstrip .off{min-width:44px;min-height:44px}
 .detail{padding:16px 15px}
 .detail .rec-head{font-size:24px}
}
@media (max-width:480px){
 .hours,.spec{width:100%}
 .hours th,.spec th{display:block;padding:6px 0 0;border-bottom:0}
 .hours td,.spec td{display:block;padding:0 0 6px;border-bottom:1px dotted var(--soft)}
 .hours caption,.spec caption{display:block}
}