:root{--ink:#183e36;--green:#154b40;--muted:#73817a;--line:#e3e7df;--paper:#f7f8f3;--card:#fff;--mint:#d9f0d5;--amber:#976414;--radius:18px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,select,input{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #e3a542;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.5}[hidden]{display:none!important}.sidebar{width:234px;background:var(--green);color:#eff5e5;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:35px 25px;z-index:5}.brand{display:flex;gap:11px;align-items:center;color:inherit;text-decoration:none;font-size:30px;font-weight:750;letter-spacing:-1.5px;line-height:1}.brand svg{width:35px;height:43px;color:#c8e9aa}.brand-light{font-weight:350}.brand small{display:block;font-size:7px;letter-spacing:1.6px;font-weight:500;margin-top:9px}.site-label{margin-top:54px;font-size:9px;letter-spacing:1.5px;color:#c4d6ba;display:flex;gap:8px;align-items:center}.tiny-dot{width:5px;height:5px;background:#c5de9c;border-radius:50%}nav{margin-top:24px;display:grid;gap:8px}.nav-link{display:flex;align-items:center;gap:14px;color:#bed1c7;background:none;border:0;text-align:left;font-size:13px;border-radius:9px;padding:13px 15px;white-space:nowrap}.nav-link span{font-size:20px;width:18px;line-height:1}.nav-link.active,.nav-link:hover{background:#2e6154;color:#fff}.sidebar-bottom{margin-top:auto;padding-top:35px}.edition{font-size:9px;letter-spacing:1.6px;color:#b7d6a7;border:1px solid #5a7b63;border-radius:5px;padding:5px 7px}.sidebar-bottom p{font-size:18px;line-height:1.5;letter-spacing:-.4px;margin:20px 0}.muted-light{font-size:10px;color:#aac4b8}main{margin-left:234px;max-width:1900px}.topbar{border-bottom:1px solid var(--line);height:93px;display:flex;align-items:center;justify-content:space-between;padding:0 44px}.breadcrumb{font-size:9px;letter-spacing:1.8px;font-weight:700;color:#78917c}.topbar p{font-size:12px;margin:2px 0 0}.date{font-size:11px;color:var(--muted)}.page{padding:37px 44px 24px}.page-title{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;color:#78917c;margin:0 0 6px}h1{font-size:clamp(29px,3.1vw,43px);font-weight:550;letter-spacing:-1.8px;line-height:1.2;margin:0 0 9px}.subtitle{font-size:12px;color:var(--muted);margin:0}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:#fff;border:1px solid var(--green);border-radius:8px;padding:10px 16px;font-size:12px;font-weight:600;white-space:nowrap}.button:hover{filter:brightness(1.1)}.button.secondary{color:var(--ink);background:transparent;border-color:#cbd4c8}.button.small{font-size:11px;padding:8px 12px}.source-bar{background:#eef2e7;border:1px solid #dfe7d5;border-radius:10px;padding:14px 17px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px}.source-bar>div{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.source-bar strong{font-size:11px}.source-bar span#sourceDescription{color:#677767}.status-dot{width:7px;height:7px;border-radius:50%;background:#b8872f;flex-shrink:0}.status-dot.live{background:#3e895c}.select-label{white-space:nowrap;font-size:10px;color:#667361}.source-bar select{margin-left:7px;background:transparent;max-width:180px}.control-row{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:23px 0 18px;font-size:10px;color:#6d7b72}select{border:1px solid #dce2d7;border-radius:6px;padding:6px 24px 6px 8px;background:#fff;color:#355346;font-size:11px;max-width:100%}.control-row select{margin-left:6px}.demo-controls{display:flex;align-items:center;gap:10px}.data-caption{margin-left:auto;font-size:10px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.metric{border:1px solid var(--line);border-radius:var(--radius);background:white;padding:22px 24px 18px;min-height:178px}.metric-label{font-size:11px;color:#697c6e;display:flex;justify-content:space-between;align-items:center}.metric-icon{font-size:19px;color:#85a67a}.metric-value{display:flex;align-items:baseline;gap:7px;font-size:43px;line-height:1.2;margin-top:10px;font-weight:450;letter-spacing:-2px}.metric-value small{font-size:18px;letter-spacing:-.4px;color:#73946a}.metric p{font-size:10px;color:#7b897e;margin:8px 0 13px}.meter{height:4px;border-radius:4px;background:#eaf0e6;overflow:hidden}.meter span{height:100%;display:block;width:0;background:#87b581;transition:width .4s}.mini-note{font-size:10px;color:#728567}.health-value{font-size:25px;line-height:1.25;font-weight:550;margin:19px 0 12px;letter-spacing:-.8px}.status-metric{background:#eaf1df;border-color:#dfe8d3}.status-metric.fault{background:#fff2e6;border-color:#ead9c2}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:18px;margin:22px 0}.chart-card,.table-card{border:1px solid var(--line);border-radius:var(--radius);background:white;overflow:hidden}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:21px 23px 0}h2{margin:0;font-size:15px;font-weight:600;letter-spacing:-.3px}.card-heading p{margin:5px 0 0;font-size:10px;color:#829080}.chart-selects{display:flex;gap:6px}.chart-wrap{position:relative;padding:12px 14px 0;min-height:190px}.chart-wrap svg{width:100%;height:auto;display:block;overflow:visible}.chart-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--muted)}.chart-footer{border-top:1px solid #edf0e8;margin:5px 23px 0;padding:13px 0;display:flex;justify-content:space-between;font-size:9px;color:#8b9688}.legend-line{display:inline-block;width:15px;height:2px;background:#3e805d;vertical-align:middle;margin-right:5px}.field-card{background:#e4ecd9;border-radius:var(--radius);position:relative;overflow:hidden;display:flex;flex-direction:column}.field-head{display:flex;align-items:center;justify-content:space-between;padding:17px 20px 0;font-size:8px;color:#60785a}.pill{display:inline-block;border:1px solid #afc3a1;border-radius:4px;font-size:8px;font-weight:600;letter-spacing:1px;padding:4px 7px;white-space:nowrap}.field-card img{height:168px;width:100%;object-fit:cover;object-position:center 46%}.field-copy{padding:0 23px 18px}.field-copy h2{font-size:18px;line-height:1.25;font-weight:550;letter-spacing:-.5px}.field-copy p{font-size:10px;color:#718064;line-height:1.6;max-width:220px}.text-button{background:none;border:0;color:var(--green);font-size:11px;font-weight:650;padding:3px 0;text-align:left}.text-button:hover{text-decoration:underline}.field-copy .text-button{width:100%;display:flex;justify-content:space-between;border-top:1px solid #cbd8bd;padding-top:11px}.table-card{margin-top:22px}.table-card .card-heading{padding-bottom:19px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:11px}th{text-align:left;background:#f7f9f3;color:#798a76;font-size:9px;font-weight:550;padding:11px 23px}td{padding:12px 23px;border-top:1px solid #eef1e9;color:#46624d}tr:last-child td{padding-bottom:18px}.quality{display:inline-block;font-size:9px;padding:3px 7px;border-radius:4px;background:#edf3e6;color:#5d8054}.quality.warn{background:#fff1de;color:#96713b}.scope-note{display:flex;gap:25px;align-items:baseline;padding:19px 0 0;margin-top:7px;border-top:1px solid var(--line);font-size:10px;color:#85917e}.scope-note strong{white-space:nowrap;font-weight:600;color:#587054}.scope-note p{margin:0;line-height:1.8}footer{margin:0 44px;display:flex;justify-content:space-between;padding:15px 0 24px;font-size:9px;color:#97a28f}footer b{color:#b4bea9;padding:0 5px}.error-banner{background:#fff0df;border:1px solid #ead7bb;color:#8c5c20;padding:12px 16px;border-radius:8px;margin-top:12px;font-size:12px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#183e36;color:white;padding:12px 20px;border-radius:10px;font-size:12px;box-shadow:0 5px 25px #0002;z-index:20;max-width:90vw}.hardware-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:center}.hardware-illustration{border-radius:22px;background:#e7eddf;overflow:hidden}.hardware-illustration img{width:100%;height:330px;object-fit:contain}.hardware-illustration p{font-size:10px;margin:0;padding:0 25px 20px;color:#6a7d62}.hardware-spec{padding:10px 0}.hardware-spec>h2{font-size:24px;margin-bottom:15px;letter-spacing:-.8px}.spec-row{display:flex;gap:19px;padding:15px 0;border-bottom:1px solid var(--line)}.spec-row b{font-size:11px;color:#8ba476;padding-top:2px}h3{font-size:14px;margin:0;font-weight:600}.spec-row p{font-size:12px;color:#73806d;margin:5px 0 0}.dark-pill{color:#587b50}.steps{max-width:850px}.steps article{display:flex;gap:30px;padding:25px 0;border-bottom:1px solid var(--line)}.steps article>span{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#e5eddc;border-radius:50%;font-size:11px;color:#688d59}.steps h2{font-size:20px;letter-spacing:-.5px}.steps p{font-size:13px;color:#73806d;margin:10px 0;line-height:1.7}.steps pre{padding:15px;background:#eaf0e3;border-radius:8px;font-size:12px;overflow-x:auto;color:#305b3c}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(min-width:1550px){.workspace-grid{grid-template-columns:minmax(0,1fr) 340px}.field-card img{height:230px}.chart-wrap{padding-top:25px}}@media(max-width:1200px){.sidebar{width:200px;padding:30px 19px}main{margin-left:200px}.topbar{padding:0 26px}.page{padding:29px 26px 20px}footer{margin:0 26px}.workspace-grid{grid-template-columns:minmax(0,1fr) 240px}.metric{padding:19px}.source-bar{align-items:flex-start}.source-bar>div{max-width:65%}.source-bar #sourceDescription{flex-basis:100%;padding-left:14px}.card-heading{padding:19px 18px 0}.chart-selects{flex-direction:column}.field-copy{padding:0 18px 16px}.field-card img{height:145px}.field-copy h2{font-size:17px}.scope-note{gap:15px}}
@media(max-width:960px){.sidebar{width:175px;padding:27px 15px}.brand{font-size:27px}.brand svg{width:30px}.brand small{font-size:6px}.nav-link{padding:12px 10px;font-size:11px;gap:10px}main{margin-left:175px}.workspace-grid{grid-template-columns:1fr}.field-card{display:none}.metric{padding:17px 14px;min-height:178px}.metric p{font-size:9px}.metric-value{font-size:36px}.health-value{font-size:21px}.metrics{gap:12px}.control-row{gap:12px}.data-caption{margin-left:0}.source-bar{flex-direction:column;gap:10px}.source-bar>div{max-width:100%}.source-bar #sourceDescription{flex-basis:auto;padding-left:0}.chart-selects{flex-direction:row}.scope-note{display:block}.scope-note p{margin-top:5px}.hardware-layout{grid-template-columns:1fr;gap:15px}.hardware-illustration img{height:280px}.hardware-illustration{max-width:500px}}
@media(max-width:650px){.sidebar{position:static;width:100%;padding:20px 20px 12px}.brand{font-size:28px}.brand svg{width:29px;height:34px}.brand small{display:none}.site-label,.sidebar-bottom{display:none}nav{display:flex;gap:5px;margin:20px 0 0;overflow-x:auto}.nav-link{flex:1;justify-content:center;font-size:10px;padding:9px 8px;gap:7px}.nav-link span{font-size:17px}main{margin-left:0}.topbar{height:65px;padding:0 20px}.topbar p{font-size:10px}.breadcrumb{font-size:8px}.date{font-size:9px}.page{padding:25px 18px 15px}.page-title{align-items:flex-start;flex-wrap:wrap;gap:15px;margin-bottom:20px}h1{font-size:34px;letter-spacing:-1.5px}.subtitle{font-size:11px}.page-title .button{font-size:10px;padding:8px 11px}.eyebrow{font-size:8px}.source-bar{font-size:10px;padding:12px}.source-bar strong{font-size:10px}.source-bar #sourceDescription{flex-basis:100%;padding-left:14px;line-height:1.7}.source-bar select{font-size:10px}.control-row{margin:19px 0 16px;gap:12px}.demo-controls{width:100%;justify-content:space-between}.demo-controls select{max-width:180px}.demo-controls .button{font-size:10px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.status-metric{grid-column:span 2;min-height:110px;display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:10px;padding:16px}.status-metric .metric-label{grid-column:span 2}.status-metric .health-value{margin:5px 0;font-size:21px;grid-row:2}.status-metric p{margin:4px 0;font-size:9px;grid-column:2;grid-row:2}.status-metric .mini-note{grid-column:span 2}.metric{min-height:164px;padding:16px}.metric-value{font-size:38px}.metric-label{font-size:10px}.metric-icon{font-size:17px}.chart-card .card-heading{gap:8px;padding:17px 15px 0}.chart-card h2{font-size:13px}.chart-card .card-heading p{font-size:9px}.chart-selects{gap:4px}.chart-selects select{font-size:9px;padding:5px 18px 5px 5px}.chart-wrap{padding:15px 4px 0;min-height:160px}.chart-wrap svg{min-height:150px}.chart-footer{margin:0 15px;font-size:8px}.table-card .card-heading{padding:18px 15px;align-items:flex-start}.table-card .text-button{font-size:9px}.table-card h2{font-size:13px}th,td{padding:10px 15px}.scope-note{font-size:9px}footer{margin:0 18px;font-size:8px}.hardware-illustration img{height:270px}.hardware-spec>h2{font-size:21px}.steps article{gap:15px}.steps h2{font-size:18px}.steps p{font-size:12px}.steps pre{max-width:calc(100vw - 100px);font-size:10px}.steps article>span{width:30px;height:30px;font-size:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Camera simulation */
.camera-simulation-label{font-size:9px;letter-spacing:1.3px;color:#87703c;background:#f2ecd9;border:1px solid #e6dcc1;border-radius:5px;padding:7px 10px;white-space:nowrap}.camera-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px;align-items:start}.camera-player{background:#102c25;border:1px solid #24493d;border-radius:16px;overflow:hidden;min-width:0;box-shadow:0 15px 35px #173a2b08}.camera-player-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 19px;color:#d6e5d4;font-size:10px}.camera-feed-id{display:flex;align-items:center;gap:9px}.camera-feed-id>span{color:#95b2a3;font-size:9px}.camera-feed-id i,.camera-kicker i{width:6px;height:6px;border-radius:50%;background:#cbbf76;box-shadow:0 0 0 4px #cbbf7613;display:inline-block}.camera-feed-id i.paused{background:#839789;box-shadow:none}#cameraLiveState{font-size:9px;color:#bdc8a7;white-space:nowrap}.camera-viewport{position:relative;background:#0c211b;aspect-ratio:16/9;overflow:hidden}.camera-viewport canvas{display:block;width:100%;height:100%;object-fit:contain}.camera-error{position:absolute;inset:0;display:grid;place-items:center;padding:30px;text-align:center;color:#e1e8d8;background:#18392c;font-size:13px}.camera-player-controls{display:flex;align-items:center;gap:8px;padding:12px 15px;color:#d9e9d5}.camera-control-button,.camera-icon-button{border:1px solid transparent;background:transparent;color:#d7e7d1;min-height:34px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;padding:7px 9px}.camera-control-button:hover,.camera-icon-button:hover{background:#284d3d}.camera-icon-button{font-size:20px;padding:2px 8px;min-width:32px}.camera-icon-button:disabled{color:#718d78;background:transparent}.camera-controls-spacer{flex:1}.camera-divider{height:17px;width:1px;background:#355444;margin:0 5px}.camera-zoom-label{font:11px ui-monospace,monospace;min-width:30px;text-align:center;color:#a5c19e}.camera-player-foot{border-top:1px solid #2b4739;display:flex;justify-content:space-between;gap:8px;padding:12px 19px;color:#90aa8e;font-size:9px}.camera-settings{background:white;border:1px solid var(--line);border-radius:16px;padding:24px 21px}.camera-settings h2{font-size:20px;letter-spacing:-.6px;margin:3px 0 8px}.camera-settings-intro{font-size:11px;color:#7e8a77;line-height:1.7;margin:0 0 21px}.camera-weather{border:0;padding:0;margin:0 0 23px;min-width:0}.camera-weather legend{font-size:10px;font-weight:600;color:#64805e;margin-bottom:10px}.camera-weather button{display:flex;align-items:center;gap:12px;text-align:left;width:100%;background:#f8faf5;border:1px solid #e5eadf;border-radius:9px;padding:13px 12px;margin-bottom:8px;color:#627b53}.camera-weather button[aria-pressed=true]{background:#eaf1e0;border-color:#9bb58a;color:#315d38}.camera-weather button>span{font-size:22px;line-height:1;width:23px;text-align:center}.camera-weather strong{display:block;font-size:11px;font-weight:600}.camera-weather small{display:block;font-size:9px;color:#8a9581;margin-top:3px}.camera-weather button i{margin-left:auto;font-style:normal;font-size:10px;visibility:hidden}.camera-weather button[aria-pressed=true] i{visibility:visible}.camera-range-label{display:flex;justify-content:space-between;gap:8px;font-size:10px;font-weight:600;color:#617956}.camera-range-label output{color:#8a9b7b;font-weight:400}.camera-range{width:100%;margin:12px 0 0;accent-color:#4f7a49;cursor:pointer}.camera-help{font-size:9px;color:#96a08d;margin:5px 0 20px}.camera-settings>.text-button{font-size:10px}.camera-note{border-top:1px solid #e5eadf;margin-top:21px;padding-top:17px}.camera-note>span{font-size:8px;letter-spacing:1.2px;color:#a09a73}.camera-note p{font-size:10px;color:#8a927e;line-height:1.7;margin:8px 0 0}.camera-info-row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px}.camera-info-row article{display:flex;gap:14px;padding:18px 3px}.camera-info-row article>span{font-size:10px;color:#849e6c;padding-top:4px}.camera-info-row h3{font-size:12px;color:#4a6b45}.camera-info-row p{font-size:10px;color:#8a9480;line-height:1.7;margin:6px 0 0}.camera-exit-fullscreen{position:absolute;right:20px;bottom:20px;border:1px solid #71856b;background:#183928dc;color:#eef4e5;padding:12px 17px;border-radius:8px;font-size:12px;z-index:3}.camera-viewport:fullscreen{width:100vw;height:100dvh;aspect-ratio:auto;display:grid;place-items:center}.camera-viewport:fullscreen canvas{width:100%;height:100%;object-fit:contain}.camera-expanded{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;aspect-ratio:auto!important;z-index:999!important;display:grid!important;place-items:center!important}.camera-expanded canvas{width:100%;height:100%;object-fit:contain}.camera-no-scroll{overflow:hidden}.camera-preview-card{display:grid;grid-template-columns:minmax(230px,.8fr) 1.2fr;border:1px solid #dbe4d3;border-radius:16px;overflow:hidden;background:#ecf2e4;margin:22px 0}.camera-preview-image{position:relative;border:0;padding:0;display:block;background:#244d37;min-height:180px;overflow:hidden}.camera-preview-image canvas{width:100%;height:100%;object-fit:cover;display:block}.preview-play{position:absolute;right:15px;bottom:15px;width:32px;height:32px;display:grid;place-items:center;background:#d7e6c3dd;color:#244f37;font-size:20px;border-radius:50%;box-shadow:0 2px 12px #10291e2a}.camera-preview-copy{padding:25px 29px}.camera-kicker{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.4px;color:#698359}.camera-kicker i{width:5px;height:5px;background:#6b8e53;box-shadow:0 0 0 3px #91a7741a}.camera-preview-copy h2{font-size:21px;font-weight:550;margin:11px 0 7px;letter-spacing:-.7px}.camera-preview-copy p{font-size:11px;line-height:1.7;color:#829176;margin:0 0 15px;max-width:360px}.camera-preview-copy .button{font-size:10px;gap:22px;padding:9px 12px}.camera-preview-copy small{display:block;font-size:9px;line-height:1.6;color:#94a185;margin-top:11px}
@media(min-width:1600px){.camera-layout{grid-template-columns:minmax(0,1fr) 300px}.camera-settings{padding:29px}.camera-weather button{padding:16px 13px}}@media(max-width:1200px){.camera-layout{grid-template-columns:1fr}.camera-settings{display:grid;grid-template-columns:1fr 1.8fr;gap:0 25px}.camera-settings>.eyebrow,.camera-settings>h2,.camera-settings-intro{grid-column:1}.camera-weather{grid-column:2;grid-row:1/5;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px;align-items:start}.camera-weather button{display:block;height:111px;padding:13px 9px;margin:0;position:relative}.camera-weather button>span{display:block;margin-bottom:12px}.camera-weather button i{position:absolute;right:8px;top:11px}.camera-weather small{font-size:8px}.camera-range-label,.camera-range,.camera-help{grid-column:1}.camera-settings>.text-button{grid-column:2;grid-row:6;align-self:center;justify-self:start}.camera-note{grid-column:2;grid-row:7/9;margin:0;padding-top:12px}.camera-settings-intro{margin-bottom:15px}.camera-settings>.eyebrow{font-size:8px}.camera-settings h2{font-size:19px}.camera-info-row{gap:20px}.camera-feed-id>span{display:inline}.camera-preview-copy{padding:22px}.camera-preview-copy h2{font-size:18px}}
@media(max-width:650px){nav{justify-content:space-between}.nav-link{flex:0 0 auto;font-size:9px;padding:9px 7px;gap:5px}.nav-link span{font-size:15px;width:auto}.camera-simulation-label{font-size:8px;padding:6px 8px}.camera-player{border-radius:12px}.camera-layout{gap:17px}.camera-player-top{padding:12px;font-size:9px}.camera-feed-id{gap:7px}.camera-feed-id>span{display:none}#cameraLiveState{font-size:8px}.camera-player-controls{padding:9px 7px;gap:3px}.camera-control-button{font-size:10px;padding:5px 7px}.camera-icon-button{min-width:29px;font-size:18px}.camera-divider{margin:0 2px}.camera-zoom-label{font-size:9px;min-width:26px}.camera-player-foot{font-size:8px;padding:10px 12px}.camera-settings{display:block;padding:20px}.camera-settings-intro{margin-bottom:18px}.camera-weather{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:20px}.camera-weather button{height:111px}.camera-weather legend{margin-bottom:10px}.camera-weather small{font-size:8px}.camera-weather strong{font-size:10px}.camera-weather button>span{font-size:22px}.camera-range-label{font-size:11px}.camera-note{margin-top:18px;padding-top:15px}.camera-info-row{grid-template-columns:1fr;gap:0;margin-top:12px}.camera-info-row article{padding:14px 4px;border-bottom:1px solid #e5e9de}.camera-info-row p{margin-top:3px}.camera-preview-card{grid-template-columns:1fr}.camera-preview-image{max-height:200px}.camera-preview-image canvas{aspect-ratio:16/9}.camera-preview-copy{padding:22px}.camera-preview-copy h2{font-size:22px}}