html body.mosaicglass-site {
    --site-page-bg: rgb(var(--mg-glass-rgb));
    --site-page-bg-deep: rgb(var(--mg-glass-rgb));
    --site-surface: rgb(var(--mg-glass-rgb) / .86);
    --site-surface-strong: rgb(var(--mg-glass-rgb) / .96);
    --site-surface-dark: rgb(var(--mg-glass-rgb));
    --site-surface-light: rgb(var(--mg-button-rgb));
    --site-text: var(--mg-text);
    --site-text-secondary: var(--mg-muted);
    --site-hover-surface: rgb(var(--mg-edge-rgb) / .09);
    --site-accent-soft: rgb(var(--mg-edge-rgb) / .12);
    --site-control-bg: rgb(var(--mg-button-rgb) / .93);
    --site-control-ink: var(--mg-text);
    --site-control-line: rgb(var(--mg-edge-rgb) / .35);
    --site-control-hover: rgb(var(--mg-button-rgb));
    --site-feature-bg: rgb(var(--mg-glass-rgb) / .91);
    --site-feature-line: var(--site-line);
    --site-feature-grid: rgb(var(--mg-edge-rgb) / .03);
    --site-floating-surface: rgb(var(--mg-glass-rgb) / .98);
    --site-floating-ink: var(--mg-text);
    --site-floating-line: var(--site-line);
    --site-guide-surface: rgb(var(--mg-glass-rgb) / .96);
    --site-guide-ink: var(--mg-text);
    --site-guide-muted: var(--mg-muted);
    --site-header-bg: rgb(var(--mg-glass-rgb) / .82);
    --site-header-line: var(--site-line);
    --site-header-hover: var(--site-hover-surface);
    --site-code-bg: rgb(var(--mg-shadow-rgb) / .14);
    --site-code-ink: var(--mg-text);
    --site-shadow: 0 8px 20px rgb(var(--mg-shadow-rgb) / .16);
    --site-shadow-strong: 0 14px 30px rgb(var(--mg-shadow-rgb) / .28);
    --site-content-top: 24px;
    --policy-bg: var(--site-page-bg);
    --policy-fg: var(--mg-text);
    --policy-surface: var(--site-surface);
    --policy-muted: var(--mg-muted);
    --policy-line: var(--site-line);
    --policy-link: var(--mg-selected);
    --policy-focus: var(--mg-focus);
    --mg-danger: #f8aaa9;
    --mg-success: #a5d9bc;
}

:root[data-theme="light"] body.mosaicglass-site {
    --mg-danger: #9f3039;
    --mg-success: #246443;
}

html body.mosaicglass-site :is(.aw-main, .article-layout) {
    width: var(--site-content-width);
    max-width: 1240px;
    margin: 0 auto;
    padding-top: 28px;
}

html body.mosaicglass-site :is(.aw-hero, .aw-page-heading) {
    gap: 24px;
    padding: clamp(24px, 4vw, 44px);
    margin-bottom: 26px;
    border-top: 1px solid rgb(var(--mg-edge-rgb) / .5);
}

html body.mosaicglass-site :is(.aw-hero h1, .aw-page-heading h1) {
    color: var(--mg-text);
    font-size: clamp(32px, 4vw, 50px);
    font-weight: 620;
    letter-spacing: -.045em;
    line-height: 1.12;
}

html body.mosaicglass-site :is(.aw-hero p, .aw-lead) {
    color: var(--mg-muted);
    max-width: 64ch;
    line-height: 1.7;
}

html body.mosaicglass-site :is(.aw-card, .aw-mod-sidebar-card, .aw-conversation-list, .aw-message-panel) {
    border-top: 1px solid rgb(var(--mg-edge-rgb) / .35);
}

html body.mosaicglass-site :is(.aw-card-kicker, .aw-stat-label, .aw-role-badge, .article-label, .article-date, .article-section, .guide-text-chapter-index) {
    color: var(--mg-muted);
    letter-spacing: .12em;
    font-weight: 650;
}

html body.mosaicglass-site :is(.aw-card h1, .aw-card h2, .aw-card h3, .aw-mod-card h2, .aw-post-card h2, .aw-section-heading h2) {
    color: var(--mg-text);
    font-weight: 620;
    letter-spacing: -.025em;
}

html body.mosaicglass-site :is(.aw-button, .aw-text-button, .aw-like-button, .back-link, .aw-pagination a, .aw-comment-sort a, .guide-v1-search-clear) {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 9px 15px;
    color: var(--mg-text);
    font: inherit;
    font-size: .84rem;
    font-weight: 650;
    letter-spacing: .015em;
    line-height: 1.3;
    text-decoration: none;
}

html body.mosaicglass-site :is(.aw-button-primary, [aria-current="page"], .aw-pagination .is-current, .aw-comment-sort .is-active, .aw-like-button.is-liked) {
    border-color: rgb(var(--mg-edge-rgb) / .7);
    box-shadow: inset 0 0 0 1px rgb(var(--mg-edge-rgb) / .16), 0 0 14px rgb(var(--mg-edge-rgb) / .06);
    color: var(--mg-selected);
}

html body.mosaicglass-site :is(.aw-button-danger, .aw-alert-error) {
    color: var(--mg-danger);
    border-color: color-mix(in srgb, var(--mg-danger) 48%, transparent);
}

html body.mosaicglass-site .aw-alert-success {
    color: var(--mg-success);
    border-color: color-mix(in srgb, var(--mg-success) 48%, transparent);
}

html body.mosaicglass-site .aw-upload-progress {
    color: var(--mg-muted);
    border-left: 2px solid var(--mg-edge);
}

html body.mosaicglass-site :is(.aw-upload-progress.is-error, .aw-media-error, .aw-reaction-button.is-error) {
    color: var(--mg-danger);
    border-color: var(--mg-danger);
}

html body.mosaicglass-site .aw-reaction-button.is-liked {
    color: var(--mg-selected);
    background: var(--site-control-bg);
    border-color: var(--mg-selected);
}

html body.mosaicglass-site .aw-reaction-button.is-pending {
    opacity: .58;
    cursor: wait;
}

html body.mosaicglass-site :is(.aw-stat-label, .aw-role-badge, .policy-page .pill) {
    display: inline-flex;
    align-items: center;
    padding: 5px 9px;
    border-radius: 2px;
    font-size: .72rem;
}

html body.mosaicglass-site :is(input, textarea, select):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]) {
    min-height: 44px;
    min-width: 0;
    max-width: 100%;
    padding: 12px 14px;
    color: var(--mg-text);
    font: inherit;
    line-height: 1.5;
    border-radius: 2px;
}

html body.mosaicglass-site textarea {
    resize: vertical;
    min-height: 120px;
}

html body.mosaicglass-site :is(input, textarea)::placeholder {
    color: var(--mg-muted);
    opacity: .85;
}

html body.mosaicglass-site :is(input, textarea, select):focus {
    outline: 2px solid var(--mg-focus);
    outline-offset: 2px;
    border-color: var(--mg-focus);
}

html body.mosaicglass-site :is(input[type="checkbox"], input[type="radio"], input[type="range"], progress) {
    accent-color: var(--mg-selected);
}

html body.mosaicglass-site input[type="file"]::file-selector-button {
    min-height: 36px;
    margin-right: 12px;
    padding: 7px 12px;
    border: 1px solid var(--site-control-line);
    border-radius: 2px;
    background: var(--site-control-bg);
    color: var(--mg-text);
    cursor: pointer;
}

html body.mosaicglass-site select option {
    background: rgb(var(--mg-button-rgb));
    color: var(--mg-text);
}

html body.mosaicglass-site :is(.aw-form, .aw-inline-form, .aw-ban-form, .aw-workshop-filters, .aw-forum-filters) label {
    color: var(--mg-muted);
}

html body.mosaicglass-site :is(.aw-category-card, .aw-topic-row, .aw-conversation-row, .aw-mod-card):hover {
    transform: none;
    border-color: rgb(var(--mg-edge-rgb) / .55);
}

html body.mosaicglass-site :is(.aw-topic-row, .aw-member-row, .aw-conversation-row, .aw-notification-row, .aw-my-mod-row) {
    margin: 8px 0;
    padding: 16px;
    gap: 14px;
    color: var(--mg-text);
}

html body.mosaicglass-site .aw-breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 14px 18px;
    color: var(--mg-muted);
}

html body.mosaicglass-site .aw-breadcrumbs a {
    color: var(--mg-selected);
    text-underline-offset: 3px;
}

html body.mosaicglass-site :is(.aw-message.is-own, .aw-conversation-row.is-selected, .aw-notification-row.is-unread) {
    border-color: rgb(var(--mg-edge-rgb) / .56);
    background-color: rgb(var(--mg-edge-rgb) / .12);
}

html body.mosaicglass-site :is(.aw-post-card, .aw-comment-card, .aw-mod-comment, .aw-message) {
    overflow-wrap: anywhere;
}

html body.mosaicglass-site :is(.aw-comment-actions, .aw-post-actions, .aw-mod-comment-actions) {
    flex-wrap: wrap;
    gap: 10px;
}

html body.mosaicglass-site :is(.aw-comment-actions button, .aw-post-actions button, .aw-mod-comment-actions button, .aw-message-report button) {
    min-height: 36px;
    padding: 7px 11px;
    color: var(--mg-text);
    font: inherit;
    font-size: .8rem;
    text-decoration: none;
}

html body.mosaicglass-site .aw-reply-box summary {
    min-height: 36px;
    padding: 7px 11px;
    color: var(--mg-text);
    border: 1px solid var(--site-control-line);
    background: var(--site-control-bg);
}

html body.mosaicglass-site .aw-reply-box .aw-form {
    position: absolute;
    z-index: 5;
    max-width: calc(100vw - 52px);
}

html body.mosaicglass-site :is(.aw-unread-badge, .header-profile-badge, .header-notifications-badge) {
    color: var(--site-page-bg);
    background: var(--mg-selected);
}

html body.mosaicglass-site :is(.editorial-article, .aw-policy-page, .policy-page > main) {
    width: min(100%, 1040px);
    max-width: 1040px;
    margin: 0 auto;
    padding: clamp(24px, 5vw, 60px);
    color: var(--mg-text);
}

html body.mosaicglass-site .article-title {
    color: var(--mg-text);
    font-size: clamp(30px, 4.5vw, 54px);
    font-weight: 620;
    letter-spacing: -.04em;
    line-height: 1.16;
}

html body.mosaicglass-site :is(.article-text, .about-content, .aw-policy-page, .policy-page main) {
    color: var(--mg-text);
    font-size: 16px;
    line-height: 1.85;
    overflow-wrap: anywhere;
}

html body.mosaicglass-site .article-text {
    max-width: 78ch;
    margin-inline: auto;
}

html body.mosaicglass-site :is(.article-topline, .article-meta, .aw-section-heading, .aw-profile-intro, .aw-mod-detail-head) {
    flex-wrap: wrap;
    gap: 14px;
}

html body.mosaicglass-site :is(.about-content a, .article-text a, .aw-policy-page a, .policy-page main a) {
    color: var(--mg-selected);
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

html body.mosaicglass-site :is(.article-image, .article-infobox img, .about-photo img, .aw-mod-banner img, .aw-mod-gallery-grid img, .guide-text-figure img, .aw-mod-card-media img) {
    max-width: 100%;
    height: auto;
    object-fit: contain;
    filter: none;
    mix-blend-mode: normal;
}

html body.mosaicglass-site :is(.aw-mod-banner, .aw-mod-gallery-grid a) {
    max-height: none;
    background: rgb(var(--mg-glass-rgb) / .8);
}

html body.mosaicglass-site .aw-mod-card-media {
    background: rgb(var(--mg-glass-rgb) / .65);
}

html body.mosaicglass-site :is(.about-photo figcaption, .guide-text-figure figcaption, .aw-mod-card-stats, .aw-muted, .aw-topic-meta, .aw-member-subtitle) {
    color: var(--mg-muted);
}

html body.mosaicglass-site .aw-mod-description {
    padding: 24px;
    line-height: 1.8;
}

html body.mosaicglass-site .aw-policy-page {
    max-width: 960px;
}

html body.mosaicglass-site .aw-policy-page h2 {
    margin-top: 32px;
}

html body.mosaicglass-site.policy-page {
    padding: 28px 24px;
}

html body.mosaicglass-site.policy-page .policy-navigation {
    max-width: 1040px;
    padding: 16px;
}

html body.mosaicglass-site .policy-language-menu {
    position: absolute;
    z-index: 20;
}

html body.mosaicglass-site.policy-page h1 {
    font-weight: 620;
    letter-spacing: -.04em;
    line-height: 1.2;
}

html body.mosaicglass-site:is(.tutorial-page, .about-page) {
    --mg-reading-width: min(1680px, calc(100% - 48px));
}

html body.mosaicglass-site.about-page .article-layout {
    width: var(--mg-reading-width);
    max-width: 1680px;
}

html body.mosaicglass-site.about-page .about-article {
    width: 100%;
    max-width: none;
    padding: clamp(24px, 3vw, 42px);
}

html body.mosaicglass-site.about-page .about-content {
    width: min(100%, 1120px);
}

html body.mosaicglass-site.about-page .about-photo-series {
    width: min(100%, 1280px);
}

html body.mosaicglass-site.tutorial-page .page-container {
    display: grid;
    grid-template-columns: 232px minmax(0, 1fr);
    align-items: start;
    gap: 24px;
    width: var(--mg-reading-width);
    max-width: 1680px;
    margin: 28px auto;
    padding: 0;
}

html body.mosaicglass-site.tutorial-page .content {
    min-width: 0;
    margin-left: 0;
}

html body.mosaicglass-site.tutorial-page .article-container {
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    isolation: auto;
}

html body.mosaicglass-site.tutorial-page .article-container::before,
html body.mosaicglass-site.tutorial-page .article-container::after {
    display: none;
    content: none;
}

html body.mosaicglass-site.tutorial-page :is(.article-text, .guide-v1) {
    width: 100%;
    max-width: none;
    margin-inline: 0;
}

html body.mosaicglass-site.tutorial-page .content-layout {
    display: block;
}

html body.mosaicglass-site.tutorial-page .article-main {
    width: 100%;
    min-width: 0;
}

html body.mosaicglass-site.tutorial-page .sidebar {
    position: sticky;
    top: var(--guide-v1-sidebar-top, 24px);
    left: auto;
    width: 100%;
    max-height: calc(100dvh - var(--guide-v1-sidebar-top, 24px) - 24px);
    margin: 0;
    padding: 12px;
    overflow: auto;
    z-index: 50;
}

html body.mosaicglass-site.tutorial-page .sidebar summary {
    color: var(--mg-text);
    padding: 12px;
    font-weight: 650;
}

html body.mosaicglass-site.tutorial-page .sidebar a {
    margin: 6px 0;
    padding: 12px;
    color: var(--mg-muted);
    border-radius: 2px;
}

html body.mosaicglass-site.tutorial-page .sidebar a[aria-current="true"] {
    color: var(--mg-text);
    border-color: rgb(var(--mg-edge-rgb) / .6);
    background-color: rgb(var(--mg-edge-rgb) / .12);
}

html body.mosaicglass-site .guide-v1-intro {
    padding: 24px;
    border-left: 1px solid var(--site-line);
}

html body.mosaicglass-site :is(.guide-v1-start, .guide-v1-language-picker button) {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 16px;
    color: var(--mg-text);
    font-size: .84rem;
    font-weight: 650;
    text-decoration: none;
}

html body.mosaicglass-site .guide-text-chapter {
    margin-top: 20px;
    padding: 24px;
    border-left: 1px solid rgb(var(--mg-edge-rgb) / .5);
    scroll-margin-top: 24px;
}

html body.mosaicglass-site :is(.guide-text-card, .guide-text-controls, .guide-text-metric, .guide-text-summary, .guide-v1-search) {
    padding: 18px;
}

html body.mosaicglass-site .guide-text-chapter-header {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
}

html body.mosaicglass-site .guide-text-blocks {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

html body.mosaicglass-site.tutorial-page :is(.guide-text-chapter, .guide-text-card, .guide-text-controls, .guide-text-metric, .guide-text-summary, .guide-text-figure, .guide-v1-search, .guide-v1-progress, .sidebar) {
    --mg-crack-flow: 0;
    --mg-scan: 0;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: inset 0 1px 0 rgb(var(--mg-edge-rgb) / .12), 0 3px 8px rgb(var(--mg-shadow-rgb) / .1);
}

html body.mosaicglass-site.tutorial-page :is(.guide-text-chapter, .guide-text-card, .guide-text-controls, .guide-text-metric, .guide-text-summary, .guide-text-figure, .guide-v1-search, .guide-v1-progress, .sidebar)::before,
html body.mosaicglass-site.tutorial-page :is(.guide-text-chapter, .guide-text-card, .guide-text-controls, .guide-text-metric, .guide-text-summary, .guide-text-figure, .guide-v1-search, .guide-v1-progress, .sidebar)::after {
    display: none;
    content: none;
}

html body.mosaicglass-site .guide-v1-search-results a {
    display: block;
    padding: 12px;
    color: var(--mg-text);
}

html body.mosaicglass-site .white-stripe {
    height: 1px;
    background: var(--site-line);
    box-shadow: none;
}

html body.mosaicglass-site #imageModal {
    background: rgb(5 10 18 / .92);
    backdrop-filter: blur(4px);
}

html body.mosaicglass-site #imageModal > .close {
    position: absolute;
    top: max(16px, env(safe-area-inset-top));
    right: max(16px, env(safe-area-inset-right));
    z-index: 10;
    width: 48px;
    height: 48px;
    padding: 0;
    color: var(--mg-text);
    font-size: 28px;
    line-height: 1;
}

html body.mosaicglass-site .guide-v1-viewer-control {
    position: absolute;
    transform: translateY(-50%);
}

html body.mosaicglass-site .guide-v1-viewer-meta {
    position: absolute;
    padding: 10px 14px;
    text-shadow: none;
}

html body.mosaicglass-site :is(.aw-media-editor, .aw-avatar-editor, .aw-media-workspace) {
    min-width: 0;
    border-color: var(--site-line);
}

html body.mosaicglass-site :is(.site-footer, .aw-site-footer) {
    width: var(--site-content-width);
    margin: 36px auto 0;
    padding: 24px;
    border-top: 1px solid var(--site-line);
    color: var(--mg-muted);
    gap: 16px;
    flex-wrap: wrap;
}

html body.mosaicglass-site [data-mg="reading"],
html body.mosaicglass-site [data-mg="entry"],
html body.mosaicglass-site [data-mg="control"],
html body.mosaicglass-site [data-mg="status"],
html body.mosaicglass-site .mg-action {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

html body.mosaicglass-site #modalImage {
    object-fit: contain;
    filter: none;
}

html body.mosaicglass-site .site-footer a {
    color: var(--mg-muted);
}

html body.mosaicglass-site :is(button, input, textarea, select):disabled,
html body.mosaicglass-site [aria-disabled="true"] {
    opacity: .55;
    cursor: default;
    transform: none;
}

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

@media (max-width: 1199px) {
    html body.mosaicglass-site.tutorial-page .page-container {
        display: block;
    }

    html body.mosaicglass-site.tutorial-page .sidebar {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        max-height: min(54dvh, 420px);
        margin: 0 0 24px;
    }

    html body.mosaicglass-site.tutorial-page .content {
        margin-left: 0;
    }
}

@media (max-width: 720px) {
    html body.mosaicglass-site:is(.tutorial-page, .about-page) {
        --mg-reading-width: calc(100% - 28px);
    }

    html body.mosaicglass-site .guide-text-blocks {
        grid-template-columns: minmax(0, 1fr);
    }

    html body.mosaicglass-site :is(.aw-hero, .aw-page-heading) {
        align-items: stretch;
        flex-direction: column;
    }

    html body.mosaicglass-site :is(.aw-section-heading, .aw-mod-detail-head, .aw-topic-row, .aw-report-row, .aw-member-admin-row, .aw-my-mod-row) {
        align-items: stretch;
        flex-direction: column;
    }

    html body.mosaicglass-site .aw-workshop-filters {
        grid-template-columns: minmax(0, 1fr);
    }

    html body.mosaicglass-site .aw-workshop-filters > * {
        grid-column: 1;
        grid-row: auto;
    }

    html body.mosaicglass-site :is(.aw-workshop-grid, .aw-messages-layout, .aw-mod-detail-layout) {
        grid-template-columns: minmax(0, 1fr);
    }

    html body.mosaicglass-site :is(.aw-form-card, .aw-auth-card, .aw-message-card, .aw-card, .editorial-article, .aw-policy-page, .guide-text-chapter, .policy-page > main) {
        padding: 22px;
    }

    html body.mosaicglass-site .aw-card.aw-profile-card {
        padding: 0;
    }

    html body.mosaicglass-site.about-page .site-nav .nav-link:last-child {
        grid-column: auto;
    }

    html body.mosaicglass-site :is(.article-meta, .article-topline, .guide-v1-actions, .header-links) {
        flex-wrap: wrap;
    }

    html body.mosaicglass-site .article-stats {
        margin-left: 0;
    }

    html body.mosaicglass-site .guide-v1-intro {
        grid-template-columns: minmax(0, 1fr);
        padding: 18px;
    }

    html body.mosaicglass-site.tutorial-page .article-container {
        padding: 0;
    }

    html body.mosaicglass-site .guide-text-chapter {
        padding: 18px;
    }

    html body.mosaicglass-site.policy-page {
        padding: 16px 14px;
    }

    html body.mosaicglass-site .policy-navigation {
        flex-wrap: wrap;
    }
}

@media (prefers-reduced-motion: reduce) {
    html body.mosaicglass-site #imageModal {
        backdrop-filter: none;
    }

    html body.mosaicglass-site :is(.mg-action, .guide-v1-viewer-control),
    html body.mosaicglass-site :is(.mg-action, .guide-v1-viewer-control):hover {
        transition: none;
        transform: none;
    }
}

@media (pointer: coarse) {
    html body.mosaicglass-site .mg-action,
    html body.mosaicglass-site .mg-action:hover {
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce), (pointer: coarse) {
    html body.mosaicglass-site .guide-v1-viewer-control,
    html body.mosaicglass-site .guide-v1-viewer-control:hover {
        transform: translateY(-50%);
    }
}

.site-skip-link {
    position: fixed;
    z-index: 20000;
    top: 8px;
    left: 8px;
    max-width: calc(100vw - 16px);
    padding: 12px 18px;
    color: var(--mg-text, #fff);
    background: var(--site-surface, #172128);
    border: 2px solid var(--mg-selected, #b4e3ed);
    transform: translateY(-180%);
    text-decoration: none;
    font-weight: 700;
}
.site-skip-link:focus { transform: none; }
#site-content:focus { outline: none; }
html body.mosaicglass-site .tooltip {
    position: fixed;
    z-index: 1300;
    max-width: min(240px, calc(100vw - 16px));
    overflow-wrap: anywhere;
}
html body.mosaicglass-site .tooltip.is-visible { display: block; }
html body.mosaicglass-site .tooltip[hidden] { display: none !important; }
html body.mosaicglass-site .search-container { position: relative; min-width: 0; }
html body.mosaicglass-site .search-container #news-search { width: 100%; }
.news-search-clear { margin-top: 8px; min-height: 40px; }
.news-search-status { margin: 8px 0 0; color: var(--mg-muted); font-size: .85rem; }
.news-search-status:empty { display: none; }
html body.mosaicglass-site .news-item[hidden],
html body.mosaicglass-site .news-search-clear[hidden],
html body.mosaicglass-site #news-empty[hidden] { display: none !important; }
html body.mosaicglass-site .guide-command {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 12px;
    padding-block: 6px;
}
.guide-command code { min-width: 0; overflow-wrap: anywhere; font-size: .9em; user-select: text; }
.guide-command button { flex-shrink: 0; font-size: .75rem; }
@media (max-width: 600px) {
    html body.mosaicglass-site .guide-command { flex-direction: column; gap: 4px; }
    .guide-command button { min-height: 36px; }
}

html body.mosaicglass-site .editorial-header-main {
    min-height: 62px;
    gap: 16px;
    padding-block: 10px;
}
html body.mosaicglass-site .editorial-header .left-logo img {
    width: 84px;
    max-width: 84px;
    max-height: 46px;
}
html body.mosaicglass-site .header-links {
    gap: 10px;
    font-size: 12px;
    padding-block: 6px;
}
html body.mosaicglass-site :is(.aw-hero, .aw-page-heading) {
    padding: clamp(20px, 3vw, 32px);
    margin-bottom: 20px;
}
html body.mosaicglass-site :is(.aw-post-card, .aw-reply-card, .aw-workshop-editor, .aw-forum-editor, .aw-mod-description) {
    background-color: rgb(var(--mg-glass-rgb) / .96);
}
html body.mosaicglass-site :is(.aw-post-body, .aw-rich-copy) {
    line-height: 1.7;
    overflow-wrap: anywhere;
}
html body.mosaicglass-site :is(.aw-form input:not([type="checkbox"]):not([type="hidden"]), .aw-form select, .aw-button) {
    min-height: 44px;
}
html body.mosaicglass-site .aw-forum-filters {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr) auto;
    gap: 16px;
    align-items: end;
}
html body.mosaicglass-site .aw-forum-filters :is(input, select, .aw-forum-filter-field) {
    min-width: 0;
    max-width: 100%;
}
html body.mosaicglass-site .aw-filter-check {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
}
html body.mosaicglass-site .aw-filter-check input {
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: var(--mg-selected);
}
html body.mosaicglass-site .aw-draft-actions {
    gap: 12px;
    font-size: 12px;
    color: var(--mg-muted);
}
html body.mosaicglass-site .guide-continue {
    display: inline-flex;
    margin: 12px 18px;
    text-decoration: none;
}
html body.mosaicglass-site .guide-continue[hidden] { display: none; }
html body.mosaicglass-site :is(.aw-post-card, .aw-mod-comment, #reply) { scroll-margin-top: 110px; }
@media (max-width: 1000px) {
    html body.mosaicglass-site .aw-forum-filters { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}
@media (max-width: 700px) {
    html body.mosaicglass-site .aw-forum-filters { grid-template-columns: minmax(0, 1fr); }
    html body.mosaicglass-site .aw-forum-filter-actions { display: flex; flex-wrap: wrap; }
    html body.mosaicglass-site .aw-forum-filter-actions .aw-button { flex: 1 1 130px; }
    html body.mosaicglass-site .editorial-header .left-logo img { width: 64px; max-width: 64px; max-height: 40px; }
    html body.mosaicglass-site .aw-post-social { gap: 8px; }
}