.demo-page{--demo-gold:#d78824;--demo-ink:#163e32;background:#fafbf8}.demo-header{padding-block:20px;border-bottom:1px solid var(--line)}.demo-header .container{display:flex;align-items:center;justify-content:space-between;gap:20px}.demo-header nav{display:flex;align-items:center;gap:22px}.demo-header a{min-height:44px;display:inline-flex;align-items:center}.demo-hero{padding-block:36px 22px}.demo-eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.13em;color:var(--green);font-weight:600}.demo-hero h1{font-size:clamp(36px,4vw,58px);line-height:1.04;margin:10px 0 16px}.demo-hero>p:last-child{max-width:840px;color:var(--muted);font-size:17px}.demo-warning{border-left:4px solid var(--demo-gold);background:#fff3dd;padding:14px 18px;font-size:14px;line-height:1.55;margin-bottom:24px}.demo-warning strong{display:block;color:#5c3c08}.demo-layout{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(260px,1fr);gap:26px;align-items:start}.demo-view{min-width:0}.demo-stage{position:relative;height:500px;overflow:hidden;border:1px solid #d5e0d7;border-radius:12px;background:#eaf0e8}.demo-mount,.demo-mount canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.demo-mount canvas{touch-action:none;outline-offset:-5px}.demo-fallback{position:absolute;inset:0;margin:0;display:flex;align-items:center;justify-content:center}.demo-fallback img{width:100%;height:100%;object-fit:contain}.demo-badge{position:absolute;left:16px;top:16px;z-index:2;max-width:calc(100% - 32px);background:#173d32;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;line-height:1.35;pointer-events:none}.demo-load-area{position:absolute;left:18px;right:18px;bottom:18px;z-index:3;padding:14px;border:1px solid #c0d1c4;background:rgba(255,255,255,.97);border-radius:7px;display:flex;align-items:center;justify-content:space-between;gap:14px}.demo-load-area p{font-size:13px;color:var(--muted)}.demo-btn{appearance:none;min-height:46px;padding:10px 15px;border:1px solid #b6c9bd;border-radius:5px;font:inherit;font-size:14px;font-weight:500;line-height:1.3;color:var(--demo-ink);background:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px}.demo-btn:hover:not(:disabled){background:#e6eee6}.demo-btn:focus-visible,.demo-part:focus-visible{outline:3px solid #a25400;outline-offset:3px}.demo-btn.primary{background:var(--demo-ink);color:#fff;border-color:var(--demo-ink)}.demo-btn.primary:hover:not(:disabled){background:#245d49}.demo-btn:disabled{opacity:.5;cursor:default}.demo-btn[aria-pressed=true]{border-color:#a25400;background:#fff0d5;color:#654000}.demo-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-block:14px 10px}.demo-camera-tools{display:flex;flex-wrap:wrap;gap:8px}.demo-status{min-height:24px;font-size:13px;color:var(--green);margin:12px 0 8px}.demo-help,.demo-motion{font-size:13px;line-height:1.55;color:var(--muted)}.demo-motion{margin-top:6px}.demo-panel{padding:22px;background:#fff;border:1px solid var(--line);border-radius:10px}.demo-panel h2{font-size:24px;line-height:1.1}.demo-part-list{display:grid;gap:9px;margin-block:20px}.demo-part{display:flex;align-items:center;gap:11px;width:100%;text-align:left;min-height:55px;padding:10px;border:1px solid #d3ddd3;border-radius:6px;background:#fff;color:var(--demo-ink);font:inherit;font-size:14px;cursor:pointer}.demo-part span{flex:0 0 28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e9eee5;font-weight:600}.demo-part[aria-pressed=true]{border-color:#31654d;background:#edf4ec}.demo-part[aria-pressed=true] span{background:#205240;color:#fff}.demo-detail{border-top:1px solid var(--line);padding-top:18px;min-height:150px}.demo-detail h3{font-size:18px;margin-bottom:9px}.demo-detail p{font-size:14px;color:var(--muted);line-height:1.6}.demo-hotspot{position:absolute;z-index:2;width:38px;height:38px;border:2px solid white;border-radius:50%;background:#205240;color:#fff;font-family:inherit;font-size:16px;font-weight:600;box-shadow:0 2px 9px #18332355;cursor:pointer;transform:translate(-50%,-50%)}.demo-hotspot[aria-pressed=true]{background:#ac5a00}.demo-hotspot:focus-visible{outline:3px solid #163e32;outline-offset:3px}.demo-followup{padding:28px 0 50px;display:grid;grid-template-columns:minmax(0,2.6fr) minmax(260px,1fr);gap:26px}.demo-assumptions h2{font-size:22px;margin-bottom:12px}.demo-assumptions p{font-size:14px;color:var(--muted);max-width:850px;line-height:1.7}.demo-enquiry{background:#eef2e9;padding:22px;border-radius:8px}.demo-enquiry h2{font-size:22px}.demo-enquiry p{font-size:14px;color:var(--muted);margin:12px 0 16px}.demo-enquiry a{font-size:14px}.demo-footer{font-size:12px;color:var(--muted);padding:20px 0;border-top:1px solid var(--line)}.demo-footer a{text-decoration:underline;text-underline-offset:3px}
.demo-btn.primary[aria-pressed=true]{background:#163e32;color:#fff;border-color:#163e32}.demo-btn.primary[aria-pressed=true]:hover{background:#245d49;color:#fff}
@media(max-width:1000px){.demo-layout,.demo-followup{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.demo-stage{height:450px}.demo-panel{padding:18px}.demo-header nav{gap:12px}.demo-header nav a{font-size:14px}}
@media(max-width:760px){.demo-header{padding-block:12px}.demo-header .container{flex-wrap:wrap;gap:5px}.demo-header .brand{margin-right:auto}.demo-header nav{width:100%;justify-content:space-between}.demo-hero{padding-block:25px 18px}.demo-hero h1{font-size:38px}.demo-hero>p:last-child{font-size:16px}.demo-warning{font-size:13px;padding:12px 14px;margin-bottom:18px}.demo-layout,.demo-followup{grid-template-columns:1fr;gap:20px}.demo-stage{height:360px}.demo-badge{font-size:11px;left:12px;top:12px;max-width:calc(100% - 24px)}.demo-load-area{left:12px;right:12px;bottom:12px;gap:10px;padding:10px;flex-wrap:wrap}.demo-load-area .demo-btn{width:100%}.demo-toolbar>.demo-btn{flex:1}.demo-panel{padding:20px}.demo-part-list{grid-template-columns:1fr 1fr}.demo-part{font-size:13px;gap:8px}.demo-detail{min-height:115px}.demo-followup{padding-top:22px}.demo-hotspot{width:36px;height:36px}.demo-camera-tools .demo-btn{flex:1 1 70px;padding-inline:10px}.demo-enquiry .button{width:100%}}
@media(prefers-reduced-motion:reduce){.demo-page *, .demo-page *::before,.demo-page *::after{scroll-behavior:auto;transition:none!important;animation:none!important}}
.demo-stage{display:flex;flex-direction:column}.demo-fallback{position:relative;inset:auto;flex:1 1 0;min-height:0;padding:58px 12px 0}.demo-fallback img{height:100%;max-height:100%;min-height:0;object-fit:contain}.demo-load-area{position:relative;inset:auto;flex:0 0 auto;margin:12px 18px 18px}
@media(max-width:760px){.demo-fallback{padding:48px 8px 0}.demo-load-area{margin:8px 12px 12px}}


/* Embedded placement keeps all explanatory text in the document flow. */
.feed-line-embed{--demo-gold:#d78824;--demo-ink:#163e32;min-width:0;max-width:100%;padding:24px;border:1px solid #d5e0d7;border-radius:12px;background:#fff;overflow-wrap:anywhere}
.feed-line-embed [hidden]{display:none!important}
.feed-line-embed .demo-embed-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.feed-line-embed .demo-eyebrow{margin:0 0 8px;font-size:12px;line-height:1.5}
.feed-line-embed .demo-embed-header h2{margin:0;font-size:clamp(24px,2.8vw,36px);line-height:1.14}
.feed-line-embed .demo-full-link{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:100%;font-size:14px;line-height:1.5;color:var(--demo-ink);text-decoration:underline;text-underline-offset:4px}
.feed-line-embed .demo-embed-intro{max-width:850px;margin:12px 0 20px;font-size:15px;line-height:1.65;color:var(--muted,#58665e)}
.feed-line-embed .demo-layout{grid-template-columns:minmax(0,1.7fr) minmax(230px,1fr);gap:20px;align-items:start}
.feed-line-embed .demo-stage{height:clamp(270px,28vw,370px);min-width:0;border-radius:8px}
.feed-line-embed .demo-fallback{padding:0}
.feed-line-embed .demo-load-area{position:relative;inset:auto;margin:10px 0 0;padding:12px;gap:12px;flex-wrap:wrap;border-radius:6px}
.feed-line-embed .demo-load-area p{flex:1 1 200px;margin:0;line-height:1.5}
.feed-line-embed .demo-load-area .demo-btn{flex:0 1 auto;width:auto}
.feed-line-embed .demo-toolbar{margin:12px 0 8px}
.feed-line-embed .demo-camera-tools{gap:6px}
.feed-line-embed .demo-camera-tools .demo-btn{min-height:44px;padding:8px 10px;font-size:12px;flex:1 1 85px}
.feed-line-embed .demo-status{margin:12px 0 6px;line-height:1.55}
.feed-line-embed .demo-help,.feed-line-embed .demo-motion{margin:6px 0 0;font-size:12px;line-height:1.55}
.feed-line-embed .demo-panel{min-width:0;padding:16px;border-radius:8px;background:#f7f9f5}
.feed-line-embed .demo-panel>h3{margin:0;font-size:20px;line-height:1.25}
.feed-line-embed .demo-part-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}
.feed-line-embed .demo-part{min-width:0;min-height:48px;padding:8px;gap:7px;font-size:12px;line-height:1.4;overflow-wrap:normal}
.feed-line-embed .demo-part span{flex:0 0 23px;height:23px;font-size:12px}
.feed-line-embed .demo-detail{min-height:115px;padding-top:12px}
.feed-line-embed .demo-detail h4{margin:0 0 8px;font-size:16px;line-height:1.4}
.feed-line-embed .demo-detail p{margin:0;font-size:13px;line-height:1.65}
.feed-line-embed .demo-embed-enquiry{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;font-size:13px;line-height:1.5;text-decoration:underline;text-underline-offset:3px}
.feed-line-embed .demo-embed-warning{margin:18px 0 0;padding:12px 14px;border-left:3px solid var(--demo-gold);background:#fff7e9;font-size:12px;line-height:1.7;color:#5c3c08}
.feed-line-embed .demo-embed-warning strong{font-weight:600}
.feed-line-embed .demo-embed-license{margin:8px 0 0;font-size:11px;line-height:1.5;color:var(--muted,#58665e)}
.feed-line-embed .demo-embed-license a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.feed-line-embed{padding:16px;border-radius:9px}.feed-line-embed .demo-embed-header{flex-direction:column;gap:6px}.feed-line-embed .demo-full-link{font-size:13px}.feed-line-embed .demo-embed-intro{margin:8px 0 16px;font-size:14px}.feed-line-embed .demo-layout{grid-template-columns:minmax(0,1fr);gap:16px}.feed-line-embed .demo-stage{height:290px}.feed-line-embed .demo-panel{padding:14px}.feed-line-embed .demo-detail{min-height:0}.feed-line-embed .demo-load-area .demo-btn{width:100%;flex:1 1 100%}.feed-line-embed .demo-toolbar>.demo-btn{min-width:0;font-size:13px}.feed-line-embed .demo-camera-tools .demo-btn{flex:1 1 85px}.feed-line-embed .demo-part{font-size:13px}.feed-line-embed .demo-embed-warning{padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.feed-line-embed *,.feed-line-embed *::before,.feed-line-embed *::after{scroll-behavior:auto;transition:none!important;animation:none!important}}

/* The fixed r4 model reference replaces the retired round/U shape selector. */
body.demo-page .demo-feeder-reference,.feed-line-embed .demo-feeder-reference{margin-top:18px;padding-top:14px;border-top:1px solid #d5e0d7;min-width:0}
body.demo-page .demo-feeder-reference h3,.feed-line-embed .demo-feeder-reference h4{font-size:16px;line-height:1.4;margin:0 0 8px}
body.demo-page .demo-feeder-reference p,.feed-line-embed .demo-feeder-reference p{font-size:13px;line-height:1.6;margin:0;color:var(--muted,#58665e)}
body.demo-page .demo-feeder-reference a,.feed-line-embed .demo-feeder-reference a{display:inline-flex;align-items:center;min-height:44px;max-width:100%;font-size:13px;line-height:1.5;text-decoration:underline;text-underline-offset:3px}
body.demo-page .demo-fallback,.feed-line-embed .demo-fallback{flex-direction:column;gap:6px}
body.demo-page .demo-fallback img,.feed-line-embed .demo-fallback img{flex:1 1 0;min-height:0;height:auto;width:100%;object-fit:contain}
body.demo-page .demo-fallback figcaption,.feed-line-embed .demo-fallback figcaption{flex:0 0 auto;margin:0;padding:4px 12px;font-size:12px;line-height:1.4;text-align:center;color:#52666f}