.sao-pa{padding-top:clamp(100px,12vw,160px);padding-bottom:80px;min-height:70vh}.sao-pa h1{font-size:clamp(2rem,5vw,4rem)}.sao-pa-panel{max-width:780px;background:#f5f3ed;color:#202020;border:1px solid #dedbd2;border-radius:22px;padding:clamp(22px,4vw,42px);margin:30px 0}.sao-pa-panel label{display:block;font-weight:600;margin:18px 0 10px}.sao-pa-panel input:not([type=checkbox]){display:block;width:100%;padding:14px 16px;background:white;color:#202020;border:1px solid #b8b5ac;border-radius:9px;margin-top:8px;box-sizing:border-box;font:inherit}.sao-pa .sao-pa-check{display:flex;align-items:center;gap:10px;margin:22px 0}.sao-pa input[type=checkbox]{width:20px;height:20px;accent-color:#897121;flex-shrink:0}.sao-pa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px;margin:28px 0}.sao-pa-photo{margin:0}.sao-pa-photo img,.sao-pa-card img{width:100%;height:210px;object-fit:cover;border-radius:14px;display:block}.sao-pa-photo a{display:block}.sao-pa-photo figcaption{padding:10px 3px;font-size:.9rem}.sao-pa-card{padding:12px;border:1px solid #ccc;border-radius:18px;cursor:pointer;overflow-wrap:anywhere}.sao-pa-card:has(input:checked){outline:3px solid #b09838}.sao-pa-card span,.sao-pa-card small{display:block;margin-top:10px}.sao-pa-card small{opacity:.8}.sao-pa-notice{padding:15px;border-left:4px solid #b09838;background:#fff6cc;color:#222}.sao-pa-pages{display:flex;gap:24px;align-items:center;margin-top:30px;flex-wrap:wrap}.sao-pa-unlock{margin-left:auto;margin-right:auto}.sao-pa .sao-btn{cursor:pointer}#sao-pa-viewer{border:0;border-radius:18px;background:#171717;color:white;width:94vw;max-width:1400px;max-height:94vh;text-align:center;padding:45px 50px 24px;box-sizing:border-box}#sao-pa-viewer::backdrop{background:rgba(0,0,0,.88)}#sao-pa-viewer img{display:block;width:100%;height:70vh;object-fit:contain}#sao-pa-viewer button{position:absolute;background:#333;color:white;border:0;border-radius:50%;width:42px;height:42px;font-size:30px;cursor:pointer}#sao-pa-viewer [data-pa-close]{top:8px;right:8px}#sao-pa-viewer [data-pa-prev]{top:45%;left:5px}#sao-pa-viewer [data-pa-next]{top:45%;right:5px}#sao-pa-viewer a{color:#ffe185;text-decoration:underline}#sao-pa-viewer p{margin:8px}@media(max-width:520px){.sao-pa-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sao-pa-photo img,.sao-pa-card img{height:150px}.sao-pa-card{padding:6px}#sao-pa-viewer{padding:50px 28px 20px}#sao-pa-viewer img{height:65vh}}

.sao-pa-video-link{position:relative;overflow:hidden;border-radius:14px}.sao-pa-video-link video{display:block;pointer-events:none}.sao-pa-play{position:absolute;inset:0;margin:auto;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#0009;color:#fff;font-size:25px;pointer-events:none}.sao-pa-video-link:focus-visible{outline:3px solid #ffe185;outline-offset:4px}#sao-pa-viewer video{display:block;width:100%;height:70vh;object-fit:contain;background:#000}#sao-pa-viewer [hidden]{display:none!important}@media(max-width:520px){.sao-pa-photo .sao-pa-video-link video{height:150px}#sao-pa-viewer video{height:65vh}}.sao-pa-photo video{width:100%;height:210px;object-fit:contain;background:#141414;border-radius:14px}.sao-pa-photo small{display:block;margin-top:8px}.sao-pa-video-label{height:210px;display:grid;place-items:center;background:#232323;color:#ffe185;border-radius:14px;font-weight:700}.sao-pa-card input[type=datetime-local]{max-width:100%;width:100%;padding:8px;box-sizing:border-box;border:1px solid #bbb;border-radius:7px;margin-top:6px}.sao-pa-card>label{display:block;margin-top:10px}