:root{--dither:repeating-conic-gradient(#ccc 0 25%,#fff 0 50%) 0 0/2px 2px;--paper:#e6e6e6;--ink:#000;--ink2:#333;--mute:#666;--yellow:#fc3;--blue:#00f;
--gill:"Gill Sans MT","Gill Sans","Gill Sans Nova",Calibri,"Trebuchet MS",sans-serif;--arial:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}
html{background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font:12px/1.5 var(--arial);-webkit-text-size-adjust:100%}
a{color:var(--blue)}
a:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}
.wrap{max-width:640px;margin:0 auto;padding:0 16px}
.top{height:85px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #999;background:var(--dither)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.brand img{width:36px;height:40px;image-rendering:pixelated}
.brand b{display:block;font:bold 22px/1 var(--gill);letter-spacing:.12em}
.brand i{display:block;font:14px/1.3 var(--gill);color:var(--mute);font-style:normal;letter-spacing:.04em}
.cols2{display:flex;gap:18px;padding:22px 0 30px}
.side{flex:0 0 135px}
.main{flex:1;min-width:0;max-width:457px}
.nav{list-style:none;margin:0;padding:0}
.nav>li{margin:0 0 6px}
.btn{display:flex;align-items:center;height:24px;width:112px;padding:0 0 0 30px;position:relative;background:var(--dither);color:var(--mute);font:15px/24px var(--gill);text-decoration:none}
.btn:hover,.btn[aria-current]{color:var(--ink)}
.btn:hover::before,.btn[aria-current]::before{content:"";position:absolute;left:0;top:2px;width:18px;height:20px;background:url(/img/speaker.gif) no-repeat}
.sub{list-style:none;margin:6px 0 10px;padding:0 0 0 4px;display:flex;flex-direction:column;gap:4px}
.tag{display:inline-block;padding:0 7px;border:2px solid transparent;border-radius:10px;background:var(--dither);color:#888;font:14px/16px var(--gill);text-decoration:none;white-space:nowrap}
a.tag:hover,.tag[aria-current]{color:var(--ink);border-color:var(--yellow)}
.sub .name{color:var(--mute);font:14px/18px var(--gill);text-decoration:none;padding-left:6px}
.sub .name:hover,.sub .name[aria-current]{color:var(--ink)}
.head{margin:0 0 18px;padding:0 0 0 2px;background:var(--dither);border-bottom:1px solid var(--ink2);color:#fff;font:bold 25px/31px var(--gill);text-transform:uppercase;letter-spacing:.02em;text-shadow:2px 2px 0 #555,1px 1px 0 #555}
.main p{margin:0 0 12px}
.main p.j{text-align:justify}
.sec{display:flex;gap:20px;align-items:flex-start;margin:0 0 16px}
.sec .txt{flex:1;min-width:0}
.sec figure{margin:0;flex:0 0 auto}
.sec figure img{display:block;max-width:100%;height:auto;border:0}
.sec figure+figure{margin-top:8px}
.figs{display:flex;flex-direction:column;gap:8px}
.tracks{border-collapse:collapse;margin:0 0 16px;font-size:13px;line-height:17px}
.tracks td{padding:1px 12px 1px 0;vertical-align:top}
.tracks td:first-child{text-align:right;white-space:nowrap}
.tracks td:last-child{white-space:nowrap;padding-right:0}
.lane{display:flex;gap:12px;margin:0 0 14px;font-size:13px;line-height:15px}
.lane p{margin:0}
.lane>div{flex:0 0 auto;white-space:nowrap}
.lane>div[style]{white-space:normal}
.lane>div:first-child{text-align:right}
.cover{width:200px;height:176px;border:1px solid #b3b3b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--dither);color:#888;font:15px var(--gill)}
.cover::before{content:"";width:18px;height:20px;background:url(/img/speaker.gif) no-repeat;opacity:.55}
.reltag{margin:0 0 14px}
.list{list-style:none;margin:0 0 18px;padding:0}
.list li{margin:0 0 8px;display:flex;gap:10px;align-items:baseline}
.foot{border-top:1px solid #999;padding:10px 0 24px;color:var(--mute);font:13px var(--gill);display:flex;flex-wrap:wrap;gap:4px 14px}
.foot a{color:var(--mute);text-decoration:none}.foot a:hover{color:var(--ink)}
.home-cd{float:right;margin:0 0 10px 18px}
@media (max-width:620px){
 .top{height:auto;padding:12px 0}
 .cols2{flex-direction:column;gap:14px;padding-top:14px}
 .side{flex:none}
 .nav{display:flex;flex-wrap:wrap;gap:6px}
 .nav>li{margin:0}
 .btn{width:auto;padding-right:10px}
 .sub{flex-direction:row;flex-wrap:wrap;width:100%;padding:0}
 .nav>li.open{flex-basis:100%}
 .sec{flex-direction:column}
 .home-cd{float:none;display:block;margin:0 auto 12px;max-width:100%;height:auto}
 .head{font-size:21px;line-height:27px}
}