:root {
    --bg: #fbfbfd;
    --panel: rgba(255, 255, 255, 0.68);
    --text: #1d1d1f;
    --muted: #6e6e73;
    --line: #d2d2d7;
    --soft: #f5f5f7;
    --accent: #0066cc;
    --accent-dark: #004f9f;
    --danger: #b42318;
    --radius: 18px;
    --shadow: 0 24px 80px rgba(58, 73, 104, 0.14);
    --glass-border: rgba(255, 255, 255, 0.72);
    --button-blue: #0071e3;
    --button-blue-hover: #0077ed;
    --button-light: rgba(0, 113, 227, .08);
    --button-light-hover: rgba(0, 113, 227, .12);
    --button-shadow: 0 8px 18px rgba(0, 113, 227, .12);
}

/* Unified glass polish layer */
:root {
    --glass-button-bg: linear-gradient(145deg, rgba(255,255,255,.82), rgba(255,255,255,.42));
    --glass-button-bg-hover: linear-gradient(145deg, rgba(255,255,255,.96), rgba(255,255,255,.58));
    --glass-button-border: rgba(255,255,255,.86);
    --glass-button-shadow: 0 14px 34px rgba(36, 52, 88, .11), inset 0 1px 0 rgba(255,255,255,.92);
}

.language-switch button::before {
    background: transparent;
    box-shadow: none;
}

.search-bar button,
.filters button,
.admin-form button,
.inline-form button,
.login-panel button,
.admin-login button,
.actions button,
.bulk-actions button,
.comment-form button,
.ghost-button,
.secondary-admin-button,
.media-copy-button,
.primary-link,
.secondary-link,
.file-picker-button,
.nav-logout button,
.captcha-row button,
.pagination a,
.glass-back-link {
    border: 1px solid var(--glass-button-border) !important;
    border-radius: 16px !important;
    background: var(--glass-button-bg) !important;
    color: #1d1d1f !important;
    box-shadow: var(--glass-button-shadow) !important;
    backdrop-filter: blur(18px) saturate(155%);
    transform: translateZ(0);
}

.search-bar button:hover,
.filters button:hover,
.admin-form button:hover,
.inline-form button:hover,
.login-panel button:hover,
.admin-login button:hover,
.actions button:hover,
.bulk-actions button:hover,
.comment-form button:hover,
.ghost-button:hover,
.secondary-admin-button:hover,
.media-copy-button:hover,
.primary-link:hover,
.secondary-link:hover,
.file-picker-button:hover,
.pagination a:hover,
.glass-back-link:hover {
    background: var(--glass-button-bg-hover) !important;
    color: #0066cc !important;
    box-shadow: 0 18px 40px rgba(36, 52, 88, .14), inset 0 1px 0 rgba(255,255,255,.96) !important;
    transform: translateY(-1px) scale(1.025);
}

.filter-shell {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}

.work-search-row {
    justify-content: center;
}

.tag-check-list {
    justify-content: center;
}

.tag-check {
    border: 1px solid rgba(255,255,255,.78);
    background: linear-gradient(145deg, rgba(255,255,255,.76), rgba(255,255,255,.38));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 10px 26px rgba(36, 52, 88, .07);
    backdrop-filter: blur(16px) saturate(145%);
}

.tag-check:hover,
.tag-check.is-selected,
.tag-check:has(input:checked) {
    background: linear-gradient(145deg, rgba(255,255,255,.95), rgba(255,255,255,.55));
    color: #0066cc;
}

.work-card {
    border: 1px solid rgba(255,255,255,.82);
    background: linear-gradient(145deg, rgba(255,255,255,.78), rgba(255,255,255,.42));
    box-shadow: 0 22px 52px rgba(36, 52, 88, .11), inset 0 1px 0 rgba(255,255,255,.92);
    backdrop-filter: blur(22px) saturate(150%);
}

.detail-head {
    grid-template-columns: minmax(0, 1fr) minmax(220px, 340px);
}

.detail-cover {
    aspect-ratio: 1 / 1;
    width: min(340px, 100%);
    height: auto;
    justify-self: end;
    background: linear-gradient(145deg, rgba(255,255,255,.72), rgba(255,255,255,.38));
}

.detail-cover img {
    object-fit: contain;
    background: rgba(255,255,255,.28);
}

.glass-back-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 38px;
    padding: 8px 13px;
}

.staff-person-link {
    color: #0066cc;
    font-weight: 650;
}

.staff-person-link:hover {
    color: #004f9f;
}

.admin-nav {
    padding: 12px;
    border: 1px solid rgba(255,255,255,.78);
    border-radius: 22px;
    background: linear-gradient(145deg, rgba(255,255,255,.76), rgba(255,255,255,.42));
    box-shadow: 0 20px 50px rgba(36, 52, 88, .11), inset 0 1px 0 rgba(255,255,255,.9);
    backdrop-filter: blur(24px) saturate(155%);
}

.admin-nav details {
    border: 1px solid rgba(255,255,255,.58);
    border-radius: 16px;
    background: rgba(255,255,255,.34);
    padding: 6px;
}

.admin-nav summary {
    cursor: pointer;
    padding: 9px 10px;
    border-radius: 12px;
    color: #1d1d1f;
    font-weight: 700;
    list-style: none;
}

.admin-nav summary::-webkit-details-marker {
    display: none;
}

.admin-nav summary::after {
    content: "⌄";
    float: right;
    color: #86868b;
    transition: transform .2s ease;
}

.admin-nav details[open] summary::after {
    transform: rotate(180deg);
}

.admin-nav a {
    display: block;
    margin-top: 4px;
    border-radius: 12px;
}

.admin-nav-home {
    margin-bottom: 6px;
    font-weight: 700;
}

.user-actions-cell {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.user-actions-cell .inline-admin-form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.user-delete-form {
    margin: 0;
}

.compact-danger-button {
    min-height: 36px !important;
    padding: 8px 12px !important;
}

.media-modal[hidden] {
    display: none;
}

.media-modal {
    position: fixed;
    inset: 0;
    z-index: 80;
    display: grid;
    place-items: center;
    padding: 28px;
}

.media-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(245,247,251,.58);
    backdrop-filter: blur(18px) saturate(140%);
}

.media-modal-window {
    position: relative;
    width: min(920px, 92vw);
    max-height: min(720px, 88vh);
    display: grid;
    gap: 18px;
    padding: 22px;
    border: 1px solid rgba(255,255,255,.86);
    border-radius: 26px;
    background: linear-gradient(145deg, rgba(255,255,255,.9), rgba(255,255,255,.54));
    box-shadow: 0 30px 90px rgba(36, 52, 88, .2), inset 0 1px 0 rgba(255,255,255,.94);
    backdrop-filter: blur(28px) saturate(160%);
    overflow: hidden;
}

.media-modal-window header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.media-modal-window h2 {
    margin: 0 0 4px;
}

.media-modal-window p {
    margin: 0;
    color: #86868b;
}

.media-modal-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 12px;
    overflow: auto;
    padding-right: 4px;
}

.media-modal-item {
    display: grid;
    gap: 8px;
    padding: 8px;
    border: 1px solid rgba(255,255,255,.8);
    border-radius: 18px;
    background: rgba(255,255,255,.54);
    cursor: pointer;
    text-align: left;
}

.media-modal-item img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    border-radius: 12px;
    background: rgba(255,255,255,.44);
}

.media-modal-item span {
    overflow: hidden;
    color: #424245;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.footer-socials a {
    width: 42px;
    height: 36px;
    border: 1px solid rgba(255,255,255,.82);
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(255,255,255,.78), rgba(255,255,255,.42));
    box-shadow: 0 12px 26px rgba(36,52,88,.1), inset 0 1px 0 rgba(255,255,255,.9);
    color: #1d1d1f;
    backdrop-filter: blur(16px) saturate(150%);
}

.footer-socials svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
}

/* Absolute final glass override. This block must remain last. */
button,
.primary-link,
.secondary-link,
.secondary-admin-button,
.ghost-button,
.file-picker-button,
.media-copy-button,
.media-select-button,
.pagination a,
.glass-back-link,
.filter-toggle,
.tag-check,
.footer-socials a,
.language-switch button,
.admin-nav a,
.admin-nav summary,
.admin-action-primary,
.admin-action-danger,
.compact-danger-button,
.reset-password-button,
.captcha-row button,
.comment-form button,
.filters button,
.search-bar button,
.actions button,
.bulk-actions button,
.inline-form button,
.admin-form button,
.login-panel button,
.admin-login button,
.i18n-tab,
.apple-check span {
    border: 1px solid rgba(255,255,255,.86) !important;
    border-radius: 18px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.84), rgba(255,255,255,.38)) !important;
    color: #1d1d1f !important;
    box-shadow: 0 18px 44px rgba(36, 52, 88, .12), inset 0 1px 0 rgba(255,255,255,.95) !important;
    backdrop-filter: blur(20px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(160%) !important;
}

button:hover,
.primary-link:hover,
.secondary-link:hover,
.secondary-admin-button:hover,
.ghost-button:hover,
.file-picker-button:hover,
.media-copy-button:hover,
.media-select-button:hover,
.pagination a:hover,
.glass-back-link:hover,
.filter-toggle:hover,
.tag-check:hover,
.footer-socials a:hover,
.language-switch button:hover,
.admin-nav a:hover,
.admin-nav summary:hover,
.admin-action-primary:hover,
.admin-action-danger:hover,
.compact-danger-button:hover,
.reset-password-button:hover,
.captcha-row button:hover,
.comment-form button:hover,
.filters button:hover,
.search-bar button:hover,
.actions button:hover,
.bulk-actions button:hover,
.inline-form button:hover,
.admin-form button:hover,
.login-panel button:hover,
.admin-login button:hover,
.i18n-tab:hover,
.i18n-tab.is-active,
.apple-check:hover span {
    background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(255,255,255,.54)) !important;
    color: #1d1d1f !important;
    transform: translateY(-1px) scale(1.02) !important;
    box-shadow: 0 22px 54px rgba(36, 52, 88, .15), inset 0 1px 0 rgba(255,255,255,.98) !important;
}

.language-switch button::before {
    content: "🌐" !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    width: auto !important;
    height: auto !important;
    min-width: 20px !important;
    font-size: 18px !important;
    line-height: 1 !important;
}

.detail-cover,
.detail-cover img,
.work-card .cover img,
.media-modal-item img {
    object-fit: contain !important;
}

.detail-cover {
    aspect-ratio: 1 / 1 !important;
    width: min(300px, 100%) !important;
    height: auto !important;
}

.work-card,
.media-item,
.dashboard-stats div,
.seo-stats div,
.system-stats div,
.dashboard-log-panel,
.contact-message-panel,
.about-copy-panel,
.about-contact-panel,
.staff-list div,
.gallery-panel figure,
.comments-panel,
.admin-form,
.admin-table,
.table-wrap,
.media-modal-window,
.filter-panel-inner {
    border: 1px solid rgba(255,255,255,.76) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.72), rgba(255,255,255,.32)) !important;
    box-shadow: 0 22px 58px rgba(36, 52, 88, .11), inset 0 1px 0 rgba(255,255,255,.9) !important;
    backdrop-filter: blur(24px) saturate(155%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(155%) !important;
}

.filter-shell {
    display: grid !important;
    justify-items: center !important;
}

.checkbox-list,
.tag-check-list,
.compact-tag-list {
    gap: 8px !important;
}

.footer-socials a {
    width: 46px !important;
    height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.footer-socials svg {
    width: 19px !important;
    height: 19px !important;
    fill: currentColor !important;
}

/* Final admin consistency override. */
.admin-body .admin-section > .inline-form,
.admin-body .admin-section > .admin-form,
.admin-body .bulk-form,
.admin-body .table-wrap,
.admin-body .admin-table,
.admin-body .dashboard-log-panel,
.admin-body .contact-message-panel,
.admin-body .media-picker-section,
.admin-body .translation-block,
.admin-body fieldset,
.admin-body .i18n-editor,
.admin-body .taxonomy-meta-panel,
.admin-body .media-choice-grid > label,
.admin-body .staff-editor-row,
.admin-body .gallery-editor-row,
.admin-body .video-editor-row {
    border: 1px solid rgba(255,255,255,.76) !important;
    border-radius: 22px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.74), rgba(255,255,255,.34)) !important;
    box-shadow: 0 22px 58px rgba(36, 52, 88, .1), inset 0 1px 0 rgba(255,255,255,.9) !important;
    backdrop-filter: blur(24px) saturate(155%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(155%) !important;
}

.admin-body .staff-editor-row,
.admin-body .gallery-editor-row,
.admin-body .video-editor-row {
    padding: 12px !important;
}

.admin-body .media-choice-grid > label {
    padding: 14px !important;
}

.admin-body .admin-action-danger,
.admin-body .compact-danger-button,
.admin-body .actions form button.admin-action-danger,
.admin-body button[data-remove-video],
.admin-body button[data-remove-gallery],
.admin-body button[data-remove-staff],
.admin-body .bulk-actions select:has(option[value="delete"]:checked) + button {
    border: 1px solid rgba(255,255,255,.42) !important;
    border-radius: 16px !important;
    background: linear-gradient(145deg, #d92d20, #b42318) !important;
    color: #fff !important;
    box-shadow: 0 14px 30px rgba(180, 35, 24, .24), inset 0 1px 0 rgba(255,255,255,.24) !important;
    text-shadow: 0 1px 0 rgba(0,0,0,.14) !important;
}

.admin-body .admin-action-danger:hover,
.admin-body .compact-danger-button:hover,
.admin-body .actions form button.admin-action-danger:hover,
.admin-body button[data-remove-video]:hover,
.admin-body button[data-remove-gallery]:hover,
.admin-body button[data-remove-staff]:hover,
.admin-body .bulk-actions select:has(option[value="delete"]:checked) + button:hover {
    background: linear-gradient(145deg, #f04438, #c01f14) !important;
    color: #fff !important;
    box-shadow: 0 18px 40px rgba(180, 35, 24, .3), inset 0 1px 0 rgba(255,255,255,.28) !important;
}

/* Goal polish: pale blue glass, cleaner admin layout, and non-overlapping hero ornaments. */
:root {
    --ice-blue-text: #27658f;
    --ice-blue-border: rgba(163, 215, 255, .42);
    --ice-blue-glass: linear-gradient(145deg, rgba(244, 251, 255, .86), rgba(221, 242, 255, .34));
    --ice-blue-glass-hover: linear-gradient(145deg, rgba(251, 254, 255, .96), rgba(211, 237, 255, .46));
    --ice-blue-shadow: 0 18px 44px rgba(84, 148, 196, .13), inset 0 1px 0 rgba(255, 255, 255, .92);
}

.site-body .primary-link,
.site-body .filters button,
.site-body .search-bar button,
.site-body .filter-toggle,
.site-body .filter-toggle.is-open,
.site-body .work-search-button {
    border-color: var(--ice-blue-border) !important;
    background: var(--ice-blue-glass) !important;
    color: var(--ice-blue-text) !important;
    box-shadow: var(--ice-blue-shadow) !important;
    text-shadow: none !important;
    backdrop-filter: blur(24px) saturate(135%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(135%) !important;
}

.site-body .primary-link:hover,
.site-body .filters button:hover,
.site-body .search-bar button:hover,
.site-body .filter-toggle:hover,
.site-body .filter-toggle.is-open:hover,
.site-body .work-search-button:hover {
    background: var(--ice-blue-glass-hover) !important;
    color: #1f577c !important;
    box-shadow: 0 20px 48px rgba(84, 148, 196, .16), inset 0 1px 0 rgba(255,255,255,.96) !important;
}

.site-body .tag-check,
.site-body .tag-check:hover,
.site-body .tag-check.is-selected,
.site-body .tag-check:has(input:checked) {
    border-color: rgba(178, 220, 255, .38) !important;
    background: linear-gradient(145deg, rgba(252, 254, 255, .82), rgba(226, 244, 255, .28)) !important;
    color: #2c6389 !important;
    box-shadow: 0 12px 28px rgba(84, 148, 196, .08), inset 0 1px 0 rgba(255,255,255,.9) !important;
}

.staff-list div,
.staff-list dd,
.staff-person-link {
    background-color: transparent !important;
}

.staff-person-link {
    display: inline;
    padding: 0;
    border: 0;
    box-shadow: none !important;
    color: #235f88 !important;
}

.admin-main {
    width: auto !important;
    max-width: calc(100vw - 292px) !important;
    margin-right: 18px !important;
}

.admin-section,
.admin-form,
.table-wrap,
.dashboard-log-panel,
.contact-message-panel,
.media-picker-section,
.translation-block,
.i18n-editor,
.taxonomy-meta-panel {
    min-width: 0 !important;
    overflow-wrap: anywhere;
}

.admin-section h1,
.admin-section h2,
.admin-hint,
.admin-table,
.table-wrap table,
.interface-current-text,
.media-meta dd,
.contact-message-table td,
.dashboard-log-table td {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.dashboard-stats {
    width: fit-content !important;
    max-width: 100% !important;
    grid-template-columns: repeat(4, minmax(116px, 148px)) !important;
    gap: 12px !important;
    align-items: stretch;
}

.dashboard-stats div {
    min-width: 0 !important;
    min-height: 84px !important;
    padding: 14px 16px !important;
    align-content: center;
}

.dashboard-stats strong {
    font-size: clamp(24px, 2.2vw, 32px) !important;
    line-height: 1 !important;
}

.dashboard-stats span {
    font-size: 12px !important;
    line-height: 1.35 !important;
}

.admin-body .media-choice-grid,
.admin-body .form-grid {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
}

.admin-body .staff-editor-row,
.admin-body .gallery-editor-row,
.admin-body .video-editor-row,
.admin-body .bulk-actions,
.admin-body .actions {
    align-items: center !important;
}

.interface-text-wrap {
    overflow-x: hidden !important;
}

.interface-text-table {
    min-width: 0 !important;
    width: 100% !important;
    table-layout: fixed !important;
}

.interface-current-grid,
.interface-edit-grid {
    grid-template-columns: minmax(120px, 180px) minmax(0, 1fr) !important;
    gap: 12px !important;
}

.interface-current-grid .interface-current-text,
.interface-edit-grid .i18n-editor {
    grid-column: 2 !important;
}

.interface-edit-label {
    grid-row: 1 / span 2;
}

.interface-base-text,
.interface-text-i18n,
.interface-text-table input {
    min-width: 0 !important;
    max-width: 100% !important;
}

@media (max-width: 920px) {
    .dashboard-stats {
        width: 100% !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .admin-main {
        max-width: none !important;
        margin-right: 0 !important;
    }

    .interface-current-grid,
    .interface-edit-grid {
        grid-template-columns: 1fr !important;
    }

    .interface-current-grid .interface-current-text,
    .interface-edit-grid .i18n-editor {
        grid-column: 1 !important;
    }

    .interface-edit-label {
        grid-row: auto;
        padding-top: 0 !important;
    }
}

/* Final dashboard/contact polish requested 2026-07-05. */
body.admin-body .admin-login button[type="submit"] {
    border-color: rgba(70, 154, 220, 0.64) !important;
    background: linear-gradient(145deg, rgba(18, 126, 224, 0.98), rgba(0, 91, 190, 0.94)) !important;
    color: #fff !important;
    box-shadow: 0 14px 28px rgba(0, 104, 209, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.36) !important;
}

body.admin-body .admin-login button[type="submit"]:hover {
    border-color: rgba(88, 174, 238, 0.78) !important;
    background: linear-gradient(145deg, rgba(30, 142, 238, 1), rgba(0, 101, 204, 0.96)) !important;
    color: #fff !important;
    box-shadow: 0 16px 32px rgba(0, 104, 209, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
}

body.site-body .hero-actions {
    align-items: center;
    gap: 14px;
}

body.site-body .hero-actions .primary-link,
body.site-body .hero-actions .secondary-link {
    min-height: 46px !important;
    padding: 12px 22px !important;
    border-radius: 999px !important;
    letter-spacing: 0 !important;
    transition: transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease !important;
}

body.site-body .hero-actions .primary-link {
    border: 1px solid rgba(71, 159, 226, 0.52) !important;
    background:
        radial-gradient(circle at 28% 18%, rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0) 44%),
        linear-gradient(145deg, #1684dc, #0759b8) !important;
    box-shadow: 0 12px 24px rgba(0, 104, 209, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.36) !important;
}

body.site-body .hero-actions .primary-link:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 16px 30px rgba(0, 104, 209, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.44) !important;
}

body.site-body .hero-actions .secondary-link {
    border: 1px solid rgba(116, 190, 240, 0.40) !important;
    background:
        radial-gradient(circle at 28% 18%, rgba(255, 255, 255, 0.76), rgba(255, 255, 255, 0) 56%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.68), rgba(226, 244, 255, 0.42)) !important;
    color: #155f92 !important;
    box-shadow: 0 10px 24px rgba(84, 148, 196, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.76) !important;
}

body.site-body .hero-actions .secondary-link:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(85, 169, 232, 0.58) !important;
    background:
        radial-gradient(circle at 28% 18%, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0) 58%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.78), rgba(212, 239, 255, 0.52)) !important;
    color: #0b578d !important;
    box-shadow: 0 14px 28px rgba(84, 148, 196, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.84) !important;
}

body.site-body .contact-channel-grid a {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    text-align: left !important;
}

body.site-body .contact-channel-grid .contact-channel-icon {
    width: 42px !important;
    height: 42px !important;
    display: inline-grid !important;
    place-items: center !important;
    border-radius: 14px !important;
}

body.site-body .contact-channel-grid .contact-channel-icon svg {
    width: 20px !important;
    height: 20px !important;
    fill: currentColor !important;
}

body.site-body .contact-channel-grid .contact-channel-copy {
    min-width: 0 !important;
    display: grid !important;
    gap: 3px !important;
}

body.site-body .contact-channel-grid .contact-channel-copy small {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: rgba(37, 53, 70, 0.66) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.admin-body:not(.admin-login-body) .admin-main .dashboard-stats > a {
    position: relative !important;
    display: grid !important;
    min-width: 0 !important;
    min-height: 96px !important;
    align-content: center !important;
    gap: 8px !important;
    padding: 18px 12px !important;
    border: 1px solid var(--admin-main-line) !important;
    border-radius: 18px !important;
    background: var(--admin-main-glass-soft) !important;
    color: var(--admin-main-text) !important;
    text-decoration: none !important;
    box-shadow: 0 16px 40px rgba(36, 52, 88, 0.075), inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
    backdrop-filter: blur(18px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease !important;
}

body.admin-body:not(.admin-login-body) .admin-main .dashboard-stats > a:hover {
    border-color: rgba(255, 255, 255, 0.88) !important;
    background: var(--admin-main-glass-hover) !important;
    transform: translateY(-4px) scale(1.015) !important;
    box-shadow: 0 20px 46px rgba(36, 52, 88, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .dashboard-stats > a.is-alert {
    border-color: rgba(220, 72, 72, 0.42) !important;
    background: linear-gradient(145deg, rgba(255, 241, 241, 0.86), rgba(255, 215, 215, 0.48)) !important;
    color: #9f241b !important;
    box-shadow: 0 16px 40px rgba(180, 35, 24, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .dashboard-stats > a.is-alert span,
body.admin-body:not(.admin-login-body) .admin-main .dashboard-stats > a.is-alert strong {
    color: #9f241b !important;
}

body.admin-body:not(.admin-login-body) .admin-main .dashboard-stats > a.is-alert:hover {
    border-color: rgba(220, 72, 72, 0.58) !important;
    background: linear-gradient(145deg, rgba(255, 247, 247, 0.92), rgba(255, 204, 204, 0.58)) !important;
    box-shadow: 0 22px 48px rgba(180, 35, 24, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .dashboard-log-pagination {
    margin-top: 14px !important;
    justify-content: flex-end !important;
}

body.admin-body:not(.admin-login-body) .admin-main .dashboard-log-pagination a[aria-current="page"] {
    border-color: rgba(70, 154, 220, 0.54) !important;
    background: rgba(18, 118, 210, 0.92) !important;
    color: #fff !important;
}

body.admin-body .nav-logout button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 54px !important;
    min-height: 34px !important;
    padding: 6px 14px !important;
    border-radius: 999px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: visible !important;
}

body.admin-body .nav-logout button:hover {
    border: 1px solid rgba(199, 44, 35, 0.64) !important;
    color: #b42318 !important;
}

body.admin-body .admin-main .admin-action-danger,
body.admin-body .admin-main .audit-log-clear-form .admin-action-danger,
body.admin-body:not(.admin-login-body) .admin-main .admin-action-danger,
body.admin-body:not(.admin-login-body) .admin-main .audit-log-clear-form .admin-action-danger {
    border-color: rgba(199, 44, 35, 0.54) !important;
    background: linear-gradient(145deg, #e94b3f, #b42318) !important;
    color: #fff !important;
    box-shadow: 0 12px 24px rgba(180, 35, 24, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}

body.admin-body .admin-main .admin-action-danger:hover,
body.admin-body .admin-main .audit-log-clear-form .admin-action-danger:hover,
body.admin-body:not(.admin-login-body) .admin-main .admin-action-danger:hover,
body.admin-body:not(.admin-login-body) .admin-main .audit-log-clear-form .admin-action-danger:hover {
    border-color: rgba(199, 44, 35, 0.68) !important;
    background: linear-gradient(145deg, #f05a50, #a91f16) !important;
    color: #fff !important;
    box-shadow: 0 14px 28px rgba(180, 35, 24, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .dashboard-log-panel > header {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 16px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .dashboard-log-all-link {
    flex: 0 0 auto !important;
    align-self: center !important;
}

body.admin-body:not(.admin-login-body) .admin-main .audit-log-clear-form {
    display: flex !important;
    justify-content: flex-end !important;
    margin: 0 0 18px !important;
}

@media (max-width: 720px) {
    body.admin-body:not(.admin-login-body) .admin-main .dashboard-log-panel > header {
        display: grid !important;
    }

    body.admin-body:not(.admin-login-body) .admin-main .dashboard-log-all-link {
        justify-self: start !important;
    }
}

@media (max-width: 780px) {
    body.site-body .hero-actions {
        align-items: stretch;
    }

    body.site-body .hero-actions .primary-link,
    body.site-body .hero-actions .secondary-link {
        justify-content: center !important;
    }

    body.site-body .contact-channel-grid a {
        grid-template-columns: 38px minmax(0, 1fr) !important;
    }
}

/* Follow-up polish: clearer selections, tighter filters, roomier admin pages. */
.hero-note,
.ornament-note {
    text-shadow: none !important;
    filter: none !important;
}

.hero-note-a { left: 12% !important; top: 42% !important; }
.hero-note-b { right: 25% !important; top: 18% !important; }
.hero-note-c { left: 31% !important; bottom: 12% !important; }
.hero-note-d { right: 38% !important; bottom: 18% !important; }

.ornament-note-a { left: 7% !important; top: 30% !important; }
.ornament-note-b { left: 22% !important; top: 72% !important; }
.ornament-note-c { right: 28% !important; top: 13% !important; }
.ornament-note-d { right: 8% !important; top: 50% !important; bottom: auto !important; }
.ornament-note-e { left: 52% !important; bottom: 9% !important; }

.site-body .filter-shell {
    margin-top: -8px !important;
    margin-bottom: 4px !important;
}

.site-body .work-filter-form {
    margin-top: 6px !important;
    margin-bottom: 8px !important;
}

.site-body .filter-panel-inner {
    padding: 12px !important;
}

.site-body .tag-check,
.i18n-tab {
    border-color: rgba(185, 214, 235, .42) !important;
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, color .18s ease, transform .18s ease !important;
}

.site-body .tag-check:hover,
.site-body .filter-toggle:hover,
.i18n-tab:hover {
    border-color: rgba(95, 174, 232, .62) !important;
    background: linear-gradient(145deg, rgba(250, 254, 255, .94), rgba(223, 242, 255, .42)) !important;
    color: #1f638f !important;
    box-shadow: 0 14px 32px rgba(84, 148, 196, .14), inset 0 1px 0 rgba(255,255,255,.94) !important;
}

.site-body .tag-check.is-selected,
.site-body .tag-check:has(input:checked),
.site-body .filter-toggle.is-open,
.site-body .filter-toggle[aria-expanded="true"],
.i18n-tab.is-active {
    border-color: rgba(73, 166, 232, .72) !important;
    background: linear-gradient(145deg, rgba(217, 240, 255, .84), rgba(189, 227, 255, .52)) !important;
    color: #185f8f !important;
    box-shadow: 0 16px 36px rgba(84, 148, 196, .18), inset 0 1px 0 rgba(255,255,255,.96) !important;
}

.i18n-tab[aria-selected="true"] {
    border-color: rgba(73, 166, 232, .72) !important;
    background: linear-gradient(145deg, rgba(217, 240, 255, .84), rgba(189, 227, 255, .52)) !important;
    color: #185f8f !important;
}

.admin-main {
    max-width: 1480px !important;
    margin-left: 220px !important;
    margin-right: 18px !important;
    padding-left: 28px !important;
    padding-right: 18px !important;
}

.admin-section > .inline-form,
.admin-section > .admin-form,
.admin-body .bulk-form,
.admin-body .table-wrap,
.admin-body .dashboard-log-panel,
.admin-body .contact-message-panel,
.admin-body .media-picker-section,
.admin-body .translation-block,
.admin-body fieldset,
.admin-body .i18n-editor,
.admin-body .taxonomy-meta-panel {
    padding: clamp(16px, 1.8vw, 24px) !important;
}

.admin-body input,
.admin-body select,
.admin-body textarea,
.site-body input,
.site-body select,
.site-body textarea {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.admin-body label {
    gap: 8px !important;
}

.admin-body .inline-form,
.admin-body .bulk-actions,
.admin-body .media-choice-actions,
.admin-body .staff-editor-row,
.admin-body .gallery-editor-row,
.admin-body .video-editor-row,
.admin-body .user-actions-cell,
.admin-body .actions {
    gap: 12px !important;
}

.admin-body .inline-form {
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) auto !important;
    align-items: end !important;
}

.admin-body .inline-form button {
    align-self: end !important;
    min-height: 44px !important;
}

.admin-body .staff-editor-row,
.admin-body .gallery-editor-row,
.admin-body .video-editor-row {
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) auto !important;
}

.admin-body .i18n-tabs {
    gap: 10px !important;
    padding: 4px !important;
}

@media (max-width: 920px) {
    .admin-main {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .admin-body .inline-form,
    .admin-body .staff-editor-row,
    .admin-body .gallery-editor-row,
    .admin-body .video-editor-row {
        grid-template-columns: 1fr !important;
    }
}

/* Absolute final glass override. This block must remain last. */
button,
.primary-link,
.secondary-link,
.secondary-admin-button,
.ghost-button,
.file-picker-button,
.media-copy-button,
.media-select-button,
.pagination a,
.glass-back-link,
.filter-toggle,
.tag-check,
.footer-socials a,
.language-switch button,
.admin-nav a,
.admin-nav summary,
.admin-action-primary,
.admin-action-danger,
.compact-danger-button,
.reset-password-button,
.captcha-row button,
.comment-form button,
.filters button,
.search-bar button,
.actions button,
.bulk-actions button,
.inline-form button,
.admin-form button,
.login-panel button,
.admin-login button,
.i18n-tab,
.apple-check span {
    border: 1px solid rgba(255,255,255,.86) !important;
    border-radius: 18px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.84), rgba(255,255,255,.38)) !important;
    color: #1d1d1f !important;
    box-shadow: 0 18px 44px rgba(36, 52, 88, .12), inset 0 1px 0 rgba(255,255,255,.95) !important;
    backdrop-filter: blur(20px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(160%) !important;
}

button:hover,
.primary-link:hover,
.secondary-link:hover,
.secondary-admin-button:hover,
.ghost-button:hover,
.file-picker-button:hover,
.media-copy-button:hover,
.media-select-button:hover,
.pagination a:hover,
.glass-back-link:hover,
.filter-toggle:hover,
.tag-check:hover,
.footer-socials a:hover,
.language-switch button:hover,
.admin-nav a:hover,
.admin-nav summary:hover,
.admin-action-primary:hover,
.admin-action-danger:hover,
.compact-danger-button:hover,
.reset-password-button:hover,
.captcha-row button:hover,
.comment-form button:hover,
.filters button:hover,
.search-bar button:hover,
.actions button:hover,
.bulk-actions button:hover,
.inline-form button:hover,
.admin-form button:hover,
.login-panel button:hover,
.admin-login button:hover,
.i18n-tab:hover,
.i18n-tab.is-active,
.apple-check:hover span {
    background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(255,255,255,.54)) !important;
    color: #1d1d1f !important;
    transform: translateY(-1px) scale(1.02) !important;
    box-shadow: 0 22px 54px rgba(36, 52, 88, .15), inset 0 1px 0 rgba(255,255,255,.98) !important;
}

.language-switch button::before {
    content: "🌐" !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    width: auto !important;
    height: auto !important;
    min-width: 20px !important;
    font-size: 18px !important;
    line-height: 1 !important;
}

.detail-cover,
.detail-cover img,
.work-card .cover img,
.media-modal-item img {
    object-fit: contain !important;
}

.detail-cover {
    aspect-ratio: 1 / 1 !important;
    width: min(300px, 100%) !important;
    height: auto !important;
}

.work-card,
.media-item,
.dashboard-stats div,
.seo-stats div,
.system-stats div,
.dashboard-log-panel,
.contact-message-panel,
.about-copy-panel,
.about-contact-panel,
.staff-list div,
.gallery-panel figure,
.comments-panel,
.admin-form,
.admin-table,
.table-wrap,
.media-modal-window,
.filter-panel-inner {
    border: 1px solid rgba(255,255,255,.76) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.72), rgba(255,255,255,.32)) !important;
    box-shadow: 0 22px 58px rgba(36, 52, 88, .11), inset 0 1px 0 rgba(255,255,255,.9) !important;
    backdrop-filter: blur(24px) saturate(155%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(155%) !important;
}

.filter-shell {
    display: grid !important;
    justify-items: center !important;
}

.checkbox-list,
.tag-check-list,
.compact-tag-list {
    gap: 8px !important;
}

.footer-socials a {
    width: 46px !important;
    height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.footer-socials svg {
    width: 19px !important;
    height: 19px !important;
    fill: currentColor !important;
}

/* Absolute final override: no blue pill buttons after this point. */
button,
.primary-link,
.secondary-link,
.secondary-admin-button,
.ghost-button,
.file-picker-button,
.media-copy-button,
.media-select-button,
.pagination a,
.glass-back-link,
.filter-toggle,
.tag-check,
.footer-socials a,
.language-switch button,
.admin-nav a,
.admin-nav summary,
.admin-action-primary,
.admin-action-danger,
.compact-danger-button,
.reset-password-button,
.captcha-row button,
.comment-form button,
.filters button,
.search-bar button,
.actions button,
.bulk-actions button,
.inline-form button,
.admin-form button,
.login-panel button,
.admin-login button {
    border: 1px solid rgba(255,255,255,.86) !important;
    border-radius: 18px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.84), rgba(255,255,255,.38)) !important;
    color: #1d1d1f !important;
    box-shadow: 0 18px 44px rgba(36, 52, 88, .12), inset 0 1px 0 rgba(255,255,255,.95) !important;
    backdrop-filter: blur(20px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(160%) !important;
}

button:hover,
.primary-link:hover,
.secondary-link:hover,
.secondary-admin-button:hover,
.ghost-button:hover,
.file-picker-button:hover,
.media-copy-button:hover,
.media-select-button:hover,
.pagination a:hover,
.glass-back-link:hover,
.filter-toggle:hover,
.tag-check:hover,
.footer-socials a:hover,
.language-switch button:hover,
.admin-nav a:hover,
.admin-nav summary:hover,
.admin-action-primary:hover,
.admin-action-danger:hover,
.compact-danger-button:hover,
.reset-password-button:hover,
.captcha-row button:hover,
.comment-form button:hover,
.filters button:hover,
.search-bar button:hover,
.actions button:hover,
.bulk-actions button:hover,
.inline-form button:hover,
.admin-form button:hover,
.login-panel button:hover,
.admin-login button:hover {
    background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(255,255,255,.54)) !important;
    color: #1d1d1f !important;
    transform: translateY(-1px) scale(1.02) !important;
    box-shadow: 0 22px 54px rgba(36, 52, 88, .15), inset 0 1px 0 rgba(255,255,255,.98) !important;
}

.language-switch button::before {
    content: "🌐" !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    width: auto !important;
    height: auto !important;
    font-size: 18px !important;
    line-height: 1 !important;
}

.detail-cover,
.detail-cover img,
.work-card .cover img,
.media-modal-item img {
    object-fit: contain !important;
}

.detail-cover {
    aspect-ratio: 1 / 1 !important;
    width: min(300px, 100%) !important;
    height: auto !important;
}

.work-card,
.media-item,
.dashboard-stats div,
.seo-stats div,
.system-stats div,
.dashboard-log-panel,
.contact-message-panel,
.about-copy-panel,
.about-contact-panel,
.staff-list div,
.gallery-panel figure,
.comments-panel,
.admin-form,
.admin-table,
.table-wrap,
.media-modal-window,
.filter-panel-inner {
    border: 1px solid rgba(255,255,255,.76) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.72), rgba(255,255,255,.32)) !important;
    box-shadow: 0 22px 58px rgba(36, 52, 88, .11), inset 0 1px 0 rgba(255,255,255,.9) !important;
    backdrop-filter: blur(24px) saturate(155%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(155%) !important;
}

.filter-shell {
    display: grid !important;
    justify-items: center !important;
}

.checkbox-list,
.tag-check-list,
.compact-tag-list {
    gap: 8px !important;
}

.footer-socials a {
    width: 46px !important;
    height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.footer-socials svg {
    width: 19px !important;
    height: 19px !important;
    fill: currentColor !important;
}

/* Cohesive liquid glass finish. Keep this block last. */
:root {
    --liquid-glass-bg: linear-gradient(145deg, rgba(255,255,255,.82), rgba(255,255,255,.36));
    --liquid-glass-bg-strong: linear-gradient(145deg, rgba(255,255,255,.9), rgba(255,255,255,.48));
    --liquid-glass-border: rgba(255,255,255,.86);
    --liquid-glass-shadow: 0 18px 44px rgba(36, 52, 88, .12), inset 0 1px 0 rgba(255,255,255,.95);
}

button,
.primary-link,
.secondary-link,
.secondary-admin-button,
.ghost-button,
.file-picker-button,
.media-copy-button,
.media-select-button,
.pagination a,
.glass-back-link,
.filter-toggle,
.tag-check,
.footer-socials a,
.language-switch button,
.admin-nav a,
.admin-nav summary,
.admin-action-primary,
.admin-action-danger,
.compact-danger-button,
.reset-password-button {
    border: 1px solid var(--liquid-glass-border) !important;
    border-radius: 18px !important;
    background: var(--liquid-glass-bg) !important;
    color: #1d1d1f !important;
    box-shadow: var(--liquid-glass-shadow) !important;
    backdrop-filter: blur(20px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(160%) !important;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease !important;
}

button:hover,
.primary-link:hover,
.secondary-link:hover,
.secondary-admin-button:hover,
.ghost-button:hover,
.file-picker-button:hover,
.media-copy-button:hover,
.media-select-button:hover,
.pagination a:hover,
.glass-back-link:hover,
.filter-toggle:hover,
.tag-check:hover,
.footer-socials a:hover,
.language-switch button:hover,
.admin-nav a:hover,
.admin-nav summary:hover,
.admin-action-primary:hover,
.admin-action-danger:hover,
.compact-danger-button:hover,
.reset-password-button:hover {
    background: var(--liquid-glass-bg-strong) !important;
    color: #1d1d1f !important;
    transform: translateY(-1px) scale(1.02) !important;
    box-shadow: 0 22px 54px rgba(36, 52, 88, .15), inset 0 1px 0 rgba(255,255,255,.98) !important;
}

.language-switch button {
    min-height: 38px !important;
    padding: 7px 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.language-switch button::before {
    content: "🌐" !important;
    width: auto !important;
    height: auto !important;
    min-width: 20px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 18px !important;
    line-height: 1 !important;
    color: inherit !important;
}

.work-card,
.media-item,
.dashboard-stats div,
.seo-stats div,
.system-stats div,
.dashboard-log-panel,
.contact-message-panel,
.about-copy-panel,
.about-contact-panel,
.staff-list div,
.gallery-panel figure,
.comments-panel,
.admin-form,
.admin-table,
.table-wrap,
.media-modal-window,
.filter-panel-inner {
    border: 1px solid rgba(255,255,255,.76) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.72), rgba(255,255,255,.32)) !important;
    box-shadow: 0 22px 58px rgba(36, 52, 88, .11), inset 0 1px 0 rgba(255,255,255,.9) !important;
    backdrop-filter: blur(24px) saturate(155%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(155%) !important;
}

.detail-cover {
    aspect-ratio: 1 / 1 !important;
    width: min(300px, 100%) !important;
    height: auto !important;
    justify-self: end !important;
    padding: 12px !important;
}

.detail-cover img,
.work-card .cover img {
    object-fit: contain !important;
}

.work-card .cover {
    background: rgba(255,255,255,.34) !important;
}

.compact-tag-list,
.checkbox-list,
.tag-check-list {
    gap: 8px !important;
    justify-content: center !important;
}

.tag-check {
    min-height: 34px !important;
    padding: 7px 12px !important;
}

.filter-shell {
    display: grid !important;
    justify-items: center !important;
    gap: 14px !important;
}

.filter-toggle {
    min-width: 132px !important;
    padding: 10px 18px !important;
    text-align: center !important;
}

.footer-socials {
    gap: 10px !important;
}

.footer-socials a {
    width: 46px !important;
    height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.footer-socials svg {
    width: 19px !important;
    height: 19px !important;
}

.user-actions-cell,
.inline-admin-form,
.user-delete-form {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.inline-admin-form input {
    max-width: 190px !important;
}

.compact-danger-button,
.reset-password-button {
    min-height: 38px !important;
    padding: 8px 14px !important;
    white-space: nowrap !important;
}

.media-modal-window {
    max-width: min(920px, calc(100vw - 32px)) !important;
}

.media-modal-grid {
    gap: 14px !important;
}

.media-modal-item {
    border: 1px solid rgba(255,255,255,.76) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.52) !important;
    padding: 10px !important;
}

.media-modal-item img {
    object-fit: contain !important;
    background: rgba(255,255,255,.38) !important;
}

/* Interaction and glass polish overrides. */
.language-switch button {
    gap: 8px !important;
    min-height: 38px;
    padding: 7px 14px !important;
}

.language-switch button::before {
    content: "🌐" !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px !important;
    height: 20px !important;
    font-size: 18px !important;
    line-height: 1;
    opacity: .92;
}

.filter-toggle,
.admin-action-primary,
.admin-action-danger,
.compact-danger-button,
.reset-password-button,
.contact-message-form button,
.contact-message-table button,
.media-modal-window button,
.user-delete-form button,
.inline-admin-form button {
    border: 1px solid rgba(255,255,255,.86) !important;
    border-radius: 16px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.84), rgba(255,255,255,.46)) !important;
    color: #1d1d1f !important;
    box-shadow: 0 14px 34px rgba(36, 52, 88, .11), inset 0 1px 0 rgba(255,255,255,.92) !important;
    backdrop-filter: blur(18px) saturate(155%) !important;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.filter-toggle:hover,
.search-bar button:hover,
.filters button:hover,
.admin-form button:hover,
.inline-form button:hover,
.login-panel button:hover,
.admin-login button:hover,
.actions button:hover,
.bulk-actions button:hover,
.comment-form button:hover,
.ghost-button:hover,
.secondary-admin-button:hover,
.media-copy-button:hover,
.primary-link:hover,
.secondary-link:hover,
.file-picker-button:hover,
.captcha-row button:hover,
.pagination a:hover,
.glass-back-link:hover,
.admin-action-primary:hover,
.admin-action-danger:hover,
.compact-danger-button:hover,
.reset-password-button:hover,
.contact-message-form button:hover,
.contact-message-table button:hover,
.media-modal-window button:hover,
.user-delete-form button:hover,
.inline-admin-form button:hover {
    color: #1d1d1f !important;
    transform: translateY(-1px) scale(1.025);
}

.filter-shell {
    display: grid;
    justify-items: center;
    gap: 14px;
}

.filter-toggle {
    min-width: 136px;
    padding: 10px 20px;
    font-weight: 600;
}

.work-filter-form {
    width: min(760px, 100%);
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-8px);
    transition: max-height .32s ease, opacity .24s ease, transform .24s ease;
}

.work-filter-form.is-open {
    opacity: 1;
    transform: translateY(0);
}

.filter-panel-inner {
    display: grid;
    gap: 16px;
    padding: 18px;
    border: 1px solid rgba(255,255,255,.72);
    border-radius: 24px;
    background: linear-gradient(145deg, rgba(255,255,255,.72), rgba(255,255,255,.34));
    box-shadow: 0 22px 52px rgba(36, 52, 88, .1), inset 0 1px 0 rgba(255,255,255,.88);
    backdrop-filter: blur(22px) saturate(150%);
}

.work-search-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    width: 100%;
}

.work-search-row input,
.contact-message-form input,
.contact-message-form textarea,
.media-modal-window input,
.admin-form input,
.admin-form textarea,
.admin-form select,
.inline-admin-form input,
.inline-admin-form select,
.compact-language-grid input {
    border: 1px solid rgba(255,255,255,.82) !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.62) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 10px 24px rgba(36, 52, 88, .06) !important;
    color: #1d1d1f !important;
    backdrop-filter: blur(16px) saturate(145%) !important;
}

.contact-message-panel,
.about-copy-panel,
.about-contact-panel,
.contact-message-table,
.media-modal-window,
.staff-list dd,
.staff-list div {
    border: 1px solid rgba(255,255,255,.76) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.72), rgba(255,255,255,.34)) !important;
    box-shadow: 0 22px 52px rgba(36, 52, 88, .1), inset 0 1px 0 rgba(255,255,255,.9) !important;
    backdrop-filter: blur(22px) saturate(150%) !important;
}

.captcha-row {
    align-items: end;
    gap: 12px;
}

.captcha-row label {
    flex: 1 1 260px;
}

.user-actions-cell {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    flex-wrap: wrap;
}

.inline-admin-form {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.reset-password-button,
.compact-danger-button {
    min-height: 38px;
    padding: 8px 14px !important;
}

.compact-danger-button {
    min-width: auto !important;
}

.media-modal-window {
    max-width: min(920px, calc(100vw - 32px));
}

.media-modal-grid {
    gap: 14px;
}

.media-modal-item {
    border: 1px solid rgba(255,255,255,.78) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.54) !important;
}

@media (max-width: 620px) {
    .work-search-row {
        grid-template-columns: 1fr;
    }
}

.checkbox-list {
    grid-template-columns: repeat(auto-fit, minmax(128px, max-content)) !important;
    justify-content: start;
}

.user-actions-cell {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center !important;
    gap: 10px;
}

.user-actions-cell .inline-admin-form {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center !important;
    gap: 8px;
    margin: 0;
}

.user-delete-form {
    margin: 0 !important;
}

.admin-nav {
    padding: 12px !important;
    border: 1px solid rgba(255,255,255,.78) !important;
    border-radius: 22px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.76), rgba(255,255,255,.42)) !important;
    box-shadow: 0 20px 50px rgba(36, 52, 88, .11), inset 0 1px 0 rgba(255,255,255,.9) !important;
    backdrop-filter: blur(24px) saturate(155%);
}

.admin-nav details {
    display: grid;
    gap: 4px;
    padding: 6px;
    border: 1px solid rgba(255,255,255,.58);
    border-radius: 16px;
    background: rgba(255,255,255,.34);
}

.admin-nav summary {
    cursor: pointer;
    padding: 9px 10px;
    border-radius: 12px;
    color: #1d1d1f;
    font-weight: 700;
    list-style: none;
}

.admin-nav summary::-webkit-details-marker {
    display: none;
}

.admin-nav summary::after {
    content: "⌄";
    float: right;
    color: #86868b;
    transition: transform .2s ease;
}

.admin-nav details[open] summary::after {
    transform: rotate(180deg);
}

.admin-nav [data-admin-nav-section] {
    gap: 4px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.admin-nav-panel {
    display: block;
    max-height: 0;
    overflow: hidden;
    padding: 12px;
    margin: -12px;
    opacity: 0;
    transform: translateY(-4px);
    transition: max-height .28s ease, opacity .2s ease, transform .24s ease;
}

.admin-nav-panel.is-expanded {
    overflow: visible;
}

.admin-nav details[open] .admin-nav-panel {
    opacity: 1;
    transform: translateY(0);
}

.admin-nav details[data-admin-nav-closing="true"] .admin-nav-panel {
    opacity: 0;
    transform: translateY(-4px);
}

.admin-nav-panel-inner {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 12px;
    overflow: visible;
}

.admin-nav-panel a {
    margin-top: 0;
}

@media (prefers-reduced-motion: reduce) {
    .admin-nav-panel {
        transition: none;
    }
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    overflow-x: clip;
}

body {
    margin: 0;
    min-height: 100vh;
    overflow-x: clip;
    background:
        linear-gradient(135deg, rgba(224, 239, 255, 0.72) 0%, rgba(255, 255, 255, 0) 36%),
        linear-gradient(225deg, rgba(246, 231, 255, 0.62) 0%, rgba(255, 255, 255, 0) 34%),
        linear-gradient(180deg, #fbfbfd 0%, #f4f7fb 52%, #ffffff 100%);
    color: var(--text);
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Arial, "Microsoft YaHei", sans-serif;
    letter-spacing: 0;
    opacity: 0;
    transition: opacity .38s ease;
}

body.is-ready {
    opacity: 1;
}

body.is-leaving {
    opacity: 0;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(circle at 16% 18%, rgba(0, 113, 227, .10), transparent 30%),
        radial-gradient(circle at 84% 24%, rgba(191, 90, 242, .10), transparent 28%),
        radial-gradient(circle at 50% 82%, rgba(52, 199, 89, .08), transparent 32%);
    opacity: .78;
}

.page-loader {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 42%, rgba(255, 255, 255, .94), rgba(246, 246, 248, .84) 42%, rgba(238, 241, 245, .76) 100%);
    backdrop-filter: blur(24px) saturate(150%);
    transition: opacity .45s ease, transform .45s ease, visibility 0s;
}

body.admin-body .translation-status {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 4px 10px;
    border: 1px solid rgba(64, 130, 86, 0.24);
    border-radius: 999px;
    background: rgba(238, 250, 242, 0.78);
    color: #287144;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

body.admin-body .translation-status.is-incomplete {
    border-color: rgba(220, 72, 72, 0.3);
    background: rgba(255, 239, 239, 0.82);
    color: #9f241b;
}

.page-loader::before,
.page-loader::after {
    content: "";
    position: absolute;
    width: min(64vw, 780px);
    aspect-ratio: 1;
    border-radius: 50%;
    pointer-events: none;
}

.page-loader::before {
    border: 1px solid rgba(31, 34, 41, .07);
    box-shadow: 0 0 0 42px rgba(31, 34, 41, .025), 0 0 0 104px rgba(31, 34, 41, .018);
    animation: loaderHalo 4.8s ease-in-out infinite;
}

.page-loader::after {
    width: min(40vw, 470px);
    background: radial-gradient(circle, rgba(255, 255, 255, .7), transparent 69%);
}

.page-loader.is-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: scale(.985);
    transition: opacity .45s ease, transform .45s ease, visibility 0s linear .45s;
}

.page-loader.is-pending {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: scale(.985);
    transition: opacity .45s ease, transform .45s ease, visibility 0s linear .45s;
}

html.page-loading-active .page-loader.is-pending {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
    transition: opacity .45s ease, transform .45s ease, visibility 0s;
}

.loader-card {
    position: relative;
    z-index: 1;
    display: grid;
    justify-items: center;
    min-width: 210px;
    padding: 30px 35px 25px;
    border: 1px solid rgba(255, 255, 255, .82);
    border-radius: 28px;
    background: rgba(255, 255, 255, .5);
    box-shadow: 0 18px 55px rgba(28, 32, 41, .1), inset 0 1px rgba(255, 255, 255, .86);
    backdrop-filter: blur(18px);
}

.loader-disc {
    position: absolute;
    top: -36px;
    width: 72px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: repeating-radial-gradient(circle, #262a31 0 2px, #16191f 3px 5px, #303540 6px 7px);
    box-shadow: 0 10px 20px rgba(26, 30, 38, .2);
    animation: loaderDisc 2.7s linear infinite;
}

.loader-disc::before,
.loader-disc span {
    content: "";
    position: absolute;
    inset: 25px;
    border-radius: inherit;
}

.loader-disc::before { background: #f4f4f5; box-shadow: inset 0 0 0 6px #a4a8ae; }
.loader-disc span { inset: 33px; background: #242831; }

.loader-equalizer {
    display: flex;
    align-items: end;
    gap: 5px;
    height: 34px;
    margin-top: 10px;
}

.loader-equalizer i {
    width: 4px;
    min-height: 8px;
    border-radius: 99px;
    background: linear-gradient(#5d6570, #1e242d);
    animation: loaderBeat .82s ease-in-out infinite alternate;
}

.loader-equalizer i:nth-child(2) { animation-delay: -.33s; }
.loader-equalizer i:nth-child(3) { animation-delay: -.16s; }
.loader-equalizer i:nth-child(4) { animation-delay: -.48s; }
.loader-equalizer i:nth-child(5) { animation-delay: -.25s; }

.loader-card p {
    margin: 13px 0 13px;
    color: #303641;
    font-size: 13px;
    font-weight: 650;
    letter-spacing: .14em;
}

.loader-track {
    width: 140px;
    height: 3px;
    overflow: hidden;
    border-radius: 99px;
    background: rgba(46, 52, 61, .12);
}

.loader-track span {
    display: block;
    width: 46%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #2d333d, #969da7);
    animation: loaderProgress 1.2s cubic-bezier(.65, 0, .35, 1) infinite;
}

a {
    color: inherit;
    text-decoration: none;
}

img {
    display: block;
    max-width: 100%;
}

button,
input,
textarea,
select {
    font: inherit;
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 66px;
    padding: 0 56px;
    background: rgba(251, 251, 253, 0.68);
    border-bottom: 1px solid rgba(255, 255, 255, 0.74);
    box-shadow: 0 12px 40px rgba(31, 45, 71, 0.05);
    backdrop-filter: saturate(180%) blur(20px);
}

.brand {
    display: inline-flex;
    align-items: center;
    height: 42px;
}

.brand img {
    width: 128px;
    max-height: 34px;
    object-fit: contain;
}

.nav {
    display: flex;
    align-items: center;
    gap: 28px;
    color: #424245;
    font-size: 13px;
}

.language-switch {
    position: relative;
}

.language-switch::after {
    content: "";
    position: absolute;
    right: 0;
    top: 100%;
    width: 100%;
    height: 12px;
}

.language-switch button {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 7px 15px;
    border: 0;
    border-radius: 999px;
    background: rgba(0, 113, 227, .08);
    color: var(--button-blue);
    cursor: pointer;
    box-shadow: none;
    backdrop-filter: none;
}

.language-switch button::before {
    content: "🌐";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin-right: 8px;
    border-radius: 50%;
    color: var(--button-blue);
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    background: rgba(255,255,255,.68);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 4px 12px rgba(0, 113, 227, .12);
}

.language-menu {
    position: absolute;
    right: 0;
    top: calc(100% + 10px);
    min-width: 140px;
    display: grid;
    gap: 2px;
    padding: 8px;
    border: 1px solid rgba(255, 255, 255, .86);
    border-radius: 16px;
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 20px 60px rgba(34, 48, 78, .12);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-4px);
    transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
    backdrop-filter: blur(22px) saturate(150%);
}

.language-switch:hover .language-menu,
.language-switch.is-open .language-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.language-menu a {
    padding: 8px 10px;
    border-radius: 10px;
    white-space: nowrap;
}

.language-menu a[aria-current="true"],
.language-menu a:hover {
    background: rgba(0, 102, 204, .08);
    color: var(--accent);
}

.nav-logout {
    margin: 0;
}

.nav-logout button {
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    cursor: pointer;
    box-shadow: none;
}

.nav-logout button:hover {
    color: var(--accent);
}

.nav a:hover,
.section-head a:hover,
.work-meta a:hover,
.tag-row a:hover {
    color: var(--accent);
}

.site-main {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 24px 80px;
}

.hero {
    position: relative;
    min-height: min(740px, calc(100vh - 12px));
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    justify-items: center;
    text-align: center;
    padding: 128px 0 104px;
    overflow: visible;
}

.hero::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 0;
    width: min(860px, 84vw);
    height: min(860px, 84vw);
    border-radius: 999px;
    background:
        radial-gradient(circle at 50% 48%, rgba(255,255,255,.74), rgba(255,255,255,.16) 42%, transparent 68%),
        radial-gradient(circle at 32% 38%, rgba(0,113,227,.085), transparent 34%),
        radial-gradient(circle at 68% 62%, rgba(175,82,222,.07), transparent 36%);
    filter: blur(8px);
    opacity: .78;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.hero-copy {
    position: relative;
    z-index: 5;
    max-width: 860px;
}

.hero-light-field {
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    width: min(1380px, 128vw);
    height: 760px;
    transform: translateX(-50%) translateY(-50%);
    background:
        radial-gradient(ellipse at 18% 50%, rgba(0,113,227,.075), transparent 30%),
        radial-gradient(ellipse at 82% 42%, rgba(175,82,222,.06), transparent 32%),
        radial-gradient(ellipse at 52% 78%, rgba(52,199,89,.04), transparent 34%);
    filter: blur(58px);
    opacity: .66;
    pointer-events: none;
}

.hero-notes {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
}

.hero-ornaments {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

.ornament-note {
    position: absolute;
    display: block;
    color: rgba(0, 102, 204, .13);
    font-size: clamp(22px, 4vw, 46px);
    line-height: 1;
    text-shadow: 0 20px 54px rgba(0, 102, 204, .10);
    animation: ornamentNoteDrift 12s ease-in-out infinite;
}

.ornament-note-a {
    left: 9%;
    top: 43%;
}

.ornament-note-b {
    left: 22%;
    top: 15%;
    color: rgba(175, 82, 222, .12);
    animation-delay: -2.4s;
}

.ornament-note-c {
    right: 14%;
    top: 20%;
    animation-delay: -4.8s;
}

.ornament-note-d {
    right: 10%;
    bottom: 21%;
    color: rgba(52, 199, 89, .12);
    animation-delay: -7.2s;
}

.ornament-note-e {
    left: 39%;
    bottom: 13%;
    font-size: clamp(18px, 3vw, 34px);
    animation-delay: -9s;
}

.hero-note {
    position: absolute;
    color: rgba(0,102,204,.20);
    font-style: normal;
    line-height: 1;
    text-shadow: 0 20px 56px rgba(0,102,204,.12);
    transform: rotate(var(--note-tilt));
    animation: floatNote 8s ease-in-out infinite;
}

.hero-note-a {
    --note-tilt: -12deg;
    left: 16%;
    top: 26%;
    font-size: 44px;
}

.hero-note-b {
    --note-tilt: 8deg;
    right: 18%;
    top: 30%;
    color: rgba(175,82,222,.18);
    font-size: 54px;
    animation-delay: -2.6s;
}

.hero-note-c {
    --note-tilt: 4deg;
    left: 28%;
    bottom: 18%;
    color: rgba(52,199,89,.16);
    font-size: 34px;
    animation-delay: -5.2s;
}

.hero-note-d {
    --note-tilt: -6deg;
    right: 31%;
    bottom: 22%;
    font-size: 38px;
    animation-delay: -3.9s;
}

.hero-emblem {
    width: fit-content;
    margin: 0 auto 22px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 7px 12px 7px 8px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    color: #6e6e73;
    font-size: 13px;
    backdrop-filter: blur(16px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 14px 40px rgba(37, 55, 90, .08);
}

.hero-emblem img {
    width: 26px;
    height: 26px;
    border-radius: 7px;
}

.hero h1 {
    margin: 0;
    font-size: clamp(48px, 7.1vw, 88px);
    line-height: 1.04;
    font-weight: 700;
    letter-spacing: 0;
    color: #1d1d1f;
    text-shadow: 0 1px 0 rgba(255,255,255,.75);
}

.hero p {
    max-width: 640px;
    margin: 24px auto 32px;
    color: var(--muted);
    font-size: clamp(19px, 2.15vw, 25px);
    line-height: 1.42;
}

.hero-gallery {
    position: absolute;
    inset: 0 -54px;
    z-index: 1;
    pointer-events: none;
}

.gallery-img {
    position: absolute;
    width: clamp(92px, 11vw, 152px);
    aspect-ratio: 1;
    border-radius: 24px;
    box-shadow: 0 30px 80px rgba(42, 53, 79, .10), 0 1px 0 rgba(255,255,255,.9) inset;
    opacity: .20;
    filter: saturate(.9) brightness(1.08);
    transform: rotate(var(--tilt));
    animation: coverFloat 10s ease-in-out infinite;
    overflow: hidden;
    pointer-events: auto;
    transition: opacity .28s ease, filter .28s ease, scale .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s ease;
}

.gallery-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery-img:hover {
    opacity: .42;
    filter: saturate(1.02) brightness(1.08);
    scale: 1.055;
    box-shadow: 0 34px 86px rgba(42, 53, 79, .16), 0 1px 0 rgba(255,255,255,.9) inset;
}

.gallery-img-1 {
    --tilt: -8deg;
    left: 4%;
    bottom: 108px;
}

.gallery-img-2 {
    --tilt: 7deg;
    right: 4%;
    top: 142px;
    animation-delay: -2s;
}

.gallery-img-3 {
    --tilt: 4deg;
    right: 15%;
    bottom: 104px;
    animation-delay: -5s;
}

.hero-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

.secondary-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 12px 24px;
    border: 0;
    border-radius: 999px;
    background: var(--button-light);
    color: var(--button-blue);
    font-size: 16px;
    font-weight: 600;
    box-shadow: none;
    backdrop-filter: none;
    transition: background .2s ease, color .2s ease, transform .24s cubic-bezier(.2,.8,.2,1), box-shadow .24s ease;
}

.secondary-link:hover {
    color: var(--accent-dark);
    background: var(--button-light-hover);
    transform: translateY(-1px) scale(1.035);
}

.search-bar {
    width: min(680px, 100%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
    padding: 8px;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 999px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.06);
}

.search-bar input,
.filters input,
.filters select,
.admin-form input,
.admin-form textarea,
.admin-form select,
.inline-form input,
.inline-form select,
.compact-edit-form input,
.compact-edit-form select,
.compact-field input,
.compact-language-grid input,
.i18n-panel input,
.i18n-panel textarea,
.interface-base-text input,
.login-panel input,
.admin-login input {
    width: 100%;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(255, 255, 255, .78);
    color: var(--text);
    padding: 12px 14px;
    outline: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72), 0 1px 2px rgba(0, 0, 0, .03);
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}

.search-bar input:focus,
.filters input:focus,
.filters select:focus,
.admin-form input:focus,
.admin-form textarea:focus,
.admin-form select:focus,
.inline-form input:focus,
.inline-form select:focus,
.compact-edit-form input:focus,
.compact-edit-form select:focus,
.compact-field input:focus,
.compact-language-grid input:focus,
.i18n-panel input:focus,
.i18n-panel textarea:focus,
.interface-base-text input:focus,
.login-panel input:focus,
.admin-login input:focus {
    border-color: rgba(0, 113, 227, .52);
    background: rgba(255, 255, 255, .96);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .86), 0 0 0 4px rgba(0, 113, 227, .12), 0 8px 22px rgba(0, 0, 0, .05);
}

.admin-form input,
.admin-form select,
.inline-form input,
.inline-form select,
.login-panel input,
.admin-login input {
    max-width: 420px;
}

.admin-form textarea {
    max-width: 860px;
}

.admin-form input[type="file"] {
    max-width: 520px;
}

.wide-admin-form {
    width: 100%;
    align-items: stretch !important;
}

.wide-admin-form fieldset,
.wide-admin-form .i18n-editor,
.wide-admin-form .form-grid {
    width: 100%;
}

.wide-admin-form input,
.wide-admin-form textarea,
.wide-admin-form select {
    max-width: none;
}

.wide-admin-form .form-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.admin-form input[type="checkbox"],
.inline-form input[type="checkbox"],
.login-panel input[type="checkbox"],
.admin-login input[type="checkbox"],
.checkbox-list input[type="checkbox"],
.bulk-actions input[type="checkbox"] {
    width: auto;
    max-width: none;
}

.admin-form button,
.inline-form button,
.login-panel button,
.admin-login button,
.bulk-actions button,
.actions button,
.comment-form button,
.ghost-button,
.secondary-admin-button,
.media-copy-button {
    width: fit-content;
    min-width: 96px;
}

.search-bar input {
    border: 0;
    border-radius: 999px;
    padding-left: 18px;
}

.search-bar button,
.filters button,
.admin-form button,
.inline-form button,
.login-panel button,
.admin-login button,
.actions button,
.bulk-actions button,
.comment-form button,
.ghost-button,
.secondary-admin-button,
.media-copy-button,
.primary-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 10px 18px;
    border: 0;
    border-radius: 999px;
    background: var(--button-blue);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: var(--button-shadow);
    backdrop-filter: none;
    transition: background .2s ease, color .2s ease, box-shadow .2s ease, transform .24s cubic-bezier(.2,.8,.2,1);
}

.primary-link {
    width: fit-content;
    min-height: 50px;
    padding: 13px 26px;
    background: var(--button-blue);
    color: #fff;
    font-size: 16px;
    text-shadow: none;
    box-shadow: var(--button-shadow);
}

.search-bar button:hover,
.filters button:hover,
.admin-form button:hover,
.inline-form button:hover,
.login-panel button:hover,
.admin-login button:hover,
.actions button:hover,
.bulk-actions button:hover,
.comment-form button:hover,
.ghost-button:hover,
.secondary-admin-button:hover,
.media-copy-button:hover,
.primary-link:hover {
    background: var(--button-blue-hover);
    color: #fff;
    box-shadow: 0 10px 22px rgba(0, 113, 227, .16);
    transform: translateY(-1px) scale(1.035);
}

.section-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
    margin: 24px 0 72px;
}

.section-row > div,
.about-grid > div,
.login-panel,
.admin-login,
.admin-section {
    background: var(--panel);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius);
    padding: 28px;
    box-shadow: 0 24px 70px rgba(50, 65, 95, 0.09);
    backdrop-filter: blur(22px) saturate(150%);
}

.section-row h2,
.section-head h2,
.page-title h1,
.about h1,
.admin-section h1,
.login-panel h1,
.admin-login h1 {
    margin: 0 0 18px;
    font-size: clamp(32px, 5vw, 56px);
    line-height: 1.08;
    font-weight: 650;
}

.section-row h2,
.admin-section h1,
.login-panel h1,
.admin-login h1 {
    font-size: 30px;
}

.category-strip,
.tag-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.category-strip a,
.tag-row a {
    padding: 8px 12px;
    border-radius: 999px;
    background: var(--soft);
    color: #424245;
    font-size: 14px;
}

.tag-row.large a {
    font-size: 15px;
}

.section-head,
.admin-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 22px;
}

.section-head a {
    color: var(--accent);
    font-size: 17px;
}

.work-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

#work-results {
    transition: opacity .18s ease, transform .18s ease;
    will-change: opacity, transform;
}

#work-results.is-loading {
    opacity: 1;
    transform: none;
    pointer-events: none;
}

#work-results.is-refreshed .work-card {
    animation: workFilterIn .58s cubic-bezier(.18,.78,.22,1) both;
}

#work-results.is-refreshed .work-card[hidden] {
    animation: none;
}

#work-results.is-local-filtering {
    opacity: .97;
    transform: none;
}

#work-results.is-refreshed .work-card:nth-child(2) { animation-delay: .04s; }
#work-results.is-refreshed .work-card:nth-child(3) { animation-delay: .08s; }
#work-results.is-refreshed .work-card:nth-child(4) { animation-delay: .12s; }
#work-results.is-refreshed .work-card:nth-child(n+5) { animation-delay: .15s; }

@keyframes workFilterIn {
    from {
        opacity: 0;
        transform: translateY(6px) scale(.992);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.work-card {
    position: relative;
    overflow: hidden;
    background: rgba(255,255,255,.62);
    border-radius: 22px;
    border: 1px solid rgba(255,255,255,.78);
    box-shadow: 0 18px 54px rgba(49, 61, 91, .08);
    backdrop-filter: blur(18px) saturate(150%);
    transition: transform .32s cubic-bezier(.2,.8,.2,1), box-shadow .32s ease, border-color .32s ease;
}

.work-card::after {
    content: "";
    position: absolute;
    inset: auto 18px 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(0, 102, 204, .42), transparent);
    opacity: 0;
    transform: scaleX(.35);
    transition: opacity .32s ease, transform .32s ease;
}

.work-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 30px 80px rgba(49, 61, 91, .16);
    border-color: rgba(255,255,255,.95);
}

.work-card:hover::after {
    opacity: 1;
    transform: scaleX(1);
}

.cover,
.detail-cover {
    min-height: 210px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #f5f5f7, #e8e8ed);
    color: #86868b;
    font-size: 72px;
    font-weight: 700;
}

.cover img,
.detail-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s cubic-bezier(.2,.8,.2,1), filter .5s ease;
}

.work-card .cover {
    aspect-ratio: 1 / 1;
    min-height: 0;
}

.work-card:hover .cover img {
    transform: scale(1.045);
    filter: saturate(1.04) brightness(1.03);
}

.work-copy {
    min-height: 132px;
    padding: 18px;
    display: flex;
    flex-direction: column;
}

.work-copy h3 {
    margin: 10px 0 8px;
    font-size: 20px;
    line-height: 1.16;
}

.work-published {
    display: block;
    margin: auto 0 0;
    color: #a1a1a6;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
}

.work-copy p,
.page-title p,
.about p,
.rich-text {
    color: var(--muted);
    line-height: 1.65;
}

.work-copy p {
    margin: 0;
    overflow: hidden;
    color: #86868b;
    font-size: 13px;
    line-height: 1.35;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.work-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    color: #86868b;
    font-size: 13px;
}

.page-title {
    padding: 72px 0 34px;
    text-align: center;
}

.filter-shell {
    display: grid;
    justify-items: stretch;
    margin-bottom: 28px;
}

.work-filter-form {
    width: min(980px, 100%);
    justify-self: center;
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 18px;
    border: 1px solid rgba(255,255,255,.76);
    border-radius: 24px;
    background: linear-gradient(145deg, rgba(255,255,255,.72), rgba(255,255,255,.42));
    box-shadow: 0 22px 58px rgba(36, 52, 88, .1), inset 0 1px 0 rgba(255,255,255,.9);
    backdrop-filter: blur(22px) saturate(150%);
}

.work-search-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
}

.work-search-row input {
    min-height: 44px;
    border-radius: 999px;
}

.work-search-button {
    min-width: 96px;
}

.tag-check-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.tag-check {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 8px 13px;
    border: 1px solid rgba(255,255,255,.72);
    border-radius: 999px;
    background: rgba(255,255,255,.56);
    color: #424245;
    font-size: 14px;
    font-weight: 600;
    box-shadow: 0 10px 26px rgba(36, 52, 88, .08), inset 0 1px 0 rgba(255,255,255,.82);
    backdrop-filter: blur(18px) saturate(145%);
    cursor: pointer;
    transition: background .2s ease, color .2s ease, transform .24s cubic-bezier(.2,.8,.2,1), box-shadow .2s ease;
}

.tag-check:hover,
.tag-check.is-selected,
.tag-check:has(input:checked) {
    background: rgba(0,113,227,.1);
    color: var(--button-blue);
    transform: translateY(-1px) scale(1.02);
}

.tag-check input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.admin-tag-check {
    width: fit-content;
}

.filter-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 42px;
    padding: 10px 18px;
    border: 0;
    border-radius: 999px;
    background: var(--button-light);
    color: var(--button-blue);
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background .2s ease, color .2s ease;
}

.filter-toggle:hover,
.filter-toggle.is-open {
    background: var(--button-light-hover);
    color: var(--accent-dark);
}

.filter-toggle.has-active:not(.is-open) {
    box-shadow: inset 0 0 0 1px rgba(0, 113, 227, .22);
}

.filter-toggle-icon {
    width: 7px;
    height: 7px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg) translateY(-2px);
    transition: transform .24s ease;
}

.filter-toggle.is-open .filter-toggle-icon {
    transform: rotate(225deg) translateY(-2px);
}

.filters {
    display: grid;
    grid-template-columns: minmax(260px, 1.5fr) minmax(180px, .8fr) auto;
    gap: 14px;
    margin-bottom: 28px;
    padding: 16px;
    border-radius: 24px;
    background: rgba(255,255,255,.52);
    border: 1px solid rgba(255,255,255,.72);
    backdrop-filter: blur(18px) saturate(150%);
    box-shadow: 0 18px 50px rgba(49, 61, 91, .07);
}

.filters.work-filter-form {
    grid-template-columns: 1fr;
}

.filters select,
.filters input,
.filters button {
    min-height: 46px;
}

.filters button[type="submit"] {
    justify-self: start;
    padding-inline: 22px;
}

.filter-panel {
    width: 100%;
    max-height: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-width: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    transform: translateY(-6px);
    transition: max-height .34s cubic-bezier(.16,1,.3,1), opacity .22s ease, transform .34s cubic-bezier(.16,1,.3,1), margin .34s ease, padding .34s ease;
}

.filter-panel.is-open {
    margin-top: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
    border-width: 1px;
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

@media (max-width: 1180px) {
    .filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .filters button {
        justify-self: start;
    }
}

.i18n-editor {
    display: grid;
    gap: 6px;
    width: min(860px, 100%);
}

.i18n-editor.compact {
    width: min(420px, 100%);
    gap: 6px;
}

.i18n-tabs {
    display: flex;
    gap: 4px;
    width: fit-content;
    max-width: 100%;
    min-height: 30px;
    padding: 3px;
    overflow-x: auto;
    border-radius: 999px;
    background: rgba(245,245,247,.86);
}

.i18n-tabs .i18n-tab {
    width: auto;
    min-width: 0;
    min-height: 24px;
    border: 0;
    border-radius: 999px;
    padding: 4px 9px;
    background: transparent;
    color: #515154;
    font-size: 12px;
    font-weight: 620;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: none;
    transition: background .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.i18n-tabs .i18n-tab:hover {
    transform: none;
    background: rgba(255,255,255,.68);
    color: var(--button-blue);
    box-shadow: none;
}

.i18n-tabs .i18n-tab.is-active {
    background: #fff;
    color: var(--button-blue);
    box-shadow: 0 6px 18px rgba(42, 53, 79, .08);
}

.i18n-panels {
    display: grid;
    gap: 12px;
}

.i18n-panel {
    display: grid;
    gap: 12px;
    min-width: 0;
    color: #424245;
    font-size: 13px;
    font-weight: 560;
}

.i18n-panel input,
.i18n-panel textarea,
.interface-base-text input {
    max-width: none;
}

.i18n-panel[hidden] {
    display: none;
}

.detail {
    padding-top: 56px;
}

.detail-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 420px);
    gap: 42px;
    align-items: center;
    margin-bottom: 34px;
}

.detail h1 {
    margin: 10px 0 18px;
    max-width: 13em;
    font-size: clamp(32px, 4.35vw, 54px);
    line-height: 1.08;
    overflow-wrap: break-word;
}

.detail-head p {
    max-width: 680px;
    color: #515154;
    font-size: clamp(16px, 1.7vw, 19px);
    line-height: 1.62;
}

.back-link {
    color: var(--accent);
}

.detail-cover {
    min-height: 0;
    height: clamp(240px, 28vw, 320px);
    max-height: 320px;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: var(--shadow);
}

.audio-player {
    width: 100%;
    margin: 8px 0 34px;
}

.video-frame {
    position: relative;
    aspect-ratio: 16 / 9;
    margin-bottom: 34px;
    overflow: hidden;
    border-radius: 18px;
    background: #000;
    box-shadow: 0 26px 80px rgba(15, 19, 32, .18);
}

.video-frame iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.gallery-panel {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 8px 0 34px;
}

.gallery-panel figure {
    margin: 0;
    overflow: hidden;
    border-radius: 22px;
    background: rgba(255, 255, 255, .64);
    border: 1px solid rgba(255, 255, 255, .82);
    box-shadow: 0 20px 64px rgba(49, 61, 91, .09);
    backdrop-filter: blur(18px) saturate(150%);
}

.gallery-panel img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
}

.gallery-panel figcaption {
    padding: 10px 12px 12px;
    color: #6e6e73;
    font-size: 13px;
    line-height: 1.35;
}

.rich-text {
    max-width: 780px;
    font-size: 18px;
}

.rich-text :where(p, ul, ol, blockquote, figure, pre) {
    margin: 0 0 1.15em;
}

.rich-text :where(h2, h3, h4) {
    margin: 1.85em 0 .7em;
    color: #1d1d1f;
    line-height: 1.16;
}

.rich-text h2 {
    font-size: clamp(28px, 4vw, 40px);
}

.rich-text h3 {
    font-size: clamp(22px, 3vw, 30px);
}

.rich-text h4 {
    font-size: 20px;
}

.rich-text :where(ul, ol) {
    padding-left: 1.35em;
}

.rich-text li + li {
    margin-top: .38em;
}

.rich-text a {
    color: var(--accent);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

.rich-text blockquote {
    padding: 6px 0 6px 18px;
    border-left: 3px solid rgba(0, 102, 204, .34);
    color: #424245;
}

.rich-text figure {
    overflow: hidden;
    border-radius: 22px;
    background: rgba(255,255,255,.68);
    border: 1px solid rgba(255,255,255,.82);
    box-shadow: 0 20px 64px rgba(49, 61, 91, .09);
}

.rich-text figure img,
.rich-text > img,
.rich-text p > img {
    width: 100%;
    height: auto;
    border-radius: 18px;
}

.rich-text figcaption {
    padding: 10px 14px 14px;
    color: #86868b;
    font-size: 13px;
    line-height: 1.45;
}

.rich-text pre,
.rich-text code {
    border-radius: 12px;
    background: rgba(245,245,247,.84);
    color: #424245;
}

.rich-text pre {
    padding: 14px 16px;
    overflow-x: auto;
}

.staff-panel {
    margin: 18px 0 34px;
    padding: 24px;
    border: 1px solid rgba(255, 255, 255, .82);
    border-radius: 24px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.84), rgba(255,255,255,.5)),
        radial-gradient(circle at 18% 0%, rgba(0,113,227,.12), transparent 38%);
    box-shadow: 0 20px 54px rgba(36, 52, 88, .12), inset 0 1px 0 rgba(255,255,255,.9);
    backdrop-filter: blur(24px) saturate(155%);
}

.staff-panel h2 {
    margin: 0 0 18px;
    font-size: 24px;
    line-height: 1.15;
}

.staff-list {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
}

.staff-list div {
    min-width: 0;
    position: relative;
    overflow: hidden;
    padding: 15px;
    border-radius: 18px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.88), rgba(255,255,255,.5)),
        radial-gradient(circle at 12% 0%, rgba(255,255,255,.95), transparent 42%),
        radial-gradient(circle at 100% 100%, rgba(0,113,227,.1), transparent 36%);
    border: 1px solid rgba(255, 255, 255, .82);
    box-shadow: 0 14px 34px rgba(36, 52, 88, .11), inset 0 1px 0 rgba(255,255,255,.92);
    backdrop-filter: blur(20px) saturate(155%);
}

.staff-list dt {
    margin-bottom: 6px;
    color: #86868b;
    font-size: 12px;
}

.staff-list dd {
    margin: 0;
    color: #1d1d1f;
    font-size: 15px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.comments-panel {
    margin: 42px 0 0;
    padding: clamp(20px, 3.5vw, 34px);
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: 32px;
    background:
        linear-gradient(135deg, rgba(255,255,255,.78), rgba(255,255,255,.54)),
        radial-gradient(circle at 90% 0%, rgba(0,102,204,.08), transparent 34%);
    backdrop-filter: blur(24px) saturate(160%);
    box-shadow: 0 24px 70px rgba(42, 53, 79, .10);
}

.comments-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 20px;
}

.comments-head h2 {
    margin: 0;
    font-size: 24px;
}

.comments-head span {
    min-width: 38px;
    min-height: 30px;
    display: inline-grid;
    place-items: center;
    border-radius: 999px;
    background: rgba(0, 102, 204, .10);
    color: var(--accent-dark);
    font-size: 14px;
    font-weight: 650;
}

.notice {
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(0, 102, 204, .10);
    color: var(--accent-dark);
}

body.site-body .error {
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(180, 35, 24, .08);
    border: 1px solid rgba(180, 35, 24, .18);
    color: #8f1d14;
}

.comments-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
    gap: clamp(18px, 3vw, 34px);
    align-items: start;
}

.comment-list {
    display: grid;
    gap: 12px;
}

.comment-empty {
    margin: 0;
    min-height: 190px;
    display: grid;
    place-items: center;
    border-radius: 22px;
    background: rgba(255,255,255,.58);
    border: 1px solid rgba(255,255,255,.72);
    text-align: center;
    color: var(--muted);
}

.comment-item {
    padding: 18px 20px;
    border-radius: 20px;
    background: rgba(255,255,255,.74);
    border: 1px solid rgba(255,255,255,.74);
    box-shadow: 0 12px 32px rgba(49,61,91,.06);
}

.comment-item header {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: #6e6e73;
    font-size: 13px;
}

.comment-item p {
    margin: 10px 0 0;
    color: #424245;
    line-height: 1.65;
}

.comment-form {
    display: grid;
    gap: 16px;
    padding: 20px;
    border-radius: 26px;
    background: rgba(255,255,255,.66);
    border: 1px solid rgba(255,255,255,.82);
    box-shadow: 0 18px 46px rgba(42, 53, 79, .08), inset 0 1px 0 rgba(255,255,255,.88);
    backdrop-filter: blur(18px) saturate(160%);
}

.comment-form label {
    display: grid;
    gap: 7px;
    color: #424245;
    font-size: 14px;
}

.comment-form input,
.comment-form textarea {
    width: 100%;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 16px;
    background: rgba(255,255,255,.76);
    padding: 12px 14px;
    color: var(--text);
    outline: none;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
}

.comment-form textarea {
    resize: vertical;
    min-height: 122px;
}

.comment-form button {
    justify-self: start;
    min-height: 44px;
    padding: 11px 22px;
    border: 0;
    border-radius: 999px;
    background: var(--button-blue);
    color: #fff;
    font-size: 15px;
    font-weight: 650;
    cursor: pointer;
    box-shadow: var(--button-shadow);
    backdrop-filter: none;
    transition: background .2s ease, box-shadow .2s ease;
}

.comment-form button:hover {
    background: var(--button-blue-hover);
    box-shadow: 0 10px 22px rgba(0, 113, 227, .16);
}

.hp-field {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

.about {
    padding-top: 72px;
}

.about-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-top: 30px;
}

.about-stack {
    display: grid;
    gap: 22px;
    margin-top: 30px;
}

.about-copy-panel,
.about-contact-panel {
    padding: clamp(22px, 3vw, 34px);
    border: 1px solid rgba(255,255,255,.78);
    border-radius: 24px;
    background: linear-gradient(145deg, rgba(255,255,255,.82), rgba(255,255,255,.48));
    box-shadow: 0 20px 54px rgba(36, 52, 88, .1), inset 0 1px 0 rgba(255,255,255,.9);
    backdrop-filter: blur(24px) saturate(155%);
}

.about-copy-panel h2,
.about-contact-panel h2 {
    margin-top: 0;
}

.contact-channel-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
}

.contact-channel-grid a {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 54px;
    padding: 12px 14px;
    border: 1px solid rgba(255,255,255,.76);
    border-radius: 18px;
    background: rgba(255,255,255,.58);
    color: var(--text);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.78);
    transition: background .2s ease, color .2s ease, transform .24s cubic-bezier(.2,.8,.2,1);
}

.contact-channel-grid a:hover {
    background: rgba(0,113,227,.09);
    color: var(--button-blue);
    transform: translateY(-1px) scale(1.02);
}

.contact-channel-grid span,
.footer-socials a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(255,255,255,.72);
    color: var(--button-blue);
    font-size: 12px;
    font-weight: 750;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 8px 20px rgba(36, 52, 88, .08);
}

.contact-message-panel {
    padding: clamp(22px, 3vw, 34px);
    border: 1px solid rgba(255,255,255,.78);
    border-radius: 24px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.82), rgba(255,255,255,.48)),
        radial-gradient(circle at 88% 0%, rgba(0,113,227,.1), transparent 36%);
    box-shadow: 0 20px 54px rgba(36, 52, 88, .1), inset 0 1px 0 rgba(255,255,255,.9);
    backdrop-filter: blur(24px) saturate(155%);
}

.contact-message-panel h2 {
    margin-top: 0;
}

.contact-message-form {
    display: grid;
    gap: 14px;
}

.contact-message-form label {
    display: grid;
    gap: 7px;
    color: #424245;
    font-size: 14px;
}

.contact-message-form input,
.contact-message-form textarea {
    width: 100%;
    border: 1px solid rgba(134, 134, 139, .18);
    border-radius: 16px;
    background: rgba(255,255,255,.72);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.84), 0 10px 24px rgba(36, 52, 88, .06);
    color: #1d1d1f;
    font: inherit;
    outline: none;
    transition: border-color .22s ease, box-shadow .22s ease, background .22s ease;
}

.contact-message-form input {
    min-height: 46px;
    padding: 0 15px;
}

.contact-message-form textarea {
    min-height: 150px;
    padding: 14px 15px;
    resize: vertical;
}

.contact-message-form input:focus,
.contact-message-form textarea:focus {
    border-color: rgba(0, 113, 227, .42);
    background: rgba(255,255,255,.9);
    box-shadow: 0 0 0 4px rgba(0, 113, 227, .1), 0 14px 30px rgba(36, 52, 88, .08);
}

.captcha-row {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) auto;
    gap: 12px;
    align-items: end;
}

.captcha-row button {
    min-height: 44px;
    border-radius: 999px;
}

.contact-message-table {
    min-width: 980px;
}

.contact-message-table td:nth-child(3) {
    max-width: 420px;
    line-height: 1.55;
}

.admin-body {
    background: #f5f5f7;
}

.admin-nav {
    position: fixed;
    left: 24px;
    top: 82px;
    width: 180px;
    display: grid;
    gap: 8px;
}

.admin-nav a {
    padding: 11px 14px;
    border-radius: 12px;
    color: #424245;
}

.admin-nav a:hover {
    background: #fff;
}

.admin-main {
    width: min(1500px, calc(100vw - 260px));
    max-width: none;
    margin: 0 24px 0 220px;
    padding: 42px 24px 80px;
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin: 20px 0 26px;
}

.stats-grid div {
    display: grid;
    gap: 6px;
    padding: 22px;
    border-radius: 16px;
    background: var(--soft);
}

.stats-grid strong {
    font-size: 34px;
}

.stats-grid span {
    color: var(--muted);
}

.dashboard-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dashboard-stats div {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.78);
    background:
        linear-gradient(145deg, rgba(255,255,255,.86), rgba(255,255,255,.48)),
        radial-gradient(circle at 20% 0%, rgba(0,113,227,.14), transparent 36%);
    box-shadow:
        0 20px 54px rgba(36, 52, 88, .12),
        inset 0 1px 0 rgba(255,255,255,.94);
    backdrop-filter: blur(24px) saturate(155%);
}

.dashboard-stats div::after {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: inherit;
    background: linear-gradient(120deg, rgba(255,255,255,.52), transparent 42%);
    pointer-events: none;
}

.dashboard-stats strong,
.dashboard-stats span {
    position: relative;
    z-index: 1;
}

.system-stats {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.system-stats div {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.78);
    background:
        linear-gradient(145deg, rgba(255,255,255,.86), rgba(255,255,255,.48)),
        radial-gradient(circle at 20% 0%, rgba(0,113,227,.14), transparent 36%);
    box-shadow:
        0 20px 54px rgba(36, 52, 88, .12),
        inset 0 1px 0 rgba(255,255,255,.94);
    backdrop-filter: blur(24px) saturate(155%);
}

.system-stats div::after {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: inherit;
    background: linear-gradient(120deg, rgba(255,255,255,.52), transparent 42%);
    pointer-events: none;
}

.system-stats strong,
.system-stats span {
    position: relative;
    z-index: 1;
}

.seo-stats {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.seo-stats div {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.78);
    background:
        linear-gradient(145deg, rgba(255,255,255,.86), rgba(255,255,255,.48)),
        radial-gradient(circle at 18% 0%, rgba(0,113,227,.12), transparent 38%);
    box-shadow:
        0 18px 46px rgba(36, 52, 88, .1),
        inset 0 1px 0 rgba(255,255,255,.94);
    backdrop-filter: blur(22px) saturate(155%);
}

.seo-stats div::after {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: inherit;
    background: linear-gradient(120deg, rgba(255,255,255,.5), transparent 42%);
    pointer-events: none;
}

.seo-stats strong,
.seo-stats span {
    position: relative;
    z-index: 1;
}

.table-wrap {
    overflow-x: auto;
}

.seo-table {
    min-width: 1040px;
    table-layout: fixed;
}

.seo-table th:nth-child(1),
.seo-table td:nth-child(1) {
    width: 24%;
}

.seo-table th:nth-child(2),
.seo-table td:nth-child(2) {
    width: 10%;
}

.seo-table th:nth-child(3),
.seo-table td:nth-child(3) {
    width: 27%;
}

.seo-table th:nth-child(4),
.seo-table td:nth-child(4),
.seo-table th:nth-child(5),
.seo-table td:nth-child(5) {
    width: 12%;
}

.seo-table th:nth-child(6),
.seo-table td:nth-child(6) {
    width: 15%;
}

.seo-slug-cell code {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    direction: ltr;
}

.seo-meta-state {
    color: #6e6e73;
    white-space: nowrap;
}

.seo-actions {
    display: table-cell;
    gap: 8px;
    white-space: nowrap;
}

.seo-actions .secondary-admin-button {
    min-width: 0;
    min-height: 32px;
    margin-top: 0;
    margin-right: 6px;
    padding: 6px 11px;
    font-size: 13px;
}

.seo-actions .secondary-admin-button:hover {
    background: var(--button-light-hover);
    color: var(--button-blue);
    box-shadow: none;
    transform: translateY(-1px) scale(1.035);
}

.bulk-form {
    display: grid;
    gap: 12px;
}

.bulk-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 12px;
    border-radius: 16px;
    background: rgba(255,255,255,.62);
    border: 1px solid rgba(0,0,0,.05);
}

.bulk-actions select {
    min-height: 38px;
    min-width: 170px;
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 8px 10px;
    background: #fff;
}

.bulk-actions button {
    min-height: 38px;
    padding: 8px 14px;
}

.pagination {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
    color: var(--muted);
    font-size: 14px;
}

.pagination a {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 12px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid var(--line);
    color: var(--accent);
}

table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.interface-text-wrap {
    width: 100%;
}

.interface-text-table {
    min-width: 980px;
    table-layout: auto;
}

.interface-current-text {
    color: var(--muted);
    line-height: 1.55;
    word-break: break-word;
}

.interface-current-grid,
.interface-edit-grid {
    display: grid;
    grid-template-columns: 170px minmax(280px, .7fr) minmax(420px, 1fr);
    gap: 16px;
    align-items: start;
}

.interface-current-grid {
    align-items: center;
}

.interface-current-grid .interface-current-text {
    grid-column: 2 / 4;
}

.interface-current-row td {
    padding: 16px 12px 8px;
    border-bottom: 0;
}

.interface-edit-row td {
    padding: 0 12px 18px;
}

.interface-edit-label {
    color: #86868b;
    font-size: 12px;
    font-weight: 600;
    padding-top: 39px;
}

.interface-text-table code {
    white-space: normal;
    word-break: break-word;
}

.interface-text-i18n {
    width: 100%;
    min-width: 0;
}

.interface-base-text > span {
    min-height: 30px;
    display: flex;
    align-items: center;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

th,
td {
    padding: 14px 12px;
    border-bottom: 1px solid var(--line);
    text-align: left;
    vertical-align: middle;
}

th {
    color: #6e6e73;
    font-weight: 600;
}

.actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.actions form {
    margin: 0;
}

.actions a,
.actions button {
    white-space: nowrap;
}

.actions button {
    min-height: 34px;
    padding: 7px 13px;
}

.actions button:hover {
    color: #fff;
}

.post-actions {
    gap: 8px;
}

.seo-table td.seo-actions {
    display: table-cell;
    white-space: nowrap;
}

.admin-action-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    min-width: 82px;
    padding: 9px 18px;
    border-radius: 999px;
    background: var(--button-blue);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    box-shadow: var(--button-shadow);
    transition: background .2s ease, box-shadow .2s ease, transform .24s cubic-bezier(.2,.8,.2,1);
}

.admin-action-primary:hover {
    background: var(--button-blue-hover);
    color: #fff;
    box-shadow: 0 10px 22px rgba(0, 113, 227, .16);
    transform: translateY(-1px) scale(1.035);
}

.actions .admin-action-danger {
    min-width: 0;
    min-height: 28px;
    padding: 4px 9px;
    background: transparent;
    color: var(--danger);
    font-size: 13px;
    font-weight: 500;
    box-shadow: none;
}

.actions .admin-action-danger:hover {
    background: rgba(180, 35, 24, .08);
    color: var(--danger);
    box-shadow: none;
    transform: none;
}

.admin-form,
.login-panel form,
.admin-login form {
    display: grid;
    gap: 16px;
    justify-items: start;
}

.admin-form fieldset {
    min-width: 0;
}

.admin-section {
    width: 100%;
}

.admin-section > .inline-form,
.admin-section > .admin-form {
    align-items: end;
}

.admin-form label,
.login-panel label,
.admin-login label {
    display: grid;
    gap: 7px;
    color: #424245;
    font-size: 14px;
}

.translation-block {
    display: grid;
    gap: 12px;
    padding: 16px;
    margin-bottom: 14px;
    border-radius: 16px;
    background: rgba(255,255,255,.62);
    border: 1px solid rgba(0,0,0,.05);
}

.translation-block h3 {
    margin: 0;
    font-size: 16px;
}

.compact-edit-form {
    display: grid;
    grid-template-columns: repeat(3, minmax(120px, 1fr));
    gap: 10px;
}

.compact-edit-form label,
.compact-language-grid label,
.compact-field {
    display: grid;
    gap: 5px;
    min-width: 0;
    color: #424245;
    font-size: 12px;
}

.compact-edit-form input,
.compact-edit-form select,
.compact-language-grid input,
.compact-field input {
    width: 100%;
    min-width: 0;
    padding: 9px 10px;
}

.taxonomy-table {
    min-width: 980px;
    table-layout: fixed;
}

.taxonomy-table th:nth-child(1),
.taxonomy-table td:nth-child(1) {
    width: 28%;
}

.taxonomy-table th:nth-child(2),
.taxonomy-table td:nth-child(2) {
    width: 34%;
}

.taxonomy-table th:nth-child(3),
.taxonomy-table td:nth-child(3) {
    width: 26%;
}

.taxonomy-table th:nth-child(4),
.taxonomy-table td:nth-child(4) {
    width: 12%;
}

.taxonomy-table .i18n-editor.compact {
    width: 100%;
}

.taxonomy-create-grid {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, .35fr);
    gap: 16px;
    align-items: start;
}

.taxonomy-create-grid fieldset,
.taxonomy-create-grid .i18n-editor {
    width: 100%;
}

.taxonomy-create-grid input,
.taxonomy-create-grid select {
    max-width: none;
}

.taxonomy-meta-panel {
    display: grid;
    gap: 14px;
}

.interface-base-text {
    display: grid;
    gap: 5px;
    min-width: 0;
    color: #424245;
    font-size: 12px;
}

.interface-base-text input {
    min-width: 0;
}

.interface-edit-grid {
    grid-template-columns: 170px minmax(420px, 1fr);
}

.compact-language-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;
}

.language-grid-note {
    grid-column: 1 / -1;
    margin-bottom: 2px;
}

.staff-editor,
.video-editor {
    display: grid;
    gap: 10px;
}

.staff-editor-row,
.gallery-editor-row,
.video-editor-row {
    display: grid;
    grid-template-columns: minmax(150px, .8fr) minmax(180px, 1fr) auto;
    gap: 10px;
}

.gallery-editor {
    display: grid;
    gap: 10px;
}

.gallery-editor-row {
    grid-template-columns: minmax(220px, 1.2fr) minmax(160px, .8fr) auto;
}

.video-editor-row {
    grid-template-columns: minmax(260px, 1fr) auto;
}

.admin-hint {
    margin: 0 0 12px;
    color: var(--muted);
    font-size: 13px;
}

.ghost-button,
.secondary-admin-button {
    background: var(--button-light);
    color: var(--button-blue);
    box-shadow: none;
}

.ghost-button:hover,
.secondary-admin-button:hover {
    background: var(--button-light-hover);
    color: var(--button-blue);
    box-shadow: none;
}

.secondary-admin-button {
    width: fit-content;
    margin-top: 12px;
}

.form-grid,
.inline-form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}

.inline-form {
    grid-template-columns: 1fr 1fr 1fr auto;
    margin-bottom: 24px;
}

.inline-admin-form {
    display: grid;
    grid-template-columns: minmax(150px, 1fr) minmax(150px, 1fr) auto;
    gap: 8px;
    align-items: center;
    margin: 0 0 8px;
}

.inline-admin-form input {
    min-width: 0;
}

.inline-admin-form .reset-password-button {
    min-height: 36px;
    min-width: 104px;
    padding: 8px 14px;
    border: 0;
    outline: 0;
}

.inline-admin-form .reset-password-button:focus-visible {
    outline: 3px solid rgba(0, 113, 227, .2);
    outline-offset: 2px;
}

.user-actions-cell {
    display: grid;
    gap: 8px;
    min-width: 360px;
}

.user-delete-form {
    display: flex;
    justify-content: flex-end;
    margin: 0;
}

.compact-danger-button {
    min-width: 0;
    min-height: 30px;
    padding: 5px 10px;
    border: 0;
    border-radius: 999px;
    background: rgba(180, 35, 24, .08);
    color: var(--danger);
    font-size: 13px;
    font-weight: 600;
    box-shadow: none;
}

.compact-danger-button:hover {
    background: rgba(180, 35, 24, .12);
    color: var(--danger);
    transform: translateY(-1px) scale(1.025);
}

.admin-muted {
    color: var(--muted);
    font-size: 13px;
}

.check {
    display: flex !important;
    gap: 10px;
    align-items: center;
}

.apple-check {
    width: fit-content;
    max-width: 100%;
    padding: 10px 14px;
    border: 1px solid rgba(0, 113, 227, .14);
    border-radius: 999px;
    background: rgba(255,255,255,.74);
    color: #424245;
    font-weight: 600;
    box-shadow: 0 12px 28px rgba(36, 52, 88, .08), inset 0 1px 0 rgba(255,255,255,.78);
    backdrop-filter: blur(18px) saturate(145%);
    cursor: pointer;
}

.apple-check input[type="checkbox"] {
    appearance: none;
    position: relative;
    flex: 0 0 auto;
    width: 38px;
    height: 22px;
    max-width: none;
    margin: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(120, 120, 128, .24);
    cursor: pointer;
    transition: background .2s ease, box-shadow .2s ease;
}

.apple-check input[type="checkbox"]::after {
    content: "";
    position: absolute;
    left: 2px;
    top: 2px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,.18);
    transition: transform .2s cubic-bezier(.2,.8,.2,1);
}

.apple-check input[type="checkbox"]:checked {
    background: var(--button-blue);
}

.apple-check input[type="checkbox"]:checked::after {
    transform: translateX(16px);
}

.apple-check input[type="checkbox"]:focus-visible {
    outline: 3px solid rgba(0, 113, 227, .22);
    outline-offset: 2px;
}

.apple-check span {
    line-height: 1.35;
}

.file-picker-button {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    width: fit-content;
    padding: 10px 18px;
    border: 1px solid rgba(0, 113, 227, .14);
    border-radius: 999px;
    background: var(--button-light);
    color: var(--button-blue);
    font-size: 14px;
    font-weight: 600;
    box-shadow: none;
    cursor: pointer;
    overflow: hidden;
    transition: background .2s ease, transform .24s cubic-bezier(.2,.8,.2,1);
}

.file-picker-button:hover {
    background: var(--button-light-hover);
    transform: translateY(-1px) scale(1.035);
}

.file-picker-button input[type="file"] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.media-upload-form {
    align-items: center;
}

.admin-section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 18px;
}

.admin-section-heading h1 {
    margin: 0;
}

.media-selected-path {
    min-width: 220px;
    max-width: min(460px, 42vw);
    padding: 10px 14px;
    border: 1px solid rgba(255, 255, 255, 0.62);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.38);
    color: rgba(66, 66, 69, 0.62);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.70);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.media-selected-path.has-file {
    color: #424245;
}

.media-trash-item strong {
    overflow-wrap: anywhere;
}

.media-trash-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.media-trash-actions form {
    margin: 0;
}

.media-trash-thumb {
    display: grid;
    place-items: center;
    aspect-ratio: 1;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.46);
    color: #86868b;
    font-size: 13px;
    font-weight: 700;
}

.media-trash-thumb img,
.media-trash-thumb video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.media-trash-thumb .media-audio-preview {
    height: 100%;
}

.media-trash-thumb .media-audio-preview audio {
    width: 100%;
}

.media-choice-grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.media-choice-grid > label {
    min-width: 0;
}

.media-choice-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-top: 8px;
}

.media-choice-actions .secondary-admin-button,
.media-choice-actions .file-picker-button {
    margin-top: 0;
    min-height: 38px;
}

.dashboard-log-panel {
    margin-top: 28px;
    padding: 22px;
    border: 1px solid rgba(255,255,255,.78);
    border-radius: 24px;
    background: linear-gradient(145deg, rgba(255,255,255,.84), rgba(255,255,255,.5));
    box-shadow: 0 20px 54px rgba(36, 52, 88, .11), inset 0 1px 0 rgba(255,255,255,.9);
    backdrop-filter: blur(24px) saturate(155%);
}

.dashboard-log-panel h2 {
    margin: 0;
    font-size: 22px;
}

.dashboard-log-table {
    min-width: 760px;
}

.checkbox-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

fieldset {
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 16px;
}

legend {
    padding: 0 8px;
    color: var(--muted);
}

.media-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.media-item {
    display: grid;
    gap: 10px;
    padding: 12px;
    border-radius: 14px;
    background: var(--soft);
}

.media-picker-section {
    border: 1px solid rgba(255,255,255,.82);
    background:
        linear-gradient(145deg, rgba(255,255,255,.88), rgba(255,255,255,.56)),
        radial-gradient(circle at 100% 0%, rgba(0,113,227,.12), transparent 36%);
    box-shadow: 0 24px 60px rgba(36, 52, 88, .12), inset 0 1px 0 rgba(255,255,255,.92);
    backdrop-filter: blur(24px) saturate(155%);
}

.media-picker-section .notice {
    border: 1px solid rgba(0, 113, 227, .12);
    border-radius: 18px;
    background: rgba(0, 113, 227, .08);
    color: #1d1d1f;
}

.media-picker-section .media-filter-form {
    padding: 14px;
    border: 1px solid rgba(255,255,255,.7);
    border-radius: 20px;
    background: rgba(255,255,255,.46);
}

.media-picker-section .media-item {
    border: 1px solid rgba(255,255,255,.82);
    background: linear-gradient(145deg, rgba(255,255,255,.86), rgba(255,255,255,.52));
    box-shadow: 0 16px 36px rgba(36, 52, 88, .1), inset 0 1px 0 rgba(255,255,255,.9);
    backdrop-filter: blur(18px) saturate(150%);
}

.media-picker-section .media-select-button {
    min-height: 34px;
    padding: 7px 12px;
    background: var(--button-blue);
    color: #fff;
}

.media-picker-section .media-select-button:hover {
    background: var(--button-blue-hover);
    color: #fff;
}

.media-item img {
    aspect-ratio: 1;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.media-item audio,
.media-item video {
    width: 100%;
    border-radius: 10px;
}

.media-item video {
    aspect-ratio: 16 / 9;
    background: #111;
}

.media-item code {
    overflow-wrap: anywhere;
    color: var(--muted);
    font-size: 12px;
}

.media-copy-button {
    width: fit-content;
    margin-top: 8px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
}

.media-select-button {
    margin-top: 8px;
    margin-left: 6px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
}

.media-copy-button.is-copied {
    border-color: rgba(52, 199, 89, .34);
    background: rgba(52, 199, 89, .12);
    color: #1f7a39;
}

.media-meta {
    display: grid;
    gap: 8px;
    margin: 0;
}

.media-meta div {
    display: grid;
    gap: 3px;
}

.media-meta dt {
    color: #86868b;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.media-meta dd {
    margin: 0;
    min-width: 0;
    font-size: 13px;
}

.media-reference-list {
    margin: 6px 0 0;
    padding-left: 18px;
    color: var(--muted);
}

.media-reference-list a {
    color: var(--accent-dark);
}

.login-panel,
.admin-login {
    max-width: 420px;
    margin: 70px auto;
}

.alert {
    padding: 12px 14px;
    border-radius: 12px;
    background: #fee4e2;
    color: var(--danger);
}

.empty {
    grid-column: 1 / -1;
    padding: 30px;
    text-align: center;
    color: var(--muted);
}

.site-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 28px 48px;
    color: #86868b;
    font-size: 13px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.footer-socials {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 9px;
}

.footer-socials a {
    text-decoration: none;
    transition: background .2s ease, transform .24s cubic-bezier(.2,.8,.2,1);
}

.footer-socials a:hover {
    background: rgba(0,113,227,.1);
    transform: translateY(-1px) scale(1.06);
}

@keyframes coverFloat {
    0%, 100% { translate: 0 0; }
    50% { translate: 0 -16px; }
}

@keyframes floatNote {
    0%, 100% { translate: 0 0; opacity: .12; }
    50% { translate: 0 -18px; opacity: .24; }
}

@keyframes ornamentNoteDrift {
    0%, 100% { translate: 0 0; rotate: -2deg; opacity: .38; }
    50% { translate: 12px -22px; rotate: 4deg; opacity: .72; }
}

@keyframes loaderHalo {
    0%, 100% { scale: .94; opacity: .45; }
    50% { scale: 1.04; opacity: .9; }
}

@keyframes loaderDisc {
    to { rotate: 360deg; }
}

@keyframes loaderBeat {
    from { height: 8px; opacity: .48; }
    to { height: 32px; opacity: 1; }
}

@keyframes loaderProgress {
    from { transform: translateX(-115%); }
    to { transform: translateX(315%); }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important;
        scroll-behavior: auto !important;
    }
}

@media (max-width: 920px) {
    .site-header {
        padding: 0 20px;
    }

    .nav {
        gap: 14px;
    }

    .hero {
        min-height: 660px;
        padding-top: 104px;
    }

    .hero-note-a {
        left: 8%;
    }

    .hero-note-b {
        right: 9%;
    }

    .hero-note-c,
    .hero-note-d {
        opacity: .6;
    }

    .section-row,
    .detail-head,
    .about-grid,
    .stats-grid {
        grid-template-columns: 1fr;
    }

    .gallery-img {
        width: clamp(82px, 15vw, 124px);
        opacity: .26;
        border-radius: 20px;
    }

    .gallery-img-1 {
        left: 0;
        bottom: 84px;
    }

    .gallery-img-2 {
        right: 0;
        top: 146px;
    }

    .gallery-img-3 {
        right: 10%;
        bottom: 78px;
    }

    .work-grid,
    .staff-list,
    .media-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .comments-layout {
        grid-template-columns: 1fr;
    }

    .filters,
    .inline-form,
    .form-grid {
        grid-template-columns: 1fr;
    }

    .admin-nav {
        position: static;
        width: auto;
        display: flex;
        overflow-x: auto;
        padding: 12px 18px 0;
    }

    .admin-main {
        width: auto;
        margin: 0;
        padding: 24px 18px 70px;
    }
}

@media (max-width: 620px) {
    .site-main {
        padding-inline: 16px;
    }

    .site-header {
        min-height: 48px;
    }

    .nav {
        font-size: 12px;
        gap: 10px;
    }

    .hero {
        min-height: 640px;
        padding: 112px 0 86px;
    }

    .hero-light-field {
        top: 48%;
        height: 390px;
    }

    .hero h1 {
        font-size: clamp(40px, 13vw, 56px);
        line-height: 1.06;
    }

    .hero p {
        font-size: 19px;
    }

    .hero-actions {
        flex-wrap: wrap;
    }

    .hero-gallery {
        display: none;
    }

    .hero-note-a,
    .hero-note-b {
        font-size: 34px;
    }

    .hero-note-c,
    .hero-note-d {
        display: none;
    }

    .search-bar {
        grid-template-columns: 1fr;
        border-radius: 18px;
    }

    .search-bar input,
    .search-bar button {
        border-radius: 12px;
    }

    .work-grid,
    .staff-list,
    .staff-editor-row,
    .video-editor-row,
    .gallery-editor-row,
    .gallery-panel,
    .media-grid,
    .checkbox-list {
        grid-template-columns: 1fr;
    }

    .detail-cover {
        height: clamp(220px, 62vw, 280px);
    }

    .site-footer {
        flex-direction: column;
        align-items: flex-start;
        padding: 24px 20px;
    }

    .footer-socials {
        justify-content: flex-start;
    }
}

/* Final glass overrides: keep this block last. */
button,
.primary-link,
.secondary-link,
.secondary-admin-button,
.ghost-button,
.file-picker-button,
.media-copy-button,
.media-select-button,
.pagination a,
.glass-back-link,
.filter-toggle,
.tag-check,
.footer-socials a,
.language-switch button,
.admin-nav a,
.admin-nav summary,
.admin-action-primary,
.admin-action-danger,
.compact-danger-button,
.reset-password-button,
.captcha-row button,
.comment-form button,
.filters button,
.search-bar button,
.actions button,
.bulk-actions button,
.inline-form button,
.admin-form button,
.login-panel button,
.admin-login button,
.i18n-tab,
.apple-check span {
    border: 1px solid rgba(255,255,255,.86) !important;
    border-radius: 18px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.84), rgba(255,255,255,.38)) !important;
    color: #1d1d1f !important;
    box-shadow: 0 18px 44px rgba(36, 52, 88, .12), inset 0 1px 0 rgba(255,255,255,.95) !important;
    backdrop-filter: blur(20px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(160%) !important;
}

button:hover,
.primary-link:hover,
.secondary-link:hover,
.secondary-admin-button:hover,
.ghost-button:hover,
.file-picker-button:hover,
.media-copy-button:hover,
.media-select-button:hover,
.pagination a:hover,
.glass-back-link:hover,
.filter-toggle:hover,
.tag-check:hover,
.footer-socials a:hover,
.language-switch button:hover,
.admin-nav a:hover,
.admin-nav summary:hover,
.admin-action-primary:hover,
.admin-action-danger:hover,
.compact-danger-button:hover,
.reset-password-button:hover,
.captcha-row button:hover,
.comment-form button:hover,
.filters button:hover,
.search-bar button:hover,
.actions button:hover,
.bulk-actions button:hover,
.inline-form button:hover,
.admin-form button:hover,
.login-panel button:hover,
.admin-login button:hover,
.i18n-tab:hover,
.i18n-tab.is-active,
.apple-check:hover span {
    background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(255,255,255,.54)) !important;
    color: #1d1d1f !important;
    box-shadow: 0 22px 54px rgba(36, 52, 88, .15), inset 0 1px 0 rgba(255,255,255,.98) !important;
    transform: translateY(-1px) scale(1.02) !important;
}

.language-switch button::before {
    content: "🌐" !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    width: auto !important;
    height: auto !important;
    min-width: 20px !important;
    font-size: 18px !important;
    line-height: 1 !important;
}

.work-card,
.media-item,
.dashboard-stats div,
.seo-stats div,
.system-stats div,
.dashboard-log-panel,
.contact-message-panel,
.about-copy-panel,
.about-contact-panel,
.staff-list div,
.gallery-panel figure,
.comments-panel,
.admin-form,
.admin-table,
.table-wrap,
.media-modal-window,
.filter-panel-inner {
    border: 1px solid rgba(255,255,255,.76) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.72), rgba(255,255,255,.32)) !important;
    box-shadow: 0 22px 58px rgba(36, 52, 88, .11), inset 0 1px 0 rgba(255,255,255,.9) !important;
    backdrop-filter: blur(24px) saturate(155%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(155%) !important;
}

.filter-shell {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
    display: grid !important;
    justify-items: center !important;
}

.work-search-row,
.tag-check-list {
    justify-content: center;
}

.checkbox-list,
.tag-check-list,
.compact-tag-list {
    gap: 8px !important;
}

.detail-cover {
    aspect-ratio: 1 / 1 !important;
    width: min(300px, 100%) !important;
    height: auto !important;
    justify-self: end;
}

.detail-cover img,
.work-card .cover img,
.media-modal-item img {
    object-fit: contain !important;
}

.footer-socials a {
    width: 46px !important;
    height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.footer-socials svg {
    width: 19px !important;
    height: 19px !important;
    fill: currentColor !important;
}

/* Final admin consistency override. */
.admin-body .admin-section > .inline-form,
.admin-body .admin-section > .admin-form,
.admin-body .bulk-form,
.admin-body .table-wrap,
.admin-body .admin-table,
.admin-body .dashboard-log-panel,
.admin-body .contact-message-panel,
.admin-body .media-picker-section,
.admin-body .translation-block,
.admin-body fieldset,
.admin-body .i18n-editor,
.admin-body .taxonomy-meta-panel,
.admin-body .media-choice-grid > label,
.admin-body .staff-editor-row,
.admin-body .gallery-editor-row,
.admin-body .video-editor-row {
    border: 1px solid rgba(255,255,255,.76) !important;
    border-radius: 22px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.74), rgba(255,255,255,.34)) !important;
    box-shadow: 0 22px 58px rgba(36, 52, 88, .1), inset 0 1px 0 rgba(255,255,255,.9) !important;
    backdrop-filter: blur(24px) saturate(155%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(155%) !important;
}

.admin-body .staff-editor-row,
.admin-body .gallery-editor-row,
.admin-body .video-editor-row {
    padding: 12px !important;
}

.admin-body .media-choice-grid > label {
    padding: 14px !important;
}

.admin-body .admin-action-danger,
.admin-body .compact-danger-button,
.admin-body .actions form button.admin-action-danger,
.admin-body button[data-remove-video],
.admin-body button[data-remove-gallery],
.admin-body button[data-remove-staff],
.admin-body .bulk-actions select:has(option[value="delete"]:checked) + button {
    border: 1px solid rgba(255,255,255,.42) !important;
    border-radius: 16px !important;
    background: linear-gradient(145deg, #d92d20, #b42318) !important;
    color: #fff !important;
    box-shadow: 0 14px 30px rgba(180, 35, 24, .24), inset 0 1px 0 rgba(255,255,255,.24) !important;
    text-shadow: 0 1px 0 rgba(0,0,0,.14) !important;
}

.admin-body .admin-action-danger:hover,
.admin-body .compact-danger-button:hover,
.admin-body .actions form button.admin-action-danger:hover,
.admin-body button[data-remove-video]:hover,
.admin-body button[data-remove-gallery]:hover,
.admin-body button[data-remove-staff]:hover,
.admin-body .bulk-actions select:has(option[value="delete"]:checked) + button:hover {
    background: linear-gradient(145deg, #f04438, #c01f14) !important;
    color: #fff !important;
    box-shadow: 0 18px 40px rgba(180, 35, 24, .3), inset 0 1px 0 rgba(255,255,255,.28) !important;
}

/* Front action polish: restore stronger glass buttons and tighten work filters. */
.site-body .filter-shell {
    margin-bottom: 10px !important;
}

.site-body .work-filter-form {
    margin-bottom: 12px !important;
}

.site-body .filter-panel-inner {
    padding: 14px !important;
}

.site-body .primary-link,
.site-body .filters button,
.site-body .search-bar button,
.site-body .filter-toggle {
    border: 1px solid rgba(255,255,255,.58) !important;
    background:
        linear-gradient(145deg, rgba(0,113,227,.96), rgba(0,92,185,.82)),
        linear-gradient(145deg, rgba(255,255,255,.42), rgba(255,255,255,.08)) !important;
    color: #fff !important;
    box-shadow: 0 16px 34px rgba(0, 113, 227, .24), inset 0 1px 0 rgba(255,255,255,.42) !important;
    text-shadow: 0 1px 0 rgba(0,0,0,.16) !important;
    backdrop-filter: blur(18px) saturate(165%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(165%) !important;
}

.site-body .primary-link:hover,
.site-body .filters button:hover,
.site-body .search-bar button:hover,
.site-body .filter-toggle:hover,
.site-body .filter-toggle.is-open {
    background:
        linear-gradient(145deg, rgba(0,125,245,.98), rgba(0,102,204,.88)),
        linear-gradient(145deg, rgba(255,255,255,.5), rgba(255,255,255,.12)) !important;
    color: #fff !important;
    box-shadow: 0 20px 42px rgba(0, 113, 227, .3), inset 0 1px 0 rgba(255,255,255,.48) !important;
}

.site-body .secondary-link,
.site-body .secondary-admin-button,
.site-body .ghost-button,
.site-body .tag-check,
body.site-body .language-switch button,
body.admin-body .language-switch button,
.site-body .footer-socials a {
    border: 1px solid rgba(255,255,255,.76) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.72), rgba(255,255,255,.32)) !important;
    color: #1d1d1f !important;
    box-shadow: 0 14px 34px rgba(36, 52, 88, .1), inset 0 1px 0 rgba(255,255,255,.88) !important;
    backdrop-filter: blur(22px) saturate(155%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(155%) !important;
}

.site-body .tag-check:hover,
.site-body .tag-check.is-selected,
.site-body .tag-check:has(input:checked) {
    border-color: rgba(0, 113, 227, .26) !important;
    background: linear-gradient(145deg, rgba(230,243,255,.82), rgba(255,255,255,.44)) !important;
    color: #0066cc !important;
    box-shadow: 0 16px 36px rgba(0, 113, 227, .13), inset 0 1px 0 rgba(255,255,255,.9) !important;
}

/* Goal polish: this block must stay last. */
:root {
    --ice-blue-text: #27658f;
    --ice-blue-border: rgba(163, 215, 255, .42);
    --ice-blue-glass: linear-gradient(145deg, rgba(244, 251, 255, .86), rgba(221, 242, 255, .34));
    --ice-blue-glass-hover: linear-gradient(145deg, rgba(251, 254, 255, .96), rgba(211, 237, 255, .46));
    --ice-blue-shadow: 0 18px 44px rgba(84, 148, 196, .13), inset 0 1px 0 rgba(255, 255, 255, .92);
}

.site-body .primary-link,
.site-body .filters button,
.site-body .search-bar button,
.site-body .filter-toggle,
.site-body .filter-toggle.is-open,
.site-body .work-search-button {
    border-color: var(--ice-blue-border) !important;
    background: var(--ice-blue-glass) !important;
    color: var(--ice-blue-text) !important;
    box-shadow: var(--ice-blue-shadow) !important;
    text-shadow: none !important;
    backdrop-filter: blur(24px) saturate(135%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(135%) !important;
}

.site-body .primary-link:hover,
.site-body .filters button:hover,
.site-body .search-bar button:hover,
.site-body .filter-toggle:hover,
.site-body .filter-toggle.is-open:hover,
.site-body .work-search-button:hover {
    background: var(--ice-blue-glass-hover) !important;
    color: #1f577c !important;
    box-shadow: 0 20px 48px rgba(84, 148, 196, .16), inset 0 1px 0 rgba(255,255,255,.96) !important;
}

.site-body .tag-check,
.site-body .tag-check:hover,
.site-body .tag-check.is-selected,
.site-body .tag-check:has(input:checked) {
    border-color: rgba(178, 220, 255, .38) !important;
    background: linear-gradient(145deg, rgba(252, 254, 255, .82), rgba(226, 244, 255, .28)) !important;
    color: #2c6389 !important;
    box-shadow: 0 12px 28px rgba(84, 148, 196, .08), inset 0 1px 0 rgba(255,255,255,.9) !important;
}

.staff-list div,
.staff-list dd,
.staff-person-link {
    background-color: transparent !important;
}

.staff-person-link {
    display: inline;
    padding: 0;
    border: 0;
    box-shadow: none !important;
    color: #235f88 !important;
}

.admin-main {
    width: calc(100vw - 264px) !important;
    max-width: none !important;
    margin-right: 18px !important;
}

.admin-section,
.admin-form,
.table-wrap,
.dashboard-log-panel,
.contact-message-panel,
.media-picker-section,
.translation-block,
.i18n-editor,
.taxonomy-meta-panel {
    width: 100% !important;
    min-width: 0 !important;
    overflow-wrap: anywhere;
}

.admin-section h1,
.admin-section h2,
.admin-hint,
.admin-table,
.table-wrap table,
.interface-current-text,
.media-meta dd,
.contact-message-table td,
.dashboard-log-table td {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.dashboard-stats {
    width: fit-content !important;
    max-width: 100% !important;
    grid-template-columns: repeat(4, minmax(116px, 148px)) !important;
    gap: 12px !important;
    align-items: stretch;
}

.dashboard-stats div {
    min-width: 0 !important;
    min-height: 84px !important;
    padding: 14px 16px !important;
    align-content: center;
}

.dashboard-stats strong {
    font-size: clamp(24px, 2.2vw, 32px) !important;
    line-height: 1 !important;
}

.dashboard-stats span {
    font-size: 12px !important;
    line-height: 1.35 !important;
}

.admin-body .media-choice-grid,
.admin-body .form-grid {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
}

.admin-body .staff-editor-row,
.admin-body .gallery-editor-row,
.admin-body .video-editor-row,
.admin-body .bulk-actions,
.admin-body .actions {
    align-items: center !important;
}

@media (max-width: 920px) {
    .dashboard-stats {
        width: 100% !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .admin-main {
        max-width: none !important;
        margin-right: 0 !important;
    }
}

/* Absolute final interaction overrides for filter/admin selection clarity. */
body.site-body .tag-check[data-tag-choice-group].is-selected,
body.site-body .tag-check.is-selected,
body.site-body .tag-check:has(input[type="checkbox"]:checked) {
    border-color: rgba(73, 166, 232, 0.78) !important;
    background: linear-gradient(145deg, rgba(214, 239, 255, 0.92), rgba(184, 225, 255, 0.58)) !important;
    color: #155f92 !important;
    box-shadow: 0 18px 38px rgba(84, 148, 196, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.97) !important;
}

body.site-body .tag-check:not(.is-selected):hover,
body.site-body .filter-toggle:hover {
    border-color: rgba(118, 190, 239, 0.68) !important;
    background: linear-gradient(145deg, rgba(246, 252, 255, 0.94), rgba(220, 241, 255, 0.48)) !important;
}

body.site-body .filter-toggle.is-open,
body.site-body .filter-toggle[aria-expanded="true"] {
    border-color: rgba(73, 166, 232, 0.76) !important;
    background: linear-gradient(145deg, rgba(214, 239, 255, 0.9), rgba(184, 225, 255, 0.56)) !important;
    color: #155f92 !important;
}

body.admin-body .i18n-tab.is-active,
body.admin-body .i18n-tab[aria-selected="true"] {
    border-color: rgba(73, 166, 232, 0.78) !important;
    background: linear-gradient(145deg, rgba(214, 239, 255, 0.92), rgba(184, 225, 255, 0.58)) !important;
    color: #155f92 !important;
}

body.admin-body .i18n-tab:hover {
    border-color: rgba(118, 190, 239, 0.68) !important;
    background: linear-gradient(145deg, rgba(246, 252, 255, 0.94), rgba(220, 241, 255, 0.48)) !important;
}

body.admin-body .admin-tag-check-list {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: center !important;
}

body.admin-body .admin-tag-check-list .tag-check-group {
    min-width: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 9px !important;
    align-items: center !important;
}

body.admin-body .admin-tag-check-list .tag-check-group-language {
    justify-content: flex-start !important;
}

body.admin-body .admin-tag-check-list .tag-check-group-source {
    justify-content: center !important;
}

body.admin-body .admin-tag-check-list .tag-check-group-type {
    justify-content: flex-end !important;
}

body.admin-body .admin-tag-check-list .tag-check-divider {
    width: 1px !important;
    height: 34px !important;
    border-radius: 999px !important;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(116, 190, 240, 0.58), rgba(255, 255, 255, 0)) !important;
    box-shadow: 0 0 18px rgba(116, 190, 240, 0.24) !important;
}

body.admin-body .admin-tag-check-list .tag-check-group-other {
    grid-column: 1 / -1 !important;
    justify-content: center !important;
    padding-top: 2px !important;
}

body.admin-body .admin-tag-check {
    width: fit-content !important;
    border-color: rgba(178, 220, 255, 0.48) !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.86), rgba(231, 246, 255, 0.38)) !important;
}

body.admin-body .admin-tag-check.is-selected,
body.admin-body .admin-tag-check:has(input[type="checkbox"]:checked) {
    border-color: rgba(73, 166, 232, 0.78) !important;
    background: linear-gradient(145deg, rgba(214, 239, 255, 0.92), rgba(184, 225, 255, 0.58)) !important;
    color: #155f92 !important;
    box-shadow: 0 18px 38px rgba(84, 148, 196, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.97) !important;
    transform: translateY(-1px) scale(1.02) !important;
}

body.admin-body .admin-tag-check:not(.is-selected):hover {
    border-color: rgba(118, 190, 239, 0.68) !important;
    background: linear-gradient(145deg, rgba(246, 252, 255, 0.94), rgba(220, 241, 255, 0.48)) !important;
}

@media (max-width: 720px) {
    body.admin-body .admin-tag-check-list {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    body.admin-body .admin-tag-check-list .tag-check-group-language,
    body.admin-body .admin-tag-check-list .tag-check-group-type,
    body.admin-body .admin-tag-check-list .tag-check-group-other {
        justify-content: center !important;
    }

    body.admin-body .admin-tag-check-list .tag-check-divider {
        width: min(220px, 64vw) !important;
        height: 1px !important;
        justify-self: center !important;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(116, 190, 240, 0.58), rgba(255, 255, 255, 0)) !important;
    }
}

/* Final follow-up: login fields, split filters, and tighter collapsed spacing. */
body.admin-body .admin-login {
    width: min(460px, calc(100vw - 48px)) !important;
    margin: clamp(76px, 12vh, 132px) auto 48px !important;
    padding: 30px !important;
}

body.admin-body .admin-login .admin-form {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.admin-body .admin-login label {
    width: 100% !important;
    display: grid !important;
    gap: 8px !important;
    margin: 0 !important;
    color: rgba(29, 29, 31, 0.76) !important;
    font-size: 14px !important;
    font-weight: 650 !important;
}

body.admin-body .admin-login input {
    width: 100% !important;
    max-width: none !important;
    min-height: 48px !important;
    padding: 12px 16px !important;
    border-color: rgba(178, 220, 255, 0.48) !important;
    border-radius: 16px !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(231, 246, 255, 0.46)) !important;
}

body.admin-body .admin-login input:focus {
    border-color: rgba(73, 166, 232, 0.74) !important;
    box-shadow: 0 0 0 4px rgba(115, 190, 242, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

body.admin-body .admin-login button[type="submit"] {
    width: 100% !important;
    max-width: none !important;
    min-height: 48px !important;
    margin-top: 2px !important;
}

body.site-body .filter-shell {
    margin-top: -10px !important;
    margin-bottom: 0 !important;
}

body.site-body .work-filter-form {
    margin-top: 6px !important;
    margin-bottom: 2px !important;
}

body.site-body .filter-panel-inner {
    padding: 10px 12px !important;
}

body.site-body .work-filter-gap {
    height: 0;
    transition: height .32s ease;
}

body.site-body .work-filter-gap.is-open {
    height: 28px;
}

body.site-body .tag-check-split-list {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) !important;
    gap: 16px !important;
    align-items: center !important;
    justify-content: stretch !important;
}

body.site-body .tag-check-group {
    min-width: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 9px !important;
    align-items: center !important;
}

body.site-body .tag-check-group-language {
    justify-content: center !important;
}

body.site-body .tag-check-group-source {
    justify-content: center !important;
}

body.site-body .tag-check-group-type {
    justify-content: center !important;
}

body.site-body .tag-check-divider {
    width: 1px !important;
    height: 34px !important;
    border-radius: 999px !important;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(116, 190, 240, 0.58), rgba(255, 255, 255, 0)) !important;
    box-shadow: 0 0 18px rgba(116, 190, 240, 0.24) !important;
}

body.site-body .tag-check-group-other {
    grid-column: 1 / -1 !important;
    justify-content: center !important;
    padding-top: 2px !important;
}

body.site-body .work-grid {
    margin-top: 0 !important;
}

@media (max-width: 720px) {
    body.site-body .tag-check-split-list {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    body.site-body .tag-check-group-language,
    body.site-body .tag-check-group-source,
    body.site-body .tag-check-group-type,
    body.site-body .tag-check-group-other {
        justify-content: center !important;
    }

    body.site-body .tag-check-divider {
        width: min(220px, 64vw) !important;
        height: 1px !important;
        justify-self: center !important;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(116, 190, 240, 0.58), rgba(255, 255, 255, 0)) !important;
    }
}

/* Home hero CTA tuning: deeper blue and clearer liquid glass. */
body.site-body .hero-actions .primary-link {
    border: 0 !important;
    outline: 0 !important;
    background:
        linear-gradient(145deg, rgba(0, 95, 202, 0.98), rgba(0, 67, 168, 0.9)),
        linear-gradient(145deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.08)) !important;
    color: #fff !important;
    box-shadow: 0 12px 26px rgba(0, 86, 190, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
}

body.site-body .hero-actions .primary-link:hover {
    border: 0 !important;
    outline: 0 !important;
    background:
        linear-gradient(145deg, rgba(0, 105, 220, 1), rgba(0, 76, 184, 0.94)),
        linear-gradient(145deg, rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0.12)) !important;
    color: #fff !important;
    box-shadow: 0 14px 30px rgba(0, 86, 190, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}

body.site-body .hero-actions .secondary-link {
    border: 0 !important;
    outline: 0 !important;
    background:
        radial-gradient(circle at 30% 18%, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.2) 34%, rgba(255, 255, 255, 0) 72%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.42), rgba(214, 240, 255, 0.22)) !important;
    color: #165f93 !important;
    box-shadow: 0 18px 42px rgba(84, 148, 196, 0.18), inset 0 1px 4px rgba(255, 255, 255, 0.46), inset 0 -8px 18px rgba(108, 178, 230, 0.1) !important;
    backdrop-filter: blur(28px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
}

body.site-body .hero-actions .secondary-link:hover {
    border: 0 !important;
    outline: 0 !important;
    background:
        radial-gradient(circle at 28% 16%, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.24) 36%, rgba(255, 255, 255, 0) 74%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.5), rgba(197, 233, 255, 0.26)) !important;
    color: #0e5d96 !important;
    box-shadow: 0 22px 50px rgba(84, 148, 196, 0.24), inset 0 1px 5px rgba(255, 255, 255, 0.52), inset 0 -8px 20px rgba(108, 178, 230, 0.13) !important;
}

body.site-body .hero-actions .primary-link:focus,
body.site-body .hero-actions .primary-link:focus-visible,
body.site-body .hero-actions .secondary-link:focus,
body.site-body .hero-actions .secondary-link:focus-visible {
    border: 0 !important;
    outline: 0 !important;
}

/* Keep work filtering visually stable while rapid AJAX requests settle. */
body.site-body #work-results.is-loading {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
}

body.site-body .tag-check,
body.site-body .filter-toggle,
body.site-body .work-search-button {
    -webkit-tap-highlight-color: transparent;
    user-select: none;
}

body.site-body .tag-check:active,
body.site-body .filter-toggle:active,
body.site-body .work-search-button:active {
    transform: translateY(-1px) scale(1.01) !important;
}

body.site-body .tag-check:focus,
body.site-body .tag-check:focus-visible,
body.site-body .tag-check:focus-within,
body.site-body .filter-toggle:focus,
body.site-body .filter-toggle:focus-visible,
body.site-body .work-search-button:focus,
body.site-body .work-search-button:focus-visible {
    outline: 0 !important;
}

body.site-body .tag-check[data-tag-choice-group].is-selected,
body.site-body .tag-check.is-selected,
body.site-body .tag-check:has(input[type="checkbox"]:checked) {
    border-color: rgba(99, 176, 230, 0.54) !important;
    background: linear-gradient(145deg, rgba(232, 246, 255, 0.9), rgba(206, 233, 252, 0.46)) !important;
    color: #185f90 !important;
    box-shadow: 0 10px 24px rgba(84, 148, 196, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

body.site-body .tag-check:not(.is-selected):hover,
body.site-body .filter-toggle:hover {
    background: linear-gradient(145deg, rgba(250, 253, 255, 0.94), rgba(228, 244, 255, 0.42)) !important;
    box-shadow: 0 10px 24px rgba(84, 148, 196, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

/* Stable filter controls: suppress browser tap/focus flashes during rapid filtering. */
body.site-body .tag-check,
body.site-body .tag-check *,
body.site-body .filter-toggle,
body.site-body .work-search-button {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
    -webkit-user-select: none !important;
    user-select: none !important;
}

body.site-body .tag-check input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    outline: 0 !important;
    box-shadow: none !important;
}

body.site-body .tag-check:focus,
body.site-body .tag-check:focus-visible,
body.site-body .tag-check:focus-within,
body.site-body .tag-check:active,
body.site-body .tag-check input:focus,
body.site-body .tag-check input:focus-visible,
body.site-body .tag-check input:active,
body.site-body .filter-toggle:focus,
body.site-body .filter-toggle:focus-visible,
body.site-body .filter-toggle:active,
body.site-body .work-search-button:focus,
body.site-body .work-search-button:focus-visible,
body.site-body .work-search-button:active {
    outline: 0 !important;
    box-shadow: none !important;
}

body.site-body .tag-check:not(.is-selected):active,
body.site-body .tag-check:not(.is-selected):focus-within {
    border-color: rgba(178, 220, 255, 0.48) !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.86), rgba(231, 246, 255, 0.38)) !important;
    color: #424245 !important;
}

body.site-body .tag-check.is-selected:active,
body.site-body .tag-check.is-selected:focus-within,
body.site-body .tag-check:has(input[type="checkbox"]:checked):active,
body.site-body .tag-check:has(input[type="checkbox"]:checked):focus-within {
    border-color: rgba(99, 176, 230, 0.54) !important;
    background: linear-gradient(145deg, rgba(232, 246, 255, 0.9), rgba(206, 233, 252, 0.46)) !important;
    color: #185f90 !important;
}

/* Admin content final polish: one-line overview cards and nav-like actions. */
body.admin-body .admin-main .dashboard-stats {
    width: 100% !important;
    grid-template-columns: repeat(8, minmax(92px, 1fr)) !important;
    gap: 12px !important;
    margin: 18px 0 30px !important;
}

body.admin-body .admin-main button,
body.admin-body .admin-main .primary-link,
body.admin-body .admin-main .secondary-link,
body.admin-body .admin-main .secondary-admin-button,
body.admin-body .admin-main .ghost-button,
body.admin-body .admin-main .file-picker-button,
body.admin-body .admin-main .media-copy-button,
body.admin-body .admin-main .media-select-button,
body.admin-body .admin-main .pagination a,
body.admin-body .admin-main .admin-action-primary,
body.admin-body .admin-main .admin-action-danger,
body.admin-body .admin-main .compact-danger-button,
body.admin-body .admin-main .reset-password-button,
body.admin-body .admin-main .actions button,
body.admin-body .admin-main .bulk-actions button,
body.admin-body .admin-main .inline-form button,
body.admin-body .admin-main .admin-form button,
body.admin-body .admin-main .i18n-tab,
body.admin-body .admin-main .media-choice-actions .secondary-admin-button {
    position: relative !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, 0.42) !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.38) !important;
    color: #424245 !important;
    box-shadow: 0 8px 20px rgba(36, 52, 88, 0.06) !important;
    backdrop-filter: blur(16px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(145%) !important;
    transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease, border-color 180ms ease, color 180ms ease !important;
}

body.admin-body .admin-main button:hover,
body.admin-body .admin-main .primary-link:hover,
body.admin-body .admin-main .secondary-link:hover,
body.admin-body .admin-main .secondary-admin-button:hover,
body.admin-body .admin-main .ghost-button:hover,
body.admin-body .admin-main .file-picker-button:hover,
body.admin-body .admin-main .media-copy-button:hover,
body.admin-body .admin-main .media-select-button:hover,
body.admin-body .admin-main .pagination a:hover,
body.admin-body .admin-main .admin-action-primary:hover,
body.admin-body .admin-main .admin-action-danger:hover,
body.admin-body .admin-main .compact-danger-button:hover,
body.admin-body .admin-main .reset-password-button:hover,
body.admin-body .admin-main .actions button:hover,
body.admin-body .admin-main .bulk-actions button:hover,
body.admin-body .admin-main .inline-form button:hover,
body.admin-body .admin-main .admin-form button:hover,
body.admin-body .admin-main .i18n-tab:hover,
body.admin-body .admin-main .i18n-tab.is-active,
body.admin-body .admin-main .media-choice-actions .secondary-admin-button:hover {
    border-color: rgba(255, 255, 255, 0.82) !important;
    background: rgba(255, 255, 255, 0.88) !important;
    color: #1d1d1f !important;
    box-shadow: 0 14px 30px rgba(36, 52, 88, 0.1) !important;
    transform: translateY(-1px) scale(1.035) !important;
}

body.admin-body .admin-main .admin-action-danger,
body.admin-body .admin-main .compact-danger-button,
body.admin-body .admin-main .actions button.admin-action-danger,
body.admin-body .admin-main .actions form button.admin-action-danger,
body.admin-body .admin-main .user-delete-form button,
body.admin-body .admin-main button[data-remove-video],
body.admin-body .admin-main button[data-remove-gallery],
body.admin-body .admin-main button[data-remove-staff] {
    border-color: rgba(180, 35, 24, 0.16) !important;
    background: rgba(180, 35, 24, 0.08) !important;
    color: var(--danger) !important;
    box-shadow: none !important;
}

body.admin-body .admin-main .admin-action-danger:hover,
body.admin-body .admin-main .compact-danger-button:hover,
body.admin-body .admin-main .actions button.admin-action-danger:hover,
body.admin-body .admin-main .actions form button.admin-action-danger:hover,
body.admin-body .admin-main .user-delete-form button:hover,
body.admin-body .admin-main button[data-remove-video]:hover,
body.admin-body .admin-main button[data-remove-gallery]:hover,
body.admin-body .admin-main button[data-remove-staff]:hover {
    border-color: rgba(180, 35, 24, 0.24) !important;
    background: rgba(180, 35, 24, 0.12) !important;
    color: var(--danger) !important;
    box-shadow: none !important;
    transform: translateY(-1px) scale(1.025) !important;
}

body.admin-body .admin-main button:focus-visible,
body.admin-body .admin-main a:focus-visible {
    outline: 2px solid rgba(81, 160, 224, 0.52) !important;
    outline-offset: 3px !important;
}

@media (max-width: 1320px) {
    body.admin-body .admin-main .dashboard-stats {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 920px) {
    body.admin-body .admin-main .dashboard-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Goal pass: reduce nested glass, improve admin controls, and stabilize active states. */
body.admin-body {
    --admin-glass-edge: rgba(178, 220, 255, 0.46);
    --admin-glass-fill: linear-gradient(145deg, rgba(248, 253, 255, 0.74), rgba(224, 241, 252, 0.34));
    --admin-glass-fill-strong: linear-gradient(145deg, rgba(244, 252, 255, 0.84), rgba(213, 235, 250, 0.42));
    --admin-blue-active: linear-gradient(145deg, rgba(215, 239, 255, 0.92), rgba(184, 225, 255, 0.58));
    --admin-blue-hover: linear-gradient(145deg, rgba(248, 253, 255, 0.94), rgba(218, 240, 255, 0.48));
}

body.admin-body .admin-main > .admin-section {
    border: 1px solid rgba(255, 255, 255, 0.72) !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.58), rgba(232, 244, 252, 0.22)) !important;
    box-shadow: 0 24px 64px rgba(36, 52, 88, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.76) !important;
    backdrop-filter: blur(22px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(145%) !important;
}

body.admin-body .admin-main .admin-form,
body.admin-body .admin-main .inline-form,
body.admin-body .admin-main .filters,
body.admin-body .admin-main .bulk-form,
body.admin-body .admin-main .admin-table,
body.admin-body .admin-main .table-wrap,
body.admin-body .admin-main .media-item,
body.admin-body .admin-main .dashboard-log-panel,
body.admin-body .admin-main .contact-message-panel,
body.admin-body .admin-main .media-picker-section {
    border: 1px solid rgba(255, 255, 255, 0.62) !important;
    background: var(--admin-glass-fill) !important;
    box-shadow: 0 16px 42px rgba(36, 52, 88, 0.075), inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
}

body.admin-body .admin-main .admin-form fieldset,
body.admin-body .admin-main .taxonomy-meta-panel,
body.admin-body .admin-main .translation-block,
body.admin-body .admin-main .i18n-editor,
body.admin-body .admin-main .staff-editor-row,
body.admin-body .admin-main .gallery-editor-row,
body.admin-body .admin-main .video-editor-row,
body.admin-body .admin-main .media-choice-grid > label {
    border: 1px solid rgba(178, 220, 255, 0.32) !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.34), rgba(224, 241, 252, 0.16)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.58) !important;
    backdrop-filter: blur(12px) saturate(130%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(130%) !important;
}

body.admin-body .admin-main .i18n-editor.compact {
    padding: 10px !important;
}

body.admin-body .admin-main input,
body.admin-body .admin-main select,
body.admin-body .admin-main textarea {
    border: 1px solid rgba(150, 202, 242, 0.48) !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.82), rgba(224, 241, 252, 0.42)),
        rgba(255, 255, 255, 0.48) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), 0 8px 20px rgba(84, 148, 196, 0.08) !important;
    backdrop-filter: blur(8px) saturate(125%) !important;
    -webkit-backdrop-filter: blur(8px) saturate(125%) !important;
}

body.admin-body .admin-main input:focus,
body.admin-body .admin-main select:focus,
body.admin-body .admin-main textarea:focus {
    border-color: rgba(73, 166, 232, 0.74) !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(216, 238, 253, 0.54)) !important;
    box-shadow: 0 0 0 4px rgba(115, 190, 242, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
    outline: 0 !important;
}

body.admin-body .admin-main label {
    display: grid;
    gap: 8px;
}

body.admin-body .admin-main .check,
body.admin-body .admin-main .apple-check {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

body.admin-body .admin-main .inline-form,
body.admin-body .admin-main .filters {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) auto !important;
    align-items: end !important;
    gap: 16px !important;
}

body.admin-body .admin-main .inline-form label,
body.admin-body .admin-main .filters label {
    min-width: 0 !important;
}

body.admin-body .admin-main .inline-form button,
body.admin-body .admin-main .filters button {
    min-height: 44px !important;
    align-self: end !important;
}

body.admin-body .admin-main .actions,
body.admin-body .admin-main .post-actions,
body.admin-body .admin-main .user-actions-cell {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
}

body.admin-body .admin-main .bulk-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
}

body.admin-body .admin-main .actions form,
body.admin-body .admin-main .user-delete-form,
body.admin-body .admin-main .inline-admin-form {
    margin: 0 !important;
}

body.admin-body .admin-main .inline-admin-form {
    display: flex !important;
    flex: 1 1 520px !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
}

body.admin-body .admin-main .inline-admin-form input {
    width: min(220px, 24vw) !important;
}

body.admin-body .admin-main .staff-editor-row,
body.admin-body .admin-main .gallery-editor-row,
body.admin-body .admin-main .video-editor-row {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) auto !important;
    align-items: end !important;
    gap: 12px !important;
}

body.admin-body .admin-main .staff-editor-row button,
body.admin-body .admin-main .gallery-editor-row button,
body.admin-body .admin-main .video-editor-row button {
    justify-self: end !important;
}

body.admin-body .admin-main .admin-action-primary:hover,
body.admin-body .admin-main a[href*="/edit"]:hover,
body.admin-body .admin-main .secondary-admin-button:hover,
body.admin-body .admin-main .media-select-button:hover {
    border-color: rgba(73, 166, 232, 0.7) !important;
    background: var(--admin-blue-hover) !important;
    color: #155f92 !important;
    box-shadow: 0 14px 28px rgba(84, 148, 196, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

body.admin-body .admin-main .i18n-tab.is-active,
body.admin-body .admin-main .i18n-tab[aria-selected="true"],
body.admin-body .admin-main .admin-tag-check.is-selected,
body.admin-body .admin-main .admin-tag-check:has(input[type="checkbox"]:checked) {
    border-color: rgba(73, 166, 232, 0.78) !important;
    background: var(--admin-blue-active) !important;
    color: #155f92 !important;
    box-shadow: 0 12px 28px rgba(84, 148, 196, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
}

body.admin-body .admin-main .i18n-tab:hover:not(.is-active):not([aria-selected="true"]),
body.admin-body .admin-main .admin-tag-check:hover:not(.is-selected) {
    border-color: rgba(118, 190, 239, 0.64) !important;
    background: var(--admin-blue-hover) !important;
}

body.site-body .filter-toggle.is-open,
body.site-body .filter-toggle[aria-expanded="true"],
body.site-body .filter-toggle.is-open:hover,
body.site-body .filter-toggle[aria-expanded="true"]:hover {
    border-color: rgba(67, 154, 218, 0.72) !important;
    background: linear-gradient(145deg, rgba(199, 231, 252, 0.9), rgba(152, 207, 244, 0.56)) !important;
    color: #105782 !important;
    box-shadow: 0 12px 28px rgba(84, 148, 196, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
}

body.site-body .filter-toggle.is-open::before,
body.site-body .filter-toggle[aria-expanded="true"]::before {
    opacity: 0.28 !important;
}

.site-header .language-switch {
    position: relative !important;
    display: inline-flex !important;
    justify-content: flex-end !important;
}

.site-header .language-menu {
    left: auto !important;
    right: 0 !important;
    min-width: max(100%, 156px) !important;
    transform-origin: top right !important;
}

@media (max-width: 980px) {
    body.admin-body .admin-main .inline-form,
    body.admin-body .admin-main .filters {
        grid-template-columns: 1fr !important;
    }

    body.admin-body .admin-main .actions,
    body.admin-body .admin-main .post-actions,
    body.admin-body .admin-main .bulk-actions,
    body.admin-body .admin-main .user-actions-cell,
    body.admin-body .admin-main .inline-admin-form {
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
    }

    body.admin-body .admin-main .inline-admin-form input {
        width: 100% !important;
    }

    body.admin-body .admin-main .staff-editor-row,
    body.admin-body .admin-main .gallery-editor-row,
    body.admin-body .admin-main .video-editor-row {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 620px) {
    body.admin-body .site-header {
        position: sticky !important;
        top: 0 !important;
        z-index: 70 !important;
    }

    body.admin-body .admin-nav {
        position: sticky !important;
        top: 64px !important;
        z-index: 60 !important;
        left: auto !important;
        width: auto !important;
        max-width: none !important;
        margin: 10px 12px 14px !important;
        padding: 10px !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        white-space: nowrap !important;
        scrollbar-width: thin;
    }

    body.admin-body .admin-nav details {
        flex: 0 0 auto !important;
        min-width: 132px !important;
        display: block !important;
    }

    body.admin-body .admin-nav a,
    body.admin-body .admin-nav summary {
        min-width: max-content !important;
        white-space: nowrap !important;
        word-break: keep-all !important;
        overflow-wrap: normal !important;
        text-align: left !important;
    }

    body.admin-body .admin-main {
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 18px 12px 64px !important;
    }

    body.admin-body .admin-main > .admin-section {
        padding: 18px !important;
    }
}

/* Final login page correction: rounded neutral card, less blue. */
body.admin-login-body,
body.admin-body:has(.admin-login) {
    background:
        radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0) 30%),
        linear-gradient(145deg, #f7f6f3 0%, #ece9e4 48%, #f8f7f4 100%) !important;
}

body.admin-login-body .admin-main,
body.admin-body .admin-main:has(> .admin-login) {
    min-height: calc(100vh - 84px) !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: clamp(28px, 6vw, 72px) 20px !important;
    display: grid !important;
    place-items: center !important;
}

body.admin-body .admin-login {
    width: min(100%, 440px) !important;
    padding: clamp(28px, 4vw, 40px) !important;
    border: 1px solid rgba(255, 255, 255, 0.78) !important;
    border-radius: 28px !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.88), rgba(246, 244, 240, 0.68)),
        rgba(255, 255, 255, 0.72) !important;
    box-shadow:
        0 24px 70px rgba(45, 42, 36, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(22px) saturate(132%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(132%) !important;
}

body.admin-body .admin-login h1 {
    margin: 0 0 10px !important;
    color: #242321 !important;
    letter-spacing: 0 !important;
}

body.admin-body .admin-login > p {
    margin: 0 0 22px !important;
    color: #6c6860 !important;
}

body.admin-body .admin-login .error {
    padding: 10px 12px !important;
    border: 1px solid rgba(180, 35, 24, 0.2) !important;
    border-radius: 14px !important;
    background: rgba(180, 35, 24, 0.08) !important;
    color: #9f241b !important;
}

body.admin-body .admin-login .admin-form {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    display: grid !important;
    gap: 18px !important;
}

body.admin-body .admin-login label {
    color: #4a4741 !important;
    font-weight: 650 !important;
}

body.admin-body .admin-login input {
    min-height: 48px !important;
    border: 1px solid rgba(112, 105, 94, 0.22) !important;
    border-radius: 16px !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(247, 245, 241, 0.76)),
        #fff !important;
    color: #242321 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 8px 20px rgba(45, 42, 36, 0.06) !important;
}

body.admin-body .admin-login input:focus {
    border-color: rgba(88, 82, 72, 0.42) !important;
    background: #fff !important;
    box-shadow: 0 0 0 4px rgba(88, 82, 72, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

body.admin-body .admin-login button[type="submit"] {
    min-height: 48px !important;
    margin-top: 2px !important;
    border: 1px solid rgba(42, 39, 34, 0.12) !important;
    border-radius: 16px !important;
    background: linear-gradient(145deg, #37342f, #24221f) !important;
    color: #fff !important;
    box-shadow: 0 16px 34px rgba(45, 42, 36, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}

body.admin-body .admin-login button[type="submit"]:hover {
    border-color: rgba(42, 39, 34, 0.22) !important;
    background: linear-gradient(145deg, #46423c, #2c2925) !important;
    color: #fff !important;
    box-shadow: 0 18px 38px rgba(45, 42, 36, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
    transform: translateY(-1px) !important;
}

/* Final admin content correction: neutral glass on the right side only. */
body.admin-body:not(.admin-login-body) {
    --admin-main-glass: linear-gradient(145deg, rgba(255, 255, 255, 0.76), rgba(255, 255, 255, 0.42));
    --admin-main-glass-soft: linear-gradient(145deg, rgba(255, 255, 255, 0.64), rgba(255, 255, 255, 0.30));
    --admin-main-glass-hover: linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.56));
    --admin-main-text: #1d1d1f;
    --admin-main-muted: #6e6e73;
    --admin-main-line: rgba(255, 255, 255, 0.66);
    --admin-main-shadow: 0 20px 50px rgba(36, 52, 88, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

body.admin-body:not(.admin-login-body) .admin-main > .admin-section {
    border: 1px solid rgba(255, 255, 255, 0.78) !important;
    background: var(--admin-main-glass) !important;
    color: var(--admin-main-text) !important;
    box-shadow: var(--admin-main-shadow) !important;
    backdrop-filter: blur(24px) saturate(155%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(155%) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-form,
body.admin-body:not(.admin-login-body) .admin-main .inline-form,
body.admin-body:not(.admin-login-body) .admin-main .filters,
body.admin-body:not(.admin-login-body) .admin-main .bulk-form,
body.admin-body:not(.admin-login-body) .admin-main .admin-table,
body.admin-body:not(.admin-login-body) .admin-main .table-wrap,
body.admin-body:not(.admin-login-body) .admin-main .media-item,
body.admin-body:not(.admin-login-body) .admin-main .dashboard-log-panel,
body.admin-body:not(.admin-login-body) .admin-main .contact-message-panel,
body.admin-body:not(.admin-login-body) .admin-main .media-picker-section,
body.admin-body:not(.admin-login-body) .admin-main .stats-grid > div {
    border: 1px solid var(--admin-main-line) !important;
    background: var(--admin-main-glass-soft) !important;
    color: var(--admin-main-text) !important;
    box-shadow: 0 16px 40px rgba(36, 52, 88, 0.075), inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
    backdrop-filter: blur(18px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-form fieldset,
body.admin-body:not(.admin-login-body) .admin-main .taxonomy-meta-panel,
body.admin-body:not(.admin-login-body) .admin-main .translation-block,
body.admin-body:not(.admin-login-body) .admin-main .i18n-editor,
body.admin-body:not(.admin-login-body) .admin-main .staff-editor-row,
body.admin-body:not(.admin-login-body) .admin-main .gallery-editor-row,
body.admin-body:not(.admin-login-body) .admin-main .video-editor-row,
body.admin-body:not(.admin-login-body) .admin-main .media-choice-grid > label,
body.admin-body:not(.admin-login-body) .admin-main .admin-tag-check {
    border: 1px solid rgba(255, 255, 255, 0.58) !important;
    background: rgba(255, 255, 255, 0.34) !important;
    color: var(--admin-main-text) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68) !important;
    backdrop-filter: blur(14px) saturate(135%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(135%) !important;
}

body.admin-body:not(.admin-login-body) .admin-main input,
body.admin-body:not(.admin-login-body) .admin-main select,
body.admin-body:not(.admin-login-body) .admin-main textarea {
    border: 1px solid rgba(122, 118, 110, 0.24) !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.86), rgba(247, 246, 243, 0.50)) !important;
    color: var(--admin-main-text) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 8px 20px rgba(36, 52, 88, 0.055) !important;
}

body.admin-body:not(.admin-login-body) .admin-main input:focus,
body.admin-body:not(.admin-login-body) .admin-main select:focus,
body.admin-body:not(.admin-login-body) .admin-main textarea:focus {
    border-color: rgba(92, 88, 80, 0.40) !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: 0 0 0 4px rgba(92, 88, 80, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
    outline: 0 !important;
}

body.admin-body:not(.admin-login-body) .admin-main button,
body.admin-body:not(.admin-login-body) .admin-main .primary-link,
body.admin-body:not(.admin-login-body) .admin-main .secondary-link,
body.admin-body:not(.admin-login-body) .admin-main .secondary-admin-button,
body.admin-body:not(.admin-login-body) .admin-main .ghost-button,
body.admin-body:not(.admin-login-body) .admin-main .file-picker-button,
body.admin-body:not(.admin-login-body) .admin-main .media-copy-button,
body.admin-body:not(.admin-login-body) .admin-main .media-select-button,
body.admin-body:not(.admin-login-body) .admin-main .pagination a,
body.admin-body:not(.admin-login-body) .admin-main .admin-action-primary,
body.admin-body:not(.admin-login-body) .admin-main .compact-danger-button,
body.admin-body:not(.admin-login-body) .admin-main .reset-password-button,
body.admin-body:not(.admin-login-body) .admin-main .i18n-tab {
    border: 1px solid rgba(255, 255, 255, 0.62) !important;
    background: rgba(255, 255, 255, 0.38) !important;
    color: #424245 !important;
    box-shadow: 0 8px 20px rgba(36, 52, 88, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.70) !important;
}

body.admin-body:not(.admin-login-body) .admin-main button:hover,
body.admin-body:not(.admin-login-body) .admin-main .primary-link:hover,
body.admin-body:not(.admin-login-body) .admin-main .secondary-link:hover,
body.admin-body:not(.admin-login-body) .admin-main .secondary-admin-button:hover,
body.admin-body:not(.admin-login-body) .admin-main .ghost-button:hover,
body.admin-body:not(.admin-login-body) .admin-main .file-picker-button:hover,
body.admin-body:not(.admin-login-body) .admin-main .media-copy-button:hover,
body.admin-body:not(.admin-login-body) .admin-main .media-select-button:hover,
body.admin-body:not(.admin-login-body) .admin-main .pagination a:hover,
body.admin-body:not(.admin-login-body) .admin-main .admin-action-primary:hover,
body.admin-body:not(.admin-login-body) .admin-main .compact-danger-button:hover,
body.admin-body:not(.admin-login-body) .admin-main .reset-password-button:hover,
body.admin-body:not(.admin-login-body) .admin-main .i18n-tab:hover {
    border-color: rgba(255, 255, 255, 0.82) !important;
    background: var(--admin-main-glass-hover) !important;
    color: var(--admin-main-text) !important;
    box-shadow: 0 14px 30px rgba(36, 52, 88, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .i18n-tab.is-active,
body.admin-body:not(.admin-login-body) .admin-main .i18n-tab[aria-selected="true"],
body.admin-body:not(.admin-login-body) .admin-main .admin-tag-check.is-selected,
body.admin-body:not(.admin-login-body) .admin-main .admin-tag-check:has(input[type="checkbox"]:checked) {
    border-color: rgba(255, 255, 255, 0.88) !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.52)) !important;
    color: var(--admin-main-text) !important;
    box-shadow: 0 14px 30px rgba(36, 52, 88, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
}

body.admin-body:not(.admin-login-body) .admin-main button:focus-visible,
body.admin-body:not(.admin-login-body) .admin-main a:focus-visible {
    outline: 2px solid rgba(92, 88, 80, 0.34) !important;
    outline-offset: 3px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-hint,
body.admin-body:not(.admin-login-body) .admin-main .admin-muted,
body.admin-body:not(.admin-login-body) .admin-main small,
body.admin-body:not(.admin-login-body) .admin-main .stats-grid span {
    color: var(--admin-main-muted) !important;
}

/* Final admin cleanup: plain glass panels, modern checks, and blue language tabs. */
body.admin-body:not(.admin-login-body) {
    --admin-main-glass: rgba(255, 255, 255, 0.66);
    --admin-main-glass-soft: rgba(255, 255, 255, 0.46);
    --admin-main-glass-hover: rgba(255, 255, 255, 0.72);
    --admin-tab-blue-hover: linear-gradient(145deg, rgba(250, 254, 255, 0.95), rgba(223, 242, 255, 0.46));
    --admin-tab-blue-active: linear-gradient(145deg, rgba(217, 240, 255, 0.88), rgba(189, 227, 255, 0.56));
}

body.admin-body:not(.admin-login-body) .admin-main > .admin-section,
body.admin-body:not(.admin-login-body) .admin-main .admin-form,
body.admin-body:not(.admin-login-body) .admin-main .inline-form,
body.admin-body:not(.admin-login-body) .admin-main .filters,
body.admin-body:not(.admin-login-body) .admin-main .bulk-form,
body.admin-body:not(.admin-login-body) .admin-main .admin-table,
body.admin-body:not(.admin-login-body) .admin-main .table-wrap,
body.admin-body:not(.admin-login-body) .admin-main .media-item,
body.admin-body:not(.admin-login-body) .admin-main .dashboard-log-panel,
body.admin-body:not(.admin-login-body) .admin-main .contact-message-panel,
body.admin-body:not(.admin-login-body) .admin-main .media-picker-section,
body.admin-body:not(.admin-login-body) .admin-main .stats-grid > div,
body.admin-body:not(.admin-login-body) .admin-main .admin-form fieldset,
body.admin-body:not(.admin-login-body) .admin-main .taxonomy-meta-panel,
body.admin-body:not(.admin-login-body) .admin-main .translation-block,
body.admin-body:not(.admin-login-body) .admin-main .i18n-editor,
body.admin-body:not(.admin-login-body) .admin-main .staff-editor-row,
body.admin-body:not(.admin-login-body) .admin-main .gallery-editor-row,
body.admin-body:not(.admin-login-body) .admin-main .video-editor-row,
body.admin-body:not(.admin-login-body) .admin-main .media-choice-grid > label,
body.admin-body:not(.admin-login-body) .admin-main .admin-tag-check {
    background-image: none !important;
}

body.admin-body:not(.admin-login-body) .admin-main input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-grid !important;
    place-content: center !important;
    border: 1px solid rgba(88, 146, 190, 0.34) !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, 0.72) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 5px 14px rgba(36, 52, 88, 0.08) !important;
    cursor: pointer !important;
    transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease !important;
    vertical-align: middle !important;
}

body.admin-body:not(.admin-login-body) .admin-main input[type="checkbox"]::after {
    content: "";
    width: 5px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    opacity: 0;
    transform: translateY(-1px) rotate(45deg) scale(0.8);
    transition: opacity .14s ease, transform .14s ease;
}

body.admin-body:not(.admin-login-body) .admin-main input[type="checkbox"]:hover {
    border-color: rgba(73, 166, 232, 0.72) !important;
    background: rgba(247, 253, 255, 0.94) !important;
}

body.admin-body:not(.admin-login-body) .admin-main input[type="checkbox"]:checked {
    border-color: rgba(0, 113, 227, 0.78) !important;
    background: linear-gradient(145deg, #4ab3ff, #0071e3) !important;
    box-shadow: 0 8px 18px rgba(0, 113, 227, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.34) !important;
}

body.admin-body:not(.admin-login-body) .admin-main input[type="checkbox"]:checked::after {
    opacity: 1;
    transform: translateY(-1px) rotate(45deg) scale(1);
}

body.admin-body:not(.admin-login-body) .admin-main input[type="checkbox"]:focus-visible {
    outline: 0 !important;
    box-shadow: 0 0 0 4px rgba(73, 166, 232, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .check {
    cursor: pointer;
}

body.admin-body:not(.admin-login-body) .admin-main .i18n-tab:hover,
body.admin-body:not(.admin-login-body) .admin-main .i18n-tab:hover:not(.is-active):not([aria-selected="true"]) {
    border-color: rgba(95, 174, 232, 0.66) !important;
    background: var(--admin-tab-blue-hover) !important;
    color: #1f638f !important;
    box-shadow: 0 14px 32px rgba(84, 148, 196, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .i18n-tab:active,
body.admin-body:not(.admin-login-body) .admin-main .i18n-tab.is-active,
body.admin-body:not(.admin-login-body) .admin-main .i18n-tab[aria-selected="true"] {
    border-color: rgba(73, 166, 232, 0.76) !important;
    background: var(--admin-tab-blue-active) !important;
    color: #185f8f !important;
    box-shadow: 0 16px 36px rgba(84, 148, 196, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .i18n-tab:active {
    transform: translateY(0) scale(0.99) !important;
    filter: saturate(1.06);
}

body.admin-body:not(.admin-login-body) .admin-main button:hover:not(.admin-action-danger):not(.compact-danger-button):not(.media-modal-item),
body.admin-body:not(.admin-login-body) .admin-main .primary-link:hover,
body.admin-body:not(.admin-login-body) .admin-main .secondary-link:hover,
body.admin-body:not(.admin-login-body) .admin-main .secondary-admin-button:hover,
body.admin-body:not(.admin-login-body) .admin-main .ghost-button:hover,
body.admin-body:not(.admin-login-body) .admin-main .file-picker-button:hover,
body.admin-body:not(.admin-login-body) .admin-main .media-copy-button:hover,
body.admin-body:not(.admin-login-body) .admin-main .media-select-button:hover,
body.admin-body:not(.admin-login-body) .admin-main .pagination a:hover,
body.admin-body:not(.admin-login-body) .admin-main .admin-action-primary:hover,
body.admin-body:not(.admin-login-body) .admin-main .reset-password-button:hover {
    border-color: rgba(95, 174, 232, 0.66) !important;
    background: var(--admin-tab-blue-hover) !important;
    color: #1f638f !important;
    box-shadow: 0 14px 32px rgba(84, 148, 196, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .i18n-panel {
    gap: 0 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .i18n-panel[hidden] {
    display: none !important;
}

body.admin-body:not(.admin-login-body) .admin-main .staff-role-create-form {
    margin-bottom: clamp(16px, 2.2vw, 26px) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .staff-role-create-form .taxonomy-create-grid {
    display: block !important;
    max-width: 760px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .staff-role-create-form fieldset {
    display: grid !important;
    gap: 6px !important;
    max-width: 760px !important;
    padding-top: 14px !important;
    padding-bottom: 24px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .staff-role-create-form .staff-role-create-title {
    justify-self: start !important;
    margin: 8px 0 -2px clamp(16px, 1.8vw, 24px) !important;
    padding: 0 !important;
    color: var(--admin-main-text) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .staff-role-create-form .i18n-editor {
    max-width: 520px !important;
    width: 100% !important;
}

body.admin-body:not(.admin-login-body) .admin-main .staff-role-create-form .i18n-panels {
    max-width: 420px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .staff-role-create-form .staff-role-create-meta {
    display: grid !important;
    grid-template-columns: minmax(220px, 320px) 128px auto !important;
    align-items: end !important;
    gap: 12px !important;
    margin-left: clamp(16px, 1.8vw, 24px) !important;
    max-width: 620px !important;
    width: calc(100% - clamp(16px, 1.8vw, 24px)) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .staff-role-create-form .staff-role-create-meta label {
    color: var(--admin-main-text) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .staff-role-create-form .staff-role-create-meta button {
    min-height: 42px !important;
    white-space: nowrap !important;
}

@media (max-width: 760px) {
    body.admin-body:not(.admin-login-body) .admin-main .staff-role-create-form .staff-role-create-title {
        margin-left: 0 !important;
    }

    body.admin-body:not(.admin-login-body) .admin-main .staff-role-create-form .staff-role-create-meta {
        grid-template-columns: 1fr !important;
        margin-left: 0 !important;
        width: 100% !important;
    }
}

body.admin-body:not(.admin-login-body) .admin-main .staff-role-table-wrap {
    margin-top: 10px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .staff-role-table-wrap .i18n-editor.compact {
    min-width: min(460px, 54vw);
}

body.admin-body:not(.admin-login-body) .admin-main .staff-role-table-wrap .i18n-panel input,
body.admin-body:not(.admin-login-body) .admin-main .staff-role-create-form .i18n-panel input {
    max-width: none !important;
}

body.admin-body:not(.admin-login-body) .admin-main .staff-role-subsection-title {
    margin: 20px 0 10px !important;
    color: var(--admin-main-text) !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
    font-weight: 760 !important;
    letter-spacing: 0 !important;
}

body.admin-body:not(.admin-login-body) .admin-main h1 + .staff-role-subsection-title {
    margin-top: 6px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .staff-role-table-wrap table,
body.admin-body:not(.admin-login-body) .admin-main .staff-role-table-wrap .taxonomy-table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    min-width: 0 !important;
    width: 100% !important;
    table-layout: fixed !important;
}

body.admin-body:not(.admin-login-body) .admin-main .staff-role-table-wrap th,
body.admin-body:not(.admin-login-body) .admin-main .staff-role-table-wrap td {
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

body.admin-body:not(.admin-login-body) .admin-main .staff-role-table-wrap thead,
body.admin-body:not(.admin-login-body) .admin-main .staff-role-table-wrap thead tr,
body.admin-body:not(.admin-login-body) .admin-main .staff-role-table-wrap tbody tr {
    border: 0 !important;
    box-shadow: none !important;
}

body.admin-body:not(.admin-login-body) .admin-main .staff-role-table-wrap tbody tr + tr td {
    border-top: 1px solid rgba(122, 118, 110, 0.10) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .staff-role-table-wrap th:nth-child(1),
body.admin-body:not(.admin-login-body) .admin-main .staff-role-table-wrap td:nth-child(1) {
    width: 38% !important;
}

body.admin-body:not(.admin-login-body) .admin-main .staff-role-table-wrap th:nth-child(2),
body.admin-body:not(.admin-login-body) .admin-main .staff-role-table-wrap td:nth-child(2) {
    width: 38% !important;
}

body.admin-body:not(.admin-login-body) .admin-main .staff-role-table-wrap th:nth-child(3),
body.admin-body:not(.admin-login-body) .admin-main .staff-role-table-wrap td:nth-child(3) {
    width: 24% !important;
}

body.admin-body:not(.admin-login-body) .admin-main .staff-role-table-wrap th {
    padding: 12px 14px 10px !important;
    text-align: left !important;
    vertical-align: bottom !important;
}

body.admin-body:not(.admin-login-body) .admin-main .staff-role-table-wrap td.actions {
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    vertical-align: middle !important;
    padding-top: 48px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .staff-role-table-wrap td.actions button {
    min-width: 68px !important;
    min-height: 38px !important;
    padding: 8px 14px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .staff-role-table-wrap td {
    padding: 12px 14px 18px !important;
    vertical-align: top !important;
}

body.admin-body:not(.admin-login-body) .admin-main .staff-role-table-wrap .i18n-tabs,
body.admin-body:not(.admin-login-body) .admin-main .staff-role-table-wrap .compact-edit-form > label {
    margin-bottom: 10px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .staff-role-table-wrap .compact-edit-form {
    grid-template-columns: minmax(0, 1fr) minmax(120px, 160px) !important;
    align-items: start !important;
    gap: 14px !important;
    padding-top: 33px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .staff-role-table-wrap .compact-edit-form label {
    min-height: 68px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .staff-role-table-wrap td.actions {
    padding-top: 73px !important;
    vertical-align: top !important;
}

/* Admin post editor final overrides */
body.admin-body:not(.admin-login-body) .admin-main .video-editor-row,
body.admin-body:not(.admin-login-body) .admin-main .gallery-editor-row,
body.admin-body:not(.admin-login-body) .admin-main .staff-editor-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 10px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .video-editor-row > input,
body.admin-body:not(.admin-login-body) .admin-main .gallery-editor-row > input,
body.admin-body:not(.admin-login-body) .admin-main .staff-editor-row > input,
body.admin-body:not(.admin-login-body) .admin-main .staff-editor-row > select {
    min-width: 0 !important;
    flex: 1 1 0 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .video-editor-row > .compact-danger-button,
body.admin-body:not(.admin-login-body) .admin-main .gallery-editor-row > .compact-danger-button,
body.admin-body:not(.admin-login-body) .admin-main .staff-editor-row > .compact-danger-button {
    margin-left: auto !important;
    flex: 0 0 auto !important;
    border-color: rgba(190, 18, 60, 0.34) !important;
    background: linear-gradient(145deg, rgba(255, 241, 242, 0.98), rgba(254, 226, 226, 0.88)) !important;
    color: #be123c !important;
    box-shadow: 0 10px 22px rgba(190, 18, 60, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .video-editor-row > .compact-danger-button:hover,
body.admin-body:not(.admin-login-body) .admin-main .gallery-editor-row > .compact-danger-button:hover,
body.admin-body:not(.admin-login-body) .admin-main .staff-editor-row > .compact-danger-button:hover {
    border-color: rgba(190, 18, 60, 0.52) !important;
    background: linear-gradient(145deg, #fb7185, #e11d48) !important;
    color: #fff !important;
    box-shadow: 0 14px 28px rgba(190, 18, 60, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-tag-check.is-selected,
body.admin-body:not(.admin-login-body) .admin-main .admin-tag-check:has(input[type="checkbox"]:checked) {
    border-color: rgba(0, 86, 179, 0.8) !important;
    background: linear-gradient(145deg, #0b73d9, #0050b5) !important;
    color: #fff !important;
    box-shadow: 0 14px 30px rgba(0, 80, 181, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-tag-check:hover:not(.is-selected):not(:has(input[type="checkbox"]:checked)) {
    border-color: rgba(0, 113, 227, 0.48) !important;
    background: rgba(232, 244, 255, 0.94) !important;
    color: #155f92 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .status-feature-row {
    display: grid !important;
    grid-template-columns: auto minmax(180px, 240px) minmax(220px, 1fr) !important;
    align-items: end !important;
    gap: 14px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .featured-switch {
    align-self: end !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    min-height: 48px !important;
    width: fit-content !important;
    padding: 9px 14px 9px 10px !important;
    border: 1px solid rgba(73, 166, 232, 0.28) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.58) !important;
    color: var(--admin-main-text) !important;
    box-shadow: 0 10px 22px rgba(36, 52, 88, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
    cursor: pointer !important;
}

body.admin-body:not(.admin-login-body) .admin-main .featured-switch input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    position: relative !important;
    display: inline-block !important;
    flex: 0 0 46px !important;
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 26px !important;
    min-height: 26px !important;
    max-height: 26px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(118, 118, 128, 0.28) !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 12px rgba(36, 52, 88, 0.08) !important;
    cursor: pointer !important;
    transition: background 180ms ease, box-shadow 180ms ease !important;
}

body.admin-body:not(.admin-login-body) .admin-main .featured-switch input[type="checkbox"]::after {
    content: "" !important;
    position: absolute !important;
    top: 3px !important;
    left: 3px !important;
    width: 20px !important;
    height: 20px !important;
    border: 0 !important;
    border-radius: 50% !important;
    opacity: 1 !important;
    background: #fff !important;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.22) !important;
    transform: translateX(0) !important;
    transition: transform 180ms cubic-bezier(.2,.8,.2,1) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .featured-switch input[type="checkbox"]:checked {
    background: linear-gradient(145deg, #2f9cff, #0071e3) !important;
    box-shadow: 0 8px 18px rgba(0, 113, 227, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .featured-switch input[type="checkbox"]:checked::after {
    transform: translateX(20px) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .featured-switch span {
    white-space: nowrap !important;
    line-height: 1.2 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .gallery-editor-row > .secondary-admin-button,
body.admin-body:not(.admin-login-body) .admin-main .gallery-editor-row > .compact-danger-button {
    align-self: center !important;
    min-height: 48px !important;
    height: 48px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
}

body.admin-body:not(.admin-login-body) .admin-main .gallery-editor-row > .secondary-admin-button {
    flex: 0 0 auto !important;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-tag-check-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: start !important;
    align-items: start !important;
    gap: 11px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-tag-check-list .tag-check-divider {
    display: none !important;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-tag-check-list .tag-check-group-language,
body.admin-body:not(.admin-login-body) .admin-main .admin-tag-check-list .tag-check-group-source,
body.admin-body:not(.admin-login-body) .admin-main .admin-tag-check-list .tag-check-group-type,
body.admin-body:not(.admin-login-body) .admin-main .admin-tag-check-list .tag-check-group-other {
    grid-column: 1 !important;
    width: 100% !important;
    justify-content: flex-start !important;
    padding-top: 0 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-tag-check-list .tag-check-group-type {
    grid-row: 2 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-tag-check-list .tag-check-group-other {
    grid-row: 3 !important;
}

@media (max-width: 860px) {
    body.admin-body:not(.admin-login-body) .admin-main .status-feature-row {
        grid-template-columns: 1fr !important;
        align-items: stretch !important;
    }
}

/* Post editor media and date controls */
body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form textarea {
    resize: vertical !important;
    max-width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .i18n-editor,
body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .i18n-panel,
body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form fieldset {
    overflow-x: hidden !important;
}

body.admin-body:not(.admin-login-body) .admin-main .status-feature-row {
    grid-template-columns: minmax(150px, auto) minmax(180px, 240px) minmax(250px, 340px) !important;
    justify-content: start !important;
}

body.admin-body:not(.admin-login-body) .admin-main .featured-switch {
    margin-left: 12px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .slug-form-row {
    grid-template-columns: minmax(12px, 12px) minmax(240px, 420px) !important;
    justify-content: start !important;
}

body.admin-body:not(.admin-login-body) .admin-main .slug-field {
    grid-column: 2 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .published-at-field {
    max-width: 340px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .datetime-inputs {
    display: grid !important;
    grid-template-columns: minmax(142px, 1fr) minmax(98px, .72fr) !important;
    gap: 10px !important;
    width: 100% !important;
    margin-top: 8px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .datetime-inputs input {
    max-width: none !important;
    min-height: 44px !important;
    border-radius: 14px !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

body.admin-body:not(.admin-login-body) .admin-main .datetime-inputs input::-webkit-calendar-picker-indicator {
    opacity: .56 !important;
    cursor: pointer !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-thumb-field {
    display: grid !important;
    gap: 10px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-thumb-preview,
body.admin-body:not(.admin-login-body) .admin-main .gallery-thumb-preview {
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
    padding: 0 !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.84) !important;
    background: rgba(255, 255, 255, 0.52) !important;
    color: var(--admin-main-muted, #6e6e73) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-thumb-preview {
    width: min(180px, 100%) !important;
    aspect-ratio: 1 / 1 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .gallery-thumb-preview {
    flex: 0 0 84px !important;
    width: 84px !important;
    height: 84px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-thumb-preview img,
body.admin-body:not(.admin-login-body) .admin-main .gallery-thumb-preview img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-thumb-preview span,
body.admin-body:not(.admin-login-body) .admin-main .gallery-thumb-preview span {
    padding: 10px !important;
    color: inherit !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    text-align: center !important;
    white-space: normal !important;
}

body.admin-body:not(.admin-login-body) .admin-main .gallery-editor-row > input[name="gallery_caption[]"] {
    flex: 1 1 min(320px, 100%) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-modal-window {
    width: min(860px, 92vw) !important;
    max-height: min(680px, 88vh) !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-modal-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    overflow: hidden !important;
    padding-right: 0 !important;
    align-content: start !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-modal-item[hidden] {
    display: none !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-modal-item {
    min-width: 0 !important;
    height: 148px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-modal-pagination {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 14px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-modal-pagination[hidden] {
    display: none !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-modal-pagination span {
    min-width: 58px !important;
    color: var(--admin-main-muted, #6e6e73) !important;
    text-align: center !important;
    font-weight: 700 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-modal-pagination button:disabled {
    opacity: .45 !important;
    cursor: default !important;
    transform: none !important;
}

@media (max-width: 720px) {
    body.admin-body:not(.admin-login-body) .admin-main .datetime-inputs,
    body.admin-body:not(.admin-login-body) .admin-main .media-modal-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.admin-body:not(.admin-login-body) .admin-main .gallery-editor-row {
        flex-wrap: wrap !important;
    }
}

/* Post editor follow-up: aligned controls, native date picker, and image preview dialog. */
body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .i18n-fieldset {
    padding-top: 16px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .i18n-fieldset > legend {
    display: none !important;
}

body.admin-body:not(.admin-login-body) .admin-main .aligned-admin-row {
    box-sizing: border-box !important;
    padding-left: 28px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .slug-form-row {
    grid-template-columns: minmax(240px, 420px) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .slug-field {
    grid-column: auto !important;
}

body.admin-body:not(.admin-login-body) .admin-main .status-feature-row {
    grid-template-columns: minmax(150px, max-content) minmax(180px, 240px) minmax(160px, 210px) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .featured-switch {
    margin-left: 0 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .published-at-field {
    max-width: 210px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .datetime-inputs {
    display: block !important;
    width: 100% !important;
}

body.admin-body:not(.admin-login-body) .admin-main .datetime-inputs input[type="date"] {
    width: 100% !important;
    max-width: 180px !important;
    min-height: 44px !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.78) !important;
    color: var(--admin-main-text, #1d1d1f) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-choice-grid {
    grid-template-columns: minmax(240px, 1fr) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .audio-field {
    grid-column: 1 !important;
    max-width: min(560px, 100%) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-thumb-preview,
body.admin-body:not(.admin-login-body) .admin-main .gallery-thumb-preview {
    cursor: zoom-in !important;
}

.media-preview-modal[hidden] {
    display: none !important;
}

.media-preview-modal {
    position: fixed;
    inset: 0;
    z-index: 90;
    display: grid;
    place-items: center;
    padding: 28px;
}

.media-preview-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(245, 247, 251, 0.62);
    backdrop-filter: blur(18px) saturate(140%);
    -webkit-backdrop-filter: blur(18px) saturate(140%);
}

.media-preview-window {
    position: relative;
    width: min(760px, 92vw);
    max-height: min(760px, 88vh);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: 16px;
    padding: 22px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.86);
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 30px 90px rgba(36, 52, 88, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.94);
    backdrop-filter: blur(28px) saturate(160%);
    -webkit-backdrop-filter: blur(28px) saturate(160%);
}

.media-preview-window header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.media-preview-window h2 {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    color: var(--admin-main-text, #1d1d1f);
    font-size: 18px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.media-preview-window > img {
    width: 100%;
    max-height: min(430px, 52vh);
    object-fit: contain;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.5);
}

.media-preview-details {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 14px;
    margin: 0;
}

.media-preview-details div {
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid rgba(255, 255, 255, 0.72);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.46);
}

.media-preview-details dt {
    margin: 0 0 4px;
    color: var(--admin-main-muted, #6e6e73);
    font-size: 12px;
    font-weight: 700;
}

.media-preview-details dd {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--admin-main-text, #1d1d1f);
    font-size: 13px;
    line-height: 1.35;
}

@media (max-width: 720px) {
    body.admin-body:not(.admin-login-body) .admin-main .aligned-admin-row {
        padding-left: 0 !important;
    }

    body.admin-body:not(.admin-login-body) .admin-main .status-feature-row {
        grid-template-columns: 1fr !important;
    }

    .media-preview-details {
        grid-template-columns: 1fr;
    }
}

/* Post editor final alignment and calmer tag states. */
body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form > .aligned-admin-row,
body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form > .media-choice-grid,
body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form > fieldset {
    box-sizing: border-box !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form > button[type="submit"] {
    width: auto !important;
    min-width: 112px !important;
    margin: 4px 0 0 !important;
    padding: 11px 24px !important;
    justify-self: start !important;
    align-self: flex-start !important;
    border-color: rgba(70, 154, 220, 0.58) !important;
    background: rgba(18, 118, 210, 0.94) !important;
    color: #fff !important;
    box-shadow: 0 6px 12px rgba(0, 104, 209, 0.14) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form > button[type="submit"]:hover {
    border-color: rgba(70, 154, 220, 0.70) !important;
    background: rgba(12, 104, 192, 0.96) !important;
    color: #fff !important;
    box-shadow: 0 7px 14px rgba(0, 104, 209, 0.16) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form button:not([type="submit"]):not(.admin-action-danger):not(.compact-danger-button):not(.media-modal-item),
body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .secondary-admin-button,
body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .file-picker-button {
    box-shadow: 0 5px 12px rgba(84, 148, 196, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form button:hover:not([type="submit"]):not(.admin-action-danger):not(.compact-danger-button):not(.media-modal-item),
body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .secondary-admin-button:hover,
body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .file-picker-button:hover {
    box-shadow: 0 7px 15px rgba(84, 148, 196, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.90) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form > button[type="submit"] {
    box-shadow: 0 6px 12px rgba(0, 104, 209, 0.14) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form > button[type="submit"]:hover {
    box-shadow: 0 7px 14px rgba(0, 104, 209, 0.16) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .i18n-fieldset,
body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .i18n-editor,
body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .i18n-panels,
body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .i18n-panel {
    overflow: visible !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .i18n-panel {
    padding: 4px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .aligned-admin-row {
    padding-left: 0 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-choice-grid,
body.admin-body:not(.admin-login-body) .admin-main .slug-form-row,
body.admin-body:not(.admin-login-body) .admin-main .status-feature-row {
    justify-content: start !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-thumb-preview,
body.admin-body:not(.admin-login-body) .admin-main .gallery-thumb-preview {
    cursor: default !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-thumb-preview.has-image,
body.admin-body:not(.admin-login-body) .admin-main .gallery-thumb-preview.has-image,
body.admin-body:not(.admin-login-body) .admin-main .media-thumb-preview img,
body.admin-body:not(.admin-login-body) .admin-main .gallery-thumb-preview img {
    cursor: zoom-in !important;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-tag-check.is-selected,
body.admin-body:not(.admin-login-body) .admin-main .admin-tag-check:has(input[type="checkbox"]:checked) {
    box-shadow: 0 8px 16px rgba(0, 80, 181, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.20) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-tag-check:hover:not(.is-selected):not(:has(input[type="checkbox"]:checked)) {
    box-shadow: 0 7px 16px rgba(84, 148, 196, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-trash-actions form {
    display: flex !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-trash-actions .secondary-admin-button,
body.admin-body:not(.admin-login-body) .admin-main .media-trash-actions button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 10px 16px !important;
    line-height: 1 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-trash-actions .admin-action-danger,
body.admin-body:not(.admin-login-body) .admin-main .media-trash-actions .compact-danger-button,
body.admin-body:not(.admin-login-body) .admin-main .media-delete-button,
body.admin-body:not(.admin-login-body) .admin-main .media-trash-item .admin-action-danger,
body.admin-body:not(.admin-login-body) .admin-main .media-trash-item .compact-danger-button {
    border-color: rgba(180, 35, 24, 0.24) !important;
    background: rgba(180, 35, 24, 0.10) !important;
    color: var(--danger) !important;
    box-shadow: none !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-trash-actions .admin-action-danger:hover,
body.admin-body:not(.admin-login-body) .admin-main .media-trash-actions .compact-danger-button:hover,
body.admin-body:not(.admin-login-body) .admin-main .media-delete-button:hover,
body.admin-body:not(.admin-login-body) .admin-main .media-trash-item .admin-action-danger:hover,
body.admin-body:not(.admin-login-body) .admin-main .media-trash-item .compact-danger-button:hover {
    border-color: rgba(180, 35, 24, 0.34) !important;
    background: rgba(180, 35, 24, 0.15) !important;
    color: var(--danger) !important;
    box-shadow: none !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-upload-form {
    display: flex !important;
    width: fit-content !important;
    max-width: 100% !important;
    grid-template-columns: none !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-upload-form .media-selected-path {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-width: min(360px, 34vw) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-item-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: end !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    margin-top: 14px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-rename-form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
    align-items: end !important;
    flex: 1 1 260px !important;
    min-width: min(100%, 260px) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-rename-form label {
    display: grid !important;
    gap: 5px !important;
    min-width: 0 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-rename-form span {
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-rename-form input {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    border: 1px solid rgba(0, 80, 181, 0.13) !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.82) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-rename-form button,
body.admin-body:not(.admin-login-body) .admin-main .media-item-actions > form:not(.media-rename-form) button {
    min-height: 42px !important;
    margin: 0 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-rename-form button {
    border: 1px solid rgba(120, 120, 128, 0.24) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-audio-preview {
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) auto !important;
    gap: 12px !important;
    aspect-ratio: 1 !important;
    width: 100% !important;
    padding: 22px !important;
    border: 1px solid rgba(0, 80, 181, 0.10) !important;
    border-radius: 10px !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(241, 248, 255, 0.78)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-audio-icon {
    align-self: center !important;
    justify-self: center !important;
    width: clamp(76px, 38%, 128px) !important;
    aspect-ratio: 1 !important;
    border-radius: 999px !important;
    background: linear-gradient(145deg, rgba(0, 113, 227, 0.14), rgba(52, 199, 89, 0.12)) !important;
    position: relative !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-audio-icon::before {
    content: "♪" !important;
    position: absolute !important;
    inset: 0 !important;
    display: grid !important;
    place-items: center !important;
    color: var(--accent-dark) !important;
    font-size: clamp(46px, 8vw, 70px) !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-audio-preview audio {
    align-self: end !important;
    width: 100% !important;
    min-height: 38px !important;
}

@media (max-width: 640px) {
    body.admin-body:not(.admin-login-body) .admin-main .media-rename-form {
        flex-basis: 100% !important;
    }
}

/* Contact messages: keep the comments-page table shell, only fix action stacking. */
body.admin-body:not(.admin-login-body) .admin-main .contact-message-time-cell {
    width: 180px !important;
    max-width: 180px !important;
    white-space: nowrap !important;
}

body.admin-body:not(.admin-login-body) .admin-main .contact-message-content-cell {
    width: auto !important;
    min-width: 360px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .contact-message-actions {
    display: table-cell !important;
    min-width: 212px !important;
    text-align: center !important;
    vertical-align: middle !important;
}

body.admin-body:not(.admin-login-body) .admin-main .contact-message-actions-cell {
    width: 212px !important;
    min-width: 212px !important;
    text-align: center !important;
    white-space: nowrap !important;
}

body.admin-body:not(.admin-login-body) .admin-main .contact-message-action-stack {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 8px !important;
    min-width: 196px !important;
    white-space: nowrap !important;
}

body.admin-body:not(.admin-login-body) .admin-main .contact-message-action-stack form {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .contact-message-action-stack button {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 34px !important;
    padding: 7px 10px !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: nowrap !important;
}

body.admin-body:not(.admin-login-body) .admin-main .contact-message-action-stack .contact-message-mark-button {
    flex: 0 0 124px !important;
    width: 124px !important;
    min-width: 124px !important;
    max-width: 124px !important;
    inline-size: 124px !important;
    min-inline-size: 124px !important;
    max-inline-size: 124px !important;
    border: 1px solid rgba(120, 120, 128, 0.24) !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.38) !important;
    color: #424245 !important;
    box-shadow: 0 8px 20px rgba(36, 52, 88, 0.06) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .contact-message-action-stack .contact-message-mark-button:hover,
body.admin-body:not(.admin-login-body) .admin-main .contact-message-action-stack .contact-message-mark-button:focus-visible {
    border-color: rgba(120, 120, 128, 0.34) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .contact-message-action-stack .contact-message-archive-button {
    flex: 0 0 58px !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    inline-size: 58px !important;
    min-inline-size: 58px !important;
    max-inline-size: 58px !important;
    padding-inline: 6px !important;
    border: 1px solid rgba(180, 35, 24, 0.16) !important;
    border-radius: 12px !important;
    background: rgba(180, 35, 24, 0.08) !important;
    color: var(--danger) !important;
    box-shadow: none !important;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-comments-table {
    table-layout: fixed !important;
    width: 100% !important;
    min-width: 860px !important;
}

body.admin-body:not(.admin-login-body) .admin-main #comment-bulk-form + .table-wrap {
    margin-top: 16px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-comments-table th,
body.admin-body:not(.admin-login-body) .admin-main .admin-comments-table td {
    min-width: 0 !important;
    vertical-align: middle !important;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-comment-select-cell {
    width: 46px !important;
    text-align: center !important;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-comment-author-cell {
    width: 170px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-comment-post-cell {
    width: 160px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-comment-body-cell {
    width: 180px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-comment-status-cell {
    width: 96px !important;
    white-space: nowrap !important;
    text-align: center !important;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-comment-actions-cell {
    width: 210px !important;
    min-width: 210px !important;
    white-space: nowrap !important;
    text-align: left !important;
    vertical-align: middle !important;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-comment-action-stack {
    display: inline-flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    min-width: 0 !important;
    white-space: nowrap !important;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-comment-action-stack form {
    display: inline-flex !important;
    margin: 0 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-comment-action-stack button {
    min-height: 30px !important;
    padding: 5px 9px !important;
    font-size: 13px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-comment-author-cell,
body.admin-body:not(.admin-login-body) .admin-main .admin-comment-post-cell,
body.admin-body:not(.admin-login-body) .admin-main .admin-comment-body-cell,
body.admin-body:not(.admin-login-body) .admin-main .admin-comment-author-cell strong,
body.admin-body:not(.admin-login-body) .admin-main .admin-comment-author-cell small,
body.admin-body:not(.admin-login-body) .admin-main .admin-comment-post-cell a {
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-comment-author-cell strong,
body.admin-body:not(.admin-login-body) .admin-main .admin-comment-author-cell small {
    display: inline-block !important;
    max-width: 100% !important;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-audit-table {
    table-layout: fixed !important;
    width: 100% !important;
    min-width: 920px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-audit-table th,
body.admin-body:not(.admin-login-body) .admin-main .admin-audit-table td {
    min-width: 0 !important;
    vertical-align: middle !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-audit-table th:nth-child(1),
body.admin-body:not(.admin-login-body) .admin-main .admin-audit-table td:nth-child(1) {
    width: 150px !important;
    white-space: nowrap !important;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-audit-table th:nth-child(2),
body.admin-body:not(.admin-login-body) .admin-main .admin-audit-table td:nth-child(2) {
    width: 180px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-audit-table th:nth-child(3),
body.admin-body:not(.admin-login-body) .admin-main .admin-audit-table td:nth-child(3) {
    width: 140px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-audit-table th:nth-child(4),
body.admin-body:not(.admin-login-body) .admin-main .admin-audit-table td:nth-child(4) {
    width: 160px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-audit-table th:nth-child(5),
body.admin-body:not(.admin-login-body) .admin-main .admin-audit-table td:nth-child(5) {
    width: 120px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-audit-table th:nth-child(6),
body.admin-body:not(.admin-login-body) .admin-main .admin-audit-table td:nth-child(6) {
    width: auto !important;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-audit-table code {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

.comments-panel,
.comments-layout,
.comment-list,
.comment-item,
.comment-item header,
.comment-item p {
    min-width: 0;
}

.comment-item strong,
.comment-item p {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.comment-item p {
    white-space: normal;
}

body.admin-body .admin-nav [data-admin-nav-section] {
    gap: 4px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.admin-body .admin-nav .admin-nav-panel {
    background: transparent !important;
}

/* Interface text editor: keep all languages, including Simplified Chinese, in one tabbed editor. */
body.admin-body:not(.admin-login-body) .admin-main .interface-current-grid,
body.admin-body:not(.admin-login-body) .admin-main .interface-edit-grid {
    grid-template-columns: minmax(120px, 180px) minmax(0, 1fr) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .interface-current-grid .interface-current-text,
body.admin-body:not(.admin-login-body) .admin-main .interface-edit-grid .i18n-editor {
    grid-column: 2 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .interface-text-i18n,
body.admin-body:not(.admin-login-body) .admin-main .interface-text-i18n input {
    width: 100% !important;
    max-width: none !important;
}

/* Admin list action alignment: keep row tools directly under the Actions header. */
body.admin-body:not(.admin-login-body) .admin-main .post-actions,
body.admin-body:not(.admin-login-body) .admin-main .user-actions-cell {
    justify-content: flex-start !important;
    text-align: left !important;
}

body.admin-body:not(.admin-login-body) .admin-main .post-actions {
    width: max-content !important;
    min-width: 0 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .user-actions-cell {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .user-actions-cell .inline-admin-form {
    flex: 0 1 auto !important;
    justify-content: flex-start !important;
}

body.admin-body:not(.admin-login-body) .admin-main .user-actions-cell .inline-admin-form input {
    width: min(180px, 18vw) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .user-delete-form button.admin-action-danger,
body.admin-body:not(.admin-login-body) .admin-main .user-delete-form .compact-danger-button {
    border-color: rgba(180, 35, 24, 0.24) !important;
    background: rgba(180, 35, 24, 0.10) !important;
    color: var(--danger) !important;
    box-shadow: none !important;
}

body.admin-body:not(.admin-login-body) .admin-main .user-delete-form button.admin-action-danger:hover,
body.admin-body:not(.admin-login-body) .admin-main .user-delete-form .compact-danger-button:hover {
    border-color: rgba(180, 35, 24, 0.34) !important;
    background: rgba(180, 35, 24, 0.15) !important;
    color: var(--danger) !important;
    box-shadow: none !important;
}

@media (max-width: 920px) {
    body.admin-body:not(.admin-login-body) .admin-main .interface-current-grid,
    body.admin-body:not(.admin-login-body) .admin-main .interface-edit-grid {
        grid-template-columns: 1fr !important;
    }

    body.admin-body:not(.admin-login-body) .admin-main .interface-current-grid .interface-current-text,
    body.admin-body:not(.admin-login-body) .admin-main .interface-edit-grid .i18n-editor {
        grid-column: 1 !important;
    }

    body.admin-body:not(.admin-login-body) .admin-main .user-actions-cell .inline-admin-form input {
        width: 100% !important;
    }
}

/* Final override layer: dashboard/contact polish requested 2026-07-05. */
body.admin-body .admin-login button[type="submit"] {
    border-color: rgba(70, 154, 220, 0.64) !important;
    background: linear-gradient(145deg, rgba(18, 126, 224, 0.98), rgba(0, 91, 190, 0.94)) !important;
    color: #fff !important;
    box-shadow: 0 14px 28px rgba(0, 104, 209, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.36) !important;
}

body.admin-body .admin-login button[type="submit"]:hover {
    border-color: rgba(88, 174, 238, 0.78) !important;
    background: linear-gradient(145deg, rgba(30, 142, 238, 1), rgba(0, 101, 204, 0.96)) !important;
    box-shadow: 0 16px 32px rgba(0, 104, 209, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
}

body.site-body .hero-actions {
    align-items: center !important;
    gap: 14px !important;
}

body.site-body .hero-actions .primary-link,
body.site-body .hero-actions .secondary-link {
    min-height: 46px !important;
    padding: 12px 22px !important;
    border-radius: 999px !important;
    letter-spacing: 0 !important;
    transition: transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease !important;
}

body.site-body .hero-actions .primary-link {
    border: 1px solid rgba(71, 159, 226, 0.52) !important;
    background: radial-gradient(circle at 28% 18%, rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0) 44%), linear-gradient(145deg, #1684dc, #0759b8) !important;
    box-shadow: 0 12px 24px rgba(0, 104, 209, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.36) !important;
}

body.site-body .hero-actions .primary-link:hover,
body.site-body .hero-actions .secondary-link:hover {
    transform: translateY(-2px) !important;
}

body.site-body .hero-actions .secondary-link {
    border: 1px solid rgba(116, 190, 240, 0.40) !important;
    background: radial-gradient(circle at 28% 18%, rgba(255, 255, 255, 0.76), rgba(255, 255, 255, 0) 56%), linear-gradient(145deg, rgba(255, 255, 255, 0.68), rgba(226, 244, 255, 0.42)) !important;
    color: #155f92 !important;
    box-shadow: 0 10px 24px rgba(84, 148, 196, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.76) !important;
}

body.site-body .contact-channel-grid a {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    text-align: left !important;
}

body.site-body .contact-channel-grid .contact-channel-icon {
    width: 42px !important;
    height: 42px !important;
    display: inline-grid !important;
    place-items: center !important;
    border-radius: 14px !important;
}

body.site-body .contact-channel-grid .contact-channel-icon svg {
    width: 20px !important;
    height: 20px !important;
    fill: currentColor !important;
}

body.site-body .contact-channel-grid .contact-channel-copy {
    min-width: 0 !important;
    display: grid !important;
    gap: 3px !important;
}

body.site-body .contact-channel-grid .contact-channel-copy small {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: rgba(37, 53, 70, 0.66) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.admin-body:not(.admin-login-body) .admin-main .dashboard-stats > a {
    display: grid !important;
    min-width: 0 !important;
    min-height: 96px !important;
    align-content: center !important;
    gap: 8px !important;
    padding: 18px 12px !important;
    border: 1px solid var(--admin-main-line) !important;
    border-radius: 18px !important;
    background: var(--admin-main-glass-soft) !important;
    color: var(--admin-main-text) !important;
    text-decoration: none !important;
    box-shadow: 0 16px 40px rgba(36, 52, 88, 0.075), inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
    backdrop-filter: blur(18px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease !important;
}

body.admin-body:not(.admin-login-body) .admin-main .dashboard-stats > a:hover {
    border-color: rgba(255, 255, 255, 0.88) !important;
    background: var(--admin-main-glass-hover) !important;
    transform: translateY(-4px) scale(1.015) !important;
    box-shadow: 0 20px 46px rgba(36, 52, 88, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .dashboard-stats > a.is-alert {
    border-color: rgba(220, 72, 72, 0.42) !important;
    background: linear-gradient(145deg, rgba(255, 241, 241, 0.86), rgba(255, 215, 215, 0.48)) !important;
    color: #9f241b !important;
    box-shadow: 0 16px 40px rgba(180, 35, 24, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .dashboard-stats > a.is-alert span,
body.admin-body:not(.admin-login-body) .admin-main .dashboard-stats > a.is-alert strong {
    color: #9f241b !important;
}

body.admin-body:not(.admin-login-body) .admin-main .dashboard-log-pagination {
    margin-top: 14px !important;
    justify-content: flex-end !important;
}

body.admin-body:not(.admin-login-body) .admin-main .dashboard-log-pagination a[aria-current="page"] {
    border-color: rgba(70, 154, 220, 0.54) !important;
    background: rgba(18, 118, 210, 0.92) !important;
    color: #fff !important;
}

/* Final active site glass tuning: language menu, homepage CTAs, and contact links. */
body.site-body .site-header .language-menu,
body.admin-body .site-header .language-menu {
    position: absolute !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, 0.76) !important;
    background-color: rgba(251, 251, 253, 0.54) !important;
    background-image: radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0.12) 36%), linear-gradient(145deg, rgba(255, 255, 255, 0.28), rgba(242, 243, 245, 0.16)) !important;
    box-shadow: 0 22px 54px rgba(30, 36, 48, 0.17), inset 0 1px 0 rgba(255, 255, 255, 0.84), inset 0 -1px 0 rgba(255, 255, 255, 0.34) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translate3d(0, -6px, 0) scale(0.98) !important;
    transition: opacity .24s ease, transform .24s ease, visibility 0s linear .18s !important;
    backdrop-filter: blur(64px) saturate(190%) brightness(1.08) contrast(0.96) !important;
    -webkit-backdrop-filter: blur(64px) saturate(190%) brightness(1.08) contrast(0.96) !important;
    isolation: isolate !important;
    will-change: opacity, transform, backdrop-filter !important;
}

body.site-body .site-header .language-menu::before,
body.admin-body .site-header .language-menu::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    border-radius: inherit !important;
    pointer-events: none !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.48), rgba(255, 255, 255, 0.10) 48%, rgba(232, 233, 235, 0.18)) !important;
}

body.site-body .site-header .language-switch:hover .language-menu,
body.admin-body .site-header .language-switch:hover .language-menu,
body.site-body .site-header .language-switch.is-open .language-menu,
body.admin-body .site-header .language-switch.is-open .language-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
    transition-delay: 0s !important;
}

body.site-body .site-header .language-menu a,
body.admin-body .site-header .language-menu a {
    position: relative !important;
    z-index: 1 !important;
    box-sizing: border-box !important;
    border: 1px solid transparent !important;
    color: rgba(25, 45, 65, 0.82) !important;
    transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease !important;
}

body.site-body .site-header .language-menu a:hover,
body.admin-body .site-header .language-menu a:hover {
    border-color: rgba(90, 96, 105, 0.18) !important;
    background: rgba(255, 255, 255, 0.26) !important;
    color: #30343a !important;
    box-shadow: 0 6px 16px rgba(30, 36, 48, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.58) !important;
    text-shadow: none !important;
}

body.site-body .site-header .language-menu a[aria-current="true"],
body.admin-body .site-header .language-menu a[aria-current="true"] {
    border-color: rgba(78, 84, 92, 0.24) !important;
    background: rgba(255, 255, 255, 0.34) !important;
    color: #2c3036 !important;
    box-shadow: 0 7px 18px rgba(30, 36, 48, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.66) !important;
    text-shadow: none !important;
}

body.site-body .site-header .language-switch button,
body.admin-body .site-header .language-switch button {
    border-color: rgba(255, 255, 255, 0.58) !important;
    background: rgba(255, 255, 255, 0.28) !important;
    color: #30343a !important;
    box-shadow: 0 12px 28px rgba(30, 36, 48, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.64) !important;
    backdrop-filter: blur(18px) saturate(120%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(120%) !important;
}

body.site-body .site-header .language-switch button:hover,
body.admin-body .site-header .language-switch button:hover,
body.site-body .site-header .language-switch:hover button,
body.admin-body .site-header .language-switch:hover button,
body.site-body .site-header .language-switch.is-open button,
body.admin-body .site-header .language-switch.is-open button {
    border-color: rgba(255, 255, 255, 0.68) !important;
    background: rgba(255, 255, 255, 0.38) !important;
    color: #272b31 !important;
    box-shadow: 0 14px 30px rgba(30, 36, 48, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

body.site-body .site-header .language-switch button::before,
body.admin-body .site-header .language-switch button::before {
    color: #4b5158 !important;
    background: rgba(255, 255, 255, 0.24) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.52) !important;
}

body.admin-body .site-header .language-menu {
    border-color: rgba(255, 255, 255, 0.88) !important;
    background-color: rgba(250, 252, 255, 0.78) !important;
    background-image: radial-gradient(circle at 20% 0%, rgba(255, 255, 255, 0.90), rgba(255, 255, 255, 0.32) 38%), linear-gradient(145deg, rgba(255, 255, 255, 0.66), rgba(234, 241, 248, 0.42)) !important;
    box-shadow: 0 24px 62px rgba(25, 34, 48, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.94), inset 0 -1px 0 rgba(255, 255, 255, 0.46) !important;
    backdrop-filter: blur(82px) saturate(220%) brightness(1.10) contrast(0.94) !important;
    -webkit-backdrop-filter: blur(82px) saturate(220%) brightness(1.10) contrast(0.94) !important;
}

body.admin-body .site-header .language-menu::before {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.64), rgba(255, 255, 255, 0.24) 48%, rgba(230, 238, 246, 0.34)) !important;
}

body.site-body .hero-actions .primary-link,
body.site-body .hero-actions .secondary-link {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    contain: paint !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
    min-height: 46px !important;
    padding: 12px 24px !important;
    border-radius: 18px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    text-align: center !important;
    text-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transform: none !important;
    transform-origin: center center !important;
    transition: none !important;
    will-change: auto !important;
}

body.site-body .hero-actions .secondary-link {
    border: 1px solid rgba(255, 255, 255, 0.74) !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.66), rgba(237, 248, 255, 0.44)) !important;
    color: #174e73 !important;
    box-shadow: 0 12px 28px rgba(54, 99, 139, 0.11), inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
}

body.site-body .hero-actions .primary-link {
    border: 1px solid rgba(112, 188, 240, 0.64) !important;
    background: linear-gradient(145deg, rgba(48, 152, 226, 0.92), rgba(15, 109, 199, 0.82)) !important;
    color: #fff !important;
    box-shadow: 0 16px 34px rgba(24, 116, 198, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.38) !important;
}

body.site-body .hero-actions .primary-link:hover,
body.site-body .hero-actions .primary-link:focus,
body.site-body .hero-actions .primary-link:focus-visible,
body.site-body .hero-actions .primary-link:active,
body.site-body .hero-actions .secondary-link:hover,
body.site-body .hero-actions .secondary-link:focus,
body.site-body .hero-actions .secondary-link:focus-visible,
body.site-body .hero-actions .secondary-link:active {
    padding: 12px 24px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
    filter: none !important;
    transform: none !important;
    transition: none !important;
}

body.site-body .hero-actions .primary-link:hover,
body.site-body .hero-actions .primary-link:focus,
body.site-body .hero-actions .primary-link:focus-visible,
body.site-body .hero-actions .primary-link:active {
    border-color: rgba(112, 188, 240, 0.64) !important;
    background: linear-gradient(145deg, rgba(48, 152, 226, 0.92), rgba(15, 109, 199, 0.82)) !important;
    color: #fff !important;
    box-shadow: 0 16px 34px rgba(24, 116, 198, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.38) !important;
}

body.site-body .hero-actions .secondary-link:hover,
body.site-body .hero-actions .secondary-link:focus,
body.site-body .hero-actions .secondary-link:focus-visible,
body.site-body .hero-actions .secondary-link:active {
    border-color: rgba(255, 255, 255, 0.74) !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.66), rgba(237, 248, 255, 0.44)) !important;
    color: #174e73 !important;
    box-shadow: 0 12px 28px rgba(54, 99, 139, 0.11), inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
}

body.site-body .contact-channel-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)) !important;
    gap: 14px !important;
}

body.site-body .contact-channel-grid a {
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 14px !important;
    min-height: 82px !important;
    padding: 16px !important;
    border: 1px solid rgba(116, 164, 205, 0.42) !important;
    border-radius: 18px !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(241, 248, 253, 0.84)) !important;
    color: #172f44 !important;
    text-align: left !important;
    text-decoration: none !important;
    box-shadow: 0 12px 30px rgba(49, 87, 118, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease, background .2s ease !important;
}

body.site-body .contact-channel-grid a:hover,
body.site-body .contact-channel-grid a:focus-visible {
    border-color: rgba(108, 144, 170, 0.38) !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 1), rgba(244, 249, 252, 0.92)) !important;
    color: #2d5f7d !important;
    box-shadow: 0 16px 34px rgba(65, 101, 128, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.98) !important;
    transform: translateY(-2px) !important;
    outline: none !important;
}

body.site-body .contact-channel-grid .contact-channel-icon {
    width: 46px !important;
    height: 46px !important;
    border: 1px solid rgba(102, 143, 173, 0.20) !important;
    border-radius: 15px !important;
    background: linear-gradient(145deg, rgba(246, 250, 252, 0.96), rgba(255, 255, 255, 0.78)) !important;
    color: #3f7899 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

body.site-body .contact-channel-grid .contact-channel-copy {
    display: block !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: inherit !important;
    box-shadow: none !important;
}

body.site-body .contact-channel-grid .contact-channel-copy strong {
    display: block !important;
    color: #172f44 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}

body.site-body .contact-channel-grid .contact-channel-copy small {
    display: block !important;
    max-width: 100% !important;
    margin-top: 5px !important;
    overflow: hidden !important;
    color: #3a7596 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.site-body .about-contact-panel .contact-channel-grid a {
    border-color: rgba(150, 158, 168, 0.32) !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(248, 249, 250, 0.88)) !important;
    color: #202a33 !important;
    box-shadow: 0 12px 30px rgba(46, 56, 68, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

body.site-body .about-contact-panel .contact-channel-grid a:hover,
body.site-body .about-contact-panel .contact-channel-grid a:focus-visible {
    border-color: rgba(132, 140, 150, 0.34) !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 1), rgba(250, 251, 252, 0.94)) !important;
    color: #2e3944 !important;
    box-shadow: 0 16px 34px rgba(46, 56, 68, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.98) !important;
}

body.site-body .about-contact-panel .contact-channel-icon {
    border-color: rgba(142, 150, 160, 0.22) !important;
    background: linear-gradient(145deg, rgba(250, 251, 252, 0.96), rgba(255, 255, 255, 0.82)) !important;
    color: #56616b !important;
}

body.site-body .about-contact-panel .contact-channel-copy strong {
    color: #202a33 !important;
}

body.site-body .about-contact-panel .contact-channel-copy small {
    color: #66717b !important;
}

body.site-body .work-link-grid {
    display: grid !important;
    grid-template-columns: repeat(var(--work-link-count, 1), minmax(0, 1fr)) !important;
    max-width: none !important;
    margin: 22px 0 38px !important;
    gap: 14px !important;
    position: relative !important;
    z-index: 2 !important;
}

body.site-body .work-link-grid a {
    width: 100% !important;
    min-height: 74px !important;
}

@media (max-width: 640px) {
    body.site-body .work-link-grid {
        gap: 10px !important;
    }

    body.site-body .work-link-grid a {
        grid-template-columns: 38px minmax(0, 1fr) !important;
        min-height: 68px !important;
        padding: 10px !important;
    }
}

body.admin-body:not(.admin-login-body) .admin-main .external-link-editor {
    display: grid !important;
    gap: 16px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .external-link-row {
    display: grid !important;
    gap: 12px !important;
    padding: 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.62) !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.30) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .external-link-url-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: end !important;
}

body.admin-body:not(.admin-login-body) .admin-main .external-link-url-row label {
    min-width: 0 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .external-link-url-row .compact-danger-button {
    min-height: 42px !important;
}

@media (max-width: 720px) {
    body.admin-body:not(.admin-login-body) .admin-main .external-link-url-row {
        grid-template-columns: 1fr !important;
    }
}

/* Home hero CTA rebuild: separate from legacy primary/secondary button rules. */
body.site-body .hero-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 12px !important;
    position: relative !important;
    left: -9.5px !important;
}

body.site-body .hero-actions .hero-action-button {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    min-width: 104px !important;
    min-height: 42px !important;
    padding: 10px 18px !important;
    border: 1px solid rgba(255, 255, 255, 0.62) !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.38) !important;
    color: #1f638f !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-shadow: none !important;
    white-space: nowrap !important;
    box-shadow: 0 7px 16px rgba(84, 148, 196, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
    transform: none !important;
    filter: none !important;
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, color .18s ease, transform .18s ease !important;
    will-change: auto !important;
}

body.site-body .hero-actions .hero-action-button-primary {
    border-color: rgba(95, 174, 232, 0.66) !important;
    background: rgba(241, 249, 255, 0.54) !important;
    color: #155f92 !important;
}

body.site-body .hero-actions .hero-action-button:not(.hero-action-button-primary) {
    min-width: 0 !important;
    padding: 10px 4px !important;
    border-color: transparent !important;
    background: transparent !important;
    color: rgba(31, 75, 106, 0.82) !important;
    font-weight: 650 !important;
    box-shadow: none !important;
}

body.site-body .hero-actions .hero-action-button-primary:hover,
body.site-body .hero-actions .hero-action-button-primary:focus,
body.site-body .hero-actions .hero-action-button-primary:focus-visible {
    border-color: rgba(95, 174, 232, 0.70) !important;
    background: var(--admin-tab-blue-hover) !important;
    color: #1f638f !important;
    box-shadow: 0 9px 18px rgba(84, 148, 196, 0.11), inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
    transform: scale(1.045) !important;
    outline: none !important;
}

body.site-body .hero-actions .hero-action-button-primary:active {
    border-color: rgba(95, 174, 232, 0.70) !important;
    background: var(--admin-tab-blue-hover) !important;
    color: #1f638f !important;
    box-shadow: 0 6px 14px rgba(84, 148, 196, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
    transform: scale(0.98) !important;
    outline: none !important;
}

body.site-body .hero-actions .hero-action-button:not(.hero-action-button-primary):hover,
body.site-body .hero-actions .hero-action-button:not(.hero-action-button-primary):focus,
body.site-body .hero-actions .hero-action-button:not(.hero-action-button-primary):focus-visible,
body.site-body .hero-actions .hero-action-button:not(.hero-action-button-primary):active {
    border-color: transparent !important;
    background: transparent !important;
    color: #155f92 !important;
    box-shadow: none !important;
    transform: none !important;
    outline: none !important;
}

body.site-body .hero-actions .hero-action-button:focus-visible {
    outline: 2px solid rgba(95, 174, 232, 0.36) !important;
    outline-offset: 3px !important;
}

/* Contact and comment forms: match the admin editor controls. */
body.site-body .comment-form input,
body.site-body .comment-form textarea,
body.site-body .contact-message-form input,
body.site-body .contact-message-form textarea {
    border: 1px solid rgba(122, 118, 110, 0.24) !important;
    border-radius: 16px !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.86), rgba(247, 246, 243, 0.50)) !important;
    color: #1d1d1f !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.90), 0 8px 20px rgba(36, 52, 88, 0.055) !important;
    outline: 0 !important;
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease !important;
}

body.site-body .comment-form input:focus,
body.site-body .comment-form input:focus-visible,
body.site-body .comment-form textarea:focus,
body.site-body .comment-form textarea:focus-visible,
body.site-body .contact-message-form input:focus,
body.site-body .contact-message-form input:focus-visible,
body.site-body .contact-message-form textarea:focus,
body.site-body .contact-message-form textarea:focus-visible {
    border-color: rgba(92, 88, 80, 0.40) !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: 0 0 0 4px rgba(92, 88, 80, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
    outline: 0 !important;
}

body.site-body .comment-form label:focus-within input,
body.site-body .comment-form label:focus-within textarea,
body.site-body .contact-message-form label:focus-within input,
body.site-body .contact-message-form label:focus-within textarea {
    border-color: rgba(92, 88, 80, 0.40) !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: 0 0 0 4px rgba(92, 88, 80, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
    outline: 0 !important;
}

body.site-body .comment-form button[type="submit"],
body.site-body .contact-message-form button[type="submit"] {
    position: relative !important;
    overflow: hidden !important;
    min-height: 46px !important;
    padding: 11px 20px !important;
    border: 1px solid rgba(120, 120, 128, 0.24) !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.38) !important;
    color: #424245 !important;
    box-shadow: 0 8px 20px rgba(36, 52, 88, 0.06) !important;
    backdrop-filter: blur(16px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(145%) !important;
    transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease, border-color 180ms ease, color 180ms ease !important;
}

body.site-body .comment-form button[type="submit"]:hover,
body.site-body .comment-form button[type="submit"]:focus-visible,
body.site-body .contact-message-form button[type="submit"]:hover,
body.site-body .contact-message-form button[type="submit"]:focus-visible {
    border-color: rgba(120, 120, 128, 0.34) !important;
    background: rgba(255, 255, 255, 0.52) !important;
    color: #1d1d1f !important;
    box-shadow: 0 14px 30px rgba(36, 52, 88, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
    transform: translateY(-1px) scale(1.035) !important;
    outline: 0 !important;
}

/* Work detail glass cards: match the admin overview hover motion. */
body.site-body .work-card,
body.site-body .staff-list div,
body.site-body .gallery-panel figure,
body.site-body .filter-panel-inner {
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease !important;
}

body.site-body .work-card:hover,
body.site-body .staff-list div:hover,
body.site-body .gallery-panel figure:hover,
body.site-body .filter-panel-inner:hover {
    border-color: rgba(255, 255, 255, 0.88) !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.76), rgba(255, 255, 255, 0.42)) !important;
    background-color: rgba(255, 255, 255, 0.72) !important;
    background-image: linear-gradient(145deg, rgba(255, 255, 255, 0.76), rgba(255, 255, 255, 0.42)) !important;
    box-shadow: 0 20px 46px rgba(36, 52, 88, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
    transform: translateY(-4px) scale(1.015) !important;
}

body.site-body .about-copy-panel,
body.site-body .about-contact-panel,
body.site-body .contact-message-panel,
body.site-body .about-copy-panel:hover,
body.site-body .about-contact-panel:hover,
body.site-body .contact-message-panel:hover {
    transform: none !important;
}

body.site-body .work-card:hover::after {
    opacity: 0 !important;
    background: transparent !important;
}

body.site-body .comments-panel,
body.site-body .comment-item,
body.site-body .comments-panel:hover,
body.site-body .comment-item:hover {
    transform: none !important;
}

body.site-body .staff-person-link,
body.site-body .staff-person-link:hover,
body.site-body .staff-person-link:focus,
body.site-body .staff-person-link:focus-visible,
body.site-body .staff-person-link:active,
body.site-body .staff-person-name {
    display: inline !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transform: none !important;
}

body.site-body .staff-list div.is-clickable {
    cursor: pointer !important;
}

body.site-body .staff-list div.is-clickable:focus-visible {
    border-color: rgba(95, 174, 232, 0.70) !important;
    box-shadow: 0 20px 46px rgba(36, 52, 88, 0.13), 0 0 0 4px rgba(95, 174, 232, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
    outline: none !important;
}

body.site-body .staff-list dd,
body.site-body .staff-list dd *,
body.site-body .staff-person-link,
body.site-body .staff-person-link:hover,
body.site-body .staff-person-link:focus,
body.site-body .staff-person-link:focus-visible,
body.site-body .staff-person-link:active,
body.site-body .staff-person-name,
body.site-body .staff-person-name:hover,
body.site-body .staff-person-name:focus,
body.site-body .staff-person-name:focus-visible,
body.site-body .staff-person-name:active {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent none !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    color: #1d1d1f !important;
}

body.site-body .staff-person-link:hover,
body.site-body .staff-person-link:focus-visible {
    color: #1d1d1f !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
    outline: none !important;
}

/* Work detail external links and admin link editor final overrides. */
body.site-body .contact-channel-grid.work-link-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    max-width: none !important;
    width: 100% !important;
    margin: 24px 0 38px !important;
    gap: 14px !important;
}

body.site-body .contact-channel-grid.work-link-grid.work-link-grid-count-2 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}

body.site-body .contact-channel-grid.work-link-grid.work-link-grid-count-3 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) !important;
}

body.site-body .contact-channel-grid.work-link-grid.work-link-grid-count-4,
body.site-body .contact-channel-grid.work-link-grid.work-link-grid-count-5,
body.site-body .contact-channel-grid.work-link-grid.work-link-grid-count-6 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) !important;
}

body.site-body .contact-channel-grid.work-link-grid a {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

body.site-body .contact-channel-grid.work-link-grid .contact-channel-copy,
body.site-body .contact-channel-grid.work-link-grid .contact-channel-copy strong,
body.site-body .contact-channel-grid.work-link-grid .contact-channel-copy small {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.site-body .contact-channel-grid.work-link-grid a {
    border-color: rgba(118, 145, 166, 0.26) !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(247, 250, 252, 0.88)) !important;
    box-shadow: 0 10px 24px rgba(49, 87, 118, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

body.site-body .contact-channel-grid.work-link-grid a:hover,
body.site-body .contact-channel-grid.work-link-grid a:focus-visible {
    border-color: rgba(118, 145, 166, 0.32) !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 1), rgba(249, 251, 252, 0.94)) !important;
    color: #284a60 !important;
    box-shadow: 0 14px 28px rgba(65, 101, 128, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.98) !important;
}

body.site-body .contact-channel-grid.work-link-grid .contact-channel-icon {
    border-color: rgba(118, 145, 166, 0.16) !important;
    background: linear-gradient(145deg, rgba(249, 251, 252, 0.96), rgba(255, 255, 255, 0.82)) !important;
    color: #5d7788 !important;
}

body.site-body .contact-channel-grid.work-link-grid .contact-channel-copy small {
    color: #5f7f91 !important;
}

body.admin-body:not(.admin-login-body) .admin-main button[data-remove-external-link],
body.admin-body:not(.admin-login-body) .admin-main .external-link-url-row .compact-danger-button {
    margin-left: auto !important;
    flex: 0 0 auto !important;
    border-color: rgba(190, 18, 60, 0.34) !important;
    background: linear-gradient(145deg, rgba(255, 241, 242, 0.98), rgba(254, 226, 226, 0.88)) !important;
    color: #be123c !important;
    box-shadow: 0 10px 22px rgba(190, 18, 60, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

body.admin-body:not(.admin-login-body) .admin-main button[data-remove-external-link]:hover,
body.admin-body:not(.admin-login-body) .admin-main button[data-remove-external-link]:focus-visible,
body.admin-body:not(.admin-login-body) .admin-main .external-link-url-row .compact-danger-button:hover,
body.admin-body:not(.admin-login-body) .admin-main .external-link-url-row .compact-danger-button:focus-visible {
    border-color: rgba(190, 18, 60, 0.52) !important;
    background: linear-gradient(145deg, #fb7185, #e11d48) !important;
    color: #fff !important;
    box-shadow: 0 14px 28px rgba(190, 18, 60, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}

/* Admin migration pages: give the glass panels breathing room. */
body.admin-body:not(.admin-login-body) .admin-main .migration-panel + .table-wrap,
body.admin-body:not(.admin-login-body) .admin-main .migration-form + .table-wrap {
    margin-top: 28px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .migration-form input[type="file"] {
    width: 100% !important;
    min-height: 52px !important;
    padding: 7px 12px !important;
    color: var(--admin-main-muted) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .migration-form input[type="file"]::file-selector-button {
    appearance: none !important;
    -webkit-appearance: none !important;
    min-height: 38px !important;
    margin: 0 12px 0 0 !important;
    padding: 8px 16px !important;
    border: 1px solid rgba(120, 120, 128, 0.24) !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.38) !important;
    color: #424245 !important;
    box-shadow: 0 8px 20px rgba(36, 52, 88, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.70) !important;
    font: inherit !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, color .18s ease, transform .18s ease !important;
}

body.admin-body:not(.admin-login-body) .admin-main .migration-form input[type="file"]::-webkit-file-upload-button {
    appearance: none !important;
    -webkit-appearance: none !important;
    min-height: 38px !important;
    margin: 0 12px 0 0 !important;
    padding: 8px 16px !important;
    border: 1px solid rgba(120, 120, 128, 0.24) !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.38) !important;
    color: #424245 !important;
    box-shadow: 0 8px 20px rgba(36, 52, 88, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.70) !important;
    font: inherit !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, color .18s ease, transform .18s ease !important;
}

body.admin-body:not(.admin-login-body) .admin-main .migration-form input[type="file"]:hover::file-selector-button,
body.admin-body:not(.admin-login-body) .admin-main .migration-form input[type="file"]:focus-visible::file-selector-button {
    border-color: rgba(120, 120, 128, 0.34) !important;
    background: var(--admin-main-glass-hover) !important;
    color: var(--admin-main-text) !important;
    box-shadow: 0 14px 30px rgba(36, 52, 88, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
    transform: translateY(-1px) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .migration-form input[type="file"]:hover::-webkit-file-upload-button,
body.admin-body:not(.admin-login-body) .admin-main .migration-form input[type="file"]:focus-visible::-webkit-file-upload-button {
    border-color: rgba(120, 120, 128, 0.34) !important;
    background: var(--admin-main-glass-hover) !important;
    color: var(--admin-main-text) !important;
    box-shadow: 0 14px 30px rgba(36, 52, 88, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
    transform: translateY(-1px) !important;
}

/* Post editor layout: separate each function into compact glass panels. */
body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
    padding: clamp(16px, 1.8vw, 22px) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form > .post-editor-card,
body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form > fieldset.post-editor-card {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 16px 18px 18px !important;
    border: 1px solid rgba(255, 255, 255, 0.78) !important;
    border-radius: 22px !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.40)) !important;
    box-shadow: 0 16px 38px rgba(36, 52, 88, 0.085), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(18px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(150%) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form > fieldset.post-editor-card > legend,
body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .i18n-fieldset.post-editor-card > legend {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    margin: 0 0 10px !important;
    padding: 0 7px 0 0 !important;
    color: var(--admin-main-text, #1d1d1f) !important;
    font-size: clamp(19px, 1.45vw, 22px) !important;
    line-height: 1.25 !important;
    font-weight: 820 !important;
    letter-spacing: 0 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-card > .admin-hint {
    margin: -2px 0 12px !important;
    max-width: 880px !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-content-card {
    padding-top: 14px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-content-card .i18n-editor,
body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-links-card .i18n-editor.compact {
    margin: 0 !important;
    padding: 12px !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.34) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-content-card .i18n-panels,
body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-links-card .i18n-panels {
    padding-top: 10px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-content-card .i18n-panel,
body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-links-card .i18n-panel {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding: 0 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-content-card .i18n-panel[hidden],
body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-links-card .i18n-panel[hidden] {
    display: none !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-content-card .i18n-panel > label:has(textarea[name="content"]),
body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-content-card .i18n-panel > label:has(textarea[name^="translations[content]"]) {
    grid-column: 1 / -1 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-publish-card {
    display: grid !important;
    grid-template-columns: minmax(240px, 1fr) minmax(170px, 220px) minmax(170px, 220px) minmax(170px, auto) !important;
    align-items: end !important;
    gap: 12px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-publish-card .slug-field {
    grid-column: auto !important;
    min-width: 0 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-publish-card .featured-switch {
    align-self: end !important;
    margin: 0 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-publish-card .published-at-field {
    max-width: none !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-media-card .media-choice-grid {
    display: grid !important;
    grid-template-columns: minmax(240px, 320px) minmax(320px, 1fr) !important;
    align-items: stretch !important;
    gap: 14px !important;
    margin: 0 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-media-card .media-choice-grid > label,
body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-media-card .media-choice-grid > .audio-field {
    margin: 0 !important;
    padding: 13px !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.38) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-media-card .media-thumb-preview {
    width: min(156px, 100%) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-media-card .audio-field {
    display: grid !important;
    gap: 10px !important;
    min-width: 0 !important;
    color: var(--admin-main-text, #1d1d1f) !important;
    font-weight: 700 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-media-card .audio-field-label {
    display: block !important;
    color: inherit !important;
    font: inherit !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-media-card .audio-preview-box {
    display: grid !important;
    min-height: 74px !important;
    padding: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.72) !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.46) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-media-card .audio-preview-box audio {
    width: 100% !important;
    min-height: 44px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-media-card .audio-preview-empty {
    display: grid !important;
    place-items: center !important;
    min-height: 48px !important;
    color: var(--admin-main-muted, #6e6e73) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-media-card .audio-preview-empty[hidden],
body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-media-card .audio-preview-box audio[hidden] {
    display: none !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-video-card .video-editor,
body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-links-card .external-link-editor,
body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-gallery-card .gallery-editor,
body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-staff-card .staff-editor {
    display: grid !important;
    gap: 10px !important;
    margin: 0 0 12px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-video-card .video-editor-row,
body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-gallery-card .gallery-editor-row,
body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-staff-card .staff-editor-row,
body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-links-card .external-link-row {
    margin: 0 !important;
    padding: 12px !important;
    border-radius: 18px !important;
    border-color: rgba(255, 255, 255, 0.68) !important;
    background: rgba(255, 255, 255, 0.38) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-links-card .external-link-row {
    display: grid !important;
    grid-template-columns: minmax(280px, 420px) minmax(320px, 520px) !important;
    justify-content: start !important;
    align-items: start !important;
    gap: 14px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-links-card .external-link-row > .i18n-editor.compact {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-links-card .external-link-url-row {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: end !important;
    gap: 10px !important;
    margin: 0 !important;
    padding-top: 64px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-links-card .external-link-url-row label {
    min-width: 0 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-section > .notice,
body.admin-body:not(.admin-login-body) .admin-main .admin-section > .error {
    margin: 0 0 14px !important;
    padding: 12px 14px !important;
    border-radius: 14px !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    line-height: 1.45 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-section > .notice {
    border: 1px solid rgba(56, 132, 76, 0.22) !important;
    background: rgba(56, 132, 76, 0.10) !important;
    color: #23643a !important;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-section > .error {
    border: 1px solid rgba(180, 35, 24, 0.22) !important;
    background: rgba(180, 35, 24, 0.08) !important;
    color: #9f241b !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-gallery-card .gallery-thumb-preview {
    flex-basis: 76px !important;
    width: 76px !important;
    height: 76px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-tags-card .admin-tag-check-list {
    gap: 10px !important;
    margin: 0 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-tags-card .tag-check-group {
    gap: 9px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form > button[type="submit"] {
    margin-top: 2px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .secondary-admin-button,
body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .file-picker-button,
body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form button[data-add-video],
body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form button[data-add-gallery],
body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form button[data-add-staff],
body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form button[data-add-external-link] {
    border-color: rgba(120, 120, 128, 0.30) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-modal-item[data-media-kind="audio"] {
    display: grid !important;
    grid-template-rows: 74px auto !important;
    gap: 10px !important;
    align-items: center !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-modal-item[data-media-kind="audio"][hidden] {
    display: none !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-modal-item[data-media-kind="audio"] .audio-media-icon {
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    height: 74px !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.52) !important;
    color: #5f6368 !important;
    font-size: 30px !important;
    font-weight: 800 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-add-post-link,
body.admin-body:not(.admin-login-body) .admin-main .post-actions .admin-action-primary,
body.admin-body:not(.admin-login-body) .admin-main .admin-section-heading .secondary-admin-button,
body.admin-body:not(.admin-login-body) .admin-main .dashboard-log-all-link,
body.admin-body:not(.admin-login-body) .admin-main .migration-panel .primary-link,
body.admin-body:not(.admin-login-body) .admin-main a[href$="/edit"],
body.admin-body:not(.admin-login-body) .admin-main .inline-form button[type="submit"],
body.admin-body:not(.admin-login-body) .admin-main .filters button[type="submit"],
body.admin-body:not(.admin-login-body) .admin-main .admin-form > button[type="submit"]:not(.admin-action-danger),
body.admin-body:not(.admin-login-body) .admin-main .bulk-actions button[type="submit"],
body.admin-body:not(.admin-login-body) .admin-main .media-upload-form .file-picker-button,
body.admin-body:not(.admin-login-body) .admin-main .media-upload-form button[type="submit"],
body.admin-body:not(.admin-login-body) .admin-main .admin-comment-action-stack button:not(.admin-action-danger),
body.admin-body:not(.admin-login-body) .admin-main .staff-role-create-form button[type="submit"],
body.admin-body:not(.admin-login-body) .admin-main .reset-password-button,
body.admin-body:not(.admin-login-body) .admin-main .taxonomy-table .actions > button[type="submit"],
body.admin-body:not(.admin-login-body) .admin-main .media-rename-form button[type="submit"] {
    border: 1px solid rgba(120, 120, 128, 0.24) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .bulk-actions select:has(option[value="delete"]:checked) + button[type="submit"] {
    border-color: rgba(180, 35, 24, 0.30) !important;
}

@media (max-width: 1180px) {
    body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-publish-card,
    body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-links-card .external-link-row {
        grid-template-columns: minmax(260px, 400px) minmax(300px, 1fr) !important;
    }

    body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-links-card .external-link-row > .i18n-editor.compact,
    body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-links-card .external-link-url-row {
        grid-column: auto !important;
        grid-row: auto !important;
    }
}

@media (max-width: 760px) {
    body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form {
        gap: 12px !important;
        padding: 14px !important;
    }

    body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-content-card .i18n-panel,
    body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-publish-card,
    body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-media-card .media-choice-grid,
    body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-links-card .external-link-row {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-video-card .video-editor-row,
body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-gallery-card .gallery-editor-row,
body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-staff-card .staff-editor-row {
    flex-wrap: wrap !important;
}
}

body.admin-body:not(.admin-login-body) .admin-main .server-probe {
    display: grid !important;
    gap: 18px !important;
    margin: 18px 0 24px !important;
    padding: 18px !important;
    border: 1px solid rgba(255, 255, 255, 0.52) !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, 0.36) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.76), 0 16px 36px rgba(36, 52, 88, 0.08) !important;
    backdrop-filter: blur(18px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .server-probe > header {
    display: flex !important;
    justify-content: space-between !important;
    gap: 16px !important;
    align-items: start !important;
}

body.admin-body:not(.admin-login-body) .admin-main .server-probe h2,
body.admin-body:not(.admin-login-body) .admin-main .server-probe h3,
body.admin-body:not(.admin-login-body) .admin-main .table-wrap h2 {
    margin: 0 !important;
    color: var(--admin-main-text, #1d1d1f) !important;
    letter-spacing: 0 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .server-probe h2,
body.admin-body:not(.admin-login-body) .admin-main .table-wrap h2 {
    font-size: 20px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .server-probe h3 {
    font-size: 16px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .probe-metrics {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .probe-card,
body.admin-body:not(.admin-login-body) .admin-main .probe-config {
    min-width: 0 !important;
    padding: 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.62) !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.42) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.76) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .probe-card-top {
    display: flex !important;
    justify-content: space-between !important;
    align-items: baseline !important;
    gap: 12px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .probe-card-top span,
body.admin-body:not(.admin-login-body) .admin-main .probe-card dt,
body.admin-body:not(.admin-login-body) .admin-main .probe-config dt {
    color: var(--admin-main-muted, #6e6e73) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .probe-card-top strong {
    color: var(--admin-main-text, #1d1d1f) !important;
    font-size: 26px !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .probe-meter {
    display: block !important;
    width: 100% !important;
    height: 9px !important;
    margin: 16px 0 14px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(120, 120, 128, 0.16) !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

body.admin-body:not(.admin-login-body) .admin-main .probe-meter::-webkit-progress-bar {
    border-radius: inherit !important;
    background: rgba(120, 120, 128, 0.16) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .probe-meter::-webkit-progress-value {
    border-radius: inherit !important;
    background: linear-gradient(90deg, #6bb7e8, #7fd1a8) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .probe-meter::-moz-progress-bar {
    border-radius: inherit !important;
    background: linear-gradient(90deg, #6bb7e8, #7fd1a8) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .probe-card dl,
body.admin-body:not(.admin-login-body) .admin-main .probe-config dl {
    display: grid !important;
    gap: 10px !important;
    margin: 0 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .probe-card dl > div,
body.admin-body:not(.admin-login-body) .admin-main .probe-config dl > div {
    display: grid !important;
    grid-template-columns: minmax(88px, 0.38fr) minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
}

body.admin-body:not(.admin-login-body) .admin-main .probe-card dd,
body.admin-body:not(.admin-login-body) .admin-main .probe-config dd {
    min-width: 0 !important;
    margin: 0 !important;
    color: var(--admin-main-text, #1d1d1f) !important;
    font-size: 13px !important;
    font-weight: 720 !important;
    overflow-wrap: anywhere !important;
}

body.admin-body:not(.admin-login-body) .admin-main .probe-config dl {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .table-wrap h2 {
    margin: 0 0 14px !important;
}

@media (max-width: 1180px) {
    body.admin-body:not(.admin-login-body) .admin-main .probe-metrics,
    body.admin-body:not(.admin-login-body) .admin-main .probe-config dl {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

@media (max-width: 760px) {
    body.admin-body:not(.admin-login-body) .admin-main .server-probe {
        gap: 14px !important;
        padding: 14px !important;
    }

    body.admin-body:not(.admin-login-body) .admin-main .probe-card-top,
    body.admin-body:not(.admin-login-body) .admin-main .probe-card dl > div,
    body.admin-body:not(.admin-login-body) .admin-main .probe-config dl > div {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.admin-body:not(.admin-login-body) .admin-main .probe-card-top {
        display: grid !important;
    }
}

body.admin-body.media-modal-open {
    overflow: hidden !important;
}

body.admin-body .media-modal[hidden] {
    display: none !important;
}

body.admin-body .media-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 1000 !important;
    display: grid !important;
    place-items: center !important;
    width: 100vw !important;
    height: 100vh !important;
    padding: 28px !important;
}

body.admin-body .media-modal-backdrop {
    position: fixed !important;
    inset: 0 !important;
}

body.admin-body .media-modal-window {
    position: relative !important;
    width: min(860px, 92vw) !important;
    max-height: min(680px, 88vh) !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
}

body.admin-body .media-modal-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    overflow: hidden !important;
    padding-right: 0 !important;
    align-content: start !important;
}

body.admin-body .media-modal-item[hidden] {
    display: none !important;
}

body.admin-body .media-modal-item {
    min-width: 0 !important;
    height: 148px !important;
}

body.admin-body .media-modal-item[data-media-kind="audio"] {
    display: grid !important;
    grid-template-rows: 74px auto !important;
    gap: 10px !important;
    align-items: center !important;
}

body.admin-body .media-modal-item[data-media-kind="audio"][hidden] {
    display: none !important;
}

body.admin-body .media-modal-item[data-media-kind="audio"] .audio-media-icon {
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    height: 74px !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.52) !important;
    color: #5f6368 !important;
    font-size: 30px !important;
    font-weight: 800 !important;
}

body.admin-body .media-modal[data-media-kind="audio"] .media-modal-grid {
    overflow: visible !important;
}

body.admin-body .media-modal[data-media-kind="audio"] .media-modal-item[data-media-kind="audio"] {
    overflow: visible !important;
}

body.admin-body .media-modal-pagination {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 14px !important;
}

body.admin-body .media-modal-pagination[hidden] {
    display: none !important;
}

body.admin-body .media-modal-pagination span {
    min-width: 58px !important;
    color: var(--admin-main-muted, #6e6e73) !important;
    text-align: center !important;
    font-weight: 700 !important;
}

body.admin-body .media-modal-pagination button:disabled {
    opacity: .45 !important;
    cursor: default !important;
    transform: none !important;
}

@media (max-width: 720px) {
    body.admin-body .media-modal {
        padding: 16px !important;
    }

    body.admin-body .media-modal-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

body.admin-body.media-preview-open {
    overflow: hidden !important;
}

body.admin-body .media-preview-modal[hidden] {
    display: none !important;
}

body.admin-body .media-preview-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 1010 !important;
    display: grid !important;
    place-items: center !important;
    width: 100vw !important;
    height: 100vh !important;
    padding: 28px !important;
}

body.admin-body .media-preview-backdrop {
    position: fixed !important;
    inset: 0 !important;
}

body.admin-body .media-preview-window {
    position: relative !important;
    width: min(760px, 92vw) !important;
    max-height: min(760px, 88vh) !important;
}

body.admin-body .media-preview-window > img {
    max-height: min(430px, 52vh) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-upload-form .media-upload-progress,
body.admin-body:not(.admin-login-body) .admin-main .migration-form .media-upload-progress {
    display: grid !important;
    grid-template-columns: minmax(140px, 220px) auto !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: min(360px, 100%) !important;
    color: var(--admin-main-muted, #6e6e73) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-upload-form .media-upload-progress[hidden],
body.admin-body:not(.admin-login-body) .admin-main .migration-form .media-upload-progress[hidden] {
    display: none !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-upload-form .media-upload-progress progress,
body.admin-body:not(.admin-login-body) .admin-main .migration-form .media-upload-progress progress {
    display: block !important;
    width: 100% !important;
    height: 9px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(120, 120, 128, 0.16) !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-upload-form .media-upload-progress progress::-webkit-progress-bar,
body.admin-body:not(.admin-login-body) .admin-main .migration-form .media-upload-progress progress::-webkit-progress-bar {
    border-radius: inherit !important;
    background: rgba(120, 120, 128, 0.16) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-upload-form .media-upload-progress progress::-webkit-progress-value,
body.admin-body:not(.admin-login-body) .admin-main .migration-form .media-upload-progress progress::-webkit-progress-value {
    border-radius: inherit !important;
    background: linear-gradient(90deg, #6bb7e8, #7fd1a8) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-upload-form .media-upload-progress progress::-moz-progress-bar,
body.admin-body:not(.admin-login-body) .admin-main .migration-form .media-upload-progress progress::-moz-progress-bar {
    border-radius: inherit !important;
    background: linear-gradient(90deg, #6bb7e8, #7fd1a8) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-upload-form .media-upload-progress.is-error,
body.admin-body:not(.admin-login-body) .admin-main .migration-form .media-upload-progress.is-error {
    color: #9f241b !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-upload-form .media-upload-progress.is-error progress::-webkit-progress-value,
body.admin-body:not(.admin-login-body) .admin-main .migration-form .media-upload-progress.is-error progress::-webkit-progress-value {
    background: linear-gradient(90deg, #f97066, #d92d20) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-upload-form .media-upload-progress.is-error progress::-moz-progress-bar,
body.admin-body:not(.admin-login-body) .admin-main .migration-form .media-upload-progress.is-error progress::-moz-progress-bar {
    background: linear-gradient(90deg, #f97066, #d92d20) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-upload-form .media-upload-progress.is-complete,
body.admin-body:not(.admin-login-body) .admin-main .migration-form .media-upload-progress.is-complete {
    color: #23643a !important;
}

@media (max-width: 760px) {
    body.admin-body:not(.admin-login-body) .admin-main .media-upload-form .media-upload-progress,
    body.admin-body:not(.admin-login-body) .admin-main .migration-form .media-upload-progress {
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100% !important;
    }
}

@media (max-width: 720px) {
    body.admin-body .media-preview-modal {
        padding: 16px !important;
    }

    body.admin-body .media-preview-details {
        grid-template-columns: 1fr !important;
    }
}

body.site-body .back-to-top-button {
    position: fixed !important;
    right: max(20px, env(safe-area-inset-right)) !important;
    bottom: max(var(--back-to-top-offset, 22px), env(safe-area-inset-bottom)) !important;
    z-index: 80 !important;
    display: grid !important;
    place-items: center !important;
    width: 50px !important;
    height: 50px !important;
    border: 1px solid rgba(255, 255, 255, 0.64) !important;
    border-radius: 50% !important;
    background:
        radial-gradient(circle at 28% 18%, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.18) 42%, rgba(255, 255, 255, 0) 68%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.54), rgba(238, 246, 252, 0.28)) !important;
    color: rgba(28, 40, 52, 0.9) !important;
    box-shadow: 0 18px 40px rgba(31, 38, 48, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.72), inset 0 -1px 0 rgba(120, 146, 166, 0.12) !important;
    backdrop-filter: blur(20px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(150%) !important;
    cursor: pointer !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(14px) scale(0.96) !important;
    transition: opacity 180ms ease, transform 180ms ease, background 180ms ease, box-shadow 180ms ease, color 180ms ease, bottom 180ms ease !important;
}

body.site-body .back-to-top-button.is-visible {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) scale(1) !important;
}

body.site-body .back-to-top-button:hover,
body.site-body .back-to-top-button:focus-visible {
    background:
        radial-gradient(circle at 30% 16%, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.32) 46%, rgba(255, 255, 255, 0) 72%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.68), rgba(226, 244, 255, 0.42)) !important;
    color: rgba(17, 32, 48, 0.98) !important;
    box-shadow: 0 22px 48px rgba(31, 38, 48, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.84), inset 0 -1px 0 rgba(120, 146, 166, 0.16) !important;
    transform: translateY(-2px) scale(1.02) !important;
    outline: none !important;
}

body.site-body .back-to-top-button svg {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    transform: translateY(-1px) !important;
}

body.site-body .back-to-top-chevron {
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2.05 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

body.site-body .back-to-top-chevron-soft {
    opacity: 0.46 !important;
    stroke-width: 1.8 !important;
}

@media (max-width: 720px) {
    body.site-body .back-to-top-button {
        right: max(14px, env(safe-area-inset-right)) !important;
        bottom: max(var(--back-to-top-offset, 16px), env(safe-area-inset-bottom)) !important;
        width: 46px !important;
        height: 46px !important;
    }

    body.site-body .back-to-top-button svg {
        width: 22px !important;
        height: 22px !important;
    }
}

.captcha-image {
    display: block;
    width: 132px;
    height: 46px;
    margin: 8px 0;
    border: 1px solid rgba(148, 163, 184, .55);
    border-radius: 10px;
    background: #f8fafc;
}

.captcha-login-field .captcha-image {
    margin-top: 10px;
}

.row-sort-controls {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    flex: 0 0 auto;
}

.row-sort-actions {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    align-self: center;
    justify-self: end;
    flex: 0 0 auto;
    white-space: nowrap;
}

.row-sort-actions .row-sort-button,
.row-sort-actions .compact-danger-button {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .gallery-editor-row .row-sort-actions .compact-danger-button,
body.admin-body:not(.admin-login-body) .admin-main .staff-editor-row .row-sort-actions .compact-danger-button {
    border-color: rgba(190, 18, 60, 0.34) !important;
    background: linear-gradient(145deg, rgba(255, 241, 242, 0.98), rgba(254, 226, 226, 0.88)) !important;
    color: #be123c !important;
    box-shadow: 0 10px 22px rgba(190, 18, 60, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .gallery-editor-row .row-sort-actions .compact-danger-button:hover,
body.admin-body:not(.admin-login-body) .admin-main .gallery-editor-row .row-sort-actions .compact-danger-button:focus-visible,
body.admin-body:not(.admin-login-body) .admin-main .staff-editor-row .row-sort-actions .compact-danger-button:hover,
body.admin-body:not(.admin-login-body) .admin-main .staff-editor-row .row-sort-actions .compact-danger-button:focus-visible {
    border-color: rgba(190, 18, 60, 0.52) !important;
    background: linear-gradient(145deg, #fb7185, #e11d48) !important;
    color: #fff !important;
    box-shadow: 0 14px 28px rgba(190, 18, 60, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .row-sort-button {
    min-width: 52px;
    padding-inline: 10px;
}

body.admin-body:not(.admin-login-body) .admin-main .row-sort-button:disabled {
    opacity: .45;
    cursor: not-allowed;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-links-card .external-link-url-row {
    gap: 10px;
}

@media (max-width: 720px) {
    .row-sort-controls {
        width: 100%;
    }

    body.admin-body:not(.admin-login-body) .admin-main .row-sort-button {
        flex: 1 1 0;
    }
}

/* Captcha layout: single authoritative block.  Older layout passes above this
   section use less-specific grid rules, so these selectors intentionally own
   the rendered flex layout for both public forms and the admin login. */
body.site-body .comment-form .captcha-row,
body.site-body .contact-message-form .captcha-row {
    display: flex;
    grid-template-columns: none;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
}

body.site-body .comment-form .captcha-row label,
body.site-body .contact-message-form .captcha-row label {
    width: auto;
    max-width: none;
    min-width: 0;
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

body.site-body .comment-form .captcha-row input[name="captcha"],
body.site-body .contact-message-form .captcha-row input[name="captcha"] {
    width: 5.5em;
    max-width: 5.5em;
    flex-basis: 5.5em;
}

body.site-body .comment-form .captcha-row .captcha-image,
body.site-body .contact-message-form .captcha-row .captcha-image {
    width: 100px;
    height: 40px;
    flex: 0 0 100px;
}

body.site-body .comment-form .captcha-row label,
body.site-body .contact-message-form .captcha-row label {
    gap: 6px;
}

body.site-body .contact-message-form .captcha-row input[name="captcha"] {
    width: 7em;
    max-width: 7em;
    flex-basis: 7em;
}

body.site-body .comment-form .captcha-row button,
body.site-body .contact-message-form .captcha-row button {
    flex: 0 0 auto;
    margin: 0;
    white-space: nowrap;
}

body.admin-body .admin-login .captcha-login-field {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
}

body.admin-body .admin-login .captcha-login-field .captcha-image {
    width: 112px !important;
    height: 40px !important;
    flex: 0 0 112px !important;
    margin: 0 !important;
}

body.admin-body .admin-login .captcha-login-field input[name="captcha"] {
    width: 7em !important;
    max-width: 7em !important;
    min-width: 0 !important;
    flex: 0 0 7em !important;
}

.captcha-image[data-captcha-refresh] {
    cursor: pointer;
}

input[name="captcha"].is-captcha-invalid,
body.site-body .comment-form .captcha-row input[name="captcha"].is-captcha-invalid,
body.site-body .contact-message-form .captcha-row input[name="captcha"].is-captcha-invalid,
body.admin-body .admin-login .captcha-login-field input[name="captcha"].is-captcha-invalid {
    border-color: #dc2626 !important;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
}

input[name="captcha"].is-captcha-valid,
body.site-body .comment-form .captcha-row input[name="captcha"].is-captcha-valid,
body.site-body .contact-message-form .captcha-row input[name="captcha"].is-captcha-valid,
body.admin-body .admin-login .captcha-login-field input[name="captcha"].is-captcha-valid {
    border-color: #16a34a !important;
    box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
}

/* Keep linked audit targets compact inside dense log tables. */
body.admin-body:not(.admin-login-body) .admin-main .audit-target-link {
    display: inline-flex !important;
    align-items: center;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 3px 8px !important;
    border: 1px solid rgba(255, 255, 255, 0.72) !important;
    border-radius: 8px !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.62), rgba(255, 255, 255, 0.25)) !important;
    color: #424245 !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 5px 12px rgba(36, 52, 88, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .audit-target-link:hover {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.76), rgba(255, 255, 255, 0.36)) !important;
    color: #24262b !important;
    transform: translateY(-1px);
}

/* Keep export controls anchored with the import form instead of the generic right-aligned inline actions. */
body.admin-body:not(.admin-login-body) .admin-main .migration-panel .inline-admin-form {
    justify-content: flex-start !important;
}

body.admin-body:not(.admin-login-body) .admin-main .migration-panel .inline-admin-form input {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

/* Immediate feedback for the administrator password change form. */
body.admin-body:not(.admin-login-body) .admin-main .password-policy-hint {
    margin: -8px 0 4px !important;
    color: #66676d;
    font-size: 13px;
    line-height: 1.45;
}

body.admin-body:not(.admin-login-body) .admin-main .password-policy-hint.is-valid {
    color: #15803d;
}

body.admin-body:not(.admin-login-body) .admin-main .password-policy-hint.is-invalid {
    color: #b45309;
}

body.admin-body:not(.admin-login-body) .admin-main .password-match-hint {
    margin: -8px 0 4px !important;
    font-size: 13px;
    font-weight: 600;
}

body.admin-body:not(.admin-login-body) .admin-main .password-match-hint.is-valid {
    color: #15803d;
}

body.admin-body:not(.admin-login-body) .admin-main .password-match-hint.is-invalid {
    color: #b91c1c;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-form input[data-password-policy-input].is-valid,
body.admin-body:not(.admin-login-body) .admin-main .admin-form input[data-password-confirm-input].is-valid,
body.admin-body:not(.admin-login-body) .admin-main .inline-admin-form input[data-password-policy-input].is-valid,
body.admin-body:not(.admin-login-body) .admin-main .inline-admin-form input[data-password-confirm-input].is-valid {
    border-color: rgba(22, 163, 74, .78) !important;
    box-shadow: 0 0 0 3px rgba(22, 163, 74, .12), inset 0 1px 0 rgba(255, 255, 255, .86) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-form input[data-password-policy-input].is-invalid,
body.admin-body:not(.admin-login-body) .admin-main .admin-form input[data-password-confirm-input].is-invalid,
body.admin-body:not(.admin-login-body) .admin-main .inline-admin-form input[data-password-policy-input].is-invalid,
body.admin-body:not(.admin-login-body) .admin-main .inline-admin-form input[data-password-confirm-input].is-invalid {
    border-color: rgba(220, 38, 38, .78) !important;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, .12), inset 0 1px 0 rgba(255, 255, 255, .86) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-form-validation-error {
    margin: -6px 0 4px !important;
    color: #b91c1c;
    font-size: 13px;
    font-weight: 600;
}

body.admin-body:not(.admin-login-body) .admin-main .migration-form > .admin-form-validation-error {
    margin: 14px 0 0 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .user-actions-cell > .admin-form-validation-error {
    flex: 0 0 auto;
    margin: 0 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .user-management-create-form {
    margin-bottom: 32px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .user-management-table {
    margin-top: 0 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .inline-password-feedback {
    flex: 1 0 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 5px 14px;
}

body.admin-body:not(.admin-login-body) .admin-main .inline-password-feedback .password-policy-hint,
body.admin-body:not(.admin-login-body) .admin-main .inline-password-feedback .password-match-hint {
    margin: 0 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .user-actions-cell .inline-admin-form input {
    width: clamp(280px, 24vw, 380px) !important;
    max-width: none !important;
}

/* Password reset controls need a stable table-column width; otherwise flex shrink wins over input width. */
body.admin-body:not(.admin-login-body) .admin-main .user-management-table .user-actions-cell {
    min-width: 700px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .user-management-table .user-actions-cell .inline-admin-form {
    flex: 0 0 auto !important;
    width: auto !important;
}

body.admin-body:not(.admin-login-body) .admin-main .user-management-table .user-actions-cell .inline-admin-form input {
    flex: 0 0 220px !important;
    width: 220px !important;
    min-width: 0 !important;
}

@media (max-width: 920px) {
    body.admin-body:not(.admin-login-body) .admin-main .user-management-table .user-actions-cell {
        min-width: 0 !important;
    }

    body.admin-body:not(.admin-login-body) .admin-main .user-actions-cell .inline-admin-form input {
        flex-basis: 100% !important;
        width: 100% !important;
    }
}

body.admin-body:not(.admin-login-body) .admin-main .user-actions-cell .user-delete-form {
    justify-content: flex-start !important;
}

body.admin-body:not(.admin-login-body) .admin-main .interface-text-pagination {
    margin: 18px 0 !important;
    justify-content: flex-end !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-upload-validation-error {
    margin: 0 !important;
    color: #b91c1c;
    font-size: 13px;
    font-weight: 600;
}

body.admin-body:not(.admin-login-body) .admin-main .admin-form input[aria-invalid="true"] {
    border-color: rgba(220, 38, 38, .78) !important;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, .12), inset 0 1px 0 rgba(255, 255, 255, .86) !important;
}

/* Shared administrator confirmation window for sensitive admin actions. */
.admin-password-modal[hidden] {
    display: none;
}

.admin-password-modal {
    position: fixed;
    inset: 0;
    z-index: 90;
    display: grid;
    place-items: center;
    padding: 24px;
}

.admin-password-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(245, 247, 251, .58);
    backdrop-filter: blur(18px) saturate(140%);
}

.admin-password-modal-window {
    position: relative;
    width: min(420px, 100%);
    display: grid;
    gap: 14px;
    padding: 24px;
    border: 1px solid rgba(255, 255, 255, .86);
    border-radius: 24px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .90), rgba(255, 255, 255, .54));
    box-shadow: 0 30px 90px rgba(36, 52, 88, .20), inset 0 1px 0 rgba(255, 255, 255, .94);
    backdrop-filter: blur(28px) saturate(160%);
}

.admin-password-modal-window h2,
.admin-password-modal-window p {
    margin: 0;
}

.admin-password-modal-window p {
    color: #66676d;
}

.admin-password-modal-window .admin-password-modal-error {
    color: #b91c1c;
    font-size: 13px;
    font-weight: 600;
}

.admin-password-modal-window label {
    display: grid;
    gap: 7px;
    color: #424245;
    font-weight: 600;
}

.admin-password-modal-window input {
    min-height: 42px;
    padding: 9px 12px;
    border: 1px solid rgba(255, 255, 255, .82) !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, .62) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .86), 0 10px 24px rgba(36, 52, 88, .06) !important;
}

.admin-password-modal-window input[aria-invalid="true"] {
    border-color: rgba(220, 38, 38, .78) !important;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, .12), inset 0 1px 0 rgba(255, 255, 255, .86) !important;
}

.admin-password-modal-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

body.admin-password-modal-open {
    overflow: hidden;
}

/* Let every floating homepage card receive clicks through the transparent hero copy. */
body.site-body .hero-copy {
    pointer-events: none !important;
}

body.site-body .hero-copy .hero-actions {
    pointer-events: none !important;
}

body.site-body .hero-copy .hero-actions a {
    pointer-events: auto !important;
}

/* Keep confirmation choices distinct for every sensitive admin action. */
.admin-password-modal-actions [data-admin-password-modal-confirm] {
    border-color: rgba(220, 38, 38, .68) !important;
    background: rgba(220, 38, 38, .08) !important;
    color: #b91c1c !important;
}

.admin-password-modal-actions [data-admin-password-modal-confirm]:hover {
    border-color: rgba(185, 28, 28, .86) !important;
    background: rgba(220, 38, 38, .14) !important;
    color: #991b1b !important;
}

.admin-password-modal-actions [data-admin-password-modal-cancel] {
    border-color: rgba(0, 113, 227, .62) !important;
    background: rgba(0, 113, 227, .07) !important;
    color: #1f638f !important;
}

.admin-password-modal-actions [data-admin-password-modal-cancel]:hover {
    border-color: rgba(0, 113, 227, .84) !important;
    background: rgba(0, 113, 227, .13) !important;
    color: #164e75 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .staff-role-bulk-actions {
    display: flex;
    justify-content: flex-start;
    margin-top: 18px;
}

body.admin-body:not(.admin-login-body) .admin-main .staff-role-bulk-actions button {
    width: auto !important;
    min-width: 112px !important;
    margin: 4px 0 0 !important;
    padding: 11px 24px !important;
    align-self: flex-start !important;
    border-color: rgba(70, 154, 220, 0.58) !important;
    background: rgba(18, 118, 210, 0.94) !important;
    color: #fff !important;
    box-shadow: 0 6px 12px rgba(0, 104, 209, 0.14) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .staff-role-bulk-actions button:hover {
    border-color: rgba(70, 154, 220, 0.70) !important;
    background: rgba(12, 104, 192, 0.96) !important;
    color: #fff !important;
    box-shadow: 0 7px 14px rgba(0, 104, 209, 0.16) !important;
}

/* VE member marker for work-detail staff cards and the matching editor toggle. */
body.site-body .staff-list div.is-ve-member::after {
    content: "";
    position: absolute;
    z-index: 0;
    top: 50%;
    right: 8px;
    width: 92px;
    height: 92px;
    background: url('/uploads/ve_member.png') center / contain no-repeat;
    opacity: .34;
    pointer-events: none;
    transform: translateY(-50%);
}

body.site-body .staff-list div.is-ve-member > * {
    position: relative;
    z-index: 1;
}

body.admin-body:not(.admin-login-body) .admin-main .staff-ve-member-check {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    gap: 7px !important;
    width: auto !important;
    min-width: max-content !important;
    margin: 0 !important;
    color: #435466 !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    cursor: pointer !important;
}

body.admin-body:not(.admin-login-body) .admin-main .staff-ve-member-check input[type="checkbox"] {
    flex: 0 0 auto !important;
}

/* Keep the VE mark compact in the card corner and reserve space for it. */
body.site-body .staff-list div.is-ve-member {
    padding-right: 56px !important;
    min-height: 64px !important;
}

body.site-body .staff-list div.is-ve-member::after {
    top: 8px;
    right: 8px;
    width: 38px;
    height: 38px;
    transform: none;
    opacity: .32;
}
/* Detail audio player: keep the native control inside the same quiet glass language as the page. */
body.site-body .audio-player-shell,
body.admin-body .audio-player-shell {
    width: 100%;
    margin: 8px 0 34px;
    padding: 14px 16px;
    border: 1px solid rgba(255, 255, 255, .82);
    border-radius: 22px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .74), rgba(255, 255, 255, .38));
    box-shadow: 0 18px 44px rgba(36, 52, 88, .12), inset 0 1px 0 rgba(255, 255, 255, .94);
    backdrop-filter: blur(18px) saturate(120%);
    -webkit-backdrop-filter: blur(18px) saturate(120%);
}

body.site-body .audio-player-shell .audio-player,
body.admin-body .audio-player-shell .audio-player {
    display: block;
    width: 100%;
    margin: 0;
    border-radius: 14px;
}

/* Custom audio controls: quiet glass surfaces keep the player aligned with the detail page. */
body.site-body .custom-audio-player,
body.admin-body .custom-audio-player {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 64px;
    padding: 10px 12px;
}

body.site-body .custom-audio-player .audio-engine,
body.admin-body .custom-audio-player .audio-engine {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

body.site-body .audio-player-button,
body.admin-body .audio-player-button {
    display: grid;
    place-items: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .82);
    border-radius: 50%;
    background: linear-gradient(145deg, rgba(255, 255, 255, .92), rgba(232, 244, 249, .62));
    color: #286b96;
    box-shadow: 0 8px 18px rgba(48, 86, 112, .14), inset 0 1px 0 rgba(255, 255, 255, .96);
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

body.site-body .audio-player-button svg,
body.admin-body .audio-player-button svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
    stroke: currentColor;
    stroke-width: 1.4;
    stroke-linecap: round;
    stroke-linejoin: round;
}

body.site-body .audio-player-button:hover,
body.site-body .audio-player-button:focus-visible,
body.admin-body .audio-player-button:hover,
body.admin-body .audio-player-button:focus-visible {
    background: linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(216, 239, 247, .8));
    box-shadow: 0 10px 22px rgba(48, 86, 112, .2), inset 0 1px 0 rgba(255, 255, 255, .98);
    transform: translateY(-1px);
}

body.site-body .audio-player-button:focus-visible,
body.site-body .audio-progress:focus-visible,
body.admin-body .audio-player-button:focus-visible,
body.admin-body .audio-progress:focus-visible {
    outline: 3px solid rgba(63, 151, 198, .28);
    outline-offset: 3px;
}

body.site-body .audio-player-track,
body.admin-body .audio-player-track {
    display: grid;
    flex: 1 1 auto;
    min-width: 0;
    gap: 5px;
}

body.site-body .audio-progress,
body.admin-body .audio-progress {
    --audio-progress: 0%;
    width: 100%;
    height: 20px;
    margin: 0;
    appearance: none;
    background: transparent;
    cursor: pointer;
}

body.site-body .audio-progress::-webkit-slider-runnable-track,
body.admin-body .audio-progress::-webkit-slider-runnable-track {
    height: 5px;
    border-radius: 999px;
    background: linear-gradient(to right, rgba(68, 160, 215, .9) var(--audio-progress), rgba(160, 190, 210, .32) var(--audio-progress));
}

body.site-body .audio-progress::-moz-range-track,
body.admin-body .audio-progress::-moz-range-track {
    height: 5px;
    border-radius: 999px;
    background: linear-gradient(to right, rgba(68, 160, 215, .9) var(--audio-progress), rgba(160, 190, 210, .32) var(--audio-progress));
}

body.site-body .audio-progress::-webkit-slider-thumb,
body.admin-body .audio-progress::-webkit-slider-thumb {
    width: 14px;
    height: 14px;
    margin-top: -4.5px;
    appearance: none;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #4fa8d8;
    box-shadow: 0 3px 10px rgba(48, 112, 148, .28);
}

body.site-body .audio-progress::-moz-range-thumb,
body.admin-body .audio-progress::-moz-range-thumb {
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #4fa8d8;
    box-shadow: 0 3px 10px rgba(48, 112, 148, .28);
}

body.site-body .audio-player-times,
body.admin-body .audio-player-times {
    display: flex;
    justify-content: space-between;
    color: rgba(53, 75, 94, .78);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}

body.site-body .audio-mute-button,
body.admin-body .audio-mute-button {
    flex-basis: 36px;
    width: 36px;
    height: 36px;
    border-color: transparent;
    background: transparent;
    box-shadow: none;
}

body.site-body .audio-mute-button:hover,
body.site-body .audio-mute-button:focus-visible,
body.admin-body .audio-mute-button:hover,
body.admin-body .audio-mute-button:focus-visible {
    background: rgba(255, 255, 255, .48);
    box-shadow: none;
}

@media (max-width: 720px) {
    body.site-body .audio-player-shell,
    body.admin-body .audio-player-shell {
        padding: 11px 12px;
        border-radius: 18px;
    }

    body.site-body .custom-audio-player,
    body.admin-body .custom-audio-player {
        gap: 8px;
        padding: 9px 10px;
    }

    body.site-body .custom-audio-player .audio-player-button,
    body.admin-body .custom-audio-player .audio-player-button {
        flex-basis: 38px;
        width: 38px;
        height: 38px;
    }

    body.site-body .custom-audio-player .audio-mute-button,
    body.admin-body .custom-audio-player .audio-mute-button {
        flex-basis: 32px;
        width: 32px;
        height: 32px;
    }

    body.site-body .audio-player-times,
    body.admin-body .audio-player-times {
        font-size: 11px;
    }
}

/* Give the work filters the same centered content width as the work grid. */
body.site-body .filter-shell {
    max-width: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Admin post editor: let the shared player use the full second media column. */
body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-media-card .audio-field {
    grid-column: 2 !important;
    width: 100% !important;
    max-width: none !important;
}

/* Admin range controls inherit the form border; the player track must remain borderless. */
body.admin-body:not(.admin-login-body) .admin-main .custom-audio-player .audio-progress {
    width: 100% !important;
    min-width: 0 !important;
    height: 20px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    box-shadow: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

body.admin-body:not(.admin-login-body) .admin-main .custom-audio-player[hidden] {
    display: none !important;
}

@media (max-width: 720px) {
    body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-media-card .audio-field {
        grid-column: 1 !important;
    }
}

/* Targeted follow-up: post actions, transient save feedback, media selectors, and filter wrapping. */
body.admin-body:not(.admin-login-body) .admin-main .post-editor-head-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
}

body.admin-body:not(.admin-login-body) .admin-main .post-editor-head-actions > .post-editor-save-button,
body.admin-body:not(.admin-login-body) .admin-main .post-editor-head-actions > .secondary-admin-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    vertical-align: middle !important;
}

body.admin-body:not(.admin-login-body) .admin-main .post-editor-head-actions .post-editor-top-save {
    min-width: 112px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 24px !important;
    border-color: rgba(70, 154, 220, 0.58) !important;
    background: rgba(18, 118, 210, 0.94) !important;
    color: #fff !important;
    box-shadow: 0 6px 12px rgba(0, 104, 209, 0.14) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .post-editor-save-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 112px !important;
    min-height: 44px !important;
    box-sizing: border-box !important;
    padding: 0 24px !important;
    border-color: rgba(70, 154, 220, 0.58) !important;
    background: rgba(18, 118, 210, 0.94) !important;
    color: #fff !important;
    box-shadow: 0 6px 12px rgba(0, 104, 209, 0.14) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .post-editor-head-actions > .secondary-admin-button {
    min-height: 44px !important;
    box-sizing: border-box !important;
}

body.admin-body:not(.admin-login-body) .admin-main .post-editor-save-button:hover {
    border-color: rgba(70, 154, 220, 0.70) !important;
    background: rgba(12, 104, 192, 0.96) !important;
    color: #fff !important;
    transform: none !important;
    box-shadow: 0 7px 14px rgba(0, 104, 209, 0.16) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .post-actions {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .post-actions form {
    display: inline-flex !important;
    margin: 0 !important;
}

body.admin-body:not(.admin-login-body) .admin-main #post-bulk-form + .table-wrap {
    margin-top: 24px !important;
}

body.admin-body:not(.admin-login-body) .admin-main [data-auto-dismiss] {
    overflow: hidden;
    max-height: 120px;
    opacity: 1;
    transform: translateY(0);
    transition: max-height .36s ease, opacity .28s ease, transform .28s ease, margin .36s ease, padding .36s ease;
}

body.admin-body:not(.admin-login-body) .admin-main [data-auto-dismiss].is-auto-dismissed {
    max-height: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    opacity: 0;
    transform: translateY(-5px);
}

body.admin-body:not(.admin-login-body) .admin-main .post-editor-media-card .audio-preview-empty {
    place-items: center start !important;
    justify-content: start !important;
    padding-left: 4px !important;
    text-align: left !important;
}

body.admin-body:not(.admin-login-body) .admin-main .post-editor-media-card .audio-field .media-choice-actions {
    justify-content: flex-start !important;
}

body.admin-body:not(.admin-login-body) .admin-main .external-link-label-heading {
    margin: 0 0 9px;
    color: var(--admin-main-text, #1d1d1f);
    font-size: 14px;
    font-weight: 780;
    line-height: 1.3;
}

body.admin-body:not(.admin-login-body) .admin-main .system-media-card {
    display: grid !important;
    gap: 4px;
}

body.admin-body:not(.admin-login-body) .admin-main .system-media-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(128px, 154px));
    justify-content: start;
    gap: 10px;
}

body.admin-body:not(.admin-login-body) .admin-main .system-media-field {
    min-width: 0;
    width: 100%;
    padding: 13px;
    border: 1px solid rgba(255, 255, 255, .68);
    border-radius: 18px;
    background: rgba(255, 255, 255, .36);
    justify-items: start;
}

body.admin-body:not(.admin-login-body) .admin-main .system-media-field .media-thumb-preview {
    width: min(128px, 100%) !important;
    height: 128px !important;
    aspect-ratio: 1 / 1 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-image-frame {
    display: grid !important;
    place-items: center !important;
    min-width: 0 !important;
    min-height: 190px !important;
    padding: 10px !important;
    overflow: hidden !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, .32) !important;
    cursor: zoom-in !important;
}

body.admin-body:not(.admin-login-body) .admin-main .media-image-frame img,
body.admin-body:not(.admin-login-body) .admin-main .system-media-field .media-thumb-preview img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    image-rendering: auto !important;
}

body.admin-body:not(.admin-login-body) .admin-main .system-media-field .media-thumb-preview {
    justify-self: start !important;
    cursor: zoom-in !important;
}

body.admin-body:not(.admin-login-body) .admin-main .system-media-field .media-choice-actions {
    justify-content: flex-start !important;
}

body.site-body .filter-shell {
    justify-items: stretch !important;
}

body.site-body .filter-toggle {
    margin-left: auto !important;
    margin-right: auto !important;
}

body.site-body .tag-check-split-list {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 14px !important;
    padding-top: 4px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
}

body.site-body .tag-check-split-list .tag-check-group {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    flex-wrap: nowrap !important;
    gap: 9px !important;
}

body.site-body .tag-check-split-list .tag-check-divider {
    flex: 0 0 1px !important;
}

body.site-body .tag-check {
    white-space: nowrap !important;
}

body.site-body .staff-list div.is-ve-member::after {
    display: none !important;
}

body.site-body .staff-list div.is-ve-member .ve-member-mark {
    position: absolute;
    z-index: 0;
    top: 8px;
    right: 8px;
    width: 38px;
    height: 38px;
    object-fit: contain;
    opacity: .32;
    mix-blend-mode: multiply;
    pointer-events: none;
}

body.site-body .staff-list div.is-ve-member .staff-person-name,
body.site-body .staff-list div.is-ve-member dt,
body.site-body .staff-list div.is-ve-member dd {
    position: relative;
    z-index: 1;
}

@media (max-width: 980px) {
    body.admin-body:not(.admin-login-body) .admin-main .system-media-grid {
        grid-template-columns: repeat(2, minmax(128px, 154px));
    }
}

@media (max-width: 720px) {
    body.admin-body:not(.admin-login-body) .admin-main .system-media-grid {
        grid-template-columns: minmax(128px, 154px);
    }
}

/* Multiple-song staff groups: one quiet glass surface per song or custom section. */
body.site-body .staff-groups {
    display: grid;
    gap: 14px;
}

body.site-body .staff-group {
    position: relative;
    overflow: hidden;
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, .82) !important;
    border-radius: 22px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .78), rgba(255, 255, 255, .38)) !important;
    box-shadow: 0 16px 38px rgba(36, 52, 88, .09), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
    backdrop-filter: blur(22px) saturate(145%);
    -webkit-backdrop-filter: blur(22px) saturate(145%);
}

body.site-body .staff-group-title {
    margin: 0 0 14px;
    color: #2e3035;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
}

body.site-body .staff-group .staff-list {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0 14px;
}

body.site-body .staff-group .staff-list > div {
    padding: 12px 6px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.site-body .staff-group .staff-list > div + div {
    border-top: 1px solid rgba(74, 93, 119, .12) !important;
}

body.site-body .staff-group .staff-list > div.is-ve-member {
    padding-right: 56px !important;
}

body.admin-body:not(.admin-login-body) .admin-main .staff-group-editor-list {
    display: grid;
    gap: 14px;
    margin: 0 0 12px;
}

body.admin-body:not(.admin-login-body) .admin-main .staff-group-editor {
    display: grid;
    gap: 12px;
    padding: 14px !important;
    border: 1px solid rgba(255, 255, 255, .72) !important;
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .48), rgba(255, 255, 255, .2)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .78), 0 12px 26px rgba(36, 52, 88, .06) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .staff-group-editor-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: end;
}

body.admin-body:not(.admin-login-body) .admin-main .staff-group-title-field {
    display: grid;
    gap: 7px;
    min-width: 0;
    color: #4b5563;
    font-size: 13px;
    font-weight: 650;
}

body.admin-body:not(.admin-login-body) .admin-main .staff-group-actions {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

body.admin-body:not(.admin-login-body) .admin-main .staff-group-add-person {
    justify-self: start;
    margin: 0;
}

@media (max-width: 720px) {
    body.site-body .staff-group .staff-list {
        grid-template-columns: 1fr;
    }

    body.admin-body:not(.admin-login-body) .admin-main .staff-group-editor-head {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    body.admin-body:not(.admin-login-body) .admin-main .staff-group-actions {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

/* Targeted fixes for work staff cards, external-link icons, and compact dialogs. */
body.site-body .staff-group .staff-list {
    gap: 10px !important;
}

body.site-body .staff-group .staff-list > div {
    position: relative;
    overflow: hidden;
    padding: 14px !important;
    border: 1px solid rgba(94, 108, 126, .12) !important;
    border-radius: 17px !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, .86), rgba(239, 247, 255, .38) 42%, rgba(244, 248, 255, .32) 72%, rgba(239, 252, 247, .28)) !important;
    box-shadow: 0 8px 18px rgba(36, 52, 88, .08), inset 0 1px 0 rgba(255, 255, 255, .78), inset 0 -1px 0 rgba(84, 96, 112, .04) !important;
    backdrop-filter: blur(24px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(150%) !important;
}

body.site-body .staff-group .staff-list > div::before {
    display: none;
}

body.site-body .staff-group .staff-list > div + div {
    border-top: 1px solid rgba(94, 108, 126, .12) !important;
}

body.site-body .staff-group .staff-list > div > dd,
body.site-body .staff-group .staff-list > div > dd > .staff-person-name {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent none !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

body.site-body .staff-group .staff-list > div > dd > .staff-person-name {
    display: inline !important;
}

body.site-body .staff-group .staff-list > div > dd > .staff-person-name::before,
body.site-body .staff-group .staff-list > div > dd > .staff-person-name::after {
    display: none !important;
    content: none !important;
}

body.site-body .staff-group .staff-list > div > dd,
body.site-body .staff-group .staff-list > div > dd > .staff-person-name {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

body.site-body .staff-group .staff-list > div {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

body.site-body .work-links-panel {
    margin: 16px 0 22px;
    padding: 18px 20px 14px;
    border: 1px solid rgba(255, 255, 255, .82);
    border-radius: 24px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .76), rgba(255, 255, 255, .38));
    box-shadow: 0 18px 46px rgba(36, 52, 88, .1), inset 0 1px 0 rgba(255, 255, 255, .9);
    backdrop-filter: blur(22px) saturate(150%);
    -webkit-backdrop-filter: blur(22px) saturate(150%);
}

body.site-body .work-links-panel h2 {
    margin: 0 0 12px;
    font-size: 19px;
    line-height: 1.2;
}

body.site-body .work-links-panel .work-link-grid {
    margin: 0 !important;
    gap: 10px !important;
}

body.site-body .work-links-panel .work-link-grid a {
    background: linear-gradient(145deg, rgba(255, 255, 255, .7), rgba(255, 255, 255, .34));
}

body.site-body .work-links-panel .contact-channel-icon img {
    width: 22px;
    height: 22px;
    object-fit: contain;
    border-radius: 8px;
}

body.admin-body:not(.admin-login-body) .admin-main .external-link-icon-row {
    display: grid;
    grid-template-columns: minmax(130px, auto) 86px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    padding: 12px 0 2px;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-links-card .external-link-row {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 14px 16px !important;
    border: 1px solid rgba(255, 255, 255, .66) !important;
    border-radius: 18px !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, .62), rgba(255, 255, 255, .34)) !important;
    box-shadow: 0 8px 22px rgba(36, 52, 88, .06), inset 0 1px 0 rgba(255, 255, 255, .84) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-links-card .external-link-row > .external-link-row-heading {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: flex !important;
    align-items: center !important;
    min-height: 30px;
    padding: 0 0 10px !important;
    border-bottom: 1px solid rgba(92, 105, 121, .14) !important;
    color: var(--admin-main-text, #1d1d1f);
    font-size: 15px;
    font-weight: 760;
    letter-spacing: .01em;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-links-card .external-link-row > .external-link-control-row {
    grid-column: 1 !important;
    grid-row: 3 !important;
    display: grid !important;
    grid-template-columns: minmax(250px, 360px) minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: end !important;
    min-width: 0;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-links-card .external-link-control-row > .external-link-icon-row {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: grid !important;
    grid-template-columns: 64px minmax(0, 1fr) !important;
    align-items: end !important;
    gap: 10px !important;
    padding: 0 !important;
    border-bottom: 0 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-links-card .external-link-control-row > .external-link-url-row {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0;
    padding: 0 !important;
    border-bottom: 0 !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-links-card .external-link-row > .i18n-editor.compact {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    padding: 0 0 12px !important;
    border-bottom: 1px solid rgba(92, 105, 121, .14) !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-links-card .external-link-url-row .row-sort-actions {
    align-self: end !important;
}

body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-links-card .external-link-icon-row .media-choice-actions {
    margin-top: 0 !important;
    align-self: end !important;
}

body.admin-body:not(.admin-login-body) .admin-main .external-link-icon-preview {
    display: grid !important;
    place-items: center !important;
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    padding: 8px !important;
    border: 1px solid rgba(255, 255, 255, .76) !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, .42) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .86) !important;
    cursor: zoom-in !important;
}

body.admin-body:not(.admin-login-body) .admin-main .external-link-icon-preview img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    border-radius: 10px;
}

body.admin-body:not(.admin-login-body) .admin-main .external-link-icon-preview span {
    color: var(--admin-main-muted, #6e6e73);
    font-size: 11px;
    line-height: 1.25;
    text-align: center;
}

body.admin-body:not(.admin-login-body) .admin-main button[data-remove-staff-group] {
    border-color: rgba(180, 35, 24, .16) !important;
    background: rgba(180, 35, 24, .08) !important;
    color: var(--danger) !important;
    box-shadow: none !important;
}

body.admin-body:not(.admin-login-body) .admin-main button[data-remove-staff-group]:hover {
    border-color: rgba(180, 35, 24, .24) !important;
    background: rgba(180, 35, 24, .12) !important;
    color: var(--danger) !important;
    box-shadow: none !important;
    transform: translateY(-1px) scale(1.025) !important;
}

.media-preview-window header {
    min-width: 0 !important;
}

.media-preview-window header h2 {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

.media-preview-window header > button {
    flex: 0 0 auto !important;
    min-width: max-content !important;
    white-space: nowrap !important;
}

@media (max-width: 720px) {
    body.site-body .work-links-panel {
        padding: 16px 14px 12px;
    }

    body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-links-card .external-link-row > .external-link-control-row {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-links-card .external-link-control-row > .external-link-icon-row,
    body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-links-card .external-link-control-row > .external-link-url-row {
        grid-column: 1 !important;
    }

    body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-links-card .external-link-control-row > .external-link-icon-row {
        grid-row: 1 !important;
    }

    body.admin-body:not(.admin-login-body) .admin-main .wide-admin-form .post-editor-links-card .external-link-control-row > .external-link-url-row {
        grid-row: 2 !important;
    }

    body.admin-body:not(.admin-login-body) .admin-main .external-link-icon-row {
        grid-template-columns: 1fr !important;
        justify-items: start !important;
    }
}

/* Match the work-detail back link to the quiet staff-card glass surface. */
body.site-body .detail-head .glass-back-link {
    border: 1px solid rgba(94, 108, 126, .12) !important;
    border-radius: 17px !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, .86), rgba(247, 246, 243, .46) 52%, rgba(238, 237, 234, .34)) !important;
    color: #1d1d1f !important;
    box-shadow: 0 8px 18px rgba(36, 52, 88, .08), inset 0 1px 0 rgba(255, 255, 255, .78), inset 0 -1px 0 rgba(84, 96, 112, .04) !important;
    backdrop-filter: blur(24px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(150%) !important;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, color .22s ease !important;
}

body.site-body .detail-head .glass-back-link:hover,
body.site-body .detail-head .glass-back-link:focus-visible {
    border-color: rgba(94, 108, 126, .12) !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, .82), rgba(242, 241, 238, .52)) !important;
    color: #1d1d1f !important;
    box-shadow: 0 20px 46px rgba(36, 52, 88, .13), inset 0 1px 0 rgba(255, 255, 255, .58) !important;
    transform: translateY(-4px) scale(1.015) !important;
    outline: none !important;
}

/* Keep work filter labels blue while the pointer is held down. */
body.site-body .tag-check:active,
body.site-body .tag-check:active span,
body.site-body .tag-check:not(.is-selected):focus-within,
body.site-body .tag-check:not(.is-selected):focus-within span {
    color: #2c6389 !important;
}

/* Let the work-filter FLIP animation own card opacity and movement. */
body.site-body #work-results.is-refreshed .work-card {
    animation: none !important;
}

body.site-body #work-results .work-card.is-filter-exiting {
    pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
    body.site-body #work-results.is-refreshed .work-card,
    body.site-body #work-results .work-card {
        animation: none !important;
        transition: none !important;
    }
}

/* Match the admin form's quiet gray focus state on the work search field. */
body.site-body .work-search-row input:focus,
body.site-body .work-search-row input:focus-visible {
    border-color: rgba(92, 88, 80, 0.40) !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: 0 0 0 4px rgba(92, 88, 80, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
    outline: 0 !important;
}