/* Editorial scenes extend the existing luminous AIoT panels and tab interaction. */
.physical-examples { background:radial-gradient(ellipse at 0 60%,#173c50,transparent 60%),#090f18; }
.physical-examples .aiot-section-head { max-width:900px; }
.physical-examples .aiot-section-head h2 { max-width:22ch; }
.physical-scene { grid-template-columns:1.25fr 1fr; }
.physical-stage { min-height:650px; display:flex; flex-direction:column; padding:30px; }
.physical-backdrop { position:absolute; inset:0; z-index:-2; opacity:.22; }
.physical-backdrop picture,.physical-backdrop img { width:100%; height:100%; object-fit:cover; }
.physical-stage::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,#091a29d9,transparent 65%,#091a2999); }
.physical-stage .aiot-stage-label { position:static; }
.physical-phrase { font-family:var(--display); font-size:clamp(1.6rem,2.7vw,2.5rem); line-height:1.2; letter-spacing:-.035em; color:#f6faff; max-width:22ch; margin:28px 0 35px; }
.physical-plan { position:relative; flex:1; min-height:345px; isolation:isolate; }
.physical-plan-lines { position:absolute; inset:5% 3%; border:1px solid #9ddfee44; border-radius:16px; transform:skewY(-5deg); }
.physical-plan-lines span { position:absolute; left:0; right:0; top:50%; border-top:1px solid #9ddfee44; }
.physical-plan-lines span+span { left:55%; top:0; bottom:0; right:auto; border-top:0; border-left:1px solid #9ddfee44; }
.physical-place { position:absolute; border:1px solid #87d7e552; padding:18px; border-radius:16px; background:#112b3ce8; box-shadow:0 18px 40px #0003; max-width:48%; min-width:145px; }
.physical-place svg { width:25px; height:25px; color:#a8e0e8; margin-bottom:10px; }
.physical-place span { display:block; font:.68rem var(--mono); color:#b5cbdc; line-height:1.6; }
.physical-place strong { display:block; font-size:.93rem; line-height:1.4; color:#fff; margin-top:5px; }
.physical-place-main { top:0; left:0; }
.physical-place-evidence { top:20%; right:0; border-style:dashed; background:#283748e8; }
.physical-place-boundary { bottom:0; left:9%; border-color:#a9f3d955; }
.physical-plan-core { position:absolute; bottom:7%; right:9%; width:80px; height:80px; border:1px solid #81dcea77; border-radius:22px; display:grid; place-items:center; background:#0e2535; box-shadow:0 0 45px #2eb6f033; }
.physical-plan-core img { width:38px; height:43px; }
.physical-status { font: .72rem var(--mono); line-height:1.6; color:#a9e7f2; border-bottom:1px solid #a8e0e830; padding-bottom:16px; margin:0 0 24px; }
.physical-examples .aiot-scene-foot { font-size:.78rem!important; line-height:1.6; }
.physical-examples .aiot-experience-foot { font-size:.82rem; }
.physical-scene-6 .physical-place-boundary { border-color:#eac18d88; background:#392d24e8; }
.physical-scene-7 .physical-plan-lines { border-style:dashed; }
.physical-scene-8 .physical-place-main { border-color:#b6ddc4; }
@media(max-width:1000px) { .physical-scene { grid-template-columns:1fr 1fr; }.physical-stage { padding:24px; }.physical-place { min-width:120px; padding:14px; }.physical-plan-core { right:3%; } }
@media(max-width:759px) { .physical-scene { grid-template-columns:1fr; }.physical-stage { min-height:550px; padding:24px 20px; }.physical-phrase { font-size:1.8rem; margin:24px 0 32px; }.physical-plan { min-height:330px; }.physical-place { max-width:47%; min-width:0; }.physical-place strong { font-size:.83rem; }.physical-place span { font-size:.63rem; }.physical-place-evidence { top:25%; }.physical-plan-core { right:5%; width:66px; height:66px; }.physical-status { font-size:.7rem; } }
@media(prefers-reduced-motion:no-preference) { .physical-scene:not([hidden]) .physical-place { animation:physical-arrive .45s ease-out both; }.physical-scene:not([hidden]) .physical-place-evidence { animation-delay:.1s; }.physical-scene:not([hidden]) .physical-place-boundary { animation-delay:.2s; } }
@keyframes physical-arrive { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }