/* COMMAND OS STUDIO V17 — four genuinely distinct editorial demonstrations.
   Same premium stage discipline as the original website before/after; no nested dashboard clutter. */
.v11-demo-window{height:clamp(435px,34vw,470px);overflow:hidden;padding:17px!important}
.v11-demo[data-demo="1"],.v11-demo[data-demo="2"],.v11-demo[data-demo="3"],.v11-demo[data-demo="4"]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px 14px 10px!important;overflow:hidden}
.v11-demo[data-demo="1"] .demo-instruction,.v11-demo[data-demo="2"] .demo-instruction,.v11-demo[data-demo="3"] .demo-instruction,.v11-demo[data-demo="4"] .demo-instruction{position:static!important;max-width:100%;flex:0 0 auto;margin:12px auto 0!important;text-align:center;font:800 8px/1.3 var(--sans);letter-spacing:.12em;color:#edf3e8;white-space:normal;text-shadow:0 2px 8px #102329}
.v17-stage{--cream:#f8f5ed;--warm:#eec1a9;--dark:#20363c;flex:0 1 auto;width:min(660px,100%);height:365px;min-height:0;max-height:calc(100% - 29px);background:#182d35;display:flex;flex-direction:column;border:1px solid #f2f2e6ad;box-shadow:0 28px 52px #07131dc7,0 0 0 1px #fff2;border-radius:10px;overflow:hidden;position:relative;isolation:isolate;color:#f6f4ec;box-sizing:border-box;transform:perspective(1100px) rotateY(-1.3deg) rotateX(1deg);transform-origin:center}
.v17-stage *{box-sizing:border-box}
.v17-stage button{cursor:pointer}
.v17-stage button:focus-visible{outline:2px solid #f0bca0!important;outline-offset:2px}
.v17-chrome{height:39px;flex:0 0 39px;display:flex;align-items:center;gap:13px;padding:0 14px;background:#20383f;border-bottom:1px solid #f6eee43d}
.v17-chrome>b{font:800 10px/1 var(--sans);letter-spacing:.04em;white-space:nowrap}
.v17-chrome>b em{font:700 8px/1 var(--sans);font-style:normal;color:#bbd0c0}
.v17-chrome>small{margin-left:auto;white-space:nowrap;font:800 7px/1 var(--sans);color:#b8d3c5;letter-spacing:.09em}
.v17-lights{display:flex;gap:4px;align-items:center}
.v17-lights i{width:5px;height:5px;display:block;border-radius:50%;background:#a5c0b5}
.v17-lights i:first-child{background:#efb69b}
.v17-foot{height:39px;flex:0 0 39px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 16px;background:#182d34;border-top:1px solid #e3ecdf37}
.v17-foot>span{font:700 9px/1.35 var(--sans);color:#d4e1d5;min-width:0}
.v17-foot>button{background:#f7eee4;border:1px solid #fff7ea;color:#263b3e;border-radius:30px;white-space:nowrap;font:800 9px var(--sans);padding:8px 13px;transition:background .2s,transform .2s}
.v17-foot>button:hover{background:#ffd9c0;transform:translateY(-2px)}
.v17-foot-label{color:#f1bea3!important;white-space:nowrap;font-size:8px!important;letter-spacing:.08em!important}
/* 02 / visual contrast: inbox -> connected flow */
.v17-flow-heading{display:flex;justify-content:space-between;align-items:center;gap:11px;padding:14px 19px;min-height:79px;flex:0 0 auto}
.v17-flow-heading>div:first-child{min-width:0}
.v17-flow-heading small,.v17-proof-head small,.v17-opt-head small{display:block;font:800 8px var(--sans);letter-spacing:.14em;color:#e6baa2}
.v17-flow-heading h4,.v17-proof-head h4,.v17-opt-head h4{font:700 clamp(17px,1.55vw,23px)/1.17 var(--sans);letter-spacing:-.05em;margin:6px 0 0;color:#f6f4ec}
.v17-flow-heading h4 i,.v17-proof-head h4 i,.v17-opt-head h4 i{font:italic 400 1.18em var(--serif);color:#f5c4ac}
.v17-toggle,.v17-opt-toggle{display:flex;align-items:center;gap:3px;background:#0e252d;padding:4px;border:1px solid #dce5d044;border-radius:7px;flex:none}
.v17-toggle button,.v17-opt-toggle button{font:800 9px var(--sans);color:#b8cdbf;padding:9px 11px;background:none;border:0;border-radius:5px}
.v17-toggle button.on,.v17-opt-toggle button.on{background:#f8f3e8;color:#243a3a;box-shadow:0 3px 8px #0512194d}
.v17-flow-scene{flex:1;min-height:0;margin:0 17px 11px;position:relative;border:1px solid #d5e6d49d;background:#f6f5ee;border-radius:6px;overflow:hidden;color:#25383b}
.v17-flow-before,.v17-flow-after{position:absolute;inset:0;padding:14px 17px;display:flex;flex-direction:column;gap:8px;transition:opacity .27s ease,transform .3s ease;min-height:0}
.v17-flow[data-state="auto"] .v17-flow-before,.v17-flow[data-state="manual"] .v17-flow-after{opacity:0;visibility:hidden;transform:translateY(7px);pointer-events:none}
.v17-flow[data-state="manual"] .v17-flow-before,.v17-flow[data-state="auto"] .v17-flow-after{opacity:1;visibility:visible;transform:none}
.v17-mail-head,.v17-flow-innerhead{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:20px}
.v17-mail-head>span,.v17-flow-innerhead>span{font:800 8px var(--sans);letter-spacing:.09em;color:#698178}
.v17-mail-head>b{font:800 8px var(--sans);color:#a65d44;padding:5px 9px;background:#f5e4d8;border-radius:20px}
.v17-mail{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dce3da;border-radius:5px;min-height:0;flex:1;padding:9px 13px;box-shadow:0 2px 7px #6d7d7212}
.v17-mail-avatar{width:28px;height:28px;flex:none;border-radius:6px;background:#e5ded5;color:#775d50;display:grid;place-items:center;font:800 12px var(--sans)}
.v17-mail:nth-child(3) .v17-mail-avatar{background:#dee7db;color:#58735d}
.v17-mail:nth-child(4) .v17-mail-avatar{background:#dce6e7;color:#456a73}
.v17-mail>div{min-width:0;display:flex;flex-direction:column;gap:4px}
.v17-mail>div b{font:800 11px var(--sans)}
.v17-mail>div small{font:600 9px var(--sans);color:#829189}
.v17-mail>i{font:800 8px var(--sans);font-style:normal;padding:6px 8px;background:#f5e6dc;color:#a66950;border-radius:4px;margin-left:auto;white-space:nowrap}
.v17-flow-innerhead>b{font:800 8px var(--sans);color:#417f66;display:flex;align-items:center;gap:5px}
.v17-green-dot{width:7px;height:7px;background:#65b68f;display:block;border-radius:50%;box-shadow:0 0 0 3px #76bc9433}
.v17-flow-path{display:grid;grid-template-columns:1fr 19px 1fr 19px 1fr;gap:6px;align-items:stretch;flex:1;min-height:0}
.v17-flow-path>div{display:flex;flex-direction:column;gap:6px;align-items:flex-start;border-radius:5px;border:1px solid #d7e2d6;background:#fff;box-shadow:0 6px 15px #2b4d3d12;padding:10px 11px;min-width:0}
.v17-flow-path>div>i{font:800 8px var(--sans);font-style:normal;color:#b2795e;letter-spacing:.09em}
.v17-flow-symbol{color:#3c8f78;font-size:23px;line-height:1.1;display:block;margin:auto 0 4px}
.v17-flow-path>div>b{font:800 clamp(10px,.91vw,13px)/1.23 var(--sans);letter-spacing:-.02em}
.v17-flow-path>div>small{font:600 8px var(--sans);color:#789187}
.v17-connector{align-self:center;text-align:center;font-size:19px;color:#b68061}
.v17-flow-feedback{display:flex;align-items:center;gap:9px;border:1px solid #cde5d4;background:#e9f3e9;border-radius:5px;padding:10px}
.v17-flow-feedback strong{color:#3d956d;font:800 14px var(--sans)}
.v17-flow-feedback span{font:800 9px var(--sans);color:#42775c}
.v17-flow-feedback>b{margin-left:auto;color:#6c9782;font:800 7px var(--sans)}
/* 03 / actual document -> evidence relation */
.v17-proof-head,.v17-opt-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:14px 19px;flex:0 0 auto}
.v17-proof-head>span{font:800 8px var(--sans);color:#abdac4;white-space:nowrap}
.v17-proof-body{flex:1;min-height:0;display:grid;grid-template-columns:1fr 40px .92fr;align-items:stretch;gap:0;margin:0 18px 12px}
.v17-document{background:#fbf8ef;border:1px solid #e9f0dfd0;border-radius:6px;min-width:0;min-height:0;padding:14px 15px;display:flex;flex-direction:column;color:#29383b;box-shadow:0 9px 19px #07171a48}
.v17-document-top,.v17-evidence-top{display:flex;align-items:center;justify-content:space-between;gap:5px}
.v17-document-top>span,.v17-evidence-top>span{color:#a66c53;font:800 7px var(--sans);letter-spacing:.08em}
.v17-document-top>b{font:800 7px var(--sans);color:#7f9288}
.v17-document>h5{font:700 16px/1.13 var(--serif);margin:13px 0 7px;color:#30443f}
.v17-document>p{font:600 9px/1.45 var(--sans);color:#829289;margin:0 0 10px}
.v17-clauses{display:flex;flex-direction:column;gap:5px;margin-top:auto}
.v17-clauses button{display:flex;align-items:center;gap:8px;padding:8px 9px;border:1px solid #d7dfd6;border-radius:4px;background:#fff;color:#3c4d4a;min-height:0;text-align:left;transition:background .15s,border-color .15s}
.v17-clauses button.on{background:#e7ede6;border-color:#92b4a3;box-shadow:inset 3px 0 #4f967c}
.v17-clauses button>span{font:800 9px var(--sans);color:#b3775c}
.v17-clauses button>b{font:800 10px var(--sans);flex:1;white-space:nowrap}
.v17-clauses button>i{font:800 13px var(--sans);font-style:normal;color:#518f79}
.v17-page-ref{font:800 7px var(--sans);letter-spacing:.08em;color:#9aaba0;align-self:end;margin-top:8px}
.v17-proof-link{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#edb99d;gap:3px}
.v17-proof-link span{font-size:27px;transform:rotate(16deg)}
.v17-proof-link small{font:800 7px var(--sans);color:#a9c0b2}
.v17-evidence{display:flex;flex-direction:column;padding:14px 15px;min-width:0;min-height:0;border:1px solid #a5cbb460;border-radius:6px;background:linear-gradient(135deg,#294740,#18363a);box-shadow:0 9px 19px #07171a54}
.v17-evidence-top span{color:#b0d5c1}
.v17-evidence-top>b{font:800 8px var(--sans);color:#f2c3a9;border:1px solid #e6bba668;border-radius:20px;padding:6px 8px;white-space:nowrap}
.v17-file-icon{width:47px;height:56px;position:relative;display:flex;align-items:center;justify-content:center;color:#e9e8da;border:1px solid #ebefe4ac;border-radius:5px;margin:15px 0 10px;background:#e4eee417}
.v17-file-icon>span{font-size:27px}
.v17-file-icon>i{font:800 7px var(--sans);position:absolute;bottom:4px;right:4px;font-style:normal;color:#eec6b2}
.v17-evidence>small{font:800 7px var(--sans);letter-spacing:.1em;color:#b0cbb8}
.v17-evidence h5{font:700 clamp(14px,1.15vw,18px)/1.17 var(--sans);letter-spacing:-.03em;margin:6px 0}
.v17-evidence p{font:600 9px/1.5 var(--sans);color:#c3dbca;margin:0;flex:1}
.v17-proof-verdict{display:flex;align-items:center;gap:7px;border-top:1px solid #d7e9d029;padding-top:9px;color:#e3e9d9;font:700 8px var(--sans)}
.v17-proof-verdict>i{width:6px;height:6px;flex:none;background:#f0ba8b;border-radius:50%}
.v17-proof-verdict>i.ok{background:#88c49d}
/* 04 / editorial boutique and first-class smart form */
.v17-funnel-body{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1;min-height:0;padding:13px 15px}
.v17-funnel-editorial{border-radius:6px;position:relative;overflow:hidden;background:linear-gradient(105deg,#33443e,#a49b88);box-shadow:0 8px 19px #03111976}
.v17-funnel-editorial:before{content:'';position:absolute;inset:0;background:linear-gradient(85deg,#1a2d2fc7,#5b4b443a 60%,transparent),url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1200&q=90") center/cover;opacity:.9}
.v17-editorial-nav{position:relative;z-index:2;padding:12px 13px;display:flex;justify-content:space-between;align-items:center;gap:6px;border-bottom:1px solid #faf3e25d}
.v17-editorial-nav b{font:800 9px var(--sans);white-space:nowrap}.v17-editorial-nav em{font:italic 400 14px var(--serif)}
.v17-editorial-nav small{font:800 7px var(--sans);white-space:nowrap}
.v17-editorial-center{position:absolute;z-index:2;left:19px;bottom:36px;right:10px}
.v17-editorial-center>span{font:800 7px var(--sans);letter-spacing:.14em;color:#f9d5c0}
.v17-editorial-center h4{font:400 clamp(31px,3vw,44px)/.88 var(--serif);letter-spacing:-.03em;margin:13px 0;color:#fcf7e8}
.v17-editorial-center h4 i{font-style:italic}
.v17-editorial-center p{font:700 9px/1.5 var(--sans);max-width:215px;color:#ecede1;margin:0}
.v17-editorial-bottom{position:absolute;z-index:2;left:19px;right:17px;bottom:13px;display:flex;justify-content:space-between;color:#f6ece0;font:800 7px var(--sans);letter-spacing:.05em}
.v17-questionnaire{min-width:0;min-height:0;background:#fbf8f0;border:1px solid #fff9ee;border-radius:6px;color:#283b3c;display:flex;flex-direction:column;padding:19px 19px;box-shadow:0 11px 25px #07131b8c}
.v17-question-top{display:flex;justify-content:space-between;align-items:center;gap:7px;color:#72867b;font:800 8px var(--sans);letter-spacing:.09em}
.v17-question-top b{color:#b9785e}
.v17-progress-track{height:3px;background:#e2e2d7;border-radius:4px;margin:12px 0 20px;flex:0 0 3px;overflow:hidden}
.v17-progress-track i{display:block;height:100%;width:50%;background:#c98b70;transition:width .3s}
.v17-question-content{display:flex;flex:1;min-height:0;flex-direction:column}
.v17-question-content>small{font:800 8px var(--sans);letter-spacing:.07em;color:#b17c63}
.v17-question-content h4{font:700 clamp(19px,1.72vw,25px)/1.19 var(--sans);letter-spacing:-.045em;margin:12px 0 15px}
.v17-choices{display:flex;flex-direction:column;gap:8px}
.v17-choices button{min-height:42px;display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#fff;border:1px solid #d4dbd1;border-radius:5px;color:#293d3c;text-align:left;font:800 10px var(--sans);transition:background .17s,border-color .17s}
.v17-choices button:hover{border-color:#bd846c;background:#fff5e8}
.v17-choices button>span{font-size:16px;color:#ad6d53}
.v17-question-content>p{font:600 9px/1.5 var(--sans);margin:auto 0 0;color:#839287;padding-top:9px}
.v17-question-bottom{border-top:1px solid #dedfd3;padding-top:11px;display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:10px}
.v17-question-bottom>span{font:800 7px var(--sans);color:#829085;letter-spacing:.07em}
.v17-question-bottom button{background:none;border:0;color:#ac755d;font:800 8px var(--sans);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.v17-success{display:flex;align-items:center;gap:8px;padding:14px 11px;border:1px solid #c4d9c7;border-radius:5px;background:#e5efe6;color:#39785c;font:800 10px var(--sans)}
.v17-success b{font-size:17px}
/* 05 / website design gets readable + immediate diagnosis, no fake metrics */
.v17-opt-head{padding-bottom:12px}
.v17-opt-layout{flex:1;min-height:0;padding:0 16px 13px;display:grid;grid-template-columns:1.06fr .94fr;gap:14px}
.v17-opt-toggle{padding:4px}
.v17-opt-toggle button{font-size:8px}
.v17-web-preview{min-width:0;min-height:0;display:flex;flex-direction:column;border:1px solid #e3e5d7ad;border-radius:6px;overflow:hidden;box-shadow:0 11px 24px #03131c9b}
.v17-browser{height:25px;flex:0 0 25px;background:#f0eee7;display:flex;align-items:center;justify-content:space-between;gap:7px;padding:0 11px;color:#718179}
.v17-browser>span:nth-child(2){background:#fffaf3;border-radius:3px;padding:3px 17px;font:700 8px var(--sans)}
.v17-browser>b{font-size:12px}
.v17-opt-page{flex:1;min-height:0;position:relative;overflow:hidden;background:#9fada4;transition:background .3s}
.v17-opt-page:before{content:'';position:absolute;inset:0;background:linear-gradient(100deg,#182d30a6,#374b4532 65%,#76564628),url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1200&q=90") center/cover;opacity:.86;transition:opacity .3s,filter .3s}
.v17-opt-nav{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:7px;color:#fff7e8;padding:12px 11px;border-bottom:1px solid #fff8ed64}
.v17-opt-nav b{font:800 9px var(--sans);white-space:nowrap}
.v17-opt-nav b em{font:italic 400 14px var(--serif)}
.v17-opt-nav>span{font:800 7px var(--sans);white-space:nowrap}
.v17-opt-content{position:absolute;left:16px;bottom:23px;right:8px;z-index:3;color:#fff7e9}
.v17-opt-content small{display:block;font:800 7px var(--sans);letter-spacing:.12em;color:#f2c5aa}
.v17-opt-content h5{font:400 clamp(29px,2.9vw,42px)/.9 var(--serif);letter-spacing:-.025em;margin:11px 0}
.v17-opt-content h5 em{font-style:italic}
.v17-opt-content p{font:700 9px/1.5 var(--sans);color:#f2f2e6;max-width:220px;margin:0 0 12px}
.v17-opt-content>b{background:#fbf7ed;color:#2d3c3c;padding:9px 11px;border-radius:25px;font:800 8px var(--sans);display:inline-flex;align-items:center;gap:10px}
.v17-opt-content>b span{font-size:12px}
.v17-opt-page-number{position:absolute;bottom:9px;right:9px;z-index:3;color:#fffaf1;font:800 7px var(--sans);letter-spacing:.05em}
.v17-opt-explain{display:flex;flex-direction:column;min-height:0;gap:11px}
.v17-opt-value{font:800 8px var(--sans);letter-spacing:.1em;color:#acd0c0;border-bottom:1px solid #dcecd837;padding-bottom:9px}
.v17-opt-value b{color:#f6c2a5}
.v17-opt-items{flex:1;display:flex;flex-direction:column;min-height:0}
.v17-opt-items>div{flex:1;min-height:0;display:flex;align-items:center;gap:9px;border-bottom:1px solid #d8ead92f}
.v17-opt-items>div>span{font:italic 400 17px var(--serif);color:#ecb89d}
.v17-opt-items>div>p{display:flex;flex-direction:column;gap:5px;margin:0;min-width:0}
.v17-opt-items>div b{font:800 11px var(--sans)}
.v17-opt-items>div small{font:600 8px/1.45 var(--sans);color:#b9cbbf}
.v17-opt-items>div>i{font:800 12px var(--sans);font-style:normal;color:#acd5bd;margin-left:auto}
.v17-opt-note{font:600 8px/1.5 var(--sans);color:#92b2a2;margin:0}
.v17-opt[data-view="before"] .v17-opt-page{background:#d2d6cf}
.v17-opt[data-view="before"] .v17-opt-page:before{opacity:.10;filter:grayscale(1)}
.v17-opt[data-view="before"] .v17-opt-nav{background:#f2f1eb;border-color:#d8dbd2;color:#748078}
.v17-opt[data-view="before"] .v17-opt-nav b em{font:800 9px var(--sans)}
.v17-opt[data-view="before"] .v17-opt-content{color:#64746a}
.v17-opt[data-view="before"] .v17-opt-content small{color:#89948a}
.v17-opt[data-view="before"] .v17-opt-content h5{font:700 clamp(19px,1.9vw,28px)/1.1 var(--sans);letter-spacing:0}
.v17-opt[data-view="before"] .v17-opt-content p{color:#85948a}
.v17-opt[data-view="before"] .v17-opt-content>b{border-radius:0;background:#88968c;color:#fff}
.v17-opt[data-view="before"] .v17-opt-page-number{color:#7f8d82}
.v17-opt[data-view="before"] .v17-opt-items>div>i{color:#c49a86}
@media(max-width:1300px){.v11-demo-window{height:450px}.v17-stage{height:350px}.v17-document>h5{margin:9px 0 6px}.v17-evidence .v17-file-icon{margin:10px 0 8px}}
@media(max-width:950px){.v11-demo-window{height:445px}.v17-stage{height:352px;width:min(660px,100%);transform:none}.v17-flow-heading,.v17-proof-head,.v17-opt-head{padding:11px 13px}.v17-flow-scene{margin:0 12px 9px}.v17-proof-body{margin:0 12px 9px}.v17-funnel-body{padding:10px 12px}.v17-opt-layout{padding:0 12px 10px}}
@media(max-width:700px){
.v11-demo-window{height:400px!important;padding:8px!important}
.v11-demo[data-demo="1"],.v11-demo[data-demo="2"],.v11-demo[data-demo="3"],.v11-demo[data-demo="4"]{padding:8px 6px 6px!important}
.v17-stage{width:100%;height:calc(100% - 22px);max-height:calc(100% - 22px);border-radius:7px}
.v17-chrome{height:31px;flex-basis:31px;padding:0 8px;gap:6px}.v17-chrome>b{font-size:8px}.v17-chrome>b em{font-size:7px}.v17-chrome>small{font-size:6px}
.v17-foot{height:34px;flex-basis:34px;padding:6px 8px;gap:5px}.v17-foot>span{font-size:7px}.v17-foot>button{padding:7px;font-size:7px}.v17-foot-label{font-size:6px!important}
.v11-demo[data-demo="1"] .demo-instruction,.v11-demo[data-demo="2"] .demo-instruction,.v11-demo[data-demo="3"] .demo-instruction,.v11-demo[data-demo="4"] .demo-instruction{margin-top:5px!important;font-size:7px}
.v17-flow-heading,.v17-proof-head,.v17-opt-head{padding:9px 10px;gap:4px}
.v17-flow-heading h4,.v17-proof-head h4,.v17-opt-head h4{font-size:16px}
.v17-flow-heading small,.v17-proof-head small,.v17-opt-head small{font-size:6px}
.v17-toggle button,.v17-opt-toggle button{padding:7px;font-size:7px}
.v17-flow-scene{margin:0 7px 7px}
.v17-flow-before,.v17-flow-after{padding:9px;gap:5px}
.v17-mail-head>span,.v17-flow-innerhead>span{font-size:7px}.v17-mail-head>b,.v17-flow-innerhead>b{font-size:7px}
.v17-mail{gap:6px;padding:5px}.v17-mail-avatar{width:20px;height:20px;font-size:9px}.v17-mail>div b{font-size:9px}.v17-mail>div small{font-size:7px}.v17-mail>i{font-size:7px;padding:4px}
.v17-flow-path{grid-template-columns:1fr 9px 1fr 9px 1fr;gap:2px}
.v17-flow-path>div{padding:6px 4px;gap:5px}.v17-flow-path>div>i{font-size:7px}.v17-flow-path>div>b{font-size:8px}.v17-flow-path>div>small{font-size:7px}
.v17-flow-symbol{font-size:18px}.v17-connector{font-size:12px}
.v17-flow-feedback{padding:6px}.v17-flow-feedback span{font-size:7px}.v17-flow-feedback>b{display:none}
.v17-proof-body{grid-template-columns:1fr 18px .95fr;gap:0;margin:0 7px 7px}
.v17-document,.v17-evidence{padding:9px 7px}
.v17-document-top>span,.v17-evidence-top>span,.v17-document-top>b,.v17-page-ref{font-size:6px}
.v17-document>h5{font-size:12px;margin:8px 0 5px}.v17-document>p{font-size:7px}
.v17-clauses{gap:4px}.v17-clauses button{padding:6px 3px;gap:4px}.v17-clauses button span{font-size:7px}.v17-clauses button>b{font-size:8px}.v17-clauses button i{font-size:10px}
.v17-proof-link span{font-size:14px}.v17-proof-link small{font-size:5px}
.v17-evidence-top>b{font-size:6px;padding:4px}.v17-file-icon{width:32px;height:39px;margin:8px 0}.v17-file-icon>span{font-size:20px}
.v17-evidence h5{font-size:12px}.v17-evidence p,.v17-proof-verdict{font-size:7px}
.v17-funnel-body{gap:7px;padding:8px}
.v17-editorial-nav{padding:8px 6px}.v17-editorial-nav b{font-size:7px}.v17-editorial-nav em{font-size:9px}.v17-editorial-nav small{font-size:6px}
.v17-editorial-center{left:9px;bottom:25px}.v17-editorial-center>span{font-size:6px}.v17-editorial-center h4{font-size:29px}.v17-editorial-center p{font-size:7px}
.v17-editorial-bottom{left:9px;right:8px;bottom:9px;font-size:6px}
.v17-questionnaire{padding:11px 9px}.v17-question-top{font-size:7px}.v17-progress-track{margin:8px 0 12px}
.v17-question-content>small{font-size:7px}.v17-question-content h4{font-size:16px;margin:9px 0}
.v17-choices button{min-height:35px;padding:7px;font-size:8px}.v17-question-content>p{font-size:7px}
.v17-question-bottom{padding-top:7px;margin-top:7px}.v17-question-bottom>span,.v17-question-bottom button{font-size:6px}
.v17-opt-layout{grid-template-columns:1fr .88fr;padding:0 7px 7px;gap:7px}
.v17-browser{height:20px;flex-basis:20px}.v17-browser>span:nth-child(2){font-size:7px;padding:2px 9px}
.v17-opt-nav{padding:8px 5px}.v17-opt-nav b{font-size:7px}.v17-opt-nav b em{font-size:10px}.v17-opt-nav>span{display:none}
.v17-opt-content{left:8px;bottom:18px}.v17-opt-content small{font-size:6px}.v17-opt-content h5{font-size:26px}.v17-opt-content p{font-size:7px}.v17-opt-content>b{font-size:7px;padding:7px}
.v17-opt-value{font-size:7px}.v17-opt-items>div{gap:5px}.v17-opt-items>div>span{font-size:13px}.v17-opt-items>div b{font-size:8px}.v17-opt-items>div small{font-size:7px}.v17-opt-note{font-size:7px}
}
@media(max-width:390px){
.v11-demo-window{height:370px!important}.v17-stage{height:calc(100% - 20px)}.v17-flow-heading h4,.v17-proof-head h4,.v17-opt-head h4{font-size:14px}.v17-flow-heading{flex-wrap:wrap}.v17-toggle{margin-left:auto}.v17-flow-before,.v17-flow-after{padding:6px}
.v17-proof-head>span{display:none}.v17-proof-body{grid-template-columns:1fr 12px 1fr}.v17-evidence p{font-size:6px}.v17-clauses button{padding:5px 2px}.v17-opt-content h5{font-size:23px}.v17-opt[data-view="before"] .v17-opt-content h5{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.v17-flow-before,.v17-flow-after,.v17-opt-page:before,.v17-progress-track i{transition:none!important}}

/* V17.1: form controls must never be covered by the footer at laptop viewport sizes. */
.v17-questionnaire{padding:12px 14px}
.v17-progress-track{margin:8px 0 11px}
.v17-question-content h4{font-size:clamp(17px,1.45vw,21px);margin:8px 0 10px}
.v17-choices{gap:6px}
.v17-choices button{min-height:34px;padding:7px 9px}
.v17-question-content>p{font-size:8px;margin-top:7px;padding-top:0;flex:0 0 auto}
.v17-question-bottom{margin-top:auto;padding-top:8px}
.v17-question-content{min-height:0}
.v17-funnel-body{padding:10px 13px}
@media(max-width:700px){
.v17-questionnaire{padding:9px 8px}
.v17-progress-track{margin:7px 0 8px}
.v17-question-content h4{font-size:15px;margin:7px 0 8px}
.v17-choices button{min-height:31px;padding:6px}
.v17-question-content>p{font-size:7px;line-height:1.35}
.v17-question-bottom{padding-top:6px}
}

/* V17.2 — preserve readable type by giving the workflows real vertical room. */
@media(min-width:701px){
.v11-demo-window{height:500px!important}
.v17-stage{height:400px;max-height:calc(100% - 30px);flex-shrink:0}
}