:root{--green:#203b14;--cream:#fbfdf6;--ink:#1b2217;--line:#b4c0a2;--panel:#eef2e3;--stripe:#f4f7ec;--link:#1a4fa0;--visited:#6a3f8f}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{background:#dfe6d0}
body{margin:0;font:14px/1.5 Verdana,Geneva,sans-serif;color:var(--ink)}
#page{max-width:900px;margin:12px auto;background:var(--cream);border:1px solid var(--green);padding:0 16px 12px}
a{color:var(--link)}a:visited{color:var(--visited)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:2px}
header{border-bottom:3px double var(--green);padding:14px 0 0}
h1{font:bold 30px/1.1 Georgia,"Times New Roman",serif;margin:0 0 8px}
header .logo{font:bold 30px/1.1 Georgia,serif;margin:0}
header .logo a,header .logo a:visited{color:var(--green);text-decoration:none}
header .logo small{font-size:14px;font-weight:normal}
.blurb{margin:4px 0 10px}
nav{background:var(--green);margin:0 -16px;padding:4px 16px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
nav a,nav a:visited{color:var(--cream);font-weight:bold}
nav input{margin-left:auto;font:inherit;padding:2px 6px;border:1px solid var(--line);background:#fff;width:200px;max-width:100%}
#cols{display:flex;gap:16px;margin-top:12px;align-items:flex-start}
main{flex:1;min-width:0}
aside{width:220px;flex:none}
h2{font:bold 17px Georgia,serif;margin:14px 0 6px;color:var(--green)}
aside h2,.box h2{font-size:14px;margin:0 0 6px;border-bottom:1px solid var(--line);padding-bottom:3px}
.box{border:1px solid var(--line);background:var(--panel);padding:8px;margin-bottom:12px}
.box:empty{display:none}
.box ul{margin:0;padding-left:16px}.box li{margin-bottom:3px}
.tags a{margin-right:10px}
table{width:100%;border-collapse:collapse;border:1px solid var(--line)}
th{background:var(--green);color:var(--cream);text-align:left;padding:3px 6px;font-weight:normal}
td{padding:5px 6px;vertical-align:middle;border-top:1px solid var(--line)}
tr:nth-child(even) td{background:var(--stripe)}
.tile{display:inline-block;width:48px;height:36px;line-height:36px;text-align:center;color:#f1f5e4;font:bold 15px Georgia,serif;border:1px solid var(--green);object-fit:cover;vertical-align:middle}
td.t a{font-weight:bold}
.small{font-size:12px;color:#4a5640}
button{font:inherit;font-size:12px;padding:1px 8px;background:#e3e9d3;border:2px solid;border-color:#fff #7d8a6a #7d8a6a #fff;cursor:pointer;color:var(--ink)}
button:active{border-color:#7d8a6a #fff #fff #7d8a6a}
.play{border:1px solid var(--green);background:#111;margin:8px 0}
.play iframe{display:block;width:100%;height:520px;border:0}
.note{border:1px solid var(--line);background:var(--panel);padding:10px;margin:8px 0}
dl{display:grid;grid-template-columns:110px 1fr;gap:2px 8px;margin:8px 0}
dt{font-weight:bold}dd{margin:0}
.sponsor{text-align:center;margin-bottom:12px}.sponsor img{max-width:100%}
footer{border-top:1px solid var(--line);margin-top:16px;padding-top:6px;font-size:12px;color:#4a5640}
@media (max-width:720px){#cols{flex-direction:column}aside{width:100%}th.hm,td.hm{display:none}.play iframe{height:360px}nav input{margin-left:0;width:100%}}