/* R12: feature region only; surrounding page uses R10 design. */
.inside-section :is(h2,h3,p,span,small,strong,b,a,button),body.official-white .scene-detail :is(h3,p,span,button){color:#f5f5f5!important}
body.official-white .inside-section{padding-top:96px;width:min(1180px,calc(100% - 72px));border-top:1px solid #ffffff30}
.inside-section>.section-heading{display:grid;grid-template-columns:1fr 1.08fr;gap:18px 65px;align-items:center;margin-bottom:50px}
.inside-section>.section-heading .kicker{grid-column:1/-1;font:11px/1.6 ui-monospace,monospace;letter-spacing:.22em;margin:0 0 8px}
.inside-section #inside-title{font-size:clamp(38px,4vw,58px);line-height:1.25;letter-spacing:.08em;margin:0;font-weight:750}
.inside-section .features-intro{margin:0;font-size:16px;line-height:2.1;font-weight:700;max-width:none;border-left:1px solid #ffffff30;padding-left:30px}
.inside-section .showcase-topline{padding:25px 0 14px;font-size:11px;letter-spacing:.12em;align-items:center}
.inside-section .live-mark{font-size:14px;font-weight:700;letter-spacing:.08em}
.inside-section .live-mark:before{background:#fff;box-shadow:0 0 8px #ffffff40}
.inside-section .scene-instruction{padding:0 0 20px;font-size:12px}
.inside-section .scene-instruction>span{font-size:12px}
.inside-section .investigation-image{border:1px solid #ffffff25;border-radius:7px;background:#080b0e;box-shadow:0 20px 65px #0005}
.inside-section .scene-preview-points button{background:#10181eeb;border:1px solid #ffffff66;border-radius:5px;padding:12px 16px;font-size:13px;box-shadow:0 5px 20px #0007;transition:background .2s,border-color .2s,box-shadow .2s}
.inside-section .scene-preview-points button:hover,.inside-section .scene-preview-points button.selected{background:#3c4951f0;border-color:#fff;box-shadow:0 0 0 3px #ffffff15,0 5px 20px #0007}
.inside-section .showcase-bottom{padding:30px 0 0;grid-template-columns:1.1fr 1fr;gap:60px}
.inside-section .showcase-bottom h3{font-size:30px;line-height:1.5;font-weight:700}
.inside-section .showcase-bottom p{font-size:14px;line-height:2;max-width:450px}
.inside-section .preview-response{padding:0 0 0 28px;border-left:1px solid #ffffff35;min-height:90px}
.inside-section .preview-response span{font-size:16px;font-weight:700}
.inside-section .preview-response p{font-size:13px;line-height:1.9;margin-top:9px;font-weight:400}
.inside-section .feature-card{border:0;border-top:1px solid #ffffff26;border-radius:0;box-shadow:none;background:transparent;overflow:visible}
.inside-section .illustration-feature{grid-template-columns:.65fr 1.35fr;gap:64px;margin-top:66px;padding-top:45px;align-items:center}
.inside-section .feature-copy,.inside-section .illustration-feature .feature-copy{padding:0;min-width:0}
.inside-section .feature-index{font-size:10px;letter-spacing:.13em;line-height:1.7;margin:0 0 20px}
.inside-section .feature-copy h3{font-size:36px;line-height:1.5;font-weight:700;letter-spacing:.08em;margin:0}
.inside-section .feature-copy>p:not(.feature-index){font-size:16px;line-height:2.1;margin-top:21px;max-width:none;font-weight:700}
.inside-section .feature-copy small{font-size:11px;line-height:1.9;font-weight:400;letter-spacing:.06em;margin-top:22px}
.inside-section .reading-excerpt{padding:0;border:0;display:flex;flex-direction:column}
.inside-section .reading-excerpt>p{margin:0 0 21px;font-size:17px;line-height:2;font-weight:700;position:relative;padding-left:19px;border-left:2px solid #ffffff70}
.inside-section .reading-excerpt>img{border:1px solid #ffffff20;border-radius:6px;box-shadow:0 16px 50px #0004}
.inside-section .feature-grid{margin-top:66px;grid-template-columns:1fr;gap:0}
.inside-section .arcade-feature{grid-template-columns:1.35fr .85fr;gap:55px;padding-top:45px;align-items:center}
.inside-section .arcade-feature .feature-visual{aspect-ratio:16/9;height:auto;min-height:0;overflow:hidden;border:1px solid #ffffff26;border-radius:6px;box-shadow:0 16px 50px #0004}
.inside-section .arcade-feature .feature-visual>img{object-fit:contain}
.inside-section .visual-tag{padding:8px 11px;border:1px solid #ffffff45;border-radius:3px;background:#0c1521e6;font-size:10px;bottom:15px;left:15px}
.inside-section .showcase-closing{position:relative;margin:70px 0 0;padding:34px 0 0;font-size:19px;line-height:2.1;letter-spacing:.07em}
.inside-section .showcase-closing:before{content:'';position:absolute;top:0;left:calc(50% - 23px);height:1px;width:46px;background:#ffffff70}
.inside-section .showcase-closing strong{font-weight:700}
body.official-white .scene-detail{background:#111a20;border-color:#ffffff65;border-radius:10px;padding:30px;box-shadow:0 25px 100px #000b}
body.official-white .scene-detail-head button,body.official-white .scene-detail>button{border-color:#ffffff55;background:#ffffff09}
body.official-white .scene-detail button:hover{background:#ffffff18}
@media(max-width:900px){.inside-section>.section-heading{gap:20px 30px;grid-template-columns:.85fr 1.15fr}
.inside-section .illustration-feature{gap:30px;grid-template-columns:.8fr 1.2fr}
.inside-section .arcade-feature{gap:30px;grid-template-columns:1.1fr 1fr}
.inside-section .feature-copy h3{font-size:30px}
.inside-section .feature-copy>p:not(.feature-index){font-size:14px}
.inside-section .feature-index{font-size:9px}}
@media(max-width:640px){body.official-white .inside-section{width:calc(100% - 36px);padding-top:62px}
.inside-section>.section-heading{grid-template-columns:1fr;gap:17px;margin-bottom:30px}
.inside-section>.section-heading .kicker{font-size:9px;margin-bottom:0;letter-spacing:.13em}
.inside-section #inside-title{font-size:39px}
.inside-section .features-intro{font-size:14px;line-height:2.05;border-left:0;padding:0}
.inside-section .showcase-topline{padding-top:20px;font-size:8px;gap:10px;letter-spacing:.04em}
.inside-section .live-mark{font-size:12px}
.inside-section .scene-instruction,.inside-section .scene-instruction>span{font-size:10px}
.inside-section .scene-instruction{padding-bottom:14px}
.inside-section .scene-preview-points button{font-size:10px;padding:7px 8px;min-height:42px}
.inside-section .scene-preview-points [data-preview=office]{font-size:9px;padding-inline:5px}
.inside-section .showcase-bottom{padding-top:23px;grid-template-columns:1fr;gap:23px}
.inside-section .showcase-bottom h3{font-size:25px}
.inside-section .showcase-bottom p{font-size:13px;line-height:1.95;margin-top:12px}
.inside-section .preview-response{padding:18px 0 0;border-left:0;border-top:1px solid #ffffff25;min-height:0}
.inside-section .preview-response span{font-size:14px}
.inside-section .preview-response p{font-size:12px;font-weight:400}
.inside-section .illustration-feature,.inside-section .arcade-feature{grid-template-columns:1fr;gap:25px;padding-top:30px;margin-top:43px}
.inside-section .feature-copy h3{font-size:29px}
.inside-section .feature-index{margin-bottom:12px}
.inside-section .feature-copy>p:not(.feature-index){font-size:14px;margin-top:12px}
.inside-section .feature-copy small{margin-top:13px;font-size:10px}
.inside-section .reading-excerpt>p{font-size:14px;line-height:1.95;padding-left:14px;margin-bottom:20px}
.inside-section .feature-grid{margin-top:0}
.inside-section .arcade-feature .feature-copy{grid-row:1}
.inside-section .arcade-feature .feature-visual{grid-row:2;aspect-ratio:16/9}
.inside-section .showcase-closing{margin-top:43px;padding-top:27px;font-size:15px}
.inside-section .visual-tag{font-size:8px;left:10px;bottom:10px;padding:6px 8px}
body.official-white .scene-detail{padding:23px}}
strong.author-credit{color:#f5f5f5!important;font-weight:800}