/* Small interactive and illustrated product previews. */
:is(#product-world,.apartment-portal-page) .setup-language-select{font-family:system-ui,sans-serif!important;font-size:13px;font-weight:650}
:is(#product-world,.apartment-portal-page) .setup-caption-preview p{min-height:1.65em;font-family:system-ui,sans-serif!important;font-size:15px;line-height:1.65;font-weight:650}
.setup-caption-preview{display:grid;gap:4px;min-height:0;padding:13px 10px;align-content:center;text-align:center}
.ap-sample-label{margin-left:auto;font-size:9px;white-space:nowrap;color:#54229b;background:#eee4ff;padding:3px 6px;border-radius:4px}
.setup-instructions{list-style:none;padding:0;margin:0 0 21px;display:grid;gap:13px}
:is(#product-world,.apartment-portal-page) .setup-instructions li{position:relative;padding-left:28px;font:500 13px/1.65 system-ui,sans-serif!important;color:#000}
.setup-instruction-number{position:absolute;left:0;top:1px;width:20px;height:20px;display:grid;place-items:center;border:1px solid #8acaaa;border-radius:50%;background:#e8f7ee;color:#084c2d;font:750 10px/1 system-ui,sans-serif!important}
:is(#product-world,.apartment-portal-page) .setup-instructions a{font-family:system-ui,sans-serif!important;font-weight:750;color:#095832;text-underline-offset:3px}
.setup-paste .setup-software-guides{margin-top:18px}
.setup-paste .setup-ui{min-height:0}
.setup-pick .setup-ui{flex:0 0 auto;width:100%;max-width:450px;align-self:center;margin:auto 0;min-height:0}
.setup-live-sample{border:1px solid #baa0df;border-radius:12px;background:#fff;overflow:hidden;padding:22px}
.setup-sample-top{display:flex;align-items:center;gap:9px;margin-bottom:26px;font-size:12px}
.setup-sample-top small{margin-left:auto;color:#54229b;background:#eee4ff;padding:4px 6px;border-radius:4px;font:650 10px/1.2 system-ui,sans-serif}
.setup-mic-row{display:flex;align-items:center;gap:13px;padding:16px 0 22px}
.setup-mic-icon{display:grid;place-items:center;flex:none;width:42px;height:48px;color:#7030ba;background:#f2eaff;border-radius:10px}
.setup-mic-row>div:nth-child(2){display:grid;gap:5px;min-width:0}
:is(#product-world,.apartment-portal-page) .setup-mic-row strong{font:750 15px/1.3 system-ui,sans-serif!important}
:is(#product-world,.apartment-portal-page) .setup-mic-row span:not(.setup-mic-icon){font:500 12px/1.45 system-ui,sans-serif!important}
.setup-mic-level{margin-left:auto;display:flex;align-items:center;gap:3px;height:29px;flex:none}
.setup-mic-level i{width:3px;height:9px;background:#8c51dc;border-radius:2px}.setup-mic-level i:nth-child(2n){height:18px}.setup-mic-level i:nth-child(3n){height:27px}
.setup-go-button{display:flex;align-items:center;justify-content:center;gap:13px;min-height:54px;padding:12px 16px;border:1px solid #000;border-radius:9px;background:#0d0d0d;color:#fff;text-decoration:none;font-size:18px}
.setup-go-button:hover{background:#54229b;border-color:#54229b}
.setup-go-button span:last-child{margin-left:auto}.setup-go-button span:first-child{margin-right:auto;font-size:12px}
:is(#product-world,.apartment-portal-page) .setup-live-note{margin:11px 0 0;font:500 12px/1.4 system-ui,sans-serif!important;text-align:center;color:#000}
.setup-extension{align-self:start}
.setup-extension-cover{display:grid;place-items:center;overflow:hidden;border:1px solid #decaaa;border-radius:11px;background:#fff5e5;min-height:214px;padding:7px}
.setup-extension-cover img{display:block;width:300px;max-width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.setup-extension .setup-install{display:flex;align-items:center;justify-content:space-between;align-self:stretch;gap:12px;min-height:56px;margin-top:16px;padding:14px 17px;border:1px solid #7133c3;border-radius:9px;background:#7133c3;color:#fff;font-size:13px;line-height:1.65;text-decoration:none}
.setup-extension .setup-install:hover{background:#5724a0;border-color:#5724a0}
@media(max-width:700px){.setup-live-sample{padding:17px}.setup-mic-row{gap:10px}.setup-sample-top{font-size:11px}.setup-mic-level{gap:2px}.setup-mic-level i{width:2px}.setup-extension .setup-install{font-size:12px;padding:12px 14px}:is(#product-world,.apartment-portal-page) .setup-caption-preview p{font-size:14px}.setup-extension-cover{min-height:190px}}
@media(max-width:360px){.ui-language-pair{grid-template-columns:1fr;gap:10px}.ui-language-pair .ui-pair-arrow{display:none}.ui-language-pair .ui-label{font-size:8px}.setup-mic-level{display:none}.setup-sample-top{font-size:10px}.setup-live-sample{padding:14px}.setup-extension .setup-install{font-size:11px}.setup-instructions{gap:12px}}

@media(max-width:440px){.ui-language-pair{grid-template-columns:1fr;gap:10px}.ui-language-pair .ui-pair-arrow{display:none}}

.setup-pick .ui-language-control>.ui-body{padding:16px}.setup-pick .setup-demo-note{text-align:center}

/* Current Twitch discovery listing and the production OBS audio path. */
.setup-extension-cover{display:flex;align-items:center;justify-content:flex-start;gap:19px;min-height:0;padding:22px;border-color:#d7c9e9;background:#faf7ff}
.setup-extension-cover img{flex:none;width:100px;height:100px;aspect-ratio:1;object-fit:contain;border-radius:7px}
.setup-extension-listing{display:grid;gap:7px;min-width:0}
:is(#product-world,.apartment-portal-page) .setup-extension-listing strong{font:750 20px/1.2 system-ui,sans-serif!important}
:is(#product-world,.apartment-portal-page) .setup-extension-listing>span{font:650 12px/1.5 system-ui,sans-serif!important;color:#5b3294}
.setup-extension-listing small{font:500 12px/1.5 system-ui,sans-serif;color:#000}
.setup-irl{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;align-items:center;margin-top:24px;padding:30px;border:1px solid #a2c7b1;border-radius:14px;background:#f2faf5;color:#000}
.setup-irl-label{color:#096137;font-size:11px}
.setup-irl h3{margin:8px 0 12px;font-size:25px;line-height:1.25;font-weight:400}
:is(#product-world,.apartment-portal-page) .setup-irl-copy p{font:500 14px/1.7 system-ui,sans-serif!important;max-width:47ch}
.setup-irl-flow{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:21px 0}
.setup-irl-flow>span{display:grid;gap:6px}
.setup-irl-flow strong{font:750 13px/1.4 system-ui,sans-serif}
.setup-irl-flow small{font:500 11px/1.5 system-ui,sans-serif}
.setup-irl-flow i{font:18px system-ui,sans-serif;color:#247449}
.setup-irl-runthrough>a{display:block;padding-top:14px;border-top:1px solid #a2c7b1;font-size:11px;color:#09582f;text-align:right;text-underline-offset:3px}
.setup-irl-runthrough>a:hover{text-decoration:underline}
@media(max-width:1000px){.setup-irl{grid-template-columns:1fr;gap:12px}.setup-irl-copy p{max-width:none}.setup-irl-flow{justify-content:flex-start;gap:24px}.setup-extension-cover{padding:16px;gap:14px}:is(#product-world,.apartment-portal-page) .setup-extension-listing strong{font-size:17px!important}}
@media(max-width:550px){.setup-irl{padding:22px}.setup-irl h3{font-size:23px}.setup-irl-flow{display:grid;grid-template-columns:1fr;gap:10px;padding:12px 0}.setup-irl-flow>span{display:flex;justify-content:space-between;gap:12px}.setup-irl-flow i{display:none}.setup-irl-runthrough>a{text-align:left}.setup-extension-cover{gap:12px}.setup-extension-cover img{width:80px;height:80px}.setup-extension-listing small{font-size:11px}}
@media(max-width:360px){.setup-extension-cover{padding:14px;gap:10px}.setup-extension-cover img{width:70px;height:70px}:is(#product-world,.apartment-portal-page) .setup-extension-listing strong{font-size:15px!important}.setup-irl{padding:18px}.setup-irl-flow strong{font-size:12px}.setup-irl-flow small{font-size:10px}}

/* Each step has one action and one compact product visual. */
.setup-card .setup-copy{gap:14px;margin-bottom:22px}
.setup-card .setup-copy h3{font-size:23px;margin-bottom:8px}
:is(#product-world,.apartment-portal-page) .setup-card .setup-copy p{font:500 14px/1.55 system-ui,sans-serif!important;max-width:40ch}
.setup-card .setup-number{width:38px;height:38px;font-size:19px}
.setup-paste .setup-ui{margin-top:auto;min-height:0}
.ui-source-size{margin-left:auto;font:600 11px/1.3 system-ui,sans-serif}
.setup-card-links{display:flex;justify-content:space-between;gap:12px;margin-top:16px}
.setup-card-links a{font-size:10px;color:#175cbd;text-underline-offset:4px}
.setup-card-links a:hover{text-decoration:underline}
.setup-pick .setup-ui{margin:auto 0 0;max-width:none}
.setup-pick .setup-caption-preview{margin-top:12px;padding:10px;min-height:0}
.setup-live-sample{margin-top:auto;padding:16px;border-color:#b2cbbb;background:#f4faf6}
.setup-mic-row{padding:0 0 14px}
.setup-mic-icon{width:34px;height:40px;background:#e1f0e5;color:#08723b}
.setup-mic-level i{background:#08723b}
.setup-go-button{min-height:44px;font-size:14px;padding:9px 14px}
.setup-extension{align-self:stretch}
.setup-extension-cover{margin-top:auto;padding:14px 16px;gap:16px;background:#faf7ff}
.setup-extension-cover img{width:68px;height:68px}
.setup-extension .setup-install{min-height:44px;padding:9px 14px;margin-top:12px;font-size:11px}
:is(#product-world,.apartment-portal-page) .setup-extension-listing strong{font-size:18px!important}
@media(max-width:700px){.setup-card{padding:21px}.setup-card .setup-copy h3{font-size:22px}.setup-card .setup-copy{margin-bottom:18px}.setup-pick .setup-ui{margin-top:0}}
@media(max-width:360px){.setup-card{padding:18px}.setup-card .setup-copy h3{font-size:20px}.setup-card .setup-copy{gap:11px}:is(#product-world,.apartment-portal-page) .setup-card .setup-copy p{font-size:13px!important}.setup-extension-cover{gap:12px;padding:12px}:is(#product-world,.apartment-portal-page) .setup-extension-listing strong{font-size:16px!important}}