/* GTA6 HUB / unified 2026 interface
   Loaded after the legacy stylesheet so the redesign stays isolated. */

:root {
  --gh-night: #07090f;
  --gh-night-2: #0c1019;
  --gh-panel: rgba(16, 21, 32, .9);
  --gh-panel-solid: #111722;
  --gh-panel-soft: #171e2b;
  --gh-paper: #f2f0ea;
  --gh-paper-2: #fffdf8;
  --gh-ink: #11151d;
  --gh-white: #f8f9fc;
  --gh-muted: #8d96a8;
  --gh-line: rgba(255, 255, 255, .11);
  --gh-line-dark: rgba(13, 18, 29, .12);
  --gh-coral: #ff796d;
  --gh-cyan: #76e5df;
  --gh-violet: #9b84ff;
  --gh-lime: #bded8d;
  --gh-radius: 22px;
  --gh-radius-sm: 14px;
  --gh-shadow: 0 28px 80px rgba(0, 0, 0, .28);
  --gh-display: "Arial Black", "Segoe UI Black", "Segoe UI", Arial, sans-serif;
  --gh-sans: "Segoe UI Variable", "Segoe UI", Inter, Arial, sans-serif;
}

html {
  background: var(--gh-night);
}

body.public-body,
body.admin-body {
  background: var(--gh-night);
  color: var(--gh-white);
  font-family: var(--gh-sans);
}

body.public-body {
  position: relative;
  isolation: isolate;
  overflow-x: hidden;
}

body.public-body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -3;
  pointer-events: none;
  background:
    radial-gradient(circle at 12% 8%, rgba(155, 132, 255, .2), transparent 27%),
    radial-gradient(circle at 91% 16%, rgba(255, 121, 109, .16), transparent 24%),
    radial-gradient(circle at 55% 70%, rgba(118, 229, 223, .08), transparent 32%),
    linear-gradient(180deg, #080b12 0%, #07090f 72%);
}

body.public-body::after {
  content: "GTA VI   COMMUNITY   INTELLIGENCE   ARCHIVE   ONLINE";
  position: fixed;
  top: 18%;
  left: -4vw;
  z-index: -2;
  color: rgba(255, 255, 255, .018);
  font: 900 clamp(62px, 11vw, 170px)/.82 var(--gh-display);
  letter-spacing: -.07em;
  pointer-events: none;
  transform: rotate(-5deg);
}

body.public-body a {
  text-underline-offset: 3px;
}

body.public-body h1,
body.public-body h2,
body.public-body h3 {
  font-family: var(--gh-display);
  letter-spacing: -.045em;
}

/* Header */
.topbar {
  position: sticky;
  top: 0;
  z-index: 1000;
  min-height: 72px;
  border-bottom: 1px solid var(--gh-line);
  background: rgba(6, 8, 13, .82);
  box-shadow: 0 14px 40px rgba(0, 0, 0, .2);
  backdrop-filter: blur(22px) saturate(1.2);
}

.topbar__inner {
  width: min(100% - 36px, 1460px);
  min-height: 72px;
  gap: 22px;
  padding: 0;
}

.brand--modern {
  gap: 11px;
}

.brand--modern .brand__mark {
  width: 40px;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 12px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .22), transparent 45%),
    linear-gradient(145deg, var(--gh-violet), var(--gh-coral));
  box-shadow: 0 10px 26px rgba(155, 132, 255, .28);
}

.brand--modern .brand__copy strong {
  color: #fff;
  font: 900 14px/1 var(--gh-display);
  letter-spacing: .025em;
}

.brand--modern .brand__copy em {
  margin-top: 3px;
  color: #8f98a9;
  font-size: 7px;
  letter-spacing: .16em;
}

.topnav {
  gap: 2px;
  padding: 5px;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 14px;
  background: rgba(255, 255, 255, .035);
}

.topnav a {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  border-radius: 9px;
  padding: 0 12px;
  color: #a4acba;
  font-size: 11px;
  font-weight: 750;
  transition: color .2s ease, background .2s ease;
}

.topnav a::after {
  display: none;
}

.topnav a:hover,
.topnav a.is-active {
  background: rgba(255, 255, 255, .09);
  color: #fff;
}

.topnav a.is-active {
  box-shadow: inset 0 -2px var(--gh-coral);
}

.topbar__utility {
  min-height: 38px;
  border-color: var(--gh-line);
  border-radius: 10px;
  background: rgba(255, 255, 255, .04);
  color: #dce0e8;
}

.profile-button--modern {
  min-height: 42px;
  border: 0;
  border-radius: 11px;
  background: var(--gh-white);
  color: #11151d;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .22);
}

/* Homepage */
.neo-home {
  overflow: clip;
  background: transparent;
  color: var(--gh-white);
}

.neo-home::before {
  opacity: .7;
}

.neo-hero {
  min-height: min(860px, calc(100svh - 20px));
  border-bottom: 1px solid var(--gh-line);
  background: #080b12;
}

.neo-hero__image {
  filter: saturate(.9) contrast(1.08);
  transform: scale(1.015);
}

.neo-hero__veil {
  background:
    linear-gradient(90deg, rgba(5, 8, 14, .98) 0%, rgba(5, 8, 14, .82) 34%, rgba(5, 8, 14, .24) 71%, rgba(5, 8, 14, .55) 100%),
    linear-gradient(0deg, #07090f 0%, transparent 43%);
}

.neo-hero__inner {
  width: min(100% - 48px, 1460px);
  min-height: min(860px, calc(100svh - 20px));
  padding-top: 110px;
  padding-bottom: 190px;
}

.neo-hero__copy {
  max-width: 850px;
}

.neo-kicker {
  gap: 10px;
  color: var(--gh-coral);
  font-size: 10px;
  letter-spacing: .18em;
}

.neo-kicker span,
.neo-kicker i {
  width: 28px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
}

.neo-hero h1 {
  max-width: 820px;
  margin: 22px 0;
  color: #fff;
  font-size: clamp(52px, 6vw, 86px);
  font-weight: 950;
  letter-spacing: -.065em;
  line-height: .92;
  text-transform: none;
  text-shadow: 0 18px 58px rgba(0, 0, 0, .42);
}

.neo-hero__copy > p {
  max-width: 660px;
  color: #b4bac6;
  font-size: clamp(16px, 1.6vw, 21px);
  line-height: 1.6;
}

.neo-button,
.primary-button,
.social-pill,
.community-primary-link {
  min-height: 48px;
  border-radius: 11px;
  font-weight: 850;
}

.neo-button--primary,
.primary-button,
.community-primary-link {
  border: 0;
  background: linear-gradient(100deg, var(--gh-violet), var(--gh-coral));
  color: #fff;
  box-shadow: 0 16px 38px rgba(155, 132, 255, .22);
}

.neo-button--glass {
  border-color: rgba(255, 255, 255, .18);
  background: rgba(255, 255, 255, .07);
  backdrop-filter: blur(16px);
}

.neo-hero__dock {
  right: 0;
  bottom: 28px;
  left: 0;
  width: 100%;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--gh-line);
  border-radius: 18px;
  background: rgba(8, 11, 18, .74);
  box-shadow: var(--gh-shadow);
  backdrop-filter: blur(20px);
}

.neo-hero__dock a {
  min-height: 118px;
  padding: 22px 24px;
  border-right: 1px solid var(--gh-line);
  background: transparent;
}

.neo-hero__dock a:last-child {
  border-right: 0;
}

.neo-hero__dock a:hover {
  background: rgba(255, 255, 255, .08);
}

.neo-hero__dock span {
  color: var(--gh-coral);
}

.neo-hero__dock strong {
  color: #fff;
  font-size: 18px;
}

.neo-hero__dock em {
  color: #858e9f;
  font-size: 11px;
}

.neo-announcement,
.neo-pulse,
.neo-home__body {
  width: min(100% - 48px, 1460px);
}

.neo-announcement {
  margin-top: 28px;
  border: 1px solid var(--gh-line);
  border-radius: 16px;
  background: rgba(19, 25, 37, .9);
  box-shadow: var(--gh-shadow);
}

.neo-pulse {
  margin-top: 14px;
  overflow: hidden;
  border: 1px solid var(--gh-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, .035);
}

.neo-pulse > * {
  border-color: var(--gh-line);
}

.neo-home__body {
  padding: 104px 0 120px;
}

.neo-section-head {
  gap: 24px;
  margin-bottom: 30px;
}

.neo-section-head h2 {
  color: #fff;
  font-size: clamp(40px, 5.5vw, 72px);
  line-height: .95;
}

.neo-section-head > div > span {
  color: var(--gh-coral);
}

.neo-section-head > p {
  color: #8992a3;
}

.neo-editorial,
.neo-sections,
.neo-community,
.neo-live {
  margin-bottom: 110px;
}

.neo-editorial__grid {
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
  gap: 16px;
}

.neo-feature,
.neo-module,
.neo-live-card,
.neo-community,
.neo-final-cta {
  border: 1px solid var(--gh-line);
  border-radius: var(--gh-radius);
  box-shadow: var(--gh-shadow);
}

.neo-feature {
  min-height: 650px;
}

.neo-feature__shade {
  background: linear-gradient(0deg, rgba(5, 8, 14, .98), rgba(5, 8, 14, .08) 75%);
}

.neo-feature__content {
  padding: clamp(28px, 5vw, 58px);
}

.neo-feature__content h3 {
  max-width: 860px;
  font-size: clamp(36px, 5vw, 68px);
  line-height: .96;
}

.neo-story-list {
  gap: 10px;
}

.neo-story-list a {
  min-height: 112px;
  border: 1px solid var(--gh-line);
  border-radius: 16px;
  background: var(--gh-panel);
}

.neo-story-list a:hover {
  border-color: rgba(155, 132, 255, .55);
  background: var(--gh-panel-soft);
}

.neo-bento {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-auto-rows: 240px;
  grid-auto-flow: row dense;
  gap: 16px;
}

.neo-module {
  min-height: 0;
  grid-column: span 4;
  grid-row: span 1;
}

/* Community publishing workflow */
.contribute-page {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
  padding: 42px 0 80px;
}

.contribute-hero,
.contribute-guide,
.contribute-form {
  border: 1px solid var(--gh-line);
  background: var(--gh-panel);
  box-shadow: var(--gh-shadow);
}

.contribute-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 310px;
  gap: 40px;
  align-items: end;
  padding: clamp(30px, 5vw, 62px);
  border-radius: 28px;
  background:
    radial-gradient(circle at 82% 15%, rgba(144, 114, 255, .24), transparent 30%),
    linear-gradient(135deg, rgba(255, 120, 115, .1), transparent 45%),
    var(--gh-panel);
}

.contribute-hero h1 {
  max-width: 820px;
  margin: 8px 0 14px;
  font-size: clamp(44px, 6vw, 78px);
  line-height: .94;
  letter-spacing: -.055em;
}

.contribute-hero > div > p:last-child {
  max-width: 720px;
  margin: 0;
  color: var(--gh-muted);
  font-size: 17px;
  line-height: 1.65;
}

.contribute-hero aside {
  display: grid;
  gap: 8px;
  padding: 22px;
  border: 1px solid var(--gh-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, .04);
}

.contribute-hero aside strong { color: var(--gh-coral); font-size: 18px; }
.contribute-hero aside span { color: var(--gh-muted); line-height: 1.55; }

.contribute-layout {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  margin-top: 18px;
}

.contribute-guide,
.contribute-form {
  border-radius: 22px;
}

.contribute-guide {
  position: sticky;
  top: 96px;
  display: grid;
  gap: 0;
  padding: 24px;
}

.contribute-guide h2 { margin: 5px 0 18px; font-size: 26px; }
.contribute-guide div { display: grid; gap: 5px; padding: 15px 0; border-top: 1px solid var(--gh-line); }
.contribute-guide span { color: var(--gh-muted); font-size: 13px; line-height: 1.5; }
.contribute-guide > a { margin-top: 18px; color: var(--gh-cyan); font-weight: 800; }

.contribute-form {
  display: grid;
  gap: 19px;
  padding: clamp(24px, 4vw, 42px);
}

.contribute-form label {
  display: grid;
  gap: 8px;
  color: var(--gh-text);
  font-weight: 800;
}

.contribute-form input,
.contribute-form textarea,
.contribute-form select {
  width: 100%;
  border: 1px solid var(--gh-line);
  border-radius: 12px;
  background: rgba(5, 9, 17, .72);
  color: var(--gh-text);
  font: inherit;
  font-weight: 500;
  line-height: 1.5;
  padding: 13px 14px;
}

.contribute-form input:focus,
.contribute-form textarea:focus,
.contribute-form select:focus {
  outline: 2px solid rgba(117, 225, 232, .28);
  border-color: var(--gh-cyan);
}

.contribute-form textarea { resize: vertical; }
.contribute-form input[type="file"] { padding: 10px; }
.contribute-form small { color: var(--gh-muted); font-weight: 500; line-height: 1.45; }
.contribute-form .form-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.contribute-submit {
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: space-between;
  padding-top: 22px;
  border-top: 1px solid var(--gh-line);
}

.contribute-submit p { max-width: 520px; margin: 0; color: var(--gh-muted); line-height: 1.55; }
.admin-button--review { background: linear-gradient(135deg, #ff8b74, #9a76ff); color: #fff; }

.neo-module--wide {
  grid-column: span 6;
  grid-row: span 2;
}

.neo-module::after {
  background: linear-gradient(0deg, rgba(6, 9, 15, .98), rgba(6, 9, 15, .2));
}

.neo-module strong {
  font-size: clamp(28px, 3.2vw, 44px);
}

.neo-community {
  overflow: hidden;
  background: var(--gh-paper);
  color: var(--gh-ink);
}

.neo-community__copy h2 {
  color: var(--gh-ink);
  font-size: clamp(38px, 5vw, 68px);
}

.neo-live-card {
  background: var(--gh-panel);
}

.neo-final-cta {
  background:
    linear-gradient(105deg, rgba(9, 12, 20, .98), rgba(20, 18, 38, .88)),
    url('/assets/community-studio-2026.webp') center / cover;
}

/* Inner-page frame */
body.public-body--inner {
  background: var(--gh-night);
  color: var(--gh-white);
}

body.public-body--inner::before {
  background:
    linear-gradient(180deg, rgba(7, 9, 15, .2) 0%, rgba(7, 9, 15, .82) 520px, var(--gh-night) 840px),
    linear-gradient(90deg, rgba(7, 9, 15, .8), rgba(7, 9, 15, .2), rgba(7, 9, 15, .75)),
    url('/assets/portal-hero-2026.webp') center top / 100% auto no-repeat,
    var(--gh-night);
  opacity: 1;
}

.page-shell,
.inner-page {
  width: min(100% - 48px, 1460px);
}

.page-shell {
  gap: 18px;
  margin-top: 0;
  padding: 34px 0 90px;
}

.sub-hero,
.community-hero,
.profile-hero,
.messages-hub-hero,
.notification-hero,
.xf-hero {
  min-height: 420px;
  overflow: hidden;
  border: 1px solid var(--gh-line);
  border-radius: 28px;
  background: #090d15;
  box-shadow: var(--gh-shadow);
}

.sub-hero::after,
.xf-hero::after,
.profile-hero::after {
  background: linear-gradient(90deg, rgba(5, 8, 14, .97), rgba(5, 8, 14, .67) 48%, rgba(5, 8, 14, .12));
}

.sub-hero > div,
.community-hero > div,
.profile-hero__content,
.messages-hub-hero > div,
.notification-hero > div {
  padding: clamp(34px, 5vw, 72px);
}

.sub-hero h1,
.community-hero h1,
.profile-hero h1,
.messages-hub-hero h1,
.notification-hero h1,
.xf-hero h1 {
  max-width: 940px;
  margin: 10px 0 18px;
  color: #fff;
  font-size: clamp(52px, 7.3vw, 96px);
  line-height: .88;
  text-transform: uppercase;
}

.eyebrow {
  color: var(--gh-coral);
  font-size: 9px;
  letter-spacing: .17em;
}

.section-dashboard,
.metric-grid,
.chat-overview {
  gap: 10px;
}

.section-dashboard article,
.metric-grid .metric,
.chat-overview article {
  min-height: 112px;
  border: 1px solid var(--gh-line);
  border-radius: 16px;
  padding: 18px 20px;
  background: rgba(17, 23, 34, .82);
  color: #fff;
  box-shadow: 0 20px 48px rgba(0, 0, 0, .16);
  backdrop-filter: blur(16px);
}

body.public-body--inner .section-page .section-dashboard article,
body.public-body--inner .community-page .section-dashboard article,
body.public-body--inner .account-page .metric-grid .metric,
body.public-body--inner .chat-page .chat-overview article {
  border-color: var(--gh-line);
  background: rgba(17, 23, 34, .88);
  color: #fff;
  box-shadow: 0 20px 48px rgba(0, 0, 0, .2);
}

body.public-body--inner .section-page .section-dashboard span,
body.public-body--inner .community-page .section-dashboard span,
body.public-body--inner .account-page .metric-grid span,
body.public-body--inner .chat-page .chat-overview span {
  color: #778195;
}

body.public-body--inner .section-page .section-dashboard strong,
body.public-body--inner .community-page .section-dashboard strong,
body.public-body--inner .account-page .metric-grid strong,
body.public-body--inner .chat-page .chat-overview strong {
  color: #fff;
}

.section-dashboard span,
.metric-grid span,
.chat-overview span {
  color: #778195;
}

.section-dashboard strong,
.metric-grid strong,
.chat-overview strong {
  color: #fff;
}

.section-dashboard article:nth-child(2),
.metric-grid article:nth-child(2) {
  border-color: rgba(155, 132, 255, .35);
}

.section-dashboard article:nth-child(4),
.metric-grid article:nth-child(4) {
  border-color: rgba(255, 121, 109, .35);
}

.public-section-head {
  padding: 42px 0 18px;
  background: transparent;
  box-shadow: none;
}

.section-page .public-section-head h2,
.public-section-head h2 {
  color: #fff;
  font-size: clamp(38px, 5vw, 66px);
}

.section-page .public-section-head > a {
  border: 1px solid var(--gh-line);
  background: rgba(255, 255, 255, .07);
  color: #fff;
}

.tag-strip,
.catalog-toolbar,
.partner-filters {
  border: 1px solid var(--gh-line);
  border-radius: 18px;
  background: rgba(17, 23, 34, .88);
  color: #fff;
  box-shadow: 0 20px 50px rgba(0, 0, 0, .18);
}

.tag-strip h2,
.catalog-toolbar label,
.partner-filters label {
  color: #fff;
}

.tag-cloud a,
.public-tags a {
  border-color: var(--gh-line);
  background: rgba(255, 255, 255, .05);
  color: #c8ced9;
}

.tag-cloud a:hover,
.public-tags a:hover {
  border-color: rgba(155, 132, 255, .5);
  background: rgba(155, 132, 255, .12);
  color: #fff;
}

.catalog-toolbar input,
.catalog-toolbar select,
.partner-filters input,
.partner-filters select,
.partner-filters textarea {
  border-color: var(--gh-line);
  background: #0b1019;
  color: #fff;
}

.public-card-grid {
  gap: 16px;
}

.section-page .public-card,
.section-page .server-card,
.public-card,
.server-card {
  overflow: hidden;
  border: 1px solid var(--gh-line);
  border-radius: 20px;
  background: var(--gh-panel-solid);
  color: #fff;
  box-shadow: 0 24px 65px rgba(0, 0, 0, .2);
}

.section-page .public-card:hover,
.section-page .server-card:hover {
  border-color: rgba(155, 132, 255, .45);
  box-shadow: 0 30px 78px rgba(0, 0, 0, .3);
  transform: translateY(-5px);
}

.section-page .public-card__image,
.public-card__image,
.server-card__banner {
  border-radius: 0;
}

.section-page .public-card__body {
  padding: 24px 24px 18px;
}

.section-page .public-card__body h3,
.section-page .public-card__body h3 a,
.server-card h2,
.server-card h2 a {
  color: #fff;
  font-size: 23px;
  line-height: 1.08;
}

.section-page .public-card__body p,
.server-card p {
  color: #919aac;
  font-size: 13px;
  line-height: 1.65;
}

.section-page .public-card footer,
.server-card footer {
  border-color: var(--gh-line);
  background: rgba(255, 255, 255, .025);
  color: #7d8799;
}

.public-card__metrics span,
.server-paid-mark,
.badge {
  background: rgba(255, 255, 255, .07);
  color: #bdc5d2;
}

.wiki-hub-main,
.wiki-hub-side,
.public-empty,
.partner-results,
.panel-widget {
  border: 1px solid var(--gh-line);
  border-radius: 20px;
  background: var(--gh-panel-solid);
  color: #fff;
  box-shadow: var(--gh-shadow);
}

.wiki-hub-main h2,
.wiki-hub-side h2,
.panel-widget h2,
.panel-widget h3,
.partner-results h2 {
  color: #fff;
}

.wiki-hub-side span,
.panel-widget p {
  color: #8d96a8;
}

body.public-body--inner .section-page .wiki-hub-main,
body.public-body--inner .section-page .wiki-hub-side,
body.public-body--inner .community-page .partner-results,
body.public-body--inner .community-page .panel-widget,
body.public-body--inner .account-page .panel-widget {
  border-color: var(--gh-line);
  background: var(--gh-panel-solid);
  color: #fff;
}

/* Reading surfaces */
.material-page .public-article__hero,
.wiki-page .wiki-native-head {
  border: 1px solid var(--gh-line);
  border-radius: 28px;
  background: #080c14;
  box-shadow: var(--gh-shadow);
}

.material-page .public-article__layout,
.wiki-page .wiki-native-layout {
  gap: 22px;
}

.material-page .public-article__body,
.wiki-page .wiki-native-layout,
.wiki-comment-panel {
  border: 0;
  border-radius: 22px;
  background: var(--gh-paper-2);
  color: #313641;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .25);
}

.material-page .public-article__body,
.wiki-page .wiki-native-body {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
  line-height: 1.82;
}

.material-page .public-article__body h2,
.material-page .public-article__body h3,
.wiki-page .wiki-native-body h2,
.wiki-page .wiki-native-body h3 {
  color: var(--gh-ink);
  font-family: var(--gh-display);
}

.material-page .public-article__aside .panel-widget,
.wiki-native-infobox,
.wiki-native-widget {
  border: 1px solid var(--gh-line);
  background: var(--gh-panel-solid);
  color: #fff;
}

.material-page .public-article__aside .panel-widget h3,
.wiki-native-infobox h2,
.wiki-native-widget h2 {
  color: #fff;
}

.wiki-native-page.wiki-page {
  box-sizing: border-box;
  padding: 34px 0 90px;
  background: transparent;
}

.wiki-page .wiki-native-card,
.wiki-page .wiki-comment-panel {
  width: min(100% - 48px, 1380px);
}

.wiki-page .wiki-native-card {
  overflow: visible;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.wiki-native-breadcrumb {
  margin-bottom: 12px;
  border: 1px solid var(--gh-line);
  border-radius: 14px;
  background: rgba(17, 23, 34, .82);
  color: #8d96a8;
}

.wiki-native-breadcrumb a {
  color: var(--gh-lime);
}

.wiki-page .wiki-native-head {
  min-height: 520px;
}

.wiki-native-toc {
  border: 1px solid var(--gh-line-dark);
  background: #eceae4;
}

/* Forum */
.forum-page .xf-toolbar,
.forum-topic-page .xf-thread-tools,
.forum-page .xf-category,
.forum-page .xf-thread-panel,
.forum-topic-page .xf-thread-panel,
.forum-page .xf-widget,
.forum-topic-page .xf-widget,
.forum-page .xf-editor,
.forum-topic-page .xf-editor {
  border: 1px solid var(--gh-line);
  border-radius: 18px;
  background: var(--gh-panel-solid);
  color: #fff;
  box-shadow: 0 22px 58px rgba(0, 0, 0, .2);
}

.forum-page .xf-category > header,
.forum-page .xf-panel-head,
.forum-topic-page .xf-panel-head {
  border-color: var(--gh-line);
  background: rgba(255, 255, 255, .04);
}

.forum-page .xf-category h2,
.forum-page .xf-panel-head h2,
.forum-topic-page .xf-panel-head h2,
.forum-page .xf-widget h3,
.forum-topic-page .xf-widget h3 {
  color: #fff;
}

.forum-page .xf-node,
.forum-page .xf-thread {
  border-color: var(--gh-line);
  background: transparent;
}

.forum-page .xf-node:hover,
.forum-page .xf-thread:hover {
  background: rgba(255, 255, 255, .045);
}

.forum-page .xf-thread__title a,
.forum-page .xf-node strong {
  color: #fff;
}

.forum-page .xf-node p,
.forum-page .xf-thread p,
.forum-page .xf-widget span,
.forum-topic-page .xf-widget span {
  color: #8791a3;
}

.forum-page .xf-editor input,
.forum-page .xf-editor select,
.forum-page .xf-editor textarea,
.forum-topic-page .xf-editor textarea,
.xf-search input {
  border-color: var(--gh-line);
  background: #0a0f18;
  color: #fff;
}

.forum-topic-page .xf-message {
  border: 1px solid var(--gh-line);
  border-radius: 18px;
  background: var(--gh-panel-solid);
  color: #d9dee7;
}

body.public-body--inner .forum-topic-page .xf-post {
  border-color: var(--gh-line);
  background: var(--gh-panel-solid);
  color: #dce1ea;
  box-shadow: 0 22px 58px rgba(0, 0, 0, .2);
}

body.public-body--inner .forum-topic-page .xf-author {
  border-color: var(--gh-line);
  background: #0d131e;
  color: #a6afbe;
}

body.public-body--inner .forum-topic-page .thread-post .xf-message,
body.public-body--inner .forum-topic-page .thread-post .xf-message header {
  border-color: var(--gh-line);
  background: var(--gh-panel-solid);
  color: #909bad;
}

body.public-body--inner .forum-topic-page .thread-post .xf-message header strong,
body.public-body--inner .forum-topic-page .forum-post-body {
  color: #f3f5f8;
}

body.public-body--inner .forum-topic-page .xf-message footer button,
body.public-body--inner .forum-topic-page .xf-editor__bar button,
body.public-body--inner .forum-topic-page .xf-thread-tools a,
body.public-body--inner .forum-topic-page .xf-participant {
  border-color: var(--gh-line);
  background: rgba(255, 255, 255, .07);
  color: #e9edf3;
}

body.public-body--inner .forum-page .xf-toolbar,
body.public-body--inner .forum-topic-page .xf-thread-tools,
body.public-body--inner .forum-page .xf-category,
body.public-body--inner .forum-page .xf-thread-panel,
body.public-body--inner .forum-topic-page .xf-thread-panel,
body.public-body--inner .forum-page .xf-widget,
body.public-body--inner .forum-topic-page .xf-widget,
body.public-body--inner .forum-page .xf-editor,
body.public-body--inner .forum-topic-page .xf-editor {
  border-color: var(--gh-line);
  background: var(--gh-panel-solid);
  color: #fff;
}

/* Account and community */
.account-switcher {
  border-color: var(--gh-line);
  border-radius: 16px;
  background: var(--gh-panel-solid);
}

.account-switcher a {
  border-color: var(--gh-line);
  color: #929bad;
}

.account-switcher a:hover,
.account-switcher a.is-active {
  background: #fff;
  color: #11151d;
}

.profile-layout .panel-widget,
.pm-compose,
.pm-thread-panel,
.pm-conversation,
.notification-card,
.partner-card,
.partner-compose,
.chat-panel,
.chat-room {
  border: 1px solid var(--gh-line);
  border-radius: 18px;
  background: var(--gh-panel-solid);
  color: #fff;
  box-shadow: 0 22px 58px rgba(0, 0, 0, .2);
}

.profile-layout .panel-widget h3,
.pm-compose h3,
.pm-thread-panel h3,
.notification-card h2,
.partner-card h3,
.partner-compose h3,
.chat-panel h2,
.chat-room h2 {
  color: #fff;
}

.activity-feed article,
.pm-thread,
.notification-card,
.partner-card,
.chat-user,
.chat-message {
  border-color: var(--gh-line);
  background: rgba(255, 255, 255, .035);
}

.pm-compose input,
.pm-compose textarea,
.chat-composer input,
.partner-compose input,
.partner-compose select,
.partner-compose textarea {
  border-color: var(--gh-line);
  background: #0a0f18;
  color: #fff;
}

.chat-page .chat-room {
  min-height: 700px;
}

body.public-body--inner .chat-page .chat-panel,
body.public-body--inner .chat-page .chat-room,
body.public-body--inner .account-page--messages .pm-compose,
body.public-body--inner .account-page--messages .pm-thread-panel,
body.public-body--inner .account-page--messages .pm-conversation,
body.public-body--inner .account-page--notifications .notification-card {
  border-color: var(--gh-line);
  background: var(--gh-panel-solid);
  color: #fff;
}

.chat-page .chat-messages {
  background:
    linear-gradient(rgba(9, 13, 21, .92), rgba(9, 13, 21, .92)),
    url('/assets/community-studio-2026.webp') center / cover;
}

.chat-page .chat-room__head,
.chat-page .chat-composer {
  border-color: var(--gh-line);
  background: var(--gh-panel-solid);
}

.chat-page .community-empty p,
.community-muted,
.partner-card p,
.notification-card p,
.pm-conversation p {
  color: #8d96a8;
}

.partner-results {
  padding: 22px;
}

/* Footer */
.site-footer {
  border-top: 1px solid var(--gh-line);
  background: #05070c;
}

.site-footer__lead,
.site-footer__inner {
  width: min(100% - 48px, 1460px);
}

.site-footer__lead {
  padding: 70px 0 48px;
}

.site-footer__lead strong {
  max-width: 900px;
  color: #fff;
  font: 900 clamp(34px, 5vw, 68px)/.96 var(--gh-display);
  letter-spacing: -.055em;
}

.site-footer__inner {
  border-color: var(--gh-line);
  padding: 42px 0 70px;
}

/* Admin */
body.admin-body {
  background:
    radial-gradient(circle at 0 0, rgba(155, 132, 255, .13), transparent 26%),
    var(--gh-night);
}

.admin-shell {
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 0;
}

.admin-sidebar {
  min-height: 100vh;
  border-right: 1px solid var(--gh-line);
  background: rgba(9, 13, 21, .96);
}

.admin-sidebar nav a {
  border-radius: 9px;
  color: #929bad;
}

.admin-sidebar nav a:hover,
.admin-sidebar nav a.is-active {
  background: rgba(255, 255, 255, .08);
  color: #fff;
  box-shadow: inset 3px 0 var(--gh-coral);
}

.admin-main {
  box-sizing: border-box;
  min-width: 0;
  width: min(100%, 1540px);
  padding: 30px;
}

.admin-topline,
.admin-panel,
.admin-metrics article,
.admin-table,
.admin-form {
  border: 1px solid var(--gh-line);
  border-radius: 16px;
  background: var(--gh-panel-solid);
  color: #fff;
  box-shadow: 0 20px 55px rgba(0, 0, 0, .18);
}

.admin-topline h1,
.admin-panel h2,
.admin-panel h3,
.admin-metrics strong,
.admin-row strong,
.admin-table strong {
  color: #fff;
}

.admin-metrics article,
.admin-metrics span,
.admin-metrics strong,
.admin-metrics p {
  min-width: 0;
  overflow-wrap: anywhere;
  white-space: normal;
}

.admin-row,
.admin-table__head,
.admin-table article,
.admin-table > div {
  border-color: var(--gh-line);
}

.admin-form input,
.admin-form textarea,
.admin-form select {
  border-color: var(--gh-line);
  background: #0a0f18;
  color: #fff;
}

.admin-button,
.admin-actions button,
.admin-row button {
  border: 0;
  border-radius: 9px;
  background: linear-gradient(100deg, var(--gh-violet), var(--gh-coral));
  color: #fff;
}

/* Responsive */
@media (max-width: 1180px) {
  .topnav {
    display: none;
  }

  .mobile-site-nav {
    display: block;
  }

  .neo-editorial__grid,
  .neo-community,
  .chat-page .chat-shell {
    grid-template-columns: 1fr;
  }

  .neo-story-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .neo-module,
  .neo-module:not(.neo-module--wide) {
    grid-column: span 6;
  }

  .admin-shell {
    grid-template-columns: 220px minmax(0, 1fr);
  }
}

@media (max-width: 820px) {
  .topbar__inner,
  .page-shell,
  .inner-page,
  .neo-hero__inner,
  .neo-announcement,
  .neo-pulse,
  .neo-home__body,
  .site-footer__lead,
  .site-footer__inner {
    width: min(100% - 24px, 1460px);
  }

  .topbar__utilities {
    display: none;
  }

  .neo-hero,
  .neo-hero__inner {
    min-height: 760px;
  }

  .neo-hero__inner {
    padding-top: 72px;
    padding-bottom: 255px;
  }

  .neo-hero h1 {
    font-size: clamp(52px, 15vw, 82px);
  }

  .neo-hero__dock {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .neo-hero__dock a {
    min-height: 92px;
    padding: 16px;
  }

  .neo-hero__dock a:nth-child(2) {
    border-right: 0;
  }

  .neo-hero__dock a:nth-child(-n+2) {
    border-bottom: 1px solid var(--gh-line);
  }

  .neo-story-list,
  .neo-live__grid,
  .wiki-native-side {
    grid-template-columns: 1fr;
  }

  .neo-bento {
    grid-template-columns: 1fr;
    grid-auto-rows: 250px;
  }

  .neo-module,
  .neo-module--wide,
  .neo-module:not(.neo-module--wide) {
    grid-column: 1;
    grid-row: span 1;
  }

  .neo-feature {
    min-height: 520px;
  }

  .sub-hero,
  .community-hero,
  .profile-hero,
  .messages-hub-hero,
  .notification-hero,
  .xf-hero {
    min-height: 360px;
  }

  .sub-hero h1,
  .community-hero h1,
  .profile-hero h1,
  .messages-hub-hero h1,
  .notification-hero h1,
  .xf-hero h1 {
    font-size: clamp(44px, 13vw, 70px);
  }

  .wiki-page .wiki-native-card,
  .wiki-page .wiki-comment-panel {
    width: min(100% - 24px, 1380px);
  }

  .admin-shell {
    grid-template-columns: 1fr;
  }

  .admin-sidebar {
    min-height: auto;
    border-right: 0;
    border-bottom: 1px solid var(--gh-line);
  }

  .contribute-page {
    width: min(100% - 24px, 1180px);
    padding: 24px 0 56px;
  }

  .contribute-hero,
  .contribute-layout {
    grid-template-columns: 1fr;
  }

  .contribute-hero {
    gap: 24px;
    padding: 28px 22px;
  }

  .contribute-hero h1 {
    font-size: clamp(42px, 13vw, 66px);
  }

  .contribute-guide {
    position: static;
  }

  .contribute-form .form-grid,
  .contribute-form .form-grid--three {
    grid-template-columns: 1fr;
  }
}

/* Production editor, catalog taxonomy and dark-admin completion */
.smart-editor {
  overflow: hidden;
  border: 1px solid var(--gh-line);
  border-radius: 16px;
  background: #0c111b;
  color: #fff;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .22);
}

.smart-editor__head,
.smart-editor__footer,
.smart-editor__toolbar,
.smart-editor__templates,
.editor-media__drop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.smart-editor__head { padding: 14px 16px; border-bottom: 1px solid var(--gh-line); background: #121925; }
.smart-editor__head > div:first-child { display: grid; gap: 2px; }
.smart-editor__head span,.smart-editor__footer,.smart-editor__templates span,.editor-media__drop span { color: var(--gh-muted); font-size: 12px; }
.smart-editor__modes { display: flex; gap: 5px; padding: 4px; border-radius: 10px; background: #090d15; }
.smart-editor__modes button,.smart-editor__toolbar button,.smart-editor__template-list button { border: 1px solid var(--gh-line); color: #cbd2df; background: #151d2a; }
.smart-editor__modes button { padding: 7px 10px; border-radius: 7px; }
.smart-editor__modes button.is-active { border-color: transparent; background: linear-gradient(100deg,var(--gh-violet),var(--gh-coral)); color:#fff; }
.smart-editor__templates { align-items: flex-start; padding: 14px 16px; border-bottom: 1px solid var(--gh-line); background: rgba(155,132,255,.06); }
.smart-editor__templates > div:first-child { display:grid; gap:3px; min-width:150px; }
.smart-editor__template-list { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; }
.smart-editor__template-list button { display:grid; gap:2px; min-width:112px; padding:9px 10px; border-radius:9px; text-align:left; }
.smart-editor__template-list button:hover { border-color:var(--gh-coral); transform:translateY(-1px); }
.smart-editor__template-list small { color:var(--gh-muted); }
.smart-editor__toolbar { justify-content:flex-start; flex-wrap:wrap; padding:10px 14px; border-bottom:1px solid var(--gh-line); background:#0a0f18; }
.smart-editor__toolbar > span { width:1px; height:24px; background:var(--gh-line); }
.smart-editor__toolbar button { min-height:34px; padding:6px 10px; border-radius:7px; }
.smart-editor__toolbar button:hover { color:#fff; background:#232d3d; }
.smart-editor__workspace { padding:14px; background:#dcdfe5; }
.smart-editor__canvas,.smart-editor__code-preview { box-sizing:border-box; min-height:440px; padding:34px clamp(22px,5vw,68px); border-radius:10px; outline:none; background:#fffdf8; color:#252b35; font:17px/1.72 Georgia,"Times New Roman",serif; box-shadow:0 12px 38px rgba(0,0,0,.12); }
.smart-editor__canvas:empty::before { content:attr(data-placeholder); color:#9299a6; pointer-events:none; }
.smart-editor__canvas img,.smart-editor__code-preview img { display:block; width:100%; max-height:680px; object-fit:cover; border-radius:12px; }
.smart-editor__canvas figure,.smart-editor__code-preview figure { margin:24px 0; }
.smart-editor__canvas table,.smart-editor__code-preview table { width:100%; border-collapse:collapse; }
.smart-editor__canvas th,.smart-editor__canvas td,.smart-editor__code-preview th,.smart-editor__code-preview td { border:1px solid #cfd4dc; padding:10px 12px; text-align:left; }
.smart-editor__source-pane { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:14px; background:#090d15; }
.smart-editor__source-pane.is-hidden { display:none; }
.smart-editor__source-pane label,.smart-editor__source-pane > div { display:grid; align-content:start; gap:8px; min-width:0; }
.smart-editor__source-pane textarea { box-sizing:border-box; width:100%; min-height:480px; padding:16px; resize:vertical; border:1px solid var(--gh-line); border-radius:9px; background:#05080d; color:#dbe4f2; font:13px/1.6 Consolas,monospace; }
.smart-editor__code-preview { min-height:480px; max-height:620px; overflow:auto; padding:26px; font-size:15px; }
.editor-media { padding:14px 16px; border-top:1px solid var(--gh-line); background:#101722; }
.editor-media__drop > div { display:grid; gap:3px; }
.editor-media__drop label { cursor:pointer; }
.editor-media__drop input { position:absolute; opacity:0; pointer-events:none; }
.editor-media__drop label > span { display:inline-flex; padding:9px 12px; border-radius:8px; background:linear-gradient(100deg,var(--gh-violet),var(--gh-coral)); color:#fff; font-weight:800; }
.editor-media__status { min-height:18px; margin:9px 0 0; color:var(--gh-cyan); font-size:12px; }
.editor-media__gallery { display:grid; grid-template-columns:repeat(auto-fill,minmax(130px,1fr)); gap:8px; }
.editor-media__gallery article { position:relative; overflow:hidden; min-height:92px; border:1px solid var(--gh-line); border-radius:9px; }
.editor-media__gallery img { width:100%; height:92px; object-fit:cover; }
.editor-media__gallery article > div { position:absolute; right:5px; bottom:5px; display:flex; flex-wrap:wrap; justify-content:flex-end; gap:4px; }
.editor-media__gallery button { padding:5px 7px; border:0; border-radius:6px; background:rgba(5,8,13,.88); color:#fff; font-size:11px; }
.smart-editor__footer { padding:10px 16px; border-top:1px solid var(--gh-line); background:#0a0f18; }

body.admin-body .admin-page-hero,
body.admin-body .admin-card,
body.admin-body .admin-topline,
body.admin-body .admin-panel,
body.admin-body .admin-metrics article,
body.admin-body .typed-admin-metrics article,
body.admin-body .admin-table,
body.admin-body .admin-form,
body.admin-body .forum-admin-tree article,
body.admin-body .forum-node-admin,
body.admin-body .forum-node-toggles label,
body.admin-body .forum-admin-topic,
body.admin-body .forum-admin-post,
body.admin-body .admin-toggle,
body.admin-body .admin-checklist span,
body.admin-body .content-row,
body.admin-body .tag-admin-list article,
body.admin-body .media-admin-grid article {
  border-color:var(--gh-line) !important;
  background:var(--gh-panel-solid) !important;
  color:#f7f8fb !important;
  box-shadow:0 16px 45px rgba(0,0,0,.18);
}
body.admin-body .forum-node-admin p,body.admin-body .forum-node-admin small,body.admin-body .forum-admin-post p { color:#929bad !important; }
body.admin-body .forum-node-admin__icon { color:#fff; }
body.admin-body .admin-topline { background:linear-gradient(125deg,#111722,#171729) !important; }
body.admin-body h1,body.admin-body h2,body.admin-body h3,body.admin-body strong,body.admin-body label { color:#f7f8fb; }
body.admin-body p,body.admin-body small,body.admin-body .admin-row p,body.admin-body .admin-topline p:not(.eyebrow) { color:#929bad; }
body.admin-body input,body.admin-body textarea,body.admin-body select { border-color:var(--gh-line) !important; background:#090e17 !important; color:#f7f8fb !important; }
body.admin-body input::placeholder,body.admin-body textarea::placeholder { color:#626c7d; }
body.admin-body .admin-button--ghost { border:1px solid var(--gh-line); background:#1a2230; color:#fff; }
body.admin-body .admin-check,body.admin-body .admin-toggle,body.admin-body .admin-checklist span { color:#d8deea; }

.admin-page-hero { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px; border:1px solid var(--gh-line); border-radius:16px; }
.admin-page-hero h1 { margin:3px 0 5px; }
.admin-page-hero p { margin:0; }
.admin-type-switch { display:flex; gap:6px; padding:5px; width:max-content; border:1px solid var(--gh-line); border-radius:10px; background:#0a0f18; }
.admin-type-switch a { padding:8px 16px; border-radius:7px; color:#aab3c3; }
.admin-type-switch a.is-active { background:linear-gradient(100deg,var(--gh-violet),var(--gh-coral)); color:#fff; }
.admin-category-layout { display:grid; grid-template-columns:minmax(360px,.8fr) minmax(460px,1.2fr); gap:14px; align-items:start; }
.admin-card { border:1px solid var(--gh-line); border-radius:16px; padding:16px; }
.admin-card > header { display:flex; justify-content:space-between; gap:12px; margin-bottom:14px; }
.admin-card__kicker { color:var(--gh-coral); font-size:10px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.admin-card h2 { margin:3px 0 0; }
.admin-form-grid--2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.admin-form-span-2 { grid-column:1/-1; }
.admin-subpanel { display:grid; gap:10px; padding:13px; border:1px solid var(--gh-line); border-radius:11px; background:rgba(255,255,255,.025); }
.admin-subpanel h3 { margin:0; }
.admin-cover-preview { width:100%; max-height:210px; object-fit:cover; border-radius:9px; }
.admin-category-list { display:grid; gap:8px; }
.admin-category-list > header { margin-bottom:2px; }
.admin-category-list article { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px; border:1px solid var(--gh-line); border-radius:10px; background:#0b1019; }
.admin-category-list article > div { display:flex; align-items:center; gap:10px; min-width:0; }
.admin-category-list img,.admin-category-placeholder { flex:0 0 68px; width:68px; height:54px; border-radius:8px; object-fit:cover; }
.admin-category-placeholder { display:grid; place-items:center; background:linear-gradient(135deg,var(--gh-violet),var(--gh-coral)); color:#fff; font-weight:900; }
.admin-category-list h3,.admin-category-list p { margin:0; }
.admin-category-list p,.admin-category-list small { color:#8993a5; }

.content-category-strip { display:grid; gap:14px; padding:18px; border:1px solid var(--gh-line); border-radius:18px; background:var(--gh-panel-solid); }
.content-category-strip__head h2 { margin:4px 0 0; color:#fff; }
.content-category-strip__grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:9px; }
.content-category-strip__grid a { position:relative; display:flex; align-items:center; gap:10px; min-height:70px; overflow:hidden; padding:9px; border:1px solid var(--gh-line); border-radius:11px; background:#0a0f18; color:#fff; }
.content-category-strip__grid a.is-active,.content-category-strip__grid a:hover { border-color:var(--gh-coral); background:#181827; }
.content-category-strip__grid img { width:72px; height:52px; flex:0 0 72px; object-fit:cover; border-radius:8px; }
.content-category-strip__grid span { display:grid; gap:3px; }
.content-category-strip__grid small { color:var(--gh-muted); }

.material-page .public-article__aside .panel-widget { display:grid; gap:10px; min-width:0; }
.material-page .public-article__aside .panel-widget .admin-button,
.material-page .public-article__aside .report-mini,
.material-page .public-article__aside .report-mini summary { box-sizing:border-box; width:100%; min-width:0; }
.material-page .public-article__aside .report-mini { position:relative; }
.material-page .public-article__aside .report-mini summary { display:flex; align-items:center; justify-content:center; min-height:40px; padding:9px 12px; border-radius:8px; background:#1a2230; color:#fff; }
.material-page .public-article__aside .report-mini form { position:static; display:grid; gap:8px; box-sizing:border-box; width:100%; min-width:0; margin-top:8px; padding:10px; border:1px solid var(--gh-line); border-radius:9px; background:#090e17; box-shadow:none; }
.material-page .public-article__aside .report-mini select,.material-page .public-article__aside .report-mini textarea { box-sizing:border-box; width:100%; min-width:0; background:#111722; color:#fff; }
.material-page .material-next-steps > div,.material-page .material-next-steps a { border-color:var(--gh-line); background:linear-gradient(135deg,#111722,#171827); box-shadow:0 18px 45px rgba(0,0,0,.2); }
.material-page .material-next-steps h2,.material-page .material-next-steps strong { color:#fff; }
.material-page .material-next-steps p,.material-page .material-next-steps span { color:#a0a9b9; }

@media (max-width:980px) {
  .admin-category-layout,.smart-editor__source-pane { grid-template-columns:1fr; }
  .smart-editor__templates,.editor-media__drop { align-items:stretch; flex-direction:column; }
  .smart-editor__template-list { justify-content:flex-start; }
}
@media (max-width:620px) {
  .smart-editor__head,.smart-editor__footer,.admin-page-hero { align-items:stretch; flex-direction:column; }
  .smart-editor__modes { width:100%; }
  .smart-editor__modes button { flex:1; }
  .smart-editor__canvas { min-height:360px; padding:22px 16px; }
  .admin-form-grid--2 { grid-template-columns:1fr; }
  .admin-form-span-2 { grid-column:auto; }
  .admin-category-list article { align-items:flex-start; flex-direction:column; }
  .material-next-steps { grid-template-columns:1fr; }
}

@media (max-width: 520px) {
  body.public-body::after {
    display: none;
  }

  .topbar__inner {
    gap: 10px;
  }

  .brand--modern .brand__copy em,
  .profile-button--modern span {
    display: none;
  }

  .neo-hero__actions,
  .community-hero__actions {
    width: 100%;
    align-items: stretch;
    flex-direction: column;
  }

  .neo-button,
  .community-hero__actions a {
    width: 100%;
    justify-content: center;
  }

  .neo-pulse,
  .section-dashboard,
  .metric-grid,
  .chat-overview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .neo-home__body {
    padding-top: 72px;
  }

  .neo-section-head h2,
  .public-section-head h2 {
    font-size: 38px;
  }

  .section-dashboard article,
  .metric-grid .metric,
  .chat-overview article {
    min-height: 92px;
    padding: 14px;
  }

  .material-page .public-article__body,
  .wiki-page .wiki-native-layout {
    border-radius: 16px;
    padding: 24px 19px;
    font-size: 16px;
  }

  .wiki-page .wiki-native-head h1 {
    font-size: 38px;
    overflow-wrap: anywhere;
    hyphens: auto;
  }

  .site-footer__lead {
    align-items: flex-start;
    flex-direction: column;
  }

  .admin-main {
    padding: 14px;
  }

  .contribute-form {
    padding: 22px 17px;
  }

  .contribute-submit {
    align-items: stretch;
    flex-direction: column;
  }

  .contribute-submit .primary-button {
    width: 100%;
    justify-content: center;
  }
}

/* Wiki composer — focused production workflow */
body.public-body--inner .wiki-create-page--composer {
  box-sizing: border-box;
  width: min(100% - 36px, 1420px);
  margin-inline: auto;
  padding: 30px 0 88px;
  background: transparent;
}

.wiki-create-page--composer .wiki-create-hero,
.wiki-create-page--composer .wiki-create-layout {
  width: 100%;
}

.wiki-create-page--composer .wiki-create-hero {
  grid-template-columns: minmax(0, 1fr) 250px;
  align-items: center;
  gap: 30px;
  min-height: 0;
  margin-bottom: 18px;
  border: 1px solid var(--gh-line);
  border-radius: 20px;
  padding: clamp(26px, 4vw, 46px);
  background:
    linear-gradient(90deg, rgba(12, 15, 27, .94), rgba(54, 37, 77, .78) 55%, rgba(157, 70, 77, .45)),
    url('/assets/knowledge-base.webp') center 42% / cover;
  box-shadow: var(--gh-shadow);
}

.wiki-create-page--composer .wiki-create-hero h1 {
  margin: 4px 0 10px;
  color: #fff;
  font-size: clamp(38px, 4.2vw, 62px);
  line-height: .98;
}

.wiki-create-page--composer .wiki-create-hero > div > p:not(.eyebrow) {
  max-width: 790px;
  margin: 0;
  color: rgba(255, 255, 255, .73);
  font-size: 15px;
  line-height: 1.65;
}

.wiki-create-steps {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
}

.wiki-create-steps span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 999px;
  padding: 7px 11px 7px 7px;
  background: rgba(5, 8, 14, .35);
  color: rgba(255, 255, 255, .76);
  font-size: 11px;
  font-weight: 750;
  backdrop-filter: blur(10px);
}

.wiki-create-steps b {
  display: grid;
  place-items: center;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--gh-violet), var(--gh-coral));
  color: #fff;
  font-size: 10px;
}

.wiki-create-page--composer .wiki-create-reward {
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 16px;
  padding: 19px;
  background: rgba(10, 13, 22, .4);
  backdrop-filter: blur(16px);
}

.wiki-create-page--composer .wiki-create-reward span {
  color: #fff;
  font: 900 42px/.95 var(--gh-display);
}

.wiki-create-page--composer .wiki-create-reward strong {
  display: block;
  margin-top: 7px;
  color: #fff;
  font-size: 13px;
}

.wiki-create-page--composer .wiki-create-reward small {
  display: block;
  margin-top: 8px;
  color: rgba(255, 255, 255, .58);
  font-size: 11px;
  line-height: 1.5;
}

.wiki-create-page--composer .wiki-create-layout {
  grid-template-columns: minmax(0, 1fr) 292px;
  gap: 18px;
  align-items: start;
}

.wiki-create-page--composer .wiki-create-form {
  display: grid;
  gap: 14px;
  min-width: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
  box-shadow: none;
}

.wiki-create-form__section,
.wiki-create-page--composer .wiki-create-submit,
.wiki-create-page--composer .wiki-create-guide {
  border: 1px solid var(--gh-line);
  border-radius: 16px;
  background: rgba(15, 20, 31, .94);
  color: #fff;
  box-shadow: 0 20px 58px rgba(0, 0, 0, .23);
  backdrop-filter: blur(16px);
}

.wiki-create-form__section {
  display: grid;
  gap: 17px;
  min-width: 0;
  padding: 20px;
}

.wiki-create-form__section > header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid var(--gh-line);
  padding-bottom: 15px;
}

.wiki-create-form__section > header > div {
  display: grid;
  gap: 3px;
}

.wiki-create-form__section > header span {
  color: var(--gh-coral);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.wiki-create-form__section > header h2 {
  margin: 0;
  color: #fff;
  font-size: 23px;
}

.wiki-create-form__section > header p {
  max-width: 390px;
  margin: 0;
  color: var(--gh-muted);
  font-size: 12px;
  line-height: 1.45;
  text-align: right;
}

.wiki-create-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
}

.wiki-create-fields--primary {
  grid-template-columns: minmax(0, 1.55fr) minmax(230px, .75fr);
}

.wiki-field {
  display: grid;
  align-content: start;
  gap: 7px;
  min-width: 0;
  color: #e9edf5;
  font-size: 12px;
  font-weight: 800;
}

.wiki-field--wide {
  grid-column: 1 / -1;
}

.wiki-field > span {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}

.wiki-field em {
  color: var(--gh-coral);
  font-size: 9px;
  font-style: normal;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.wiki-field small {
  color: #697487;
  font-weight: 600;
}

.wiki-create-page--composer .wiki-field input,
.wiki-create-page--composer .wiki-field textarea,
.wiki-create-page--composer .wiki-field select {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 10px;
  padding: 12px 13px;
  background: #090e17;
  color: #f7f9fc;
  font: 650 13px/1.45 var(--gh-sans);
  outline: none;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.wiki-create-page--composer .wiki-field input,
.wiki-create-page--composer .wiki-field select {
  min-height: 46px;
}

.wiki-create-page--composer .wiki-field textarea {
  min-height: 92px;
  resize: vertical;
}

.wiki-create-page--composer .wiki-field input::placeholder,
.wiki-create-page--composer .wiki-field textarea::placeholder {
  color: #596476;
}

.wiki-create-page--composer .wiki-field input:focus,
.wiki-create-page--composer .wiki-field textarea:focus,
.wiki-create-page--composer .wiki-field select:focus {
  border-color: var(--gh-violet);
  background: #0c121e;
  box-shadow: 0 0 0 3px rgba(155, 132, 255, .13);
}

.wiki-create-advanced {
  border: 1px solid var(--gh-line);
  border-radius: 11px;
  background: rgba(255, 255, 255, .025);
}

.wiki-create-advanced summary {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 13px 42px 13px 14px;
  color: #dce2ec;
  cursor: pointer;
  list-style: none;
}

.wiki-create-advanced summary::-webkit-details-marker { display: none; }
.wiki-create-advanced summary::after { content: '+'; position: absolute; right: 15px; color: var(--gh-coral); font-size: 20px; }
.wiki-create-advanced[open] summary::after { content: '−'; }
.wiki-create-advanced summary span { font-size: 12px; font-weight: 850; }
.wiki-create-advanced summary small { color: var(--gh-muted); font-size: 11px; }
.wiki-create-advanced > div { border-top: 1px solid var(--gh-line); padding: 14px; }

.wiki-create-form__section--editor {
  padding: 20px;
}

.wiki-create-form__section--editor .smart-editor {
  box-shadow: none;
}

.wiki-create-form__section--editor .smart-editor__templates {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
}

.wiki-create-form__section--editor .smart-editor__template-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  justify-content: stretch;
}

.wiki-create-form__section--editor .smart-editor__template-list button {
  min-width: 0;
}

.wiki-create-page--composer .wiki-create-submit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-top: 1px solid var(--gh-line);
  padding: 17px 19px;
}

.wiki-create-page--composer .wiki-create-submit > div {
  display: grid;
  gap: 4px;
}

.wiki-create-page--composer .wiki-create-submit strong {
  color: #fff;
  font-size: 13px;
}

.wiki-create-page--composer .wiki-create-submit p {
  margin: 0;
  color: var(--gh-muted);
  font-size: 11px;
  line-height: 1.45;
}

.wiki-create-page--composer .wiki-create-submit .primary-button {
  flex: 0 0 auto;
  min-height: 46px;
  padding-inline: 20px;
  border: 0;
}

.wiki-create-page--composer .wiki-create-guide {
  position: sticky;
  top: 92px;
  display: grid;
  gap: 14px;
  padding: 18px;
}

.wiki-create-guide__head {
  display: grid;
  gap: 4px;
  border-bottom: 1px solid var(--gh-line);
  padding-bottom: 13px;
}

.wiki-create-page--composer .wiki-create-guide .wiki-create-guide__head {
  grid-template-columns: 1fr;
  gap: 4px;
  border-top: 0;
  padding: 0 0 13px;
}

.wiki-create-guide__head > span {
  color: var(--gh-coral);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.wiki-create-page--composer .wiki-create-guide h2 {
  margin: 0;
  color: #fff;
  font-size: 21px;
}

.wiki-create-guide__head p,
.wiki-create-guide__help p {
  margin: 0;
  color: var(--gh-muted);
  font-size: 11px;
  line-height: 1.5;
}

.wiki-create-page--composer .wiki-create-guide ul {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.wiki-create-page--composer .wiki-create-guide li {
  display: grid;
  grid-template-columns: 27px minmax(0, 1fr);
  gap: 10px;
  border-bottom: 1px solid var(--gh-line);
  padding: 11px 0;
}

.wiki-create-page--composer .wiki-create-guide li > b {
  display: grid;
  place-items: center;
  width: 27px;
  height: 27px;
  border-radius: 8px;
  background: rgba(155, 132, 255, .13);
  color: #b7a9ff;
  font-size: 9px;
}

.wiki-create-page--composer .wiki-create-guide li > span {
  display: grid;
  gap: 3px;
  color: inherit;
}

.wiki-create-page--composer .wiki-create-guide li strong {
  display: block;
  min-width: 0;
  min-height: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #edf1f7;
  font-size: 11px;
  place-items: initial;
}

.wiki-create-page--composer .wiki-create-guide li small {
  color: var(--gh-muted);
  font-size: 10px;
  line-height: 1.45;
}

.wiki-create-guide__help {
  display: grid;
  gap: 5px;
  border: 1px solid rgba(118, 229, 223, .14);
  border-radius: 10px;
  padding: 12px;
  background: rgba(118, 229, 223, .045);
}

.wiki-create-page--composer .wiki-create-guide .wiki-create-guide__help {
  grid-template-columns: 1fr;
  gap: 5px;
  border-top: 1px solid rgba(118, 229, 223, .14);
  padding: 12px;
}

.wiki-create-page--composer .wiki-create-guide .wiki-create-guide__help strong {
  display: block;
  min-width: 0;
  min-height: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  place-items: initial;
}

.wiki-create-guide__help strong { color: var(--gh-cyan); font-size: 11px; }
.wiki-create-page--composer .wiki-create-guide > a { width: 100%; box-sizing: border-box; text-align: center; }

@media (max-width: 1120px) {
  .wiki-create-page--composer .wiki-create-layout { grid-template-columns: 1fr; }
  .wiki-create-page--composer .wiki-create-guide { position: static; }
  .wiki-create-page--composer .wiki-create-guide ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18px; }
  .wiki-create-form__section--editor .smart-editor__template-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  body.public-body--inner .wiki-create-page--composer { width: min(100% - 22px, 1420px); padding-top: 15px; }
  .wiki-create-page--composer .wiki-create-hero { grid-template-columns: 1fr; gap: 18px; padding: 24px 19px; }
  .wiki-create-page--composer .wiki-create-reward { display: grid; grid-template-columns: auto 1fr; gap: 4px 12px; align-items: center; }
  .wiki-create-page--composer .wiki-create-reward span { grid-row: span 2; }
  .wiki-create-page--composer .wiki-create-reward small { grid-column: 1 / -1; }
  .wiki-create-form__section > header { align-items: flex-start; flex-direction: column; }
  .wiki-create-form__section > header p { text-align: left; }
  .wiki-create-fields,.wiki-create-fields--primary { grid-template-columns: 1fr; }
  .wiki-field--wide { grid-column: auto; }
  .wiki-create-form__section--editor .smart-editor__templates { grid-template-columns: 1fr; }
  .wiki-create-form__section--editor .smart-editor__template-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wiki-create-page--composer .wiki-create-submit { align-items: stretch; flex-direction: column; }
  .wiki-create-page--composer .wiki-create-submit .primary-button { width: 100%; }
}

@media (max-width: 500px) {
  .wiki-create-steps { display: grid; grid-template-columns: 1fr; }
  .wiki-create-page--composer .wiki-create-guide ul { grid-template-columns: 1fr; }
  .wiki-create-form__section { padding: 15px; }
  .wiki-create-form__section--editor .smart-editor__template-list { grid-template-columns: 1fr; }
  .wiki-create-advanced summary { align-items: flex-start; flex-direction: column; }
}

/* Admin workspace — unified dark surfaces and faster navigation */
body.admin-body {
  color-scheme: dark;
  --admin-surface: #101722;
  --admin-surface-2: #0b111b;
  --admin-surface-3: #151e2b;
  --admin-line: rgba(255, 255, 255, .1);
  --admin-text: #eef2f8;
  --admin-muted: #8f9aac;
  background:
    radial-gradient(circle at 34% -8%, rgba(155, 132, 255, .12), transparent 30%),
    radial-gradient(circle at 100% 15%, rgba(255, 121, 109, .08), transparent 26%),
    #070a10;
}

body.admin-body .admin-shell {
  grid-template-columns: 238px minmax(0, 1fr);
}

body.admin-body .admin-sidebar {
  gap: 12px;
  padding: 16px 12px 12px;
  border-color: var(--admin-line);
  background: rgba(8, 12, 19, .97);
  scrollbar-color: #30394a transparent;
}

body.admin-body .admin-sidebar .brand {
  padding: 2px 5px 7px;
}

.admin-nav-search {
  display: grid;
  gap: 6px;
  margin: 0 1px 7px;
  color: #697487 !important;
  font-size: 9px !important;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.admin-nav-search__control {
  position: relative;
  display: block;
}

body.admin-body .admin-nav-search input {
  width: 100%;
  min-height: 38px;
  padding: 8px 34px 8px 11px;
  border: 1px solid var(--admin-line) !important;
  border-radius: 9px;
  background: #0e151f !important;
  color: var(--admin-text) !important;
  font-size: 12px;
  text-transform: none;
}

.admin-nav-search kbd {
  position: absolute;
  top: 50%;
  right: 8px;
  min-width: 20px;
  padding: 2px 5px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 5px;
  background: rgba(255, 255, 255, .06);
  color: #748095;
  font: 700 11px/1.2 var(--gh-sans);
  text-align: center;
  transform: translateY(-50%);
}

body.admin-body .admin-sidebar nav {
  gap: 4px;
}

body.admin-body .admin-sidebar nav.is-filtering {
  gap: 6px;
}

body.admin-body .admin-sidebar nav a {
  border-color: rgba(255, 255, 255, .055);
  background: rgba(255, 255, 255, .035);
  color: #99a4b6;
  transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease;
}

body.admin-body .admin-sidebar nav a:hover {
  border-color: rgba(118, 229, 223, .22);
  background: rgba(118, 229, 223, .065);
  color: #fff;
  transform: translateX(2px);
}

body.admin-body .admin-sidebar nav a.is-active {
  border-color: rgba(255, 121, 109, .3);
  background: linear-gradient(90deg, rgba(155, 132, 255, .16), rgba(255, 121, 109, .1));
  color: #fff;
  box-shadow: inset 3px 0 var(--gh-coral);
}

body.admin-body .admin-nav-title {
  margin-top: 11px;
  color: #596477;
}

body.admin-body .admin-main {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: clamp(16px, 1.7vw, 28px);
}

body.admin-body :is(.admin-topline, .admin-page-hero) {
  position: sticky;
  top: 12px;
  z-index: 30;
  min-height: 0;
  padding: 15px 18px;
  border: 1px solid var(--admin-line) !important;
  border-radius: 13px;
  background: rgba(16, 23, 34, .94) !important;
  box-shadow: 0 14px 38px rgba(0, 0, 0, .24) !important;
  backdrop-filter: blur(18px);
}

body.admin-body :is(.admin-topline, .admin-page-hero) h1 {
  font-size: clamp(22px, 2vw, 30px);
}

body.admin-body :is(.admin-panel, .admin-card, .admin-form, .admin-table, .admin-metrics article, .typed-admin-metrics article) {
  border-color: var(--admin-line) !important;
  background: var(--admin-surface) !important;
  color: var(--admin-text) !important;
  box-shadow: 0 16px 45px rgba(0, 0, 0, .16) !important;
}

body.admin-body :is(
  .admin-row,
  .admin-quick-grid a,
  .admin-toggle,
  .admin-checklist span,
  .admin-table article,
  .permissions-row:not(.permissions-row--head),
  .permission-check,
  .report-card,
  .report-card blockquote,
  .report-mini summary,
  .report-mini form,
  .report-inline summary,
  .report-inline form,
  .log-file-list article,
  .log-row,
  .log-row code,
  .module-editor-row,
  .module-editor-row label,
  .empty-state,
  .checkbox-line,
  .content-row,
  .typed-content-card,
  .typed-admin-toolbar,
  .typed-admin-tips span,
  .tag-admin-list article,
  .media-asset-card,
  .media-admin-grid article,
  .forum-node-admin,
  .forum-admin-topic,
  .forum-admin-post,
  .forum-node-toggles label,
  .community-admin-list article,
  .community-empty,
  .auto-job-card,
  .auto-source-preview,
  .admin-user-note,
  .preflight-item,
  .migration-list article,
  .system-summary,
  .seo-health,
  .seo-mini-stats span,
  .notification-admin-tips,
  .panel-widget,
  .ad-slot,
  .home-module-list article,
  .home-module-list label,
  .editor-toolbar,
  .editor-toolbar button,
  .editor-preview,
  .content-type-actions button,
  .ai-action-grid button,
  .file-version-list article,
  .typed-card-operational span,
  .typed-content-card footer,
  .media-asset-card code,
  .ai-cron-note code,
  .auto-source-list article,
  .auto-job-error,
  .ai-generated-brief,
  .ai-image-suggestions
) {
  border-color: var(--admin-line) !important;
  background: var(--admin-surface-2) !important;
  color: var(--admin-text) !important;
  box-shadow: none !important;
}

body.admin-body :is(.admin-row, .content-row, .typed-content-card, .media-asset-card, .forum-node-admin, .tag-admin-list article, .auto-job-card):hover {
  border-color: rgba(155, 132, 255, .32) !important;
  background: #101925 !important;
}

body.admin-body :is(.mod-warning, .permissions-note) {
  border-color: rgba(255, 121, 109, .24) !important;
  background: rgba(255, 121, 109, .065) !important;
  color: #d7dde7 !important;
}

body.admin-body :is(.admin-row > span, .content-type, .forum-node-admin__icon, .log-row > span) {
  border: 1px solid rgba(255, 255, 255, .08);
  background: linear-gradient(135deg, #4e4384, #c65f69);
  color: #fff;
}

body.admin-body :is(h1, h2, h3, h4, strong, label) {
  color: var(--admin-text);
}

body.admin-body :is(p, small, .muted-text, .admin-row p, .content-row p, .typed-content-card p, .tag-admin-list p, .log-row p, .forum-node-admin p, .forum-node-admin small) {
  color: var(--admin-muted) !important;
}

body.admin-body :is(.admin-quick-grid strong, .admin-table article strong, .permissions-row strong, .report-card h3, .log-row strong, .module-editor-row strong, .seo-mini-stats strong) {
  color: var(--admin-text) !important;
}

body.admin-body :is(.admin-metrics span, .admin-metrics strong, .typed-admin-metrics span, .typed-admin-metrics strong) {
  color: var(--admin-text) !important;
}

body.admin-body :is(.admin-quick-grid span, .admin-table__head, .permissions-row--head, .content-type, .typed-content-card__meta, .typed-content-card__slug) {
  color: var(--admin-muted);
}

body.admin-body :is(input, textarea, select) {
  border-color: var(--admin-line) !important;
  background: #080d15 !important;
  color: var(--admin-text) !important;
  caret-color: var(--gh-cyan);
}

body.admin-body :is(input, textarea, select):focus {
  border-color: rgba(118, 229, 223, .55) !important;
  outline: 3px solid rgba(118, 229, 223, .1) !important;
}

body.admin-body .admin-main :is(code, pre) {
  border-color: var(--admin-line) !important;
  background: #080d15 !important;
  color: #c9d2e0 !important;
}

body.admin-body :is(input, textarea)::placeholder {
  color: #596476 !important;
}

body.admin-body input[type="checkbox"],
body.admin-body input[type="radio"] {
  width: 17px;
  height: 17px;
  min-height: 0;
  padding: 0;
  accent-color: var(--gh-violet);
}

body.admin-body .module-editor-row {
  background: linear-gradient(90deg, rgba(155, 132, 255, .055), transparent 36%), var(--admin-surface-2) !important;
}

body.admin-body .module-editor-row label,
body.admin-body .checkbox-line,
body.admin-body .permission-check,
body.admin-body .home-module-list label {
  min-height: 38px;
  color: #d8deea !important;
}

body.admin-body .portal-card__head > span:not(.eyebrow) {
  border: 1px solid var(--admin-line);
  border-radius: 999px;
  padding: 5px 8px;
  background: rgba(155, 132, 255, .1);
  color: #c7bcff;
  font-size: 11px;
  font-weight: 800;
}

body.admin-body .admin-button--ghost {
  border: 1px solid var(--admin-line) !important;
  background: #182231 !important;
  color: #e6ebf3 !important;
}

body.admin-body .admin-button--ghost:hover {
  border-color: rgba(118, 229, 223, .35) !important;
  background: #1c2939 !important;
}

body.admin-body .admin-flash {
  border-color: var(--admin-line);
  background: #121b28;
  color: var(--admin-text);
  box-shadow: 0 14px 34px rgba(0, 0, 0, .18);
}

body.admin-body .admin-flash--success {
  border-color: rgba(72, 215, 151, .28);
  background: rgba(72, 215, 151, .1);
  color: #a5f0ca;
}

body.admin-body .admin-flash--error {
  border-color: rgba(255, 121, 109, .32);
  background: rgba(255, 121, 109, .1);
  color: #ffb1aa;
}

body.admin-body .admin-logout {
  position: sticky;
  bottom: 0;
  margin-top: 10px;
  padding: 10px 4px 4px;
  border-color: var(--admin-line);
  background: linear-gradient(180deg, rgba(8, 12, 19, 0), #080c13 30%);
}

body.admin-body ::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}

body.admin-body ::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background: #30394a;
  background-clip: padding-box;
}

/* Compact section headers: primary content enters the first screen */
body.public-body--inner .section-page {
  gap: 12px;
  padding-top: 16px;
}

body.public-body--inner .section-page > .sub-hero {
  min-height: 205px;
  max-height: 225px;
  border-radius: 22px;
}

body.public-body--inner .section-page > .sub-hero > div {
  padding: clamp(22px, 2.7vw, 36px);
}

body.public-body--inner .section-page > .sub-hero h1 {
  max-width: 820px;
  margin: 7px 0 10px;
  font-size: clamp(40px, 4.8vw, 64px);
  line-height: .9;
}

body.public-body--inner .section-page > .sub-hero p:not(.eyebrow) {
  max-width: 720px;
  margin: 0;
  font-size: 15px;
  line-height: 1.45;
}

body.public-body--inner .section-page .section-dashboard {
  gap: 8px;
}

body.public-body--inner .section-page .section-dashboard article {
  min-height: 66px;
  padding: 10px 14px;
  border-radius: 12px;
}

body.public-body--inner .section-page .section-dashboard strong {
  font-size: clamp(24px, 2.4vw, 32px);
  line-height: 1;
}

body.public-body--inner .section-page .public-section-head {
  padding: 12px 0 4px;
}

body.public-body--inner .section-page .public-section-head h2 {
  font-size: clamp(36px, 4vw, 54px);
}

body.public-body--inner .section-page .tag-strip {
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 12px;
  min-height: 0;
  padding: 11px 13px;
}

body.public-body--inner .section-page .tag-strip h2 {
  font-size: 17px;
}

body.public-body--inner .section-page .tag-cloud {
  flex-wrap: nowrap;
  overflow-x: auto;
  padding: 2px 0 5px;
  scrollbar-color: #394254 transparent;
}

body.public-body--inner .section-page .tag-cloud a {
  flex: 0 0 auto;
  padding: 7px 10px;
}

body.public-body--inner :is(.community-hero, .profile-hero, .messages-hub-hero, .notification-hero, .xf-hero) {
  min-height: 280px;
}

body.public-body--inner :is(.community-hero, .profile-hero, .messages-hub-hero, .notification-hero, .xf-hero) h1 {
  font-size: clamp(44px, 5.5vw, 72px);
}

body.public-body--inner :is(.metric-grid .metric, .chat-overview article) {
  min-height: 82px;
  padding: 13px 15px;
}

@media (max-width: 980px) {
  body.admin-body .admin-shell { grid-template-columns: 1fr; }
  body.admin-body .admin-sidebar { position: static; min-height: 0; max-height: none; }
  body.admin-body .admin-navigation { gap: 8px; }
  body.admin-body .admin-navigation > summary { display: flex; }
  body.admin-body :is(.admin-topline, .admin-page-hero) { position: static; }
  .admin-nav-search { margin-top: 8px; }
}

@media (max-width: 1500px) {
  body.admin-body .home-builder-layout { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  body.admin-body .admin-main { padding: 10px; }
  body.admin-body :is(.admin-topline, .admin-page-hero) { align-items: flex-start; flex-direction: column; padding: 14px; }
  body.admin-body .admin-actions { width: 100%; justify-content: flex-start; }
  body.admin-body .admin-actions :is(.admin-button, button) { flex: 1 1 auto; }
  body.admin-body .module-editor-row { grid-template-columns: 1fr; }
  body.public-body--inner .section-page > .sub-hero { min-height: 210px; max-height: 230px; }
  body.public-body--inner .section-page > .sub-hero h1 { font-size: clamp(38px, 12vw, 54px); }
  body.public-body--inner .section-page > .sub-hero p:not(.eyebrow) { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  body.public-body--inner .section-page .tag-strip { grid-template-columns: 120px minmax(0, 1fr); }
  body.public-body--inner :is(.community-hero, .profile-hero, .messages-hub-hero, .notification-hero, .xf-hero) { min-height: 240px; }
}

@media (max-width: 500px) {
  body.public-body--inner .section-page .section-dashboard article { min-height: 70px; padding: 11px 12px; }
  body.public-body--inner .section-page .public-section-head { padding-top: 14px; }
  body.public-body--inner .section-page .public-section-head { align-items: center; flex-direction: row; }
  body.public-body--inner .section-page .public-section-head h2 { font-size: 28px; line-height: .95; overflow-wrap: normal; word-break: normal; hyphens: none; }
  body.public-body--inner .section-page .public-section-head > a { flex: 0 0 auto; padding: 9px 10px; font-size: 10px; }
  body.public-body--inner .section-page .tag-strip { grid-template-columns: 105px minmax(0, 1fr); padding: 10px; }
  body.public-body--inner .section-page .tag-strip .eyebrow { display: none; }
  body.public-body--inner .section-page .tag-strip h2 { font-size: 15px; }
}