:root{--ink:#18273e;--muted:#52627a;--blue:#245be7;--line:#d4ddeb;--paper:#fff;--background:#f4f7fb;--green:#196d4e;--amber:#805117;--radius:17px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:28px}
body{margin:0;background:var(--background);color:var(--ink);font-family:Manrope,Inter,Arial,sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;min-width:0}
button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}
button{cursor:pointer;color:inherit}
button:disabled{cursor:default}
a{color:inherit;text-underline-offset:4px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #295eb7;outline-offset:4px}
h1,h2,h3,h4,p{margin:0}
h1,h2,h3,h4{line-height:1.25;letter-spacing:-.035em}
[hidden]{display:none!important}
.usage-skip{position:fixed;top:12px;left:12px;padding:12px 18px;background:white;z-index:100;transform:translateY(-180%)}
.usage-skip:focus{transform:none}
.usage-header{max-width:1320px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 32px;border-bottom:1px solid var(--line)}
.usage-brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:21px;font-weight:800;line-height:1.3;letter-spacing:-.04em}
.usage-logo{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;background:var(--blue);color:white;border-radius:11px;font-size:25px}
.usage-brand small{display:block;color:var(--muted);font-size:16px;font-weight:500;letter-spacing:0}
.usage-header nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.usage-header nav a{display:inline-flex;align-items:center;min-height:44px;font-size:16px;text-decoration:none;font-weight:700}
.usage-header nav a:hover{text-decoration:underline}
.usage-main{width:min(1240px,calc(100% - 64px));margin:auto}
.usage-intro{padding:56px 0 30px;max-width:1110px}
.usage-eyebrow{font-size:16px;line-height:1.5;color:#345b98;font-weight:800;letter-spacing:.035em;margin-bottom:14px}
.usage-intro h1{font-size:clamp(42px,5.2vw,66px);line-height:1.05;max-width:900px;margin-bottom:25px}
.usage-intro h1 em{font-style:normal;color:var(--blue);font-weight:600}
.usage-intro>p:not(.usage-eyebrow){font-size:20px;line-height:1.75;max-width:980px}
.usage-safety{padding:18px 22px;margin-top:25px;border:1px solid #c9d8f0;background:#eaf1fd;border-radius:12px;font-size:16px;line-height:1.8}
.usage-cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:12px;margin-bottom:32px}
.usage-cases a{display:flex;flex-direction:column;justify-content:center;gap:7px;padding:16px 18px;min-height:100px;border:1px solid #bfcde2;border-radius:14px;background:white;text-decoration:none}
.usage-cases a strong{font-size:20px;line-height:1.3;letter-spacing:-.02em}
.usage-cases a span{font-size:16px;color:var(--muted);line-height:1.55}
.usage-cases a:hover{border-color:#7699d0;background:#f6f9ff}
.usage-cases a.is-selected{border:2px solid var(--blue);padding:15px 17px;box-shadow:0 5px 20px #245be712;background:#edf3ff}
.usage-cases a.is-selected strong{color:#15469f}
.case-heading{max-width:1060px;margin-bottom:25px}
.case-heading h2{font-size:clamp(30px,3.2vw,43px);margin-bottom:18px}
.case-heading>p:last-child{font-size:18px;color:var(--muted);line-height:1.8}
.usage-player{padding:22px 24px;background:#fff;border:1px solid #cbd7e9;border-radius:16px;box-shadow:0 8px 24px #15355f08}
.player-primary{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.usage-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 17px;border:1px solid #b6c6dd;border-radius:9px;background:#fff;color:#25426e;font-size:16px;font-weight:750;line-height:1.5;text-decoration:none;text-align:center}
.usage-button:hover{background:#eaf1fc;border-color:#7697c6}
.usage-button.usage-primary{background:var(--blue);border-color:var(--blue);color:white}
.usage-button.usage-primary:hover{background:#164abe}
.usage-button:disabled{background:#e9eef6;color:#5e6b80;border-color:#d2dce9}
.usage-button[aria-pressed=true]:not(.usage-primary){background:#e8f1ff;box-shadow:inset 0 0 0 1px #7295ce}
.playback-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;color:var(--muted);font-size:16px;line-height:1.6;flex-wrap:wrap}
.playback-status strong{font-weight:650;color:#364d71}
.usage-player details{border-top:1px solid var(--line);padding-top:8px}
.usage-player summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;padding:8px 0;cursor:pointer;font-size:16px;font-weight:750;line-height:1.5;list-style:none}
.usage-player summary::-webkit-details-marker{display:none}
.usage-player summary::after{content:'+';font-size:25px;line-height:1;margin-left:3px}
.usage-player details[open] summary::after{content:'−'}
.usage-player summary span{margin-left:auto;white-space:nowrap;font-weight:600;color:#536987}
.playback-options-content{padding:16px 0 2px}
.playback-settings{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:start;gap:28px}
.playback-settings label{display:block;font-size:16px;font-weight:700;line-height:1.5}
.playback-settings select{display:block;width:100%;min-height:46px;margin-top:10px;padding:9px 12px;border:1px solid #afc0da;background:#fff;color:var(--ink);border-radius:8px;font-size:16px}
.progress-control label{display:flex;justify-content:space-between;gap:20px}
.progress-control input{width:100%;min-height:44px;margin:9px 0 0;accent-color:var(--blue);cursor:pointer}
.progress-control p{color:var(--muted);font-size:16px;line-height:1.6;margin-top:2px}
.usage-chapters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:18px}
.usage-chapters button{min-height:44px;padding:9px 12px;border:1px solid #cfdaeb;background:#f4f7fc;border-radius:8px;font-size:16px;line-height:1.5;text-align:left}
.usage-chapters button.is-done{background:#e7eefb;color:#244f90;border-color:#afc6e8}
.usage-chapters button[aria-current=step]{border:2px solid var(--blue);padding:8px 11px;font-weight:800}
.motion-status{margin-top:12px;color:var(--muted);font-size:16px}
.scene-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.usage-workspace{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:30px;align-items:start}
.usage-phone-panel,.usage-bureau-panel{min-width:0;scroll-margin-top:25px}
#usage-fields{scroll-margin-top:20px}
.screen-role{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-size:16px;line-height:1.6;color:#395372}
.screen-role>span{display:inline-flex;align-items:center;justify-content:center;height:30px;width:30px;background:#e1eaf8;border-radius:7px;font-size:20px}
.usage-phone{border:7px solid #1d2c43;border-radius:29px;background:#fff;box-shadow:0 16px 35px #152f5711;overflow:hidden}
.phone-top{display:flex;align-items:center;gap:8px;padding:15px 15px 13px;border-bottom:1px solid #dce4f0;background:#f4f7fc;font-size:16px;line-height:1.4}
.phone-top>span:last-child{margin-left:auto;color:#536986;font-weight:650;font-size:16px}
.mini-logo{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--blue);color:white;border-radius:5px;font-weight:800}
.phone-content{padding:21px 18px 23px}
.record-chip{display:inline-block;padding:5px 8px;border:1px solid #cfdaeb;background:#f4f7fc;border-radius:6px;color:#536987;font-size:16px;font-weight:650;line-height:1.5;overflow-wrap:anywhere}
.phone-content h3{font-size:26px;line-height:1.2;margin:17px 0 13px}
.form-phase{font-size:16px;line-height:1.7;color:var(--muted);margin-bottom:20px}
#usage-fields{margin:0;padding:0;border:0;min-width:0}
#usage-fields legend{padding:0;margin:0 0 16px;font-size:16px;font-weight:800;line-height:1.5}
.usage-field{margin-bottom:17px;min-width:0}
.usage-field label{display:block;font-size:16px;font-weight:700;line-height:1.55;margin-bottom:8px}
.usage-field input,.usage-field select,.usage-field textarea{display:block;width:100%;min-height:46px;padding:10px 11px;border:1px solid #afc0d9;border-radius:8px;background:#fff;color:#18324f;font-size:16px;line-height:1.55}
.usage-field textarea{resize:vertical}
.usage-field input:read-only,.usage-field textarea:read-only,.usage-field select:disabled{background:#f1f5fb;color:#334f72;opacity:1;-webkit-text-fill-color:#334f72}
.usage-field.usage-check{display:grid;grid-template-columns:24px minmax(0,1fr);gap:11px;align-items:start;padding:14px;background:#edf3ff;border:1px solid #d3dff2;border-radius:9px}
.usage-field.usage-check input{height:22px;width:22px;min-height:0;margin:3px 0 0;padding:0;accent-color:var(--blue)}
.usage-field.usage-check label{font-weight:600;margin:0}
.phase-summary{padding:16px;border:1px solid #d2deee;background:#f2f6fd;border-radius:9px;font-size:16px;line-height:1.75;margin:0 0 20px}
#manual-next{width:100%;font-size:16px;min-height:48px}
.edit-request{display:block;margin:13px 0 0;padding:9px 0;border:0;background:none;text-decoration:underline;text-underline-offset:4px;color:#2d568e;font-size:16px;line-height:1.5;text-align:left}
.field-error{padding:13px;border:1px solid #cf9b65;border-radius:8px;background:#fff4e4;color:#723d12;font-size:16px;line-height:1.7;margin:0 0 16px}
.phone-note{margin-top:17px;color:#53657e;font-size:16px;line-height:1.65}
.usage-bureau{border:1px solid #c3d1e5;background:white;border-radius:17px;overflow:hidden;box-shadow:0 14px 36px #18375e0b}
.bureau-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:23px 25px;background:#102645;color:#fff}
.bureau-top .usage-eyebrow{color:#bcd1f2;font-size:16px;margin-bottom:10px}
.bureau-top h3{font-size:25px;line-height:1.25;max-width:400px}
.record-status{display:inline-flex;align-items:center;min-height:40px;padding:8px 12px;border-radius:8px;background:#e9eef7;color:#354e73;font-size:16px;font-weight:750;line-height:1.45;max-width:245px}
.record-status.status-review{background:#fff0ce;color:#71450d}
.record-status.status-active{background:#dcecff;color:#153d79}
.record-status.status-done{background:#daf3e7;color:#175c43}
.reuse-note{display:flex;gap:13px;align-items:flex-start;margin:22px 25px;padding:17px 18px;background:#edf3ff;border:1px solid #cfddf3;border-radius:10px}
.reuse-note>span{font-size:26px;font-weight:700;line-height:1.3;color:#3b6eae}
.reuse-note p{font-size:16px;line-height:1.7;min-width:0}
.reuse-note strong,.reuse-note p>span{display:block;overflow-wrap:anywhere}
.reuse-note p>span{color:#536985;margin-top:6px}
.record-summary{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(0,1.4fr);gap:10px 20px;padding:0 25px;margin:0 0 23px;font-size:16px;line-height:1.65}
.record-summary dt{color:#596c86}
.record-summary dd{font-weight:650;margin:0;overflow-wrap:anywhere}
.signal-panel,.information-panel,.decision-panel,.return-panel,.result-panel{margin:0 25px 20px;padding:20px 21px;border:1px solid #d3deec;border-radius:11px;background:#f7f9fc;scroll-margin-top:30px}
.signal-panel h4,.information-panel h4,.decision-panel h4,.return-panel h4,.result-panel h4{font-size:21px;line-height:1.35;margin-bottom:13px}
.signal-panel p,.information-panel p,.decision-panel p,.return-panel p,.result-panel p{font-size:16px;line-height:1.8;overflow-wrap:anywhere}
.signal-panel.is-review{border-color:#e2c17b;background:#fff7e7}
.signal-panel.is-origin{border-color:#c6d6ee;background:#f1f5fc}
.signal-panel.is-clear,.result-panel.is-done{border-color:#9bc8b4;background:#eaf7f0}
.result-panel.is-review{border-color:#d9b87b;background:#fff6e6}
.information-panel{border-left:4px solid #7896c5;background:#eff4fc}
.decision-panel{border-left:4px solid #497dbe;background:#f0f6ff}
.return-panel{background:#f6faf7}
.previous-measures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:19px}
.previous-reading{padding:11px;border:1px solid #d0d9e7;border-radius:8px;background:#fff}
.previous-reading span,.previous-reading strong{display:block;font-size:16px;line-height:1.6}
.previous-reading span{color:#52647b}
.previous-reading.is-current{border:2px solid #b37d24;background:#fff6e3;grid-column:1/-1}
.previous-reading.is-current strong{font-size:23px;color:#744911}
.usage-agenda,.usage-history{margin-top:35px;padding:28px;border:1px solid #c4d3e8;border-radius:17px;background:white;scroll-margin-top:30px}
.usage-agenda{border-top:5px solid #4c77bd;background:#f9fbff}
.section-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:16px}
.section-top .usage-eyebrow{margin-bottom:10px}
.section-top h3{font-size:30px;line-height:1.25}
.demo-badge{display:inline-flex;align-items:center;min-height:38px;padding:7px 11px;border-radius:7px;background:#e9f0fb;border:1px solid #ccd9ec;color:#3b5a85;font-size:16px;font-weight:800;line-height:1.45;white-space:nowrap}
.usage-agenda>p{font-size:16px;color:#536782;line-height:1.75}
.agenda-entries{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0;list-style:none;margin:23px 0 17px}
.agenda-entry{min-width:0;padding:19px 18px;border:1px solid #cdd9eb;border-left:5px solid #b8c6da;border-radius:10px;background:#fff}
.agenda-existing{background:#f0f3f8;color:#52627b}
.agenda-linked{border-left-color:#3268bc;border-color:#aac1e3;background:#eaf2ff}
.agenda-done{border-left-color:#238562;border-color:#9ac8b4;background:#e9f7ef}
.agenda-review{border-left-color:#af7b27;border-color:#dcc18d;background:#fff7e5}
.agenda-when{padding-bottom:13px;margin-bottom:15px;border-bottom:1px solid #cbd7e8}
.agenda-when strong,.agenda-when span{display:block;font-size:16px;line-height:1.6}
.agenda-when span{font-weight:700;color:#3b5c8b;margin-top:5px}
.agenda-content h4{font-size:20px;line-height:1.4;overflow-wrap:anywhere;margin-bottom:13px}
.agenda-content p{font-size:16px;line-height:1.7}
.agenda-origin{display:block;font-size:16px;line-height:1.6;font-weight:750;color:#245795;margin-top:16px;overflow-wrap:anywhere}
.agenda-note{border-top:1px solid #d3dfef;padding-top:14px}
.history-entries{list-style:none;padding:0;margin:25px 0 0}
.history-entry{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;padding:20px 0;border-top:1px solid #d8e1ee}
.history-step{display:flex;gap:11px;align-items:flex-start;font-size:16px;line-height:1.6}
.history-step>span{display:inline-flex;align-items:center;justify-content:center;height:32px;min-width:32px;border-radius:8px;background:#e6eefb;color:#2b5998;font-size:16px;font-weight:800}
.history-content p{font-size:16px;line-height:1.8;overflow-wrap:anywhere}
.history-content>span{display:block;color:#58718e;font-size:16px;line-height:1.6;margin-top:9px}
.history-empty{font-size:16px;color:#5a6c84;padding:18px 0}
.final-state{padding:20px 22px;margin-top:22px;border:1px solid #c3d2e6;border-radius:10px;font-size:18px;line-height:1.8;font-weight:650}
.final-state.is-done{border-color:#9bc5b1;background:#e8f6ee;color:#1e6048}
.final-state.is-review{border-color:#d6b67b;background:#fff5e2;color:#755014}
.usage-ending{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;border-top:1px solid #d5deec;padding-top:25px;margin-top:25px}
.usage-ending>p{flex-basis:100%;max-width:980px;color:#536780;font-size:16px;line-height:1.8}
.usage-text-link{font-size:16px;line-height:1.5;min-height:44px;display:inline-flex;align-items:center;font-weight:750;color:#365d96}
.usage-footer{display:flex;justify-content:space-between;gap:24px;align-items:center;max-width:1304px;margin:42px auto 0;padding:28px 32px 35px;border-top:1px solid #d5dfed;font-size:16px;color:#526782;line-height:1.65}
.usage-footer a{font-weight:800}
@media(max-width:1100px){.usage-workspace{grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:22px}.bureau-top{flex-direction:column;gap:16px}.record-status{max-width:none}.record-summary{grid-template-columns:1fr;gap:3px}.record-summary dd{margin-bottom:9px}.agenda-entries{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-chapters{grid-template-columns:repeat(4,minmax(0,1fr))}.usage-chapters button{padding-inline:9px}.usage-header nav{gap:18px}.usage-brand{font-size:20px}}
@media(max-width:900px){.usage-cases a{padding:18px}.usage-cases a.is-selected{padding:17px}.usage-cases a strong{font-size:19px}.usage-workspace{grid-template-columns:300px minmax(0,1fr)}.bureau-top,.reuse-note,.signal-panel,.information-panel,.decision-panel,.return-panel,.result-panel{padding:18px}.reuse-note,.signal-panel,.information-panel,.decision-panel,.return-panel,.result-panel{margin-inline:18px}.record-summary{padding-inline:18px}.playback-settings{grid-template-columns:190px minmax(0,1fr);gap:20px}.section-top{flex-wrap:wrap}.usage-chapters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){html{scroll-padding-top:140px}.usage-main{width:calc(100% - 36px)}.usage-header{padding:20px 18px;align-items:flex-start;flex-direction:column;gap:12px}.usage-header nav{gap:6px 21px}.usage-header nav a{font-size:16px}.usage-intro{padding-top:34px}.usage-intro h1{font-size:44px}.usage-intro>p:not(.usage-eyebrow){font-size:18px}.usage-safety{padding:17px 18px}.usage-cases{grid-template-columns:1fr;gap:10px;margin-bottom:29px}.usage-cases a{min-height:90px;padding:17px 19px;gap:5px}.usage-cases a.is-selected{padding:16px 18px}.usage-cases a strong{font-size:21px}.usage-player{position:sticky;top:0;z-index:30;padding:15px;border-radius:11px;box-shadow:0 5px 20px #17345116}.player-primary{gap:8px}.player-primary>.usage-button{font-size:16px;flex:1 1 auto;padding-inline:12px}.player-primary>#play-toggle{flex-basis:100%}.usage-player.is-playing .player-primary>button:not(#play-toggle){display:none}.usage-player.is-playing .playback-status{display:none}.usage-player.is-playing #play-toggle{min-height:44px;padding:8px 12px}.playback-status{gap:5px;margin-block:10px;font-size:16px}.usage-player summary{font-size:16px;gap:10px;padding-block:9px}.usage-player.is-playing details{margin-top:8px}.usage-player summary span{font-size:16px}.playback-settings{grid-template-columns:1fr;gap:18px}.usage-chapters{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-chapters button{font-size:16px}.scene-announcement{padding-block:19px;font-size:17px;min-height:0}.usage-workspace{grid-template-columns:1fr;gap:28px}.usage-phone{max-width:440px;margin-inline:auto}.usage-phone-panel,.usage-bureau-panel,.signal-panel,.information-panel,.decision-panel,.return-panel,.result-panel,.usage-agenda,.usage-history{scroll-margin-top:142px}.phone-content{padding:23px 20px}.usage-field input,.usage-field select,.usage-field textarea{font-size:17px}.usage-bureau{border-radius:13px}.bureau-top{padding:22px}.bureau-top h3{font-size:25px}.reuse-note,.signal-panel,.information-panel,.decision-panel,.return-panel,.result-panel{margin-inline:18px}.record-summary{grid-template-columns:minmax(100px,.8fr) minmax(0,1.3fr);gap:10px 14px;padding-inline:18px}.record-summary dd{margin-bottom:0}.usage-agenda,.usage-history{padding:23px 19px;margin-top:28px}.section-top{gap:14px}.section-top h3{font-size:27px}.agenda-entries{grid-template-columns:1fr;gap:13px}.agenda-entry{padding:18px}.agenda-when{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.agenda-when span{margin:0}.history-entry{grid-template-columns:1fr;gap:12px;padding-block:21px}.history-step{align-items:center}.usage-ending{gap:15px;align-items:stretch}.usage-ending>.usage-button,.usage-ending>.usage-text-link{width:100%;justify-content:center}.usage-footer{flex-direction:column;align-items:flex-start;padding-inline:18px;margin-top:30px;gap:14px}.usage-player:has(details[open]){position:static}.motion-status{font-size:16px}}
@media(max-width:390px){.usage-main{width:calc(100% - 28px)}.usage-intro h1{font-size:39px}.usage-player{padding:12px}.usage-player summary{font-size:16px}.usage-player summary span{display:none}.phone-content{padding:21px 15px}.phone-top{padding-inline:12px;gap:6px}.phone-top>span:last-child{font-size:16px}.record-summary{grid-template-columns:1fr;gap:3px}.record-summary dd{margin-bottom:10px}.usage-field.usage-check{padding:12px}.usage-agenda,.usage-history{padding:21px 16px}.bureau-top{padding:20px}.usage-chapters button{font-size:16px}}
@media(max-width:760px){html{scroll-padding-top:150px}#usage-fields,.usage-phone-panel,.usage-bureau-panel,.signal-panel,.information-panel,.decision-panel,.return-panel,.result-panel,.usage-agenda,.usage-history{scroll-margin-top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.usage-header,.usage-player,.usage-cases,.usage-form,.usage-footer,.usage-ending{display:none!important}.usage-main{width:100%}.usage-workspace{display:block}.usage-phone-panel{display:none}.usage-bureau,.usage-agenda,.usage-history{box-shadow:none;break-inside:avoid}.usage-agenda,.usage-history{margin-top:20px}.history-entry{break-inside:avoid}}

/* Compact playback controls remain available on desktop while the example is visible. */
@media(min-width:761px){.usage-player:not(:has(details[open])){position:sticky;top:0;z-index:30}.usage-player.is-playing .playback-status{display:none}}

/* One short explanation follows the current model; the event log remains unique. */
.scene-guide{margin-top:12px;border-top:1px solid #d8e2f0;padding-top:10px;font-size:16px;line-height:1.5;color:#304d79}
.scene-guide>p:first-child{display:flex;gap:8px 14px;align-items:baseline;flex-wrap:wrap}
.scene-guide strong{color:#194c9c;font-weight:800}
.scene-guide>p:last-child{margin-top:3px;color:#52627a}
.usage-player:has(details[open]) .scene-guide{display:none}
.usage-workspace{margin-top:22px}
.final-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:18px 0}
.final-benefits li{padding:15px;border:1px solid #cad9ed;border-radius:10px;background:#eef4fd;font-size:16px;line-height:1.6}
@media(max-width:760px){.usage-cases{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.usage-cases a,.usage-cases a.is-selected{min-height:80px;padding:12px;gap:3px}.usage-cases a strong{font-size:17px}.usage-cases a span{font-size:16px;line-height:1.4}.scene-guide{font-size:16px;line-height:1.4;margin-top:9px;padding-top:8px}.scene-guide>p:first-child{display:block}.scene-guide strong::after{content:' · '}.scene-guide>p:last-child{display:none}.final-benefits{grid-template-columns:1fr}.usage-workspace{margin-top:18px}.scene-announcement{padding:0;min-height:0}}
@media(max-width:360px){.usage-cases{grid-template-columns:1fr}.usage-cases a,.usage-cases a.is-selected{min-height:68px}}

/* Connected house: device messages are distinguished from human observations. */
.connected-readout{padding:18px;border:1px solid #aac9e3;border-radius:11px;background:#edf7fd;display:flex;flex-direction:column;gap:10px;margin-bottom:18px}
.connected-badge{font-size:16px;color:#235376;font-weight:800;letter-spacing:.025em}
.connected-readout>strong{font-size:29px;color:#153c66;line-height:1.2}
.connected-readout p{font-size:16px;line-height:1.55;color:#375674}
.house-notification{padding:17px;border:1px solid #9ebde7;border-left:5px solid #245be7;border-radius:10px;background:#edf4ff;margin-bottom:20px}
.house-notification>span{font-size:16px;color:#28579b;font-weight:800;letter-spacing:.025em}
.house-notification h4{font-size:19px;line-height:1.35;margin:8px 0}
.house-notification p{font-size:16px;line-height:1.55;color:#345474}
.house-sources{margin:0 25px 22px;padding:18px;border:1px solid #c8d9ee;background:#f2f7fd;border-radius:11px}
.house-sources h4{font-size:20px;margin-bottom:13px}
.house-sources>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.house-sources article{padding:13px;border:1px solid #c9d9ed;border-radius:9px;background:white;min-width:0}
.house-sources article strong{font-size:16px;line-height:1.4;color:#315b8b}
.house-sources article p,.house-sources>p{font-size:16px;line-height:1.6;margin-top:8px}
.house-sources>p{color:#52627a}
.source-review{color:#805117;font-weight:700}
@media(max-width:900px){.house-sources{margin-inline:18px}}
@media(max-width:760px){.house-sources{padding:15px}.house-sources>div{grid-template-columns:1fr}.house-sources h4{font-size:20px}.house-notification{padding:15px}.connected-readout{padding:16px}}