:root{color-scheme:light;--navy:#202c46;--muted:#52617a;--line:#d5dce7;--soft:#eef1f7;--purple:#68548c}*{box-sizing:border-box}body{margin:0;background:#f5f6fa;color:var(--navy);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif}header,main,footer{max-width:1440px;margin:auto;padding:16px 28px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:16px}h1{font-size:24px;margin:0}h2{font-size:22px;margin:0 0 12px}h3{font-size:18px;margin:8px 0}p{margin:8px 0;overflow-wrap:anywhere}.eyebrow,.muted,footer{font-size:14px;color:var(--muted)}footer a{display:inline-flex;align-items:center;min-height:44px;padding:0 2px}#customer-settings a{display:inline-flex;align-items:center;min-height:44px}input[type=checkbox],input[type=radio]{width:26px;height:26px;min-height:26px;padding:0;accent-color:#202c46}.eyebrow{margin:0;letter-spacing:.12em}#workspace{position:relative;padding-left:216px;min-height:400px}#identity{font-size:14px;color:var(--muted)}#side-menu{position:absolute;left:0;top:0;width:192px;display:grid;gap:4px}a{color:#42527e}#side-menu a{text-decoration:none;padding:10px 14px;border-radius:6px;min-height:44px}#side-menu a[aria-current=page]{background:var(--navy);color:white}section{min-width:0;padding:20px;background:white;border:1px solid var(--line);border-radius:8px;margin:16px 0}#auth,#account-recovery{max-width:620px;margin:24px auto}#workspace #account-recovery{max-width:none;margin:16px 0}#auth-recovery{display:inline-block;margin-top:16px}label{display:block;margin:12px 0}input,select,textarea{width:100%;max-width:100%;min-width:0;min-height:44px;padding:10px;border:1px solid #a5b1c4;border-radius:6px;background:white;color:var(--navy);font:inherit;font-size:16px}textarea{min-height:112px;resize:vertical}input[type=checkbox]{width:22px;height:22px;vertical-align:middle;accent-color:var(--purple);margin-right:8px}button{font:inherit;cursor:pointer;background:var(--navy);color:white;border:1px solid var(--navy);border-radius:6px;min-height:44px;padding:9px 16px;max-width:100%}button.secondary{background:white;color:var(--navy);border-color:#a5b1c4}button:disabled{opacity:.55;cursor:default}:focus-visible{outline:3px solid #8772ba;outline-offset:3px}.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}fieldset{min-width:0;border:1px solid var(--line);padding:16px;border-radius:6px;margin:16px 0}legend{padding:0 6px}.format,article{padding:14px 0;border-top:1px solid var(--line);overflow-wrap:anywhere}#formats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.format>label{margin-top:0}.format p{font-size:14px;color:var(--muted)}.format-body[hidden]{display:none}.notice,#overdue,#compose-step{background:var(--soft);padding:8px 12px;border-radius:6px;font-size:14px}#message:not(:empty){position:sticky;top:0;z-index:4;background:#eeebf6;border:1px solid #b3a7cf;padding:12px;white-space:pre-wrap}#contract-usage,#contract-policy{white-space:pre-line}summary{cursor:pointer;padding:10px 0;min-height:44px}article button{margin:4px 8px 4px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;margin:8px 0}img,video{display:block;max-width:100%;max-height:220px;border-radius:6px}progress{width:100%;accent-color:var(--purple)}[hidden]{display:none!important}.onboarding{margin-top:20px;border-top:1px solid var(--line);padding-top:12px}.onboarding ol{display:flex;flex-wrap:wrap;gap:12px 30px;padding-left:24px}#connection-summary{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}#connection-summary p{background:var(--soft);padding:6px 10px;border-radius:6px;font-size:14px}#calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:12px 0}.calendar-day{min-height:64px;border:1px solid var(--line);padding:6px;font-size:14px}.calendar-day button{min-height:44px;padding:4px;width:100%;font-size:14px}#workspace:not([data-view=compose])>#compose,#workspace:not([data-view=compose])>#approval,#workspace:not([data-view=compose]):not([data-view=history]):not([data-view=calendar])>#editor{display:none}
@media(max-width:650px){header,main,footer{padding:12px 16px}header .muted{display:none}h1{font-size:22px}#workspace{padding-left:0;min-height:0}#side-menu{position:relative;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:12px 0}#side-menu a{padding:10px 4px;font-size:13px;text-align:center}section{padding:16px;margin:12px 0}.grid,#formats{grid-template-columns:1fr;gap:0}.actions button{flex:1 1 140px}#connection-summary p{margin:0}#calendar-grid{gap:2px}.calendar-day{padding:3px;min-height:54px;font-size:12px}.calendar-day button{font-size:12px;padding:2px}.onboarding ol{gap:8px 25px}#auth,#account-recovery{margin:16px auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.phone-only{display:none}.compose-stage{display:contents}.mobile-details>summary{display:none}
@media(max-width:650px){
 :root{--keyboard-inset:0px}body{padding-bottom:calc(var(--mobile-nav-height,76px) + 8px);font-size:16px}header{padding:8px 14px;gap:8px}header .eyebrow{font-size:12px}header h1{font-size:19px}main{padding:8px 12px}h2{font-size:21px}section{padding:14px;margin:8px 0}#side-menu{display:none!important}.phone-only:not([hidden]){display:block}#mobile-nav:not([hidden]){position:fixed;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;left:0;right:0;bottom:var(--keyboard-inset);padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:white;border-top:1px solid var(--line);z-index:20;box-shadow:0 -3px 12px #202c4610}#mobile-nav a{display:flex;min-width:0;min-height:48px;align-items:center;justify-content:center;text-decoration:none;font-size:14px;border-radius:9px}#mobile-nav a[aria-current=page]{background:var(--soft);font-weight:700}#mobile-nav .primary-action{background:var(--navy);color:white;font-weight:700;min-height:52px;margin:0 3px}[data-fullscreen-editor="true"] #mobile-nav{display:none!important}#identity{margin:0;font-size:12px}#workspace>.notice{padding:6px 8px;font-size:12px}#overdue{padding:4px 8px;margin:4px 0;font-size:12px}#local-preview-notice{font-size:12px;line-height:1.4;margin:4px 12px;padding:6px 8px}#message:not(:empty){position:relative;max-height:none;font-size:14px;margin:6px 0}.mobile-stats:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mobile-stats button,.mobile-stats p{border:1px solid var(--line);border-radius:9px;background:white;color:var(--navy);padding:10px;margin:0;text-align:left}.mobile-stats strong{display:block;font-size:24px}#mobile-home-stats{margin:8px 0}#home-summary,#home>.actions,#home>.grid>div:nth-child(2),#home>#connection-summary,#home>#onboarding{display:none}#home .grid{display:block}#home-upcoming article{padding:8px 0}#home-upcoming h3{font-size:16px}#home-contract{font-size:13px}#commercial-guide{margin-top:8px;border:none;padding:0}#commercial-prices{font-size:12px}#commercial-guide>p{font-size:12px}#commercial-guide .actions{gap:6px}#home>.grid>div:first-child>h3{font-size:16px}.more-links{display:grid;gap:10px}.wizard-progress{display:flex;gap:0;justify-content:space-between;padding:0;list-style:none;font-size:12px;color:var(--muted);margin:4px 0 12px}.wizard-progress li[aria-current=step]{font-weight:700;color:var(--navy)}#mobile-step-label{font-weight:700;margin:0}#compose-step{display:none}#compose-form .compose-stage{display:none}#workspace[data-mobile-step="1"] #compose-form [data-step="1"],#workspace[data-mobile-step="2"] #compose-form [data-step="2"],#workspace[data-mobile-step="3"] #compose-form [data-step="3"],#workspace[data-mobile-step="4"] #compose-form [data-step="4"]{display:block}#workspace[data-view=compose]{padding-bottom:calc(var(--mobile-actions-height,110px) + 16px)}#mobile-wizard-actions{position:fixed;display:grid;grid-template-columns:1fr 2fr;gap:8px;left:12px;right:12px;bottom:calc(var(--mobile-nav-height,76px) + 8px + var(--keyboard-inset));padding:8px;background:white;border:1px solid var(--line);border-radius:10px;z-index:21}#mobile-draft-note{grid-column:1/-1;font-size:11px;color:var(--muted)}#workspace:not([data-view=compose]) #mobile-wizard-actions{display:none}#save{width:100%;margin-top:12px}#formats .format>label{padding:8px;background:var(--soft);border-radius:6px}.format-body p{font-size:12px}#mobile-edit-preview video,#mobile-edit-preview img{max-height:260px;width:100%;object-fit:contain}.reservation-modes{margin:10px 0}.reservation-modes button{font-size:14px;padding:8px;min-width:44px}#workspace[data-reservation-mode=list] #calendar-tools{display:none}#history>p.muted{font-size:12px}#jobs h3{font-size:16px}#jobs details>summary{font-size:14px}footer{font-size:12px;padding:12px}#approval{padding-bottom:14px}#schedule{width:100%}#mobile-complete{padding:24px 14px}.mobile-details>summary{display:list-item;font-size:14px}#compose-form fieldset{padding:10px;margin:10px 0}#compose-form label{margin:10px 0}#compose-form #youtube{display:none}#compose-form:has(#check-youtube_video:checked) #youtube{display:block}
}
@media(max-width:350px){#mobile-nav a{font-size:12px}main{padding:6px 8px}section{padding:12px}#mobile-wizard-actions{left:8px;right:8px}#calendar-grid{gap:1px}.calendar-day{padding:2px}.calendar-day button{font-size:11px;min-width:0}}

#mobile-nav .primary-action[aria-current=page]{background:var(--navy);color:white;box-shadow:inset 0 0 0 3px var(--purple)}.wizard-progress{display:flex;justify-content:space-between;gap:8px;list-style:none;padding:0;font-size:13px}.wizard-progress li[aria-current=step]{font-weight:700;color:var(--navy)}
#x-manual-confirm{grid-column:1/-1;min-height:44px;width:100%}#x-manual-preview img,#x-manual-preview video{display:block;max-width:100%;width:100%;max-height:220px;object-fit:contain;margin:10px auto}.native-file{display:none!important}.compose-stage{display:none!important}#workspace[data-mobile-step="1"] #compose-form [data-step="1"],#workspace[data-mobile-step="2"] #compose-form [data-step="2"],#workspace[data-mobile-step="3"] #compose-form [data-step="3"]{display:block!important}#workspace:not([data-mobile-step="3"])>#approval{display:none!important}#compose-step{display:none}#compose{max-width:920px}#mobile-wizard{display:block}#mobile-wizard-actions{display:grid;grid-template-columns:1fr 2fr;gap:8px;position:sticky;bottom:12px;background:white;border:1px solid var(--line);padding:10px;border-radius:10px;z-index:21;margin-top:12px}#workspace:not([data-view=compose]) #mobile-wizard-actions{display:none}#mobile-draft-note,#autosave-error,#autosave-retry,#autosave-reload{grid-column:1/-1;margin:0;font-size:13px}#autosave-error:empty{display:none}#mobile-draft-note[data-status=error]{color:#9c2525}.type-cards,.sns-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.type-cards button,.sns-cards button{min-height:64px;background:white;color:var(--navy);text-align:left}.type-cards button[aria-pressed=true],.sns-cards button[aria-pressed=true]{background:var(--soft);border:2px solid var(--purple)}.sns-cards small{display:block;font-size:12px}#formats{display:block}#formats .format{display:none}#formats .format.selected-format{display:block}#formats .format>label{display:block}#mobile-common{min-height:96px}#previews img,#previews video{max-height:220px;margin:auto}#youtube{display:none}#youtube.active{display:block}#source-fields>label:first-child{display:none}#media-pickers{margin:10px 0}.analysis-controls{display:flex;gap:12px;flex-wrap:wrap}.analysis-controls label{flex:1;min-width:140px}#mobile-home-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}#home-summary,#home>.grid>div:nth-child(2),#home>#connection-summary,#home>#onboarding{display:none}#home .grid{display:block}.mobile-stats button,.mobile-stats p{padding:12px;border:1px solid var(--line);background:white;color:var(--navy);border-radius:8px;margin:0}.mobile-stats strong{display:block;font-size:24px}#home-upcoming article{padding:8px}#commercial-guide{margin-top:8px}#mobile-analytics-panel:not([hidden]){display:block}#mobile-analytics-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#analysis-details article{padding:12px}.format-body{min-width:0}
@media(max-width:650px){#mobile-home-stats{grid-template-columns:repeat(2,minmax(0,1fr))}#mobile-wizard-actions{position:fixed;left:10px;right:10px;bottom:calc(var(--mobile-nav-height,76px) + 8px + var(--keyboard-inset));margin:0}#workspace[data-view=compose]{padding-bottom:calc(var(--mobile-actions-height,110px) + 16px)}#content-types{margin:8px 0;padding:8px}.type-cards button,.sns-cards button{min-height:56px;padding:8px}#compose-form fieldset{padding:8px}#compose-form label{margin:8px 0}#compose-form #youtube.active{display:block}#previews img,#previews video{max-height:180px}#mobile-next{min-height:44px}.analysis-controls{gap:4px}.analysis-controls label{min-width:100px}#mobile-complete{display:block}#mobile-analytics-panel{padding:12px}}

:root{--keyboard-inset:0px;--adaptive-gap:clamp(8px,2vw,20px)}
html{scroll-padding-block:16px calc(var(--mobile-nav-height,0px) + var(--mobile-actions-height,0px) + 24px)}
body{min-width:0;overflow-wrap:anywhere;min-height:100vh;min-height:100dvh}
header{flex-wrap:wrap;padding-top:max(12px,env(safe-area-inset-top,0px))}
header>*,main,footer,form,article,details,.actions>*,.grid>*,fieldset,legend{min-width:0;max-width:100%}
header,main,footer{padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}
section{container-type:inline-size}
main>nav{display:flex;flex-wrap:wrap;gap:8px}
main>nav a{display:flex;align-items:center;min-height:44px;max-width:100%}
h1,h2,h3,h4,a,label,summary,button,legend{overflow-wrap:anywhere}
button{white-space:normal;touch-action:manipulation}
input,select,textarea{min-inline-size:0;max-inline-size:100%}
input[type=date],input[type=month],input[type=datetime-local]{display:block;width:100%;box-sizing:border-box}
input[type=checkbox]{flex:none;min-width:22px}
:where(input,select,textarea,button,a,summary){scroll-margin-block:24px calc(var(--mobile-nav-height,0px) + var(--mobile-actions-height,0px) + 28px)}
.actions>button{flex:0 1 auto}
.actions>a,.more-links>a,#auth-recovery,#x-manual-media,#x-manual-open{display:inline-flex;align-items:center;min-height:44px}
.analysis-controls label{min-width:min(100%,140px)}
.type-cards,.sns-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
#mobile-wizard-actions{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
#mobile-nav a{overflow-wrap:anywhere}
#mobile-wizard-actions,#mobile-nav{padding-left:max(8px,env(safe-area-inset-left,0px));padding-right:max(8px,env(safe-area-inset-right,0px))}
#message:not(:empty){position:relative}
#compose{max-width:none}
.skip-link{position:absolute;left:12px;top:0;transform:translateY(-150%);z-index:100;background:white;padding:10px;border:2px solid var(--navy)}
.skip-link:focus{transform:none}
@media(min-width:651px) and (max-width:1023px){
 #workspace{padding-left:0}#side-menu{position:relative;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
 #side-menu a{padding:10px 8px}section{padding:16px}
}
@media(max-width:650px){
 .actions>button{flex:1 1 140px}
 #mobile-wizard-actions{left:max(8px,env(safe-area-inset-left,0px));right:max(8px,env(safe-area-inset-right,0px))}
}
@container(max-width:400px){
 .grid,#mobile-analytics-counts{grid-template-columns:minmax(0,1fr)}
 .type-cards,.sns-cards{grid-template-columns:minmax(0,1fr)}
 #calendar-grid{grid-template-columns:minmax(0,1fr)}
 #calendar-grid>span{display:none}
 .calendar-day{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;font-size:14px;padding:6px}
 .calendar-day button{width:auto;min-width:44px;font-size:14px}
 .calendar-day>span{display:none}
 .calendar-day::before{content:attr(data-date)}
}
/* Short landscape/split windows and large text must scroll, never trap controls. */
@media(max-height:480px){
 #mobile-nav:not([hidden]){position:sticky;top:0;bottom:auto}
 #mobile-wizard-actions{position:static;margin-top:12px}
 #workspace[data-view=compose]{padding-bottom:0}
 body{padding-bottom:env(safe-area-inset-bottom,0px)}
}
body[data-compact-height=true] #mobile-nav:not([hidden]){position:sticky;top:0;bottom:auto}
body[data-compact-height=true] #mobile-wizard-actions{position:static;margin-top:12px}
body[data-compact-height=true] #workspace[data-view=compose]{padding-bottom:0}
body[data-compact-height=true]{padding-bottom:env(safe-area-inset-bottom,0px)}
/* A software keyboard needs the editing space, not two raised fixed bars.
   Keep actions in document flow; restore the normal chrome when it closes. */
@media(max-width:650px){
 body.keyboard-open #mobile-nav:not([hidden]){display:none!important}
 body.keyboard-open #mobile-wizard-actions{position:static!important;inset:auto;margin-top:12px}
 body.keyboard-open #workspace[data-view=compose]{padding-bottom:0}
 body.keyboard-open{padding-bottom:env(safe-area-inset-bottom,0px)}
 body.keyboard-open :is(input,textarea,[contenteditable=true]){scroll-margin-block:16px}
}
/* Use a single safe segment for the whole task; no control can straddle a hinge.
   Unsupported media features leave the normal responsive layout untouched. */
@media(horizontal-viewport-segments:2){
 html{width:env(viewport-segment-width 0 0,100%)}
 body{width:100%;min-height:0}
 #workspace{padding-left:0}
 #side-menu{position:relative;width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}
 #mobile-nav:not([hidden]),#mobile-wizard-actions{position:static;margin-top:12px}
 #workspace[data-view=compose]{padding-bottom:0}
 body{padding-bottom:env(safe-area-inset-bottom,0px)}
}
@media(vertical-viewport-segments:2){
 html{height:100%;overflow:hidden}
 body{height:env(viewport-segment-height 0 0,100dvh);min-height:0;overflow:auto;overscroll-behavior:contain}
 #mobile-nav:not([hidden]),#mobile-wizard-actions{position:static;margin-top:12px}
 #workspace[data-view=compose]{padding-bottom:0}
 body{padding-bottom:env(safe-area-inset-bottom,0px)}
}
@media(pointer:coarse){summary{min-height:44px}#side-menu a{min-height:48px}}
@media(forced-colors:active){button[aria-pressed=true],a[aria-current=page]{outline:2px solid Highlight}}