body.mosaicglass-site {
    --mg-glass-rgb: 12 18 26;
    --mg-button-rgb: 23 31 42;
    --mg-text: #edf2f7;
    --mg-muted: #b6c3d0;
    --mg-edge: #a2b9cf;
    --mg-edge-rgb: 184 209 234;
    --mg-engraving-rgb: 218 232 247;
    --mg-selected: #aecde9;
    --mg-focus: #c2def7;
    --mg-frost-rgb: 224 237 250;
    --mg-shadow-rgb: 0 0 0;
    --mg-theme-density: 1;
    --site-accent: var(--mg-selected);
    --site-accent-ink: var(--mg-selected);
    --site-focus: var(--mg-focus);
    --site-ink: var(--mg-text);
    --site-muted: var(--mg-muted);
    --site-line: rgb(var(--mg-edge-rgb) / .25);
    --site-header-ink: var(--mg-text);
    --site-header-muted: var(--mg-muted);
    --site-feature-ink: var(--mg-text);
    --site-feature-muted: var(--mg-muted);
    --site-content-width: min(1240px, calc(100% - 48px));
    margin: 0;
    background: #0b1017;
    color: var(--mg-text);
    font-family: "Segoe UI", Inter, Arial, sans-serif;
    line-height: 1.55;
}

:root[data-theme="light"] body.mosaicglass-site {
    --mg-glass-rgb: 230 237 245;
    --mg-button-rgb: 233 240 248;
    --mg-text: #1c2b3d;
    --mg-muted: #41556b;
    --mg-edge: #6d87a0;
    --mg-edge-rgb: 102 135 166;
    --mg-engraving-rgb: 40 61 83;
    --mg-selected: #294f76;
    --mg-focus: #1d547f;
    --mg-frost-rgb: 255 255 255;
    --mg-shadow-rgb: 11 19 31;
    --mg-theme-density: 1.07;
}

.mosaicglass-site *,
.mosaicglass-site *::before,
.mosaicglass-site *::after {
    box-sizing: border-box;
}

.mosaicglass-site .background-slideshow,
:root[data-theme="dark"] .mosaicglass-site .background-slideshow {
    position: fixed;
    inset: 0;
    background: linear-gradient(180deg, rgb(5 10 18 / .49), rgb(5 10 18 / .76)), url("../images/site-background-20260731-211225.jpg") center top / cover no-repeat;
    opacity: 1;
    filter: none;
    animation: none;
    pointer-events: none;
}

.mosaicglass-site :is(.mg-surface, .mg-action, :where(.language-picker summary, .aw-hero, .aw-page-heading, .page-intro, .guide-v1-intro, .policy-navigation, .aw-card, .aw-breadcrumbs, .site-footer, .aw-conversation-list, .aw-message-panel, .aw-mod-sidebar-card, .aw-empty-state, .tutorial-page .sidebar, .article-infobox, .guide-text-card, .guide-text-controls, .guide-text-metric, .guide-text-summary, .guide-v1-search, .guide-v1-progress, .aw-media-workspace, .aw-media-editor, .aw-media-preview, .aw-crop-dialog, .aw-social-section, .news-item, .aw-category-card, .aw-topic-row, .aw-member-row, .aw-conversation-row, .aw-comment-card, .aw-mod-comment, .aw-post-card, .aw-mod-card, .aw-notification-row, .aw-report-row, .aw-member-admin-row, .aw-my-mod-row, .aw-message, .guide-v1-toc a, .guide-v1-search-results a, .guide-v1-page, .guide-text-figure, .about-photo, .aw-stat-label, .aw-role-badge, .aw-alert, .aw-unread-badge, .aw-upload-status, .aw-upload-progress, .aw-profile-status, .policy-page .pill, .aw-reply-box .aw-form, .guide-v1-viewer-meta, .policy-language-menu, .editorial-article, .tutorial-page .article-container, .aw-policy-page, .aw-mod-description, .guide-text-chapter, .policy-page > main, .aw-button, .aw-text-button, .aw-like-button, .aw-reaction-button, .aw-comment-actions button, .aw-post-actions button, .aw-mod-comment-actions button, .aw-message-report button, .aw-pagination a, .aw-comment-sort a, .back-link, .tutorial-button, .guide-v1-actions a, .guide-v1-start, .guide-v1-language-picker button, .guide-v1-page-nav a, .guide-v1-search-clear, .guide-v1-viewer-control, .aw-media-editor button, .aw-avatar-editor button, .policy-theme-toggle, .policy-navigation > a, .policy-language summary, #imageModal > .close, .aw-crop-close, input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]):not([type="button"]), textarea, select)) {
    --mg-pointer-x: 50%;
    --mg-pointer-y: 0%;
    --mg-tilt-x: 0deg;
    --mg-tilt-y: 0deg;
    --mg-reactive: 0;
    position: relative;
    isolation: isolate;
    border: 1px solid rgb(var(--mg-edge-rgb) / .28);
    border-radius: 2px;
    background:
        linear-gradient(152deg, rgb(var(--mg-frost-rgb) / var(--mg-inner-one)), transparent 36%, rgb(var(--mg-frost-rgb) / var(--mg-inner-two))),
        rgb(var(--mg-glass-rgb) / calc(var(--mg-opacity) * var(--mg-theme-density)));
    color: var(--mg-text);
    box-shadow:
        inset 0 var(--mg-bevel) 0 rgb(var(--mg-edge-rgb) / var(--mg-bevel-light)),
        inset 0 calc(-1 * var(--mg-bevel)) 0 rgb(var(--mg-shadow-rgb) / var(--mg-bevel-light)),
        inset 0 0 0 1px rgb(var(--mg-edge-rgb) / var(--mg-edge-emission)),
        0 4px 8px rgb(var(--mg-shadow-rgb) / var(--mg-contact-shadow)),
        0 14px 28px rgb(var(--mg-shadow-rgb) / var(--mg-ambient-shadow));
    backdrop-filter: blur(var(--mg-blur));
    -webkit-backdrop-filter: blur(var(--mg-blur));
}

.mosaicglass-site :is(.mg-surface, .mg-action, :where(.aw-hero, .aw-page-heading, .page-intro, .guide-v1-intro, .policy-navigation, .aw-card, .aw-breadcrumbs, .site-footer, .aw-conversation-list, .aw-message-panel, .aw-mod-sidebar-card, .aw-empty-state, .tutorial-page .sidebar, .article-infobox, .guide-text-card, .guide-text-controls, .guide-text-metric, .guide-text-summary, .guide-v1-search, .guide-v1-progress, .aw-media-workspace, .aw-media-editor, .aw-media-preview, .aw-crop-dialog, .aw-social-section, .news-item, .aw-category-card, .aw-topic-row, .aw-member-row, .aw-conversation-row, .aw-comment-card, .aw-mod-comment, .aw-post-card, .aw-mod-card, .aw-notification-row, .aw-report-row, .aw-member-admin-row, .aw-my-mod-row, .aw-message, .guide-v1-toc a, .guide-v1-search-results a, .guide-v1-page, .guide-text-figure, .about-photo, .aw-stat-label, .aw-role-badge, .aw-alert, .aw-unread-badge, .aw-upload-status, .aw-upload-progress, .aw-profile-status, .policy-page .pill, .aw-reply-box .aw-form, .guide-v1-viewer-meta, .policy-language-menu, .editorial-article, .tutorial-page .article-container, .aw-policy-page, .aw-mod-description, .guide-text-chapter, .policy-page > main, .aw-button, .aw-text-button, .aw-like-button, .aw-reaction-button, .aw-comment-actions button, .aw-post-actions button, .aw-mod-comment-actions button, .aw-message-report button, .aw-pagination a, .aw-comment-sort a, .back-link, .tutorial-button, .guide-v1-actions a, .guide-v1-start, .guide-v1-language-picker button, .guide-v1-page-nav a, .guide-v1-search-clear, .guide-v1-viewer-control, .aw-media-editor button, .aw-avatar-editor button, .policy-theme-toggle, .policy-navigation > a, #imageModal > .close, .aw-crop-close))::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    width: auto;
    height: auto;
    border: 0;
    border-radius: inherit;
    background:
        radial-gradient(ellipse at var(--mg-pointer-x) var(--mg-pointer-y), rgb(var(--mg-frost-rgb) / var(--mg-specular)), transparent 68%),
        url("../images/mosaicglass/edge-fracture.svg") center / 100% 100% no-repeat;
    box-shadow: none;
    mask-image: linear-gradient(90deg, rgb(0 0 0 / var(--mg-crack)), transparent 22% 78%, rgb(0 0 0 / var(--mg-crack)));
    -webkit-mask-image: linear-gradient(90deg, rgb(0 0 0 / var(--mg-crack)), transparent 22% 78%, rgb(0 0 0 / var(--mg-crack)));
    content: "";
    opacity: .6;
    pointer-events: none;
}

.mosaicglass-site :is(.mg-surface, .mg-action, :where(.aw-hero, .aw-page-heading, .page-intro, .guide-v1-intro, .policy-navigation, .aw-card, .aw-breadcrumbs, .site-footer, .aw-conversation-list, .aw-message-panel, .aw-mod-sidebar-card, .aw-empty-state, .tutorial-page .sidebar, .article-infobox, .guide-text-card, .guide-text-controls, .guide-text-metric, .guide-text-summary, .guide-v1-search, .guide-v1-progress, .aw-media-workspace, .aw-media-editor, .aw-media-preview, .aw-crop-dialog, .aw-social-section, .news-item, .aw-category-card, .aw-topic-row, .aw-member-row, .aw-conversation-row, .aw-comment-card, .aw-mod-comment, .aw-post-card, .aw-mod-card, .aw-notification-row, .aw-report-row, .aw-member-admin-row, .aw-my-mod-row, .aw-message, .guide-v1-toc a, .guide-v1-search-results a, .guide-v1-page, .guide-text-figure, .about-photo, .aw-stat-label, .aw-role-badge, .aw-alert, .aw-unread-badge, .aw-upload-status, .aw-upload-progress, .aw-profile-status, .policy-page .pill, .aw-reply-box .aw-form, .guide-v1-viewer-meta, .policy-language-menu, .editorial-article, .tutorial-page .article-container, .aw-policy-page, .aw-mod-description, .guide-text-chapter, .policy-page > main, .aw-button, .aw-text-button, .aw-like-button, .aw-reaction-button, .aw-comment-actions button, .aw-post-actions button, .aw-mod-comment-actions button, .aw-message-report button, .aw-pagination a, .aw-comment-sort a, .back-link, .tutorial-button, .guide-v1-actions a, .guide-v1-start, .guide-v1-language-picker button, .guide-v1-page-nav a, .guide-v1-search-clear, .guide-v1-viewer-control, .aw-media-editor button, .aw-avatar-editor button, .policy-theme-toggle, .policy-navigation > a, #imageModal > .close, .aw-crop-close))::after {
    position: absolute;
    z-index: -1;
    inset: 0;
    width: auto;
    height: auto;
    padding: 1px;
    border: 0;
    border-radius: inherit;
    background:
        linear-gradient(120deg, transparent 15%, rgb(var(--mg-edge-rgb) / var(--mg-scan)) 45%, transparent 75%) var(--mg-scan-position, 150%) 0 / 220% 100%,
        linear-gradient(160deg, rgb(150 190 247 / var(--mg-chromatic)), transparent 48%, rgb(243 174 193 / var(--mg-chromatic)));
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    box-shadow: none;
    content: "";
    opacity: calc(.30 + var(--mg-reactive) + var(--mg-afterglow));
    transition: opacity var(--mg-response) ease;
    pointer-events: none;
}

.mosaicglass-site .mg-engraving {
    position: absolute;
    z-index: -1;
    inset: 0 0 0 auto;
    width: 52%;
    background: rgb(var(--mg-engraving-rgb));
    mask: var(--mg-art) right center / auto 100% no-repeat;
    -webkit-mask: var(--mg-art) right center / auto 100% no-repeat;
    opacity: .16;
    pointer-events: none;
}

.mosaicglass-site [data-mg-art="relationships"] {
    --mg-art: url("../images/mosaicglass/relationships-engraving.png");
}

.mosaicglass-site :is(.mg-action, :where(.language-picker summary, .aw-button, .aw-text-button, .aw-like-button, .aw-reaction-button, .aw-comment-actions button, .aw-post-actions button, .aw-mod-comment-actions button, .aw-message-report button, .aw-pagination a, .aw-comment-sort a, .back-link, .tutorial-button, .guide-v1-actions a, .guide-v1-start, .guide-v1-language-picker button, .guide-v1-page-nav a, .guide-v1-search-clear, .guide-v1-viewer-control, .aw-media-editor button, .aw-avatar-editor button, .policy-theme-toggle, .policy-navigation > a, .policy-language summary, #imageModal > .close, .aw-crop-close)) {
    background:
        linear-gradient(155deg, rgb(var(--mg-frost-rgb) / var(--mg-specular)), transparent 45%, rgb(var(--mg-frost-rgb) / var(--mg-frost))),
        rgb(var(--mg-button-rgb) / var(--mg-opacity));
    transform: perspective(500px) translateY(0) rotateX(var(--mg-tilt-x)) rotateY(var(--mg-tilt-y));
    transition: transform var(--mg-response) ease, border-color var(--mg-response) ease, box-shadow var(--mg-response) ease, background-color var(--mg-response) ease;
    text-decoration: none;
    cursor: pointer;
}

.mosaicglass-site :is(.mg-action, :where(.language-picker summary, .aw-button, .aw-text-button, .aw-like-button, .aw-reaction-button, .aw-comment-actions button, .aw-post-actions button, .aw-mod-comment-actions button, .aw-message-report button, .aw-pagination a, .aw-comment-sort a, .back-link, .tutorial-button, .guide-v1-actions a, .guide-v1-start, .guide-v1-language-picker button, .guide-v1-page-nav a, .guide-v1-search-clear, .guide-v1-viewer-control, .aw-media-editor button, .aw-avatar-editor button, .policy-theme-toggle, .policy-navigation > a, .policy-language summary, #imageModal > .close, .aw-crop-close)):hover,
.mosaicglass-site .mg-action:focus-visible {
    --mg-reactive: .45;
    border-color: var(--mg-edge);
    color: var(--mg-text);
    transform: perspective(500px) translateY(calc(-1 * var(--mg-lift))) rotateX(var(--mg-tilt-x)) rotateY(var(--mg-tilt-y));
    box-shadow:
        inset 0 var(--mg-bevel) 0 rgb(var(--mg-edge-rgb) / calc(var(--mg-bevel-light) + var(--mg-edge-boost))),
        inset 0 0 0 1px rgb(var(--mg-edge-rgb) / var(--mg-edge-emission)),
        0 6px 12px rgb(var(--mg-shadow-rgb) / var(--mg-contact-shadow)),
        0 0 12px rgb(var(--mg-edge-rgb) / var(--mg-state-charge));
}

.mosaicglass-site .mg-action:active {
    --mg-reactive: var(--mg-interaction-pulse);
    transform: translateY(calc(var(--mg-lift) / 2));
    box-shadow: inset 0 3px 6px rgb(var(--mg-shadow-rgb) / .25);
}

.mosaicglass-site :is(.mg-surface, .mg-action, :where(.aw-hero, .aw-page-heading, .page-intro, .guide-v1-intro, .policy-navigation, .aw-card, .aw-breadcrumbs, .site-footer, .aw-conversation-list, .aw-message-panel, .aw-mod-sidebar-card, .aw-empty-state, .tutorial-page .sidebar, .article-infobox, .guide-text-card, .guide-text-controls, .guide-text-metric, .guide-text-summary, .guide-v1-search, .guide-v1-progress, .aw-media-workspace, .aw-media-editor, .aw-media-preview, .aw-crop-dialog, .aw-social-section, .news-item, .aw-category-card, .aw-topic-row, .aw-member-row, .aw-conversation-row, .aw-comment-card, .aw-mod-comment, .aw-post-card, .aw-mod-card, .aw-notification-row, .aw-report-row, .aw-member-admin-row, .aw-my-mod-row, .aw-message, .guide-v1-toc a, .guide-v1-search-results a, .guide-v1-page, .guide-text-figure, .about-photo, .aw-stat-label, .aw-role-badge, .aw-alert, .aw-unread-badge, .aw-upload-status, .aw-upload-progress, .aw-profile-status, .policy-page .pill, .aw-reply-box .aw-form, .guide-v1-viewer-meta, .policy-language-menu, .editorial-article, .tutorial-page .article-container, .aw-policy-page, .aw-mod-description, .guide-text-chapter, .policy-page > main, .aw-button, .aw-text-button, .aw-like-button, .aw-reaction-button, .aw-comment-actions button, .aw-post-actions button, .aw-mod-comment-actions button, .aw-message-report button, .aw-pagination a, .aw-comment-sort a, .back-link, .tutorial-button, .guide-v1-actions a, .guide-v1-start, .guide-v1-language-picker button, .guide-v1-page-nav a, .guide-v1-search-clear, .guide-v1-viewer-control, .aw-media-editor button, .aw-avatar-editor button, .policy-theme-toggle, .policy-navigation > a, #imageModal > .close, .aw-crop-close)).mg-scanning::after {
    animation: mg-edge-scan var(--mg-scan-duration) ease-out 1;
}

.mosaicglass-site .mg-surface.mg-flowing::before {
    animation: mg-crack-flow 1.2s ease-out 1;
}

@keyframes mg-edge-scan {
    from { background-position: 150% 0, 0 0; }
    to { background-position: -150% 0, 0 0; }
}

@keyframes mg-crack-flow {
    45% { opacity: calc(.6 + var(--mg-crack-flow)); }
}

.mosaicglass-site :is(a, button, input, summary):focus-visible {
    outline: 2px solid var(--mg-focus);
    outline-offset: 4px;
}

.mosaicglass-site .editorial-header {
    z-index: 100;
    width: 100%;
    margin: 0;
    padding: 0;
    border-width: 0 0 1px;
    border-radius: 0;
    overflow: visible;
}

.mosaicglass-site .editorial-header-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 13px 24px;
    width: var(--site-content-width);
    margin: 0 auto;
    padding: 20px 0 16px;
}

.mosaicglass-site .brand-link {
    display: flex;
    grid-column: 1;
    grid-row: 1;
    align-items: center;
    gap: 15px;
    min-width: 0;
    color: var(--mg-text);
}

.mosaicglass-site .editorial-header .left-logo img {
    width: 76px;
    height: auto;
    max-width: 76px;
    max-height: 48px;
    object-fit: contain;
}

.mosaicglass-site .editorial-header .brand-copy {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    max-width: 320px;
}

.mosaicglass-site .brand-copy strong {
    color: var(--mg-text);
    font-size: 24px;
    font-weight: 650;
    letter-spacing: -.04em;
    line-height: 1.1;
}

.mosaicglass-site .editorial-header .brand-copy span {
    max-width: 320px;
    color: var(--mg-muted);
    font-size: 10px;
    letter-spacing: .01em;
    line-height: 1.4;
}

.mosaicglass-site .site-nav {
    display: flex;
    flex-wrap: wrap;
    grid-column: 1 / -1;
    grid-row: 2;
    gap: 8px;
    width: 100%;
    justify-content: flex-start;
}

.mosaicglass-site .nav-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 7px 17px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .02em;
    text-transform: none;
}

.mosaicglass-site .nav-link[aria-current="page"] {
    border-bottom: 2px solid var(--mg-selected);
    background-color: rgb(var(--mg-edge-rgb) / .12);
    color: var(--mg-text);
}

.mosaicglass-site .header-contact {
    display: flex;
    flex-wrap: wrap;
    grid-column: 2;
    grid-row: 1;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.mosaicglass-site .header-account {
    min-height: 44px;
    padding: 5px 10px;
    color: var(--mg-text);
}

.mosaicglass-site .header-account-name {
    color: var(--mg-text);
    font-size: 12px;
}

.mosaicglass-site .header-account-handle {
    color: var(--mg-muted);
}

.mosaicglass-site :is(.header-profile-link, .header-notifications-toggle, .theme-toggle, .extra-button) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    padding: 8px;
    border-radius: 2px;
    color: var(--mg-text);
}

.mosaicglass-site :is(.header-profile-link, .header-notifications-toggle) svg {
    width: 22px;
    height: 22px;
}

.mosaicglass-site .mg-action:disabled {
    opacity: .55;
    transform: none;
    cursor: default;
}

.mosaicglass-site .theme-toggle svg {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
}

.mosaicglass-site .theme-toggle .theme-icon-moon,
:root[data-theme="dark"] .mosaicglass-site .theme-toggle .theme-icon-sun {
    display: none;
}

.mosaicglass-site .theme-toggle .theme-icon-sun,
:root[data-theme="dark"] .mosaicglass-site .theme-toggle .theme-icon-moon {
    display: block;
}

.mosaicglass-site .language-picker summary {
    min-height: 40px;
    padding: 8px 12px;
    border-radius: 2px;
    font-size: 12px;
}

.mosaicglass-site .language-picker[open] summary {
    border-color: var(--mg-edge);
    color: var(--mg-text);
}

.mosaicglass-site :is(.language-picker-menu, .header-notifications-panel) {
    z-index: 1002;
    position: absolute;
    padding: 8px;
    color: var(--mg-text);
}

.mosaicglass-site :is(.language-picker-menu, .header-notifications-panel) a {
    color: var(--mg-text);
}

.mosaicglass-site .language-picker-menu a:hover,
.mosaicglass-site .language-picker-menu a:focus-visible,
.mosaicglass-site .language-picker-menu a[aria-current="true"] {
    background: rgb(var(--mg-edge-rgb) / .14);
    color: var(--mg-text);
}

.mosaicglass-site .editorial-utility {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px 24px;
    min-height: 52px;
    padding: 10px 0;
    border-top: 1px solid rgb(var(--mg-edge-rgb) / .18);
}

.mosaicglass-site .utility-group {
    display: flex;
    align-items: center;
    gap: 12px;
}

.mosaicglass-site .utility-label {
    color: var(--mg-muted);
    font-size: 10px;
    letter-spacing: .1em;
}

.mosaicglass-site :is(.official-links, .author-links) {
    gap: 5px;
    width: auto;
    padding: 0;
    flex: 0 1 auto;
    justify-content: flex-start;
}

.mosaicglass-site .editorial-header .menu-item {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    padding: 7px;
    border-radius: 2px;
}

.mosaicglass-site .editorial-header .menu-item .icon {
    width: 20px;
    height: 20px;
    object-fit: contain;
    filter: none;
}

.mosaicglass-site .header-author-contact,
.mosaicglass-site .header-author-contact a {
    color: var(--mg-muted);
    font-size: 10px;
}

.mosaicglass-site .site-main {
    width: var(--site-content-width);
    margin: 0 auto;
    padding: 28px 0 60px;
}

.mosaicglass-site .page-intro {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(260px, 1fr);
    align-items: end;
    gap: 36px;
    min-height: 236px;
    padding: 34px 38px;
    overflow: hidden;
    border-left-width: 1px;
}

.mosaicglass-site .page-intro > :not(.mg-engraving) {
    position: relative;
    z-index: 1;
}

.mosaicglass-site .page-intro .mg-engraving {
    position: absolute;
    z-index: -1;
}

.mosaicglass-site .page-kicker {
    margin: 0 0 12px;
    color: var(--mg-muted);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .14em;
}

.mosaicglass-site .page-title {
    margin: 0;
    color: var(--mg-text);
    font-size: clamp(34px, 4vw, 52px);
    font-weight: 600;
    letter-spacing: -.045em;
    line-height: 1.1;
}

.mosaicglass-site .page-lead {
    max-width: 500px;
    margin: 15px 0 0;
    color: var(--mg-muted);
    font-size: 15px;
    line-height: 1.55;
}

.mosaicglass-site .search-container {
    width: 100%;
    max-width: none;
    padding: 0;
}

.mosaicglass-site #news-search {
    width: 100%;
    min-height: 48px;
    border: 1px solid rgb(var(--mg-edge-rgb) / .45);
    border-radius: 2px;
    background: rgb(var(--mg-button-rgb) / .9);
    color: var(--mg-text);
    padding: 12px 36px 12px 44px;
    box-shadow: inset 0 2px 7px rgb(var(--mg-shadow-rgb) / .17);
    font-size: 14px;
}

.mosaicglass-site #news-search::placeholder {
    color: var(--mg-muted);
    opacity: 1;
}

.mosaicglass-site #news-search:focus {
    border-color: var(--mg-focus);
    background: rgb(var(--mg-button-rgb) / .98);
    box-shadow: 0 0 0 2px rgb(var(--mg-edge-rgb) / .15);
}

.mosaicglass-site .search-container::before {
    border-color: var(--mg-muted);
}

.mosaicglass-site .search-container::after {
    background: var(--mg-muted);
}

.mosaicglass-site .home-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
    align-items: start;
    gap: 24px;
    padding-top: 26px;
}

.mosaicglass-site .home-primary {
    min-width: 0;
}

.mosaicglass-site .section-heading {
    min-height: 42px;
    margin: 0 0 14px;
    padding: 0;
    border: 0;
    color: #edf2f7;
    text-shadow: 0 1px 3px rgb(0 0 0 / .7);
}

.mosaicglass-site .section-heading h2 {
    color: #edf2f7;
    font-size: 21px;
    font-weight: 600;
    letter-spacing: -.02em;
}

.mosaicglass-site .section-heading .section-kicker {
    display: none;
}

.mosaicglass-site .section-count {
    padding: 5px 9px;
    color: var(--mg-muted);
    font-size: 10px;
    letter-spacing: .08em;
    text-shadow: none;
}

.mosaicglass-site .news-container.news-stream {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    border: 0;
}

.mosaicglass-site .news-item {
    display: block;
    margin: 0;
    padding: 22px 24px;
    min-width: 0;
    text-decoration: none;
    transition: border-color .2s ease;
}

.mosaicglass-site .news-item.has-image {
    display: grid;
    grid-template-columns: minmax(140px, .85fr) minmax(0, 1.3fr);
    align-items: center;
    gap: 24px;
}

.mosaicglass-site .news-item:hover,
.mosaicglass-site .news-item:focus-visible {
    border-color: var(--mg-edge);
    padding-left: 24px;
    color: var(--mg-text);
    background:
        linear-gradient(152deg, rgb(var(--mg-frost-rgb) / var(--mg-inner-one)), transparent 36%, rgb(var(--mg-frost-rgb) / var(--mg-inner-two))),
        rgb(var(--mg-glass-rgb) / calc(var(--mg-opacity) * var(--mg-theme-density)));
}

.mosaicglass-site .news-item:hover::before {
    opacity: .6;
}

.mosaicglass-site .news-item img,
.mosaicglass-site .news-item:hover img {
    width: 100%;
    height: auto;
    max-height: none;
    aspect-ratio: auto;
    object-fit: contain;
    filter: none;
    border: 1px solid rgb(var(--mg-edge-rgb) / .20);
    border-radius: 1px;
    box-shadow: none;
    transform: none;
}

.mosaicglass-site .story-content {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.mosaicglass-site .news-item .story-kicker {
    margin: 0 0 9px;
    color: var(--mg-muted);
    font-size: 9px;
    letter-spacing: .12em;
}

.mosaicglass-site .news-item .news-title {
    margin: 0 0 8px;
    color: var(--mg-text);
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -.025em;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.mosaicglass-site .news-item.has-image .news-title {
    font-size: 25px;
}

.mosaicglass-site .news-date {
    margin: 0 0 12px;
    color: var(--mg-muted);
    font-size: 11px;
    letter-spacing: .015em;
    text-transform: none;
}

.mosaicglass-site .news-text {
    color: var(--mg-muted);
    font-size: 13px;
    line-height: 1.65;
}

.mosaicglass-site .home-sidebar {
    display: grid;
    gap: 16px;
    padding-top: 0;
}

.mosaicglass-site :is(.sidebar-card, .mg-guide) {
    display: block;
    padding: 25px;
    overflow: hidden;
    text-decoration: none;
    border-top-width: 1px;
}

.mosaicglass-site .mg-guide {
    min-height: 0;
}

.mosaicglass-site .mg-guide .story-kicker {
    color: var(--mg-muted);
    font-size: 10px;
    letter-spacing: .13em;
}

.mosaicglass-site .mg-guide .story-kicker::before {
    display: none;
}

.mosaicglass-site .mg-guide .news-title {
    margin: 10px 0 12px;
    color: var(--mg-text);
    font-size: 27px;
    font-weight: 600;
    letter-spacing: -.025em;
    line-height: 1.2;
}

.mosaicglass-site .mg-guide .news-text {
    color: var(--mg-muted);
    font-size: 13px;
}

.mosaicglass-site .mg-guide .story-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 21px;
    padding: 10px 13px;
    min-height: 42px;
    color: var(--mg-text);
    font-size: 11px;
    letter-spacing: .03em;
}

.mosaicglass-site .mg-guide:hover .story-action {
    border-color: var(--mg-edge);
}

.mosaicglass-site .sidebar-card h2 {
    margin: 10px 0;
    color: var(--mg-text);
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -.025em;
}

.mosaicglass-site .sidebar-card .section-kicker {
    color: var(--mg-muted);
    font-size: 10px;
    letter-spacing: .1em;
}

.mosaicglass-site .sidebar-card p:not(.section-kicker) {
    color: var(--mg-muted);
    font-size: 13px;
    line-height: 1.6;
}

.mosaicglass-site .mg-community > :not(.mg-engraving) {
    position: relative;
    z-index: 1;
}

.mosaicglass-site .mg-community .mg-engraving {
    width: 100%;
    opacity: .08;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
}

.mosaicglass-site .mg-community-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
}

.mosaicglass-site .mg-community-actions .mg-action {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    min-height: 42px;
    padding: 8px 12px;
    font-size: 11px;
    font-weight: 600;
}

.mosaicglass-site .sidebar-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 9px;
    min-height: 44px;
    padding: 10px 13px;
    color: var(--mg-text);
    font-size: 12px;
    letter-spacing: .02em;
    text-transform: none;
}

.mosaicglass-site :is(.story-action, .sidebar-link) span {
    color: var(--mg-text);
}

.mosaicglass-site .community-prompt {
    z-index: 1100;
    position: fixed;
    right: max(20px, env(safe-area-inset-right));
    bottom: max(20px, env(safe-area-inset-bottom));
    padding: 25px;
    border-top-width: 1px;
    color: var(--mg-text);
}

.mosaicglass-site .community-prompt-kicker {
    color: var(--mg-muted);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .1em;
}

.mosaicglass-site .community-prompt h2 {
    color: var(--mg-text);
    font-size: 27px;
    font-weight: 600;
    letter-spacing: -.025em;
}

.mosaicglass-site .community-prompt-copy {
    color: var(--mg-muted);
    font-size: 13px;
}

.mosaicglass-site .community-prompt-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    flex: 0 0 44px;
    color: var(--mg-text);
    font-size: 25px;
    border-radius: 2px;
}

.mosaicglass-site .community-prompt-links a {
    border-color: rgb(var(--mg-edge-rgb) / .2);
    color: var(--mg-text);
    font-weight: 600;
}

.mosaicglass-site .community-prompt-links a:hover {
    background: rgb(var(--mg-edge-rgb) / .1);
    color: var(--mg-text);
}

.mosaicglass-site .community-prompt-links a > span:last-child {
    color: var(--mg-muted);
}

.mosaicglass-site .tooltip {
    z-index: 1200;
    position: absolute;
    color: var(--mg-text);
    font-size: 12px;
    padding: 9px 12px;
    border-radius: 2px;
}

.mosaicglass-site #scrollTopBtn {
    position: fixed;
    z-index: 1050;
    width: 44px;
    height: 44px;
    color: var(--mg-text);
    border-radius: 2px;
}

.mosaicglass-site .mg-empty {
    padding: 26px;
    margin: 0;
    font-size: 14px;
}

.mosaicglass-site [hidden] {
    display: none !important;
}

@media (max-width: 1000px) {
    .mosaicglass-site .home-grid {
        grid-template-columns: minmax(0, 1fr) minmax(250px, 31%);
        gap: 18px;
    }

    .mosaicglass-site .page-intro {
        gap: 24px;
        padding: 30px;
        grid-template-columns: minmax(0, 1.4fr) minmax(230px, 1fr);
    }

    .mosaicglass-site .news-item.has-image {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .mosaicglass-site :is(.mg-guide, .sidebar-card) {
        padding: 22px;
    }
}

@media (max-width: 760px) {
    body.mosaicglass-site {
        --site-content-width: calc(100% - 32px);
    }

    .mosaicglass-site .editorial-header-main {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
        padding: 14px 0;
    }

    .mosaicglass-site .brand-link {
        grid-row: 1;
    }

    .mosaicglass-site .header-contact {
        grid-column: 1;
        grid-row: 2;
        justify-content: flex-start;
    }

    .mosaicglass-site .site-nav {
        grid-row: 3;
    }

    .mosaicglass-site .editorial-utility {
        justify-content: flex-start;
        gap: 12px;
    }

    .mosaicglass-site .page-intro {
        grid-template-columns: 1fr;
        gap: 25px;
        padding: 28px;
    }

    .mosaicglass-site .home-grid {
        grid-template-columns: 1fr;
        gap: 26px;
    }

    .mosaicglass-site .news-item.has-image {
        grid-template-columns: minmax(140px, .8fr) minmax(0, 1fr);
    }

    .mosaicglass-site .home-sidebar {
        grid-template-columns: 1fr 1fr;
        align-items: start;
    }

    .mosaicglass-site .home-sidebar > :first-child {
        grid-row: span 2;
    }
}

@media (max-width: 480px) {
    body.mosaicglass-site {
        --site-content-width: calc(100% - 28px);
    }

    .mosaicglass-site .editorial-header .left-logo img {
        width: 66px;
        max-width: 66px;
    }

    .mosaicglass-site .editorial-header .brand-copy span {
        font-size: 9px;
    }

    .mosaicglass-site .header-contact {
        display: flex;
        gap: 6px;
    }

    .mosaicglass-site :is(.theme-toggle, .header-profile-link, .header-notifications-toggle, .extra-button) {
        width: 44px;
        height: 44px;
        flex-basis: 44px;
    }

    .mosaicglass-site .language-picker summary {
        min-height: 44px;
        padding: 10px;
    }

    .mosaicglass-site .language-picker summary span {
        display: none;
    }

    .mosaicglass-site .language-picker-menu {
        right: auto;
        left: -80px;
        max-width: calc(100vw - 28px);
    }

    .mosaicglass-site .header-account {
        min-height: 44px;
        padding: 5px 8px;
    }

    .mosaicglass-site .header-account-copy {
        max-width: 80px;
    }

    .mosaicglass-site .header-notifications-panel {
        position: fixed;
        top: 128px;
        right: 14px;
        width: calc(100vw - 28px);
    }

    .mosaicglass-site .site-nav {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
    }

    .mosaicglass-site .nav-link {
        min-height: 42px;
        padding: 8px 6px;
        font-size: 11px;
    }

    .mosaicglass-site .utility-group {
        gap: 8px;
        width: auto;
        flex: 0 1 auto;
        justify-content: flex-start;
    }

    .mosaicglass-site .utility-label {
        font-size: 8px;
    }

    .mosaicglass-site .editorial-header .menu-item {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
        padding: 7px;
    }

    .mosaicglass-site .editorial-header .menu-item .icon {
        width: 17px;
        height: 17px;
    }

    .mosaicglass-site .utility-group-author {
        flex-wrap: wrap;
    }

    .mosaicglass-site .header-author-contact {
        text-align: left;
    }

    .mosaicglass-site .site-main {
        padding-top: 20px;
    }

    .mosaicglass-site .page-intro {
        padding: 25px 22px;
    }

    .mosaicglass-site .page-title {
        font-size: 36px;
    }

    .mosaicglass-site .page-lead {
        font-size: 14px;
    }

    .mosaicglass-site #news-search {
        font-size: 16px;
    }

    .mosaicglass-site .news-item,
    .mosaicglass-site .news-item:hover {
        padding: 21px;
    }

    .mosaicglass-site .news-item.has-image {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
    }

    .mosaicglass-site .news-item.has-image .news-title {
        font-size: 24px;
    }

    .mosaicglass-site .home-sidebar {
        grid-template-columns: minmax(0, 1fr);
    }

    .mosaicglass-site .community-prompt {
        right: 14px;
        bottom: max(14px, env(safe-area-inset-bottom));
        width: calc(100vw - 28px);
        max-height: calc(100dvh - 28px);
        overflow: auto;
        padding: 22px;
    }
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .mosaicglass-site .mg-surface {
        background-color: rgb(var(--mg-glass-rgb) / .97);
    }
}

@media (prefers-reduced-motion: reduce), (pointer: coarse) {
    .mosaicglass-site :is(.mg-surface, .mg-action, :where(.language-picker summary, .aw-hero, .aw-page-heading, .page-intro, .guide-v1-intro, .policy-navigation, .aw-card, .aw-breadcrumbs, .site-footer, .aw-conversation-list, .aw-message-panel, .aw-mod-sidebar-card, .aw-empty-state, .tutorial-page .sidebar, .article-infobox, .guide-text-card, .guide-text-controls, .guide-text-metric, .guide-text-summary, .guide-v1-search, .guide-v1-progress, .aw-media-workspace, .aw-media-editor, .aw-media-preview, .aw-crop-dialog, .aw-social-section, .news-item, .aw-category-card, .aw-topic-row, .aw-member-row, .aw-conversation-row, .aw-comment-card, .aw-mod-comment, .aw-post-card, .aw-mod-card, .aw-notification-row, .aw-report-row, .aw-member-admin-row, .aw-my-mod-row, .aw-message, .guide-v1-toc a, .guide-v1-search-results a, .guide-v1-page, .guide-text-figure, .about-photo, .aw-stat-label, .aw-role-badge, .aw-alert, .aw-unread-badge, .aw-upload-status, .aw-upload-progress, .aw-profile-status, .policy-page .pill, .aw-reply-box .aw-form, .guide-v1-viewer-meta, .policy-language-menu, .editorial-article, .tutorial-page .article-container, .aw-policy-page, .aw-mod-description, .guide-text-chapter, .policy-page > main, .aw-button, .aw-text-button, .aw-like-button, .aw-reaction-button, .aw-comment-actions button, .aw-post-actions button, .aw-mod-comment-actions button, .aw-message-report button, .aw-pagination a, .aw-comment-sort a, .back-link, .tutorial-button, .guide-v1-actions a, .guide-v1-start, .guide-v1-language-picker button, .guide-v1-page-nav a, .guide-v1-search-clear, .guide-v1-viewer-control, .aw-media-editor button, .aw-avatar-editor button, .policy-theme-toggle, .policy-navigation > a, .policy-language summary, #imageModal > .close, .aw-crop-close, input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]):not([type="button"]), textarea, select)),
    .mosaicglass-site :is(.mg-surface, .mg-action, :where(.language-picker summary, .aw-hero, .aw-page-heading, .page-intro, .guide-v1-intro, .policy-navigation, .aw-card, .aw-breadcrumbs, .site-footer, .aw-conversation-list, .aw-message-panel, .aw-mod-sidebar-card, .aw-empty-state, .tutorial-page .sidebar, .article-infobox, .guide-text-card, .guide-text-controls, .guide-text-metric, .guide-text-summary, .guide-v1-search, .guide-v1-progress, .aw-media-workspace, .aw-media-editor, .aw-media-preview, .aw-crop-dialog, .aw-social-section, .news-item, .aw-category-card, .aw-topic-row, .aw-member-row, .aw-conversation-row, .aw-comment-card, .aw-mod-comment, .aw-post-card, .aw-mod-card, .aw-notification-row, .aw-report-row, .aw-member-admin-row, .aw-my-mod-row, .aw-message, .guide-v1-toc a, .guide-v1-search-results a, .guide-v1-page, .guide-text-figure, .about-photo, .aw-stat-label, .aw-role-badge, .aw-alert, .aw-unread-badge, .aw-upload-status, .aw-upload-progress, .aw-profile-status, .policy-page .pill, .aw-reply-box .aw-form, .guide-v1-viewer-meta, .policy-language-menu, .editorial-article, .tutorial-page .article-container, .aw-policy-page, .aw-mod-description, .guide-text-chapter, .policy-page > main, .aw-button, .aw-text-button, .aw-like-button, .aw-reaction-button, .aw-comment-actions button, .aw-post-actions button, .aw-mod-comment-actions button, .aw-message-report button, .aw-pagination a, .aw-comment-sort a, .back-link, .tutorial-button, .guide-v1-actions a, .guide-v1-start, .guide-v1-language-picker button, .guide-v1-page-nav a, .guide-v1-search-clear, .guide-v1-viewer-control, .aw-media-editor button, .aw-avatar-editor button, .policy-theme-toggle, .policy-navigation > a, .policy-language summary, #imageModal > .close, .aw-crop-close, input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]):not([type="button"]), textarea, select)):hover,
    .mosaicglass-site .mg-action:active {
        transform: none;
        transition: none;
    }

    .mosaicglass-site :is(.mg-surface, .mg-action, :where(.aw-hero, .aw-page-heading, .page-intro, .guide-v1-intro, .policy-navigation, .aw-card, .aw-breadcrumbs, .site-footer, .aw-conversation-list, .aw-message-panel, .aw-mod-sidebar-card, .aw-empty-state, .tutorial-page .sidebar, .article-infobox, .guide-text-card, .guide-text-controls, .guide-text-metric, .guide-text-summary, .guide-v1-search, .guide-v1-progress, .aw-media-workspace, .aw-media-editor, .aw-media-preview, .aw-crop-dialog, .aw-social-section, .news-item, .aw-category-card, .aw-topic-row, .aw-member-row, .aw-conversation-row, .aw-comment-card, .aw-mod-comment, .aw-post-card, .aw-mod-card, .aw-notification-row, .aw-report-row, .aw-member-admin-row, .aw-my-mod-row, .aw-message, .guide-v1-toc a, .guide-v1-search-results a, .guide-v1-page, .guide-text-figure, .about-photo, .aw-stat-label, .aw-role-badge, .aw-alert, .aw-unread-badge, .aw-upload-status, .aw-upload-progress, .aw-profile-status, .policy-page .pill, .aw-reply-box .aw-form, .guide-v1-viewer-meta, .policy-language-menu, .editorial-article, .tutorial-page .article-container, .aw-policy-page, .aw-mod-description, .guide-text-chapter, .policy-page > main, .aw-button, .aw-text-button, .aw-like-button, .aw-reaction-button, .aw-comment-actions button, .aw-post-actions button, .aw-mod-comment-actions button, .aw-message-report button, .aw-pagination a, .aw-comment-sort a, .back-link, .tutorial-button, .guide-v1-actions a, .guide-v1-start, .guide-v1-language-picker button, .guide-v1-page-nav a, .guide-v1-search-clear, .guide-v1-viewer-control, .aw-media-editor button, .aw-avatar-editor button, .policy-theme-toggle, .policy-navigation > a, #imageModal > .close, .aw-crop-close))::before,
    .mosaicglass-site :is(.mg-surface, .mg-action, :where(.aw-hero, .aw-page-heading, .page-intro, .guide-v1-intro, .policy-navigation, .aw-card, .aw-breadcrumbs, .site-footer, .aw-conversation-list, .aw-message-panel, .aw-mod-sidebar-card, .aw-empty-state, .tutorial-page .sidebar, .article-infobox, .guide-text-card, .guide-text-controls, .guide-text-metric, .guide-text-summary, .guide-v1-search, .guide-v1-progress, .aw-media-workspace, .aw-media-editor, .aw-media-preview, .aw-crop-dialog, .aw-social-section, .news-item, .aw-category-card, .aw-topic-row, .aw-member-row, .aw-conversation-row, .aw-comment-card, .aw-mod-comment, .aw-post-card, .aw-mod-card, .aw-notification-row, .aw-report-row, .aw-member-admin-row, .aw-my-mod-row, .aw-message, .guide-v1-toc a, .guide-v1-search-results a, .guide-v1-page, .guide-text-figure, .about-photo, .aw-stat-label, .aw-role-badge, .aw-alert, .aw-unread-badge, .aw-upload-status, .aw-upload-progress, .aw-profile-status, .policy-page .pill, .aw-reply-box .aw-form, .guide-v1-viewer-meta, .policy-language-menu, .editorial-article, .tutorial-page .article-container, .aw-policy-page, .aw-mod-description, .guide-text-chapter, .policy-page > main, .aw-button, .aw-text-button, .aw-like-button, .aw-reaction-button, .aw-comment-actions button, .aw-post-actions button, .aw-mod-comment-actions button, .aw-message-report button, .aw-pagination a, .aw-comment-sort a, .back-link, .tutorial-button, .guide-v1-actions a, .guide-v1-start, .guide-v1-language-picker button, .guide-v1-page-nav a, .guide-v1-search-clear, .guide-v1-viewer-control, .aw-media-editor button, .aw-avatar-editor button, .policy-theme-toggle, .policy-navigation > a, #imageModal > .close, .aw-crop-close))::after {
        animation: none !important;
        transition: none;
    }
}