/* Public screen chrome; card artwork and printed documents remain unchanged. */
@media screen {
  body:is([data-experience="website"],[data-experience="portal"],[data-experience="authority"],[data-experience="calculator"],[data-experience="community"]) {
    --public-accent:#843b91;
    --public-nav:#26252b;
    --public-ink:#303139;
    --public-muted:#62636d;
    --public-line:#dedee4;
    color:var(--public-ink);
    background:#f5f5f7;
  }
  body[data-experience="website"] { background:#fff; }
  body[data-experience="website"] :is(.site-header,.site-header.scrolled),
  body[data-experience="portal"] :is(.portal-header,.portal-header.memorial-toolbar),
  body[data-experience="authority"] .portal-header,
  body[data-experience="calculator"] .calc-header,
  body[data-experience="community"] .community-header {
    background:var(--public-nav);
    color:#fff;
    border-top:3px solid var(--public-accent);
    border-bottom:1px solid #45404b;
    box-shadow:none;
    backdrop-filter:none;
  }
  body[data-experience="calculator"] { border-top:0; }
  .public-screen-logo { display:block; min-width:0; }
  .public-screen-logo img { display:block; }

  body[data-experience="website"] .site-header :is(.desktop-nav>a,.header-phone,.menu-button) { color:#f4f1f6; }
  body[data-experience="website"] .site-header .header-phone { background:transparent; border-color:#625969; }
  body[data-experience="website"] .site-header .header-phone small { color:#c5becd; }
  body[data-experience="website"] .site-header .nav-icon { background:#3b3242; color:#e2bee9; border-color:#615269; box-shadow:none; }
  body[data-experience="website"] .site-header .desktop-nav>a:is(:hover,.active) { color:#fff; background:#843b91; }
  body[data-experience="website"] .site-header .desktop-nav>a:is(:hover,.active) .nav-icon { color:#fff; background:#743280; border-color:#c18bcc; box-shadow:none; }
  body[data-experience="website"] .site-header .desktop-nav>a::after { background:#d7a9e0; }
  body[data-experience="website"] .mobile-nav { background:#26252b; border-color:#843b91; }
  body[data-experience="website"] .mobile-nav a { background:#302c35; border-color:#504857; color:#fff; }
  body[data-experience="website"] .mobile-nav a small { color:#c9c1d1; }
  body[data-experience="website"] .mobile-nav a:is(:hover,.active) { background:#843b91; color:#fff; border-color:#b477bf; }
  body[data-experience="website"] .mobile-nav a:is(:hover,.active) small { color:#fff; }
  body[data-experience="website"] .menu-button:hover { background:#3a343f; }
  body[data-experience="website"] :is(.site-header,.mobile-nav) :focus-visible { outline:2px solid #e2b9ec; outline-offset:3px; }
  body[data-experience="website"] .hero { border-bottom-color:#843b91; }
  body[data-experience="website"] :is(.services,.funeral-guide,.booking,.downloads,.faq,.contact,.advice-library,.community-invitation) { background:#f5f5f7; border-color:#dedee4; }
  body[data-experience="website"] :is(.service-item,.booking-tool,.catalog-item,.download-card) { background:#fff; border-color:#dedee4; box-shadow:none; }
  body[data-experience="website"] .guide-tabs button[aria-selected="true"] { background:#f5eef7; color:#743280; border-bottom-color:#843b91; }
  body[data-experience="website"] .vorsorge { background:#26252b; }
  body[data-experience="website"] :is(.button.primary,.hero .light-button) { background:#843b91; border-color:#843b91; color:#fff; }
  body[data-experience="website"] :is(.button.primary,.hero .light-button):hover { background:#71327d; border-color:#71327d; }

  body[data-experience="portal"] .portal-context { border-color:#625969; }
  body[data-experience="portal"] .portal-context strong { color:#fff; }
  body[data-experience="portal"] .portal-context span { color:#d0c7d7; }
  body[data-experience="portal"] #portal-security { color:#d0c7d7; }
  body[data-experience="portal"] .portal-header .memorial-header-actions :is(button,a) { color:#f4f1f6; border-color:#7e708a; }
  body[data-experience="portal"] .portal-header .memorial-header-actions :is(button,a):hover { background:#3a343f; color:#fff; }
  body[data-experience="portal"] .portal-header .memorial-back { background:#352e3c; color:#f4eef7; border-color:#6b5975; }
  body[data-experience="portal"] :is(.portal-hero,.portal-content .portal-section,.family-overview-grid article,.family-overview-grid article:nth-child(even)) { background:#fff; border-color:#dedee4; box-shadow:none; }
  body[data-experience="portal"][data-portal="deregistration"] :is(.portal-hero,.portal-content aside .portal-section) { background:#fff; border-color:#dedee4; }
  body[data-experience="portal"] #portal-app .portal-hero { border-left:4px solid #843b91; }
  body[data-experience="portal"] .portal-section .info-box { background:#f5f5f7; color:#45454f; border-left-color:#843b91; }
  body[data-experience="portal"] :is(.portal-hero h1,.portal-section h2,.family-overview-grid strong) { color:#303139; }
  body[data-experience="portal"] :is(.family-quick-nav,.memorial-tabs,.print-category-tabs,.dereg-tabs) { background:#fff; border-color:#dedee4; box-shadow:none; }
  body[data-experience="portal"] .family-quick-nav a { color:#55515e; border-color:#dedee4; }
  body[data-experience="portal"] .family-quick-nav a:hover { color:#743280; background:#f5eef7; border-bottom-color:#843b91; }
  body[data-experience="portal"] .memorial-tabs button { background:transparent; color:#62616b; }
  body[data-experience="portal"] .memorial-tabs button.active { background:#f5eef7; color:#743280; }
  body[data-experience="portal"] .memorial-tabs button.active::after { background:#843b91; }
  body[data-experience="portal"] .print-category-tabs button { background:#f5f5f7; border-color:#dedee4; }
  body[data-experience="portal"] .print-category-tabs button.active { background:#843b91; color:#fff; border-color:#843b91; }
  body[data-experience="portal"] .print-category-tabs button.active :is(strong,span,small) { color:#fff; }
  body[data-experience="portal"][data-portal="deregistration"] .dereg-tabs button { background:#fff; color:#62616b; border-color:#dedee4; border-bottom:3px solid transparent; }
  body[data-experience="portal"][data-portal="deregistration"] .dereg-tabs button.active { background:#f5eef7; color:#743280; border-bottom-color:#843b91; }
  body[data-experience="portal"][data-portal="deregistration"] .dereg-tabs button.active b { background:#eadcf0; color:#743280; }
  body[data-experience="portal"] .portal-section .button.primary { background:#843b91; border-color:#843b91; color:#fff; }
  body[data-experience="portal"] :is(.memorial-form-pane,.memorial-entry) { background:#fff; border-color:#dedee4; }
  body[data-experience="portal"] .memorial-form-pane { border-top-color:#843b91; }
  body[data-experience="portal"] .memorial-entry { border-left-color:#b58bc1; }

  body[data-experience="authority"] .portal-header :is(.portal-brand strong,.portal-account,.portal-account strong) { color:#fff; }
  body[data-experience="authority"] .portal-header :is(.portal-brand span,.portal-account>div span) { color:#d0c7d7; }
  body[data-experience="authority"] .portal-header .button.quiet { color:#fff; border-color:#7e708a; background:#352e3c; }
  body[data-experience="authority"] .login-brand { background:#26252b; color:#fff; border-color:#45404b; }
  body[data-experience="authority"] .login-brand span { color:#d0c7d7; }
  body[data-experience="authority"] :is(.portal-workspace,.case-detail-panel,.portal-metrics>article,.portal-metrics>article:nth-child(even)) { background:#fff; border-color:#dedee4; }
  body[data-experience="authority"] .case-list-panel { background:#f5f5f7; border-color:#dedee4; }
  body[data-experience="authority"] .case-list-panel>header { background:#26252b; color:#fff; border-color:#45404b; }
  body[data-experience="authority"] .case-list-panel>header span { color:#d0c7d7; }
  body[data-experience="authority"] .case-list-item.active { border-left-color:#843b91; background:#f5eef7; }
  body[data-experience="authority"] .button.primary { background:#843b91; border-color:#843b91; color:#fff; }

  body[data-experience="calculator"] .calc-header a,
  body[data-experience="community"] .community-header a { color:#f4f1f6; }
  body[data-experience="calculator"] .calc-header {
    background:#eee3f3;
    color:#42264d;
    border-top-color:#843b91;
    border-bottom-color:#d8c4e1;
  }
  body[data-experience="calculator"] .calc-header a { color:#51305f; }
  body[data-experience="calculator"] .calc-header nav a:hover { color:#71327d; text-decoration-thickness:2px; }
  body[data-experience="calculator"] .calc-header a:focus-visible { outline:2px solid #843b91; outline-offset:5px; }
  body[data-experience="calculator"] .calc-summary { background:#fff; border-top-color:#843b91; }
  body[data-experience="calculator"] .calc-button.primary,
  body[data-experience="community"] button.primary { background:#843b91; border-color:#843b91; color:#fff; }
  body[data-experience="community"] .chat-sidebar { padding:24px 14px; background:#26252b; color:#fff; border-color:#45404b; }
  body[data-experience="community"] .chat-sidebar :is(h2,.sidebar-note strong,#rooms button) { color:#fff; }
  body[data-experience="community"] .chat-sidebar :is(#rooms small,.sidebar-note) { color:#d0c7d7; }
  body[data-experience="community"] #rooms button[aria-pressed="true"] { background:#843b91; color:#fff; }
  body[data-experience="community"] #rooms button[aria-pressed="true"] small { color:#fff; }
  body[data-experience="community"] #rooms button:not([aria-pressed="true"]):hover { background:#3a343f; }
  body[data-experience="community"] .chat-conversation>header { background:#fff; border-color:#dedee4; }
  body[data-experience="community"] :is(h1,h2) { color:#303139; }
  body[data-experience="community"] .message { background:#f5f5f7; }
  body[data-experience="community"] .message.own { background:#f5eef7; border-left-color:#843b91; }

  body[data-experience="website"] .site-footer,
  body[data-experience="portal"]>footer,
  body:is([data-experience="website"],[data-experience="portal"],[data-experience="authority"]) .public-legal-footer { background:#26252b; color:#d0c7d7; border-color:#45404b; }
  body[data-experience="website"] .site-footer a,
  body[data-experience="portal"]>footer a,
  body:is([data-experience="website"],[data-experience="portal"],[data-experience="authority"]) .public-legal-footer a { color:#f4f1f6; }
  @media(max-width:600px) {
    body[data-experience="portal"] .portal-header { gap:14px; padding-inline:16px; }
    body[data-experience="portal"] .portal-context { min-width:0; padding-left:12px; }
    body[data-experience="portal"] .portal-context :is(strong,span) { overflow-wrap:anywhere; }
    body[data-experience="calculator"] .calc-header,
    body[data-experience="community"] .community-header { flex-wrap:wrap; }
  }
}

.brand-lockup > .brand-emblem,.brand-lockup > .brand-wordmark { display:none; }
/* Shared light-lilac navigation, matching the cost calculator. */
@media screen {
  body[data-experience] .public-screen-logo.brand-approved { display:block; width:230px; height:80px; max-width:100%; flex-shrink:0; }
  body[data-experience] :is(.site-header,.portal-header,.calc-header,.community-header) .brand-approved > img { display:block; width:100%; height:100%; max-height:none; object-fit:contain; object-position:left center; }
  body[data-experience] a:has(> .brand-approved) { text-decoration:none; }
  body[data-experience] :is(.portal-header,.calc-header,.community-header) { min-height:112px; box-sizing:border-box; }
  body[data-experience="website"] :is(.site-header,.site-header.scrolled) { height:112px; }
  body[data-experience="website"] .mobile-nav { top:112px; max-height:calc(100dvh - 112px); }
  body[data-experience="website"] section[id] { scroll-margin-top:128px; }
  body[data-experience="portal"] .portal-header { height:auto; }
  @media(max-width:1500px) { body[data-experience="website"] .public-screen-logo.brand-approved { width:205px; } }
  @media(max-width:600px) {
    body[data-experience] .public-screen-logo.brand-approved { width:190px; height:68px; }
    body[data-experience] :is(.portal-header,.calc-header,.community-header) { min-height:96px; }
    body[data-experience="website"] :is(.site-header,.site-header.scrolled) { height:96px; }
    body[data-experience="website"] .mobile-nav { top:96px; max-height:calc(100dvh - 96px); }
    body[data-experience="website"] section[id] { scroll-margin-top:112px; }
    body[data-experience="authority"] .portal-header { flex-wrap:wrap; gap:12px; }
  }
  body[data-experience] .public-screen-logo.brand-lockup { display:flex; align-items:center; gap:10px; width:230px; max-width:100%; }
  body[data-experience] a:has(> .brand-lockup) { text-decoration:none; }
  body[data-experience] :is(.site-header,.portal-header,.calc-header,.community-header) .public-screen-logo > img.brand-emblem { display:block; width:62px; height:62px; flex:0 0 62px; object-fit:contain; }
  body[data-experience] .public-screen-logo > .brand-wordmark { display:flex; flex-direction:column; align-items:flex-start; gap:2px; color:#61316e; white-space:nowrap; }
  body[data-experience] .brand-wordmark > span { font:600 9px/1.3 'Segoe UI',Arial,sans-serif; color:#713c80; }
  body[data-experience] .brand-wordmark > strong { font:600 33px/1 Georgia,serif; color:#61316e; }
  body[data-experience] .brand-wordmark > small { margin-top:4px; font:400 11px/1.2 'Segoe UI',Arial,sans-serif; color:#625269; }
  body[data-experience] .brand-print-logo { display:none; }
  @media(max-width:1500px) {
    body[data-experience="website"] .public-screen-logo.brand-lockup { width:200px; gap:8px; }
    body[data-experience="website"] .site-header .public-screen-logo > img.brand-emblem { width:48px; height:48px; flex-basis:48px; }
    body[data-experience="website"] .brand-wordmark > strong { font-size:29px; }
    body[data-experience="website"] .brand-wordmark > small { font-size:10px; }
  }
  @media(max-width:600px) {
    body[data-experience] .public-screen-logo.brand-lockup { width:205px; gap:8px; }
    body[data-experience] :is(.site-header,.portal-header,.calc-header,.community-header) .public-screen-logo > img.brand-emblem { width:48px; height:48px; flex-basis:48px; }
    body[data-experience] .brand-wordmark > strong { font-size:29px; }
    body[data-experience] .brand-wordmark > small { font-size:10px; }
  }
  body[data-experience="website"] :is(.site-header,.site-header.scrolled),
  body[data-experience="portal"] :is(.portal-header,.portal-header.memorial-toolbar),
  body[data-experience="authority"] .portal-header,
  body[data-experience="community"] .community-header {
    background:#eee3f3; color:#42264d; border-top-color:#843b91; border-bottom-color:#d8c4e1;
  }
  body[data-experience="website"] .site-header :is(.desktop-nav>a,.header-phone,.menu-button),
  body[data-experience="portal"] .portal-context strong,
  body[data-experience="portal"] .portal-header .memorial-header-actions :is(button,a),
  body[data-experience="authority"] .portal-header :is(.portal-brand strong,.portal-account,.portal-account strong),
  body[data-experience="community"] .community-header a { color:#51305f; }
  body[data-experience="website"] .site-header .header-phone small,
  body[data-experience="portal"] :is(.portal-context span,#portal-security),
  body[data-experience="authority"] .portal-header :is(.portal-brand span,.portal-account>div span) { color:#625269; }
  body[data-experience="website"] .site-header :is(.header-phone,.nav-icon),
  body[data-experience="portal"] .portal-context,
  body[data-experience="portal"] .portal-header .memorial-header-actions :is(button,a) { border-color:#c5acd0; }
  body[data-experience="website"] .site-header .nav-icon { background:#e3d1eb; color:#71327d; }
  body[data-experience="website"] .menu-button:hover,
  body[data-experience="portal"] .portal-header .memorial-header-actions :is(button,a):hover { background:#ddc9e7; color:#42264d; }
  body[data-experience="portal"] .portal-header .memorial-back,
  body[data-experience="authority"] .portal-header .button.quiet { background:#f8f3fa; color:#51305f; border-color:#c5acd0; }
  body[data-experience="website"] .mobile-nav { background:#eee3f3; border-color:#c5acd0; }
  body[data-experience="website"] .mobile-nav a { background:#f8f3fa; border-color:#d8c4e1; color:#51305f; }
  body[data-experience="website"] .mobile-nav a small { color:#625269; }
  body[data-experience="website"] .mobile-nav a:is(:hover,.active),
  body[data-experience="website"] .site-header .desktop-nav>a:is(:hover,.active) { background:#843b91; color:#fff; }
  body[data-experience="website"] .mobile-nav a:is(:hover,.active) small { color:#fff; }
  body[data-experience="website"] :is(.site-header,.mobile-nav) :focus-visible,
  body[data-experience="portal"] .portal-header :focus-visible,
  body[data-experience="authority"] .portal-header :focus-visible,
  body[data-experience="community"] .community-header :focus-visible { outline:2px solid #843b91; outline-offset:3px; }
}