/* Studio approved main interface. Workflow controls and guards remain authoritative. */
body.studio{--bg:#f2f3eb;--surface:#fffef9;--surface-2:#e9eddf;--surface-3:#e3ead6;--ink:#102f28;--ink-mute:#4e6258;--ink-faint:#53665c;--line:#d5ddcc;--line-strong:#bfcdb2;--gold:#735800;--gold-bright:#ffdc59;background:#f2f3eb;color:#102f28}.studio .shell{max-width:none;width:100%;min-height:100vh}.studio #nav.nav{position:relative;background:#fbfcf7;border-bottom:1px solid #d5ddcc;padding:20px 32px;z-index:30}.studio .nav-inner{max-width:none}.studio .brand{font-family:'Archivo',sans-serif;color:#15392f;font-size:20px}.studio .brand small{font-family:'Instrument Sans',sans-serif;font-size:11px;color:#52675f}.studio .nav-right{margin-left:auto}.studio .nav-links{position:fixed;left:0;top:var(--nav-h);bottom:0;width:214px;max-height:calc(100dvh - var(--nav-h));overflow-y:auto;display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:30px 14px;background:#163a30;transform:none;opacity:1;visibility:visible;pointer-events:auto;box-shadow:none}.studio .nav-links:before{content:'WORKSPACE';display:block;color:#acbea8;font-size:10px;letter-spacing:1.8px;padding:0 14px 16px}.studio .nav-link{color:#d6e2ce;padding:14px;border-radius:9px;font-size:13px;line-height:1.5;white-space:normal;border:1px solid transparent;min-height:45px;flex-shrink:0}.studio .nav-link:hover{background:#294c3e;color:#fff}.studio .nav-link.is-active{background:#ffe073;color:#15392f;font-weight:600}.studio .nav-link.is-active:after{display:none}.studio .nav-link[aria-disabled=true]{color:#c4ceb9;background:#204234}.studio .nav-link small{display:block;color:inherit;font-size:10px}.studio .nav-links .nav-signout-mobile{display:none}.studio .page,.studio main.container{margin:0 0 0 214px;width:calc(100% - 214px);max-width:none;padding:40px clamp(22px,4vw,64px) 60px;min-width:0}.studio footer{margin-left:214px}.studio .hero{background:none;border:0;box-shadow:none;padding:0;margin:0 0 30px}.studio .hero-title,.studio h1{font-family:'Archivo',sans-serif;font-stretch:100%;font-size:clamp(34px,3.7vw,50px);line-height:1.12;letter-spacing:-1.8px;font-weight:600}.studio .hero-lede{font-size:14px;line-height:1.75;max-width:620px;color:#4e6258}.studio .hero-eyebrow,.studio .eyebrow{font-size:10px;letter-spacing:1.5px;color:#52675f}.studio h2{font-stretch:100%;font-size:26px;letter-spacing:-.65px;line-height:1.25}.studio .card{border:1px solid #d5ddcc;border-radius:17px;background:#fffef9;box-shadow:0 8px 25px #14372e05}.studio .card-head{padding-bottom:20px;border-bottom:1px solid #d5ddcc;margin-bottom:22px}.studio .btn{min-height:43px;border-radius:8px;font-size:13px;line-height:1.4}.studio .btn-primary{background:#ffdc59;color:#15392f;border-color:#e9c749;box-shadow:0 3px 0 #b4983017}.studio .btn-primary:hover{background:#ffe785;color:#15392f}.studio .btn-ghost,.studio .btn-secondary{color:#173c30}.studio .hint,.studio .text-muted{color:#4e6258;font-size:12px;line-height:1.75}.studio input:not([type=checkbox]):not([type=radio]):not([type=range]),.studio select,.studio textarea{border-radius:8px;border-color:#bccbb0;background:#fffef9;color:#17392e;font-size:14px;min-height:44px}.studio label{font-size:13px}.studio table{font-size:13px}.studio th{background:#e9efdf;font-size:11px;letter-spacing:.5px}.studio td{padding-top:17px;padding-bottom:17px}.studio tr:hover td{background:#f3f6eb}.studio .page-sections{background:#e5edda;border:1px solid #d2dec5;border-radius:13px;padding:12px;gap:8px;flex-wrap:wrap}.studio .page-sections a{font-size:12px;padding:11px 13px;border-radius:7px}.studio details.clarity-details{border-radius:12px;border-color:#cdd8c0}.studio details>summary{font-size:14px;line-height:1.6;min-height:45px}.studio .clarity-details .details-note{font-size:12px;color:#506348}.studio .callout{border-radius:12px}.studio .badge{border-radius:20px;font-size:11px}.studio :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #957000;outline-offset:3px}.studio .nav-link:focus-visible{outline-color:#ffe073}.studio [hidden]{display:none!important}.studio .hide{display:none!important}.studio .journey-bar{margin-bottom:25px}.studio .journey-context p{font-size:13px}.studio .summary-heading h1{font-size:32px}.studio .summary-facts{gap:12px}.studio .summary-facts>div{border-radius:12px;background:#e6ecdc;padding:21px;border:1px solid #d5ddcc}.studio .setup-check{gap:16px;flex-wrap:wrap}.studio .studio-check-action{margin-left:auto;font-size:12px}.studio .studio-desk-heading{margin:0 0 28px}.studio .studio-desk-heading p{font-size:14px;color:#52675f;margin-top:12px}.studio .studio-journey{display:grid;grid-template-columns:minmax(0,1fr) 265px;border:1px solid #d5ddcc;border-radius:22px;overflow:hidden;margin-bottom:28px;background:#fcfdf8}.studio .studio-map{position:relative;min-height:390px;background-image:radial-gradient(#afc3b260 .8px,transparent .8px),radial-gradient(ellipse at 35% 20%,#fff1ac40,transparent 65%);background-size:18px 18px,100% 100%}.studio .studio-map svg{position:absolute;inset:0;width:100%;height:100%;stroke:#a6bca4;fill:none;stroke-width:2;stroke-dasharray:5 7}.studio .studio-node{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;color:#163a30;text-decoration:none;gap:9px;width:108px;text-align:center;background:none;border:0;padding:0}.studio .studio-node span{display:grid;place-items:center;border:1px solid #d4ddcb;border-radius:50%;width:54px;height:54px;background:#fcfdf8;font-size:18px}.studio .studio-node.done span{background:#163a30;color:white}.studio .studio-node.current span{background:#ffdc59;color:#163a30;box-shadow:0 0 0 10px #ffdc5930}.studio .studio-node b{font-size:13px}.studio .studio-node small{font-size:10px;color:#52675f}.studio .studio-node:nth-of-type(1){left:12%;top:58%}.studio .studio-node:nth-of-type(2){left:37%;top:24%}.studio .studio-node:nth-of-type(3){left:63%;top:76%}.studio .studio-node:nth-of-type(4){left:87%;top:40%}.studio .studio-next{background:#e2ead4;padding:29px}.studio .studio-next h2{font-size:32px;letter-spacing:-1px;margin:19px 0}.studio .studio-next p{font-size:13px;line-height:1.75}.studio .studio-next .btn{margin-top:18px;white-space:normal}.studio .studio-legend{position:absolute;bottom:20px;left:20px;font-size:10px;color:#52675f}.studio #journey-summary{background:transparent;border:0;padding:0;box-shadow:none}.studio .studio-checklist{background:#fffef9;border:1px solid #d5ddcc;border-radius:16px;padding:25px;margin-top:25px}.studio .setup-strip{margin-left:214px;border-radius:0;background:#eaf0e2}.studio .nav-toggle{display:none}.studio .studio-chart{width:100%;height:auto}.studio .calculator-grid{display:grid;grid-template-columns:1.2fr .8fr;overflow:hidden;padding:0}.studio .calculator-fields{padding:32px}.studio .calculator-fields .grid{gap:24px}.studio .calculator-result{padding:34px;background:#163a30;color:#f4f7ed;display:flex;flex-direction:column;justify-content:center}.studio .calculator-result output{font:600 clamp(32px,4.5vw,64px) 'Archivo';color:#ffdf63;letter-spacing:-2px;overflow-wrap:anywhere}.studio .calculator-result p{font-size:13px;line-height:1.8;color:#d0dec8}.studio .calculator-result .eyebrow{color:#c4d4bc}.studio .calculator-fields input[type=number]{font-size:24px;width:100%}.studio .calculator-fields input[type=range]{width:100%;accent-color:#163a30}.studio .calculator-comparison{margin-top:25px}.studio .calculator-comparison .comparison-result{padding:20px;background:#e5edda;border-radius:12px;font-size:14px}.studio .calculator-comparison .comparison-result strong{font:600 27px 'Archivo'}
@media(max-width:1100px){.studio .nav-links{width:180px;padding:24px 10px}.studio .page,.studio main.container{margin-left:180px;width:calc(100% - 180px);padding:30px 24px 50px}.studio footer,.studio .setup-strip{margin-left:180px}.studio .studio-journey{grid-template-columns:1fr}.studio .studio-next{padding:25px}.studio .studio-map{min-height:335px}.studio .calculator-grid{grid-template-columns:1fr}.studio .nav-link{padding:12px}.studio .hero-inner{gap:22px}}
@media(max-width:800px){.studio #nav.nav{padding:17px 18px}.studio .nav-inner{flex-wrap:wrap;gap:16px}.studio .brand{font-size:17px}.studio .brand small{font-size:10px}.studio .nav-links{position:static;order:4;width:calc(100% + 36px);margin:0 -18px -17px;max-height:none;flex-direction:row;flex-wrap:wrap;padding:13px 14px;gap:5px;border:0}.studio .nav-links:before{display:none}.studio .nav-link{font-size:12px;padding:10px;min-height:42px}.studio .nav-link small{max-width:140px}.studio .page,.studio main.container{margin:0;width:100%;padding:28px 18px 45px}.studio footer,.studio .setup-strip{margin-left:0}.studio h1,.studio .hero-title{font-size:34px}.studio h2{font-size:24px}.studio .hero-actions{flex-wrap:wrap}.studio .nav-acct{display:none}.studio .studio-node{width:76px}.studio .studio-node span{width:46px;height:46px}.studio .studio-node b{font-size:11px}.studio .studio-node small{font-size:9px}.studio .studio-legend{left:15px;font-size:9px}.studio .studio-next h2{font-size:30px}.studio .summary-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.studio input:not([type=checkbox]):not([type=radio]):not([type=range]),.studio select,.studio textarea{font-size:16px}.studio .calculator-fields,.studio .calculator-result{padding:25px 22px}.studio .calculator-fields .grid{grid-template-columns:1fr}.studio .studio-chart text{font-size:22px}.studio .nav-right .btn{font-size:11px;padding:8px}.studio .studio-check-action{margin-left:0}.studio .card-head{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.studio *{animation:none!important;transition:none!important}}
.studio #nav.nav{backdrop-filter:none;-webkit-backdrop-filter:none}.studio .nav-links{height:calc(100vh - var(--nav-h));height:calc(100dvh - var(--nav-h));right:auto}.studio .studio-node.step0{left:12%;top:58%}.studio .studio-node.step1{left:37%;top:24%}.studio .studio-node.step2{left:63%;top:76%}.studio .studio-node.step3{left:87%;top:40%}.studio .studio-desk-heading h1{font-size:clamp(34px,3.7vw,50px)!important}.studio .setup-checklist{background:#fffef9;border:1px solid #d5ddcc;border-radius:15px;padding:12px 24px}.studio .setup-check{display:grid;grid-template-columns:1fr auto;align-items:center}.studio .studio-check-action{grid-column:1/-1;justify-self:start}@media(max-width:800px){.studio .nav-links{height:auto}.studio .setup-checklist{grid-template-columns:1fr;padding:12px 20px}}
.studio .hero{width:100%;max-width:100%;min-width:0}.studio .setup-strip{width:calc(100% - 214px)}.studio .setup-strip-inner{width:100%;max-width:100%;padding:14px 24px}.studio .calculator-fields input[type=number]{display:block;margin-top:10px;padding:13px 14px;font-size:24px;border:1px solid #bccbb0}.studio .calculator-fields .row{flex-wrap:wrap;margin-bottom:25px}.studio .calculator-fields .row h2{flex:1;min-width:200px}.studio .calculator-comparison input{width:70px;border:1px solid #bccbb0;padding:10px;margin-left:10px}.studio .hero:before,.studio .hero:after{display:none}.studio .calculator-fields label{line-height:1.6}.studio .calculator-result output{line-height:1.25}.studio .calculator-result p{margin:15px 0}.studio .calculator-fields input[type=range]{margin-top:18px}.studio .calculator-comparison .card-head{flex-wrap:wrap;gap:18px}@media(max-width:1100px){.studio .setup-strip{width:calc(100% - 180px)}}@media(max-width:800px){.studio .setup-strip{width:100%}.studio .calculator-fields .row h2{min-width:0}.studio .calculator-fields .row{display:block}}
.studio .hero.hero-compact .hero-title{font-size:clamp(34px,3.7vw,50px);letter-spacing:-1.8px;line-height:1.12}.studio .page{background-image:none}.studio .hero-inner{min-width:0}.studio .hero-metrics .stat{border-radius:12px;background:#e6ecdc}.studio .page-sections a:focus-visible{outline:2px solid #957000}
.studio:not(:has(#nav)) footer{margin-left:0}.studio:not(:has(#nav)) .page,.studio:not(:has(#nav)) main.container{margin-left:0;width:100%}

/* Focused workspaces: retain mounted fields, expose one task at a time. */
.ux-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 12px;padding:8px;background:#e6ebdd;border:1px solid #d4dcca;border-radius:16px;scroll-margin-top:24px}
.ux-tab{appearance:none;border:0;background:transparent;color:#173b30;border-radius:10px;padding:13px 18px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.3;cursor:pointer;min-height:44px}
.ux-tab[aria-current=step]{background:#173b30;color:#fffdf5;box-shadow:0 2px 5px #173b301a}
.ux-tab:focus-visible,.ux-suggestion summary:focus-visible{outline:3px solid #b78200;outline-offset:3px}
.ux-workspace-status{font-size:13px;color:#4b6157;margin:0 0 20px}
[data-ux-step][hidden],.ux-original-sections[hidden]{display:none!important}
.ux-suggestion{border:1px solid #d5ddce!important;border-radius:14px;margin:12px 0!important;padding:0!important;background:#fbfcf7}
.ux-suggestion summary{cursor:pointer;padding:20px;list-style-position:inside;font-weight:600;min-height:48px}
.ux-count{display:block;font-size:13px;font-weight:400;color:#52675d;margin:8px 0 0 18px}
.ux-suggestion[open]{background:#fffef9}
.ux-suggestion-body{padding:0 20px 24px}
.ux-editor-hint{font-size:14px;color:#53665b;margin:0 0 20px}
.ux-next{margin:24px 0}.ux-preview-note{margin:0 0 20px}
.ux-composing #profile-panel,.ux-composing #new-sequence-title,.ux-composing #cta-panel,.ux-composing #history-audience-panel,.ux-composing #suggested-sequences,.ux-composing #create-campaign,.ux-composing #saved-sequences,.ux-composing #saved-sequences+p,.ux-composing main>nav.page-sections,.ux-composing main>.hero{display:none!important}
.ux-composing #detail{max-width:1040px;margin:0 auto}
.ux-composing #detail>.card:first-child{margin-top:0}
.ux-account{display:block!important}.ux-account>.account-col:empty{display:none}
.ux-account-panel{max-width:1000px}.ux-account-panel>.card{margin-bottom:20px}
.ux-account-ready main>nav.page-sections{display:none}
.ux-account-ready .account-grid{margin-top:20px}
.ux-account-ready .account-col:has(>*){margin-bottom:20px}
.ux-account-panel .reveal{opacity:1;transform:none}
@media(max-width:800px){.ux-tabs{gap:4px;padding:6px}.ux-tab{flex:1 1 125px;padding:12px 10px}.ux-suggestion summary{padding:16px}.ux-suggestion-body{padding:0 16px 18px}}
.ux-composing .ux-campaign-home>.ux-tabs,.ux-composing .ux-campaign-home>.ux-workspace-status{display:none}
.ux-sequence-title{font-size:clamp(24px,3vw,36px)!important;line-height:1.2!important;margin:0!important}
.ux-campaign-home>#new-sequence-workspace>h2{margin-top:0}
.ux-composing #new-sequence-workspace{display:none!important}
.ux-save-status{font-size:14px;color:#385a48;margin:12px 0 0}
.ux-account-ready .hero-metrics{align-self:start}
.ux-account-ready .hero-cta .btn{padding:10px 14px}
.ux-composing #detail [data-ux-step=review]>.row:empty{display:none}
@media(prefers-reduced-motion:reduce){.studio .reveal{animation:none!important;opacity:1!important;transform:none!important}}
.ux-preview-note{display:block!important}.ux-preview-note .btn{margin-top:12px}
.ux-workspace-status{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* The workspace switches now provide these destinations directly. Keep the
   original anchors as the no-JavaScript fallback, rather than a duplicate row. */
.studio:has(.ux-campaign-home) main>nav.page-sections{display:none}
.studio:has(.ux-campaign-home) #profile-panel:has(#profile-details:not([open])){padding:12px 20px}
.studio:has(.ux-campaign-home) #profile-panel:has(#profile-details:not([open]))>.card-head{display:none}
.studio:has(.ux-campaign-home) #profile-details:not([open]){margin:0;border:0;background:transparent}
.studio:has(.ux-campaign-home) #profile-details:not([open])>summary{padding:12px 0}
.studio:has(.ux-campaign-home) #profile-panel{margin-bottom:16px}
.studio:has(.ux-campaign-home) main>.hero{padding-bottom:12px;margin-bottom:16px}
.studio:has(.ux-campaign-home) .ux-campaign-home>.ux-tabs{margin-top:0}
/* Studio keeps its navigation visible at every width (no drawer), so the top-bar
   Sign out must stay visible too. styles.css hides it below 1150px for the old drawer
   layout, and the drawer copy is hidden in Studio, which left no sign-out at all. */
.studio .nav-right #nav-logout{display:inline-flex}
/* Phones: styles.css gives the nav a fixed height for the old one-row bar. Studio
   wraps the brand, Sign out and section links onto several rows, so a fixed height
   pushed the brand and Sign out above the top of the screen. Let it grow. */
@media(max-width:800px){.studio #nav.nav{height:auto;min-height:var(--nav-h)}}

/* Workspace rail geometry: the header stays pinned on desktop so the fixed rail
   always starts at its bottom edge (--nav-h) and never leaves a strip of page
   above it after scrolling. Phones keep the scrolling header and inline links. */
@media(min-width:801px){.studio #nav.nav{position:sticky;top:0;height:var(--nav-h);padding-top:0;padding-bottom:0}}