*{box-sizing:border-box}body{margin:0;font:18px/1.7 Lato,"Helvetica Neue",Arial,sans-serif;color:#222}
a{color:#222}.bar{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid #ddd;display:flex;align-items:center;gap:16px;padding:12px 20px;height:64px}
#mb,#cl{background:none;border:0;font-size:28px;color:#5b5f8a;cursor:pointer}.logo{text-decoration:none;font-weight:700;color:#5b5f8a;font-size:20px;flex:1}
nav.top{display:none}nav.top a,#drawer a{text-decoration:none;color:#666;padding:6px 12px}nav a.cur{color:#000;font-weight:700}
#drawer{position:fixed;inset:0 auto 0 0;width:min(78vw,340px);background:#fff;z-index:20;padding:16px;overflow:auto}
#drawer:not([hidden]){display:block}#drawer a{display:block;font-size:22px;font-weight:700;padding:14px 0 14px 28px}#cl{background:#f4f1ea;margin-bottom:24px;width:64px;height:64px}
#shade{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:10}
.hero{background:linear-gradient(#7a7a7a,#6d6f7d);color:#fff;text-align:center;display:flex;align-items:center;justify-content:center;min-height:200px;padding:30px 20px;position:relative}
.hero.full{min-height:calc(100vh - 64px)}.hero h1{margin:0;font-size:2.6rem;letter-spacing:.04em;text-transform:uppercase}
.hero hr{width:110px;height:10px;background:#8587b8;border:0;margin:20px auto}.hero p{font-weight:700;letter-spacing:.05em;max-width:640px}
.down{position:absolute;bottom:10px;left:0;right:0;color:#ccc;font-size:50px;text-decoration:none;line-height:1}
main{max-width:780px;margin:0 auto;padding:40px 24px}.sec h2{color:#6b6f9c;text-transform:uppercase;text-align:center;font-size:2.4rem;letter-spacing:.03em}
.sec{text-align:center}.center{text-align:center;margin-top:60px;font-size:.95rem}
.todo{background:#fff7d6;border:1px dashed #c9a800;padding:10px 14px;border-radius:6px;font-size:.9rem;margin:24px 0}
footer{text-align:center;color:#777;font-size:.85rem;padding:30px 20px;border-top:1px solid #eee}
@media(min-width:1000px){#mb{display:none}nav.top{display:flex;flex-wrap:wrap}.bar{padding:0 40px}}
main ul,main table{text-align:left}.sec ul{display:inline-block;text-align:left}ul.plain{list-style:none;padding:0;text-align:center!important}
main h3{color:#6b6f9c;margin-top:36px}table{border-collapse:collapse;width:100%;max-width:520px;margin:12px auto}td,th{padding:8px 12px;border-bottom:1px solid #e3e3e3}th{background:#f1f1f7;color:#555}td+td{text-align:right}
main.wide{max-width:900px}.cal{position:relative;width:100%;height:70vh;min-height:480px}.cal iframe{width:100%;height:100%;border:0}