:root{--studio-header-height:100px}body>header{position:sticky;top:0;z-index:100;background:#fffefa;box-shadow:0 2px 12px #233c3210}html{scroll-padding-top:calc(var(--studio-header-height) + 16px)}.profile-control{position:relative;flex-shrink:0;margin-left:auto}.profile-control[hidden],.profile-dropdown[hidden],.profile-role[hidden],[data-admin-link][hidden]{display:none!important}.profile-toggle{display:flex;align-items:center;justify-content:center;padding:3px!important;width:52px;height:52px;border-radius:50%;border:2px solid #acbba8;background:#f0eee6;color:#315b4b;cursor:pointer}.profile-avatar{display:flex;align-items:center;justify-content:center;width:42px;height:42px;overflow:hidden;border-radius:50%;font:700 18px system-ui}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:280px;max-width:calc(100vw - 32px);max-height:calc(100dvh - var(--studio-header-height) - 24px);overflow:auto;border:1px solid #d3dbce;border-radius:14px;background:white;box-shadow:0 12px 40px #233c3233;padding:16px;color:#263d34;font:16px/1.5 system-ui}.profile-name{margin:0;font-weight:700;overflow-wrap:anywhere}.profile-role{display:inline-block;font-size:12px;color:#65436b;background:#f2eaf5;padding:3px 9px;border-radius:20px;margin-top:6px}.profile-dropdown nav{display:flex;flex-direction:column;gap:4px;margin:12px 0 0}.profile-dropdown a,.profile-dropdown nav button{display:block;text-decoration:none;text-align:left;font:600 16px/1.5 system-ui;color:#315b4b;background:white;border-radius:7px;padding:12px;min-height:44px}.profile-dropdown a:hover,.profile-dropdown nav button:hover{background:#eff3ec}.profile-dropdown [data-profile-logout]{color:#8a3b35;border-top:1px solid #e2e5dd}.profile-photo-settings{margin:18px 0;padding:16px;background:#f4f1f7;border:1px solid #ddd0e2;border-radius:10px}.profile-photo-settings .button{cursor:pointer}.profile-photo-settings input[hidden]{display:none!important}#signOutLive{display:none!important}body>header>.profile-control{grid-column:4;grid-row:1}.preview{top:calc(var(--studio-header-height) + 12px);max-height:calc(100dvh - var(--studio-header-height) - 24px);min-height:0}#adminDashboard{border:2px solid #c9b5d2;background:#faf6fc}#adminDashboard .actions{gap:12px}#liveSignedIn{display:none!important}@media(max-width:750px){body>header{padding:10px 16px;gap:12px;min-height:76px}body>header .brand{font-size:18px;flex-direction:row;gap:8px}body>header .brand img,body>header .brand-logo{width:52px;height:44px}body>header>nav{flex-direction:row;gap:8px;flex-wrap:wrap;font-size:14px}body>header .current-unit{font-size:18px;text-align:left;grid-column:1/3;grid-row:2;overflow-wrap:anywhere}body>header .header-actions{grid-column:2;grid-row:2;font-size:12px}body>header .header-actions .account-link{display:none}body>header .brand{grid-column:1/3;grid-row:1}body>header>.profile-control{grid-column:3;grid-row:1}body>header .profile-toggle{width:46px;height:46px}.profile-avatar{width:36px;height:36px}.preview{position:static;max-height:none}main{min-width:0}.dashboard-grid>*{min-width:0}input,select,textarea{max-width:100%;font-size:16px!important}button,.button{min-height:44px}#editor .two-col{grid-template-columns:1fr}.previewhead{flex-wrap:wrap;gap:12px}.previewhead select{max-width:100%}.library-list article{min-width:0;overflow-wrap:anywhere}.publication-actions>*{max-width:100%}.brand span{white-space:nowrap}}@media print{body>header{position:static;box-shadow:none}.profile-control{display:none!important}}

@media(min-width:901px){body>header:has(.current-unit){grid-template-columns:minmax(170px,1fr) minmax(200px,2fr) minmax(140px,1fr) auto}}@media(min-width:751px) and (max-width:900px){body>header:has(.current-unit){grid-template-columns:1fr 1fr auto}body>header:has(.current-unit)>.profile-control{grid-column:3;grid-row:2}}@media(max-width:750px){body>header:has(.current-unit){grid-template-columns:minmax(0,1fr) auto auto}body>header:has(.current-unit) .header-actions{grid-column:3;grid-row:2}body>header:has(.current-unit) .current-unit{grid-column:1/3;grid-row:2}}

h1,.profile-name{overflow-wrap:anywhere}@media(max-width:750px){body>header>nav{display:none}body>header:has(.profile-control) .brand{min-width:0}body>header .brand span{white-space:normal}}
.profile-dropdown nav{align-items:stretch}.profile-dropdown nav a,.profile-dropdown nav button{width:100%;border:0;justify-content:flex-start;text-align:left;background:white}.profile-dropdown nav a:hover{background:#eff3ec}
/* Compact shared header: brand left, navigation centered, profile right. */
body>header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px;height:auto;min-height:72px;padding:10px 4vw}
body>header .brand{grid-column:1;grid-row:1;display:flex;flex-direction:row;align-items:center;gap:10px;justify-self:start;font-size:21px;min-width:0}
body>header .brand img,body>header .brand-logo{width:60px;height:44px;object-fit:contain}
body>header .brand span{white-space:normal}
body>header>.studio-navigation{grid-column:2;grid-row:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;margin:0}
body>header>.studio-navigation a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid #c2cdbd;background:#edf2e9;color:#315b4b;border-radius:7px;font:600 15px/1.3 system-ui;padding:10px 14px;min-height:42px}
body>header>.profile-control{grid-column:3;grid-row:1;justify-self:end;margin:0}
body>header:has(.current-unit){grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.intro .current-unit{font:28px Georgia,serif;text-align:left;margin-bottom:14px}.previewhead .publication-state{display:inline-block;text-align:left;margin:6px 0}
#accountSectionView>h2{font-size:32px;margin:24px 0}#accountSectionView>[hidden],#dashboardHome[hidden]{display:none!important}#billingAccountSummary{padding:0 0 18px;border-bottom:1px solid #d6ded4;margin-bottom:20px}#billingAccountSummary h2{font-size:22px}#billingAccountSummary>.eyebrow,#billingAccountSummary>a[href="archive.html"],#billingAccountSummary>button{display:none}#accountSectionView #myLibrary>h2{display:none}
@media(max-width:750px){body>header{grid-template-columns:minmax(0,1fr) auto auto;min-height:66px;padding:8px 16px;gap:8px}body>header .brand{font-size:17px;gap:6px}body>header .brand img{width:43px;height:36px}body>header>.studio-navigation{grid-column:2;grid-row:1;gap:6px}body>header>.studio-navigation a{font-size:13px;padding:8px;min-height:42px}body>header>.profile-control{grid-column:3;grid-row:1}body>header .profile-toggle{width:42px;height:42px}.profile-avatar{width:32px;height:32px;font-size:15px}body>header:has(.studio-navigation a:nth-of-type(2)){grid-template-columns:minmax(0,1fr) auto}body>header:has(.studio-navigation a:nth-of-type(2))>.profile-control{grid-column:2}body>header:has(.studio-navigation a:nth-of-type(2))>.studio-navigation{grid-row:2;grid-column:1/-1;flex-wrap:wrap}.intro .current-unit{font-size:24px}}

body:not([data-studio-signed-in="true"])>header>.studio-navigation,body>header>.studio-navigation[hidden]{display:none!important}
