/* 実装済み来場者アプリのスクリーンショットと操作ガイド。 */
.screen-tour-spread{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.screen-tour-visual,.screen-tour-copy{min-width:0}
.screen-tour-intro .eyebrow{font-size:9px;margin:0 0 7px}
.screen-tour-intro h2{font-size:26px;line-height:1.4;margin:0 0 9px}
.screen-tour .screen-tour-intro>p:last-child{font-size:13px;line-height:1.75;margin:0 0 16px;color:#c6cebf}
.screen-tour-figure{margin:0}.screen-window{position:relative;display:block;width:100%;height:390px;padding:0;background:#191c17;border:1px solid #75765f;border-radius:5px;overflow:hidden;cursor:zoom-in;text-align:left}
.screen-window>img{display:block;width:100%;height:100%;object-fit:cover}
.screen-zoom-label{position:absolute;bottom:8px;right:8px;padding:6px 10px;background:#111810eb;border:1px solid #b4b295;color:#f1ead8;font-size:10px;line-height:1.5;border-radius:3px}
.screen-tour-figure figcaption{font-size:10px;line-height:1.6;color:#a7b09d;margin-top:8px}
.screen-tour-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 18px}
.screen-tour-choices a{min-height:48px;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #505a44;background:#1d241a;border-radius:3px;font-size:12px;line-height:1.4;color:#c0cbb5}
.screen-tour-choices a>span{color:#c3a574;font-size:9px;font-variant-numeric:tabular-nums}
.screen-tour-choices a[aria-current]{background:#d0b17e;color:#192315;border-color:#d0b17e;font-weight:650}
.screen-tour-choices a[aria-current]>span{color:#483b23}
.screen-tour-detail>.eyebrow{font-size:9px;margin:0 0 6px;color:#cdb385}
.screen-tour-detail h3{font-size:21px;line-height:1.5;margin:0 0 9px}
.screen-tour .screen-tour-detail>p:not(.eyebrow){font-size:13px;line-height:1.8;margin:0;color:#c8d1c0}
.screen-tour-detail ol{list-style:none;margin:14px 0 18px;padding:0;display:grid;gap:10px}
.screen-tour-detail li{display:flex;gap:10px;align-items:baseline;border-top:1px solid #404b36;padding-top:10px}
.screen-tour-detail li>span{font-size:10px;color:#d4b88c;flex:none}
.screen-tour .screen-tour-detail li p{font-size:12px;line-height:1.7;margin:0;color:#d3d9cc}
.screen-tour-facts{display:flex;flex-wrap:wrap;gap:5px 12px;font-size:10px;color:#b4c0a6;margin:10px 0}
.screen-tour-facts span{padding-bottom:3px;border-bottom:1px solid #49553c}
.screen-tour .screen-tour-status{font-size:10px;line-height:1.65;margin:8px 0;color:#9fae91}
.screen-tour-next{font-size:12px}
.screen-lightbox{padding:0;background:#161c14;color:#e9ecdf;width:min(780px,94vw);max-width:94vw;height:92dvh;max-height:92dvh;border:1px solid #777660;border-radius:6px;overflow:hidden}
.screen-lightbox[open]{display:flex;flex-direction:column}
.screen-lightbox::backdrop{background:#000c;backdrop-filter:blur(4px)}
.screen-lightbox-head{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;gap:15px;border-bottom:1px solid #49553c;flex:none}
.screen-lightbox-head strong{font-size:15px}.screen-lightbox-head button{min-height:40px;min-width:40px}
.screen-lightbox>p{font-size:11px;margin:0;padding:8px 16px;color:#bdc8b1;line-height:1.5;flex:none}
.screen-full-image{min-height:0;overflow:auto;overscroll-behavior:contain;flex:1;background:#000}.screen-full-image img{display:block;width:100%;height:auto;margin:0 auto}
@media(min-width:1024px){.screen-tour.program-panel{padding-top:24px}.screen-tour.program-panel>.program-sections{margin-bottom:20px}.screen-tour-visual{position:sticky;top:65px}}
@media(min-width:600px) and (max-width:1023px){
 .duo-program.screen-tour .screen-tour-spread{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#756d52 transparent;gap:24px;padding:10px 0}
 .screen-tour-intro .eyebrow{font-size:8px;margin-bottom:4px}.screen-tour-intro h2{font-size:21px;margin-bottom:7px}
 .screen-tour .screen-tour-intro>p:last-child{font-size:12px;line-height:1.65;margin-bottom:10px}
 .screen-window{height:245px}.screen-zoom-label{font-size:9px;padding:4px 7px;bottom:6px;right:6px}.screen-tour-figure figcaption{font-size:9px;line-height:1.5;margin-top:6px}
 .screen-tour-choices{gap:5px;margin-bottom:11px}.screen-tour-choices a{font-size:11px;min-height:38px;padding:6px 7px;gap:6px}.screen-tour-choices a>span{font-size:8px}
 .screen-tour-detail>.eyebrow{font-size:8px;margin-bottom:4px}.screen-tour-detail h3{font-size:17px;line-height:1.5;margin-bottom:6px}
 .screen-tour .screen-tour-detail>p:not(.eyebrow){font-size:12px;line-height:1.65}
 .screen-tour-detail ol{gap:7px;margin:9px 0 10px}.screen-tour-detail li{gap:8px;padding-top:7px}.screen-tour .screen-tour-detail li p{font-size:11px;line-height:1.65}
 .screen-tour .program-highlight{padding:8px 10px;margin-bottom:8px}.screen-tour .program-highlight p{font-size:11px}
 .screen-tour-facts{font-size:9px;gap:4px 9px;margin:7px 0}.screen-tour .screen-tour-status{font-size:9px;line-height:1.5;margin:6px 0}.screen-tour-next{font-size:10px}
}
@media(min-width:600px) and (max-width:799px){
 .screen-window{height:360px}.screen-tour-intro h2{font-size:20px}.screen-tour-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-tour-choices a{font-size:11px;min-height:44px}.screen-tour-detail h3{font-size:18px}.screen-tour .screen-tour-detail li p{font-size:12px}.screen-tour .program-highlight p{font-size:12px}.screen-tour-facts{font-size:10px}.screen-tour-figure figcaption{font-size:10px}
}
@media(max-width:599px){
 .screen-tour-spread{grid-template-columns:1fr;gap:20px}.screen-tour.program-panel{padding-bottom:95px}.screen-tour-intro h2{font-size:23px}.screen-tour .screen-tour-intro>p:last-child{font-size:12px;margin-bottom:12px}.screen-window{height:320px}.screen-tour-choices{position:sticky;top:108px;z-index:1;background:var(--bg);padding:6px 0;gap:5px;margin-bottom:13px}.screen-tour-choices a{font-size:11px;min-height:42px;padding:6px;gap:5px}.screen-tour-detail h3{font-size:20px}.screen-tour .screen-tour-detail>p:not(.eyebrow){font-size:13px}.screen-tour .screen-tour-detail li p{font-size:12px}.screen-tour-figure figcaption{font-size:10px}.screen-tour.program-panel>.program-sections{margin-bottom:14px}.screen-lightbox{width:96vw;max-width:96vw;height:94dvh;max-height:94dvh}.screen-lightbox-head{padding:7px 12px}.screen-lightbox>p{font-size:10px;padding:7px 12px}
}
@media(max-width:599px){
 .screen-tour-spread{display:flex;flex-direction:column;gap:14px}.screen-tour-visual,.screen-tour-copy{display:contents}
 .screen-tour-intro{order:0}.screen-tour-choices{order:1;width:100%;margin:0}.screen-tour-figure{order:2;width:100%;scroll-margin-top:205px}.screen-tour-detail{order:3}.screen-tour .program-highlight{order:4;width:100%;margin:0}.screen-tour-facts{order:5;margin:0}.screen-tour .screen-tour-status{order:6;margin:0}.screen-tour-next{order:7}.screen-window{height:280px}
}