:root{--canvas:#4d5c46;--paper:#f6f3e9;--ink:#23241f;--muted:#3a3c33;--accent:#8a3324;--rule:#c8c0aa;}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{background:var(--canvas) url('/assets/canvas-outfield.svg') no-repeat center top fixed;background-size:cover;
color:var(--ink);font:17px/1.65 Arial,Helvetica,sans-serif;}
.skip{position:absolute;left:-9999px;}
.skip:focus{left:8px;top:8px;background:var(--paper);padding:8px 12px;z-index:20;border:2px solid var(--accent);}
a{color:var(--accent);}
main a,article a,.rail a{text-decoration:underline;}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;}
.shell{width:100%;max-width:1120px;margin:0 auto;padding:24px 16px 48px;}
.masthead{background:#efe7d2 url('/assets/masthead-scorecard.svg') no-repeat center center;background-size:cover;
height:190px;display:flex;flex-direction:column;justify-content:center;padding:0 24px;border:1px solid var(--rule);}
.masthead > *{background:rgba(240,233,215,.86);align-self:flex-start;padding:2px 8px;}
.masthead h1,.masthead .sitename{font:42px/1.15 Georgia,'Times New Roman',serif;margin:0;color:#23241f;letter-spacing:.5px;}
.masthead .tagline{margin:8px 0 0;font-size:15px;color:var(--muted);max-width:62ch;}
.tabs{background:rgba(246,243,233,.92);border:1px solid var(--rule);border-top:0;padding:8px 12px;}
.tabs ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 20px;}
.tabs a{font:13px/1 Arial,sans-serif;text-transform:uppercase;letter-spacing:.09em;text-decoration:none;
display:inline-block;padding:8px 2px;border-bottom:3px solid transparent;color:var(--muted);}
.tabs a:hover{color:var(--accent);}
.tabs a[aria-current]{color:var(--accent);border-bottom-color:var(--accent);}
.cols{display:flex;gap:24px;margin-top:24px;align-items:flex-start;}
.stream{flex:0 1 70%;min-width:0;}
.rail{flex:0 1 30%;min-width:0;background:rgba(246,243,233,.88);border:1px solid var(--rule);padding:16px;}
.entry{background:rgba(246,243,233,.94);border:1px solid var(--rule);padding:24px;margin-bottom:24px;}
.entry h2,.entry h1{font:30px/1.25 Georgia,'Times New Roman',serif;margin:0 0 8px;}
.entry h2 a{text-decoration:none;}
.meta{font:12px/1.5 Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);
margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid var(--rule);}
.meta span+span:before{content:" \00b7 ";}
figure{margin:0 0 16px;}
figure img{display:block;width:100%;height:auto;border:1px solid var(--rule);}
figcaption{font:13px/1.5 Arial,sans-serif;color:var(--muted);margin-top:6px;font-style:italic;}
.entry p{max-width:66ch;}
.tags{font:12px/1.6 Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;margin-top:20px;
padding-top:12px;border-top:1px solid var(--rule);color:var(--muted);}
.pager{display:flex;justify-content:space-between;gap:16px;font-size:14px;margin-top:16px;}
.rail h2{font:22px/1.2 Georgia,serif;margin:0 0 8px;padding-bottom:6px;border-bottom:2px solid var(--accent);}
.rail section+section{margin-top:24px;}
.rail p{font-size:14px;}
.rail ul{list-style:none;margin:0;padding:0;font-size:13px;}
.rail li{padding:5px 0;border-bottom:1px solid var(--rule);}
.rail li:last-child{border-bottom:0;}
.albums{display:flex;flex-direction:column;gap:12px;}
.album{display:flex;gap:12px;align-items:center;}
.album img{width:56px;height:56px;border:1px solid var(--rule);}
.album .n{font:12px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);display:block;}
table.seasons{width:100%;border-collapse:collapse;background:rgba(246,243,233,.6);}
table.seasons caption{text-align:left;font:13px/1.5 Arial,sans-serif;color:var(--muted);padding-bottom:8px;}
table.seasons th,table.seasons td{border:1px solid var(--rule);padding:8px 10px;text-align:left;font-size:15px;vertical-align:top;}
table.seasons th{background:rgba(200,192,170,.45);font:12px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;}
.linklist{margin:0 0 24px;padding:0;list-style:none;}
.linklist li{padding:8px 0;border-bottom:1px solid var(--rule);max-width:70ch;}
.sitefoot{margin-top:24px;background:rgba(35,36,31,.72);border:1px solid rgba(200,192,170,.5);color:#f0ece0;padding:16px 20px;
font:13px/1.7 Arial,sans-serif;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;}
.sitefoot a{color:#e8cdc6;}
h3.sub{font:20px/1.3 Georgia,serif;margin:24px 0 8px;}
@media (max-width:820px){
body{background:var(--canvas);background-image:none;}
.masthead{height:auto;min-height:96px;padding:16px;}
.masthead h1,.masthead .sitename{font-size:30px;}
.masthead .tagline{font-size:13px;margin-top:4px;}
.cols{flex-direction:column;}
.stream,.rail{flex:1 1 auto;width:100%;}
.entry{background:rgba(246,243,233,.98);padding:16px;}
.rail{background:rgba(246,243,233,.98);}
body{font-size:16px;}
.entry h2,.entry h1{font-size:24px;}
table.seasons,table.seasons tbody,table.seasons tr,table.seasons td,table.seasons th{display:block;width:100%;}
table.seasons thead{display:none;}
table.seasons tr{margin-bottom:12px;border:1px solid var(--rule);}
table.seasons caption{display:block;}
table.seasons td{border:0;border-bottom:1px solid var(--rule);}
table.seasons td[data-col]:before{content:attr(data-col) ": ";font:12px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);}
}