
/* One header system for all public sections and service dialogs. */
body .modal-city-header{position:relative!important;isolation:isolate;background-color:#123e50!important;background-size:cover!important;background-repeat:no-repeat!important;color:#fff!important;border:0!important;border-radius:16px;padding:24px 24px 34px!important;min-height:132px;box-sizing:border-box;gap:16px;overflow:hidden;flex-shrink:0}
body .modal-city-header h1,body .modal-city-header h2,body .modal-city-header h1 span,body .modal-city-header .eyebrow,body .modal-city-header p,body .modal-city-header small,body .modal-city-header strong,body .modal-city-header strong span,body .modal-city-header #obituary-result-count,body .modal-city-header .home-media-kicker,body .modal-city-header .home-media-date{color:#fff!important;font-weight:400!important;text-shadow:0 1px 3px #08253480}
body .modal-city-header h1,body .modal-city-header h2{margin:0 0 6px!important;font-size:clamp(24px,4vw,34px)!important;line-height:1.15!important;letter-spacing:-.025em}
body .modal-city-header p{margin:8px 0 0!important;max-width:48ch;font-size:13px;line-height:1.5}
body .modal-city-header .text-button{color:#fff!important}
body .modal-city-header>img{display:none}
body .modal-city-header .media-browser-close,body .modal-city-header .weather-close,body #chat .modal-city-header>button{background:#fff!important;color:#123e50!important;border:1px solid #fff!important;box-shadow:0 2px 8px #08253433;flex-shrink:0}
body .modal-city-header .modal-city-credit{position:absolute;right:16px;bottom:8px;color:#fff!important;font-size:9px;line-height:1.3;font-weight:400;text-decoration:none;letter-spacing:0;text-shadow:0 1px 3px #082534}
body .modal-city-header a:focus-visible,body .modal-city-header button:focus-visible{outline:3px solid #f6d495;outline-offset:3px}
body .media-browser-header.modal-city-header,body .weather-head.modal-city-header,body #chat .chat-head.modal-city-header{border-radius:0;min-height:114px}
body .obituary-heading.modal-city-header{margin-bottom:12px}
@media(max-width:600px){body .modal-city-header{min-height:124px;padding:20px 18px 32px!important;border-radius:12px}body .modal-city-header h1,body .modal-city-header h2{font-size:26px!important}body .modal-city-header p{font-size:12px}body .obituary-heading.modal-city-header{align-items:flex-start;flex-direction:column;gap:4px}}
@media(max-height:500px){body .modal-city-header{min-height:96px;padding-top:14px!important;padding-bottom:27px!important}}

/* Continuous section banners, matching the compact home banner. */
body .modal-city-header{border-radius:0!important;box-shadow:none!important;min-height:124px;padding:20px 24px 30px!important}
body #app .modal-city-header{width:var(--section-screen-width,100vw);max-width:none;margin:16px calc((100% - var(--section-screen-width,100vw))/2) 20px!important;padding-left:max(24px,calc((var(--section-screen-width,100vw) - 1192px)/2))!important;padding-right:max(24px,calc((var(--section-screen-width,100vw) - 1192px)/2))!important}
body .modal-city-header h1,body .modal-city-header h2{font-size:clamp(22px,2.3vw,27px)!important;line-height:1.17!important}
body .media-browser-header.modal-city-header,body .weather-head.modal-city-header,body #chat .chat-head.modal-city-header{width:100%;min-height:124px;border-radius:0!important}
@media(max-width:680px){body .modal-city-header,body .media-browser-header.modal-city-header,body .weather-head.modal-city-header,body #chat .chat-head.modal-city-header{min-height:112px;padding:16px 16px 28px!important}body #app .modal-city-header{padding-left:16px!important;padding-right:16px!important;margin-top:12px!important;margin-bottom:16px!important}body .modal-city-header h1,body .modal-city-header h2{font-size:23px!important}body .modal-city-header .modal-city-credit{right:12px;font-size:8px}}
@media(max-height:500px){body .modal-city-header,body .media-browser-header.modal-city-header,body .weather-head.modal-city-header,body #chat .chat-head.modal-city-header{min-height:96px;padding-top:12px!important;padding-bottom:26px!important}}

/* Quiet, compact image attribution. Full details remain on the link. */
body .modal-city-header .modal-city-credit{font-size:8px;line-height:1.2;right:12px;bottom:7px;color:rgba(255,255,255,.75)!important;font-weight:400;text-shadow:0 1px 2px #08253466;letter-spacing:.02em}
body .modal-city-header .modal-city-credit:hover,body .modal-city-header .modal-city-credit:focus-visible{color:#fff!important;text-decoration:underline}

/* Compact page return control, directly on the photographic banner. */
body #app.section-banner-attached{padding-top:0!important}
body #app.section-banner-attached>.culture-page,body #app.section-banner-attached>.pharmacy-detail,body #app.section-banner-attached>.obituary-page,body #app.section-banner-attached>.bus-page{margin-top:0!important;padding-top:0!important}
body #app .modal-city-header.section-banner-back{position:relative;margin-top:0!important;padding-left:max(76px,calc((var(--section-screen-width,100vw) - 1192px)/2 + 60px))!important}
body #app .modal-city-header .section-back-arrow{position:absolute;left:max(16px,calc((var(--section-screen-width,100vw) - 1192px)/2));top:16px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:0!important;margin:0!important;border:0;border-radius:50%;background:rgba(255,255,255,.96);color:#183d4b!important;text-decoration:none;text-shadow:none;box-shadow:0 1px 5px #08253426;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
body #app .section-back-arrow svg{display:block;width:26px;height:26px;flex-shrink:0}
body #app .section-back-arrow:hover{background:#fff}
body #app .section-back-arrow:active{background:#edf2f3}

/* Every section starts flush below the masthead, including news categories. */
body #app.section-banner-attached{margin-top:0!important;padding-top:0!important}
body #app>.section-banner-flush-parent{margin-top:0!important;padding-top:0!important}
body #app .modal-city-header{margin-top:0!important}

/* News coverage uses the same full-width photographic section banner. */
body #app .media-section-heading.modal-city-header{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0}
