/* Public navigation recovery and sitemap screens. Illustration art is preserved. */
.public-design.pd-utility #main-content :is(.rounded-3xl,.sm-section) { border-radius: 12px; border-color: var(--border); box-shadow: none; }
.pd-utility #main-content .btn-brand { min-height: 48px; border-radius: 8px; background: var(--btn-action-bg); color: var(--btn-action-fg); font-size: 14px; line-height: 22px; }
.pd-utility #main-content :is(.btn-brand.border-2,.btn-brand.bg-white) { background: var(--surface) !important; color: var(--interaction-ink) !important; border: 1px solid var(--interaction-border) !important; }
.pd-utility #main-content .sm-hero { padding: 28px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-canvas); color: var(--text); }
.pd-utility #main-content .sm-hero :is(p,span,i) { color: var(--text-muted); }
.pd-utility #main-content :is(.sm-search,.sm-kbd) { background: var(--surface); border-color: var(--border-strong); color: var(--text); }
.pd-utility #main-content .sm-search { padding-top: 0; padding-bottom: 0; }
.pd-utility #main-content :is(#sitemap-search,#four04-search,#five00-search,#err-search) { min-height: 48px; color: var(--text); font-size: 15px; }
.pd-utility #main-content :is(#four04-search,#five00-search,#err-search) { padding-left: 2.75rem; }
.pd-utility #main-content #sitemap-search::placeholder { color: var(--text-muted); }
.pd-utility #main-content :is(.sm-link,.sm-quick) { min-height: 44px; font-size: 14px; line-height: 22px; }
.pd-utility #main-content .sm-quick { background: var(--surface); border-color: var(--border-strong); color: var(--text); }
.pd-utility #main-content .sm-quick.is-active { background: var(--action-soft); color: var(--text); border-color: var(--text); box-shadow: none; }
@media (max-width: 600px) {
 .pd-utility #main-content .sm-hero { padding: 20px; }
 .pd-utility #main-content :is(#sitemap-search,#four04-search,#five00-search,#err-search) { font-size: 16px; }
}

.pd-utility #main-content :is(.btn-brand.border-2,.btn-brand.bg-white):not(:disabled):not([aria-disabled="true"]):is(:hover,:focus-visible) { background:var(--interaction-bg) !important; color:var(--interaction-hover-ink) !important; }

/* Page not found: content sits near the top, on the page instead of a glass card. */
.pd-utility #main-content .four04 { align-items: flex-start; padding: 32px 16px 56px; }
.pd-utility #main-content .four04 .rounded-3xl { padding: 0; border: 0; background: none; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
.pd-utility #main-content .four04 h1 { margin-bottom: 8px; }
.pd-utility #main-content .four04 h1 + p { color: var(--text); font-size: 16px; }
.pd-utility #main-content .four04 .four04-actions { flex-direction: row; flex-wrap: wrap; gap: 8px; }
.pd-utility #main-content .four04 .four04-actions .btn-brand { width: auto; min-height: 40px; padding: 8px 22px; border-radius: 999px; font-weight: 700; box-shadow: none; transform: none; }
.pd-utility #main-content .four04 .four04-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 20px; margin-top: 24px; padding-top: 16px; border-top: 1px solid var(--border); }
.pd-utility #main-content .four04 .four04-links a { display: inline-flex; align-items: center; min-height: 44px; font-size: 15px; font-weight: 600; }
@media (max-width: 600px) {
 .pd-utility #main-content .four04 .four04-actions .btn-brand { min-height: 44px; }
}

/* Error page: the same layout as Page not found, with a white Sign in pill. */
.pd-utility #main-content .four04 .four04-actions a:not(.btn-brand) { width: auto; min-height: 40px; padding: 8px 22px; border: 1px solid #6B48E0; border-radius: 999px; background: #fff; color: #6B48E0; font-weight: 700; box-shadow: none; transform: none; }
.pd-utility #main-content .four04 .four04-actions a:not(.btn-brand):is(:hover,:focus-visible) { background: #6B48E0; color: #fff; }
.pd-utility #main-content .four04 h1 + p { color: var(--text); font-size: 16px; }
@media (max-width: 600px) {
 .pd-utility #main-content .four04 .four04-actions a:not(.btn-brand) { min-height: 44px; }
}