*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#222;background:#fafafa}.top{background:#fff;padding:0 1rem 5px;display:flex;align-items:center;justify-content:space-between}.menu{position:relative}.menu-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 .5rem;background:transparent;border:0;color:#222;font:inherit;font-weight:400;letter-spacing:.08em;cursor:pointer}.menu-button:focus-visible{outline:2px solid #0b5ed7;outline-offset:2px}.menu-text{display:none}.menu-panel{position:absolute;right:0;top:100%;z-index:10;margin:0;padding:.25rem 0;list-style:none;min-width:160px;background:#fff;border:1px solid #ccc;box-shadow:0 4px 12px #0003}.top .menu-panel a{font-weight:400;display:flex;align-items:center;min-height:44px;padding:0 1rem;color:#222;text-decoration:none}.menu-panel a:hover,.menu-panel a:focus-visible{background:#eee}@media(min-width:900px){.menu-text{display:inline}.burger{display:none}}.controls{background:#4cbd18;padding:0 1rem;display:flex;align-items:center;justify-content:flex-end;width:100%}.sound-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;background:transparent;border:0;color:#fff;cursor:pointer}.sound-toggle svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}.sound-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}.top a{display:inline-flex;align-items:center;min-height:48px;color:#000;font-weight:700;text-decoration:none}.top .logo{min-height:122px;flex:none}.top .logo img{display:block;width:200px;height:122px;max-width:none}main{max-width:48rem;margin:0 auto;padding:1rem}h1{font-size:1.5rem;margin:.5rem 0}h2{font-size:1.15rem}a{color:#0b5ed7}.back{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}.list{list-style:none;padding:0;margin:0 0 1rem}.list li{border-bottom:1px solid #e5e5e5}.list a{display:block;padding:.9rem .25rem;min-height:44px;text-decoration:none}.kind-cards{list-style:none;padding:0;margin:0 0 1rem;display:grid;gap:1rem}.kind-cards li{max-width:800px;margin:0 auto;width:100%}.kind-cards a{display:block;min-height:44px;text-decoration:none;color:inherit;border-radius:12px}.kind-cards a:focus-visible{outline:3px solid #0b5ed7;outline-offset:2px}.kind-cards img{display:block;width:100%;height:auto;border-radius:12px}.kind-cards .caption{display:block;padding:.5rem .25rem;font-weight:600;text-align:center}.muted{color:#666;padding:.9rem .25rem}.error{color:#b00020}label{font-weight:600}input[type=text],textarea{padding:.6rem;font-size:1rem;border:1px solid #bbb;border-radius:8px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 .75rem;border-radius:2px;border:1px solid #bbb;background:#f4f4f4;color:#222;font:inherit;font-size:.9rem;text-decoration:none;cursor:pointer;margin:.25rem .25rem .25rem 0}.btn.primary{background:#0b5ed7;border-color:#0b5ed7;color:#fff}.btn.danger{background:#b00020;border-color:#b00020;color:#fff}.btn.on{background:#0b5ed7;border-color:#0b5ed7;color:#fff}.btn:disabled{opacity:.5;cursor:default}