/* Shared authenticated navigation and masthead; composer controls keep their
   own layout and typography in newsletter.css. */
.editor-header .wrap.editor-masthead{width:min(calc(100% - 64px),1120px);max-width:1120px;padding-block:22px;gap:24px;align-items:center;flex-direction:row}
.editor-header .editor-brand{gap:14px}
.editor-header .editor-brand h1{font:600 1.8rem/1.2 Georgia,"Times New Roman",serif;letter-spacing:-.025em}
.editor-header .editor-crest{width:44px;height:48px}
.editor-header .chapter-identity{font:600 .875rem/1.4 "Segoe UI",Arial,sans-serif;margin-bottom:4px}
#editor-environment{display:inline-block;margin-left:6px;padding:2px 7px;border:1px solid #c9a22a;border-radius:4px;background:#fff6d8;color:#59460c;font:600 .75rem/1.4 "Segoe UI",Arial,sans-serif;vertical-align:middle}
.editor-header .header-actions{width:auto;gap:12px 20px}
.editor-header .header-actions>a{display:inline-flex;align-items:center;min-height:44px}
.editor-header #sign-out{min-height:44px;font-size:.9375rem}
.website-editor-page main,.newsletter-page main,.users-page main,.password-page main{padding-top:24px}
.users-page main.wrap{width:min(calc(100% - 64px),1120px);max-width:1120px}
.website-editor-page #editor,.users-page #editor{border:0;background:transparent;border-radius:0}
.website-editor-page .editor-shell{border:1px solid var(--line);border-radius:6px;background:#fff}
.users-page .users-content{border:1px solid var(--line);border-radius:6px;background:#fff}
nav.admin-primary-nav.editor-tools{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;max-width:1120px;margin:0 auto 20px;padding:0 0 12px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
.newsletter-page nav.admin-primary-nav.editor-tools{width:calc(100% - 16px)}
nav.admin-primary-nav.editor-tools>a{display:inline-flex;align-items:center;justify-content:center;min-width:110px;min-height:44px;padding:9px 18px;border-radius:4px;font:600 .9375rem/1.5 "Segoe UI",Arial,sans-serif;letter-spacing:0;color:var(--navy);text-decoration:none}
nav.admin-primary-nav.editor-tools>a[aria-current]{background:var(--navy);color:#fff}
nav.admin-primary-nav.editor-tools>a:hover{background:#eaf0f6;color:var(--navy)}
nav.admin-primary-nav.editor-tools>a[aria-current]:hover{background:#16497c;color:#fff}
.website-editor-page #editor-users-link{margin-top:14px;border-top:1px solid var(--line);border-radius:0;padding-top:18px}
.website-subnavigation{margin-bottom:18px}
.admin-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-height:44px;margin:0 0 8px;font-size:.875rem;color:var(--muted)}
.admin-breadcrumb>a{display:inline-flex;align-items:center;min-height:44px}
nav.website-subnav.editor-tools{gap:4px;padding:0;border:0}
nav.website-subnav.editor-tools>a{min-width:0;min-height:44px;padding:8px 12px;font-size:.875rem}
.google-sign-in{display:inline-flex;justify-content:center;align-items:center;min-height:44px;max-width:100%;padding:10px 18px;border:1px solid #747775;border-radius:4px;background:#fff;color:#1f1f1f;font:500 .9375rem/1.4 "Segoe UI",Arial,sans-serif}
.google-sign-in:hover{background:#f2f4f6;color:#1f1f1f;border-color:#747775}
html[data-auth-mode="google"] #auth{max-width:452px;margin-top:96px;padding:32px 34px 36px;border-radius:12px;box-shadow:0 10px 30px #082f5b09}
html[data-auth-mode="google"] #auth-title{font-size:1.85rem}
html[data-auth-mode="google"] #auth-description{margin-top:10px}
html[data-auth-mode="google"] #google-sign-in{width:100%;min-height:50px;margin-top:26px;padding-inline:14px;gap:12px;border-radius:6px}
html[data-auth-mode="google"] #google-sign-in img{display:block;flex-shrink:0;width:20px;height:20px;object-fit:contain}
html[data-auth-mode="google"] #auth-message{margin-top:18px;font-size:.9375rem}
html[data-auth-mode="google"] #cancel-google-sign-in{display:block;width:100%;min-height:44px;margin-top:10px}
@media(max-width:740px){
  .newsletter-page nav.admin-primary-nav.editor-tools{width:calc(100% - 40px)}
}
@media(max-width:600px){
  html[data-auth-mode="google"] #auth{margin-top:12px;padding:24px 24px 28px}
  html[data-auth-mode="google"] .newsletter-page #auth{width:calc(100% - 8px)}
  html[data-auth-mode="google"] #auth-title{font-size:1.7rem}
  .editor-header .wrap.editor-masthead{width:calc(100% - 32px);flex-direction:column;align-items:start;gap:12px;padding-block:18px 12px}
  .editor-header .editor-brand h1{font-size:1.6rem}
  .editor-header .header-actions{width:100%;justify-content:space-between;gap:10px}
  .users-page main.wrap{width:calc(100% - 32px)}
  .website-editor-page main,.newsletter-page main,.users-page main,.password-page main{padding-top:18px}
  nav.admin-primary-nav.editor-tools{gap:6px;margin-bottom:16px;padding-bottom:10px}
  .newsletter-page nav.admin-primary-nav.editor-tools{width:calc(100% - 8px)}
  nav.admin-primary-nav.editor-tools>a{min-width:104px;padding-inline:16px}
  nav.website-subnav.editor-tools{gap:2px}
  nav.website-subnav.editor-tools>a{padding-inline:10px}
}
@media(max-width:380px){
  html[data-auth-mode="google"] .newsletter-page #auth{width:calc(100% - 16px)}
  .newsletter-page nav.admin-primary-nav.editor-tools{width:calc(100% - 16px)}
}