*{box-sizing:border-box}body{margin:0;color:#182a36;background:#f5f7f8;font:17px/1.55 system-ui,sans-serif}header,main,footer{max-width:1120px;margin:auto;padding:22px}header{display:flex;align-items:center;justify-content:space-between;gap:16px}a{color:#12627a}header a{font-weight:650}h1{font-size:clamp(25px,5vw,38px);line-height:1.2}.notice{background:#e7f2f3;padding:16px;border-radius:10px}.video{background:white;border-radius:12px;padding:20px;margin:24px 0;box-shadow:0 1px 5px #132a3618}.video h2{font-size:21px}.stage{width:100%;aspect-ratio:16/9;background:#111;position:relative;overflow:hidden;border-radius:8px}.stage button{display:block;width:100%;height:100%;padding:0;border:0;cursor:pointer;position:relative;color:white;background:#111}.stage img{width:100%;height:100%;object-fit:contain}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:21px;background:#c00;border-radius:14px;padding:12px 22px}.stage iframe{width:100%;height:100%;border:0}.links{display:flex;flex-wrap:wrap;gap:20px}label{display:block;font-weight:650}input{display:block;width:100%;padding:12px;font:inherit;border:1px solid #a7b4bc;border-radius:8px}ul.guides{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px}.guides li{background:white;padding:16px;border-radius:8px}.guides strong{display:block}.guides span{display:block;font-size:15px;margin-top:5px}.muted{color:#536570;font-size:15px}footer{border-top:1px solid #d8e0e5}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #f3a529;outline-offset:3px}