.forum-ext,
 .forum-ext-widget {
     box-sizing: border-box;
     --forum-text: var(--text, var(--color-text, var(--foreground, #152030)));
     --forum-muted: var(--muted, var(--color-muted, var(--muted-text, #5f6b7a)));
     --forum-line: var(--border, var(--border-color, rgba(15, 23, 42, .10)));
     --forum-line-strong: var(--border-strong, var(--forum-line));
     --forum-soft: var(--surface, var(--surface-bg, var(--content-bg, #f6f8fc)));
     --forum-card: var(--card-bg, var(--surface, #ffffff));
     --forum-card-2: var(--surface-2, var(--panel-bg, #f9fbff));
     --forum-accent: var(--accent, var(--link-color, #2f5cff));
     --forum-hot-pin: #ef6464;
     --forum-locked: #149c99;
     --forum-accent-text: var(--button-primary-text, var(--text-2, #fff));
     --forum-accent-soft: color-mix(in srgb, var(--forum-accent) 14%, transparent);
     color: var(--forum-text);
 }

 .forum-ext *,
 .forum-ext *::before,
 .forum-ext *::after,
 .forum-ext-widget *,
 .forum-ext-widget *::before,
 .forum-ext-widget *::after {
     box-sizing: border-box;
 }

 .forum-ext-widget {
     width: 100%;
     max-width: 100%;
     min-width: 0;
     display: grid;
     gap: 14px;
     overflow: hidden;
     font: inherit;
 }

 .forum-ext-widget--template-shell {
     background: none;
     border: 0;
     border-radius: 0;
     padding: 0;
 }

 .forum-ext-page {
     width: 100%;
     max-width: 100%;
 }

 .forum-ext-shell {
     max-width: 100%;
     min-width: 0;
 }

 .forum-ext {
     width: 100%;
     max-width: 100%;
     min-width: 0;
     display: grid;
     gap: 20px;
 }

 .forum-ext--public {
     width: 100%;
     max-width: none;
     margin-inline: 0;
 }

 .forum-ext-home,
 .forum-ext-category-page,
 .forum-ext-topic-page,
 .forum-ext-new-topic-page {
     overflow-x: clip;
 }

 .forum-ext--public,
 .forum-ext-layout,
 .forum-ext-main,
 .forum-ext-sidebar,
 .forum-ext-card,
 .forum-ext-panel,
 .forum-ext-post-card,
 .forum-ext-reply-item,
 .forum-ext-topic-item,
 .forum-ext-category-card,
 .forum-ext-sidebar-item,
 .forum-ext-widget__item,
 .forum-ext-recent-topic {
     max-width: 100%;
     min-width: 0;
 }

 .forum-ext-card,
 .forum-ext-header-card,
 .forum-ext-hero,
 .forum-ext-panel,
 .forum-ext-category-card,
 .forum-ext-topic-item,
 .forum-ext-post-card,
 .forum-ext-reply-item,
 .forum-ext-category-item,
 .forum-ext-sidebar-item,
 .forum-ext-recent-topic {
     background: var(--forum-card);
     border: 1px solid var(--forum-line);
     border-radius: var(--mz-border-radius);
     color: var(--forum-text);
 }

 .forum-ext-header-card,
 .forum-ext-hero,
 .forum-ext-card,
 .forum-ext-panel,
 .forum-ext-post-card,
 .forum-ext-reply-item {
     padding: 20px;
 }

 .forum-ext-header-card,
 .forum-ext-card-head,
 .forum-ext-panel-head,
 .forum-ext-post-head,
 .forum-ext-category-card__head,
 .forum-ext-topic-item,
 .forum-ext-category-item,
 .forum-ext-header-actions,
 .forum-ext-order-actions,
 .forum-ext-reaction-box,
 .forum-ext-author-block,
 .forum-ext-widget__meta,
 .forum-ext-sidebar-meta,
 .forum-ext-category-meta,
 .forum-ext-form-actions {
     display: flex;
     align-items: center;
 }

 .forum-ext-header-card,
 .forum-ext-card-head,
 .forum-ext-panel-head,
 .forum-ext-topic-item,
 .forum-ext-category-item,
 .forum-ext-post-head,
 .forum-ext-category-card__head,
 .forum-ext-card-head--actions {
     justify-content: space-between;
     gap: 16px;
 }

 .forum-ext-header-card h1,
 .forum-ext-hero h1,
 .forum-ext-card h2,
 .forum-ext-panel h2,
 .forum-ext-widget h3 {
     margin: 0;
 }

 .forum-ext-header-card p,
 .forum-ext-hero p,
 .forum-ext-panel p,
 .forum-ext-category-card p,
 .forum-ext-note p,
 .forum-ext-category-item p {
     margin: 8px 0 0;
     color: var(--forum-muted);
 }

 .forum-ext-hero p.forum-ext-hero-spacer {
     min-height: 1.45em;
     visibility: hidden;
 }

 .forum-ext-stats-grid,
 .forum-ext-cp-grid,
 .forum-ext-layout,
 .forum-ext-category-grid {
     display: grid;
     gap: 18px;
 }

 .forum-ext-stats-grid {
     grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
 }

 .forum-ext-cp-grid,
 .forum-ext-layout {
     grid-template-columns: minmax(0, 1.6fr) minmax(300px, .9fr);
 }

 .forum-ext-layout--single {
     grid-template-columns: minmax(0, 1fr);
 }

 .forum-ext-main {
     display: grid;
     gap: 24px;
 }

 .forum-ext-card-list,
 .forum-ext-replies-list,
 .forum-ext-sidebar-list,
 .forum-ext-widget__list,
 .forum-ext-topic-list,
 .forum-ext-recent-topics,
 .forum-ext-category-list {
     display: grid;
     gap: 14px;
 }

 .forum-ext-category-grid {
     grid-template-columns: repeat(var(--forum-home-cards-per-row, auto-fit), minmax(0, 1fr));
 }

 .forum-ext-category-grid--list {
     grid-template-columns: minmax(0, 1fr);
 }

 .forum-ext-category-card,
 .forum-ext-topic-item,
 .forum-ext-reply-item,
 .forum-ext-sidebar-item,
 .forum-ext-widget__item,
 .forum-ext-recent-topic {
     padding: 16px;
     margin-top: 0.5rem;
 }

 .forum-ext-category-card,
 .forum-ext-recent-topic,
 .forum-ext-sidebar-item,
 .forum-ext-widget__item,
 .forum-ext-hero {
     background: linear-gradient(180deg, var(--forum-card), var(--forum-card-2));
 }

 .forum-ext-kicker,
 .forum-ext-badge {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     padding: 6px 12px;
     border-radius: 999px;
     background: var(--forum-accent-soft);
     color: var(--forum-accent);
     font-size: .83rem;
     font-weight: 700;
     text-decoration: none;
 }

 .forum-ext-back-link,
 .forum-ext-latest-link,
 .forum-ext-login-link,
 .forum-ext-topic-item h3 a,
 .forum-ext-category-card h3 a,
 .forum-ext-sidebar-item a,
 .forum-ext-widget__item a,
 .forum-ext-recent-topic a,
 .forum-ext-secondary-link {
     color: inherit;
     text-decoration: none;
 }

 .forum-ext-back-link,
 .forum-ext-latest-link,
 .forum-ext-login-link,
 .forum-ext-secondary-link {
     color: var(--forum-accent);
     font-weight: 600;
 }

 .forum-ext-topic-main,
 .forum-ext-category-main,
 .forum-ext-widget__item,
 .forum-ext-sidebar-item,
 .forum-ext-recent-topic,
 .forum-ext-post-card,
 .forum-ext-reply-item {
     display: grid;
     gap: 8px;
 }

 .forum-ext-category-meta,
 .forum-ext-topic-meta,
 .forum-ext-sidebar-meta,
 .forum-ext-widget__meta,
 .forum-ext-category-card__meta {
     display: flex;
     gap: 12px;
     flex-wrap: wrap;
     color: var(--forum-muted);
     font-size: .9rem;
 }

 .forum-ext-category-item {
     gap: 14px;
     padding: 16px;
     background: linear-gradient(180deg, var(--forum-card), var(--forum-card-2));
 }

 .forum-ext-category-handle {
     width: 38px;
     min-width: 38px;
     height: 38px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 12px;
     background: var(--forum-accent-soft);
     color: var(--forum-accent);
     cursor: grab;
     font-weight: 700;
 }

 .forum-ext-category-item.is-dragging {
     opacity: .55;
 }

 .forum-ext-category-main {
     flex: 1 1 auto;
 }

 .forum-ext-category-actions {
     display: flex;
     align-items: center;
     gap: 12px;
 }

 .forum-ext-empty,
 .forum-ext-note {
     padding: 16px;
     border: 1px dashed var(--forum-line-strong);
     border-radius: var(--mz-border-radius);
     color: var(--forum-muted);
     background: var(--forum-soft);
 }

 .forum-ext-note--inline {
     margin-top: 14px;
 }

 .forum-ext-form,
 .forum-ext-order-form {
     display: grid;
     gap: 14px;
 }

 .forum-ext-form-actions {
     gap: 14px;
     margin-top: 10px;
 }

 @media (max-width: 640px) {
     .forum-ext-form-actions {
         gap: 14px;
         margin-top: 12px;
     }
 }

 .forum-ext-form label,
 .forum-ext-form input,
 .forum-ext-form textarea,
 .forum-ext-form select,
 .forum-ext--cp .form-group input,
 .forum-ext--cp .form-group textarea,
 .forum-ext--cp .form-group input[type="number"],
 .forum-ext--cp .form-group select {
     width: 100%;
 }

 .forum-ext-form label,
 .forum-ext--cp .form-group {
     display: grid;
     gap: 8px;
 }

 .forum-ext-form input,
 .forum-ext-form textarea,
 .forum-ext-form select,
 .forum-ext--cp .form-group input,
 .forum-ext--cp .form-group textarea,
 .forum-ext--cp .form-group input[type="number"],
 .forum-ext--cp .form-group select {
     border: 1px solid var(--forum-line-strong);
     border-radius: var(--mz-border-radius);
     padding: 12px 14px;
     background: var(--forum-card);
     color: var(--forum-text);
 }

 .forum-ext-form textarea,
 .forum-ext--cp .form-group textarea {
     resize: vertical;
     min-height: 140px;
 }

 .forum-ext-submit,
 .forum-ext-react-button {
     border: 0;
     border-radius: var(--mz-border-radius);
     padding: 12px 16px;
     background: var(--forum-accent);
     color: var(--forum-accent-text);
     font-weight: 700;
     cursor: pointer;
     text-decoration: none;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     margin-right: 0;
 }

 .forum-ext-submit--link {
     white-space: nowrap;
 }

 .forum-ext-react-button {
     padding: 8px 12px;
     background: var(--forum-accent-soft);
     color: var(--forum-accent);
 }


 .forum-ext-checkline {
     display: flex;
     align-items: flex-start;
     gap: 10px;
 }

 .forum-ext-checkline input {
     width: auto;
     margin-top: 3px;
 }

 .forum-ext-checkline-row {
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
     gap: 14px;
 }

 .forum-ext-checkline--settings {
     display: grid;
     grid-template-columns: 22px minmax(0, 1fr);
     align-items: center;
     gap: 14px;
     padding: 16px 18px;
     border: 1px solid var(--forum-line);
     border-radius: var(--mz-border-radius);
     background: linear-gradient(180deg, var(--forum-card), var(--forum-card-2));
     min-height: 100%;
 }

 .forum-ext-checkline--settings input {
     width: 20px;
     height: 20px;
     margin: 0;
 }

 .forum-ext-checkline--settings span {
     line-height: 1.55;
     font-weight: 700;
 }

 .forum-ext-post-body {
     margin-top: 14px;
     line-height: 1.7;
 }

 .forum-ext-post-body--reply {
     margin-top: 10px;
 }

 .forum-ext-author-block {
     gap: 12px;
 }

 .forum-ext-author-block img,
 .forum-ext-author-block span {
     width: 46px;
     height: 46px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     background: var(--forum-accent-soft);
     color: var(--forum-accent);
     font-weight: 700;
     object-fit: cover;
 }

 .forum-ext-author-block--small img,
 .forum-ext-author-block--small span {
     width: 40px;
     height: 40px;
 }

 .forum-ext-reaction-box {
     gap: 10px;
     flex-wrap: wrap;
     color: var(--forum-muted);
 }

 .forum-ext-pagination {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
     margin-top: 16px;
 }

 .forum-ext-page-link {
     min-width: 40px;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: var(--mz-border-radius);
     border: 1px solid var(--forum-line);
     background: var(--forum-card);
     text-decoration: none;
     color: var(--forum-text);
 }

 .forum-ext-page-link.is-active {
     background: var(--forum-accent);
     border-color: var(--forum-accent);
     color: var(--forum-accent-text);
 }

 .forum-ext-widget__head h3 {
     margin: 0;
 }

 .forum-ext-widget__head {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .forum-ext-widget__item strong {
     display: block;
     margin: 0;
 }

 .forum-ext-widget__item a {
     color: inherit;
     text-decoration: none;
 }

 .forum-ext-widget-empty {
     margin: 0;
     color: var(--forum-muted);
 }

 .forum-ext-topic-item a,
 .forum-ext-category-card a,
 .forum-ext-sidebar-item a,
 .forum-ext-widget__item a,
 .forum-ext-recent-topic a {
     overflow-wrap: anywhere;
     word-break: break-word;
 }

 .text-link-danger {
     background: none;
     border: 0;
     color: #d35d5d;
     padding: 0;
     cursor: pointer;
 }

 @media (max-width: 980px) {

     .forum-ext-cp-grid,
     .forum-ext-layout {
         grid-template-columns: minmax(0, 1fr);
     }
 }

 @media (max-width: 640px) {
     .forum-ext-category-grid {
         grid-template-columns: minmax(0, 1fr);
     }

     .forum-ext-header-card,
     .forum-ext-card-head,
     .forum-ext-panel-head,
     .forum-ext-post-head,
     .forum-ext-category-item,
     .forum-ext-topic-item,
     .forum-ext-category-card__head,
     .forum-ext-card-head--actions,
     .forum-ext-form-actions {
         align-items: flex-start;
         flex-direction: column;
     }

     .forum-ext-author-block,
     .forum-ext-reaction-box,
     .forum-ext-category-meta,
     .forum-ext-topic-meta,
     .forum-ext-sidebar-meta,
     .forum-ext-widget__meta,
     .forum-ext-category-card__meta {
         align-items: flex-start;
     }

     .forum-ext-form-actions .forum-ext-submit--link,
     .forum-ext-form-actions .forum-ext-submit,
     .forum-ext-form-actions .forum-ext-secondary-link,
     .forum-ext-form-actions .forum-ext-secondary-button {
         width: 100%;
     }
 }

 .forum-ext-panel-head--actions {
     align-items: flex-start;
 }

 .forum-ext-number-settings-row {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
     gap: 14px;
 }

 .forum-ext-color-panel__footnote {
     margin: 0;
     color: var(--forum-muted);
 }

 .forum-ext-color-grid {
     display: grid;
     gap: 14px;
     grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
 }

 .forum-ext-color-grid input {
     font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 }

 .forum-ext-topic-page,
 .forum-ext-category-page,
 .forum-ext-home,
 .forum-ext-new-topic-page,
 .forum-ext-following-page,
 .forum-ext-activity-page {
     gap: 24px;
 }

 .forum-ext-hero {
     padding: 24px 24px 22px;
     min-height: 150px;
     display: flex;
     align-items: center;
     background: linear-gradient(180deg, var(--forum-card), var(--forum-card-2));
 }

 .forum-ext-hero>div {
     width: 100%;
 }

 .forum-ext-hero--compact {
     padding: 24px 24px 22px;
 }

 .forum-ext-latest-topics-panel {
     padding: 18px;
 }

 .forum-ext-widget__item,
 .forum-ext-sidebar-item,
 .forum-ext-recent-topic {
     background: var(--forum-card-2);
     border: 1px solid var(--forum-line);
     border-radius: var(--mz-border-radius);
 }

 .forum-ext-widget__head h3,
 .forum-ext-card-head h2,
 .forum-ext-post-card h2,
 .forum-ext-post-card h1 {
     line-height: 1.25;
 }

 .forum-ext-topic-row-head {
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
     gap: 12px;
 }

 .forum-ext-topic-row-head h3,
 .forum-ext-topic-row-head strong {
     margin: 0;
 }

 .forum-ext-topic-item,
 .forum-ext-reply-item,
 .forum-ext-post-card {
     gap: 16px;
 }

 .forum-ext-post-card--topic {
     padding: 24px;
 }

 .forum-ext-post-card--topic.is-global-pinned {
     border-color: color-mix(in srgb, #ffe84f 32%, var(--forum-line));
     background: linear-gradient(180deg, color-mix(in srgb, #ffd24f 6%, var(--forum-card)), var(--forum-card));
 }

 .forum-ext-post-card--topic.is-pinned {
     border-color: color-mix(in srgb, var(--forum-accent) 32%, var(--forum-line));
     background: linear-gradient(180deg, color-mix(in srgb, var(--forum-accent) 6%, var(--forum-card)), var(--forum-card));
 }

 .forum-ext-post-card--topic.is-global-pinned.is-pinned {
     border-color: color-mix(in srgb, #ffe84f 32%, var(--forum-line));
     background: linear-gradient(180deg, color-mix(in srgb, #ffd24f 6%, var(--forum-card)), var(--forum-card));
 }

 .forum-ext-post-card--topic.is-hot-pinned,
 .forum-ext-topic-item.is-hot-pinned {
     border-color: color-mix(in srgb, var(--forum-hot-pin) 36%, var(--forum-line));
     background: linear-gradient(180deg, color-mix(in srgb, var(--forum-hot-pin) 7%, var(--forum-card)), var(--forum-card));
 }

 .forum-ext-post-head--spacious {
     gap: 18px;
     align-items: flex-start;
 }

 .forum-ext-reaction-box--topic {
     justify-content: flex-end;
 }

 .forum-ext-topic-page .forum-ext-replies-list .forum-ext-post-card--topic.is-hot-pinned,
 .forum-ext-topic-item.is-hot-pinned {
     border-color: color-mix(in srgb, var(--forum-hot-pin) 36%, var(--forum-line));
     background: linear-gradient(180deg, color-mix(in srgb, var(--forum-hot-pin) 7%, var(--forum-card)), var(--forum-card));
 }

 .forum-ext-post-head--spacious {
     display: grid;
     grid-template-columns: minmax(0, 1fr) auto;
     align-items: start;
     gap: 16px;
 }

 .forum-ext-topic-page .forum-ext-replies-list .forum-ext-author-block {
     min-width: 0;
 }

 .forum-ext-topic-page .forum-ext-replies-list .forum-ext-author-block>div {
     min-width: 0;
 }

 .forum-ext-topic-page .forum-ext-replies-list .forum-ext-reaction-box {
     justify-content: flex-end;
     align-items: center;
     justify-self: end;
     min-width: 0;
 }

 .forum-ext-topic-page .forum-ext-replies-list .forum-ext-reaction-box>span {
     white-space: nowrap;
 }

 .forum-ext-topic-page .forum-ext-replies-list .forum-ext-reaction-box form,
 .forum-ext-topic-page .forum-ext-replies-list .forum-ext-reaction-box>a,
 .forum-ext-topic-page .forum-ext-replies-list .forum-ext-reaction-box>details {
     flex: 0 0 auto;
     margin: 0;
 }

 .forum-ext-topic-page .forum-ext-replies-list .forum-ext-reaction-box--reply {
     flex-wrap: nowrap;
 }

 .forum-ext-topic-page .forum-ext-replies-list .forum-ext-reaction-box--reply .forum-ext-action-menu__panel {
     right: 0;
     left: auto;
 }

 .forum-ext-post-body--topic {
     margin-top: 1px;
     font-size: 1rem;
     line-height: 1.82;
 }

 .forum-ext-post-body--reply {
     margin-top: 2px;
     padding-top: 6px;
     line-height: 1.78;
 }

 .forum-ext-card--reply-box {
     padding: 24px;
 }

 .forum-ext-form {
     gap: 16px;
 }

 .forum-ext-card>.forum-ext-card-head+.forum-ext-form,
 .forum-ext-card--reply-box>.forum-ext-card-head+.forum-ext-form,
 .forum-ext-card>.forum-ext-card-head+.forum-ext-note {
     margin-top: 12px;
 }

 .forum-ext-markdown-editor>span {
     display: block;
     margin-bottom: 4px;
 }

 .forum-ext-form textarea {
     min-height: 170px;
 }

 .forum-ext-secondary-button {
     border: 1px solid var(--forum-line-strong);
     border-radius: var(--mz-border-radius);
     padding: 10px 14px;
     background: var(--forum-card);
     color: var(--forum-text);
     font-weight: 700;
     cursor: pointer;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     text-decoration: none;
 }

 .forum-ext-secondary-button.is-active,
 .forum-ext-badge--solved {
     background: var(--forum-accent-soft);
     color: var(--forum-accent);
     border-color: transparent;
 }

 .forum-ext-secondary-button--danger {
     color: #c14f4f;
     border-color: color-mix(in srgb, #c14f4f 28%, var(--forum-line-strong));
     background: color-mix(in srgb, #c14f4f 8%, var(--forum-card));
 }

 .forum-ext-topic-statuses,
 .forum-ext-topic-tools {
     display: flex;
     align-items: center;
     gap: 10px;
     flex-wrap: wrap;
 }

 .forum-ext-topic-tools form {
     margin: 0;
     display: inline-flex;
 }

 .forum-ext-topic-page .forum-ext-topic-tools .forum-ext-react-button,
 .forum-ext-topic-page .forum-ext-topic-tools .forum-ext-secondary-button {
     min-height: 42px;
     padding: 10px 14px;
     line-height: 1.2;
     box-sizing: border-box;
 }

 .forum-ext-action-menu {
     position: relative;
 }

 .forum-ext-action-menu summary {
     list-style: none;
 }

 .forum-ext-action-menu summary::-webkit-details-marker {
     display: none;
 }

 .forum-ext-action-menu__panel {
     position: absolute;
     top: calc(100% + 10px);
     right: 0;
     width: min(240px, 80vw);
     padding: 12px;
     border: 1px solid var(--forum-line-strong);
     border-radius: var(--mz-border-radius);
     background: linear-gradient(180deg, var(--forum-card), var(--forum-card-2));
     display: grid;
     gap: 10px;
     z-index: 30;
 }

 .forum-ext-action-menu__panel form,
 .forum-ext-action-menu__panel a,
 .forum-ext-action-menu__panel button {
     width: 100%;
 }

 .forum-ext-action-menu__panel form {
     margin: 0;
 }

 .forum-ext-solution-banner {
     margin-top: 10px;
     padding-top: 18px;
     border-top: 1px solid var(--forum-line);
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
     gap: 18px;
 }

 .forum-ext-solution-banner--empty {
     align-items: center;
 }

 .forum-ext-solution-banner__text {
     display: grid;
     gap: 8px;
 }

 .forum-ext-solution-banner__text p {
     margin: 0;
     color: var(--forum-muted);
     line-height: 1.7;
 }

 .forum-ext-solution-banner__actions {
     display: flex;
     align-items: center;
     gap: 10px;
     flex-wrap: wrap;
 }

 .forum-ext-reply-item.is-solution {
     border-color: var(--forum-accent);
     background: linear-gradient(180deg, var(--forum-card), var(--forum-accent-soft));
 }

 .forum-ext-reply-solution-bar {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 12px;
     padding-bottom: 14px;
     border-bottom: 1px dashed var(--forum-line-strong);
     color: var(--forum-muted);
     flex-wrap: wrap;
 }

 @media (max-width: 900px) {
     .forum-ext-topic-page .forum-ext-replies-list .forum-ext-post-card--topic.is-hot-pinned,
 .forum-ext-topic-item.is-hot-pinned {
     border-color: color-mix(in srgb, var(--forum-hot-pin) 36%, var(--forum-line));
     background: linear-gradient(180deg, color-mix(in srgb, var(--forum-hot-pin) 7%, var(--forum-card)), var(--forum-card));
 }

 .forum-ext-post-head--spacious {
         grid-template-columns: minmax(0, 1fr);
     }

     .forum-ext-topic-page .forum-ext-replies-list .forum-ext-reaction-box {
         justify-content: flex-start;
         justify-self: stretch;
     }
 }

 @media (max-width: 640px) {

     .forum-ext-solution-banner,
     .forum-ext-topic-row-head,
     .forum-ext-reply-solution-bar {
         flex-direction: column;
         align-items: flex-start;
     }

     .forum-ext-solution-banner__actions {
         width: 100%;
     }

     .forum-ext-solution-banner__actions .forum-ext-secondary-button {
         width: 100%;
     }
 }

 .forum-ext-recent-topics-actions {
     display: flex;
     justify-content: flex-start;
     margin-top: 14px;
 }

 .forum-ext-header-actions--cp {
     gap: 10px;
     flex-wrap: wrap;
     justify-content: flex-end;
 }

 .forum-ext-panel-stack {
     display: grid;
     gap: 18px;
 }

 .forum-ext-panel-head--activity {
     align-items: flex-start;
 }

 .forum-ext-tabs {
     display: flex;
     align-items: center;
     gap: 10px;
     flex-wrap: wrap;
 }

 .forum-ext-tab-button {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     border: 1px solid var(--forum-line-strong);
     border-radius: 999px;
     padding: 10px 14px;
     background: var(--forum-card);
     color: var(--forum-text);
     font-weight: 700;
     cursor: pointer;
     text-decoration: none;
     margin: 1rem 0px;
 }

 .forum-ext-header-actions--cp .button.is-active {
 }

 .forum-ext-tab-button.is-active {
     background: var(--forum-accent-soft);
     border-color: transparent;
     color: var(--forum-accent);
 }

 .forum-ext-tab-panels {
     display: grid;
     gap: 16px;
 }

 .forum-ext-tab-panel {
     display: grid;
     gap: 14px;
 }

 .forum-ext-recent-topic__content {
     display: grid;
     gap: 8px;
     min-width: 0;
 }

 .forum-ext-recent-topic__actions {
     display: grid;
     gap: 10px;
     justify-items: end;
     align-content: start;
 }

 .forum-ext-recent-topic__preview {
     margin: 0;
     color: var(--forum-muted);
     line-height: 1.65;
 }

 @media (max-width: 640px) {

     .forum-ext-header-actions--cp,
     .forum-ext-tabs,
     .forum-ext-recent-topic__actions {
         width: 100%;
     }

     .forum-ext-recent-topic__actions .forum-ext-secondary-button,
     .forum-ext-recent-topic__actions button {
         width: 100%;
     }
 }

 @media (max-width: 640px) {
     .forum-ext-topic-page .forum-ext-reaction-box--topic {
         display: flex;
         flex-wrap: wrap;
         justify-content: flex-end;
         align-items: center;
         gap: 12px;
     }

     .forum-ext-topic-page .forum-ext-reaction-box--topic form,
     .forum-ext-topic-page .forum-ext-reaction-box--topic a,
     .forum-ext-topic-page .forum-ext-reaction-box--topic details,
     .forum-ext-topic-page .forum-ext-topic-tools,
     .forum-ext-topic-page .forum-ext-topic-statuses {
         width: auto;
         margin: 0;
     }

     .forum-ext-topic-page .forum-ext-reaction-box--topic .forum-ext-react-button,
     .forum-ext-topic-page .forum-ext-reaction-box--topic .forum-ext-secondary-button,
     .forum-ext-topic-page .forum-ext-reaction-box--topic .forum-ext-submit,
     .forum-ext-topic-page .forum-ext-reaction-box--topic .forum-ext-submit--link {
         width: auto;
         margin: 0;
         flex: 0 0 auto;
         width: 100%;
     }

     .forum-ext-action-menu__panel {
         width: min(260px, calc(100vw - 48px));
     }
 }

 .forum-ext-topic-row-flags {
     display: flex;
     align-items: center;
     gap: 8px;
     flex-wrap: wrap;
 }

 .forum-ext-badge--global-pinned {
     border: 1px solid color-mix(in srgb, #ffe84f 32%, var(--forum-line));
     background: linear-gradient(180deg, color-mix(in srgb, #ffd24f 6%, var(--forum-card)), var(--forum-card));
     color: var(--forum-text);
 }

 .forum-ext-badge--hot-pinned {
     border: 1px solid color-mix(in srgb, var(--forum-hot-pin) 36%, var(--forum-line));
     background: color-mix(in srgb, var(--forum-hot-pin) 14%, var(--forum-card));
     color: var(--forum-text);
 }

 .forum-ext-badge--pinned {
     background: color-mix(in srgb, var(--forum-accent) 18%, var(--forum-card));
     color: var(--forum-accent);
 }

 .forum-ext-topic-item.is-global-pinned {
     border-color: color-mix(in srgb, #ffe84f 32%, var(--forum-line));
     background: linear-gradient(180deg, color-mix(in srgb, #ffd24f 6%, var(--forum-card)), var(--forum-card));
 }

 .forum-ext-topic-item.is-pinned {
     border-color: color-mix(in srgb, var(--forum-accent) 32%, var(--forum-line));
     background: linear-gradient(180deg, color-mix(in srgb, var(--forum-accent) 6%, var(--forum-card)), var(--forum-card));
 }

 .forum-ext-topic-divider {
     height: 1px;
     width: 100%;
     background: linear-gradient(90deg, transparent, var(--forum-line-strong), transparent);
     margin: 4px 0 2px;
 }

 .forum-ext-category-card {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     gap: 16px;
     height: 100%;
 }

 .forum-ext-category-card__body {
     display: grid;
     gap: 12px;
 }

 .forum-ext-category-card__head {
     align-items: flex-start;
     gap: 12px;
 }

 .forum-ext-category-card__head h3 {
     margin: 0;
     line-height: 1.28;
 }

 .forum-ext-category-card__footer {
     display: grid;
     gap: 12px;
     margin-top: auto;
     padding-top: 14px;
     border-top: 1px solid var(--forum-line);
 }

 .forum-ext-category-card__status {
     display: flex;
     align-items: center;
     justify-content: flex-start;
     flex-wrap: wrap;
     gap: 10px;
     margin: auto;
 }

 .forum-ext-badge--status {
     background: var(--forum-accent-soft);
     color: var(--forum-accent);
 }

 .forum-ext-category-card__meta {
     gap: 10px;
     margin: auto;
 }

 .forum-ext-stat-chip {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     padding: 9px 12px;
     border-radius: var(--mz-border-radius);
     background: color-mix(in srgb, var(--forum-accent) 12%, var(--forum-card));
     color: var(--forum-text);
     border: 1px solid color-mix(in srgb, var(--forum-accent) 18%, var(--forum-line));
     font-size: .9rem;
     font-weight: 700;
 }

 .forum-ext-stat-chip strong,
 .forum-ext-stat-chip em {
     margin: 0;
     font-style: normal;
 }

 .forum-ext-stat-chip strong {
     color: var(--forum-accent);
     font-size: .98rem;
     line-height: 1;
 }

 .forum-ext-stat-chip em {
     color: var(--forum-muted);
     font-weight: 700;
 }

 .forum-ext-latest-link {
     display: inline-flex;
     align-items: flex-start;
     gap: 8px;
     margin-top: -2px;
     overflow-wrap: anywhere;
     word-break: break-word;
 }

 .forum-ext-category-grid--list .forum-ext-category-card {
     display: grid;
     grid-template-rows: auto auto;
     align-items: start;
     column-gap: 20px;
     row-gap: 10px;
 }

 .forum-ext-category-grid--list .forum-ext-category-card__body {
     grid-column: 1;
     grid-row: 1 / span 2;
     min-width: 0;
 }

 .forum-ext-category-grid--list .forum-ext-category-card__footer {
     grid-column: 2;
     grid-row: 1;
     margin-top: 0;
     padding-top: 0;
     padding-left: 20px;
     border-top: 0;
     border-left: 1px solid var(--forum-line);
     align-content: start;
 }

 .forum-ext-category-grid--list .forum-ext-latest-link {
     grid-column: 2;
     grid-row: 2;
     margin-top: 0;
     padding-left: 20px;
     align-self: start;
 }

 .forum-ext-category-grid--forum {
     grid-template-columns: minmax(0, 1fr);
     gap: 0;
     overflow: hidden;
     border: 1px solid var(--forum-line);
     border-radius: var(--mz-border-radius);
     background: linear-gradient(180deg, var(--forum-card), var(--forum-card-2));
 }

 .forum-ext-category-grid--forum .forum-ext-category-card {
     display: grid;
     grid-template-columns: minmax(0, 1fr) minmax(260px, .42fr);
     grid-template-rows: auto auto;
     column-gap: 22px;
     row-gap: 10px;
     height: auto;
     margin: 0;
     padding: 20px;
     border: 0;
     border-radius: 0;
     background: transparent;
 }

 .forum-ext-category-grid--forum .forum-ext-category-card + .forum-ext-category-card {
     border-top: 1px solid var(--forum-line);
 }

 .forum-ext-category-grid--forum .forum-ext-category-card__body {
     grid-column: 1;
     grid-row: 1 / span 2;
     min-width: 0;
     align-content: center;
 }

 .forum-ext-category-grid--forum .forum-ext-category-card__footer {
     grid-column: 2;
     grid-row: 1;
     align-self: stretch;
     align-content: center;
     margin: 0;
     padding: 0 0 0 22px;
     border-top: 0;
     border-left: 1px solid var(--forum-line);
 }

 .forum-ext-category-grid--forum .forum-ext-latest-link {
     justify-content: center;
     text-align: center;
     grid-column: 2;
     grid-row: 2;
     align-self: start;
     margin: 0;
     padding-left: 22px;
 }

 .forum-ext-category-grid--forum > .forum-ext-render-hook {
     padding: 18px 20px;
     border-top: 1px solid var(--forum-line);
 }

 @media (max-width: 860px) {
     .forum-ext-category-grid--list .forum-ext-category-card {
         grid-template-columns: minmax(0, 1fr);
         grid-template-rows: auto;
         row-gap: 12px;
     }

     .forum-ext-category-grid--list .forum-ext-category-card__body,
     .forum-ext-category-grid--list .forum-ext-category-card__footer,
     .forum-ext-category-grid--list .forum-ext-latest-link {
         grid-column: 1;
         grid-row: auto;
     }

     .forum-ext-category-grid--list .forum-ext-category-card__footer {
         padding-left: 0;
         border-left: 0;
         padding-top: 14px;
         border-top: 1px solid var(--forum-line);
     }

     .forum-ext-category-grid--forum .forum-ext-category-card {
         grid-template-columns: minmax(0, 1fr);
         grid-template-rows: auto;
         row-gap: 12px;
     }

     .forum-ext-category-grid--forum .forum-ext-category-card__body,
     .forum-ext-category-grid--forum .forum-ext-category-card__footer,
     .forum-ext-category-grid--forum .forum-ext-latest-link {
         grid-column: 1;
         grid-row: auto;
     }

     .forum-ext-category-grid--forum .forum-ext-category-card__footer {
         padding: 14px 0 0;
         border-left: 0;
         border-top: 1px solid var(--forum-line);
     }

     .forum-ext-category-grid--forum .forum-ext-latest-link {
         padding-left: 0;
     }

     .forum-ext-widget__head h3,
     .forum-ext-card-head h2 {
         line-height: 1.25;
         font-size: 1.3rem;
         margin: 1rem auto;
     }

     .forum-ext-tabs {
         flex-wrap: nowrap;
         font-size: 0.8rem;
     }
 }

 html[data-standard-appearance="dark"] .forum-ext-badge,
 html[data-standard-appearance="dark"] .forum-ext-badge--solved,
 body.theme-standard-dark .forum-ext-badge,
 body.theme-standard-dark .forum-ext-badge--solved {
     color: var(--forum-accent);
 }

 @media (max-width: 640px) {
     .forum-ext-category-card__footer {
         gap: 10px;
     }

     .forum-ext-category-card__meta {
         gap: 8px;
     }

     .forum-ext-stat-chip {
         justify-content: space-between;
     }
 }

 @media (max-width: 900px) {
     .forum-ext-checkline-row {
         grid-template-columns: minmax(0, 1fr);
     }
 }

 .forum-ext-profile-panel {
     margin-top: 0;
     gap: 18px;
 }

 .forum-ext-profile-hero {
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
     gap: 18px;
 }

 @media (max-width: 860px) {
     .forum-ext-profile-hero {
         display: grid;
     }
 }

 .forum-ext-profile-summary .forum-ext-card {
     padding: 18px;
 }

 .forum-ext-profile-stat {
     display: grid;
     gap: 8px;
     min-height: 100%;
 }

 .forum-ext-profile-stat span {
     color: var(--forum-muted);
     font-size: .92rem;
 }

 .forum-ext-profile-stat strong {
     font-size: 1.95rem;
     line-height: 1;
 }

 .forum-ext-profile-stat p {
     margin: 0;
     color: var(--forum-muted);
     line-height: 1.6;
 }

 .forum-ext-profile-section {
     display: grid;
     gap: 16px;
     padding: 20px;
 }

 .forum-ext-profile-list {
     display: grid;
     gap: 14px;
 }

 .forum-ext-profile-item {
     display: grid;
     grid-template-columns: minmax(0, 1fr) auto;
     gap: 14px;
     align-items: start;
 }

 .forum-ext-profile-item__content {
     display: grid;
     gap: 8px;
     min-width: 0;
 }

 .forum-ext-profile-item__actions {
     display: grid;
     gap: 10px;
     justify-items: end;
     align-content: start;
 }

 .forum-ext-profile-excerpt {
     margin: 0;
     color: var(--forum-muted);
     line-height: 1.72;
 }

 @media (max-width: 640px) {

     .forum-ext-profile-hero,
     .forum-ext-profile-item {
         grid-template-columns: minmax(0, 1fr);
     }

     .forum-ext-profile-item__actions,
     .forum-ext-profile-item__actions .forum-ext-secondary-button,
     .forum-ext-profile-hero .forum-ext-submit {
         width: 100%;
         justify-items: stretch;
     }
 }

 .forum-ext-author-avatar,
 .forum-ext-author-name {
     color: inherit;
     text-decoration: none;
 }

 .forum-ext-author-avatar {
     display: flex;
     flex: 0 0 auto;
     border-radius: 50%;
 }

 .forum-ext-author-name:hover,
 .forum-ext-author-avatar:hover+div .forum-ext-author-name {
     color: var(--forum-accent);
 }

 .forum-ext-badge--open {
     background: color-mix(in srgb, var(--forum-accent) 10%, var(--forum-card));
     color: var(--forum-accent);
 }

 .forum-ext-badge--locked {
     background: color-mix(in srgb, var(--forum-locked) 12%, var(--forum-card));
     color: #087f83;
     border: 1px solid color-mix(in srgb, var(--forum-locked) 22%, var(--forum-line));
 }

 .forum-ext-badge--archived {
     background: color-mix(in srgb, var(--forum-muted) 12%, var(--forum-card));
     color: var(--forum-muted);
     border: 1px solid color-mix(in srgb, var(--forum-muted) 24%, var(--forum-line));
 }

 .forum-ext-topic-item.is-locked,
 .forum-ext-post-card--topic.is-locked {
     border-color: color-mix(in srgb, var(--forum-locked) 24%, var(--forum-line));
     background: linear-gradient(180deg, color-mix(in srgb, var(--forum-locked) 5%, var(--forum-card)), var(--forum-card));
 }

 .forum-ext-topic-item.is-archived,
 .forum-ext-post-card--topic.is-archived {
     border-color: color-mix(in srgb, var(--forum-muted) 20%, var(--forum-line));
     background: linear-gradient(180deg, color-mix(in srgb, var(--forum-muted) 5%, var(--forum-card)), var(--forum-card));
 }

 .forum-ext-topic-status-menu {
     display: grid;
     gap: 8px;
     padding-top: 8px;
     margin-top: 4px;
     border-top: 1px solid var(--forum-line);
 }

 .forum-ext-topic-status-menu__label {
     font-size: .78rem;
     font-weight: 800;
     text-transform: uppercase;
     letter-spacing: .05em;
     color: var(--forum-muted);
     margin: auto;
 }

 .forum-ext-note--topic-closed {
     display: grid;
     gap: 6px;
 }

 .forum-ext-note--topic-closed p {
     margin: 0;
 }

 html[data-standard-appearance="dark"] .forum-ext-badge--locked,
 body.theme-standard-dark .forum-ext-badge--locked {
     color: #7de0db;
 }

 .forum-ext-filter-card {
     padding: 16px;
 }

 .forum-ext-filter-card--mobile,
 .forum-ext-filter-card--category-mobile {
     display: none;
 }

 .forum-ext-filter-card--desktop,
 .forum-ext-filter-card--category-desktop {
     display: block;
 }

 .forum-ext-mobile-filter-panel {
     display: block;
 }

 .forum-ext-mobile-filter-panel>summary {
     display: none;
 }

 .forum-ext-mobile-filter-panel:not([open])>.forum-ext-topic-filters,
 .forum-ext-mobile-filter-panel:not([open])>.forum-ext-topic-filters--category {
     display: grid !important;
 }

 .forum-ext-topic-filters {
     display: flex;
     gap: 12px;
     align-items: end;
 }

 .forum-ext-topic-filters--category {
     margin-top: 14px;
 }

 .forum-ext-filter-field {
     flex: 0 0 160px;
     display: grid;
     gap: 6px;
     min-width: 0;
 }

 .forum-ext-filter-field--wide {
     flex: 1 1 220px;
 }

 .forum-ext-filter-field span {
     color: var(--forum-muted);
     font-size: .78rem;
     font-weight: 800;
     text-transform: uppercase;
     letter-spacing: .04em;
 }

 .forum-ext-filter-field input,
 .forum-ext-filter-field select {
     width: 100%;
     height: 44px;
     min-height: 44px;
     box-sizing: border-box;
     border: 1px solid var(--forum-line-strong);
     border-radius: var(--mz-border-radius);
     padding: 0 12px;
     background: var(--forum-card);
     color: var(--forum-text);
     font: inherit;
     line-height: 1.2;
 }

 .forum-ext-filter-field select {
     -webkit-appearance: none;
     appearance: none;
     padding-right: 36px;
     background-color: var(--forum-card);
     background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);
     background-position: calc(100% - 18px) 19px, calc(100% - 12px) 19px;
     background-size: 6px 6px, 6px 6px;
     background-repeat: no-repeat;
 }

 .forum-ext-filter-field input[type="search"] {
     -webkit-appearance: none;
     appearance: none;
 }

 .forum-ext-filter-actions {
     display: flex;
     gap: 10px;
     align-items: center;
     justify-content: flex-end;
 }

 .forum-ext-filter-actions .forum-ext-submit,
 .forum-ext-filter-actions .forum-ext-secondary-button {
     width: auto;
     height: 48px;
     min-height: 48px;
     max-height: 48px;
     box-sizing: border-box;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     padding: 0 16px;
     line-height: 1;
     white-space: nowrap;
 }

 .forum-ext-result-count {
     color: var(--forum-muted);
     font-weight: 700;
     white-space: nowrap;
 }

 .forum-ext-topic-meta a {
     color: inherit;
     text-decoration: none;
     font-weight: 700;
 }

 .forum-ext-topic-meta a:hover {
     color: var(--forum-accent);
 }

 @container forum-search (max-width: 1050px) {

     .forum-ext-topic-filters,
     .forum-ext-topic-filters--category {
         grid-template-columns: repeat(2, minmax(0, 1fr));
     }

     .forum-ext-filter-field--wide,
     .forum-ext-filter-actions {
         grid-column: 1 / -1;
     }

     .forum-ext-filter-actions {
         justify-content: flex-start;
     }
 }

 @container forum-search (max-width: 640px) {

     .forum-ext-topic-filters,
     .forum-ext-topic-filters--category {
         grid-template-columns: minmax(0, 1fr);
     }

     .forum-ext-filter-actions {
         flex-direction: column;
         align-items: stretch;
     }

     .forum-ext-filter-actions .forum-ext-submit,
     .forum-ext-filter-actions .forum-ext-secondary-button {
         width: 100%;
     }
 }

 @container forum-search (max-width: 1050px) {

     .forum-ext-filter-card--desktop,
     .forum-ext-filter-card--category-desktop {
         display: none !important;
     }

     .forum-ext-filter-card--mobile,
     .forum-ext-filter-card--category-mobile {
         display: block !important;
     }

     .forum-ext-filter-card {
         padding: 12px;
     }

     .forum-ext-mobile-filter-panel {
         width: 100%;
     }

     .forum-ext-mobile-filter-panel>summary {
         display: flex;
         align-items: center;
         justify-content: space-between;
         gap: 10px;
         list-style: none;
         min-height: 44px;
         padding: 0 14px;
         border: 1px solid var(--forum-line-strong);
         border-radius: var(--mz-border-radius);
         background: linear-gradient(180deg, color-mix(in srgb, var(--forum-accent) 8%, var(--forum-card)), var(--forum-card));
         color: var(--forum-text);
         cursor: pointer;
         font-weight: 900;
         font-size: .88rem;
         letter-spacing: .01em;
         box-sizing: border-box;
     }

     .forum-ext-mobile-filter-panel>summary::-webkit-details-marker {
         display: none;
     }

     .forum-ext-mobile-filter-panel>summary::after {
         content: '+';
         width: 26px;
         height: 26px;
         border-radius: 999px;
         display: inline-flex;
         align-items: center;
         justify-content: center;
         background: color-mix(in srgb, var(--forum-accent) 12%, transparent);
         color: var(--forum-accent);
         font-size: 1.05rem;
         line-height: 1;
         flex: 0 0 auto;
     }

     .forum-ext-mobile-filter-panel[open]>summary::after {
         content: '−';
     }

     .forum-ext-mobile-filter-panel>summary em {
         margin-left: auto;
         padding: 4px 8px;
         border-radius: 999px;
         background: color-mix(in srgb, var(--forum-accent) 12%, transparent);
         color: var(--forum-accent);
         font-style: normal;
         font-size: .68rem;
         font-weight: 900;
         text-transform: uppercase;
         letter-spacing: .04em;
         white-space: nowrap;
     }

     .forum-ext-mobile-filter-panel:not([open])>.forum-ext-topic-filters,
     .forum-ext-mobile-filter-panel:not([open])>.forum-ext-topic-filters--category {
         display: none !important;
     }

     .forum-ext-mobile-filter-panel[open]>.forum-ext-topic-filters,
     .forum-ext-mobile-filter-panel[open]>.forum-ext-topic-filters--category {
         display: grid !important;
         margin-top: 12px;
     }

     .forum-ext-mobile-filter-panel--category {
         margin-top: 0;
     }
 }

 .forum-ext-card-actions {
     display: flex;
     align-items: center;
     justify-content: flex-end;
     gap: 10px;
     flex-wrap: wrap;
 }

 .forum-ext-follow-form {
     margin: 0;
     display: inline-flex;
 }

 .forum-ext-follow-button {
     min-height: 40px;
     white-space: nowrap;
 }

 @media (max-width: 720px) {
     .forum-ext-card-actions {
         width: 100%;
         justify-content: flex-start;
     }

     .forum-ext-card-actions .forum-ext-submit,
     .forum-ext-card-actions .forum-ext-secondary-button {
         flex: 1 1 auto;
     }
 }

 .forum-ext-hero-links {
     display: flex;
     align-items: center;
     gap: 10px;
     flex-wrap: wrap;
     min-height: 32px;
     margin-bottom: 12px;
 }

 .forum-ext-hero-links .forum-ext-kicker {
     margin: 0;
 }

 .forum-ext-hero-links .forum-ext-back-link {
     display: inline-flex;
     align-items: center;
     min-height: 32px;
 }

 .forum-ext-hero-links .forum-ext-kicker.is-active {
     background: var(--forum-accent);
     color: var(--forum-accent-text);
 }

 .forum-ext-following-page {
     gap: 24px;
 }

 .forum-ext-page--following .forum-ext-profile-section+.forum-ext-profile-section {
     margin-top: 2px;
 }

 .forum-ext-page--following .forum-ext-profile-item__actions form {
     margin: 0;
 }

 .forum-ext-settings-profile-panel {
     margin: 12px 0 0;
 }

 .forum-ext-profile-settings-card {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 16px;
     padding: 14px 16px;
 }

 .forum-ext-profile-settings-copy {
     min-width: 0;
 }

 .forum-ext-profile-settings-copy h3 {
     margin: 0;
     font-size: 1rem;
     line-height: 1.25;
 }

 .forum-ext-profile-settings-form {
     display: flex;
     align-items: center;
     justify-content: flex-end;
     gap: 10px;
     flex-wrap: nowrap;
     margin: 0;
     min-width: 0;
 }

 .forum-ext-profile-toggle {
     display: inline-flex;
     align-items: center;
     gap: 9px;
     min-height: 40px;
     padding: 0 12px;
     border: 1px solid var(--forum-line);
     border-radius: var(--mz-border-radius);
     background: var(--forum-card-2);
     color: var(--forum-text);
     font-size: .92rem;
     font-weight: 700;
     line-height: 1.3;
 }

 .forum-ext-profile-toggle input {
     width: 18px;
     height: 18px;
     margin: 0;
     flex: 0 0 auto;
     accent-color: var(--forum-accent);
 }

 .forum-ext-profile-settings-form .forum-ext-submit {
     min-height: 40px;
     padding: 0 16px;
     flex: 0 0 auto;
 }

 .forum-ext-profile-stat-card {
     border-color: color-mix(in srgb, var(--forum-accent) 26%, transparent);
 }

 .forum-ext-profile-public-section {
     gap: 14px;
 }

 .forum-ext-profile-public-head {
     align-items: center;
     gap: 10px;
 }

 .forum-ext-profile-public-head h2 {
     margin: 0;
 }

 .forum-ext-profile-public-grid {
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
     gap: 12px;
 }

 .forum-ext-profile-public-column {
     display: grid;
     gap: 10px;
     min-width: 0;
     padding: 14px;
     border: 1px solid var(--forum-line);
     border-radius: var(--mz-border-radius);
     background: var(--forum-card-alt);
 }

 .forum-ext-profile-public-column .forum-ext-card-head {
     align-items: center;
     gap: 10px;
 }

 .forum-ext-profile-public-column h3 {
     margin: 0;
     font-size: 1rem;
 }

 .forum-ext-profile-public-list {
     gap: 0;
 }

 .forum-ext-profile-public-item {
     display: grid;
     gap: 5px;
     padding: 9px 0;
     border: 0;
     border-bottom: 1px solid var(--forum-line);
     border-radius: 0;
     background: transparent;
 }

 .forum-ext-profile-public-item:first-child {
     padding-top: 0;
 }

 .forum-ext-profile-public-item:last-child {
     padding-bottom: 0;
     border-bottom: 0;
 }

 .forum-ext-profile-public-item strong {
     min-width: 0;
 }

 .forum-ext-profile-public-item strong a {
     display: block;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     color: var(--forum-text);
     text-decoration: none;
 }

 .forum-ext-profile-public-item strong a:hover {
     color: var(--forum-accent);
 }

 .forum-ext-profile-public-item .forum-ext-topic-meta {
     gap: 8px;
     font-size: .82rem;
 }

 @media (max-width: 860px) {
     .forum-ext-profile-settings-card {
         display: grid;
         grid-template-columns: minmax(0, 1fr);
         gap: 12px;
     }

     .forum-ext-profile-settings-form {
         display: grid;
         grid-template-columns: minmax(0, 1fr) auto;
         justify-content: stretch;
     }

     .forum-ext-profile-public-grid {
         grid-template-columns: minmax(0, 1fr);
     }

     .forum-ext-profile-public-head {
         justify-content: flex-start;
     }
 }

 @media (max-width: 640px) {
     .forum-ext-profile-settings-form {
         grid-template-columns: minmax(0, 1fr);
         width: 100%;
     }

     .forum-ext-profile-settings-form .forum-ext-submit,
     .forum-ext-profile-toggle,
     .forum-ext-profile-public-head .forum-ext-secondary-button {
         width: 100%;
     }

     .forum-ext-profile-toggle {
         justify-content: flex-start;
     }
 }

 .forum-ext-markdown-editor {
     display: grid;
     gap: 8px;
     width: 100%;
 }

 .forum-ext-post-body strong,
 .forum-ext-post-body em,
 .forum-ext-post-body a {
     overflow-wrap: anywhere;
 }

 :is(.forum-ext-post-body, .forum-ext-preview__body) a {
     color: var(--forum-accent);
     font-weight: 800;
     text-decoration: none;
 }

 :is(.forum-ext-post-body, .forum-ext-preview__body) a:hover {
     text-decoration: underline;
 }

 :is(.forum-ext-post-body, .forum-ext-preview__body) blockquote{
     margin: 10px 0;
     padding: 12px 14px;
     border: 1px solid color-mix(in srgb, var(--forum-line) 85%, transparent);
     border-left: 4px solid var(--forum-accent);
     border-radius: var(--mz-border-radius);
     background: color-mix(in srgb, var(--forum-card-2) 70%, transparent);
 }

 :is(.forum-ext-post-body, .forum-ext-preview__body) blockquote {
     font-style: italic;
 }

 :is(.forum-ext-post-body, .forum-ext-preview__body) pre {
     display: block;
     overflow: auto;
     margin: 10px 0;
     padding: 13px 14px;
     border: 1px solid color-mix(in srgb, var(--forum-line) 85%, transparent);
     border-radius: var(--mz-border-radius);
     background: color-mix(in srgb, #000 30%, var(--forum-card-2));
     color: var(--forum-text);
     white-space: pre-wrap;
     word-break: break-word;
     font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
     font-size: .9rem;
     line-height: 1.6;
 }

 :is(.forum-ext-post-body, .forum-ext-preview__body) ul {
     margin: 10px 0;
     padding-left: 24px;
 }

 :is(.forum-ext-post-body, .forum-ext-preview__body) ul li+li {
     margin-top: 4px;
 }

 :is(.forum-ext-post-body, .forum-ext-preview__body) img {
     display: block;
     max-width: 100%;
     height: auto;
     margin: 12px 0;
     border-radius: var(--mz-border-radius);
     border: 1px solid color-mix(in srgb, var(--forum-line) 85%, transparent);
 }

 @media (max-width: 760px) {
 }

 .forum-ext--cp .form-group textarea[name="html_template"] {
     min-height: 170px;
 }

 @media (max-width: 720px) {
 }

 .forum-ext-actions-row {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     gap: 10px;
 }

 .forum-ext-css-form {
     display: flex;
     flex-direction: column;
     gap: 14px;
 }

 .forum-ext-css-form label {
     display: flex;
     flex-direction: column;
     gap: 8px;
 }

 .forum-ext-css-form label span {
     font-weight: 700;
 }

 .forum-ext-css-form textarea {
     width: 100%;
     min-height: 360px;
     border: 1px solid var(--forum-line-strong);
     border-radius: var(--mz-border-radius);
     padding: 14px;
     background: var(--forum-card);
     color: var(--forum-text);
     font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
     font-size: .92rem;
     line-height: 1.55;
     resize: vertical;
 }

 .forum-ext-css-form textarea:focus {
     outline: 2px solid var(--forum-accent-soft);
     border-color: var(--forum-accent);
 }

 .forum-ext-css-form textarea::placeholder {
     color: var(--forum-muted);
 }

 .forum-ext-inline-nav {
     display: flex;
     align-items: center;
     gap: 10px;
     flex-wrap: wrap;
     min-height: 32px;
 }

 .forum-ext-inline-nav .forum-ext-back-link {
     display: inline-flex;
     align-items: center;
     min-height: 32px;
     font-weight: 800;
     color: var(--forum-muted);
     text-decoration: none;
 }

 .forum-ext-inline-nav .forum-ext-back-link:hover {
     color: var(--forum-accent);
 }

 .forum-ext-inline-nav--topic {
     margin: 4px 0 18px;
 }

 .forum-ext-inline-nav--category,
 .forum-ext-inline-nav--section,
 .forum-ext-inline-nav--new-topic {
     margin: 0 0 18px;
 }

 .forum-ext-inline-nav .forum-ext-kicker.is-active {
     background: var(--forum-accent);
     color: var(--forum-accent-text);
 }

 .forum-ext-topic-title-inline {
     margin: 0;
     font-size: clamp(1.05rem, 2vw, 1.35rem);
     line-height: 1.15;
     font-weight: 900;
     color: var(--forum-text);
 }

 .forum-ext-topic-category-inline {
     margin: 1px 0 0px;
     font-size: .86rem;
     font-weight: 800;
     color: var(--forum-muted);
 }

 .forum-ext-topic-category-inline a {
     color: inherit;
     text-decoration: none;
 }

 .forum-ext-topic-category-inline a:hover {
     color: var(--forum-accent);
 }

 .forum-ext-topic-filters--category {
     margin-top: 0;
 }

 @media (max-width: 640px) {
     .forum-ext-inline-nav {
         gap: 8px;
     }

     .forum-ext-inline-nav .forum-ext-back-link,
     .forum-ext-inline-nav .forum-ext-kicker {
         font-size: .78rem;
     }

     .forum-ext-topic-title-inline {
         font-size: 1.15rem;
     }

     .forum-ext-mobile-filter-panel--category {
         margin-top: 0;
     }
 }

 .forum-ext-profile-controls-inline {
     display: grid;
     gap: 14px;
     margin-top: 2px;
 }

 .forum-ext-profile-controls-inline .forum-ext-profile-summary,
 .forum-ext-profile-controls-inline .forum-ext-tabs {
     margin: 0;
 }

 .forum-ext-topic-category-inline span {
     color: color-mix(in srgb, var(--forum-muted) 70%, transparent);
 }

 .forum-ext-scroll-anchor {
     display: block;
     height: 0;
     scroll-margin-top: 120px;
 }

 @media (max-width:640px) {
     .forum-ext-scroll-anchor {
         scroll-margin-top: 96px;
     }
 }

 .forum-ext-search-zone {
     container: forum-search / inline-size;
     min-width: 0;
     display: grid;
     gap: 24px;
     scroll-margin-top: 120px;
 }

 @media (max-width:640px) {
     .forum-ext-search-zone {
         scroll-margin-top: 96px;
     }
 }

 .forum-ext-profile-section>.forum-ext-card-head h2,
 .forum-ext-profile-section>.forum-ext-card-head h3 {
     margin: 0;
     font-size: clamp(1.25rem, 2vw, 1.45rem);
     line-height: 1.25;
 }

 .forum-ext-profile-section>.forum-ext-card-head p {
     margin: 8px 0 0;
     color: var(--forum-muted);
     line-height: 1.55;
 }

 @media (max-width: 640px) {

     .forum-ext-profile-section>.forum-ext-card-head h2,
     .forum-ext-profile-section>.forum-ext-card-head h3 {
         font-size: 1.3rem;
         margin: 0;
     }

     .forum-ext-profile-section>.forum-ext-card-head p {
         margin: 8px 0 0;
     }
 }

 .forum-ext-home .forum-ext-category-grid>.forum-ext-category-card {
     margin-top: 0;
 }

 .forum-ext-replies-section {
     display: grid;
     gap: 18px;
 }

 .forum-ext-section-title {
     display: grid;
     grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
     align-items: center;
     gap: 16px;
     color: var(--forum-muted);
     font-weight: 800;
 }

 .forum-ext-section-title::before,
 .forum-ext-section-title::after {
     content: "";
     display: block;
     height: 1px;
 }

 .forum-ext-section-title::before {
     background: linear-gradient(to right, transparent, var(--forum-line-strong));
 }

 .forum-ext-section-title::after {
     background: linear-gradient(to right, var(--forum-line-strong), transparent);
 }

 .forum-ext-section-title span {
     color: var(--forum-text);
     white-space: nowrap;
 }

 .forum-ext-order-form {
     margin-top: 18px;
 }

 .forum-ext-panel-head>.button {
     flex: 0 0 auto;
 }

 @media (max-width: 640px) {
     .forum-ext-panel-head>.button {
         width: 100%;
     }
 }

 .forum-ext-render-hook {
     width: 100%;
     max-width: 100%;
     min-width: 0;
 }

 .forum-ext-category-grid>.forum-ext-render-hook {
     grid-column: 1 / -1;
 }

 .forum-ext-render-hook:empty,
 .forum-ext-category-header-hook:empty {
     display: none;
 }

 .forum-ext-category-header-hook {
     flex: 1 1 auto;
     min-width: min(320px, 100%);
     display: flex;
     align-items: center;
     justify-content: flex-end;
 }

 .forum-ext-category-header-hook>* {
     max-width: 100%;
 }

 .forum-ext-category-page .forum-ext-card-actions {
     flex: 0 0 auto;
 }

 @media (max-width:760px) {
     .forum-ext-category-page .forum-ext-card-head--actions {
         align-items: stretch;
         flex-direction: column;
     }

     .forum-ext-category-header-hook {
         width: 100%;
         justify-content: flex-start;
     }

     .forum-ext-category-page .forum-ext-card-actions {
         width: 100%;
         justify-content: flex-start;
         flex-wrap: wrap;
     }
 }

 .forum-ext-topic-list>.forum-ext-render-hook,
 .forum-ext-replies-list>.forum-ext-render-hook {
     margin-top: .5rem;
 }

 .forum-ext-replies-section>.forum-ext-render-hook,
 .forum-ext-main>.forum-ext-render-hook {
     width: 100%;
 }

 .forum-ext-render-hook--topic-main-post-end {
     margin-top: 16px;
 }

 .forum-ext-render-hook--category-topics-before,
 .forum-ext-render-hook--category-topics-after,
 .forum-ext-render-hook--topic-replies-before,
 .forum-ext-render-hook--topic-replies-after {
     margin-top: 14px;
 }

 .forum-ext-render-hook--category-after-back,
 .forum-ext-render-hook--following-between-sections,
 .forum-ext-render-hook--topic-before-replies,
 .forum-ext-render-hook--topic-before-reply-box {
     display: block;
 }

 .forum-ext-preview {
     margin-top: 14px;
     padding: 16px;
     border: 1px dashed color-mix(in srgb, var(--forum-line-strong) 75%, transparent);
     border-radius: var(--mz-border-radius);
     background: color-mix(in srgb, var(--forum-card-2) 74%, transparent);
 }

 .forum-ext-preview[hidden] {
     display: none !important
 }

 .forum-ext-preview>strong {
     display: block;
     margin: 0 0 10px;
     color: var(--forum-text);
     font-weight: 900;
 }

 .forum-ext-preview__body {
     display: block;
     min-height: 48px;
     color: var(--forum-text);
     line-height: 1.65;
     overflow-wrap: anywhere;
 }

 .forum-ext-preview__body>*:first-child {
     margin-top: 0
 }

 .forum-ext-preview__body>*:last-child {
     margin-bottom: 0
 }

 .forum-ext-preview__empty {
     margin: 0;
     color: var(--forum-muted);
 }

 .forum-ext-form-actions .forum-ext-secondary-button[data-forum-preview-button] {
     min-height: 44px;
 }

 @media (max-width:640px) {
     .forum-ext-topic-page .forum-ext-post-card--topic>.forum-ext-post-head--spacious {
         display: grid;
         grid-template-columns: minmax(0, 1fr);
         align-items: start;
         gap: 12px;
     }

     .forum-ext-topic-page .forum-ext-post-card--topic>.forum-ext-post-head--spacious>.forum-ext-author-block {
         display: grid;
         grid-template-columns: auto minmax(0, 1fr);
         align-items: center;
         gap: 10px 12px;
         width: 100%;
     }

     .forum-ext-topic-page .forum-ext-post-card--topic>.forum-ext-post-head--spacious>.forum-ext-author-block>.forum-ext-topic-category-inline {
         grid-column: 1 / -1;
         grid-row: 2;
         margin: 2px 0 0;
         padding-top: 2px;
         width: 100%;
         font-size: .84rem;
         line-height: 1.3;
         white-space: normal;
         overflow-wrap: anywhere;
     }

     .forum-ext-topic-page .forum-ext-post-card--topic>.forum-ext-post-head--spacious>.forum-ext-reaction-box--topic {
         width: 100%;
         justify-content: flex-start;
         align-items: center;
         gap: 10px;
         flex-wrap: wrap;
     }

     .forum-ext-topic-page .forum-ext-post-card--topic>.forum-ext-post-head--spacious>.forum-ext-reaction-box--topic>span {
         order: 1;
         white-space: nowrap;
     }

     .forum-ext-topic-page .forum-ext-post-card--topic>.forum-ext-post-head--spacious>.forum-ext-reaction-box--topic>.forum-ext-topic-tools {
         order: 2;
         width: 100%;
         justify-content: flex-start;
     }
 }

 .cp-header__page-actions>.cp-header-actions-menu {
     display: none !important;
 }

 @media (max-width:860px) {
     .cp-header__page-actions>a.button {
         display: none !important;
     }

     .cp-header__page-actions>.cp-header-actions-menu {
         display: block !important;
         width: 100%;
     }
 }

 .forum-ext-form .forum-ext-solution-request {
     display: grid;
     grid-template-columns: 20px minmax(0, 1fr);
     align-items: start;
     gap: 12px;
     padding: 14px 16px;
     border: 1px solid var(--forum-line);
     border-radius: var(--mz-border-radius);
     background: var(--forum-card-2);
 }

 .forum-ext-form .forum-ext-solution-request input {
     width: 18px;
     height: 18px;
     margin: 2px 0 0;
     padding: 0;
 }

 .forum-ext-form .forum-ext-solution-request span {
     font-weight: 700;
     line-height: 1.5;
 }

 .forum-ext-markdown-editor textarea {
     overflow-y: auto;
     overscroll-behavior-y: contain;
 }

 .forum-ext-page--following .forum-ext-profile-item__actions--topic {
     display: flex;
     align-items: center;
     justify-content: flex-end;
     flex-wrap: wrap;
     gap: 10px;
 }

 .forum-ext-page--following .forum-ext-profile-item__actions--topic .forum-ext-topic-statuses {
     display: flex;
     align-items: center;
     gap: 10px;
     flex-wrap: wrap;
 }

 .forum-ext-page--following .forum-ext-profile-item__actions--topic form {
     display: inline-flex;
     margin: 0;
 }

 @media(max-width:640px) {
     .forum-ext-page--following .forum-ext-profile-item__actions--topic {
         justify-content: flex-start;
     }

     .forum-ext-page--following .forum-ext-profile-item__actions--topic .forum-ext-topic-statuses,
     .forum-ext-page--following .forum-ext-profile-item__actions--topic form,
     .forum-ext-page--following .forum-ext-profile-item__actions--topic .forum-ext-secondary-button {
         width: 100%;
     }

     .forum-ext-page--following .forum-ext-profile-item__actions--topic .forum-ext-topic-statuses {
         justify-content: flex-start;
     }

     .forum-ext-page--following .forum-ext-profile-item__actions--topic form .forum-ext-secondary-button {
         width: 100%;
     }
 }

 .forum-ext-page--following .forum-ext-profile-item__actions--topic .forum-ext-topic-statuses:empty {
     display: none;
 }
.forum-ext--cp {
    --forum-cp-surface: var(--cp-card, var(--surface, #ffffff));
    --forum-cp-surface-2: var(--cp-card-2, var(--surface-2, #f5f7fa));
    --forum-cp-text: var(--cp-text, var(--text, #111827));
    --forum-cp-muted: var(--cp-muted, var(--muted, #718096));
    --forum-cp-border: var(--cp-border, var(--border, rgba(120, 130, 145, .22)));
    --forum-cp-accent: var(--cp-accent, var(--accent, #4f8cff));
    --forum-cp-danger: #d84a4a;
    color: var(--forum-cp-text);
    gap: 18px;
}

.forum-ext--cp .forum-ext-panel,
.forum-ext--cp .forum-ext-category-item,
.forum-ext--cp .forum-ext-recent-topic {
    border-color: var(--forum-cp-border);
    background: var(--forum-cp-surface);
    color: var(--forum-cp-text);
}

.forum-ext-cp-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 180px;
    min-height: 190px;
    overflow: hidden;
    border: 1px solid var(--forum-cp-border);
    border-radius: var(--mz-border-radius);
    background: var(--forum-cp-surface);
}

.forum-ext-cp-hero__copy {
    display: grid;
    align-content: center;
    gap: 10px;
    padding: clamp(24px, 4vw, 42px);
}

.forum-ext-cp-hero__copy h2,
.forum-ext-cp-hero__copy p {
    margin: 0;
}

.forum-ext-cp-hero__copy h2 {
    color: var(--forum-cp-text);
    font-size: clamp(1.55rem, 3vw, 2.35rem);
    line-height: 1.1;
}

.forum-ext-cp-hero__copy p {
    max-width: 760px;
    color: var(--forum-cp-muted);
    line-height: 1.65;
}

.forum-ext-cp-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    color: var(--forum-cp-accent);
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.forum-ext-cp-hero__visual {
    display: grid;
    place-items: center;
    border-left: 1px solid var(--forum-cp-border);
    background: color-mix(in srgb, var(--forum-cp-accent) 11%, var(--forum-cp-surface-2));
    color: var(--forum-cp-accent);
}

.forum-ext-cp-hero__visual i {
    font-size: clamp(4.5rem, 9vw, 7.5rem);
}

.forum-ext-stats-grid--cp {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}

.forum-ext-cp-stat {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--forum-cp-border);
    border-radius: var(--mz-border-radius);
    background: var(--forum-cp-surface);
}

.forum-ext-cp-stat__icon,
.forum-ext-panel-icon,
.forum-ext-item-icon,
.forum-ext-status-row__icon {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid var(--forum-cp-border);
    background: var(--forum-cp-surface-2);
    color: var(--forum-cp-accent);
}

.forum-ext-cp-stat__icon {
    width: 42px;
    height: 42px;
    border-radius: 14px;
}

.forum-ext-cp-stat > div {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.forum-ext-cp-stat span {
    color: var(--forum-cp-muted);
    font-size: .78rem;
    font-weight: 800;
}

.forum-ext-cp-stat strong {
    color: var(--forum-cp-text);
    font-size: 1.35rem;
    line-height: 1;
}

.forum-ext-cp-overview-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(290px, .75fr);
    gap: 18px;
    align-items: start;
}

.forum-ext--cp .forum-ext-panel {
    padding: clamp(18px, 3vw, 26px);
    border-radius: var(--mz-border-radius);
}

.forum-ext-panel-title {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
}

.forum-ext-panel-title > div {
    min-width: 0;
}

.forum-ext-panel-icon,
.forum-ext-item-icon,
.forum-ext-status-row__icon {
    width: 40px;
    height: 40px;
    border-radius: 13px;
}

.forum-ext--cp .forum-ext-panel-head {
    align-items: flex-start;
    margin-bottom: 18px;
}

.forum-ext--cp .forum-ext-panel-head h2,
.forum-ext--cp .forum-ext-panel-head p {
    margin: 0;
}

.forum-ext--cp .forum-ext-panel-head p,
.forum-ext--cp .forum-ext-category-item p,
.forum-ext--cp .forum-ext-category-meta,
.forum-ext--cp .forum-ext-recent-topic__preview,
.forum-ext--cp .help-text {
    color: var(--forum-cp-muted);
}

.forum-ext--cp .forum-ext-panel-head p {
    margin-top: 5px;
    line-height: 1.55;
}

.forum-ext-count-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 6px 11px;
    border: 1px solid var(--forum-cp-border);
    border-radius: 999px;
    background: var(--forum-cp-surface-2);
    color: var(--forum-cp-muted);
    font-size: .8rem;
    font-weight: 800;
    white-space: nowrap;
}

.forum-ext-status-list {
    display: grid;
    gap: 10px;
}

.forum-ext-status-row {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    padding: 12px;
    border: 1px solid var(--forum-cp-border);
    border-radius: var(--mz-border-radius);
    background: var(--forum-cp-surface-2);
}

.forum-ext-status-row > div {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.forum-ext-status-row strong,
.forum-ext-status-row span {
    overflow-wrap: anywhere;
}

.forum-ext-status-row strong {
    color: var(--forum-cp-text);
    font-size: .86rem;
}

.forum-ext-status-row span {
    color: var(--forum-cp-muted);
    font-size: .78rem;
}

.forum-ext-status-row > i {
    color: var(--forum-cp-muted);
}

.forum-ext-status-row > i.is-ready {
    color: #2f9e62;
}

.forum-ext-status-action {
    width: 100%;
    margin-top: 14px;
}

.forum-ext--cp .forum-ext-recent-topics {
    gap: 10px;
}

.forum-ext--cp .forum-ext-recent-topic {
    margin: 0;
    padding: 14px;
    border-radius: var(--mz-border-radius);
    background: var(--forum-cp-surface-2);
}

.forum-ext--cp .forum-ext-recent-topic__actions time {
    color: var(--forum-cp-muted);
    font-size: .78rem;
}

.forum-ext--cp .forum-ext-tab-button {
    min-height: 38px;
    margin: 0;
    border-color: var(--forum-cp-border);
    background: var(--forum-cp-surface-2);
    color: var(--forum-cp-text);
}

.forum-ext--cp .forum-ext-tab-button.is-active {
    border-color: color-mix(in srgb, var(--forum-cp-accent) 36%, var(--forum-cp-border));
    background: color-mix(in srgb, var(--forum-cp-accent) 10%, var(--forum-cp-surface));
    color: var(--forum-cp-accent);
}

.forum-ext--cp .forum-ext-category-list{
    display: grid;
    gap: 10px;
}

.forum-ext--cp .forum-ext-category-item {
    margin: 0;
    padding: 14px;
    border-radius: var(--mz-border-radius);
    background: var(--forum-cp-surface-2);
}

.forum-ext--cp .forum-ext-category-handle {
    border: 1px solid var(--forum-cp-border);
    background: var(--forum-cp-surface);
    color: var(--forum-cp-muted);
}

.forum-ext--cp .forum-ext-category-meta span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.forum-ext--cp .forum-ext-category-actions {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.forum-ext--cp .forum-ext-category-actions form {
    margin: 0;
}

.forum-ext-compact-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 38px;
    padding: 8px 11px;
}

.forum-ext-danger-button {
    border-color: color-mix(in srgb, var(--forum-cp-danger) 44%, var(--forum-cp-border)) !important;
    color: var(--forum-cp-danger) !important;
}

.forum-ext-item-icon {
    width: 42px;
    height: 42px;
}

.forum-ext-order-form {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--forum-cp-border);
}

.forum-ext-order-actions {
    justify-content: space-between;
    gap: 16px;
}

.forum-ext-order-actions p {
    margin: 0;
    color: var(--forum-cp-muted);
}

.forum-ext-cp-form,
.forum-ext-settings-form {
    display: grid;
    gap: 18px;
}

.forum-ext-form-grid,
.forum-ext-permission-grid {
    display: grid;
    gap: 14px;
}

.forum-ext-form-grid--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.forum-ext-form-grid--three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.forum-ext-permission-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.forum-ext--cp .form-group {
    align-content: start;
}

.forum-ext--cp .form-group > span,
.forum-ext--cp .forum-ext-css-form label > span {
    color: var(--forum-cp-text);
    font-weight: 800;
}

.forum-ext--cp .form-group input,
.forum-ext--cp .form-group select,
.forum-ext--cp .forum-ext-css-form textarea {
    min-height: 48px;
    border-color: var(--forum-cp-border);
    border-radius: var(--mz-border-radius);
    background: var(--forum-cp-surface-2);
    color: var(--forum-cp-text);
}

.forum-ext--cp .form-group textarea {
    min-height: 150px;
    border-color: var(--forum-cp-border);
    border-radius: var(--mz-border-radius);
    background: var(--forum-cp-surface-2);
    color: var(--forum-cp-text);
}

.forum-ext--cp .forum-ext-permission-field select[multiple] {
    min-height: 180px;
    padding: 8px;
}

.forum-ext-panel-note {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin: 16px 0 0 !important;
    padding: 13px 14px;
    border: 1px solid var(--forum-cp-border);
    border-radius: var(--mz-border-radius);
    background: var(--forum-cp-surface-2);
    color: var(--forum-cp-muted) !important;
}

.forum-ext-cp-form-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px;
    border: 1px solid var(--forum-cp-border);
    border-radius: var(--mz-border-radius);
    background: var(--forum-cp-surface);
}

.forum-ext-cp-form-actions--end {
    justify-content: flex-end;
}

.forum-ext-cp-form-actions .button,
.forum-ext-order-actions .button,
.forum-ext--cp .forum-ext-empty .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
}

.forum-ext-settings-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.forum-ext--cp .forum-ext-checkline--settings {
    min-height: 58px;
    padding: 13px 14px;
    border: 1px solid var(--forum-cp-border);
    border-radius: var(--mz-border-radius);
    background: var(--forum-cp-surface-2);
}

.forum-ext--cp .forum-ext-checkline--settings input {
    margin-top: 2px;
}

.forum-ext-empty--illustrated {
    display: grid;
    justify-items: center;
    gap: 12px;
    padding: 34px 20px;
    text-align: center;
}

.forum-ext-empty--illustrated > i {
    font-size: 2.2rem;
    color: var(--forum-cp-accent, var(--forum-accent));
}

.forum-ext-home-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(220px, .55fr);
    align-items: stretch;
    padding: 0;
    min-height: 280px;
    overflow: hidden;
}

.forum-ext-home-hero__copy {
    display: grid;
    align-content: center;
    gap: 14px;
    padding: clamp(26px, 5vw, 54px);
}

.forum-ext-home-hero__copy h1,
.forum-ext-home-hero__copy p {
    margin: 0;
}

.forum-ext-home-hero__copy h1 {
    font-size: clamp(2rem, 5vw, 4rem);
    line-height: 1.03;
    letter-spacing: -.04em;
}

.forum-ext-home-hero__copy p {
    max-width: 760px;
    line-height: 1.68;
}

.forum-ext-home-hero__copy > .forum-ext-kicker {
    justify-self: start;
    width: auto;
    max-width: 100%;
    padding: 0;
    border-radius: 0;
    background: transparent;
    font-size: .82rem;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.forum-ext-home-hero__visual {
    display: grid;
    place-items: center;
    align-self: stretch;
    min-height: 280px;
    border-left: 1px solid var(--forum-line);
    background: color-mix(in srgb, var(--forum-accent) 11%, var(--forum-card-2));
    color: var(--forum-accent);
    overflow: hidden;
}

.forum-ext-home-hero__visual i {
    font-size: clamp(6rem, 14vw, 10rem);
}

.forum-ext-home-hero__visual.has-image {
    display: block;
    position: relative;
}

.forum-ext-home-hero__visual img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.forum-ext-home-hero__stats {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.forum-ext-home-hero__stats span {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    min-height: 36px;
    padding: 7px 11px;
    border: 1px solid var(--forum-line);
    border-radius: 999px;
    background: var(--forum-card-2);
    color: var(--forum-muted);
    font-size: .82rem;
    font-weight: 700;
}

.forum-ext-home-hero__stats strong {
    color: var(--forum-text);
    font-size: .95rem;
}

.forum-ext-topic-filters input,
.forum-ext-topic-filters select {
    min-height: 48px;
}

@media (max-width: 1180px) {
    .forum-ext-stats-grid--cp {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .forum-ext-cp-overview-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 820px) {
    .forum-ext-cp-hero,
    .forum-ext-home-hero {
        grid-template-columns: minmax(0, 1fr);
    }

    .forum-ext-cp-hero__visual,
    .forum-ext-home-hero__visual {
        min-height: 150px;
        border-top: 1px solid var(--forum-cp-border, var(--forum-line));
        border-left: 0;
    }

    .forum-ext-home-hero__visual {
        border-top-color: var(--forum-line);
    }

    .forum-ext-form-grid--three,
    .forum-ext-permission-grid,
    .forum-ext-settings-options {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 640px) {
    .forum-ext-stats-grid--cp,
    .forum-ext-form-grid--two {
        grid-template-columns: minmax(0, 1fr);
    }

    .forum-ext--cp .forum-ext-panel-head,
    .forum-ext--cp .forum-ext-category-item,
    .forum-ext-order-actions,
    .forum-ext-cp-form-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .forum-ext--cp .forum-ext-category-actions {
        width: 100%;
        justify-content: stretch;
    }

    .forum-ext--cp .forum-ext-category-actions > *,
    .forum-ext--cp .forum-ext-category-actions .button,
    .forum-ext-cp-form-actions .button,
    .forum-ext-order-actions .button {
        width: 100%;
    }

    .forum-ext-panel-title {
        width: 100%;
    }
}

.forum-ext--cp .form-group select:not([multiple]) {
    height: 48px;
    min-height: 48px;
    padding-top: 0;
    padding-bottom: 0;
}

.forum-ext-cp-breadcrumbs,
.forum-ext-breadcrumbs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 16px;
    font-size: .9rem;
    font-weight: 700;
}

.forum-ext-cp-breadcrumbs {
    color: var(--forum-cp-muted);
}

.forum-ext-cp-breadcrumbs a {
    color: var(--forum-cp-text);
}

.forum-ext-breadcrumbs {
    color: var(--forum-muted);
}

.forum-ext-breadcrumbs a {
    color: var(--forum-accent);
}

.forum-ext-cp-breadcrumbs i,
.forum-ext-breadcrumbs i {
    font-size: .7rem;
    opacity: .7;
}

.forum-ext-cp-context-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 18px;
}

.forum-ext-subcategory-count {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 4px 9px;
    border: 1px solid var(--forum-line);
    border-radius: 999px;
    color: var(--forum-muted);
    font-size: .76rem;
    font-weight: 800;
    white-space: nowrap;
}

.forum-ext-subcategory-tree {
    display: grid;
    gap: 7px;
    margin: 2px 0 0;
    padding: 0;
    list-style: none;
}

.forum-ext-subcategory-tree ul {
    margin: 7px 0 0 18px;
}

.forum-ext-subcategory-tree li {
    min-width: 0;
}

.forum-ext-subcategory-tree > li {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 8px;
}

.forum-ext-subcategory-tree a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    color: var(--forum-text);
    font-weight: 750;
    overflow-wrap: anywhere;
}

.forum-ext-subcategory-tree a i {
    flex: 0 0 auto;
    color: var(--forum-accent);
    font-size: .72rem;
}

.forum-ext-subcategory-tree em {
    color: var(--forum-muted);
    font-size: .78rem;
    font-style: normal;
    font-weight: 700;
    white-space: nowrap;
}

.forum-ext-category-grid--forum .forum-ext-category-card.is-subcategory .forum-ext-category-card__body {
    padding-left: var(--forum-category-indent, 24px);
    position: relative;
}

.forum-ext-category-grid--forum .forum-ext-category-card.is-subcategory .forum-ext-category-card__body::before {
    content: "";
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: calc(var(--forum-category-indent, 24px) - 12px);
    width: 1px;
    background: var(--forum-line);
}

.forum-ext-subcategory-panel {
    display: grid;
    gap: 16px;
}

.forum-ext-subcategory-panel .forum-ext-card-head {
    align-items: flex-start;
}

.forum-ext-subcategory-panel .forum-ext-card-head h2,
.forum-ext-subcategory-panel .forum-ext-card-head p {
    margin: 0;
}

.forum-ext-subcategory-panel .forum-ext-card-head p {
    margin-top: 5px;
    color: var(--forum-muted);
}

.forum-ext-card-kicker {
    display: inline-flex;
    margin-bottom: 5px;
    color: var(--forum-accent);
    font-size: .74rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.forum-ext-subcategory-list {
    overflow: hidden;
    border: 1px solid var(--forum-line);
    border-radius: var(--mz-border-radius);
}

.forum-ext-subcategory-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, .42fr);
    gap: 22px;
    padding: 18px;
    background: var(--forum-card-2);
}

.forum-ext-subcategory-row + .forum-ext-subcategory-row {
    border-top: 1px solid var(--forum-line);
}

.forum-ext-subcategory-row__main,
.forum-ext-subcategory-row__meta {
    min-width: 0;
}

.forum-ext-subcategory-row__main h3,
.forum-ext-subcategory-row__main p {
    margin: 0;
}

.forum-ext-subcategory-row__main p {
    margin-top: 8px;
    color: var(--forum-muted);
}

.forum-ext-subcategory-row__meta {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    align-content: center;
    flex-wrap: wrap;
    gap: 9px;
    padding-left: 22px;
    border-left: 1px solid var(--forum-line);
}

.forum-ext-subcategory-row__meta > a {
    flex-basis: 100%;
    color: var(--forum-accent);
    font-weight: 750;
    text-align: right;
    overflow-wrap: anywhere;
}

.forum-ext-subcategory-tree--compact {
    margin-top: 10px;
}

.forum-ext-subcategory-tree--compact > li {
    grid-template-columns: minmax(0, 1fr);
}

.forum-ext--public .forum-ext-count-badge {
    border-color: var(--forum-line);
    background: var(--forum-card-2);
    color: var(--forum-muted);
}

@media (max-width: 860px) {
    .forum-ext-subcategory-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .forum-ext-subcategory-row__meta {
        justify-content: flex-start;
        padding: 14px 0 0;
        border-top: 1px solid var(--forum-line);
        border-left: 0;
    }

    .forum-ext-subcategory-row__meta > a {
        text-align: left;
    }
}

@media (max-width: 640px) {
    .forum-ext-cp-context-actions,
    .forum-ext-cp-context-actions .button {
        width: 100%;
    }

    .forum-ext-subcategory-tree > li {
        grid-template-columns: minmax(0, 1fr);
    }

    .forum-ext-subcategory-tree em {
        padding-left: 20px;
    }
}

.forum-ext .forum-ext-like-summary { margin: 12px 0 0; color: var(--forum-muted); }
.forum-ext .forum-ext-like-summary small { font-size: .82rem; }

/* Shared separator for public post and list headings, including Profile hooks. */
.forum-ext--public .forum-ext-post-divider,
.forum-profile-activity .forum-ext-post-divider {
    width: 100%;
    height: 1px;
    border: 0;
    margin: 14px 0;
    background: linear-gradient(to right, transparent, var(--forum-line-strong, var(--border, #dde3ec)), transparent);
}

/* Mobile post controls share the available row; menus stay inside that row. */
@media (max-width: 640px) {
    .forum-ext-topic-page .forum-ext-topic-tools,
    .forum-ext-topic-page .forum-ext-replies-list .forum-ext-reaction-box--reply {
        position: relative;
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: minmax(0, 1fr);
        align-items: stretch;
        gap: 6px;
        width: 100%;
        min-width: 0;
    }

    .forum-ext-topic-page .forum-ext-topic-tools > *,
    .forum-ext-topic-page .forum-ext-reaction-box--reply > * {
        min-width: 0;
        width: 100%;
        margin: 0;
    }

    .forum-ext-topic-page .forum-ext-topic-tools > .forum-ext-action-menu,
    .forum-ext-topic-page .forum-ext-reaction-box--reply > .forum-ext-action-menu {
        position: static;
    }

    .forum-ext-topic-page .forum-ext-topic-tools > button:is(.forum-ext-react-button, .forum-ext-secondary-button),
    .forum-ext-topic-page .forum-ext-topic-tools > form > button:is(.forum-ext-react-button, .forum-ext-secondary-button),
    .forum-ext-topic-page .forum-ext-topic-tools > .forum-ext-action-menu > summary.forum-ext-secondary-button,
    .forum-ext-topic-page .forum-ext-reaction-box--reply > button:is(.forum-ext-react-button, .forum-ext-secondary-button),
    .forum-ext-topic-page .forum-ext-reaction-box--reply > form > button:is(.forum-ext-react-button, .forum-ext-secondary-button),
    .forum-ext-topic-page .forum-ext-reaction-box--reply > .forum-ext-action-menu > summary.forum-ext-secondary-button {
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        min-width: 0;
        min-height: 44px;
        padding: 10px 4px;
        font-size: .875rem;
        line-height: 1.2;
        text-align: center;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .forum-ext-topic-page .forum-ext-topic-tools .forum-ext-action-menu__panel,
    .forum-ext-topic-page .forum-ext-replies-list .forum-ext-reaction-box--reply .forum-ext-action-menu__panel {
        box-sizing: border-box;
        right: 0;
        left: auto;
        width: min(280px, 100%);
        min-width: 0;
        max-height: min(480px, 70vh);
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    .forum-ext-topic-page .forum-ext-action-menu__panel a,
    .forum-ext-topic-page .forum-ext-action-menu__panel button {
        box-sizing: border-box;
        min-width: 0;
        white-space: normal;
        overflow-wrap: anywhere;
    }
}

/* Grouping is independent of List/Modern row styling; Grid is untouched. */
.forum-ext-category-groups {
    display: grid;
    gap: 20px;
    min-width: 0;
}
/* Compact title-only headings for grouped categories on the forum home. */
.forum-ext-category-group__heading {
    min-width: 0;
    padding: 12px 20px;
    border-bottom: 1px solid var(--forum-line-strong);
    background: var(--forum-card-2);
}
.forum-ext-category-group__heading:last-child {
    border-bottom: 0;
}
.forum-ext-category-group__heading h2 {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4;
    overflow-wrap: anywhere;
}
.forum-ext-category-group__heading a {
    color: inherit;
    text-decoration: none;
}
.forum-ext-category-group__heading a:hover {
    text-decoration: underline;
}

/* Optional parent-row child links; never changes grouping or category navigation. */
.forum-ext .forum-ext-category-child-links {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 14px;
    margin: 8px 0 0;
    padding: 0;
    list-style: none;
    font-size: .8125rem;
    line-height: 1.5;
}
.forum-ext .forum-ext-category-child-links li { margin: 0; padding: 0; min-width: 0; }
.forum-ext .forum-ext-category-grid .forum-ext-category-child-links a { color: var(--forum-muted); text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }

/* Keep Hot PIN badges distinct from the generic dark-mode accent. */
html[data-standard-appearance="dark"] .forum-ext-badge--hot-pinned,
body.theme-standard-dark .forum-ext-badge--hot-pinned {
    color: #ffaaaa;
}

/* Homepage announcements use a separate violet highlight. */
.forum-ext-post-card--topic.is-announcement,
.forum-ext-topic-item.is-announcement {
    border-color: color-mix(in srgb, #9670dc 36%, var(--forum-line));
    background: linear-gradient(180deg, color-mix(in srgb, #9670dc 7%, var(--forum-card)), var(--forum-card));
}
.forum-ext-badge--announcement {
    border: 1px solid color-mix(in srgb, #9670dc 36%, var(--forum-line));
    background: color-mix(in srgb, #9670dc 14%, var(--forum-card));
    color: var(--forum-text);
}
html[data-standard-appearance="dark"] .forum-ext-badge--announcement,
body.theme-standard-dark .forum-ext-badge--announcement { color: #ccb5f5; }

/* A labelled break separates all pin scopes from the ordinary topic list. */
#forum-category-topics .forum-ext-regular-topics-heading {
    display: flex;
    align-items: center;
    gap: 16px;
    grid-column: 1 / -1;
    margin: 22px 0 8px;
    color: var(--forum-muted);
    font-size: .82rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: .04em;
    text-align: center;
}
#forum-category-topics .forum-ext-regular-topics-heading::before,
#forum-category-topics .forum-ext-regular-topics-heading::after {
    content: "";
    flex: 1;
    min-width: 16px;
    height: 1px;
    background: var(--forum-line-strong);
}
@media (max-width: 600px) {
    #forum-category-topics .forum-ext-regular-topics-heading { gap: 12px; margin-top: 18px; }
}

/* Pin identity and topic state remain separate, including when both apply. */
:is(.forum-ext-topic-item, .forum-ext-post-card--topic).is-pinned { --forum-pin-colour: var(--forum-accent); }
:is(.forum-ext-topic-item, .forum-ext-post-card--topic).is-hot-pinned { --forum-pin-colour: var(--forum-hot-pin); }
:is(.forum-ext-topic-item, .forum-ext-post-card--topic).is-global-pinned { --forum-pin-colour: #ffd24f; }
:is(.forum-ext-topic-item, .forum-ext-post-card--topic).is-announcement { --forum-pin-colour: #9670dc; }
:is(.forum-ext-topic-item, .forum-ext-post-card--topic).is-locked { --forum-status-colour: var(--forum-locked); }
:is(.forum-ext-topic-item, .forum-ext-post-card--topic).is-archived { --forum-status-colour: var(--forum-muted); }
:is(.forum-ext-topic-item, .forum-ext-post-card--topic):is(.is-pinned, .is-hot-pinned, .is-global-pinned, .is-announcement, .is-note):is(.is-locked, .is-archived) {
    border-color: color-mix(in srgb, var(--forum-pin-colour) 30%, var(--forum-line));
    border-right-color: color-mix(in srgb, var(--forum-status-colour) 30%, var(--forum-line));
    background: linear-gradient(110deg,
        color-mix(in srgb, var(--forum-pin-colour) 9%, var(--forum-card)) 0%,
        color-mix(in srgb, var(--forum-pin-colour) 3%, var(--forum-card)) 45%,
        color-mix(in srgb, var(--forum-status-colour) 3%, var(--forum-card)) 55%,
        color-mix(in srgb, var(--forum-status-colour) 9%, var(--forum-card)) 100%);
}
html[data-standard-appearance="dark"] .forum-ext-badge--archived,
body.theme-standard-dark .forum-ext-badge--archived { color: var(--forum-muted); }

/* Notes share the homepage notice flow, with a quiet sage-green identity. */
.forum-ext-post-card--topic.is-note,
.forum-ext-topic-item.is-note {
    --forum-pin-colour: #57996f;
    border-color: color-mix(in srgb, #57996f 36%, var(--forum-line));
    background: linear-gradient(180deg, color-mix(in srgb, #57996f 7%, var(--forum-card)), var(--forum-card));
}
.forum-ext-badge--note {
    border: 1px solid color-mix(in srgb, #57996f 36%, var(--forum-line));
    background: color-mix(in srgb, #57996f 14%, var(--forum-card));
    color: var(--forum-text);
}
html[data-standard-appearance="dark"] .forum-ext-badge--note,
body.theme-standard-dark .forum-ext-badge--note { color: #a2d6af; }