/* Shared surface standard: light workspaces, burgundy navigation and feature panels.
   Page-specific workspace dimensions remain owned by their feature stylesheets. */
:root {
  --t911-surface: #f6f3f5;
  --t911-surface-raised: #fff;
  --t911-layout-radius: 16px;
  --t911-layout-shadow: 0 8px 28px rgba(69,0,31,.07);
}
html:has(.t911-hb-header-shell),
body:has(.t911-hb-header-shell) { background:var(--t911-surface)!important; }
body .t911-page.t911-unified-app,
body #t911-study-app.t911-unified-study,
body .t911-contact-app.t911-unified-contact,
body .t911-account.t911-unified-account,
body .t911-tour-shell.t911-unified-tour:not(.is-embedded) { background:var(--t911-surface)!important; }
body .t911-hb-header { border:1px solid #ead9df; box-shadow:var(--t911-layout-shadow); }
body .t911-hb-nav-item.is-active>.t911-hb-nav-link { background:#fde8ee; color:#650c36!important; }
body .t911-hb-header-shell :is(a,button):focus-visible { outline:3px solid #a73367; outline-offset:3px; }
body .t911-unified-contact .t911-contact-hero {
  background:#45001f; border-radius:var(--t911-layout-radius); padding:28px; margin-bottom:24px;
}
body .t911-unified-account .t911-account-left {
  background:#45001f!important; border-radius:var(--t911-layout-radius); padding:30px;
}
body .t911-unified-tour:not(.is-embedded),
body .t911-unified-tour:not(.is-embedded) .t911-tour-page-label { color:#45001f!important; }
body .t911-unified-app .t911-shell,
body .t911-unified-contact .t911-contact-info-card,
body .t911-unified-contact .t911-contact-form-card,
body .t911-unified-account .t911-account-card { box-shadow:var(--t911-layout-shadow)!important; }
@media(max-width:600px) {
  body .t911-unified-contact .t911-contact-hero,
  body .t911-unified-account .t911-account-left { padding:22px; }
}

/* Canonical reference header across Tutor911 pages. */
@media(min-width:1025px) {
body .t911-hb-header-shell { top:0; width:100%; margin:0; }
body .t911-hb-header { min-height:52px; width:calc(100% - 32px); gap:18px; border-radius:0; }
body .t911-hb-nav { gap:3px; }
body .t911-hb-nav .t911-hb-nav-link { min-width:0; height:52px!important; min-height:52px!important; padding:0 8px; font-size:12px; }
body .t911-hb-subjects { height:36px; background:#890039; }
body .t911-hb-subjects a { height:36px; font-size:10px; gap:10px; }
body .t911-hb-subjects svg { width:15px; height:15px; }
}