/* MGN Legacy Funerals — identity from the owner's November 2026 content PDF.
   Gold is decorative; darker gold supplies readable text and focus indicators. */
:root,
body.public,
body.auth,
body.app-area {
    --mgn-gold: #b39448;
    --mgn-gold-ink: #806324;
    --ink: #171717;
    --ink-soft: #383734;
    --muted: #66635c;
    --line: #e4dfd3;
    --line-strong: #b39448;
    --surface: #fff;
    --surface-raised: #fff;
    --band: #f7f5ef;
    --band-alt: #faf9f6;
    --brand: #35332d;
    --brand-strong: #171717;
    --brand-soft: #f3efe3;
    --accent: #806324;
    --accent-soft: #f3ead1;
    --focus: #806324;
    --field-focus: #806324;
    --field-ring: 0 0 0 3px rgb(179 148 72 / .2);
    --app-page: #f7f6f2;
    --app-text: #171717;
}
body.admin {
    --admin-accent: #806324;
    --admin-ink: #171717;
    --admin-muted: #66635c;
    --admin-line: #e4dfd3;
    --admin-canvas: #f7f6f2;
}
body.public .topbar,
body.auth .topbar { background: #fff; border-bottom: 1px solid var(--line); backdrop-filter: none; padding-block: 8px; }
body.public .brand img.brand-wordmark,
body.auth .brand img.brand-wordmark { width: 150px; height: 64px; object-fit: contain; border: 0; border-radius: 0; box-shadow: none; }
body.public .topbar .nav a,
body.auth .topbar .nav a { color: var(--ink); }
body.public .topbar .nav a:is(:hover, [aria-current]),
body.auth .topbar .nav a:is(:hover, [aria-current]) { color: var(--mgn-gold-ink); background: var(--brand-soft); }
body.public .topbar .nav .nav-cta,
body.auth .topbar .nav .nav-cta { color: #fff; background: var(--brand-strong); }
body.app-area .app-sidebar { background: #171717; box-shadow: none; border-right: 1px solid #38352d; }
body.app-area .app-brand img.app-brand-mark { width: 44px; height: 44px; flex: 0 0 44px; padding: 0; border-radius: 0; background: transparent; object-fit: contain; }
body.app-area .app-sidebar :is(.app-nav a, .app-nav-group > summary) { color: #e6e1d5; }
body.app-area .app-sidebar .app-nav a:is(:hover, .active, [aria-current]) { color: #fff; background: #353126; box-shadow: inset 3px 0 var(--mgn-gold); }
body.app-area .app-sidebar .app-nav a svg { color: #c6ad70; }
body.app-area .app-brand-wordmark small { color: #c6ad70; }
body.app-area .app-topbar { border-bottom-color: var(--line); }
body.public .home-page .home-arrival { border-bottom-color: var(--line); }
body.public .home-page .home-arrival .eyebrow { color: var(--mgn-gold-ink); font-weight: 650; letter-spacing: .12em; }
body.public .about-kicker { color: var(--mgn-gold-ink); }
body.public .about-purpose { background: var(--band); }
body.public .about-care-path g { stroke: var(--brand-strong); }
body.public .about-care-path > path:first-child { stroke: var(--line); }
body.public .about-care-path .care-path-progress { stroke: var(--mgn-gold); }
body.public :is(.digital-programme > header, .programme-sign) > img { width: 160px; height: auto; object-fit: contain; }
:focus-visible { outline-color: var(--mgn-gold-ink); }
::selection { background: #e9d9aa; color: #171717; }
@media (max-width: 640px) {
    body.public .brand img.brand-wordmark,
    body.auth .brand img.brand-wordmark { width: 128px; height: 56px; }
}
@media print {
    body.public .topbar, body.auth .topbar { background: #fff; }
}

/* The document's contour artwork stays at the edge, clear of working controls. */
body.mgn-atmosphere::before,
body.mgn-atmosphere::after { border: 0; border-radius: 0; box-shadow: none; background: url('/assets/mgn-brand-contour.png') center / contain no-repeat; opacity: .2; }
body.mgn-atmosphere.app-area::before,
body.mgn-atmosphere.app-area::after { opacity: .08; }

/* Consistent working rhythm across existing public, customer and staff surfaces. */
:root { --mgn-section-space: 24px; --mgn-control-space: 16px; }
body.app-area .workspace-inner > :is(section, form, nav, details, .table-workspace) + :is(section, form, nav, details, .table-workspace) { margin-top: var(--mgn-section-space); }
body.app-area :is(.panel, .portal-section, .app-section-stage, .record-section-panel) > :is(h2,h3) { margin-bottom: 12px; }
body.app-area :is(.panel, .portal-section, .app-section-stage, .record-section-panel) > :is(p, dl, .actions, form, table, .table-scroll) + :is(p, dl, .actions, form, table, .table-scroll) { margin-top: var(--mgn-control-space); }
body.mgn-forms :is(.step-card, .review-action-form, .application-help) .check { align-items: start; line-height: 1.6; }
body.mgn-forms :is(.step-actions, .actions) { gap: 12px; }
body.public .cover-step-intro { margin-bottom: 20px; }
body.public .cover-self-service .step-actions { margin-top: 24px; padding-top: 16px; }
body.public .application-help { margin-top: 24px; padding-block: 16px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
body.public .application-help p { margin-top: 8px; }
body.public .application-responsibilities { margin-top: 20px; padding-block: 12px; }
body.public .application-responsibilities ol { margin-top: 12px; padding-left: 22px; }
body.public .application-responsibilities li + li { margin-top: 10px; }
body.public .interest-choice { max-width: 1120px; margin: 24px auto; padding: 16px 24px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--band-alt); font-size: 13px; }
body.public .interest-choice summary { cursor: pointer; font-weight: 600; }
body.public .interest-choice p { max-width: 80ch; margin-block: 12px; }
body.public .interest-choice .actions { display: flex; flex-wrap: wrap; }
.interest-report, .interest-queue { min-width: 0; }
.interest-report > h2, .interest-queue > h2 { margin-bottom: 8px; }
.interest-report > p, .interest-queue > p { margin-bottom: 16px; max-width: 85ch; }
.interest-queue td small { display: block; margin-top: 4px; overflow-wrap: anywhere; }
.interest-queue td { vertical-align: top; }
.interest-queue td form { min-width: 160px; }
@media(max-width:640px) { :root { --mgn-section-space: 20px; } body.public .interest-choice { margin: 20px 16px; padding: 16px 0; } }
.interest-funnel { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 20px; padding-block: 20px; border-block: 1px solid var(--line); }
.interest-funnel > div { min-width: 0; }
.interest-funnel dt { font-size: 12px; line-height: 1.5; color: var(--muted); }
.interest-funnel dd { margin: 8px 0 0; font-size: 24px; line-height: 1.2; font-weight: 600; }
@media(max-width:900px) { .interest-funnel { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media(max-width:480px) { .interest-funnel { grid-template-columns: repeat(2,minmax(0,1fr)); } }
body.app-area .workspace-inner > section > :is(h2, h3) { font-weight: 600; line-height: 1.4; }
body.app-area :is(.interest-report, .interest-queue) > h2 { font-size: 18px; }