/* ApexSlides services — ViaMissio's quiet cream, navy and warm gold.
   Color and craft overrides only. Existing application layout and visibility
   rules own authentication, tabs, dialogs, responsive menus and scrolling. */
body.elegant-service {
    --bg: #fbfaf6;
    --bg-soft: #f3f3ed;
    --panel: #ffffff;
    --panel-strong: #ffffff;
    --line: #cbd6da;
    --line-strong: #9b6432;
    --text: #09283f;
    --muted: #496171;
    --muted-strong: #365265;
    --brand: #9b6432;
    --brand-dark: #7a4b25;
    --brand-soft: #f5ead9;
    --warn: #82551c;
    --danger: #a32e36;
    --cloud-ink: #09283f;
    --cloud-panel: #ffffff;
    --cloud-panel-soft: #f7f7f2;
    --cloud-line: #cbd6da;
    --cloud-line-strong: #9b6432;
    --cloud-list-hover: #f5ead9;
    --shadow: 0 14px 40px rgba(9, 40, 63, .08);
    --cloud-shadow: 0 14px 40px rgba(9, 40, 63, .08);
    --radius-xl: 16px;
    --radius-lg: 14px;
    --radius-md: 12px;
    color-scheme: light;
    background: #fbfaf6 !important;
    color: #09283f !important;
    font-family: 'DM Sans', sans-serif !important;
    line-height: 1.6;
    accent-color: #9b6432;
    caret-color: #9b6432;
    scrollbar-color: #8a9ea7 #eff1ed;
    text-underline-offset: .2em;
}
body.elegant-service::before, body.elegant-service::after { content: none !important; }
body.elegant-service > .fixed.inset-0.pointer-events-none { display: none; }
body.elegant-service ::selection { background: #e9c184; color: #09283f; }
body.elegant-service :is(button,input,select,textarea) { font-family: inherit; }
body.elegant-service :is(a,button,input,select,textarea,[tabindex]):focus-visible {
    outline: 3px solid #9b6432 !important;
    outline-offset: 3px;
    box-shadow: none;
}
body.elegant-service :is(input,textarea)::placeholder { color: #5f7380; opacity: 1; }
body.elegant-service :is(button,input,select,textarea):disabled { opacity: .6; cursor: not-allowed; }
body.elegant-service :is(h1,h2,.hero-title,.section-title,.panel-title) {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-weight: 500 !important;
    letter-spacing: -.025em !important;
    line-height: 1.14;
    color: #09283f;
    text-wrap: balance;
}
body.elegant-service :is(h3,h4) { letter-spacing: -.015em; }
body.elegant-service .accent-gradient {
    color: #9b6432 !important;
    background: none !important;
    -webkit-text-fill-color: #9b6432 !important;
    font-style: italic;
}
body.elegant-service :is(.glass,.panel,.cloud-surface,.cloud-workspace,.cloud-preview-modal__panel,.cloud-community-detail,.card) {
    background: #ffffff !important;
    border-color: #cbd6da !important;
    border-radius: 16px;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    color: #09283f;
}
body.elegant-service :is(nav.glass,header.glass) { background: #fbfaf6 !important; }
body.elegant-service :is([class*='text-white'],.text-gray-100,.text-gray-200,.text-gray-300) { color: #09283f !important; text-shadow: none !important; }
body.elegant-service :is([class*='text-gray-4'],[class*='text-gray-5'],[class*='text-gray-6'],[class*='text-emerald-50'],[class*='text-white/']) { color: #496171 !important; text-shadow: none !important; }
body.elegant-service :is(.text-brand,[class*='hover:text-brand']):hover { color: #7a4b25 !important; }
body.elegant-service .text-brand { color: #9b6432 !important; }
body.elegant-service :is([class*='border-white/'],[class*='border-brand/']) { border-color: #cbd6da !important; }
body.elegant-service :is([class*='bg-white/'],[class*='bg-black/'],[class*='bg-shell-'],[class*='bg-[#']) { background: #f3f3ed !important; }
body.elegant-service :is(.bg-brand,.btn-primary,.button--primary,.submit-btn,.cloud-add-button,.cloud-chat-send-button) {
    background: #09283f !important;
    color: #fffdf8 !important;
    border-color: #09283f !important;
    box-shadow: none !important;
    text-shadow: none !important;
    font-weight: 600;
}
body.elegant-service :is(.bg-brand,.btn-primary,.button--primary,.submit-btn,.cloud-add-button,.cloud-chat-send-button):hover {
    background: #163e57 !important;
    color: #fffdf8 !important;
    transform: none;
}
body.elegant-service :is(.bg-brand,.button--primary) :is(span,i) { color: inherit !important; }
body.elegant-service :is(.button,.submit-btn,.secondary-btn,.link-btn,.tab-btn,.cloud-action-button,.cloud-download-button,.cloud-small-button,.cloud-form-button) { min-height: 44px; border-radius: 9px; }
body.elegant-service :is(.button--secondary,.button--ghost,.secondary-btn,.link-btn,.cloud-back-button,.cloud-nav-menu__button,.cloud-mobile-subitem,.cloud-remote-tool,.cloud-song-action,.cloud-playlist-action,.cloud-community-icon-action,.cloud-chat-icon-button) {
    color: #09283f !important;
    background: #f4f4ee !important;
    border-color: #cbd6da !important;
    box-shadow: none;
}
body.elegant-service :is(.button--secondary,.button--ghost,.secondary-btn,.link-btn,.cloud-song-action,.cloud-playlist-action,.cloud-remote-tool):hover { background: #eee8dd !important; border-color: #9b6432 !important; }
body.elegant-service :is(input:not([type='checkbox']):not([type='radio']):not([type='color']),select,textarea,.input,.cloud-input,.editor-textarea) {
    color: #09283f !important;
    background: #fffdf8 !important;
    border-color: #aebfc7 !important;
    border-radius: 9px;
    box-shadow: none !important;
    min-height: 44px;
}
body.elegant-service :is(select option,select optgroup) { background: #fffdf8 !important; color: #09283f !important; }
body.elegant-service :is(.cloud-field span,.cloud-mini-field span,.cloud-inline-meta,.cloud-preview-meta,.cloud-profile-meta,.cloud-song-meta,.cloud-playlist-meta,.cloud-group-meta,.cloud-slide-meta,.cloud-member-email,.cloud-chat-message__meta,.cloud-remote-clock,.cloud-empty,.cloud-chat-empty) { color: #496171 !important; }
body.elegant-service :is(.cloud-song-title,.cloud-group-card h4,.cloud-slide-card pre,.cloud-liturgy-card__body h4,.cloud-community-detail__body,.cloud-chat-bubble p,.cloud-chat-message__meta strong) { color: #09283f !important; }
body.elegant-service :is(.cloud-song-card,.cloud-playlist-card,.cloud-remote-playlist-card,.cloud-group-card,.cloud-slide-card,.cloud-group-playlist-card,.cloud-group-playlist-song,.cloud-community-card,.glass.cloud-community-card,.cloud-member-row,.cloud-metric,.cloud-community-place-card,.cloud-liturgy-card) {
    background: #ffffff !important;
    border-color: #cbd6da !important;
    color: #09283f !important;
    border-radius: 12px;
    box-shadow: none !important;
}
body.elegant-service :is(.cloud-song-card:hover,.cloud-song-card.is-selected,.cloud-song-card.is-in-playlist,.cloud-playlist-card.is-drop-target,.cloud-group-card.is-editing,.cloud-community-place-card:hover,.cloud-liturgy-card:hover,.cloud-liturgy-card.is-open) {
    background: #f5ead9 !important;
    border-color: #9b6432 !important;
    border-left-width: 1px;
}
body.elegant-service :is(.cloud-chip,.cloud-song-feature,.cloud-member-role-badge,.category-pill,.pill,.cloud-community-past-badge) {
    color: #496171 !important;
    background: #f3f3ed !important;
    border-color: #cbd6da !important;
}
body.elegant-service :is(.cloud-chip--accent,.cloud-song-feature,.cloud-member-role-badge,.category-pill.active) { background: #f5ead9 !important; color: #7a4b25 !important; border-color: #c6ab8d !important; }
body.elegant-service :is(.cloud-chord-toolbar,.cloud-group-create-form,.cloud-remote-playlist-detail,.cloud-group-playlist-form,.cloud-community-beta,.cloud-group-playlist-toolbar,.cloud-chat-menu,.cloud-chat-menu-sidebar,.cloud-chat-menu-content,.cloud-segmented,.cloud-stepper,.cloud-liturgy-full,.cloud-remote-playlist-songs li,.cloud-group-playlist-stat,.editor-meta) {
    color: #09283f !important;
    background: #f3f3ed !important;
    border-color: #cbd6da !important;
    box-shadow: none;
}
body.elegant-service :is(.cloud-tabbar__panel,.cloud-nav-menu__panel,.cloud-chat-surface,.cloud-chat-header,.cloud-chat-list,.cloud-chat-composer,.cloud-toast) { background: #fffdf8 !important; border-color: #cbd6da !important; color: #09283f !important; }
body.elegant-service :is(.cloud-nav-menu__panel button,.cloud-nav-menu__panel a,.cloud-tabbar__panel button,.cloud-chat-menu-sidebar button) { color: #09283f !important; }
body.elegant-service :is(.cloud-chat-bubble,.cloud-remote-playlist-songs span,.cloud-group-playlist-song__number,.cloud-chat-avatar,.cloud-chat-group-avatar,.cloud-liturgy-card__icon,.cloud-community-place-card__icon,.cloud-highlight-icon,.cloud-benefit-icon) { background: #f5ead9 !important; color: #7a4b25 !important; border-color: #cbd6da !important; }
body.elegant-service .cloud-chat-message.is-own .cloud-chat-bubble { background: #e5eceb !important; border-color: #adc3c9 !important; }
body.elegant-service .cloud-chat-message.is-own :is(.cloud-chat-bubble p,.cloud-chat-message__meta,.cloud-chat-message__meta strong) { color: #09283f !important; }
body.elegant-service :is(.cloud-remote-tab,.cloud-liturgy-tabs button,.cloud-segmented button,.cloud-stepper button,.ed-nav-tabs li a) { color: #496171 !important; }
body.elegant-service :is(.cloud-remote-tab.is-active,.cloud-liturgy-tabs button.is-active,.cloud-segmented button.is-active,.ed-nav-tabs li a.active) { color: #7a4b25 !important; border-color: #9b6432 !important; background: #f5ead9 !important; }
body.elegant-service :is(.tab-btn.active,.cloud-chat-icon-button.is-active) { background: #09283f !important; color: #fffdf8 !important; border-color: #09283f !important; }
body.elegant-service :is(.cloud-preview-modal__backdrop,.cloud-community-detail-modal__backdrop,.mobile-menu-backdrop) { background: rgba(9,40,63,.55) !important; }
body.elegant-service :is(.cloud-community-place-card small,.cloud-community-place-card em,.cloud-community-detail__footer,.cloud-remote-logo small) { color: #496171 !important; }
body.elegant-service :is(.cloud-community-map .leaflet-control-attribution,.cloud-community-map .leaflet-control-zoom a) { color: #09283f !important; background: #fffdf8 !important; }
/* Status keeps its meaning in a warm neutral interface. */
body.elegant-service :is(.error,.status.error,.cloud-danger-button,.cloud-toast.is-error,[class*='text-red-'],[class*='text-rose-']) { color: #a32e36 !important; }
body.elegant-service :is(.cloud-danger-button,.cloud-toast.is-error,[class*='bg-red-'],[class*='bg-rose-']) { background: #fff0ef !important; border-color: #d7a6a5 !important; }
body.elegant-service :is(.status.success,[class*='text-green-'],[class*='text-emerald-3'],[class*='text-emerald-4']) { color: #28624b !important; }
body.elegant-service :is([class*='bg-green-'],[class*='bg-emerald-']) { background: #e8f2eb !important; }
body.elegant-service :is(.status.info,.cloud-toast.is-warning,[class*='text-yellow-'],[class*='text-amber-']) { color: #82551c !important; }
body.elegant-service :is(.cloud-toast.is-warning,[class*='bg-yellow-'],[class*='bg-amber-']) { background: #fff3dc !important; border-color: #d4b57e !important; }
body.elegant-service .cloud-remote-dot.is-online { background: #28624b; color: #28624b; box-shadow: none; }
/* Guest entry: a compact editorial welcome above the actual sign-in form. */
body.elegant-service #cloudGuestIntro { padding-top: 150px; padding-bottom: 28px; }
body.elegant-service #cloudGuestIntro > div > div:first-child { display: none; }
body.elegant-service #cloudGuestIntro h1 { font-size: clamp(2.6rem,5vw,4.2rem); margin-bottom: 20px; }
body.elegant-service #cloudGuestIntro p { margin-bottom: 32px; }
body.elegant-service .cloud-benefit-board { border-top: 1px solid #cbd6da; border-bottom: 1px solid #cbd6da; gap: 0; }
body.elegant-service .cloud-benefit-row { background: transparent; border: 0; border-radius: 0; }
body.elegant-service .cloud-workspace.is-guest { max-width: 780px; margin-inline: auto; padding: 0; background: transparent !important; border: 0 !important; }
body.elegant-service .cloud-workspace.is-guest #cloudAuthCard { padding: clamp(24px,5vw,42px); border: 1px solid #cbd6da; background: #ffffff !important; border-radius: 16px; }
body.elegant-service :is(.cloud-auth-divider,.divider)::before,
body.elegant-service :is(.cloud-auth-divider,.divider)::after { background: #cbd6da; }
body.elegant-service .cloud-workspace-section { padding-bottom: 72px; }
body.elegant-service #mobile-menu { background: #fbfaf6 !important; backdrop-filter: none; }
body.elegant-service #mobile-menu-btn { color: #09283f; min-width: 44px; min-height: 44px; }
body.elegant-service footer.home-band--footer { background: #f0f1eb !important; border-color: #cbd6da !important; backdrop-filter: none; }
body.elegant-service .nav-link::after { background: #9b6432; }
/* Full-height authenticated workspaces retain their established flex/scroll contract. */
html.cloud-authenticated body.elegant-service :is(.cloud-workspace.panel,.cloud-pane) { background: #fbfaf6 !important; border-radius: 0; }
html.cloud-authenticated body.elegant-service .cloud-surface { background: #ffffff !important; }
html.cloud-authenticated body.elegant-service .cloud-remote-top-bar { background: #fbfaf6 !important; border-color: #cbd6da; }
html.cloud-authenticated body.elegant-service .cloud-remote-tabs { background: #f0f1eb !important; border-color: #cbd6da; }
html.cloud-authenticated body.elegant-service .cloud-remote-logo span { color: #09283f; font-family: 'Playfair Display',Georgia,serif; font-weight: 600; letter-spacing: -.015em; }
body.elegant-service .cloud-remote-tool { width: 44px; height: 44px; flex-basis: 44px; border-radius: 9px; }
body.elegant-service .cloud-remote-tab { min-height: 54px; }
body.elegant-service .cloud-playlist-accent-line { background: #cbd6da; height: 1px; }
body.elegant-service .cloud-preview-kicker { color: #7a4b25 !important; }
/* Admin sign-in and verification, with the same typography as the public site. */
body.elegant-service .shell { gap: 36px; }
body.elegant-service .shell > .hero { padding: 36px 18px 36px 0; min-height: 640px; background: transparent !important; border: 0; }
body.elegant-service .shell .hero h1 { font-size: clamp(2.6rem,4vw,3.65rem); line-height: 1.12; max-width: 12ch; }
body.elegant-service .brand { font-family: 'DM Sans',sans-serif; letter-spacing: .025em; color: #09283f; }
body.elegant-service .badge { color: #7a4b25; background: transparent; border: 0; border-radius: 0; padding-inline: 0; letter-spacing: 0; text-transform: none; }
body.elegant-service .shell .notes { gap: 0; border-top: 1px solid #cbd6da; }
body.elegant-service .shell .note { border: 0; border-bottom: 1px solid #cbd6da; border-radius: 0; background: transparent; padding: 16px 0; }
body.elegant-service :is(.hint,.tab-row,.icon) { background: #f3f3ed; border-color: #cbd6da; color: #496171; border-radius: 12px; }
body.elegant-service .field label { color: #496171; text-transform: none; letter-spacing: 0; font-weight: 600; font-size: .875rem; }
body.elegant-service .card { border: 1px solid #cbd6da; }
body.elegant-service .card > form > button { background: #09283f; color: #fffdf8; border-radius: 9px; }
body.elegant-service .admin-nav { background: #f0f1eb; border: 1px solid #cbd6da; border-radius: 14px; box-shadow: none; }
body.elegant-service .admin-nav-link { color: #09283f; background: transparent; border-color: #cbd6da; border-radius: 9px; }
body.elegant-service .admin-nav-divider { background: #cbd6da; }
body.elegant-service .table-row { border-color: #dce2e3; }
body.elegant-service .ed-nav-tabs { border-color: #cbd6da; }
body.elegant-service .song-editor-scroll { scrollbar-color: #8a9ea7 #eff1ed; }
body.elegant-service .song-editor-scroll::-webkit-scrollbar-thumb { background: #8a9ea7; }
body.elegant-service .song-editor-scroll::-webkit-scrollbar-track { background: #eff1ed; }
/* The projector is a content preview, so its black canvas and white lyrics remain true to output. */
body.elegant-service .preview-wrapper { background: #000 !important; border-color: #8196a1; }
body.elegant-service .projector-canvas .canvas-text { color: #fff !important; font-family: inherit; }
@media (max-width: 980px) {
    body.elegant-service .shell { gap: 24px; }
    body.elegant-service .shell > .hero { min-height: auto; padding: 12px 0; }
    body.elegant-service .shell .hero h1 { max-width: 18ch; }
    body.elegant-service .shell .notes { margin-top: 24px; }
}
@media (max-width: 640px) {
    body.elegant-service #cloudGuestIntro { padding-top: 120px; }
    body.elegant-service #cloudGuestIntro h1 { font-size: 2.8rem; }
    body.elegant-service .cloud-remote-clock { display: none; }
    body.elegant-service .cloud-remote-tool { width: 40px; height: 44px; flex-basis: 40px; }
    body.elegant-service .cloud-remote-tools-left, body.elegant-service .cloud-remote-tools-right { gap: 4px; }
    body.elegant-service .cloud-remote-logo span { font-size: .95rem; }
}
@media (prefers-reduced-motion: reduce) {
    body.elegant-service *,body.elegant-service *::before,body.elegant-service *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}
/* Local database variables must follow the light surface as well. */
body.elegant-service .cloud-db-surface {
    --text: #09283f;
    --muted: #496171;
    --muted-strong: #365265;
    --cloud-line: #cbd6da;
    --cloud-panel-soft: #f7f7f2;
    --cloud-list-hover: #f5ead9;
}
body.elegant-service :is(.bg-black,.bg-shell-950,.bg-shell-900,.bg-shell-850,.bg-shell-800) { background: #f3f3ed !important; }
body.elegant-service [class*='bg-brand/'] { background: #f5ead9 !important; }
body.elegant-service :is(.cloud-results-toggle,.cloud-liturgy-add,.cloud-song-slide-toolbar button,.cloud-group-playlist-filter,.cloud-song-category-filter,.cloud-filter-button) {
    background: #f3f3ed !important;
    color: #09283f !important;
    border-color: #cbd6da !important;
    min-height: 44px;
}
body.elegant-service :is(.cloud-results-toggle.is-active,.cloud-liturgy-add.is-added) { background: #e5eceb !important; color: #28624b !important; border-color: #8dab9d !important; }
body.elegant-service .cloud-chord-inline { background: #f5ead9; color: #7a4b25; }
body.elegant-service .cloud-liturgy-card--highlight .cloud-liturgy-card__icon { background: #fff3dc !important; color: #82551c !important; }
body.elegant-service :is(#song-editor-modal,#playlist-editor-modal,#user-editor-modal) { background: rgba(9,40,63,.55) !important; }
body.elegant-service .preview-wrapper,
body.elegant-service .preview-wrapper .bg-black { background: #000 !important; }
body.elegant-service .preview-wrapper :is(.canvas-text,.projector-canvas .text-white) { color: #fff !important; }
body.elegant-service input::file-selector-button { background: #e9c184; color: #09283f; border: 0; border-radius: 6px; padding: 8px 12px; }
/* Remove inherited sunrise artwork from the working service brand and footer. */
body.elegant-service :is(nav,footer) img[src$='logo.png'] {
    box-shadow: none !important;
    filter: none !important;
    animation: none !important;
}
body.elegant-service nav a:has(img[src$='logo.png'])::before,
body.elegant-service nav a:has(img[src$='logo.png'])::after,
body.elegant-service footer div:has(> div > img[src$='logo.png']):has(> span)::before,
body.elegant-service footer div:has(> div > img[src$='logo.png']):has(> span)::after,
body.elegant-service footer .footer-link-group::before,
body.elegant-service footer.home-band::before { content: none !important; animation: none !important; }
body.elegant-service nav a:has(img[src$='logo.png']) > span,
body.elegant-service footer div:has(> div > img[src$='logo.png']) > span {
    color: #09283f !important;
    -webkit-text-fill-color: #09283f !important;
    background: none !important;
    text-shadow: none !important;
    filter: none !important;
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    font-weight: 600;
    letter-spacing: -.025em;
}
body.elegant-service nav a:has(img[src$='logo.png']) > span > span,
body.elegant-service footer div:has(> div > img[src$='logo.png']) > span > span {
    color: #9b6432 !important;
    -webkit-text-fill-color: #9b6432 !important;
    text-shadow: none !important;
}
body.elegant-service nav .nav-link:not(.accent-gradient) { color: #496171 !important; text-shadow: none !important; }
body.elegant-service nav .nav-link:not(.accent-gradient):hover { color: #09283f !important; }
body.elegant-service footer.home-band.home-band--footer {
    background: #f0f1eb !important;
    background-image: none !important;
    box-shadow: none !important;
    color: #09283f;
}
body.elegant-service footer .footer-link-title { color: #09283f !important; }
body.elegant-service footer :is(.footer-link-list,.footer-link-list a,.footer-link-list button) { color: #496171 !important; -webkit-text-fill-color: #496171 !important; text-shadow: none !important; }
body.elegant-service footer .footer-link-list :is(a[href='/cloud'],a[href='/o-mne'],a[href*='buymeacoffee']) { color: #7a4b25 !important; -webkit-text-fill-color: #7a4b25 !important; }
body.elegant-service footer .footer-link-list :is(a,button):hover { color: #09283f !important; -webkit-text-fill-color: #09283f !important; }
body.elegant-service .cloud-workspace.panel.is-guest {
    background: #fbfaf6 !important;
    background-image: none !important;
}
body.elegant-service .cloud-workspace.panel.is-guest #cloudAuthCard,
body.elegant-service .cloud-workspace.panel.is-logged-in {
    background-image: none !important;
}
body.elegant-service :is(.section-kicker,.cloud-preview-kicker) { color: #7a4b25 !important; opacity: 1; text-shadow: none !important; }
/* Put the sign-in task first; supporting detail follows it in source order. */
body.elegant-service > nav.fixed {
    border: 0 !important;
    border-bottom: 1px solid #cbd6da !important;
    border-radius: 0 !important;
    background: #fbfaf6 !important;
}
body.elegant-service > nav.fixed > div { max-width: 1328px; height: 90px; }
body.elegant-service nav a:has(img[src$='logo.png']) > .service-wordmark {
    font-family: 'Playfair Display',Georgia,serif;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: -.025em;
}
body.elegant-service nav a:has(img[src$='logo.png']) > div,
body.elegant-service nav a:has(img[src$='logo.png']) img { width: 40px; height: 40px; }
body.elegant-service .service-benefits { padding: 12px 24px 72px; }
body.elegant-service .service-benefits .container { max-width: 1040px; }
body.elegant-service #cloudGuestIntro { padding-bottom: 0; }
body.elegant-service #cloudGuestIntro p { margin-bottom: 24px; }
body.elegant-service .cloud-workspace-section { padding-bottom: 28px; }
body.elegant-service .shell { grid-template-rows: auto 1fr; gap: 24px 40px; }
body.elegant-service .shell > .hero { min-height: auto; grid-column: 1; grid-row: 1; padding: 24px 0 0; }
body.elegant-service .shell > .card { grid-column: 2; grid-row: 1 / span 2; }
body.elegant-service .shell > .service-auth-notes { grid-column: 1; grid-row: 2; color: #496171; }
body.elegant-service .service-auth-notes .notes { margin-top: 24px; }
body.elegant-service .shell .hero h1 { margin-bottom: 0; }
body.elegant-service .shell .brand { font-family: 'Playfair Display',Georgia,serif; font-weight: 500; letter-spacing: -.02em; }
body.elegant-service #signinScreen > .panel-sub { margin-top: 20px; font-size: .9rem; }
@media (max-width: 980px) {
    body.elegant-service .shell { grid-template-columns: minmax(0,1fr); gap: 24px; }
    body.elegant-service .shell > :is(.hero,.card,.service-auth-notes) { grid-column: 1; grid-row: auto; }
    body.elegant-service .shell .hero h1 { font-size: 2.35rem; margin-top: 20px; }
    body.elegant-service .shell > .hero { padding: 0; }
}
@media (max-width: 640px) {
    body.elegant-service > nav.fixed > div { height: 75px; padding-inline: 20px; }
    body.elegant-service nav a:has(img[src$='logo.png']) > .service-wordmark { font-size: 25px; }
    body.elegant-service nav a:has(img[src$='logo.png']) > div,
    body.elegant-service nav a:has(img[src$='logo.png']) img { width: 32px; height: 32px; }
    body.elegant-service #cloudGuestIntro { padding-top: 104px; }
    body.elegant-service #cloudGuestIntro h1 { font-size: 2.25rem; margin-bottom: 14px; }
    body.elegant-service #cloudGuestIntro p { font-size: 1rem; margin-bottom: 18px; line-height: 1.6; }
    body.elegant-service .cloud-workspace-section { padding-top: 8px; }
    body.elegant-service .cloud-workspace.is-guest #cloudAuthCard { padding: 22px; }
    body.elegant-service .service-benefits { padding-top: 16px; }
    body.elegant-service .shell > .card { padding: 22px; }
}