/* Approved charcoal, warm ivory and gold presentation. */
:root {
  color-scheme: dark;
  --color-bg: #181d1a;
  --color-surface: #232a25;
  --color-surface-subtle: #29312b;
  --color-text: #f2efe6;
  --color-text-muted: #bcc2b9;
  --color-border: #465044;
  --color-accent: #c29b38;
  --color-accent-hover: #dec471;
  --color-accent-subtle: #2a2b20;
  --shadow-sm: 0 2px 12px rgba(0, 0, 0, .13);
  --shadow-md: 0 10px 28px rgba(0, 0, 0, .2);
}
::selection { color: #181d1a; background: #d5b45e; }
a { -webkit-tap-highlight-color: rgba(213, 180, 94, .2); }
a:focus-visible, button:focus-visible, summary:focus-visible,
.portal-access-bar a:focus-visible { outline: 3px solid #e2c77f; outline-offset: 5px; }
section[id] { scroll-margin-top: 100px; }
.portal-access-bar { background: #202620; border-color: #394237; }
.portal-access-context { color: #bcc2b9; }
.portal-access-link { color: #e2e5dc; }
.portal-access-help { color: #e2c77f; }
.site-header { background: rgba(24, 29, 26, .97); }
.btn-primary, .btn-nav { background: #d5b45e; color: #181d1a !important; border-color: #d5b45e; }
.btn-primary:hover, .btn-nav:hover { background: #e2c77f; border-color: #e2c77f; }
.btn-outline { border-color: #697364; }
.btn-outline:hover { background: #30382f; border-color: #c5cbbf; }
.badge-pill { color: #e2c77f; border-color: #5d5335; }
.eyebrow, .card-link, .text-link, .philosophy-pill, .tuition-type { color: #e2c77f; }
.card-link:hover, .text-link:hover { color: #f0d99b; }
.hero-section { background: radial-gradient(ellipse at 78% 40%, rgba(194,155,56,.035), transparent 58%), #181d1a; }
.hero-card { background: #232a25; border-color: #4f5848; }
.focus-section, .tuition-section, .inquire-section { background: #1c221e; }
.meet-section, .policies-section { background: #181d1a; }
.focus-card, .tuition-card, .instructor-tag, .inquire-form-card { background: #232a25; }
.focus-card:hover { border-color: #a98b43; }
.featured-tag { color: #181d1a; background: #d5b45e; white-space: nowrap; }
.tuition-card.featured { border-color: #c29b38; background: #272e26; }
.studio-reviews { background: #141a16; }
.review-card { background: #242c25; border-color: #4b5748; border-top-color: #c29b38; }
.review-card blockquote p, .studio-reviews .section-title { color: #f2efe6; }
.reviews-heading > p { color: #bcc2b9; }
.review-card figcaption { border-color: #4b5748; }
.review-card figcaption a { color: #e2c77f; }
.review-stars { color: #d5b45e; }
.accordion-icon { color: #d5b45e; }
.site-footer { background: #141a16; }
.skip-link { background: #e2c77f; color: #181d1a; z-index: 2000; }
@media (min-width: 901px) and (max-width: 1120px) { .nav-links { gap: 1.1rem; } .brand-text { max-width: 190px; line-height: 1.35; } }
@media (max-width: 900px) { .hero-card { max-width: 540px; width: 100%; justify-self: center; } .hero-actions { flex-wrap: wrap; } .site-nav { background: #232a25; } }
@media (max-width: 600px) {
  .section { padding: 3.75rem 0; }
  .hero-section { padding: 3.5rem 0; }
  .hero-grid, .meet-grid, .inquire-grid { gap: 2.5rem; }
  .hero-card { padding: 2.5rem 1.75rem; }
  .hero-actions { flex-direction: column; align-items: stretch; }
  .hero-actions .btn { padding: .85rem 1rem; }
  .focus-card { padding: 2rem 1.5rem; }
  .section-header { margin-bottom: 2.5rem; }
  .section-title { font-size: 2.25rem; }
  .inquire-form-card { padding: 2rem 1.5rem; }
  .contact-pill { font-size: .85rem; padding: .85rem 1rem; }
  .accordion-header { gap: 1rem; padding: 1.25rem; }
  .accordion-content { padding: 0 1.25rem 1.5rem; }
  .footer-bottom { flex-direction: column; align-items: flex-start; gap: 1rem; }
}

/* Owned trial and portal pages. Embedded My Music Staff stays unmodified. */
.trial-intro .hero-title em,.portal-hero .hero-title em,.detail-number,.booking-help a,.portal-step::before,.focus-number,.tuition-duration,.per-unit,.upcoming-note strong{color:#e2c77f}
.trial-details-section,.portal-reset{background:#1c221e}
.portal-welcome-card,.portal-feature,.portal-support{background:#232a25}
.portal-step,.portal-reset-help,.trial-detail+.trial-detail{border-color:#465044}
.trial-page a:focus-visible,.trial-page button:focus-visible,.portal-page a:focus-visible,.portal-page button:focus-visible{outline-color:#e2c77f}
.booking-frame{color-scheme:light;background:#fff;color:#1f2421}
.booking-frame a{color:#80621f}
.mms-contact-widget{color-scheme:light;background:#fff;color:#1f2421;border-radius:10px;padding:16px}
.mms-contact-widget a{color:#80621f}
.contact-pill:hover{background:#30382f}