html{background:#000}body{margin:8px auto;max-width:980px}img{max-width:100%;height:auto}table{max-width:100%}body>div>center>table{max-width:980px}a:focus-visible{outline:2px solid #f0cf46}a img{border:0}.period-shell{width:675px;max-width:100%;margin:auto;border:1px solid #a60000}.period-menu{display:flex;flex-wrap:wrap;justify-content:center;gap:0;background:#111;padding:8px}.period-menu a{color:#fff;font:12px Arial;padding:6px 9px}.main-banner{width:100%;height:auto}.source-button{display:inline-block;width:147px;height:34px}.source-button img{width:147px;height:34px}.intro-banner{position:relative;width:650px;max-width:100%;height:80px;margin:auto;color:#c80000;font:bold 40px Georgia}.intro-banner ruffle-player{position:absolute;inset:0;width:100%;height:80px}.intro-card{width:440px;max-width:100%;display:block}.intro-card img{width:100%;max-height:340px;object-fit:contain}.letter{font:bold 56px Georgia;color:#d9bd58;display:inline-block;width:60px;height:55px}.brand{display:inline-block;color:inherit;font:bold 12px Arial;text-align:center;max-width:100%;padding:5px 2px;box-sizing:border-box}.missing-photo{object-fit:contain;background:#242424}.local-nav{padding:10px;background:#111;color:#fff;font:13px Arial}.local-nav a{color:#ffe153;margin:0 8px}dialog{max-width:90vw;background:#111;color:#fff;border:1px solid #a00}dialog img{max-height:80vh}dialog button{display:block;margin-left:auto}footer{padding:20px;text-align:center} @media(max-width:700px){body{width:auto;margin:0}table{width:100%!important;table-layout:auto}td{height:auto!important;overflow-wrap:anywhere}td[width="151"]{display:none}td[width="17%"]{width:147px!important}td[width="100"]{width:44px!important}td[width="100"] table{width:40px!important}.letter{width:38px;font-size:38px}.intro-banner{font-size:28px}font[size="+6"]{font-size:38px}p{max-width:100%}td[width="441"]{width:auto!important}.source-button,.source-button img{width:125px;height:auto}.period-menu a{padding:8px 7px}img[width="747"],img[width="746"]{width:100%}td[width="168"]{width:120px!important}} .period-menu details{position:relative;color:#fff;font:12px Arial}.period-menu summary{padding:6px 9px;cursor:pointer}.period-menu details>div{position:absolute;z-index:20;background:#111;min-width:120px;border:1px solid #b79e42}.period-menu details a{display:block}