/*
 * WittyWires V6 visual authority.
 *
 * This is the only visual stylesheet served by V6 routes. WordPress,
 * BuddyPress and bbPress retain behavioural authority, but legacy theme and
 * plugin presentation CSS is denied at the native lifecycle boundary.
 */

/* V6 guest card: right rail on desktop, above content on mobile. */
.ww-guest-preview {display:flex;flex-direction:column;align-items:stretch;gap:18px;padding:20px;margin:0 0 20px;border:1px solid var(--colour-line);border-radius:var(--radius-md);background:var(--colour-surface);box-shadow:none;}
.ww-guest-preview__meter {display:block;color:var(--colour-info);font-family:var(--font-display);font-size:.68rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px;}
.ww-guest-preview h2 {font-family:var(--font-display);font-size:clamp(1.35rem,3vw,1.9rem);line-height:1.2;letter-spacing:-.025em;margin:0 0 12px;color:var(--colour-text);}
.ww-guest-preview p {margin:0;color:var(--colour-text-muted);font-size:1.02rem;line-height:1.55;}
.ww-guest-preview__join {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:11px 14px;border:1px solid var(--colour-line-strong);border-radius:var(--radius-sm,6px);background:var(--colour-surface-raised);color:var(--colour-text);font-size:.82rem;font-weight:700;text-decoration:none;}
.ww-guest-preview__join span {color:var(--colour-action);font-size:1.1rem;}
.ww-guest-preview__join:hover {border-color:var(--colour-action);background:var(--colour-surface-muted);}
.ww-guest-preview__join:focus-visible {outline:2px solid var(--colour-focus);outline-offset:4px;}
.context-rail > .ww-guest-preview {margin:0 0 20px;}
@media(max-width:900px){.ww-guest-preview{padding:18px;gap:14px;margin-bottom:20px;}.ww-guest-preview__meter{margin-bottom:9px;}.ww-guest-preview h2{margin-bottom:8px;}.ww-guest-preview__join{min-height:46px;}}

/* === TOKENS === */
/* WittyWires V6 semantic token contract */
:root, [data-theme="light"] {
  color-scheme: light;
  --colour-canvas:#f4f2ec;
  --colour-surface:#fffdfa;
  --colour-surface-raised:#faf8f3;
  --colour-surface-muted:#eae7df;
  --colour-text:#151a1b;
  --colour-text-muted:#596363;
  --colour-line:#d7d4ca;
  --colour-line-strong:#aeb4af;
  --colour-info:#007d89;
  --colour-action:#c74725;
  --colour-success:#177148;
  --colour-danger:#b42b2b;
  --colour-focus:#007f92;
  --colour-on-action:#ffffff;
  --colour-on-info:#ffffff;
  --colour-selection:#cceff2;
  --colour-overlay:rgba(10, 17, 20, 0.72);
  --shadow-soft:0 12px 30px rgba(38, 35, 27, 0.08);
  --shadow-menu:0 18px 48px rgba(38, 35, 27, 0.16);
  --image-dimmer:linear-gradient(90deg, rgba(8, 12, 14, 0.78), rgba(8, 12, 14, 0.24));
}

[data-theme="dark"] {
  color-scheme: dark;
  --colour-canvas:#0b0f10;
  --colour-surface:#121819;
  --colour-surface-raised:#172021;
  --colour-surface-muted:#1c2526;
  --colour-text:#eef3f1;
  --colour-text-muted:#a0acab;
  --colour-line:#2b3636;
  --colour-line-strong:#495855;
  --colour-info:#43cbd0;
  --colour-action:#ff7047;
  --colour-success:#49c68b;
  --colour-danger:#ff7474;
  --colour-focus:#51d9e6;
  --colour-on-action:#1c0903;
  --colour-on-info:#061416;
  --colour-selection:#103f45;
  --colour-overlay:rgba(2, 5, 6, 0.82);
  --shadow-soft:0 14px 34px rgba(0, 0, 0, 0.22);
  --shadow-menu:0 20px 54px rgba(0, 0, 0, 0.42);
  --image-dimmer:linear-gradient(90deg, rgba(4, 7, 8, 0.9), rgba(4, 7, 8, 0.38));
}

:root {
  --font-body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --font-mono:var(--font-display);
  --colour-text-subtle:var(--colour-text-muted);
  --colour-ink:var(--colour-text);
  --colour-muted:var(--colour-text-muted);
  --colour-dim:var(--colour-text-muted);
  --colour-warning:var(--colour-action);
  --colour-forum:var(--colour-info);
  --colour-accent:var(--colour-focus);
  --shadow-strong:var(--shadow-menu);
  --font-reading:Georgia, "Times New Roman", serif;
  --measure-reading:70ch;
  --radius-xs:5px;
  --radius-sm:8px;
  --radius-md:13px;
  --radius-lg:16px;
  --radius-round:999px;
  --space-1:0.25rem;
  --space-2:0.5rem;
  --space-3:0.75rem;
  --space-4:1rem;
  --space-5:1.25rem;
  --space-6:1.5rem;
  --space-8:2rem;
  --space-10:2.5rem;
  --space-12:3rem;
  --space-16:4rem;
  --space-20:5rem;
  --max-site:1580px;
  --header-height:68px;
  --line-height:1.58;
  --transition-fast:150ms ease;
  --transition-ui:220ms cubic-bezier(0.2, 0.7, 0.2, 1);
}


/* === BASE === */
*, *::before, *::after { box-sizing: border-box; }

html {
  min-width: 320px;
  background: var(--colour-canvas);
  scroll-behavior: smooth;
  text-size-adjust: 100%;
}

body {
  margin: 0;
  min-height: 100vh;
  overflow-x: clip;
  background: var(--colour-canvas);
  color: var(--colour-text);
  font-family: var(--font-body);
  font-size: 1rem;
  line-height: var(--line-height);
  -webkit-font-smoothing: antialiased;
}

::selection { background: var(--colour-selection); color: var(--colour-text); }

h1, h2, h3, h4, p, ul, ol, dl, figure, blockquote { margin-top: 0; }
h1, h2, h3, h4 {
  color: var(--colour-text);
  font-family: var(--font-display);
  font-weight: 650;
  line-height: 1.12;
  letter-spacing: -0.035em;
  text-wrap: balance;
  overflow-wrap: break-word;
}
h1 { margin-bottom: 1.25rem; font-size: clamp(2.35rem, 5vw, 5.4rem); }
h2 { margin-bottom: 0.85rem; font-size: clamp(1.45rem, 2.4vw, 2.35rem); }
h3 { margin-bottom: 0.65rem; font-size: clamp(1.08rem, 1.4vw, 1.3rem); }
p { margin-bottom: 1rem; }
small { font-size: 0.82rem; }

img, svg, video { display: block; max-width: 100%; }
img { height: auto; }
figure { margin-left: 0; margin-right: 0; }

button, input, select, textarea { color: inherit; font: inherit; }
button, select { cursor: pointer; }
button { border: 0; }
textarea { resize: vertical; }

input, select, textarea {
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--colour-line-strong);
  border-radius: var(--radius-sm);
  background: var(--colour-surface);
  padding: 0.72rem 0.85rem;
  outline: none;
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);
}
textarea { line-height: 1.5; }
input:hover, select:hover, textarea:hover { border-color: var(--colour-info); }

label, legend { color: var(--colour-text); font-weight: 680; }
fieldset { min-width: 0; margin: 0; border: 0; padding: 0; }

a { color: var(--colour-info); text-decoration-thickness: 1px; text-underline-offset: 0.2em; }
a:hover { text-decoration-thickness: 2px; }

:focus-visible {
  outline: 3px solid var(--colour-canvas);
  outline-offset: 3px;
  box-shadow: 0 0 0 6px var(--colour-text);
}
input:focus-visible, select:focus-visible, textarea:focus-visible {
  border-color: var(--colour-focus);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--colour-focus) 22%, transparent);
  outline: 0;
}

.screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  white-space: nowrap !important;
}

.skip-link {
  position: fixed;
  z-index: 1000;
  top: 0.6rem;
  left: 0.6rem;
  transform: translateY(-160%);
  border-radius: var(--radius-sm);
  background: var(--colour-text);
  color: var(--colour-canvas);
  padding: 0.7rem 1rem;
  font-weight: 750;
  text-decoration: none;
}
.skip-link:focus { transform: translateY(0); }
.skip-link:focus-visible {
  outline-color: var(--colour-canvas);
  box-shadow: 0 0 0 6px var(--colour-text);
}

[hidden] { display: none !important; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation: none !important;
    scroll-behavior: auto !important;
    transition: none !important;
  }
}

@media (forced-colors: active) {
  :focus-visible { outline: 3px solid CanvasText; }
  .status-dot, .presence, .site-notice__signal { forced-color-adjust: none; }
}


/* === LAYOUT === */
.site-notice {
  position: relative;
  z-index: 80;
  border-bottom: 1px solid color-mix(in srgb, var(--colour-info) 35%, var(--colour-line));
  background: color-mix(in srgb, var(--colour-info) 7%, var(--colour-surface));
}
.notice-dismissed .site-notice { display: none; }
.site-notice__inner {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  width: min(calc(100% - 2rem), var(--max-site));
  min-height: 38px;
  margin: 0 auto;
  font-size: 0.83rem;
}
.site-notice__inner p { flex: 1; margin: 0; }
.site-notice__inner a { font-weight: 720; white-space: nowrap; }
.site-notice__signal, .status-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--colour-success);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--colour-success) 15%, transparent);
}

.site-header {
  position: sticky;
  z-index: 70;
  top: 0;
  border-bottom: 1px solid var(--colour-line);
  background: color-mix(in srgb, var(--colour-surface) 92%, transparent);
  backdrop-filter: blur(18px);
}
.site-header__inner {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-6);
  width: min(calc(100% - 2rem), var(--max-site));
  min-height: var(--header-height);
  margin: 0 auto;
}
.brand {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  color: var(--colour-text);
  font-family: var(--font-display);
  font-size: 1.28rem;
  font-weight: 800;
  letter-spacing: -0.055em;
  text-decoration: none;
}
.brand__logo {
  display: block;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
}
.brand__wordmark {
  display: inline-flex;
  align-items: baseline;
  gap: 0.05rem;
}
.brand__mark { color: var(--colour-info); }
.brand__name span { color: var(--colour-action); }
.brand small {
  margin-left: 0.45rem;
  border-left: 1px solid var(--colour-line-strong);
  color: var(--colour-text-muted);
  padding-left: 0.45rem;
  font-family: var(--font-body);
  font-size: 0.63rem;
  letter-spacing: 0.12em;
}
.primary-nav { display: flex; justify-content: center; gap: 0.2rem; }
.primary-nav__link {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
  border-radius: var(--radius-sm);
  color: var(--colour-text-muted);
  padding: 0.55rem 0.72rem;
  font-size: 0.88rem;
  font-weight: 680;
  text-decoration: none;
}
.primary-nav__link:hover, .primary-nav__link.is-active { color: var(--colour-text); background: var(--colour-surface-muted); }
.primary-nav__link.is-active::after {
  position: absolute;
  right: 0.7rem;
  bottom: 0.28rem;
  left: 0.7rem;
  height: 2px;
  background: var(--colour-info);
  content: "";
}
.header-actions { display: flex; align-items: center; gap: 0.4rem; }
.header-search, .header-login {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  gap: 0.38rem;
  border: 1px solid var(--colour-line);
  border-radius: var(--radius-sm);
  background: var(--colour-surface);
  color: var(--colour-text-muted);
  padding: 0 0.72rem;
  font-size: 0.76rem;
  font-weight: 720;
  text-decoration: none;
}
.header-search:hover, .header-search.is-active, .header-login:hover { border-color: var(--colour-line-strong); background: var(--colour-surface-muted); color: var(--colour-text); }
.header-search > span:first-child { color: var(--colour-info); font-family: var(--font-display); font-size: 1rem; }
.header-join { min-height: 40px; padding: 0 0.9rem; font-size: 0.74rem; }
.account-menu__logout { color: var(--colour-danger) !important; }
.mobile-global-search { display: grid; grid-column: 1 / -1; grid-template-columns: minmax(0, 1fr) auto; gap: 1px; background: var(--colour-line); }
.mobile-global-search label { min-width: 0; }
.mobile-global-search input { width: 100%; min-height: 46px; border: 0; border-radius: 0; background: var(--colour-surface); }
.mobile-global-search button { border-radius: 0; background: var(--colour-surface); color: var(--colour-info); padding: 0 1.1rem; font-weight: 760; }
.alert-count {
  display: inline-grid;
  min-width: 1.42rem;
  height: 1.42rem;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--colour-info) 46%, var(--colour-line));
  border-radius: var(--radius-round);
  background: color-mix(in srgb, var(--colour-info) 14%, var(--colour-surface));
  color: var(--colour-info);
  padding: 0 0.34rem;
  font-family: var(--font-display);
  font-size: 0.64rem;
  font-weight: 820;
  line-height: 1;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--colour-info) 7%, transparent);
}
.alert-count[hidden] { display: none; }
.alert-count--notifications {
  border-color: color-mix(in srgb, var(--colour-action) 48%, var(--colour-line));
  background: color-mix(in srgb, var(--colour-action) 15%, var(--colour-surface));
  color: var(--colour-action);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--colour-action) 7%, transparent);
}
.header-signal {
  position: relative;
  display: inline-grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid var(--colour-line);
  border-radius: var(--radius-sm);
  background: var(--colour-surface);
  color: var(--colour-text-muted);
  text-decoration: none;
  transition: border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);
}
.header-signal:hover { border-color: var(--colour-line-strong); background: var(--colour-surface-muted); transform: translateY(-1px); }
.header-signal__icon { position: relative; display: grid; width: 22px; height: 22px; place-items: center; }
.header-signal__icon img { width: 19px; height: 19px; }
.header-signal__icon > span { position: absolute; right: 0; bottom: 0; width: 6px; height: 6px; border: 2px solid var(--colour-surface); border-radius: 50%; background: var(--colour-line-strong); }
.header-signal.is-live { border-color: color-mix(in srgb, var(--colour-action) 48%, var(--colour-line)); background: color-mix(in srgb, var(--colour-action) 7%, var(--colour-surface)); }
.header-signal.is-live .header-signal__icon > span { background: var(--colour-action); box-shadow: 0 0 0 4px color-mix(in srgb, var(--colour-action) 14%, transparent); }
.header-signal .alert-count { position: absolute; top: -0.42rem; right: -0.46rem; min-width: 1.34rem; height: 1.34rem; border-color: var(--colour-surface); background: var(--colour-action); color: var(--colour-on-action); box-shadow: var(--shadow-soft); }
.mobile-nav-button, .mobile-navigation { display: none; }

.site-frame {
  display: grid;
  align-items: start;
  width: min(100%, var(--max-site));
  min-height: calc(100vh - var(--header-height));
  margin: 0 auto;
}
body[data-shell="community"] .site-frame,
body[data-shell="identity"] .site-frame {
  grid-template-columns: 204px minmax(0, 1fr) 252px;
}
body[data-shell="wires"] .site-frame { grid-template-columns: 204px minmax(0, 1fr); }
body[data-shell="editorial"] .site-frame { grid-template-columns: minmax(0, 1fr) 280px; max-width: 1460px; }
body[data-shell="editorial"] .site-frame.site-frame--compact-utilities { display: block; max-width: 1460px; }
body[data-shell="editorial"] .site-frame--compact-utilities .main-content > .utility-links--row { display: flex; width: 100%; margin-top: clamp(2rem, 4vw, 3.5rem); padding-bottom: 1.35rem; }
body[data-shell="utility"] .site-frame { display: block; max-width: 1320px; }
body[data-route="v6-next-home"][data-shell="home"] .site-frame { grid-template-columns: 204px minmax(0, 1fr); }
body[data-route="v6-next-home"][data-shell="home"] .site-frame.site-frame--no-left { grid-template-columns: minmax(0, 1fr); }
body[data-route="v6-next-home"][data-shell="home"] .site-frame--no-left .main-content { width: min(100%, 1540px); margin: 0 auto; padding-inline: clamp(1.25rem, 4vw, 4.5rem); }
.site-frame--no-left + .utility-links--row { display: flex; }
body[data-route="article-save-film"] .site-frame,
body[data-route="film-fit-a-mind"] .site-frame { grid-template-columns: minmax(0, 1fr); }

.main-content {
  min-width: 0;
  padding: clamp(1.5rem, 3.2vw, 3.25rem);
}
body[data-shell="utility"] .main-content { width: 100%; }

.left-rail {
  position: sticky;
  top: var(--header-height);
  display: flex;
  min-height: calc(100vh - var(--header-height));
  flex-direction: column;
  border-right: 1px solid var(--colour-line);
  padding: 2rem 0.9rem 1.4rem;
}
.left-rail__label {
  margin: 0 0 1rem 0.7rem;
  color: var(--colour-text-muted);
  font-family: var(--font-display);
  font-size: 0.67rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.rail-nav { display: grid; gap: 0.2rem; }
.rail-nav__link {
  display: grid;
  min-height: 44px;
  grid-template-columns: 1.6rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.45rem;
  border-radius: var(--radius-sm);
  color: var(--colour-text-muted);
  padding: 0.62rem 0.7rem;
  text-decoration: none;
}
.rail-nav__link span { color: var(--colour-line-strong); font-family: var(--font-display); font-size: 0.65rem; }
.rail-nav__link strong { font-size: 0.85rem; }
.rail-nav__link:hover { background: var(--colour-surface-muted); color: var(--colour-text); }
.rail-nav__link.is-active { background: var(--colour-surface); box-shadow: inset 3px 0 0 var(--colour-info); color: var(--colour-text); }
.rail-nav__link.is-active span { color: var(--colour-info); }
.rail-nav__link .alert-count { min-width: 1.35rem; height: 1.35rem; color: var(--colour-info); }
.rail-nav__link .alert-count--notifications { color: var(--colour-action); }
.left-rail__foot {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin-top: auto;
  border-top: 1px solid var(--colour-line);
  padding: 1rem 0.7rem 0;
}
.left-rail__foot div { display: grid; }
.left-rail__foot strong { font-size: 0.76rem; }
.left-rail__foot small { color: var(--colour-text-muted); font-size: 0.68rem; }

.context-rail {
  position: sticky;
  top: var(--header-height);
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  min-height: calc(100vh - var(--header-height));
  border-left: 1px solid var(--colour-line);
  padding: 2.25rem 1.25rem 1.4rem;
}
.context-section h2 { font-size: 1.25rem; }
.context-section p { color: var(--colour-text-muted); font-size: 0.86rem; }
.context-section__head { display: flex; justify-content: space-between; align-items: center; }
.context-section--rule { display: grid; align-content: start; gap: 0.55rem; border-top: 1px solid var(--colour-line); padding-top: 1.2rem; }
.context-section--rule strong { font-size: 0.78rem; }
.context-section--rule a { font-size: 0.82rem; }
.wire-context-person__identity { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 0.75rem; align-items: center; margin-top: 0.8rem; }
.wire-context-person__identity > div:last-child { display: grid; min-width: 0; }
.wire-context-person__identity h2 { overflow: hidden; margin: 0; text-overflow: ellipsis; white-space: nowrap; }
.wire-context-person__identity p { margin: 0; color: var(--colour-text-muted); font-size: 0.68rem; }
.wire-context-mark { color: var(--colour-text-muted); font-size: 0.58rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.wire-context-actions { display: flex; flex-wrap: wrap; gap: 0.45rem; margin-top: 0.8rem; }
.wire-context-actions form { margin: 0; }
.wire-context-actions .button { min-height: 32px; border-color: color-mix(in srgb, var(--colour-info) 34%, var(--colour-line)); background: transparent; color: var(--colour-text); padding: 0.32rem 0.62rem; font-size: 0.66rem; box-shadow: none; }
.wire-context-actions .button:hover { border-color: var(--colour-info); background: color-mix(in srgb, var(--colour-info) 7%, transparent); color: var(--colour-text); }
.wire-relationship-line { margin: 0.85rem 0 0; color: var(--colour-text-muted); font-size: 0.78rem; line-height: 1.55; }
.wire-common-ground { margin-top: 0.3rem !important; font-size: 0.7rem !important; }
.wire-friend-state { display: inline-flex; align-items: center; min-height: 36px; padding: 0.45rem 0.72rem; border: 1px solid var(--colour-line); border-radius: 999px; color: var(--colour-text-muted); font-size: 0.72rem; font-weight: 700; }
.wire-context-members,
.wire-context-pins ol,
.wire-shared-links { display: grid; gap: 0.55rem; margin: 0.75rem 0 0; padding: 0; list-style: none; }
.wire-context-members li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 0.6rem; align-items: center; }
.wire-context-members li > span { display: grid; min-width: 0; }
.wire-context-members small { color: var(--colour-text-muted); }
.wire-context-pins li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0.45rem; align-items: start; border-left: 2px solid var(--colour-info); background: color-mix(in srgb, var(--colour-info) 6%, transparent); padding: 0.55rem 0.6rem; }
.wire-context-pins li > a { display: grid; gap: 0.12rem; min-width: 0; color: var(--colour-text); text-decoration: none; }
.wire-context-pins li > a span { overflow: hidden; font-size: 0.72rem; text-overflow: ellipsis; white-space: nowrap; }
.wire-context-pins form { margin: 0; }
.wire-context-pins button { border: 0; background: transparent; color: var(--colour-text-muted); padding: 0.15rem 0.25rem; font-size: 0.72rem; }
.wire-context-pins button:hover { color: var(--colour-info); }
.wire-message__pin button { display: inline-flex; gap: 0.24rem; align-items: center; min-height: 26px; border: 1px solid var(--colour-line); border-radius: 999px; background: transparent; color: var(--colour-text-muted); padding: 0.16rem 0.42rem; font-size: 0.6rem; font-weight: 700; letter-spacing: 0.02em; }
.wire-message__pin button:hover,
.wire-message__pin button[aria-pressed="true"] { border-color: color-mix(in srgb, var(--colour-info) 58%, var(--colour-line)); background: color-mix(in srgb, var(--colour-info) 8%, transparent); color: var(--colour-info); }
.wire-drawer-buttons { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.4rem; margin-top: 0.75rem; }
.wire-drawer-buttons button { display: grid; gap: 0.12rem; justify-items: start; min-width: 0; border: 1px solid var(--colour-line); border-radius: var(--radius-sm); background: var(--colour-surface); color: var(--colour-text-muted); padding: 0.5rem; font-size: 0.62rem; }
.wire-drawer-buttons button strong { color: var(--colour-text); font-size: 0.82rem; }
.wire-drawer-buttons button:not(:disabled):hover { border-color: var(--colour-info); color: var(--colour-text); }
.wire-drawer-buttons button:disabled { opacity: 0.48; cursor: default; }
.wire-shared-dialog { width: min(720px, calc(100vw - 2rem)); max-height: min(760px, calc(100dvh - 2rem)); overflow: auto; border: 1px solid var(--colour-line-strong); border-radius: var(--radius-lg); background: var(--colour-surface-raised); color: var(--colour-text); padding: 1.1rem; box-shadow: 0 30px 90px rgba(0,0,0,0.55); }
.wire-shared-dialog[open],
.wire-shared-dialog.is-open { display: grid; gap: 1rem; }
.wire-shared-dialog::backdrop { background: rgba(4,8,10,0.78); backdrop-filter: blur(4px); }
.wire-shared-dialog > header { display: flex; justify-content: space-between; gap: 1rem; align-items: center; border-bottom: 1px solid var(--colour-line); padding-bottom: 0.75rem; }
.wire-shared-dialog > header h2 { margin: 0; font-size: 1.25rem; }
.wire-shared-dialog > header button { border: 0; background: transparent; color: var(--colour-text-muted); font-size: 1.5rem; }
.wire-shared-images { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.6rem; }
.wire-shared-images button { display: block; aspect-ratio: 1; overflow: hidden; border: 1px solid var(--colour-line); border-radius: var(--radius-sm); background: var(--colour-surface); padding: 0; cursor: zoom-in; }
.wire-shared-images img { display: block; width: 100%; height: 100%; object-fit: cover; }
.wire-shared-links a { display: grid; gap: 0.12rem; overflow: hidden; border-bottom: 1px solid var(--colour-line); color: var(--colour-text); padding: 0.55rem 0; text-decoration: none; }
.wire-shared-links span { overflow: hidden; color: var(--colour-text-muted); text-overflow: ellipsis; white-space: nowrap; }
.mini-stats { margin: 1.2rem 0 0; }
.mini-stats div { display: flex; justify-content: space-between; border-top: 1px solid var(--colour-line); padding: 0.55rem 0; }
.mini-stats dt { color: var(--colour-text-muted); font-size: 0.75rem; }
.mini-stats dd { margin: 0; font-family: var(--font-display); font-weight: 750; }
.notification-context-rail { align-content: start; }
.notification-rail-list { display: grid; margin-top: 0.75rem; }
.notification-rail-list a {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.75rem;
  align-items: center;
  min-width: 0;
  border-top: 1px solid var(--colour-line);
  color: var(--colour-text);
  padding: 0.72rem 0;
  text-decoration: none;
}
.notification-rail-list a:hover strong,
.notification-rail-list a:focus-visible strong { color: var(--colour-info); }
.notification-rail-list span { display: grid; min-width: 0; gap: 0.18rem; }
.notification-rail-list strong { font-size: 0.82rem; }
.notification-rail-list small { color: var(--colour-text-muted); font-size: 0.68rem; line-height: 1.45; overflow-wrap: anywhere; }
.notification-rail-list b {
  display: inline-grid;
  place-items: center;
  min-width: 1.8rem;
  height: 1.8rem;
  border: 1px solid color-mix(in srgb, var(--colour-action) 42%, var(--colour-line));
  border-radius: 999px;
  color: var(--colour-action);
  font-family: var(--font-display);
  font-size: 0.8rem;
}
.notification-rail-delivery h2 { margin-bottom: 0; }
.notification-rail-delivery .mini-stats { margin-top: 0.75rem; }
.notification-rail-delivery .mini-stats dd { max-width: 8.5rem; font-size: 0.72rem; text-align: right; overflow-wrap: anywhere; }
.notification-people h2 { margin-bottom: 0.45rem; }
.notification-people__pin { display: inline-grid; width: 1.7rem; height: 1.7rem; place-items: center; border: 1px solid color-mix(in srgb, var(--colour-action) 48%, var(--colour-line)); border-radius: 50%; background: color-mix(in srgb, var(--colour-action) 9%, var(--colour-surface)); color: var(--colour-action); font-size: 0.78rem; }
.notification-people__list { display: grid; gap: 0.72rem; margin-top: 0.9rem; }
.notification-person-badge { position: relative; display: grid; gap: 0.62rem; overflow: hidden; border: 1px solid var(--colour-line); border-radius: var(--radius-md); background: color-mix(in srgb, var(--colour-surface-muted) 78%, var(--colour-surface)); padding: 0.85rem; box-shadow: var(--shadow-soft); }
.notification-person-badge::before { position: absolute; inset: 0 auto 0 0; width: 3px; background: var(--colour-info); content: ""; }
.notification-person-badge--quiet::before { background: var(--colour-action); }
.notification-person-badge--solo::before { background: var(--colour-success); }
.notification-person-badge header { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 0.72rem; align-items: center; }
.notification-person-badge__avatar { display: grid; width: 48px; height: 48px; place-items: center; overflow: hidden; border: 1px solid color-mix(in srgb, var(--colour-info) 38%, var(--colour-line)); border-radius: 50%; background: var(--colour-surface); color: var(--colour-info); font-family: var(--font-display); font-size: 0.76rem; font-weight: 800; text-decoration: none; }
.notification-person-badge--quiet .notification-person-badge__avatar { border-color: color-mix(in srgb, var(--colour-action) 42%, var(--colour-line)); color: var(--colour-action); }
.notification-person-badge__avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }
.notification-person-badge__title { display: block; color: var(--colour-info); font-family: var(--font-display); font-size: 0.58rem; font-weight: 820; letter-spacing: 0.08em; line-height: 1.3; text-transform: uppercase; }
.notification-person-badge--quiet .notification-person-badge__title { color: var(--colour-action); }
.notification-person-badge--solo .notification-person-badge__title { color: var(--colour-success); }
.notification-person-badge h3 { margin: 0.14rem 0 0; font-size: 0.96rem; }
.notification-person-badge h3 a { color: var(--colour-text); text-decoration: none; }
.notification-person-badge h3 a:hover, .notification-person-badge h3 a:focus-visible { color: var(--colour-info); }
.notification-person-badge > p { margin: 0; color: var(--colour-text-muted); font-size: 0.7rem; line-height: 1.5; }
.notification-person-badge__wire { width: fit-content; border: 1px solid color-mix(in srgb, var(--colour-action) 48%, var(--colour-line)); border-radius: var(--radius-round); background: color-mix(in srgb, var(--colour-action) 7%, var(--colour-surface)); padding: 0.38rem 0.62rem; color: var(--colour-action); font-size: 0.68rem; font-weight: 760; text-decoration: none; }
.notification-person-badge__wire:hover, .notification-person-badge__wire:focus-visible { background: color-mix(in srgb, var(--colour-action) 14%, var(--colour-surface)); }
.notification-people__privacy { display: flex; gap: 0.45rem; margin: 0.85rem 0 0 !important; border-top: 1px dashed var(--colour-line); padding-top: 0.72rem; color: var(--colour-text-muted); font-size: 0.64rem !important; line-height: 1.45; }
.notification-people__privacy span { flex: 0 0 auto; color: var(--colour-success); font-weight: 850; }
.notification-people__empty { display: grid; gap: 0.4rem; margin-top: 0.9rem; border: 1px dashed var(--colour-line-strong); border-radius: var(--radius-md); background: color-mix(in srgb, var(--colour-surface-muted) 70%, transparent); padding: 0.9rem; }
.notification-people__empty strong { font-size: 0.82rem; }
.notification-people__empty p { margin: 0; color: var(--colour-text-muted); font-size: 0.7rem; }
.notification-people__empty a { margin-top: 0.18rem; font-size: 0.7rem; font-weight: 740; }
.settings-context-rail { align-content: start; }
.settings-impact-rail .context-section { position: relative; overflow: hidden; }
.settings-impact-rail h2 { margin-bottom: 0.45rem; }
.settings-impact-state { display: grid; grid-template-columns: 2.1rem minmax(0, 1fr); gap: 0.65rem; align-items: start; margin-top: 0.9rem; border: 1px solid var(--colour-line); border-radius: var(--radius-md); background: color-mix(in srgb, var(--colour-surface-muted) 72%, transparent); padding: 0.78rem; }
.settings-impact-state__icon { display: inline-grid; width: 2.1rem; height: 2.1rem; place-items: center; border: 1px solid currentColor; border-radius: 50%; font-family: var(--font-display); font-size: 0.88rem; font-weight: 850; }
.settings-impact-state.is-good { border-color: color-mix(in srgb, var(--colour-success) 34%, var(--colour-line)); background: color-mix(in srgb, var(--colour-success) 7%, var(--colour-surface)); }
.settings-impact-state.is-good .settings-impact-state__icon { color: var(--colour-success); }
.settings-impact-state.is-attention { border-color: color-mix(in srgb, var(--colour-action) 38%, var(--colour-line)); background: color-mix(in srgb, var(--colour-action) 8%, var(--colour-surface)); }
.settings-impact-state.is-attention .settings-impact-state__icon { color: var(--colour-action); }
.settings-impact-state.is-neutral .settings-impact-state__icon { color: var(--colour-info); }
.settings-impact-state strong, .settings-impact-pending > strong { display: block; font-size: 0.78rem; line-height: 1.35; }
.settings-impact-state p { margin: 0.18rem 0 0; color: var(--colour-text-muted); font-size: 0.68rem; line-height: 1.48; }
.settings-impact-pending { display: grid; gap: 0.58rem; margin-top: 0.9rem; border: 1px solid color-mix(in srgb, var(--colour-info) 42%, var(--colour-line)); border-radius: var(--radius-md); background: linear-gradient(145deg, color-mix(in srgb, var(--colour-info) 9%, var(--colour-surface)), color-mix(in srgb, var(--colour-action) 4%, var(--colour-surface))); padding: 0.82rem; }
.settings-impact-pending ul { display: grid; gap: 0.5rem; margin: 0; padding-left: 1.05rem; }
.settings-impact-pending li { color: var(--colour-text); font-size: 0.69rem; line-height: 1.48; }
.settings-impact-pending > p { margin: 0; border-top: 1px dashed var(--colour-line); padding-top: 0.55rem; color: var(--colour-text-muted); font-size: 0.65rem; }
.settings-impact-link { display: inline-flex; width: fit-content; margin-top: 0.75rem; border-bottom: 1px solid currentColor; color: var(--colour-info); font-size: 0.72rem; font-weight: 760; line-height: 1.5; text-decoration: none; }
.settings-impact-link:hover, .settings-impact-link:focus-visible { color: var(--colour-action); }
.settings-impact-footnote { margin: 0.75rem 0 0 !important; border-top: 1px dashed var(--colour-line); padding-top: 0.65rem; color: var(--colour-text-muted); font-size: 0.66rem !important; line-height: 1.5; }
.settings-profile-mirror { overflow: hidden; margin-top: 0.85rem; border: 1px solid var(--colour-line-strong); border-radius: var(--radius-md); background: var(--colour-surface-muted); }
.settings-profile-mirror__cover { position: relative; height: 5rem; overflow: hidden; background: var(--colour-surface); }
.settings-profile-mirror__cover::after { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 15%, color-mix(in srgb, var(--colour-surface-muted) 78%, transparent)); content: ""; }
.settings-profile-mirror__cover img { width: 100%; height: 100%; object-fit: cover; }
.settings-profile-mirror__body { display: grid; grid-template-columns: 3.35rem minmax(0, 1fr); gap: 0.65rem; align-items: end; padding: 0 0.78rem 0.78rem; }
.settings-profile-mirror__avatar { position: relative; width: 3.35rem; height: 3.35rem; margin-top: -1.35rem; border: 3px solid var(--colour-surface-muted); border-radius: 0.8rem; background: var(--colour-surface); object-fit: cover; }
.settings-profile-mirror__body > div { min-width: 0; padding-top: 0.45rem; }
.settings-profile-mirror__body strong { display: block; overflow: hidden; font-size: 0.82rem; text-overflow: ellipsis; white-space: nowrap; }
.settings-profile-mirror__body span { display: block; overflow: hidden; margin-top: 0.08rem; color: var(--colour-info); font-size: 0.64rem; text-overflow: ellipsis; white-space: nowrap; }
.settings-profile-mirror__body > p { grid-column: 1 / -1; margin: 0.12rem 0 0; color: var(--colour-text-muted); font-size: 0.69rem; line-height: 1.48; overflow-wrap: anywhere; }
.settings-profile-mirror__status, .settings-invite-boundary__status { margin: 0.68rem 0 0 !important; color: var(--colour-text-muted); font-size: 0.65rem !important; line-height: 1.45; }
.settings-invite-boundary { display: grid; grid-template-columns: 2.7rem minmax(0, 1fr); gap: 0.75rem; align-items: start; margin-top: 0.85rem; border: 1px solid color-mix(in srgb, var(--colour-success) 36%, var(--colour-line)); border-radius: var(--radius-md); background: color-mix(in srgb, var(--colour-success) 7%, var(--colour-surface)); padding: 0.82rem; transition: border-color 180ms ease, background 180ms ease; }
.settings-invite-boundary > span { display: inline-grid; width: 2.7rem; height: 2.7rem; place-items: center; border: 1px solid color-mix(in srgb, var(--colour-success) 55%, var(--colour-line)); border-radius: 0.75rem; color: var(--colour-success); font-size: 1rem; }
.settings-invite-boundary strong { display: block; font-size: 0.8rem; }
.settings-invite-boundary p { margin: 0.2rem 0 0; color: var(--colour-text-muted); font-size: 0.68rem; line-height: 1.48; }
.settings-invite-boundary.is-pending { border-color: color-mix(in srgb, var(--colour-action) 48%, var(--colour-line)); background: color-mix(in srgb, var(--colour-action) 8%, var(--colour-surface)); }
.settings-invite-boundary.is-pending > span { border-color: color-mix(in srgb, var(--colour-action) 55%, var(--colour-line)); color: var(--colour-action); }
.settings-delete-consequences { display: grid; gap: 0; margin: 0.85rem 0 0; padding: 0; list-style: none; }
.settings-delete-consequences li { display: grid; gap: 0.14rem; border-top: 1px solid var(--colour-line); padding: 0.66rem 0; }
.settings-delete-consequences strong { color: var(--colour-danger); font-size: 0.72rem; }
.settings-delete-consequences span { color: var(--colour-text-muted); font-size: 0.67rem; line-height: 1.48; }
@media (prefers-reduced-motion: reduce) { .settings-invite-boundary { transition: none; } }

.utility-links {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  margin-top: auto;
  border-top: 1px solid var(--colour-line);
  color: var(--colour-text-muted);
  padding-top: 1rem;
}
.utility-links__group { display: flex; flex-wrap: wrap; align-items: center; gap: 0.34rem; }
.utility-links__group a { color: var(--colour-text-muted); font-size: 0.68rem; font-weight: 680; text-decoration: none; }
.utility-links__group a:hover, .utility-links__group a:focus-visible { color: var(--colour-info); }
.utility-links__group a + a::before { content: "|"; margin-right: 0.34rem; color: var(--colour-line-strong); }
.utility-links--left, .utility-links--right { width: 100%; justify-content: center; text-align: center; }
.utility-links--left .utility-links__group,
.utility-links--right .utility-links__group { justify-content: center; }
.main-content > .utility-links { margin-top: clamp(2rem, 5vw, 4rem); }
.context-rail--utility-only { justify-content: flex-end; }
.utility-links--row {
  display: none;
  justify-content: space-between;
  width: min(calc(100% - 2rem), 1280px);
  margin: 0 auto;
  padding: 1rem 0 1.35rem;
}
body[data-shell="utility"] > .utility-links--row { display: flex; }

@media (max-width: 1240px) {
  body[data-shell="community"] .site-frame,
  body[data-shell="identity"] .site-frame { grid-template-columns: minmax(0, 1fr) 250px; }
  body[data-shell="wires"] .site-frame { grid-template-columns: minmax(0, 1fr); }
  body[data-route="v6-next-home"][data-shell="home"] .site-frame { grid-template-columns: minmax(0, 1fr); }
  .left-rail { display: none; }
  .utility-links--row { display: flex; }
  .main-content { padding: clamp(1.5rem, 3vw, 3rem); }
}

@media (max-width: 1020px) {
  .site-header__inner { gap: 1rem; }
  .primary-nav { display: none; }
  .site-header__inner { grid-template-columns: auto 1fr; }
  .header-actions { justify-self: end; }
  .mobile-nav-button { display: inline-flex; }
  .mobile-navigation {
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    border-top: 1px solid var(--colour-line);
    background: var(--colour-line);
  }
  .mobile-navigation:not([hidden]) { display: grid; }
  .mobile-navigation a { display: flex; align-items: center; justify-content: center; gap: 0.45rem; background: var(--colour-surface); color: var(--colour-text); padding: 0.8rem 1rem; font-size: 0.82rem; font-weight: 680; text-align: center; text-decoration: none; }
}

@media (max-width: 900px) {
  body[data-shell="community"] .site-frame,
  body[data-shell="identity"] .site-frame,
  body[data-shell="editorial"] .site-frame { display: block; }
  .context-rail { display: none; }
  body[data-golden-route="wires"] .context-rail,
  body[data-golden-route="wire_thread"] .context-rail,
  body[data-golden-route="wire_compose"] .context-rail { position: static; display: grid; min-height: auto; border-top: 1px solid var(--colour-line); border-left: 0; padding: 1.25rem; }
}

@media (max-width: 680px) {
  :root { --header-height: 62px; }
  .wire-shared-images { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wire-shared-dialog { width: calc(100vw - 1rem); padding: 0.8rem; }
  .site-notice__inner { align-items: flex-start; padding: 0.45rem 0; font-size: 0.78rem; line-height: 1.35; }
  .site-notice__inner a { display: none; }
  .site-notice__signal { margin-top: 0.45rem; }
  .site-header__inner { grid-template-columns: minmax(0, 1fr) auto; width: min(calc(100% - 1.1rem), var(--max-site)); min-height: var(--header-height); }
  .brand small, .account-button__copy, .header-control__label { display: none; }
  .v6-account-menu, .header-login, .header-search > span:last-child { display: none; }
  .site-header__inner .header-join { display: none; }
  .header-search { width: 40px; justify-content: center; padding: 0; }
  .header-control { width: 40px; padding: 0; }
  .header-signal { width: 40px; height: 40px; }
  .mobile-nav-button { min-width: 48px; padding: 0 0.45rem; }
  .mobile-navigation:not([hidden]) { grid-template-columns: repeat(2, 1fr); }
  .main-content { padding: 1.25rem 1rem 2.5rem; }
  .utility-links--row { align-items: flex-start; gap: 0.7rem; }
  .utility-links--row .utility-links__group { flex: 1 1 0; }
  .utility-links--row .utility-links__group--right { justify-content: flex-end; }
  .notification-toolbar { align-items: stretch; }
  .notification-toolbar form, .notification-toolbar .button { width: 100%; }
  .notification-row { grid-template-columns: 42px minmax(0, 1fr); gap: 0.7rem; padding: 0.9rem; }
  .notification-row__icon { grid-row: 1 / span 3; width: 38px; height: 38px; }
  .notification-row time { grid-column: 2; text-align: left; }
  .notification-row__actions { grid-column: 2; justify-content: flex-start; }
  .notification-empty { grid-template-columns: 1fr; }
  .notification-empty__radar { width: 58px; height: 58px; }
  .notification-wire-note { grid-template-columns: 38px minmax(0, 1fr); }
  .notification-wire-note > a { grid-column: 2; }
  .signal-toast-stack { right: 0.55rem; bottom: 0.55rem; width: calc(100vw - 1.1rem); }
  .signal-toast { grid-template-columns: 42px minmax(0, 1fr) 28px; gap: 0.65rem; padding: 0.85rem; }
  .signal-toast__beacon, .signal-toast__avatar { width: 38px; height: 38px; }
}

/* Keep the full wordmark and all three guest controls separate on narrow phones. */
@media (max-width: 420px) {
  .site-header__inner { gap: 0.5rem; }
  .site-header__inner > .brand { min-width: 0; gap: 0.35rem; font-size: clamp(0.95rem, 4.85vw, 1.18rem); white-space: nowrap; }
  .site-header__inner .brand__logo { width: 28px; height: 28px; flex-basis: 28px; }
  .site-header__inner .header-actions { flex-shrink: 0; gap: 0.3rem; }
}
@media (max-width: 340px) {
  .site-header__inner > .brand { font-size: clamp(0.875rem, 4.6vw, 1rem); }
  .site-header__inner .brand__logo { width: 24px; height: 24px; flex-basis: 24px; }
}

/* === COMPONENTS === */
.eyebrow {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  margin-bottom: 0.65rem;
  color: var(--colour-info);
  font-family: var(--font-display);
  font-size: 0.69rem;
  font-weight: 780;
  letter-spacing: 0.09em;
  line-height: 1.4;
  text-transform: uppercase;
}

.button {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  padding: 0.66rem 1rem;
  font-size: 0.86rem;
  font-weight: 760;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  transition: transform var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);
}
.button:hover { transform: translateY(-1px); text-decoration: none; }
.button:active { transform: translateY(0); }
.button--primary { background: var(--colour-action); color: var(--colour-on-action); }
.button--primary:hover { background: color-mix(in srgb, var(--colour-action) 88%, black); }
.button--secondary { border-color: var(--colour-line-strong); background: var(--colour-surface); color: var(--colour-text); }
.button--secondary:hover { border-color: var(--colour-info); background: var(--colour-surface-muted); }
.button--quiet { border-color: var(--colour-line); background: transparent; color: var(--colour-text-muted); }
.button--danger { border-color: color-mix(in srgb, var(--colour-danger) 35%, var(--colour-line)); background: color-mix(in srgb, var(--colour-danger) 9%, var(--colour-surface)); color: var(--colour-danger); }
.button--wide { width: 100%; }
.text-link { color: var(--colour-info); font-size: 0.88rem; font-weight: 750; }

.icon-button, .header-control {
  display: inline-flex;
  min-width: 40px;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--colour-text-muted);
}
.mobile-nav-button {
  min-width: 40px;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--colour-text-muted);
}
.icon-button:hover, .header-control:hover, .mobile-nav-button:hover { background: var(--colour-surface-muted); color: var(--colour-text); }
.site-notice .icon-button { min-width: 32px; min-height: 32px; font-size: 1.2rem; }
.header-control { gap: 0.45rem; border: 1px solid var(--colour-line); padding: 0 0.7rem; font-size: 0.78rem; }
.mobile-nav-button { border: 1px solid var(--colour-line); padding: 0 0.7rem; font-size: 0.78rem; font-weight: 720; }

.menu { position: relative; }
.menu__panel {
  position: absolute;
  z-index: 100;
  top: calc(100% + 0.65rem);
  right: 0;
  display: grid;
  width: 230px;
  overflow: hidden;
  border: 1px solid var(--colour-line);
  border-radius: var(--radius-md);
  background: var(--colour-surface-raised);
  box-shadow: var(--shadow-menu);
  padding: 0.45rem;
}
.menu__heading { margin: 0; padding: 0.65rem 0.7rem 0.4rem; color: var(--colour-text-muted); font-family: var(--font-display); font-size: 0.66rem; font-weight: 750; letter-spacing: 0.08em; text-transform: uppercase; }
.menu__panel a, .menu__panel button {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--colour-text);
  padding: 0.66rem 0.7rem;
  font-size: 0.82rem;
  font-weight: 680;
  text-align: left;
  text-decoration: none;
}
.menu__panel a:hover, .menu__panel button:hover { background: var(--colour-surface-muted); }
.menu__panel--theme button span { display: grid; }
.menu__panel--theme button small { color: var(--colour-text-muted); font-size: 0.68rem; font-weight: 500; }
.menu__panel--theme button[aria-checked="true"] { box-shadow: inset 3px 0 0 var(--colour-info); background: color-mix(in srgb, var(--colour-info) 8%, var(--colour-surface)); }
.account-button {
  display: grid;
  grid-template-columns: 30px auto auto;
  align-items: center;
  gap: 0.55rem;
  min-height: 44px;
  border: 1px solid var(--colour-line);
  border-radius: var(--radius-sm);
  background: var(--colour-surface);
  padding: 0.35rem 0.6rem 0.35rem 0.4rem;
}
.account-button__avatar { display: grid; width: 30px; height: 30px; place-items: center; overflow: hidden; border-radius: 50%; background: var(--colour-text); color: var(--colour-canvas); font-family: var(--font-display); font-size: 0.62rem; font-weight: 800; }
.account-button__copy { display: grid; text-align: left; }
.account-button__copy strong { font-size: 0.75rem; }
.account-button__copy small { color: var(--colour-text-muted); font-size: 0.63rem; }

.avatar {
  display: inline-grid;
  width: 44px;
  height: 44px;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid color-mix(in srgb, var(--colour-info) 32%, var(--colour-line));
  border-radius: 50%;
  background: color-mix(in srgb, var(--colour-info) 9%, var(--colour-surface-muted));
  color: var(--colour-info);
  font-family: var(--font-display);
  font-size: 0.72rem;
  font-weight: 820;
  letter-spacing: -0.04em;
}
.avatar--small { width: 34px; height: 34px; font-size: 0.6rem; }
.avatar--large { width: 58px; height: 58px; font-size: 0.84rem; }
.avatar--xlarge { width: 104px; height: 104px; border-width: 4px; border-color: var(--colour-surface); background: var(--colour-text); color: var(--colour-canvas); font-size: 1.35rem; box-shadow: var(--shadow-soft); }
.presence { position: absolute; right: 1px; bottom: 2px; width: 12px; height: 12px; border: 3px solid var(--colour-surface); border-radius: 50%; background: var(--colour-success); }

.chip-row { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.chip, .fixture-flag {
  display: inline-flex;
  min-height: 26px;
  align-items: center;
  gap: 0.35rem;
  border: 1px solid var(--colour-line);
  border-radius: var(--radius-round);
  background: var(--colour-surface-muted);
  color: var(--colour-text-muted);
  padding: 0.25rem 0.55rem;
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}
.chip--info { border-color: color-mix(in srgb, var(--colour-info) 35%, var(--colour-line)); background: color-mix(in srgb, var(--colour-info) 8%, var(--colour-surface)); color: var(--colour-info); }
.chip--signal { border-color: color-mix(in srgb, var(--colour-action) 42%, var(--colour-line)); background: color-mix(in srgb, var(--colour-action) 10%, var(--colour-surface)); color: var(--colour-action); }
.chip--success { border-color: color-mix(in srgb, var(--colour-success) 35%, var(--colour-line)); background: color-mix(in srgb, var(--colour-success) 8%, var(--colour-surface)); color: var(--colour-success); }
.chip--danger { border-color: color-mix(in srgb, var(--colour-danger) 35%, var(--colour-line)); background: color-mix(in srgb, var(--colour-danger) 8%, var(--colour-surface)); color: var(--colour-danger); }
.fixture-flag { border-style: dashed; background: transparent; }
.fixture-flag span { color: var(--colour-info); }

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
  margin-bottom: 1.2rem;
  color: var(--colour-text-muted);
  font-size: 0.75rem;
}
.breadcrumb a { color: var(--colour-text-muted); }
.breadcrumb > span[aria-hidden] { color: var(--colour-line-strong); }

.page-header {
  position: relative;
  display: grid;
  min-height: 190px;
  align-items: end;
  overflow: hidden;
  border: 1px solid var(--colour-line);
  border-radius: var(--radius-lg);
  background: var(--colour-surface);
  box-shadow: none;
}
.page-header:not(.page-header--media) { border-left: 3px solid var(--colour-info); background: var(--colour-surface-raised); }
.page-header__content { position: relative; z-index: 2; max-width: 860px; padding: clamp(1.5rem, 4vw, 3.5rem); }
.page-header h1 { max-width: 14ch; margin-bottom: 0.8rem; font-size: clamp(2.3rem, 4.7vw, 4.5rem); }
.page-header__lede { max-width: 68ch; margin: 0; color: var(--colour-text-muted); font-size: clamp(1rem, 1.5vw, 1.2rem); }
.page-header__actions { display: flex; flex-wrap: wrap; gap: 0.65rem; align-items: center; margin-top: 1.5rem; }
.page-header__meta { display: flex; flex-wrap: wrap; gap: 0.6rem 1.5rem; margin-top: 1.3rem; }
.page-header__meta > span { color: var(--colour-text-muted); font-size: 0.78rem; }
.page-header__meta strong { margin-right: 0.3rem; color: var(--colour-text); font-family: var(--font-display); }
.page-header--media { min-height: 320px; border-color: #24363b; background: #071012; color: #eff7f7; box-shadow: var(--shadow-soft); }
.page-header__media { position: absolute; inset: 0; }
.page-header__media img { width: 100%; height: 100%; object-fit: cover; }
.page-header__media span { position: absolute; inset: 0; background: var(--image-dimmer); }
.page-header--media h1, .page-header--media .eyebrow { color: #f3f9f8; }
.page-header--media .eyebrow { color: #64dbe5; }
.page-header--media .page-header__lede, .page-header--media .page-header__meta > span { color: #c0ced0; }
.page-header--media .page-header__meta strong { color: #ffffff; }
.page-header--editorial .page-header__content { max-width: 980px; }
.page-header--editorial h1 { font-family: var(--font-reading); font-weight: 560; letter-spacing: -0.045em; }
.page-header--cinema { min-height: 420px; }

.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 1.5rem; }
.section-heading > div { max-width: 720px; }
.section-heading h2 { margin-bottom: 0.35rem; }
.section-heading p:last-child { margin: 0; color: var(--colour-text-muted); }

.tabs { margin-top: 1.5rem; }
.tab-list {
  display: flex;
  gap: 0.2rem;
  overflow-x: auto;
  overflow-y: hidden;
  border-bottom: 1px solid var(--colour-line);
  scrollbar-width: thin;
}
.tab-list button {
  position: relative;
  flex: 0 0 auto;
  border-radius: var(--radius-sm) var(--radius-sm) 0 0;
  background: transparent;
  color: var(--colour-text-muted);
  padding: 0.78rem 1rem;
  font-size: 0.84rem;
  font-weight: 720;
}
.tab-list button:hover { background: var(--colour-surface-muted); color: var(--colour-text); }
.tab-list button[aria-selected="true"] { color: var(--colour-text); }
.tab-list button[aria-selected="true"]::after { position: absolute; right: 0.75rem; bottom: 0; left: 0.75rem; height: 3px; background: var(--colour-info); content: ""; }
.tab-panel { padding-top: 1.5rem; }

.filter-controls { display: inline-flex; flex-wrap: wrap; gap: 0.25rem; }
.filter-controls button, .filter-controls a, .view-controls button, .wire-list__filters button {
  min-height: 36px;
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--colour-text-muted);
  padding: 0.45rem 0.7rem;
  font-size: 0.75rem;
  font-weight: 720;
}
.filter-controls a { display: inline-flex; align-items: center; line-height: 1.58; text-decoration: none; }
.filter-controls button:hover, .filter-controls a:hover, .view-controls button:hover, .wire-list__filters button:hover { background: var(--colour-surface-muted); color: var(--colour-text); }
.filter-controls button[aria-pressed="true"], .filter-controls a[aria-current="page"], .view-controls button[aria-pressed="true"], .wire-list__filters button[aria-pressed="true"] { border-color: var(--colour-line); background: var(--colour-surface); color: var(--colour-text); box-shadow: inset 0 -2px 0 var(--colour-info); }
.results-status { margin: 0; color: var(--colour-text-muted); font-size: 0.74rem; }

.directory-toolbar { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--colour-line); padding-bottom: 1.2rem; }
.search-field { display: grid; width: min(100%, 330px); gap: 0.35rem; color: var(--colour-text-muted); font-size: 0.7rem; }
.search-field input { min-height: 40px; font-size: 0.84rem; }
.view-controls { display: inline-flex; gap: 0.2rem; }
.directory-search { display: flex; flex: 1 1 360px; align-items: end; gap: 0.55rem; }
.directory-search .search-field { flex: 1 1 260px; }
.directory-search__submit { min-height: 40px; padding-block: 0.55rem; }
.directory-pagination { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 1rem; margin-top: 1rem; }
.directory-pagination > :last-child { justify-self: end; }
.directory-pagination strong { color: var(--colour-text-muted); font-size: 0.75rem; }
.member-directory-loadmore { display: flex; justify-content: center; margin: 1rem 0 0; border-top: 1px solid var(--colour-line); padding-top: 1rem; }
.member-directory-loadmore .button { min-width: 220px; justify-content: center; }
.member-directory-loadmore .button[aria-busy="true"] { cursor: wait; opacity: 0.7; pointer-events: none; }
.avatar img { display: block; width: 100%; height: 100%; border-radius: inherit; object-fit: cover; }

.identity-header {
  overflow: hidden;
  border: 1px solid var(--colour-line);
  border-radius: var(--radius-lg);
  background: var(--colour-surface);
  box-shadow: var(--shadow-soft);
}
.identity-header__cover { position: relative; height: 190px; overflow: hidden; background: #081012; }
.identity-header__cover::after { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 40%, rgba(4, 8, 9, 0.6)); content: ""; }
.identity-header__cover img { width: 100%; height: 100%; object-fit: cover; }
.identity-header__cover--member img { object-position: right center; }
.identity-header__main { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: end; gap: 1.4rem; margin-top: -48px; padding: 0 2rem 1.5rem; }
.identity-header__avatar { position: relative; z-index: 2; }
.identity-header__copy { position: relative; z-index: 2; min-width: 0; }
.identity-header__copy h1 { margin: 0 0 0.35rem; font-size: clamp(2rem, 4vw, 3.8rem); overflow-wrap: anywhere; }
.identity-header__copy > p:not(.eyebrow) { margin: 0 0 0.8rem; color: var(--colour-text-muted); }
.identity-header__actions { display: flex; flex-wrap: wrap; gap: 0.5rem; padding-bottom: 0.25rem; }
.identity-stats { display: flex; margin: 0; border-top: 1px solid var(--colour-line); padding: 0 2rem; }
.identity-stats div { min-width: 130px; border-right: 1px solid var(--colour-line); padding: 0.9rem 1.4rem 0.9rem 0; margin-right: 1.4rem; }
.identity-stats div:last-child { border: 0; }
.identity-stats dt { color: var(--colour-text-muted); font-size: 0.67rem; }
.identity-stats dd { margin: 0.1rem 0 0; font-family: var(--font-display); font-weight: 760; }
.identity-header--group .identity-header__avatar .avatar { border-radius: var(--radius-lg); }
.identity-header--has-group-cover { position: relative; isolation: isolate; border-radius: 20px; }
.identity-header__group-cover,
.identity-header__group-cover-scrim { position: absolute; inset: 0; width: 100%; height: 100%; border-radius: inherit; }
.identity-header__group-cover { z-index: 0; object-fit: cover; object-position: center; }
.identity-header__group-cover-scrim {
  z-index: 1;
  background: linear-gradient(90deg, rgba(18, 24, 25, 0.98) 0%, rgba(18, 24, 25, 0.95) 36%, rgba(18, 24, 25, 0.8) 66%, rgba(18, 24, 25, 0.9) 100%);
  pointer-events: none;
}
.identity-header--has-group-cover > .identity-header__main,
.identity-header--has-group-cover > .identity-stats { position: relative; z-index: 2; }

.local-toast {
  position: fixed;
  z-index: 200;
  right: 1rem;
  bottom: 1rem;
  max-width: min(380px, calc(100vw - 2rem));
  border: 1px solid color-mix(in srgb, var(--colour-info) 35%, var(--colour-line));
  border-radius: var(--radius-sm);
  background: var(--colour-surface-raised);
  box-shadow: var(--shadow-menu);
  padding: 0.8rem 1rem;
  color: var(--colour-text);
  font-size: 0.78rem;
  font-weight: 650;
}
.signal-toast-stack { position: fixed; z-index: 260; right: 1rem; bottom: 1rem; display: grid; width: min(410px, calc(100vw - 2rem)); gap: 0.7rem; pointer-events: none; }
.signal-toast { position: relative; display: grid; grid-template-columns: 48px minmax(0, 1fr) 32px; gap: 0.85rem; align-items: start; overflow: hidden; border: 1px solid color-mix(in srgb, var(--colour-info) 38%, var(--colour-line)); border-radius: var(--radius-md); background: color-mix(in srgb, var(--colour-surface-raised) 96%, transparent); color: var(--colour-text); padding: 1rem; box-shadow: var(--shadow-menu); backdrop-filter: blur(18px); pointer-events: auto; animation: signal-arrive 280ms cubic-bezier(0.2, 0.8, 0.2, 1) both; }
.signal-toast::before { position: absolute; top: 0; bottom: 0; left: 0; width: 3px; background: var(--colour-info); content: ""; }
.signal-toast--notification { border-color: color-mix(in srgb, var(--colour-action) 42%, var(--colour-line)); }
.signal-toast--notification::before { background: var(--colour-action); }
.signal-toast.is-leaving { animation: signal-leave 220ms ease both; }
.signal-toast__target { position: absolute; z-index: 1; inset: 0; border-radius: inherit; }
.signal-toast__target:focus-visible { outline: 2px solid var(--colour-info); outline-offset: -4px; }
.signal-toast--notification .signal-toast__target:focus-visible { outline-color: var(--colour-action); }
.signal-toast__beacon { position: relative; display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid color-mix(in srgb, var(--colour-info) 38%, var(--colour-line)); border-radius: 50%; background: color-mix(in srgb, var(--colour-info) 10%, var(--colour-surface)); pointer-events: none; }
.signal-toast__avatar { display: block; width: 44px; height: 44px; border: 1px solid color-mix(in srgb, var(--colour-action) 38%, var(--colour-line)); border-radius: 50%; background: var(--colour-surface); object-fit: cover; box-shadow: 0 0 0 3px color-mix(in srgb, var(--colour-action) 10%, transparent); pointer-events: none; }
.signal-toast__beacon i { width: 9px; height: 9px; border-radius: 50%; background: var(--colour-info); box-shadow: 0 0 0 5px color-mix(in srgb, var(--colour-info) 16%, transparent); }
.signal-toast__beacon b { position: absolute; inset: 5px; border: 1px dashed color-mix(in srgb, var(--colour-info) 38%, transparent); border-radius: 50%; }
.signal-toast--notification .signal-toast__beacon { border-color: color-mix(in srgb, var(--colour-action) 38%, var(--colour-line)); background: color-mix(in srgb, var(--colour-action) 9%, var(--colour-surface)); }
.signal-toast--notification .signal-toast__beacon i { background: var(--colour-action); box-shadow: 0 0 0 5px color-mix(in srgb, var(--colour-action) 16%, transparent); }
.signal-toast--notification .signal-toast__beacon b { border-color: color-mix(in srgb, var(--colour-action) 38%, transparent); }
.signal-toast__copy { position: relative; z-index: 2; min-width: 0; pointer-events: none; }
.signal-toast__copy > span { display: block; margin-bottom: 0.12rem; color: var(--colour-info); font-family: var(--font-display); font-size: 0.58rem; font-weight: 780; letter-spacing: 0.1em; text-transform: uppercase; }
.signal-toast--notification .signal-toast__copy > span { color: var(--colour-action); }
.signal-toast__copy strong { display: block; font-family: var(--font-display); font-size: 0.92rem; }
.signal-toast__copy p { margin: 0.28rem 0 0.55rem; color: var(--colour-text-muted); font-size: 0.73rem; line-height: 1.45; }
.signal-toast__copy a { position: relative; z-index: 3; font-size: 0.72rem; font-weight: 780; pointer-events: auto; }
.signal-toast > button { position: relative; z-index: 3; display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: transparent; color: var(--colour-text-muted); padding: 0; font-size: 1.15rem; }
.signal-toast > button:hover { background: var(--colour-surface-muted); color: var(--colour-text); }
@keyframes signal-arrive { from { opacity: 0; transform: translate3d(1.2rem, 0.8rem, 0) scale(0.98); } to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); } }
@keyframes signal-leave { to { opacity: 0; transform: translate3d(0.8rem, 0, 0) scale(0.98); } }

.inline-notice { border: 1px solid var(--colour-line); border-left-width: 4px; border-radius: var(--radius-sm); background: var(--colour-surface); padding: 0.9rem 1rem; }
.inline-notice strong { font-size: 0.84rem; }
.inline-notice p { margin: 0.25rem 0 0; color: var(--colour-text-muted); font-size: 0.8rem; }
.inline-notice--info { border-left-color: var(--colour-info); background: color-mix(in srgb, var(--colour-info) 5%, var(--colour-surface)); }
.inline-notice--success { border-left-color: var(--colour-success); background: color-mix(in srgb, var(--colour-success) 5%, var(--colour-surface)); }
.inline-notice--danger, .inline-notice--error { border-left-color: var(--colour-danger); background: color-mix(in srgb, var(--colour-danger) 5%, var(--colour-surface)); }

.empty-state { display: grid; min-height: 230px; place-items: center; align-content: center; border: 1px dashed var(--colour-line-strong); border-radius: var(--radius-md); background: color-mix(in srgb, var(--colour-surface) 60%, transparent); padding: 2rem; text-align: center; }
.empty-state > span { color: var(--colour-info); font-size: 2rem; }
.empty-state h2, .empty-state h3 { margin: 0.6rem 0; }
.empty-state p { max-width: 56ch; margin: 0 0 1rem; color: var(--colour-text-muted); }

.form-panel, .settings-form {
  display: grid;
  gap: 1rem;
  border: 1px solid var(--colour-line);
  border-radius: var(--radius-md);
  background: var(--colour-surface);
  padding: clamp(1.2rem, 3vw, 2rem);
  box-shadow: var(--shadow-soft);
}
.form-panel label, .settings-form label { display: grid; gap: 0.35rem; font-size: 0.78rem; }
.form-split { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.form-row { display: grid; grid-template-columns: minmax(140px, 0.45fr) 1fr; align-items: start; gap: 0.5rem 1.25rem; border-bottom: 1px solid var(--colour-line); padding-bottom: 1rem; }
.form-row > small { grid-column: 2; color: var(--colour-text-muted); }
.form-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.8rem; margin-top: 0.3rem; }
.form-status { margin: 0; color: var(--colour-text-muted); font-size: 0.75rem; }
.checkbox-row { display: flex !important; grid-template-columns: none !important; align-items: flex-start; gap: 0.6rem !important; color: var(--colour-text-muted); font-weight: 520; }
.checkbox-row input { width: auto; min-height: auto; margin-top: 0.25rem; }

.faq-section { display: grid; grid-template-columns: minmax(220px, 0.55fr) 1fr; gap: clamp(2rem, 5vw, 5rem); margin-top: 3rem; border-top: 1px solid var(--colour-line); padding-top: 2rem; }
.accordion-list { border-top: 1px solid var(--colour-line-strong); }
.accordion-list details { border-bottom: 1px solid var(--colour-line); }
.accordion-list summary { position: relative; padding: 1rem 2.2rem 1rem 0; font-weight: 720; cursor: pointer; list-style: none; }
.accordion-list summary::-webkit-details-marker { display: none; }
.accordion-list summary::after { position: absolute; top: 0.95rem; right: 0.2rem; color: var(--colour-info); content: "+"; font-family: var(--font-display); font-size: 1.25rem; }
.accordion-list details[open] summary::after { content: "−"; }
.accordion-list details p { max-width: 65ch; color: var(--colour-text-muted); padding: 0 1rem 1rem 0; }

@media (max-width: 760px) {
  .page-header { min-height: auto; border-radius: var(--radius-md); }
  .page-header--media { min-height: 250px; }
  .page-header__content { padding: 1.35rem; }
  .page-header h1 { font-size: clamp(2.1rem, 11vw, 3.6rem); }
  .section-heading { display: block; }
  .section-heading > :last-child:not(:first-child) { margin-top: 1rem; }
  .identity-header__cover { height: 150px; }
  .identity-header__main { grid-template-columns: auto 1fr; align-items: start; gap: 0.8rem; margin-top: -35px; padding: 0 1rem 1rem; }
  .identity-header__avatar .avatar { width: 78px; height: 78px; font-size: 1rem; }
  .identity-header__copy .eyebrow { margin-top: 2.6rem; }
  .identity-header__actions { grid-column: 1 / -1; }
  .identity-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: visible; padding: 0 1rem; }
  .identity-stats div { min-width: 0; margin-right: 0.75rem; padding-right: 0.75rem; }
  .directory-toolbar { align-items: stretch; }
  .search-field { width: 100%; }
  .form-split, .form-row, .faq-section { grid-template-columns: 1fr; }
  .form-row > small { grid-column: auto; }
}


/* === CONSENT TOOL === */
body .cmplz-cookiebanner {
  --cmplz_slider_active_color: var(--colour-action);
  --cmplz_slider_inactive_color: #344044;
  --cmplz_slider_bullet_color: #f4f8f7;
  position: fixed !important;
  inset: auto auto 16px 50% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  width: min(calc(100% - 32px), 980px) !important;
  height: auto !important;
  max-width: none !important;
  max-height: calc(100vh - 32px) !important;
  margin: 0 !important;
  padding: 16px 18px !important;
  transform: translateX(-50%) !important;
  gap: 6px 24px !important;
  overflow: auto !important;
  border: 1px solid var(--colour-line-strong) !important;
  border-radius: var(--radius-md) !important;
  background: color-mix(in srgb, var(--colour-surface) 96%, transparent) !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.34) !important;
  color: var(--colour-text) !important;
  font-family: var(--font-body) !important;
  opacity: 1 !important;
  animation: none !important;
  backdrop-filter: blur(14px);
  zoom: 1 !important;
}
body .cmplz-cookiebanner::after { content: none !important; }
body .cmplz-cookiebanner.cmplz-hidden,
body .cmplz-cookiebanner.cmplz-dismissed {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
body .cmplz-cookiebanner .cmplz-header,
body .cmplz-cookiebanner .cmplz-body,
body .cmplz-cookiebanner .cmplz-message,
body .cmplz-cookiebanner .cmplz-links,
body .cmplz-cookiebanner .cmplz-categories,
body .cmplz-cookiebanner .cmplz-buttons {
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}
body .cmplz-cookiebanner .cmplz-header,
body .cmplz-cookiebanner .cmplz-body { grid-column: 1 !important; }
body .cmplz-cookiebanner .cmplz-header { grid-row: 1 !important; align-self: end; }
body .cmplz-cookiebanner .cmplz-body { grid-row: 2 !important; align-self: start; }
body .cmplz-cookiebanner .cmplz-title {
  margin: 0 0 2px !important;
  color: var(--colour-text) !important;
  font-family: var(--font-display) !important;
  font-size: 0.78rem !important;
  font-weight: 780 !important;
  letter-spacing: 0.04em !important;
}
body .cmplz-cookiebanner .cmplz-message {
  min-height: 0 !important;
  padding: 0 !important;
  color: var(--colour-text-muted) !important;
  font-size: 0.78rem !important;
  line-height: 1.48 !important;
}
body .cmplz-cookiebanner .cmplz-message a,
body .cmplz-cookiebanner .cmplz-links a { color: var(--colour-info) !important; }
body .cmplz-cookiebanner .cmplz-message .ww-cookie-nowrap { white-space: nowrap !important; }
body .cmplz-cookiebanner .cmplz-buttons {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  align-self: center !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-end !important;
  gap: 7px !important;
}
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 96px !important;
  max-width: none !important;
  min-height: 42px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 15px !important;
  border: 1px solid var(--colour-line-strong) !important;
  border-radius: var(--radius-sm) !important;
  background: var(--colour-surface-raised) !important;
  color: var(--colour-text) !important;
  font-family: var(--font-body) !important;
  font-size: 0.78rem !important;
  font-weight: 760 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  zoom: 1 !important;
  transition: background 140ms ease, border-color 140ms ease, color 140ms ease, transform 140ms ease, box-shadow 140ms ease !important;
}
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn:hover,
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn:focus-visible {
  border-color: var(--colour-info) !important;
  color: var(--colour-info) !important;
}
body .cmplz-cookiebanner .cmplz-buttons .cmplz-accept {
  order: 1 !important;
  border-color: var(--colour-action) !important;
  background: var(--colour-action) !important;
  color: #111619 !important;
}
body .cmplz-cookiebanner .cmplz-buttons .cmplz-accept:hover,
body .cmplz-cookiebanner .cmplz-buttons .cmplz-accept:focus-visible {
  border-color: #ffc0ae !important;
  background: #ff9273 !important;
  color: #111619 !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--colour-action) 24%, transparent) !important;
  transform: translateY(-1px) !important;
}
body .cmplz-cookiebanner .cmplz-buttons .cmplz-deny { order: 2 !important; }
body .cmplz-cookiebanner .cmplz-buttons .cmplz-manage-options { display: none !important; }
body .cmplz-cookiebanner:not(.cmplz-categories-visible) .cmplz-save-preferences { display: none !important; }
body .cmplz-cookiebanner .cmplz-buttons .cmplz-view-preferences,
body .cmplz-cookiebanner .cmplz-buttons .cmplz-save-preferences { order: 3 !important; }
body .cmplz-cookiebanner.cmplz-categories-visible {
  grid-template-columns: minmax(0, 1fr) !important;
  width: min(calc(100% - 32px), 780px) !important;
  gap: 10px !important;
}
body .cmplz-cookiebanner.cmplz-categories-visible .cmplz-header,
body .cmplz-cookiebanner.cmplz-categories-visible .cmplz-body,
body .cmplz-cookiebanner.cmplz-categories-visible .cmplz-categories,
body .cmplz-cookiebanner.cmplz-categories-visible .cmplz-links,
body .cmplz-cookiebanner.cmplz-categories-visible .cmplz-buttons {
  grid-column: 1 !important;
  grid-row: auto !important;
}
body .cmplz-cookiebanner.cmplz-categories-visible .cmplz-buttons {
  justify-content: center !important;
  margin-top: 2px !important;
}
body .cmplz-cookiebanner.cmplz-categories-visible .cmplz-body {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  gap: 10px !important;
}
body .cmplz-cookiebanner.cmplz-categories-visible .cmplz-message,
body .cmplz-cookiebanner.cmplz-categories-visible .cmplz-categories {
  grid-column: 1 !important;
  width: 100% !important;
}
body .cmplz-cookiebanner.cmplz-categories-visible .cmplz-view-preferences { display: none !important; }
body .cmplz-cookiebanner.cmplz-categories-visible .cmplz-save-preferences { display: flex !important; }
body .cmplz-cookiebanner .cmplz-categories {
  display: none !important;
  gap: 0 !important;
  border-top: 1px solid var(--colour-line) !important;
}
body .cmplz-cookiebanner.cmplz-categories-visible .cmplz-categories {
  display: grid !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
body .cmplz-cookiebanner .cmplz-categories .cmplz-category {
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--colour-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body .cmplz-cookiebanner .cmplz-categories .cmplz-category-header {
  min-height: 44px !important;
  padding: 8px 4px !important;
}
body .cmplz-cookiebanner .cmplz-categories .cmplz-category-title {
  color: var(--colour-text) !important;
  font-family: var(--font-body) !important;
  font-size: 0.78rem !important;
  font-weight: 720 !important;
}
body .cmplz-cookiebanner .cmplz-categories .cmplz-description {
  padding: 8px 4px 12px !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--colour-text-muted) !important;
  font-size: 0.74rem !important;
  line-height: 1.45 !important;
}
body .cmplz-cookiebanner .cmplz-always-active {
  color: var(--colour-success) !important;
  font-size: 0.68rem !important;
}
@media (max-width: 760px) {
  body .cmplz-cookiebanner { grid-template-columns: 1fr !important; gap: 10px !important; }
  body .cmplz-cookiebanner .cmplz-header,
  body .cmplz-cookiebanner .cmplz-body,
  body .cmplz-cookiebanner .cmplz-buttons { grid-column: 1 !important; grid-row: auto !important; }
  body .cmplz-cookiebanner .cmplz-buttons { justify-content: stretch !important; }
  body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { flex: 1 1 0 !important; min-width: 0 !important; padding-inline: 8px !important; }
}

/* === ROUTES === */
/* Home */
.home-hero {
  display: grid;
  grid-template-columns: minmax(420px, 0.88fr) minmax(520px, 1.12fr);
  gap: clamp(2.5rem, 5vw, 6rem);
  align-items: center;
  min-height: min(760px, calc(100vh - var(--header-height)));
  padding: clamp(2.5rem, 5vw, 5.5rem) 0;
}
.home-hero > * { min-width: 0; }
.home-hero__copy { max-width: 720px; }
.home-hero .eyebrow { margin-bottom: 1rem; }
.home-hero h1 { max-width: 15ch; margin-bottom: 1.3rem; font-size: clamp(3.8rem, 5.65vw, 6.4rem); line-height: 0.93; letter-spacing: -0.065em; }
.home-hero__lede { max-width: 58ch; margin-top: 1.6rem; color: var(--colour-text-muted); font-size: clamp(1.08rem, 1.5vw, 1.34rem); line-height: 1.62; }
.home-hero__actions { display: flex; flex-wrap: wrap; gap: 0.7rem; margin: 2rem 0 1.25rem; }
.home-hero__actions .button { min-height: 50px; padding-inline: 1.25rem; }
.trust-line { display: flex; flex-wrap: wrap; gap: 0.5rem 1.35rem; margin: 0; padding: 0; color: var(--colour-text-muted); font-size: 0.73rem; list-style: none; }
.trust-line li::before { margin-right: 0.42rem; color: var(--colour-info); content: "✦"; }
.home-shed {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1.24 / 1;
  margin: 0;
  border: 1px solid rgba(55, 204, 215, 0.22);
  border-radius: var(--radius-lg);
  background: #0a0d0e;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.34), 0 0 80px rgba(26, 184, 199, 0.07);
}
.home-shed::after { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 45%, rgba(4, 7, 8, 0.9)); content: ""; }
.home-shed img { width: 100%; height: 100%; object-fit: cover; object-position: 54% center; transition: transform 800ms ease; }
.home-shed:hover img { transform: scale(1.025); }
.home-shed figcaption { position: absolute; z-index: 1; right: clamp(1.1rem, 3vw, 2rem); bottom: clamp(1.1rem, 3vw, 2rem); left: clamp(1.1rem, 3vw, 2rem); display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; color: #f5f7f6; }
.home-shed figcaption span { display: flex; align-items: center; gap: 0.5rem; color: #a8b7b8; font-size: 0.68rem; font-weight: 740; letter-spacing: 0.08em; text-transform: uppercase; }
.home-shed figcaption i { width: 8px; height: 8px; border-radius: 50%; background: #42d6b1; box-shadow: 0 0 0 5px rgba(66, 214, 177, 0.12); }
.home-shed figcaption strong { max-width: 21ch; font-family: var(--font-display); font-size: clamp(0.95rem, 1.4vw, 1.25rem); line-height: 1.25; text-align: right; }
.home-manifesto { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: clamp(5rem, 9vw, 9rem); border-block: 1px solid var(--colour-line-strong); }
.home-manifesto > div { position: relative; min-width: 0; border-right: 1px solid var(--colour-line); padding: clamp(1.6rem, 3vw, 2.6rem); }
.home-manifesto > div:first-child { padding-left: 0; }
.home-manifesto > div:last-child { border-right: 0; padding-right: 0; }
.home-manifesto span { color: var(--colour-info); font-family: var(--font-display); font-size: 0.66rem; }
.home-manifesto h2 { margin: 0.7rem 0 0.55rem; font-size: clamp(1.35rem, 2.1vw, 2rem); }
.home-manifesto p { max-width: 38ch; margin: 0; color: var(--colour-text-muted); font-size: 0.86rem; line-height: 1.65; }
.home-portals { margin-bottom: clamp(5rem, 9vw, 9rem); }
.home-portals > header { display: grid; grid-template-columns: minmax(0, 0.45fr) minmax(400px, 0.55fr); align-items: end; gap: 2rem; margin-bottom: 2rem; }
.home-portals > header .eyebrow { margin: 0; }
.home-portals > header h2 { max-width: 17ch; margin: 0; font-size: clamp(2rem, 4vw, 4.2rem); line-height: 1.02; }
.home-portals__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; overflow: hidden; border: 1px solid var(--colour-line); border-radius: var(--radius-lg); background: var(--colour-line); }
.home-portals__grid > a { position: relative; min-height: 290px; background: var(--colour-surface); color: var(--colour-text); padding: clamp(1.5rem, 3vw, 2.5rem); text-decoration: none; transition: background var(--transition-fast), transform var(--transition-fast); }
.home-portals__grid > a:hover { z-index: 1; background: var(--colour-surface-muted); box-shadow: inset 0 0 0 1px var(--colour-info); }
.home-portals__grid span { color: var(--colour-info); font-family: var(--font-display); font-size: 0.67rem; font-weight: 760; letter-spacing: 0.1em; text-transform: uppercase; }
.home-portals__grid h3 { margin: 3.8rem 0 0.7rem; font-size: clamp(1.6rem, 2.5vw, 2.4rem); }
.home-portals__grid p { max-width: 34ch; margin: 0; color: var(--colour-text-muted); font-size: 0.88rem; line-height: 1.65; }
.home-portals__grid b { position: absolute; top: 1.5rem; right: 1.5rem; color: var(--colour-text-muted); font-size: 1.25rem; font-weight: 500; }
.home-section { margin-bottom: clamp(4rem, 8vw, 7rem); }
.home-section .section-heading { align-items: end; }
.home-section .text-link { color: var(--colour-info); font-size: 0.8rem; font-weight: 740; text-decoration: none; }
.door-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--colour-line-strong); }
.door { min-width: 0; border-right: 1px solid var(--colour-line); padding: 1.5rem 1.5rem 1rem 0; margin-right: 1.5rem; }
.door:last-child { border-right: 0; margin-right: 0; }
.door__index { color: var(--colour-info); font-family: var(--font-display); font-size: 0.68rem; }
.door h3 { min-height: 2.8em; font-size: clamp(1.2rem, 1.8vw, 1.6rem); }
.door h3 a { color: var(--colour-text); text-decoration: none; }
.door h3 a:hover { color: var(--colour-info); }
.door > p:not(.door__index) { color: var(--colour-text-muted); font-size: 0.88rem; }
.door__meta { display: flex; justify-content: space-between; gap: 0.5rem; border-top: 1px solid var(--colour-line); padding-top: 0.8rem; color: var(--colour-text-muted); font-size: 0.67rem; }
.field-note { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(280px, 0.7fr); min-height: 420px; overflow: hidden; border-radius: var(--radius-lg); background: #111719; color: #eaf2f1; }
.field-note figure { margin: 0; min-height: 100%; }
.field-note img { width: 100%; height: 100%; object-fit: cover; }
.field-note__copy { display: grid; align-content: center; padding: clamp(1.5rem, 4vw, 3.5rem); }
.field-note__copy h2 { color: #eff6f5; font-size: clamp(1.8rem, 3vw, 3.3rem); }
.field-note__copy p:not(.eyebrow) { color: #aebcbe; }

/* Activity and directories */
.feed-toolbar, .notification-toolbar, .topic-index__toolbar, .forum-index__toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.activity-feed, .profile-feed { border-top: 1px solid var(--colour-line-strong); }
.activity-item { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 0.9rem; scroll-margin-top: calc(var(--header-height) + 1rem); border-bottom: 1px solid var(--colour-line); padding: 1.35rem 0; }
.activity-item__body { min-width: 0; }
.activity-item__body > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 0.65rem; }
.activity-item__body > header > div { display: flex; flex-wrap: wrap; gap: 0.25rem 0.4rem; }
.activity-item__body header strong { font-size: 0.85rem; }
.activity-item__body header span, .activity-item__body time { color: var(--colour-text-muted); font-size: 0.74rem; }
.activity-item__body p { max-width: 74ch; color: var(--colour-text); font-size: 0.93rem; }
.activity-item__body footer { display: flex; gap: 0.4rem; }
.activity-item__body footer button { border-radius: var(--radius-sm); background: transparent; color: var(--colour-text-muted); padding: 0.4rem 0.55rem; font-size: 0.72rem; }
.activity-item__body footer button:hover { background: var(--colour-surface-muted); color: var(--colour-text); }
.activity-item__body footer span { margin-left: 0.25rem; color: var(--colour-info); font-family: var(--font-display); }
.activity-item--joined-group { grid-template-columns: minmax(0, 1fr); padding: 1.45rem 0; }
.activity-item--joined-group .activity-item__body { grid-column: 1 / -1; }
.activity-item--joined-group .activity-item__action p { color: var(--colour-text); font-size: 0.9rem; line-height: 1.5; }
.activity-item__joined-identity { margin: 0.75rem 0 1rem; }
.activity-item__joined-identity > a, .activity-item__joined-identity > span { display: inline-grid; grid-template-columns: 58px auto; align-items: center; gap: 0.8rem; border-radius: var(--radius-md); background: color-mix(in srgb, var(--colour-info) 5%, var(--colour-surface-muted)); padding: 0.65rem 0.85rem; color: var(--colour-text); text-decoration: none; }
.activity-item__joined-identity > a:hover { background: color-mix(in srgb, var(--colour-info) 10%, var(--colour-surface-muted)); }
.activity-item__joined-identity .avatar { width: 58px; height: 58px; }
.activity-item__joined-identity strong { color: var(--colour-info); font-family: var(--font-display); font-size: clamp(1.05rem, 1.55vw, 1.3rem); }
.directory-section, .forum-index, .topic-index, .notification-centre, .moderation-section { margin-top: 1.5rem; }
.directory-section > .results-status, .topic-index > .results-status, .notification-centre > .results-status { margin: 0.8rem 0; }
.member-directory[data-view="grid"] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; border: 1px solid var(--colour-line); border-radius: var(--radius-md); background: var(--colour-line); overflow: hidden; }
.member-card { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 1rem; min-width: 0; background: var(--colour-surface); padding: 1.4rem; }
.member-card__avatar { position: relative; height: fit-content; }
.member-card__body h2 { margin: 0; font-size: 1.25rem; }
.member-card__body h2 a { color: var(--colour-text); text-decoration: none; }
.member-identity-badge { display: inline-flex; width: fit-content; align-items: center; margin-top: 0.35rem; border: 1px solid color-mix(in srgb, var(--colour-action) 42%, var(--colour-line)); border-radius: var(--radius-round); background: color-mix(in srgb, var(--colour-action) 9%, var(--colour-surface)); color: var(--colour-action); padding: 0.18rem 0.48rem; font-size: 0.65rem; font-weight: 780; line-height: 1.2; }
.member-card__body > strong { display: block; margin: 0.2rem 0 0.5rem; font-size: 0.76rem; }
.member-card__body > p:not(.eyebrow) { margin: 0; color: var(--colour-text-muted); font-size: 0.8rem; }
.member-card__foot { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid var(--colour-line); padding-top: 0.8rem; }
.member-card__foot span { color: var(--colour-text-muted); font-size: 0.7rem; }
.member-card__foot button { background: transparent; color: var(--colour-info); font-size: 0.72rem; font-weight: 720; }
.member-card__actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 0.65rem; }
.member-card__actions form { margin: 0; }
.member-card__actions a, .member-card__actions button { color: var(--colour-info); font-size: 0.72rem; font-weight: 760; text-decoration: none; }
.member-card__actions a:hover, .member-card__actions button:hover { text-decoration: underline; }
.identity-header__actions form { margin: 0; }
.member-card--watcher { box-shadow: inset 3px 0 0 #ff7429; }
.watcher-mark { position: absolute; right: -0.3rem; bottom: -0.3rem; z-index: 4; display: block; width: 2rem; height: 2rem; border: 2px solid #071018; border-radius: 50%; background: #ff7429 url('../images/watcher-clawdius-badge-v01.png') center / cover no-repeat; box-shadow: 0 0 0 2px var(--colour-surface); }
.watcher-mark--profile { right: -0.38rem; bottom: -0.38rem; width: 2.6rem; height: 2.6rem; }
.chip--watch { border-color: #ff7429; background: color-mix(in srgb, #ff7429 11%, var(--colour-surface)); color: #d84f00; }
.member-card--watcher .watch-follow-form .button--primary { border-radius: var(--radius-round); background: #ff7429; color: #071018; padding: 0.5rem 0.78rem; text-decoration: none; }
.member-card--watcher .watch-follow-form .button--primary:hover { background: #ff8c52; color: #071018; text-decoration: none; }
.member-directory[data-view="list"] { border-top: 1px solid var(--colour-line-strong); }
.member-directory[data-view="list"] .member-card { grid-template-columns: auto minmax(0, 1fr) 180px; border-bottom: 1px solid var(--colour-line); padding: 1rem 0; }
.member-directory[data-view="list"] .member-card__foot { grid-column: auto; align-self: center; border: 0; padding: 0; }
.profile-about, .group-about { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 0.6fr); gap: 3rem; padding: 1.5rem 0; }
.profile-about > div > p:last-child, .group-about > div > p:last-child { color: var(--colour-text-muted); }
.profile-about dl { margin: 0; border-top: 1px solid var(--colour-line-strong); }
.profile-about dl div { display: grid; grid-template-columns: 110px 1fr; border-bottom: 1px solid var(--colour-line); padding: 0.65rem 0; font-size: 0.78rem; }
.profile-about dd { margin: 0; color: var(--colour-text-muted); }
.member-stack { margin: 0; padding: 0; list-style: none; }
.member-stack li { display: flex; align-items: center; gap: 0.7rem; border-bottom: 1px solid var(--colour-line); padding: 0.65rem 0; }
.member-stack li > span:last-child { display: grid; }
.member-stack small { color: var(--colour-text-muted); }
.group-directory[data-view="list"] { border-top: 1px solid var(--colour-line-strong); }
.group-row { display: grid; grid-template-columns: auto minmax(0, 1fr) minmax(150px, 220px) max-content; gap: 1rem; align-items: center; border-bottom: 1px solid var(--colour-line); padding: 1.35rem 0; }
.group-row > * { min-width: 0; }
.group-row__title { display: flex; flex-wrap: wrap; align-items: center; gap: 0.6rem; }
.group-row h2 { margin: 0; font-size: 1.25rem; }
.group-row h2 a { color: var(--colour-text); text-decoration: none; }
.group-row__body > p { max-width: 70ch; margin: 0.4rem 0 0.7rem; color: var(--colour-text-muted); font-size: 0.82rem; }
.group-row dl { display: grid; grid-template-columns: minmax(0, 0.7fr) minmax(0, 1fr); gap: 0.8rem; margin: 0; }
.group-row dt { color: var(--colour-text-muted); font-size: 0.66rem; }
.group-row dd { margin: 0.1rem 0 0; overflow-wrap: anywhere; font-size: 0.76rem; font-weight: 700; }
.group-row__actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 0.5rem; }
.group-row__actions form { margin: 0; }
.group-row__actions .button { max-width: 100%; white-space: normal; text-align: center; }
.group-directory[data-view="grid"] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--colour-line); border: 1px solid var(--colour-line); }
.group-directory[data-view="grid"] .group-row { grid-template-columns: auto minmax(0, 1fr); align-items: start; border: 0; background: var(--colour-surface); padding: 1.3rem; }
.group-directory[data-view="grid"] .group-row dl { grid-column: 1 / -1; }
.group-directory[data-view="grid"] .group-row__actions { grid-column: 1 / -1; justify-content: flex-start; }
.group-directory-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 1.25rem; margin-bottom: 1rem; }
.group-directory-heading h2 { margin: 0.15rem 0 0.35rem; font-size: clamp(1.55rem, 3vw, 2.2rem); }
.group-directory-heading p:last-child { max-width: 66ch; margin: 0; color: var(--colour-text-muted); }
.group-directory-heading > .button { flex: 0 0 auto; }
.group-profile-subnav { margin: 0 0 1rem; border-bottom: 1px solid var(--colour-line); padding-bottom: 0.65rem; }
.group-create-surface { display: grid; gap: 1rem; margin-top: 1rem; }
.group-create-surface .section-heading { margin: 0; }
.group-create-form { max-width: 920px; }
.group-create-form textarea { width: 100%; resize: vertical; }
.group-create-form label > small { color: var(--colour-text-muted); font-size: 0.7rem; font-weight: 520; }
.group-choice-set { min-width: 0; margin: 0; border: 0; border-top: 1px solid var(--colour-line); padding: 1rem 0 0; }
.group-choice-set legend { padding: 0 0.4rem 0 0; font-size: 0.78rem; font-weight: 760; }
.group-choice-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.7rem; margin-top: 0.65rem; }
.group-choice-grid label { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 0.65rem; border: 1px solid var(--colour-line); border-radius: var(--radius-sm); background: var(--colour-surface-muted); padding: 0.85rem; cursor: pointer; }
.group-choice-grid label:has(input:checked) { border-color: var(--colour-info); background: color-mix(in srgb, var(--colour-info) 8%, var(--colour-surface)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--colour-info) 25%, transparent); }
.group-choice-grid input { width: auto; min-height: auto; margin-top: 0.2rem; }
.group-choice-grid span { display: grid; gap: 0.25rem; }
.group-choice-grid small { color: var(--colour-text-muted); font-size: 0.67rem; font-weight: 520; line-height: 1.45; }
.group-directory--invitations { margin-top: 0.8rem; }

/* Forums */
.forum-index__toolbar { margin: 1.2rem 0; }
body[data-route="v6-next-forums"] .forum-index { margin-top: 0; }
body[data-route="v6-next-forums"] .forum-index__toolbar { align-items: flex-end; margin: 0 0 1rem; }
body[data-route="v6-next-forums"] .forum-index__search { display: grid; flex: 1 1 360px; gap: 0.45rem; min-width: 0; }
body[data-route="v6-next-forums"] .forum-index__search h1 { margin: 0; font-size: clamp(1.05rem, 1.4vw, 1.25rem); line-height: 1.2; letter-spacing: -0.02em; }
body[data-route="v6-next-forums"] .forum-index__search-form { width: min(100%, 330px); }
body[data-route="v6-next-forums"] .forum-index__search-form input { width: 100%; min-height: 40px; font-size: 0.84rem; }
body[data-route="v6-next-forums"] .forum-index__toolbar > .filter-controls { flex: 0 1 auto; justify-content: flex-end; }
body[data-route="v6-next-forums"] .forum-index__status { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.65rem 1rem; margin: 0.8rem 0; }
body[data-route="v6-next-forums"] .forum-index__request { min-height: 34px; padding: 0.38rem 0.68rem; font-size: 0.68rem; }
body[data-route="v6-next-forum_tags"] .forum-tags-heading { margin: 0 0 0.9rem; }
body[data-route="v6-next-forum_tags"] .forum-tags-heading h1 { margin: 0; font-size: clamp(1.05rem, 1.4vw, 1.25rem); line-height: 1.2; letter-spacing: -0.02em; }
body[data-route="v6-next-forum_tags"] .forum-index__toolbar--destinations { margin: 0 0 1rem; }
.forum-index__toolbar--destinations { align-items: flex-end; column-gap: 2rem; row-gap: 0.65rem; }
.forum-index__toolbar--destinations .filter-controls { flex: 0 0 auto; align-self: flex-end; justify-content: flex-end; margin-bottom: 5.125px; }
.forum-destination-toolbar { display: flex; align-items: center; justify-content: flex-end; margin: 1.2rem 0; }
.forum-destination-toolbar .filter-controls { justify-content: flex-end; }
@media (min-width: 901px) {
  body[data-route="v6-next-forums"] .main-content,
  body[data-route="v6-next-forum_tags"] .main-content,
  body[data-route="v6-next-forum"] .main-content,
  body[data-route="v6-next-topic"] .main-content,
  body[data-route="v6-next-replies"] .main-content,
  body[data-route="v6-next-forums"] .context-rail,
  body[data-route="v6-next-forum_tags"] .context-rail,
  body[data-route="v6-next-forum"] .context-rail,
  body[data-route="v6-next-topic"] .context-rail,
  body[data-route="v6-next-replies"] .context-rail { padding-top: 2rem; }
}
@media (max-width: 820px) {
  .forum-index__toolbar--destinations .filter-controls { align-self: flex-start; width: 100%; margin-bottom: 0; }
  body[data-route="v6-next-forums"] .forum-index__toolbar { align-items: stretch; }
  body[data-route="v6-next-forums"] .forum-index__search { flex-basis: 100%; }
  body[data-route="v6-next-forums"] .forum-index__search-form { width: 100%; }
  body[data-route="v6-next-forums"] .forum-index__toolbar > .filter-controls { width: 100%; justify-content: flex-start; }
}
.forum-row { display: grid; grid-template-columns: 50px minmax(0, 1fr) 170px 220px; gap: 1rem; align-items: center; border-top: 1px solid var(--colour-line); padding: 1.25rem 0; }
.forum-row:last-child { border-bottom: 1px solid var(--colour-line); }
.forum-row__signal { display: grid; overflow: hidden; width: 42px; height: 42px; place-items: center; border: 1px solid var(--colour-line); border-radius: var(--radius-sm); color: var(--colour-info); font-family: var(--font-display); font-size: 0.68rem; }
.forum-row__signal img { display: block; width: 100%; height: 100%; object-fit: contain; filter: saturate(1.04) drop-shadow(0 2px 5px rgba(0, 0, 0, 0.38)); transition: filter 160ms ease, transform 160ms ease; }
.forum-row:hover .forum-row__signal img,
.forum-row:focus-within .forum-row__signal img { filter: brightness(1.09) saturate(1.08) drop-shadow(0 3px 7px rgba(0, 0, 0, 0.42)); transform: scale(1.045); }
.forum-row__body h2 { margin: 0 0 0.35rem; font-size: 1.2rem; }
.forum-row__body h2 a, .topic-row h2 a { color: var(--colour-text); text-decoration: none; }
.forum-row__body p { margin: 0; color: var(--colour-text-muted); font-size: 0.79rem; }
.forum-row dl, .topic-row dl { display: flex; gap: 1rem; margin: 0; }
.forum-row dl div, .topic-row dl div { min-width: 55px; }
.forum-row dt, .topic-row dt { color: var(--colour-text-muted); font-size: 0.63rem; }
.forum-row dd, .topic-row dd { margin: 0.1rem 0 0; font-family: var(--font-display); font-size: 0.75rem; }
.forum-row__latest { display: grid; min-width: 0; grid-template-columns: auto minmax(0, 1fr); column-gap: 0.55rem; border-left: 1px solid var(--colour-line); padding-left: 1rem; }
.forum-row__latest span { color: var(--colour-info); font-size: 0.62rem; font-weight: 740; text-transform: uppercase; }
.forum-row__latest strong { overflow: hidden; font-size: 0.75rem; text-overflow: ellipsis; white-space: nowrap; }
.forum-row__latest small { color: var(--colour-text-muted); }
.topic-row { display: grid; min-width: 0; grid-template-columns: 44px minmax(0, 1fr) 270px; gap: 1rem; align-items: center; border-top: 1px solid var(--colour-line); padding: 1.15rem 0; }
.topic-row:last-child { border-bottom: 1px solid var(--colour-line); }
.topic-row__state { color: var(--colour-line-strong); font-family: var(--font-display); font-size: 0.68rem; }
.topic-row h2 { margin: 0 0 0.25rem; font-size: 1.08rem; }
.topic-row__body { min-width: 0; }
.topic-row__body :where(h2, p, a, span) { max-width: 100%; overflow-wrap: anywhere; }
.topic-row__body p { margin: 0 0 0.25rem; color: var(--colour-text-muted); font-size: 0.76rem; }
.topic-row__body span { color: var(--colour-text-muted); font-size: 0.66rem; }
.topic-row dl { justify-content: space-between; }
.topic-header { display: flex; justify-content: space-between; gap: 2rem; border-bottom: 1px solid var(--colour-line-strong); padding: 1rem 0 1.6rem; }
.topic-header > div { max-width: 820px; }
.topic-header h1 { max-width: 15ch; font-size: clamp(2.4rem, 5.2vw, 5.3rem); }
.topic-header > div > p:last-child { color: var(--colour-text-muted); }
.topic-header dl { display: grid; grid-template-columns: repeat(3, minmax(80px, 1fr)); align-self: end; margin: 0; border-left: 1px solid var(--colour-line); }
.topic-header dl div { min-width: 0; border-right: 1px solid var(--colour-line); padding: 0.65rem 0.8rem; }
.topic-header dt { color: var(--colour-text-muted); font-size: 0.62rem; }
.topic-header dd { margin: 0; font-family: var(--font-display); font-size: 0.8rem; font-weight: 700; }
.reply-thread { border-top: 1px solid var(--colour-line-strong); margin-top: 1.5rem; }
.forum-reply { display: grid; grid-template-columns: 150px minmax(0, 1fr); border-bottom: 1px solid var(--colour-line); }
.forum-reply > aside { display: flex; flex-direction: column; align-items: flex-start; gap: 0.25rem; border-right: 1px solid var(--colour-line); padding: 1.3rem 1.2rem 1.3rem 0; }
.forum-reply > aside strong { margin-top: 0.4rem; font-size: 0.75rem; }
.forum-reply > aside span:not(.avatar) { color: var(--colour-text-muted); font-size: 0.65rem; }
.forum-reply__body { min-width: 0; padding: 1.3rem 0 1.5rem 1.5rem; }
.forum-reply__body header { display: flex; gap: 1rem; align-items: center; margin-bottom: 1rem; color: var(--colour-text-muted); font-family: var(--font-display); font-size: 0.64rem; }
.forum-reply__body header time { flex: 1; }
.forum-reply__body header button { background: transparent; color: var(--colour-text-muted); }
.forum-reply__body > p { max-width: 78ch; }
.solution-note { display: inline-flex; border-left: 3px solid var(--colour-success); background: color-mix(in srgb, var(--colour-success) 7%, var(--colour-surface)); padding: 0.65rem 0.8rem; color: var(--colour-success); font-size: 0.75rem; font-weight: 700; }
.reply-gate { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-top: 1.5rem; border: 1px dashed var(--colour-line-strong); border-radius: var(--radius-md); padding: 1.4rem; }
.reply-gate h2 { margin-bottom: 0.35rem; font-size: 1.25rem; }
.reply-gate p:last-child { margin: 0; color: var(--colour-text-muted); font-size: 0.82rem; }

/* Wires */
.wires-header { display: flex; justify-content: space-between; gap: 2rem; align-items: end; border-bottom: 1px solid var(--colour-line-strong); padding-bottom: 1.5rem; }
.wires-header > div:first-child { max-width: 760px; }
.wires-header h1 { margin-bottom: 0.5rem; }
.wires-header p:last-child { color: var(--colour-text-muted); }
.wires-header > div:last-child { display: flex; gap: 0.6rem; align-items: center; }
.wires-shell { display: grid; grid-template-columns: 360px minmax(0, 1fr); min-height: 650px; margin-top: 0; overflow: visible; border: 1px solid var(--colour-line); border-radius: var(--radius-lg); background: var(--colour-surface); box-shadow: var(--shadow-soft); }
.wire-list { position: relative; min-width: 0; border-right: 1px solid var(--colour-line); }
.wire-list__tools { position: sticky; z-index: 12; top: calc(var(--header-height) + 0.5rem); border-bottom: 1px solid var(--colour-line); background: color-mix(in srgb, var(--colour-surface) 95%, transparent); backdrop-filter: blur(16px); }
.wire-list__toolbar { display: grid; gap: 0.45rem; padding: 1rem 1rem 0.65rem; }
.wire-list__toolbar label { color: var(--colour-info); font-family: var(--font-display); font-size: 0.67rem; font-weight: 760; letter-spacing: 0.08em; text-transform: uppercase; }
.wire-list__search-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0.45rem; }
.wire-list__toolbar input { min-width: 0; min-height: 40px; }
.wire-list__toolbar .button { min-height: 40px; padding-inline: 0.85rem; }
.wire-list__clear { width: fit-content; color: var(--colour-text-muted); font-size: 0.67rem; text-decoration: none; }
.wire-list__clear:hover { color: var(--colour-text); text-decoration: none; }
.wire-list__filters { display: flex; align-items: center; gap: 0.3rem; border: 0; padding: 0 1rem 1rem; }
.wire-list__filters .wire-list__new { min-height: 36px; margin-left: auto; border-color: color-mix(in srgb, var(--colour-info) 42%, var(--colour-line)); border-radius: 999px; background: color-mix(in srgb, var(--colour-info) 9%, var(--colour-surface)); color: var(--colour-info); padding: 0.45rem 0.72rem; font-size: 0.75rem; box-shadow: none; }
.wire-list__filters .wire-list__new:hover { border-color: var(--colour-info); background: color-mix(in srgb, var(--colour-info) 15%, var(--colour-surface)); color: var(--colour-text); }
.wire-list > .results-status { border-bottom: 1px solid var(--colour-line); padding: 0.55rem 1rem; }
.wire-rows { display: grid; gap: 0.6rem; padding: 0.8rem; }
.wire-row,
.wire-row:visited { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 0.7rem; align-items: start; width: 100%; overflow: hidden; border: 1px solid var(--colour-line); border-radius: var(--radius-md); background: var(--colour-surface); color: var(--colour-text); padding: 0.85rem; text-align: left; text-decoration: none; }
.wire-row:hover { border-color: var(--colour-line-strong); background: var(--colour-surface-muted); color: var(--colour-text); text-decoration: none; }
.wire-row.is-active { border-color: color-mix(in srgb, var(--colour-info) 55%, var(--colour-line)); background: color-mix(in srgb, var(--colour-info) 7%, var(--colour-surface)); box-shadow: inset 3px 0 0 var(--colour-info); }
.wire-row.is-unread { border-color: color-mix(in srgb, var(--colour-info) 38%, var(--colour-line)); }
.wire-row :is(strong, b) { color: var(--colour-text); text-decoration: none; }
.wire-row__copy { display: grid; min-width: 0; }
.wire-row__copy > span { display: flex; justify-content: space-between; gap: 0.5rem; }
.wire-row__copy strong { overflow: hidden; font-size: 0.77rem; text-overflow: ellipsis; white-space: nowrap; }
.wire-row__copy time { flex: 0 0 auto; color: var(--colour-text-muted); font-size: 0.62rem; text-decoration: none; }
.wire-row__copy b { overflow: hidden; margin: 0.1rem 0; font-size: 0.75rem; text-overflow: ellipsis; white-space: nowrap; }
.wire-row__copy small { display: -webkit-box; overflow: hidden; color: var(--colour-text-muted); font-size: 0.68rem; text-decoration: none; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.unread-count { display: grid; min-width: 20px; height: 20px; place-items: center; border-radius: 50%; background: var(--colour-info); color: var(--colour-on-info); font-size: 0.62rem; font-weight: 800; }
.wire-stage { position: sticky; top: calc(var(--header-height) + 0.75rem); align-self: start; min-width: 0; max-height: calc(100vh - var(--header-height) - 1.5rem); overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-color: transparent transparent; scrollbar-gutter: stable; scrollbar-width: none; scroll-padding-block: 1rem; background: var(--colour-surface-raised); transition: opacity var(--transition-fast); }
.wire-stage:hover,
.wire-stage:focus-within { scrollbar-color: color-mix(in srgb, var(--colour-info) 55%, transparent) transparent; scrollbar-width: thin; }
.wire-stage::-webkit-scrollbar { width: 0; height: 0; }
.wire-stage:hover::-webkit-scrollbar,
.wire-stage:focus-within::-webkit-scrollbar { width: 6px; }
.wire-stage::-webkit-scrollbar:horizontal { height: 0; }
.wire-stage::-webkit-scrollbar-track { background: transparent; }
.wire-stage::-webkit-scrollbar-thumb { border-radius: 999px; background: color-mix(in srgb, var(--colour-info) 55%, transparent); }
.wires-shell.is-loading .wire-stage { opacity: 0.55; pointer-events: none; }
.wire-panel { min-height: 100%; }
.wire-panel > header { display: grid; grid-template-columns: auto 1fr auto; gap: 0.7rem; align-items: center; border-bottom: 1px solid var(--colour-line); background: var(--colour-surface); padding: 1rem 1.2rem; }
.wire-panel > header p { margin: 0; color: var(--colour-text-muted); font-size: 0.65rem; }
.wire-panel > header h2 { margin: 0; font-size: 1rem; }
.wire-panel > header button { background: transparent; color: var(--colour-text-muted); }
.wire-avatar-stack { display: flex; align-items: center; padding-left: 0.65rem; }
.wire-avatar-stack .avatar { margin-left: -0.65rem; border: 2px solid var(--colour-surface); box-shadow: 0 2px 8px rgba(0,0,0,0.2); }
.wire-timeline { display: grid; gap: 0.9rem; margin: 0; padding: 1.6rem; list-style: none; }
.wire-message { min-width: 0; width: min(80%, 620px); border: 1px solid var(--colour-line); border-radius: var(--radius-md); background: var(--colour-surface); padding: 0.85rem 1rem; overflow-wrap: anywhere; }
.wire-message--self { justify-self: end; border-color: color-mix(in srgb, var(--colour-info) 48%, var(--colour-line)); background: linear-gradient(145deg, color-mix(in srgb, var(--colour-info) 16%, var(--colour-surface)), color-mix(in srgb, var(--colour-info) 9%, var(--colour-surface))); box-shadow: inset -3px 0 0 color-mix(in srgb, var(--colour-info) 50%, transparent), 0 8px 22px rgba(0, 0, 0, 0.13); }
.wire-message__meta { display: flex; justify-content: space-between; gap: 1rem; margin-bottom: 0.35rem; }
.wire-message__meta > strong { margin-right: auto; }
.wire-message__pin { margin: -0.15rem -0.25rem -0.15rem 0; }
.wire-message.is-pinned { border-color: color-mix(in srgb, var(--colour-info) 62%, var(--colour-line)); }
.wire-topic-divider { display: flex; align-items: center; justify-content: center; gap: 0.45rem; color: var(--colour-text-muted); font-size: 0.63rem; text-align: center; }
.wire-topic-divider::before,
.wire-topic-divider::after { height: 1px; flex: 1; background: var(--colour-line); content: ""; }
.wire-topic-divider strong { color: var(--colour-text); font-size: 0.66rem; }
.wire-history-loader { display: flex; align-items: center; justify-content: center; gap: 0.7rem; border-bottom: 1px solid var(--colour-line); background: color-mix(in srgb, var(--colour-info) 4%, var(--colour-surface)); padding: 0.65rem 1rem; }
.wire-history-loader p { margin: 0; color: var(--colour-text-muted); font-size: 0.68rem; }
.wire-history-loader .button { min-height: 30px; padding: 0.3rem 0.6rem; font-size: 0.65rem; }
.wire-message strong, .wire-message time { font-size: 0.67rem; }
.wire-message time { color: var(--colour-text-muted); }
.wire-message p { margin: 0; font-size: 0.83rem; }
.wire-message__actions { display: flex; justify-content: flex-end; margin-top: 0.55rem; }
.wire-message__actions .wwr-overflow-menu { margin: 0; }
.wire-message > .wire-message-images { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.55rem; min-width: 0; width: 100%; margin-top: 0.75rem; }
.wire-message-images--count-1 { grid-template-columns: minmax(0, 1fr) !important; }
.wire-message-images--count-3 > .wire-message-image:first-child { grid-column: 1 / -1; }
.wire-message-image { display: grid; min-width: 0; width: 100%; aspect-ratio: 4 / 3; overflow: hidden; border: 1px solid color-mix(in srgb, var(--colour-line-strong) 60%, transparent); border-radius: var(--radius-md); background: color-mix(in srgb, var(--colour-surface-raised) 74%, #000); padding: 0; cursor: zoom-in; }
.wire-message-image:hover { border-color: color-mix(in srgb, var(--colour-info) 62%, var(--colour-line)); }
.wire-message-image:focus-visible { outline: 3px solid color-mix(in srgb, var(--colour-info) 64%, transparent); outline-offset: 2px; }
.wire-message-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.wire-message-images--count-1 .wire-message-image { aspect-ratio: auto; max-height: 520px; }
.wire-message-images--count-1 .wire-message-image img { width: 100%; height: auto; max-height: 520px; object-fit: contain; }
.wire-readonly { display: flex; align-items: center; gap: 0.7rem; margin: 1rem 1.6rem 1.6rem; border-top: 1px solid var(--colour-line); padding-top: 1rem; color: var(--colour-text-muted); }
.wire-readonly > span { color: var(--colour-info); font-size: 1.4rem; }
.wire-readonly p { flex: 1; margin: 0; font-size: 0.72rem; }
.wire-readonly a { font-size: 0.72rem; font-weight: 720; }
.wire-outcome { margin-top: 1rem; }
.wire-panel > .inline-notice { margin: 1.2rem 1.6rem 0; }
.wire-panel > .inline-notice + .inline-notice { margin-top: 0.65rem; }
.wire-compose-form { display: grid; gap: 1rem; padding: 1.4rem 1.6rem 1.6rem; }
.wire-reply-form { border-top: 1px solid var(--colour-line); }
.wire-compose-form__field { display: grid; gap: 0.35rem; }
.wire-compose-form__field label { font-size: 0.76rem; }
.wire-compose-form__field { min-width: 0; }
.wire-compose-form__field :is(input, textarea) { max-width: 100%; background: var(--colour-surface); }
.wire-compose-form__field textarea { width: 100%; overflow-x: hidden; overflow-y: auto; overflow-wrap: anywhere; white-space: pre-wrap; resize: vertical; }
.wire-compose-form__field small,
.wire-compose-form__hint { margin: 0; color: var(--colour-text-muted); font-size: 0.7rem; }
.wire-compose-form__field small a { font-weight: 720; }
.wire-compose-form__actions { display: flex; justify-content: flex-end; }
.wire-reply-form .wire-compose-form__actions,
.wire-compose-panel .wire-compose-form__actions { justify-content: flex-start; }
.wire-reply-form .button--primary,
.wire-compose-form:not(.wire-reply-form) .button--primary { min-height: 36px; border-color: color-mix(in srgb, var(--colour-info) 42%, var(--colour-line)); border-radius: 999px; background: color-mix(in srgb, var(--colour-info) 9%, var(--colour-surface)); color: var(--colour-info); padding: 0.48rem 0.82rem; font-size: 0.74rem; box-shadow: none; }
.wire-reply-form .button--primary:hover,
.wire-compose-form:not(.wire-reply-form) .button--primary:hover { border-color: var(--colour-info); background: color-mix(in srgb, var(--colour-info) 15%, var(--colour-surface)); color: var(--colour-text); }
.wire-recipient-picker { position: relative; }
.wire-recipient-results { display: grid; max-height: 280px; overflow-y: auto; border: 1px solid var(--colour-line-strong); border-radius: var(--radius-md); background: var(--colour-surface); box-shadow: var(--shadow-soft); }
.wire-recipient-results[hidden] { display: none; }
.wire-recipient-option { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 0.7rem; align-items: center; width: 100%; border: 0; border-bottom: 1px solid var(--colour-line); border-radius: 0; background: transparent; color: var(--colour-text); padding: 0.65rem 0.75rem; text-align: left; }
.wire-recipient-option:last-child { border-bottom: 0; }
.wire-recipient-option:hover,
.wire-recipient-option:focus-visible { background: var(--colour-surface-muted); color: var(--colour-text); }
.wire-recipient-option__avatar img { display: block; width: 38px; height: 38px; border-radius: 50%; object-fit: cover; }
.wire-recipient-option__copy { display: grid; min-width: 0; }
.wire-recipient-option__copy strong { overflow: hidden; color: var(--colour-text); font-size: 0.78rem; text-overflow: ellipsis; white-space: nowrap; }
.wire-recipient-option__copy small { color: var(--colour-text-muted); font-size: 0.68rem; }
.wire-recipient-selected { flex-wrap: wrap; gap: 0.45rem; align-items: center; border: 0; background: transparent; padding: 0; }
.wire-recipient-selected[hidden] { display: none; }
.wire-recipient-selected:not([hidden]) { display: flex; }
.wire-recipient-chip { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 0.55rem; align-items: center; min-width: min(100%, 210px); border: 1px solid color-mix(in srgb, var(--colour-info) 36%, var(--colour-line)); border-radius: 999px; background: color-mix(in srgb, var(--colour-info) 8%, var(--colour-surface)); padding: 0.35rem 0.42rem; }
.wire-recipient-chip__avatar,
.wire-recipient-chip__avatar .avatar,
.wire-recipient-chip__avatar img { display: block; width: 32px; height: 32px; border-radius: 50%; object-fit: cover; }
.wire-recipient-chip > span:nth-child(2) { display: grid; min-width: 0; }
.wire-recipient-chip > span:nth-child(2) strong { overflow: hidden; font-size: 0.72rem; text-overflow: ellipsis; white-space: nowrap; }
.wire-recipient-chip > span:nth-child(2) small { color: var(--colour-text-muted); font-size: 0.62rem; }
.wire-recipient-chip > button { border: 0; background: transparent; color: var(--colour-text-muted); padding: 0.25rem; font-size: 1rem; }
.wire-recipient-chip > button:hover { color: var(--colour-info); }
.wire-recipient-selected__avatar,
.wire-recipient-selected__avatar img { display: block; width: 38px; height: 38px; border-radius: 50%; object-fit: cover; }
.wire-recipient-selected__copy { display: grid; gap: 0.08rem; min-width: 0; }
.wire-recipient-selected__copy strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wire-recipient-selected__copy small { color: var(--colour-text-muted); }
.wire-recipient-selected__change { border: 0; background: transparent; color: var(--colour-info); padding: 0.35rem; font: inherit; font-size: 0.7rem; font-weight: 760; }
.wire-recipient-selected__change:hover,
.wire-recipient-selected__change:focus-visible { color: var(--colour-text); }
.wire-recipient-count { color: var(--colour-text-muted); font-size: 0.68rem; }
.wire-existing-group { display: flex; flex-wrap: wrap; gap: 0.6rem; align-items: center; border: 1px solid color-mix(in srgb, var(--colour-info) 38%, var(--colour-line)); border-radius: var(--radius-md); background: color-mix(in srgb, var(--colour-info) 7%, var(--colour-surface)); padding: 0.7rem 0.8rem; }
.wire-existing-group[hidden] { display: none; }
.wire-existing-group p { flex: 1 1 260px; margin: 0; font-size: 0.72rem; }
.wire-existing-group a,
.wire-existing-group button { min-height: 30px; border: 0; background: transparent; color: var(--colour-info); padding: 0.25rem; font-size: 0.67rem; font-weight: 740; text-decoration: none; }
.wire-attachment-tray { display: grid; gap: 0.55rem; min-width: 0; padding-top: 0.25rem; }
.wire-attachment-tray[hidden] { display: none; }
.wire-attachment { display: grid; grid-template-columns: 74px minmax(0, 1fr) auto; gap: 0.7rem; align-items: center; min-width: 0; border: 1px solid color-mix(in srgb, var(--colour-info) 30%, var(--colour-line)); border-radius: var(--radius-md); background: color-mix(in srgb, var(--colour-info) 5%, var(--colour-surface)); padding: 0.5rem; }
.wire-attachment[data-state="ready"] { border-color: color-mix(in srgb, var(--colour-success) 42%, var(--colour-line)); }
.wire-attachment[data-state="failed"] { border-color: color-mix(in srgb, var(--colour-danger) 60%, var(--colour-line)); }
.wire-attachment__preview { display: block; width: 74px; height: 74px; overflow: hidden; border: 0; border-radius: var(--radius-sm); background: var(--colour-surface-raised); padding: 0; cursor: zoom-in; }
.wire-attachment__preview img { display: block; width: 100%; height: 100%; object-fit: cover; }
.wire-attachment__copy { display: grid; gap: 0.2rem; min-width: 0; }
.wire-attachment__copy strong { overflow: hidden; font-size: 0.74rem; text-overflow: ellipsis; white-space: nowrap; }
.wire-attachment__copy small { color: var(--colour-text-muted); font-size: 0.66rem; }
.wire-attachment__copy progress { width: min(100%, 260px); height: 5px; border: 0; border-radius: 999px; accent-color: var(--colour-info); }
.wire-attachment__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 0.3rem; }
.wire-attachment__actions button { min-height: 30px; border: 1px solid var(--colour-line); border-radius: 999px; background: var(--colour-surface); color: var(--colour-text-muted); padding: 0.3rem 0.58rem; font-size: 0.65rem; font-weight: 720; }
.wire-attachment__actions button:hover,
.wire-attachment__actions button:focus-visible { border-color: var(--colour-info); color: var(--colour-text); }
.wire-paste-status { color: var(--colour-text-muted); }
.wire-paste-status:empty { display: none; }
.wire-paste-status[data-state="success"] { color: var(--colour-success); }
.wire-paste-status[data-state="error"] { color: var(--colour-danger); }
.wire-paste-status[data-state="loading"] { color: var(--colour-info); }
.wire-paste-status[data-state="info"] { color: var(--colour-info); }

.wire-lightbox { position: fixed; z-index: 10000; inset: 0; width: 100vw; max-width: none; height: 100dvh; max-height: none; margin: 0; border: 0; background: rgba(4, 8, 10, 0.92); color: #f4f8f8; padding: clamp(0.75rem, 3vw, 2rem); }
.wire-lightbox[open],
.wire-lightbox.is-open { display: grid; place-items: center; }
.wire-lightbox::backdrop { background: rgba(4, 8, 10, 0.86); backdrop-filter: blur(5px); }
.wire-lightbox__frame { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; width: min(100%, 1440px); height: 100%; gap: 0.75rem; }
.wire-lightbox figure { display: grid; place-items: center; min-width: 0; max-height: 100%; margin: 0; }
.wire-lightbox figure img { display: block; max-width: 100%; max-height: calc(100dvh - 6rem); border-radius: var(--radius-md); object-fit: contain; box-shadow: 0 24px 80px rgba(0, 0, 0, 0.55); }
.wire-lightbox figcaption { min-height: 1.2rem; margin-top: 0.45rem; color: rgba(244, 248, 248, 0.72); font-size: 0.7rem; }
.wire-lightbox__close,
.wire-lightbox__nav { display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.24); border-radius: 50%; background: rgba(9, 15, 17, 0.78); color: #f4f8f8; padding: 0; }
.wire-lightbox__close:hover,
.wire-lightbox__nav:hover,
.wire-lightbox__close:focus-visible,
.wire-lightbox__nav:focus-visible { border-color: var(--colour-info); color: #fff; }
.wire-lightbox__close { position: absolute; z-index: 2; top: 0; right: 0; width: 42px; height: 42px; font-size: 1.55rem; }
.wire-lightbox__nav { width: 46px; height: 46px; font-size: 2rem; }
.wire-lightbox__nav[hidden] { visibility: hidden; }
.compose-layout { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 1.5rem; margin-top: 1.5rem; }
.privacy-card { align-self: start; border-top: 3px solid var(--colour-info); background: var(--colour-surface); padding: 1.4rem; box-shadow: var(--shadow-soft); }
.privacy-card h2 { font-size: 1.35rem; }
.privacy-card p, .privacy-card li { color: var(--colour-text-muted); font-size: 0.8rem; }
.privacy-card ul { padding-left: 1.2rem; }

/* Human sitemap */
.human-sitemap { display: grid; gap: 1rem; margin-top: 1.75rem; }
.human-sitemap__intro { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--colour-line-strong); padding: 0 0 0.9rem; }
.human-sitemap__intro p { margin: 0; color: var(--colour-text-muted); font-size: 0.82rem; }
.human-sitemap__intro strong { color: var(--colour-text); }
.human-sitemap__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; overflow: hidden; border: 1px solid var(--colour-line); border-radius: var(--radius-lg); background: var(--colour-line); box-shadow: var(--shadow-soft); }
.human-sitemap-card { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: minmax(0, 1fr) auto; gap: 1.15rem; min-width: 0; min-height: 172px; background: var(--colour-surface); color: var(--colour-text); padding: 1.35rem; text-decoration: none; transition: background 150ms ease, box-shadow 150ms ease; }
.human-sitemap-card:hover, .human-sitemap-card:focus-visible { z-index: 1; background: color-mix(in srgb, var(--colour-info) 7%, var(--colour-surface)); color: var(--colour-text); box-shadow: inset 3px 0 0 var(--colour-info); }
.human-sitemap-card:focus-visible { outline: 2px solid var(--colour-info); outline-offset: -3px; }
.human-sitemap-card__signal { grid-column: 2; grid-row: 1; color: var(--colour-info); font-family: var(--font-display); font-size: 1.05rem; font-weight: 850; }
.human-sitemap-card__copy { grid-column: 1; grid-row: 1; min-width: 0; }
.human-sitemap-card__copy strong { display: block; margin: 0 0 0.45rem; font-family: var(--font-display); font-size: 1.1rem; line-height: 1.15; }
.human-sitemap-card__copy small { display: block; max-width: 34ch; color: var(--colour-text-muted); font-size: 0.78rem; line-height: 1.55; }
.human-sitemap-card__count { grid-column: 1 / -1; grid-row: 2; color: var(--colour-text-muted); font-family: var(--font-display); font-size: 0.66rem; letter-spacing: 0.05em; text-transform: uppercase; }
.human-sitemap-card__count b { color: var(--colour-info); font-size: 0.78rem; }

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

@media (max-width: 680px) {
  body[data-golden-route="sitemap"] .page-header h1 { font-size: clamp(2.15rem, 12vw, 3rem); }
  .human-sitemap { margin-top: 1.35rem; }
  .human-sitemap__grid { grid-template-columns: minmax(0, 1fr); }
  .human-sitemap-card { min-height: 0; padding: 1.1rem; }
  .human-sitemap-card__copy small { max-width: none; }
}

/* Notifications and settings */
.notification-centre { display: grid; gap: 1rem; }
.notification-toolbar { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 1.25rem; margin: 0; border-bottom: 1px solid var(--colour-line-strong); padding: 0 0 1.2rem; }
.notification-toolbar > div { max-width: 680px; }
.notification-toolbar h2 { margin: 0.2rem 0 0.35rem; font-size: clamp(1.55rem, 2.7vw, 2.5rem); }
.notification-toolbar p:last-child { margin: 0; color: var(--colour-text-muted); font-size: 0.82rem; }
.notification-toolbar form { margin: 0; }
.notification-list { overflow: hidden; border: 1px solid var(--colour-line); border-radius: var(--radius-lg); background: var(--colour-surface); box-shadow: var(--shadow-soft); }
.notification-row { position: relative; display: grid; grid-template-columns: 48px minmax(0, 1fr) 110px minmax(112px, auto); gap: 1rem; align-items: center; scroll-margin-top: calc(var(--header-height) + 1rem); border-bottom: 1px solid var(--colour-line); padding: 1.05rem 1.1rem; }
.notification-row:last-child { border-bottom: 0; }
.notification-row.is-unread { background: linear-gradient(90deg, color-mix(in srgb, var(--colour-info) 9%, var(--colour-surface)), var(--colour-surface) 58%); }
.notification-row.is-viewed { background: var(--colour-surface); }
.notification-row::before { position: absolute; top: 0; bottom: 0; left: 0; width: 3px; background: transparent; content: ""; }
.notification-row.is-unread::before { background: var(--colour-info); }
.notification-row--connection.is-unread::before,
.notification-row--site.is-unread::before { background: var(--colour-action); }
.notification-row:target { outline: 2px solid var(--colour-info); outline-offset: -2px; }
.notification-row__icon { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid color-mix(in srgb, var(--colour-info) 32%, var(--colour-line)); border-radius: var(--radius-sm); background: color-mix(in srgb, var(--colour-info) 8%, var(--colour-surface)); color: var(--colour-info); font-family: var(--font-display); font-size: 0.86rem; font-weight: 820; text-align: center; }
.notification-row--connection .notification-row__icon,
.notification-row--site .notification-row__icon { border-color: color-mix(in srgb, var(--colour-action) 36%, var(--colour-line)); background: color-mix(in srgb, var(--colour-action) 8%, var(--colour-surface)); color: var(--colour-action); }
.notification-row--wire .notification-row__icon { border-color: color-mix(in srgb, var(--colour-info) 42%, var(--colour-line)); background: color-mix(in srgb, var(--colour-info) 11%, var(--colour-surface)); }
.notification-row.is-viewed .notification-row__icon { filter: saturate(0.55); opacity: 0.78; }
.notification-row__body { min-width: 0; }
.notification-row__kind { display: flex; align-items: center; gap: 0.45rem; margin: 0 0 0.2rem !important; color: var(--colour-info) !important; font-family: var(--font-display); font-size: 0.59rem !important; font-weight: 780; letter-spacing: 0.09em; text-transform: uppercase; }
.notification-row__kind span { border: 1px solid var(--colour-line); border-radius: var(--radius-round); color: var(--colour-text-muted); padding: 0.12rem 0.34rem; font-family: var(--font-body); font-size: 0.56rem; letter-spacing: 0; text-transform: none; }
.notification-row h2 { margin: 0 0 0.22rem; font-family: var(--font-body); font-size: 0.9rem; letter-spacing: 0; }
.notification-row p { margin: 0; color: var(--colour-text-muted); font-size: 0.76rem; }
.notification-row time { color: var(--colour-text-muted); font-size: 0.67rem; text-align: right; }
.notification-row form { margin: 0; }
.notification-row__actions { display: flex; align-items: center; justify-content: flex-end; gap: 0.45rem; }
.notification-row__open { display: inline-flex; align-items: center; justify-content: center; gap: 0.35rem; min-height: 34px; border: 1px solid color-mix(in srgb, var(--colour-info) 42%, var(--colour-line)); border-radius: var(--radius-round); background: color-mix(in srgb, var(--colour-info) 8%, var(--colour-surface)); color: var(--colour-text); padding: 0.42rem 0.68rem; font-size: 0.68rem; font-weight: 780; white-space: nowrap; }
.notification-row__open:hover { border-color: var(--colour-info); background: color-mix(in srgb, var(--colour-info) 15%, var(--colour-surface)); color: var(--colour-info); }
.notification-row__read { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid var(--colour-line); border-radius: 50%; background: transparent; color: var(--colour-text-muted); font-weight: 780; }
.notification-row__read:hover { border-color: var(--colour-success); background: color-mix(in srgb, var(--colour-success) 9%, transparent); color: var(--colour-success); }
.notification-result { display: flex; align-items: flex-start; gap: 0.75rem; margin: 0; }
.notification-result__icon { display: grid; width: 32px; height: 32px; flex: 0 0 auto; place-items: center; border-radius: 50%; background: color-mix(in srgb, var(--colour-success) 15%, transparent); color: var(--colour-success); font-weight: 850; }
.notification-empty { display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 1.2rem; align-items: center; overflow: hidden; border: 1px solid var(--colour-line); border-radius: var(--radius-lg); background: var(--colour-surface); padding: clamp(1.3rem, 3.5vw, 2.2rem); box-shadow: var(--shadow-soft); }
.notification-empty__radar { position: relative; display: grid; width: 66px; height: 66px; place-items: center; border: 1px solid color-mix(in srgb, var(--colour-success) 42%, var(--colour-line)); border-radius: 50%; background: color-mix(in srgb, var(--colour-success) 8%, var(--colour-surface)); color: var(--colour-success); font-family: var(--font-display); font-size: 1.25rem; font-weight: 850; }
.notification-empty__radar i { position: absolute; inset: 8px; border: 1px dashed color-mix(in srgb, var(--colour-success) 35%, transparent); border-radius: 50%; }
.notification-empty h2 { margin: 0.15rem 0 0.35rem; font-size: clamp(1.5rem, 2.5vw, 2.15rem); }
.notification-empty p:last-child { margin: 0; color: var(--colour-text-muted); }
.notification-wire-note { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; gap: 0.9rem; align-items: center; border: 1px solid color-mix(in srgb, var(--colour-info) 30%, var(--colour-line)); border-radius: var(--radius-md); background: color-mix(in srgb, var(--colour-info) 5%, var(--colour-surface)); padding: 0.9rem 1rem; }
.notification-wire-note > span { display: grid; width: 38px; height: 38px; place-items: center; border-radius: var(--radius-sm); background: color-mix(in srgb, var(--colour-info) 10%, var(--colour-surface)); }
.notification-wire-note strong { font-size: 0.8rem; }
.notification-wire-note p { margin: 0.12rem 0 0; color: var(--colour-text-muted); font-size: 0.72rem; }
.notification-wire-note > a { font-size: 0.76rem; font-weight: 760; white-space: nowrap; }
.settings-shell, .settings-layout, .settings-stage { min-width: 0; }
.settings-layout { display: grid; gap: 1.35rem; margin-top: 1.5rem; }
.settings-nav { display: flex; width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; flex-wrap: nowrap; gap: 0.25rem; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; }
.settings-nav a { flex: 0 0 auto; white-space: nowrap; }
.settings-stage { display: grid; grid-template-columns: minmax(0, 1fr); max-width: 1040px; gap: 1rem; scroll-margin-top: calc(var(--header-height) + 1rem); }
.settings-stage > * { min-width: 0; }
.settings-stage .inline-notice { overflow-wrap: anywhere; }
.settings-stage__head { padding: 0.35rem 0 0.2rem; }
.settings-stage__head h2 { margin: 0.2rem 0 0.35rem; font-size: clamp(1.45rem, 2.5vw, 2rem); }
.settings-stage__head > p:last-child { max-width: 68ch; margin: 0; color: var(--colour-text-muted); }
.settings-result { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 0.75rem; align-items: center; }
.settings-result__flag { display: grid; width: 28px; height: 28px; place-items: center; border: 1px solid currentColor; border-radius: 50%; color: var(--colour-info); font-family: var(--font-display); font-size: 0.78rem; font-weight: 820; }
.settings-result.inline-notice--success .settings-result__flag { color: var(--colour-success); }
.settings-result.inline-notice--error .settings-result__flag { color: var(--colour-danger); }
.settings-result > div { min-width: 0; }
.settings-result > div > strong { display: block; }
.settings-result p, .settings-stage .inline-notice p { margin: 0.22rem 0 0; }
.settings-form { display: grid; gap: 0.85rem; }
.settings-card { overflow: hidden; border: 1px solid var(--colour-line); border-radius: var(--radius-md); background: var(--colour-surface); box-shadow: var(--shadow-soft); }
.settings-card > header { border-bottom: 1px solid var(--colour-line); background: linear-gradient(100deg, color-mix(in srgb, var(--colour-info) 7%, transparent), transparent 72%); padding: 0.9rem 1rem; box-shadow: inset 3px 0 0 var(--colour-info); }
.settings-card > header h3 { margin: 0.15rem 0 0; font-size: 1rem; }
.settings-card__body { display: grid; gap: 0.85rem; padding: 1rem; }
.settings-card__body > p { max-width: 72ch; margin: 0; color: var(--colour-text-muted); }
.settings-cookie-card .settings-actions { flex-wrap: wrap; gap: 0.55rem 0.8rem; }
.settings-cookie-card [data-cookie-preferences] { flex: 0 0 auto; }
.settings-cookie-card .settings-muted { flex: 1 1 180px; }
.settings-field { display: grid; gap: 0.38rem; color: var(--colour-text); font-size: 0.78rem; font-weight: 730; }
.settings-field > small, .settings-muted, .settings-help-link { color: var(--colour-text-muted); font-size: 0.7rem; font-weight: 520; }
.settings-field input { width: 100%; }
.settings-field code { width: fit-content; border: 1px solid var(--colour-line); border-radius: var(--radius-sm); background: var(--colour-surface-muted); padding: 0.45rem 0.6rem; color: var(--colour-danger); font-size: 0.78rem; }
.settings-field-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.settings-password { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0.45rem; }
.settings-password button { min-width: 64px; border: 1px solid var(--colour-line-strong); border-radius: var(--radius-sm); background: var(--colour-surface-muted); color: var(--colour-text); font-size: 0.7rem; font-weight: 750; }
.settings-password button:hover { border-color: var(--colour-info); }
.settings-actions { display: flex; align-items: center; justify-content: flex-start; min-height: 44px; padding-top: 0.25rem; }
.settings-stage .button--primary { border-color: color-mix(in srgb, var(--colour-info) 78%, var(--colour-line)); background: var(--colour-info); color: var(--colour-on-info); box-shadow: 0 8px 22px color-mix(in srgb, var(--colour-info) 22%, transparent); }
.settings-stage .button--primary:hover, .settings-stage .button--primary:focus-visible { border-color: var(--colour-focus); background: color-mix(in srgb, var(--colour-info) 84%, white); color: var(--colour-on-info); }
.settings-email-groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.8rem; }
.settings-toggle-group { align-content: start; }
.settings-toggle-group legend, .settings-choice-card legend { width: 100%; border-bottom: 1px solid var(--colour-line); background: linear-gradient(100deg, color-mix(in srgb, var(--colour-info) 7%, transparent), transparent 72%); padding: 0.9rem 1rem; font-size: 0.88rem; font-weight: 780; box-shadow: inset 3px 0 0 var(--colour-info); }
.toggle-row { position: relative; display: grid !important; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 1rem !important; cursor: pointer; border-bottom: 1px solid var(--colour-line); padding: 0.82rem 0; }
.toggle-row:last-child { border-bottom: 0; }
.toggle-row > span:first-child { display: grid; gap: 0.15rem; }
.toggle-row small { color: var(--colour-text-muted); font-weight: 500; }
.toggle-row > input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.toggle-track { position: relative; width: 44px; height: 24px; border: 1px solid var(--colour-line-strong); border-radius: 999px; background: var(--colour-surface-muted); transition: border-color 150ms ease, background 150ms ease; }
.toggle-track::after { position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: var(--colour-text-muted); content: ""; transition: transform 150ms ease, background 150ms ease; }
.toggle-row > input:checked + .toggle-track { border-color: color-mix(in srgb, var(--colour-info) 65%, var(--colour-line)); background: color-mix(in srgb, var(--colour-info) 24%, var(--colour-surface)); }
.toggle-row > input:checked + .toggle-track::after { transform: translateX(20px); background: var(--colour-info); }
.toggle-row > input:focus-visible + .toggle-track { outline: 2px solid var(--colour-focus); outline-offset: 3px; }
.settings-marketing { grid-column: 1 / -1; }
.settings-marketing-flash { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
.settings-marketing-flash form { grid-column: 2; grid-row: 1 / span 2; }
.settings-social-card { max-width: 760px; }
.settings-social-buttons .nsl-container { margin: 0; }
.settings-social-buttons .nsl-container-buttons { display: flex; flex-wrap: wrap; gap: 0.7rem; }
.settings-social-buttons .nsl-button { margin: 0 !important; }
.settings-form--section { border: 0; background: transparent; padding: 0; box-shadow: none; }
.settings-profile-toolbar { display: flex; justify-content: flex-end; margin-top: -3.65rem; margin-bottom: 0.65rem; }
.settings-profile-media-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.8rem; }
.settings-profile-media-card { min-width: 0; }
.settings-profile-media-card > .settings-card__body { align-content: start; }
.settings-profile-media-card > .settings-card__body > p { min-height: 5.1rem; margin: 0; }
.settings-profile-preview { display: grid; overflow: hidden; width: 100%; height: 132px; margin: 0; place-items: center; border: 1px solid var(--colour-line-strong); border-radius: var(--radius-sm); background: var(--colour-surface-muted); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--colour-info) 8%, transparent); }
.settings-profile-preview img { display: block; }
.settings-profile-preview--avatar { justify-self: stretch; color: var(--colour-text-muted); font-family: var(--font-display); font-size: 2rem; }
.settings-profile-preview--avatar img { width: 132px; height: 132px; border-radius: 50%; object-fit: cover; }
.settings-profile-preview--cover { aspect-ratio: auto; }
.settings-profile-preview--cover img { width: 100%; height: 100%; object-fit: contain; object-position: right center; }
.settings-profile-upload { display: grid; gap: 0.7rem; border-top: 1px solid var(--colour-line); padding-top: 0.9rem; }
.settings-profile-upload .button { justify-self: start; }
.settings-photo-history { display: grid; gap: 0.65rem; border-top: 1px solid var(--colour-line); padding-top: 0.85rem; }
.settings-photo-history > header { display: grid; gap: 0.15rem; }
.settings-photo-history > header span,
.settings-photo-history li span { color: var(--colour-text-muted); font-size: 0.65rem; }
.settings-photo-history ul { display: grid; grid-template-columns: repeat(auto-fit, minmax(108px, 1fr)); gap: 0.55rem; margin: 0; padding: 0; list-style: none; }
.settings-photo-history li { display: grid; gap: 0.45rem; justify-items: center; border: 1px solid var(--colour-line); border-radius: var(--radius-sm); background: var(--colour-surface-muted); padding: 0.55rem; text-align: center; }
.settings-photo-history li img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; }
.settings-photo-history li div { display: grid; gap: 0.4rem; justify-items: center; }
.settings-photo-history .button { min-height: 30px; padding: 0.3rem 0.55rem; font-size: 0.64rem; }
.settings-photo-history__status { min-height: 1.2em !important; margin: 0 !important; color: var(--colour-text-muted); font-size: 0.68rem; }
.settings-profile-delete { display: flex; align-items: center; border-top: 1px solid var(--colour-line); padding-top: 0.8rem; }
.settings-profile-fields textarea { width: 100%; resize: vertical; }
.settings-visibility-groups { display: grid; gap: 0.8rem; }
.settings-choice-field { display: grid; gap: 0.7rem; border-bottom: 1px solid var(--colour-line); padding-bottom: 0.85rem; }
.settings-choice-field:last-child { border-bottom: 0; padding-bottom: 0; }
.settings-choice-field legend { margin-bottom: 0.55rem; font-size: 0.78rem; font-weight: 760; }
.settings-choice-row { display: flex; flex-wrap: wrap; gap: 0.45rem; }
.settings-choice-row label { cursor: pointer; }
.settings-choice-row input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; }
.settings-choice-row span { display: inline-flex; min-height: 36px; align-items: center; border: 1px solid var(--colour-line); border-radius: var(--radius-sm); padding: 0.45rem 0.7rem; color: var(--colour-text-muted); font-size: 0.72rem; font-weight: 720; }
.settings-choice-row input:checked + span { border-color: var(--colour-info); background: color-mix(in srgb, var(--colour-info) 10%, var(--colour-surface)); color: var(--colour-text); box-shadow: inset 0 -2px 0 var(--colour-info); }
.settings-choice-row input:focus-visible + span { outline: 2px solid var(--colour-focus); outline-offset: 2px; }
.settings-fixed-choice { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; margin: 0; }
.settings-fixed-choice span { border-radius: 999px; background: var(--colour-surface-muted); padding: 0.3rem 0.55rem; color: var(--colour-text-muted); font-size: 0.65rem; }
.settings-choice-stack { gap: 0; }
.settings-choice-stack > label { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 0.75rem; align-items: start; cursor: pointer; border-bottom: 1px solid var(--colour-line); padding: 0.85rem 0; }
.settings-choice-stack > label:last-child { border-bottom: 0; }
.settings-choice-stack input { margin-top: 0.2rem; accent-color: var(--colour-info); }
.settings-choice-stack span { display: grid; gap: 0.15rem; }
.settings-choice-stack small { color: var(--colour-text-muted); font-weight: 500; }
.settings-export-state { display: grid; justify-items: start; gap: 0.55rem; }
.settings-export-state p { margin: 0; color: var(--colour-text-muted); }
.settings-export-state--ready { border-left: 3px solid var(--colour-success); padding-left: 0.85rem; }
.settings-danger-card { border-color: color-mix(in srgb, var(--colour-danger) 32%, var(--colour-line)); }
.settings-danger-card > header { background: linear-gradient(100deg, color-mix(in srgb, var(--colour-danger) 10%, transparent), transparent 72%); box-shadow: inset 3px 0 0 var(--colour-danger); }
.settings-delete-form { max-width: 720px; }
.settings-delete-check { display: grid; grid-template-columns: 1.1rem minmax(0, 1fr); gap: 0.65rem; align-items: center; cursor: pointer; color: var(--colour-text); font-size: 0.78rem; line-height: 1.35; }
.settings-delete-check input[type="checkbox"] { appearance: auto; width: 1.05rem; height: 1.05rem; min-width: 1.05rem; margin: 0; accent-color: var(--colour-danger); }
.settings-delete-check span { display: block; }
.settings-confirm-dialog { width: min(92vw, 520px); border: 1px solid color-mix(in srgb, var(--colour-danger) 45%, var(--colour-line)); border-radius: var(--radius-md); background: var(--colour-surface); color: var(--colour-text); padding: 0; box-shadow: var(--shadow-strong); }
.settings-confirm-dialog::backdrop { background: rgba(3, 6, 8, 0.78); backdrop-filter: blur(4px); }
.settings-confirm-dialog > div { padding: 1.2rem; }
.settings-confirm-dialog h3 { margin: 0.2rem 0 0.55rem; }
.settings-confirm-dialog p:not(.eyebrow) { color: var(--colour-text-muted); }
.settings-confirm-dialog__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 0.55rem; margin-top: 1rem; }

@media (max-width: 760px) {
  .settings-stage { max-width: 100%; }
  .settings-profile-toolbar { justify-content: flex-start; margin: 0 0 0.65rem; }
  .settings-profile-media-grid { grid-template-columns: 1fr; }
  .settings-profile-preview--avatar img { width: 112px; height: 112px; }
  .settings-email-groups, .settings-field-grid { grid-template-columns: 1fr; }
  .settings-marketing { grid-column: auto; }
  .settings-marketing-flash { grid-template-columns: 1fr; }
  .settings-marketing-flash form { grid-column: 1; grid-row: auto; margin-top: 0.65rem; }
  .settings-card__body { padding: 0.85rem; }
  .settings-confirm-dialog__actions { display: grid; }
}

/* Editorial */
.blog-archive { margin-top: 1.5rem; }
.featured-dispatch { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr); min-height: 410px; overflow: hidden; border: 1px solid var(--colour-line); border-radius: var(--radius-lg); background: var(--colour-surface); }
.featured-dispatch figure { margin: 0; }
.featured-dispatch img { width: 100%; height: 100%; object-fit: cover; }
.featured-dispatch > div { display: grid; align-content: center; padding: clamp(1.5rem, 4vw, 3.4rem); }
.featured-dispatch h2 { font-family: var(--font-reading); font-size: clamp(2rem, 3.6vw, 3.8rem); font-weight: 560; }
.featured-dispatch h2 a { color: var(--colour-text); text-decoration: none; }
.featured-dispatch > div > p:not(.eyebrow) { color: var(--colour-text-muted); }
.featured-dispatch__meta { display: flex; gap: 1rem; margin-bottom: 1rem; color: var(--colour-text-muted); font-size: 0.7rem; }
.blog-archive > .section-heading { margin-top: 4rem; }
.dispatch-list { border-top: 1px solid var(--colour-line-strong); }
.dispatch-row { display: grid; grid-template-columns: 50px minmax(0, 1fr) 130px; gap: 1.2rem; align-items: start; border-bottom: 1px solid var(--colour-line); padding: 1.4rem 0; }
.dispatch-row__number { color: var(--colour-line-strong); font-family: var(--font-display); font-size: 0.7rem; }
.dispatch-row h2 { margin: 0 0 0.35rem; font-family: var(--font-reading); font-size: clamp(1.35rem, 2vw, 1.75rem); font-weight: 560; }
.dispatch-row h2 a { color: var(--colour-text); text-decoration: none; }
.dispatch-row > div > p:not(.eyebrow) { max-width: 68ch; margin: 0; color: var(--colour-text-muted); font-size: 0.82rem; }
.dispatch-row__meta { display: grid; color: var(--colour-text-muted); font-size: 0.68rem; text-align: right; }
.article-layout { max-width: 1180px; margin: 0 auto; }
.article-header { max-width: 1000px; border-bottom: 1px solid var(--colour-line-strong); padding: clamp(1rem, 4vw, 3rem) 0 2.5rem; }
.article-header h1 { max-width: 15ch; font-family: var(--font-reading); font-size: clamp(3rem, 7vw, 7rem); font-weight: 520; letter-spacing: -0.055em; }
.article-deck { max-width: 60ch; color: var(--colour-text-muted); font-family: var(--font-reading); font-size: clamp(1.2rem, 2vw, 1.55rem); line-height: 1.45; }
.article-byline { display: flex; align-items: center; gap: 0.65rem; margin-top: 1.5rem; }
.article-byline > span:last-child { display: grid; }
.article-byline strong { font-size: 0.75rem; }
.article-byline small { color: var(--colour-text-muted); }
.article-grid { display: grid; grid-template-columns: minmax(0, 760px) 280px; gap: clamp(2rem, 5vw, 5rem); align-items: start; padding-top: 3rem; }
.article-body { font-family: var(--font-reading); font-size: 1.08rem; line-height: 1.78; }
.article-body h2 { margin-top: 2.8rem; font-family: var(--font-display); font-size: clamp(1.6rem, 2.6vw, 2.3rem); }
.article-standfirst { font-size: 1.25rem; font-weight: 600; }
.article-body blockquote { margin: 2.7rem 0; border-left: 4px solid var(--colour-action); padding: 0.5rem 0 0.5rem 1.5rem; }
.article-body blockquote p { margin-bottom: 0.6rem; font-size: clamp(1.5rem, 2.7vw, 2.3rem); line-height: 1.3; }
.article-body blockquote cite { color: var(--colour-text-muted); font-family: var(--font-body); font-size: 0.72rem; font-style: normal; }
.article-inline-image { margin: 2.7rem 0; }
.article-inline-image img { width: 100%; border-radius: var(--radius-md); }
.article-inline-image figcaption { margin-top: 0.6rem; color: var(--colour-text-muted); font-family: var(--font-body); font-size: 0.7rem; }
.article-callout { margin: 2.5rem 0; border-top: 1px solid var(--colour-line-strong); border-bottom: 1px solid var(--colour-line-strong); background: color-mix(in srgb, var(--colour-info) 5%, transparent); padding: 1.4rem; font-family: var(--font-body); }
.article-callout h3 { font-size: 1.35rem; }
.article-callout li { margin: 0.35rem 0; color: var(--colour-text-muted); font-size: 0.82rem; }
.article-sidecar { position: sticky; top: calc(var(--header-height) + 1rem); display: grid; gap: 1.5rem; }
.article-sidecar > div { border-top: 2px solid var(--colour-line-strong); padding-top: 1rem; }
.article-sidecar dl { margin: 0; }
.article-sidecar dl div { display: flex; justify-content: space-between; border-bottom: 1px solid var(--colour-line); padding: 0.55rem 0; font-size: 0.72rem; }
.article-sidecar dd { margin: 0; font-family: var(--font-display); }
.discussion-card { border-top-color: var(--colour-info) !important; }
.discussion-card h2 { font-size: 1.25rem; }
.discussion-card > p:not(.eyebrow) { color: var(--colour-text-muted); font-size: 0.78rem; }
.discussion-card > span { display: block; margin-top: 0.7rem; color: var(--colour-text-muted); font-size: 0.66rem; }
.article-next { display: flex; align-items: end; justify-content: space-between; gap: 2rem; max-width: 1180px; margin: 5rem auto 0; border-top: 1px solid var(--colour-line-strong); padding-top: 1.5rem; }
.article-next > div { display: flex; gap: 0.5rem; }
.discussion-origin { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-top: 1.5rem; border-left: 4px solid var(--colour-action); background: var(--colour-surface); padding: 1.2rem 1.4rem; }
.discussion-origin h2 { font-family: var(--font-reading); font-size: 1.65rem; }
.discussion-origin p:last-child { margin: 0; color: var(--colour-text-muted); font-size: 0.8rem; }
.editorial-section-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 390px); gap: 2rem; align-items: end; }
.editorial-search { display: grid; gap: 0.45rem; }
.editorial-search label { color: var(--colour-text-muted); font-size: 0.7rem; font-weight: 720; }
.editorial-search > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0.5rem; }
.editorial-search input { min-width: 0; border: 1px solid var(--colour-line-strong); border-radius: var(--radius-sm); background: var(--colour-surface); color: var(--colour-text); padding: 0.72rem 0.8rem; font: inherit; }
.editorial-search input:focus { border-color: var(--colour-info); outline: 2px solid color-mix(in srgb, var(--colour-info) 28%, transparent); outline-offset: 1px; }
.dispatch-row__tags a { color: var(--colour-text-muted); text-decoration: none; }
.dispatch-row__tags a:hover, .dispatch-row__tags a:focus-visible { border-color: var(--colour-info); color: var(--colour-text); }
.featured-dispatch .dispatch-row__tags, .article-header .dispatch-row__tags { margin: 0.3rem 0 1rem; }
.featured-dispatch .inline-actions { margin-top: 0.25rem; }
.editorial-pagination { margin-top: 2rem; }
.article-source-content figure, .article-source-content .article-inline-image { margin: 2.7rem 0; }
.article-source-content figure img, .article-source-content .article-inline-image img { display: block; width: 100%; height: auto; border-radius: var(--radius-md); box-shadow: var(--shadow-soft); }
.article-source-content figcaption { margin-top: 0.65rem; color: var(--colour-text-muted); font-family: var(--font-body); font-size: 0.7rem; line-height: 1.5; }
.article-source-content > p:first-child { font-size: 1.24rem; font-weight: 650; }
.article-source-content ul, .article-source-content ol { padding-left: 1.35rem; }
.article-source-content li { margin: 0.45rem 0; }
.article-source-content hr { height: 1px; margin: 2.8rem 0; border: 0; background: var(--colour-line-strong); }
.article-discussion { margin-top: clamp(4rem, 8vw, 7rem); border-top: 3px solid var(--colour-info); padding-top: 1.5rem; scroll-margin-top: calc(var(--header-height) + 1.2rem); }
.article-discussion__header { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1.5rem; align-items: end; overflow: hidden; min-height: 170px; border-bottom: 1px solid var(--colour-line-strong); padding: 0 0 1.4rem; }
.article-discussion__header > div { position: relative; z-index: 2; }
.article-discussion__header h2 { max-width: 16ch; margin: 0.2rem 0 0.45rem; font-family: var(--font-reading); font-size: clamp(2.3rem, 5vw, 4.8rem); font-weight: 540; letter-spacing: -0.045em; }
.article-discussion__header p:not(.eyebrow) { max-width: 64ch; margin: 0; color: var(--colour-text-muted); }
.article-discussion__header > img { position: absolute; z-index: 1; right: 8rem; bottom: -2.2rem; width: min(210px, 24vw); opacity: 0.28; pointer-events: none; }
.article-discussion__header > strong { position: relative; z-index: 2; border: 1px solid var(--colour-line-strong); border-radius: 999px; background: var(--colour-surface); padding: 0.5rem 0.75rem; color: var(--colour-text-muted); font-size: 0.72rem; white-space: nowrap; }
.article-discussion__replies { display: grid; gap: 0.9rem; margin-top: 1.4rem; }
.article-discussion__replies .forum-reply { border-color: var(--colour-line-strong); background: color-mix(in srgb, var(--colour-surface-raised) 94%, var(--colour-info) 6%); box-shadow: var(--shadow-soft); }
.article-discussion__replies .forum-reply:hover { border-color: color-mix(in srgb, var(--colour-info) 48%, var(--colour-line)); }
.article-join-card { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 0.85fr); gap: clamp(1.5rem, 4vw, 3rem); overflow: hidden; margin-top: 2rem; border: 1px solid color-mix(in srgb, var(--colour-action) 48%, var(--colour-line)); border-radius: var(--radius-lg); background: linear-gradient(135deg, color-mix(in srgb, var(--colour-action) 12%, var(--colour-surface)) 0%, var(--colour-surface) 54%, color-mix(in srgb, var(--colour-info) 9%, var(--colour-surface)) 100%); padding: clamp(1.4rem, 4vw, 2.8rem); box-shadow: var(--shadow-soft); }
.article-join-card::before { position: absolute; top: -5rem; right: -4rem; width: 14rem; height: 14rem; border: 1px solid color-mix(in srgb, var(--colour-info) 25%, transparent); border-radius: 50%; content: ""; pointer-events: none; }
.article-join-card__copy, .article-join-card__social { position: relative; z-index: 1; }
.article-join-card h3 { max-width: 16ch; margin: 0.25rem 0 0.8rem; font-family: var(--font-reading); font-size: clamp(2rem, 3.6vw, 3.5rem); font-weight: 550; line-height: 1.02; letter-spacing: -0.04em; }
.article-join-card__copy > p:not(.eyebrow) { max-width: 60ch; color: var(--colour-text-muted); }
.article-join-card .inline-actions { display: flex; flex-wrap: wrap; gap: 0.65rem; margin-top: 1.2rem; }
.article-join-card__social { align-content: center; border-left: 1px solid var(--colour-line); padding-left: clamp(1rem, 3vw, 2rem); }
.article-join-card__social .ww-auth-social-buttons { grid-template-columns: 1fr !important; }

@media (max-width: 850px) {
  .editorial-section-heading, .article-join-card { grid-template-columns: 1fr; }
  .article-join-card__social { border-top: 1px solid var(--colour-line); border-left: 0; padding-top: 1.2rem; padding-left: 0; }
}

@media (max-width: 620px) {
  .editorial-search > div { grid-template-columns: 1fr; }
  .editorial-search .button { width: 100%; justify-content: center; }
  .article-discussion__header { display: block; min-height: 0; }
  .article-discussion__header > img { right: -1rem; bottom: -1rem; width: 130px; opacity: 0.14; }
  .article-discussion__header > strong { display: inline-block; margin-top: 1rem; }
  .article-join-card .inline-actions { display: grid; }
  .article-join-card .button { width: 100%; justify-content: center; }
}

/* Films */
.film-feature { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.8fr); overflow: hidden; margin-top: 1.5rem; border: 1px solid var(--colour-line); border-radius: var(--radius-lg); background: #101619; color: #eef5f4; }
.film-feature__visual { position: relative; min-height: 500px; }
.film-feature__visual::after { position: absolute; inset: 0; background: linear-gradient(90deg, transparent 55%, rgba(8, 12, 14, 0.72)); content: ""; }
.film-feature__visual img { width: 100%; height: 100%; object-fit: cover; }
.film-feature__stamp { position: absolute; z-index: 2; top: 1.2rem; left: 1.2rem; border: 1px solid rgba(255,255,255,0.34); border-radius: var(--radius-round); background: rgba(5,8,9,0.58); padding: 0.35rem 0.7rem; color: #eff7f6; font-size: 0.65rem; font-weight: 760; }
.play-button { position: absolute; z-index: 3; top: 50%; left: 50%; display: grid; width: 74px; height: 74px; place-items: center; transform: translate(-50%, -50%); border: 1px solid rgba(255,255,255,0.55); border-radius: 50%; background: rgba(7,11,12,0.7); color: #fff; text-decoration: none; }
.film-feature__copy { display: grid; align-content: center; padding: clamp(1.5rem, 4vw, 3.5rem); }
.film-feature__copy h2 { color: #eff5f4; max-width: 100%; font-size: clamp(2.2rem, 3.1vw, 3.8rem); overflow-wrap: normal; word-break: normal; hyphens: none; }
.film-feature__copy h2 a { color: inherit; text-decoration: none; }
.film-feature__copy > p:not(.eyebrow) { color: #aab8ba; }
.film-feature__copy dl { display: flex; gap: 1px; margin: 1rem 0 1.5rem; background: #324043; }
.film-feature__copy dl div { min-width: 90px; background: #101619; padding: 0.65rem; }
.film-feature__copy dt { color: #839295; font-size: 0.62rem; }
.film-feature__copy dd { margin: 0; color: #f1f6f5; font-family: var(--font-display); }
.film-feature__copy > div:last-child { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.film-manifesto { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; margin-top: 4rem; border-top: 1px solid var(--colour-line-strong); padding-top: 1.5rem; }
.film-manifesto > p { color: var(--colour-text-muted); }
.watch-hero { min-height: 380px; display: grid; align-items: end; border-radius: var(--radius-lg); background: linear-gradient(120deg, #0c1315, #1b2426); color: #eff6f5; padding: clamp(1.5rem, 5vw, 4rem); }
.watch-hero > div { max-width: 900px; }
.watch-hero h1 { max-width: 12ch; color: #f1f7f6; font-size: clamp(3.5rem, 7vw, 7rem); overflow-wrap: normal; word-break: normal; hyphens: none; }
.watch-hero > div > p:not(.eyebrow) { max-width: 60ch; color: #aab8ba; }
.watch-hero dl { display: flex; gap: 1px; margin: 2rem 0 0; background: #354144; }
.watch-hero dl div { min-width: 120px; background: #0e1517; padding: 0.75rem; }
.watch-hero dt { color: #819093; font-size: 0.62rem; }
.watch-hero dd { margin: 0; font-family: var(--font-display); }
.watch-stage { margin-top: 1.5rem; }
.watch-player { overflow: hidden; border: 1px solid var(--colour-line-strong); border-radius: var(--radius-md); background: #050506; }
.watch-player video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; background: #050506; object-fit: contain; }
.watch-player--offline { display: grid; min-height: 320px; place-content: center; gap: 0.5rem; padding: 2rem; text-align: center; }
.watch-player--offline span { color: var(--colour-text-muted); }
.watch-placeholder { position: relative; overflow: hidden; aspect-ratio: 16 / 9; border-radius: var(--radius-md); background: #070a0b; }
.watch-placeholder::after { position: absolute; inset: 0; background: rgba(3,6,7,0.38); content: ""; }
.watch-placeholder img { width: 100%; height: 100%; object-fit: cover; }
.watch-placeholder button { position: absolute; z-index: 2; top: 50%; left: 50%; display: grid; place-items: center; gap: 0.6rem; transform: translate(-50%, -50%); background: transparent; color: #fff; }
.watch-placeholder button span:first-child { display: grid; width: 76px; height: 76px; place-items: center; border: 1px solid rgba(255,255,255,0.7); border-radius: 50%; background: rgba(0,0,0,0.45); font-size: 1.4rem; }
.watch-placeholder button span:last-child { font-weight: 720; }
.watch-stage > p { color: var(--colour-text-muted); font-size: 0.72rem; }
.watch-notes { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-top: 2rem; border-top: 1px solid var(--colour-line-strong); padding-top: 1.5rem; }
.watch-notes > div { max-width: 700px; }
.watch-notes p:last-child { color: var(--colour-text-muted); }

/* Password generator */
.generator-layout { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 1.5rem; margin-top: 1.5rem; }
.generator-tool { border: 1px solid var(--colour-line); border-radius: var(--radius-lg); background: var(--colour-surface); padding: clamp(1.2rem, 3vw, 2.2rem); box-shadow: var(--shadow-soft); }
.generator-tool__head { display: flex; align-items: start; justify-content: space-between; gap: 1rem; }
.generator-tool__head h2 { max-width: 20ch; }
.local-signal { display: flex; align-items: center; gap: 0.5rem; color: var(--colour-text-muted); font-size: 0.72rem; white-space: nowrap; }
.output-label { display: block; margin: 1.2rem 0 0.35rem; color: var(--colour-text-muted); font-size: 0.7rem; }
.password-output { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; overflow: hidden; border: 1px solid var(--colour-line-strong); border-radius: var(--radius-sm); }
.password-output input { min-width: 0; border: 0; border-radius: 0; background: var(--colour-surface-muted); font-family: var(--font-display); font-size: clamp(0.86rem, 1.8vw, 1.15rem); letter-spacing: 0.02em; }
.password-output button { border-left: 1px solid var(--colour-line); background: var(--colour-surface); padding: 0 0.85rem; color: var(--colour-info); font-size: 0.72rem; font-weight: 730; }
.strength-row { display: grid; grid-template-columns: minmax(100px, 1fr) auto auto; gap: 0.8rem; align-items: center; margin-top: 0.75rem; }
.strength-track { height: 5px; overflow: hidden; border-radius: var(--radius-round); background: var(--colour-surface-muted); }
.strength-track span { display: block; width: 10%; height: 100%; border-radius: inherit; background: var(--colour-info); transition: width var(--transition-ui), background var(--transition-ui); }
.strength-row strong, .strength-row > span:last-child { font-size: 0.68rem; }
.strength-row > span:last-child { color: var(--colour-text-muted); }
.generator-controls { display: grid; grid-template-columns: minmax(220px, 0.7fr) 1fr; gap: 2rem; margin-top: 2rem; border-top: 1px solid var(--colour-line); padding-top: 1.5rem; }
.generator-controls > label { display: grid; grid-template-columns: 1fr auto; gap: 0.5rem; font-size: 0.75rem; }
.generator-controls output { color: var(--colour-info); font-family: var(--font-display); }
.generator-controls input[type="range"] { grid-column: 1 / -1; min-height: auto; padding: 0; accent-color: var(--colour-info); }
.generator-controls fieldset { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.65rem; }
.generator-controls legend { grid-column: 1 / -1; margin-bottom: 0.5rem; font-size: 0.75rem; }
.generator-controls fieldset label { display: flex; align-items: center; gap: 0.45rem; font-size: 0.72rem; font-weight: 560; }
.generator-controls fieldset input { width: auto; min-height: auto; accent-color: var(--colour-info); }
.generator-controls .wide { grid-column: 1 / -1; }
.generator-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.8rem; margin-top: 1.5rem; }
.generator-actions p { margin: 0; color: var(--colour-text-muted); font-size: 0.72rem; }
.password-rules { border-top: 3px solid var(--colour-action); background: var(--colour-surface); padding: 1.5rem; box-shadow: var(--shadow-soft); }
.password-rules h2 { font-size: 1.45rem; }
.password-rules ol { margin: 1.5rem 0 0; padding: 0; list-style: none; }
.password-rules li { display: grid; grid-template-columns: 28px 1fr; gap: 0.7rem; border-top: 1px solid var(--colour-line); padding: 1rem 0; }
.password-rules li > span { color: var(--colour-info); font-family: var(--font-display); font-size: 0.67rem; }
.password-rules li strong { font-size: 0.78rem; }
.password-rules li p { margin: 0.25rem 0 0; color: var(--colour-text-muted); font-size: 0.72rem; }

/* Moderation, auth, contact, legal and lab */
.moderation-section > .inline-notice { margin-bottom: 1rem; }
.moderation-queue { border-top: 1px solid var(--colour-line-strong); }
.moderation-queue article { display: grid; grid-template-columns: 60px minmax(0, 1fr) 80px 70px; gap: 1rem; align-items: center; border-bottom: 1px solid var(--colour-line); padding: 1rem 0; }
.queue-id { color: var(--colour-info); font-family: var(--font-display); font-size: 0.68rem; }
.moderation-queue h2 { margin: 0 0 0.25rem; font-family: var(--font-body); font-size: 0.86rem; letter-spacing: 0; }
.moderation-queue p { margin: 0; color: var(--colour-text-muted); font-size: 0.7rem; }
.queue-age { color: var(--colour-text-muted); font-size: 0.68rem; }
.auth-layout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(340px, 0.85fr); min-height: 690px; overflow: hidden; border: 1px solid var(--colour-line); border-radius: var(--radius-lg); background: var(--colour-surface); box-shadow: var(--shadow-soft); }
.auth-visual { position: relative; min-height: 560px; background: #071012; color: #eef5f4; }
.auth-visual::after { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 30%, rgba(4,8,9,0.88)); content: ""; }
.auth-visual img { width: 100%; height: 100%; object-fit: cover; }
.auth-visual > div { position: absolute; z-index: 2; right: 2rem; bottom: 2rem; left: 2rem; max-width: 620px; }
.auth-visual h2 { color: #eff6f5; font-size: clamp(2rem, 4vw, 4rem); }
.auth-visual p:last-child { color: #afbdbe; }
.auth-panel { display: grid; align-content: center; padding: clamp(1.5rem, 5vw, 4rem); }
.auth-panel h1 { margin-bottom: 0.5rem; font-size: clamp(2.5rem, 4vw, 4rem); }
.auth-panel > p:not(.eyebrow) { color: var(--colour-text-muted); }
.auth-panel form { display: grid; gap: 0.8rem; margin-top: 1rem; }
.auth-panel label { font-size: 0.74rem; }
.auth-options { display: flex; justify-content: space-between; gap: 1rem; align-items: center; }
.auth-options label { display: flex; align-items: center; gap: 0.45rem; font-weight: 520; }
.auth-options input { width: auto; min-height: auto; }
.auth-options a { font-size: 0.7rem; }
.auth-divider { display: flex; align-items: center; gap: 0.7rem; margin: 1rem 0; color: var(--colour-text-muted); font-size: 0.68rem; }
.auth-divider::before, .auth-divider::after { flex: 1; height: 1px; background: var(--colour-line); content: ""; }
.auth-surface {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(360px, 0.7fr);
  overflow: hidden;
  max-width: 1120px;
  margin: 1.5rem auto 0;
  border: 1px solid var(--colour-line);
  border-radius: var(--radius-lg);
  background: var(--colour-surface);
  box-shadow: var(--shadow-soft);
}
.auth-surface__copy { display: flex; flex-direction: column; padding: clamp(2rem, 5vw, 4.5rem); background: linear-gradient(145deg, color-mix(in srgb, var(--colour-info) 12%, var(--colour-surface-muted)), var(--colour-surface)); }
.auth-surface__copy h2 { max-width: 14ch; font-size: clamp(2rem, 3vw, 3.2rem); }
.auth-surface__copy > p:not(.eyebrow) { max-width: 58ch; color: var(--colour-text-muted); }
.auth-surface__art { overflow: hidden; margin: clamp(1.4rem, 3vw, 2.25rem) 0 0; border: 1px solid color-mix(in srgb, var(--colour-line-strong) 78%, transparent); border-radius: var(--radius-md); background: var(--colour-surface-muted); box-shadow: 0 18px 38px rgb(0 0 0 / 0.24); }
.auth-surface__art img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.auth-surface__copy ul { display: grid; gap: 0.7rem; margin: 2rem 0 0; padding: 0; color: var(--colour-text-muted); font-size: 0.78rem; list-style: none; }
.auth-surface__copy li::before { margin-right: 0.55rem; color: var(--colour-success); content: "✓"; }
.auth-surface__panel { display: grid; align-content: center; gap: 1rem; padding: clamp(1.5rem, 4vw, 3.5rem); }
.auth-form { display: grid; gap: 1rem; }
.auth-form > label:not(.checkbox-row) { display: grid; gap: 0.4rem; color: var(--colour-text-muted); font-size: 0.74rem; font-weight: 680; }
.auth-form > label:not(.checkbox-row) small { color: color-mix(in srgb, var(--colour-text-muted) 88%, transparent); font-size: 0.68rem; font-weight: 520; line-height: 1.45; }
.auth-form input[type="text"], .auth-form input[type="password"] { width: 100%; }
.auth-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.8rem; margin-top: 0.25rem; }
.auth-actions > a:not(.button) { font-size: 0.74rem; font-weight: 720; }
.auth-surface__join { margin: 0; border-top: 1px solid var(--colour-line); padding-top: 1rem; color: var(--colour-text-muted); font-size: 0.78rem; }
body:not(.logged-in)[data-route="v6-next-home"] .header-join { display: none; }
.auth-surface--home-doorway .password-fill-control { display: grid; justify-items: start; gap: 0.42rem; }
.auth-surface--home-doorway .password-fill-control small { display: block; line-height: 1.45; }
.auth-surface--home-doorway .auth-form > label:not(.checkbox-row) { font-size: 0.8rem; }
.auth-surface--home-doorway .auth-form input:is([type="text"], [type="email"], [type="password"]) { min-height: 46px; font-size: 0.9rem; }
.auth-surface--home-doorway .ww-auth-contract { font-size: 0.8rem; }
.auth-surface--home-doorway .auth-form .submit input[type="submit"] { min-height: 48px; border: 1px solid color-mix(in srgb, var(--colour-action) 72%, white); border-radius: var(--radius-round); background: var(--colour-action); padding: 0.75rem 1.2rem; color: var(--colour-on-action); font: 750 0.78rem/1 var(--font-body); cursor: pointer; box-shadow: var(--shadow-soft); }
.auth-surface--home-doorway .auth-form .submit input[type="submit"]:hover { background: color-mix(in srgb, var(--colour-action) 88%, black); transform: translateY(-1px); }
.auth-surface--home-doorway .auth-form .submit input[type="submit"]:focus-visible { outline: 2px solid var(--colour-info); outline-offset: 3px; }
.auth-surface--account .auth-surface__panel { align-content: start; }
.auth-surface--social-signup .auth-surface__panel { align-content: center; }
.social-signup-form { display: grid; gap: 0.8rem; min-width: 0; }
.social-signup-form > .eyebrow { margin-bottom: 0; }
.social-signup-form form,
.social-signup-form form > div { width: 100% !important; max-width: none !important; margin: 0 !important; border: 0 !important; background: transparent !important; padding: 0 !important; box-shadow: none !important; color: var(--colour-text) !important; }
.social-signup-form form { display: grid !important; gap: 1rem !important; }
.social-signup-form .ww-auth-contract { display: grid; gap: 1rem; }
.social-signup-form .ww-auth-contract p { margin: 0; }
.social-signup-form .ww-auth-contract__handle { display: grid; gap: 0.42rem; }
.social-signup-form .ww-auth-contract__handle > label { color: var(--colour-text-muted); font-size: 0.74rem; font-weight: 680; }
.social-signup-form input[type="text"] { width: 100% !important; min-height: 48px !important; border: 1px solid var(--colour-line-strong) !important; border-radius: var(--radius-sm) !important; background: var(--colour-surface-muted) !important; padding: 0.8rem 0.9rem !important; color: var(--colour-text) !important; font: inherit !important; box-shadow: none !important; }
.social-signup-form input[type="text"]:focus-visible { border-color: var(--colour-info) !important; outline: 2px solid var(--colour-info) !important; outline-offset: 2px; }
.social-signup-form .description { display: block; color: var(--colour-text-muted) !important; font-size: 0.7rem !important; line-height: 1.5; }
.social-signup-form .ww-auth-contract__acceptance { border-top: 1px solid var(--colour-line); padding-top: 1rem; }
.social-signup-form .ww-auth-contract__checkbox { position: relative; display: block !important; min-height: 20px; padding-left: 1.75rem; color: var(--colour-text-muted) !important; font-size: 0.76rem !important; line-height: 1.55; }
.social-signup-form .ww-auth-contract__checkbox input[type="checkbox"] { position: absolute !important; top: 0.05rem; left: 0; width: 18px !important; height: 18px !important; min-height: 0 !important; margin: 0 !important; accent-color: var(--colour-action); }
.social-signup-form a { color: var(--colour-info) !important; font-weight: 700; }
.social-signup-form .ww-auth-contract__checkbox a { white-space: nowrap; }
.social-signup-form :is(button, input[type="submit"]) { justify-self: start; min-height: 48px !important; border: 1px solid color-mix(in srgb, var(--colour-action) 72%, white) !important; border-radius: var(--radius-round) !important; background: var(--colour-action) !important; padding: 0.75rem 1.2rem !important; color: #160c05 !important; font: 750 0.78rem/1 var(--font-body) !important; cursor: pointer; box-shadow: var(--shadow-soft) !important; }
.social-signup-form :is(button, input[type="submit"]):hover { filter: brightness(1.06); }
.social-signup-form :is(button, input[type="submit"]):focus-visible { outline: 2px solid var(--colour-info) !important; outline-offset: 3px; }
.social-signup-form :is(.error, .nsl-error) { border: 1px solid var(--colour-danger); border-radius: var(--radius-sm); background: color-mix(in srgb, var(--colour-danger) 8%, var(--colour-surface)); padding: 0.8rem; color: var(--colour-text) !important; font-size: 0.74rem; }
.social-signup-form .ww-auth-social-feedback { display: grid; gap: 0.28rem; margin: 0; }
.social-signup-form .ww-auth-social-feedback strong { color: var(--colour-danger); font-size: 0.78rem; }
.social-signup-form .ww-auth-social-feedback span { color: var(--colour-text); line-height: 1.5; }
.social-signup-form :is(button, input[type="submit"])[aria-busy="true"] { cursor: wait; opacity: 0.72; }
.auth-form input[type="email"] { width: 100%; }
.auth-form--register { gap: 0.75rem; }
.auth-form--register .field-error, .field-error, .auth-form--register .ww-auth-contract > .error, .auth-surface--home-doorway .password-fill-control small[data-password-fill-status] { margin: -0.45rem 0 0; color: var(--colour-danger); font-size: 0.7rem; font-weight: 680; }
.password-field { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0.45rem; }
.password-field .password-toggle { min-height: 44px; border: 1px solid var(--colour-line); border-radius: var(--radius-md); background: var(--colour-surface-muted); color: var(--colour-text); padding: 0 0.8rem; font: inherit; cursor: pointer; }
.auth-social { display: grid; gap: 0.65rem; }
.auth-social .ww-auth-social { margin: 0; }
.auth-social .ww-auth-social-buttons { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.6rem !important; }
.auth-social .ww-auth-social-provider,
.auth-social .ww-auth-social-provider .nsl-container,
.auth-social .ww-auth-social-provider .nsl-container-buttons,
.auth-social .ww-auth-social-provider a { display: block !important; width: 100% !important; min-width: 0; max-width: none !important; margin: 0 !important; }
.auth-social .ww-auth-social-provider a { text-decoration: none; }
.auth-social .ww-auth-social-provider .nsl-button { display: flex !important; width: 100% !important; min-height: 44px !important; flex-direction: row !important; align-items: stretch !important; overflow: hidden; border: 1px solid var(--colour-line-strong) !important; border-radius: var(--radius-sm) !important; box-shadow: none !important; }
.auth-social .nsl-button-svg-container { display: flex !important; flex: 0 0 40px !important; align-items: center !important; justify-content: center !important; padding: 0 !important; }
.auth-social .nsl-button-svg-container svg { width: 20px !important; height: 20px !important; }
.auth-social .nsl-button-label-container { display: flex !important; min-width: 0; flex: 1 1 auto !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; padding: 0 0.55rem !important; font-size: 0.7rem !important; line-height: 1.2 !important; white-space: nowrap; }
.auth-social .nsl-button-label-container b { margin-left: 0.25em; }
.auth-social .ww-auth-social-divider { display: flex; align-items: center; gap: 0.7rem; margin: 0.7rem 0 0; color: var(--colour-text-muted); font-size: 0.68rem; }
.auth-social .ww-auth-social-divider::before, .auth-social .ww-auth-social-divider::after { flex: 1; height: 1px; background: var(--colour-line); content: ""; }
.auth-form--register .privacy-policy-accept, .auth-form--register .checkbox-row, .auth-form--register [id*="marketing-consent"] { color: var(--colour-text-muted); font-size: 0.74rem; }
.auth-form--register input[type="checkbox"] { width: auto; min-height: auto; }
.ww-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
/* Despatch Search empty-state dependency; global Search owns .ww-search*. */
.search-empty { margin-top: 1rem; border: 1px dashed var(--colour-line-strong); border-radius: var(--radius-md); background: var(--colour-surface); padding: 2rem; text-align: center; }
.search-empty p { margin-bottom: 0; color: var(--colour-text-muted); }
@media (min-width: 1100px) {
  body:not(.logged-in)[data-route="v6-next-home"] .main-content { padding-block: clamp(0.75rem, 1.6vh, 1.25rem); }
  .auth-surface--home-doorway { max-width: 1180px; margin-top: 0; }
  .auth-surface--home-doorway .auth-surface__copy { padding: clamp(1.8rem, 2.6vw, 2.8rem); }
  .auth-surface--home-doorway .auth-surface__copy h2 { margin-bottom: 0.7rem; font-size: clamp(2.25rem, 3vw, 3.2rem); }
  .auth-surface--home-doorway .auth-surface__copy > p:not(.eyebrow) { margin-bottom: 0.55rem; color: color-mix(in srgb, var(--colour-text) 90%, var(--colour-text-muted)); font-size: 1.08rem; line-height: 1.65; }
  .auth-surface--home-doorway .auth-surface__art { margin-top: 1rem; }
  .auth-surface--home-doorway .auth-surface__panel { gap: 0.8rem; padding: 1.65rem 2.1rem; }
  .auth-surface--home-doorway .auth-form--register { gap: 0.65rem; }
  .auth-surface--home-doorway .auth-surface__join { padding-top: 0.8rem; }
  body[data-route="v6-next-login"] .main-content,
  body[data-route="v6-next-join"] .main-content,
  body[data-route="v6-next-register"] .main-content { padding-block: clamp(0.75rem, 1.6vh, 1.25rem); }
  body[data-route="v6-next-login"] .auth-surface,
  body[data-route="v6-next-join"] .auth-surface,
  body[data-route="v6-next-register"] .auth-surface { max-width: 1080px; margin-top: 0; }
  body[data-route="v6-next-login"] .auth-surface__copy,
  body[data-route="v6-next-join"] .auth-surface__copy,
  body[data-route="v6-next-register"] .auth-surface__copy { padding: clamp(1.4rem, 2.2vw, 2.25rem); }
  body[data-route="v6-next-login"] .auth-surface__copy h2,
  body[data-route="v6-next-join"] .auth-surface__copy h2,
  body[data-route="v6-next-register"] .auth-surface__copy h2 { margin-bottom: 0.55rem; font-size: clamp(2rem, 2.6vw, 2.8rem); }
  body[data-route="v6-next-login"] .auth-surface__copy > p:not(.eyebrow),
  body[data-route="v6-next-join"] .auth-surface__copy > p:not(.eyebrow),
  body[data-route="v6-next-register"] .auth-surface__copy > p:not(.eyebrow) { margin-bottom: 0.45rem; font-size: 0.9rem; line-height: 1.5; }
  body[data-route="v6-next-login"] .auth-surface__art,
  body[data-route="v6-next-join"] .auth-surface__art,
  body[data-route="v6-next-register"] .auth-surface__art { margin-top: 0.8rem; }
  body[data-route="v6-next-login"] .auth-surface__panel,
  body[data-route="v6-next-join"] .auth-surface__panel,
  body[data-route="v6-next-register"] .auth-surface__panel { gap: 0.65rem; padding: 1.35rem 1.75rem; }
  body[data-route="v6-next-login"] .auth-form { gap: 0.68rem; }
  body[data-route="v6-next-join"] .auth-form--register,
  body[data-route="v6-next-register"] .auth-form--register { gap: 0.52rem; }
  body[data-route="v6-next-login"] .auth-divider { margin: 0.65rem 0; }
  body[data-route="v6-next-login"] .auth-surface__join,
  body[data-route="v6-next-join"] .auth-surface__join,
  body[data-route="v6-next-register"] .auth-surface__join { padding-top: 0.65rem; }
  body[data-route="v6-next-forgot-password"] .main-content { padding-block: clamp(0.75rem, 1.6vh, 1.25rem); }
  body[data-route="v6-next-forgot-password"] .auth-surface { max-width: 1080px; margin-top: 0; }
  body[data-route="v6-next-forgot-password"] .auth-surface__copy { padding: clamp(1.4rem, 2.2vw, 2.25rem); }
  body[data-route="v6-next-forgot-password"] .auth-surface__copy h2 { margin-bottom: 0.55rem; font-size: clamp(2rem, 2.6vw, 2.8rem); }
  body[data-route="v6-next-forgot-password"] .auth-surface__copy > p:not(.eyebrow) { margin-bottom: 0.45rem; font-size: 0.9rem; line-height: 1.5; }
  body[data-route="v6-next-forgot-password"] .auth-surface__art { margin-top: 0.8rem; }
  body[data-route="v6-next-forgot-password"] .auth-surface__panel { gap: 0.65rem; padding: 1.35rem 1.75rem; }
}
@media (min-width: 761px) {
  body[data-route="v6-next-activate"] .main-content { padding-block: clamp(1.5rem, 4vh, 3rem) 7rem; }
  .auth-surface--activate { position: relative; grid-template-columns: minmax(0, .9fr) minmax(500px, 1.1fr); overflow: visible; max-width: 1180px; min-height: 430px; margin-top: 0; }
  .auth-surface--activate .auth-surface__copy { justify-content: center; padding: clamp(2rem, 3.5vw, 3.5rem); }
  .auth-surface--activate .auth-surface__panel { position: relative; z-index: 2; align-content: start; min-height: 430px; padding: clamp(2.25rem, 4vw, 3.5rem) clamp(2rem, 3.5vw, 3rem) 10.5rem; }
  .auth-surface--activate .auth-form { position: relative; z-index: 4; width: min(58%, 380px); }
  .auth-surface__max-perch { position: absolute; z-index: 3; right: -2rem; bottom: -7.05rem; width: clamp(340px, 28vw, 430px); margin: 0; pointer-events: none; filter: drop-shadow(0 22px 24px rgb(0 0 0 / .28)); }
  .auth-surface__max-perch img { display: block; width: 100%; height: auto; }
}
@media (min-width: 761px) {
  body[data-route="v6-next-forgot_password"] .main-content { padding-block: clamp(1.5rem, 4vh, 3rem) 3rem; }
  .auth-surface--forgot { position: relative; overflow: visible; grid-template-columns: minmax(0, .92fr) minmax(460px, 1.08fr); max-width: 1100px; min-height: 430px; margin: 0 auto; }
  .auth-surface--forgot .auth-surface__copy { justify-content: center; padding: clamp(2.25rem, 4vw, 4rem); }
  .auth-surface--forgot .auth-surface__panel { position: relative; z-index: 2; align-content: start; min-height: 430px; padding: clamp(2.25rem, 4vw, 3.5rem) clamp(2rem, 3.5vw, 3rem) 9rem; }
  .auth-surface--forgot .auth-form { position: relative; z-index: 4; width: min(62%, 380px); }
  .auth-surface__max-ladder { position: absolute; z-index: 3; right: -1.75rem; bottom: -.35rem; height: clamp(390px, 30vw, 460px); margin: 0; pointer-events: none; filter: drop-shadow(0 22px 24px rgb(0 0 0 / .28)); }
  .auth-surface__max-ladder img { display: block; width: auto; height: 100%; }
}
@media (min-width: 761px) {
  body[data-route="v6-next-reset_password"] .main-content { padding-block: clamp(1.5rem, 4vh, 3rem) 7rem; }
  .auth-surface--reset { position: relative; overflow: visible; grid-template-columns: minmax(0, .9fr) minmax(500px, 1.1fr); width: min(100%, 1160px); min-height: 440px; margin: 0 auto; }
  .auth-surface--reset .auth-surface__copy { justify-content: center; padding: clamp(2rem, 3.5vw, 3.5rem); }
  .auth-surface--reset .auth-surface__panel { position: relative; z-index: 2; align-content: start; min-height: 440px; padding: clamp(2.25rem, 4vw, 3.5rem) clamp(2rem, 3.5vw, 3rem) 10.5rem; }
  .auth-surface--reset .auth-form { position: relative; z-index: 4; width: min(60%, 390px); }
  .auth-surface--reset .inline-notice, .auth-surface--reset .auth-actions { position: relative; z-index: 4; max-width: 62%; }
  .auth-surface__max-reset-perch { position: absolute; z-index: 3; right: -1.75rem; bottom: -7.2rem; width: clamp(350px, 28vw, 430px); margin: 0; pointer-events: none; filter: drop-shadow(0 22px 24px rgb(0 0 0 / .28)); }
  .auth-surface__max-reset-perch img { display: block; width: 100%; height: auto; }
}
@media (max-width: 760px) {
  .auth-surface { grid-template-columns: 1fr; }
  .auth-surface__copy { padding: 1.5rem; }
  .auth-surface__copy h2 { font-size: clamp(2rem, 10vw, 3rem); }
  .auth-surface__copy ul { margin-top: 1rem; }
  .auth-social .ww-auth-social-buttons { grid-template-columns: 1fr; }
  .auth-social .nsl-button-label-container { font-size: 0.74rem !important; }
}
/* === GLOBAL SEARCH V6: ONE STATE-DRIVEN RENDERER CONTRACT === */
body[data-route="v6-next-site_search"] .main-content {
  padding-top: clamp(.75rem, 1.6vw, 1.25rem);
}

.ww-search {
  --ww-search-max: 74rem;
  --ww-search-main: minmax(0, 2fr);
  --ww-search-rail: minmax(18.5rem, 1fr);
  --ww-search-gap: 1.5rem;
  --ww-search-radius: 14px;
  --ww-search-radius-small: 10px;
  display: grid;
  width: min(100%, var(--ww-search-max));
  margin: 0 auto;
  padding: 0 0 clamp(2.5rem, 5vw, 4.5rem);
  color: var(--colour-text);
  font-family: var(--font-body);
}

.ww-search h1,
.ww-search h2,
.ww-search strong,
.ww-search button,
.ww-search input {
  font-family: var(--font-body);
}

.ww-search a {
  text-decoration: none;
}

.ww-search__header {
  display: grid;
  grid-template-columns: minmax(19rem, 26rem) minmax(30rem, 38.5rem);
  align-items: end;
  justify-content: space-between;
  gap: clamp(1.5rem, 4vw, 3.5rem);
  padding: clamp(1.5rem, 3vw, 2.25rem) 0 1.25rem;
  border-bottom: 1px solid var(--colour-line);
}

.ww-search__intro {
  min-width: 0;
}

.ww-search__kicker,
.ww-search__row-kicker,
.ww-search__row-meta,
.ww-search__tag-list b,
.ww-search__scope b,
.ww-search__status > span,
.ww-search__guide-links b,
.ww-search__quiet-scopes span,
.ww-search__gate li span {
  font-family: var(--font-mono);
}

.ww-search__kicker {
  margin: 0 0 .55rem;
  color: var(--colour-info);
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .115em;
  line-height: 1.4;
  text-transform: uppercase;
}

.ww-search__intro h1 {
  max-width: 14ch;
  margin: 0;
  color: var(--colour-text);
  font-size: clamp(2.15rem, 4vw, 3.25rem);
  font-weight: 720;
  letter-spacing: -.045em;
  line-height: 1.02;
  text-wrap: balance;
}

.ww-search__intro > p:last-child {
  max-width: 44rem;
  margin: .9rem 0 0;
  color: var(--colour-text-muted);
  font-size: .94rem;
  line-height: 1.62;
}

.ww-search__bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
  gap: 0;
  min-width: 0;
  padding: 5px;
  border: 1px solid color-mix(in srgb, var(--colour-info) 30%, var(--colour-line));
  border-radius: 13px;
  background: color-mix(in srgb, var(--colour-canvas) 86%, transparent);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 12px 28px rgba(0, 0, 0, .14);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);
}

.ww-search__bar:focus-within {
  border-color: color-mix(in srgb, var(--colour-focus) 78%, var(--colour-line));
  background: color-mix(in srgb, var(--colour-surface) 82%, var(--colour-canvas));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 0 0 3px color-mix(in srgb, var(--colour-focus) 16%, transparent), 0 14px 34px rgba(0, 0, 0, .2);
}

.ww-search__bar label {
  display: grid;
  min-width: 0;
}

.ww-search__bar input {
  width: 100%;
  min-width: 0;
  min-height: 52px;
  margin: 0;
  border: 0;
  border-radius: 9px 0 0 9px;
  background: transparent;
  box-shadow: none;
  color: var(--colour-text);
  padding: 0 1rem;
  font-size: .96rem;
  font-weight: 500;
  letter-spacing: 0;
}

.ww-search__bar input::placeholder {
  color: color-mix(in srgb, var(--colour-text-muted) 78%, transparent);
}

.ww-search__bar input:focus,
.ww-search__bar input:focus-visible {
  outline: 0;
  box-shadow: none;
}

.ww-search__bar button {
  min-height: 52px;
  margin: 0;
  border: 0;
  border-radius: 9px;
  background: var(--colour-action);
  color: var(--colour-on-action);
  padding: 0 1.2rem;
  font-size: .85rem;
  font-weight: 760;
  letter-spacing: .01em;
  line-height: 1;
  cursor: pointer;
  transition: filter var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);
}

.ww-search__bar button:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
}

.ww-search__bar button:focus-visible {
  outline: 2px solid var(--colour-focus);
  outline-offset: -3px;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--colour-focus) 24%, transparent);
}

.ww-search__status {
  display: flex;
  align-items: baseline;
  gap: .75rem;
  margin: 0;
  padding: .85rem 0;
  border-bottom: 1px solid var(--colour-line);
  color: var(--colour-text-muted);
  font-size: .8rem;
  line-height: 1.5;
}

.ww-search__status > span {
  flex: 0 0 auto;
  color: var(--colour-info);
  font-size: .66rem;
  font-weight: 720;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ww-search__scope {
  display: flex;
  align-items: stretch;
  gap: 1.4rem;
  overflow-x: auto;
  min-width: 0;
  margin: 0 0 1.25rem;
  border-bottom: 1px solid var(--colour-line);
  scrollbar-width: thin;
}

.ww-search__scope > a,
.ww-search__scope > span {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: .5rem;
  min-height: 44px;
  border-bottom: 2px solid transparent;
  color: var(--colour-text-muted);
  font-size: .78rem;
  font-weight: 640;
}

.ww-search__scope > a:hover,
.ww-search__scope > a:focus-visible {
  border-bottom-color: var(--colour-info);
  color: var(--colour-text);
}

.ww-search__scope b {
  color: var(--colour-info);
  font-size: .65rem;
  font-weight: 700;
}

.ww-search__layout {
  display: grid;
  grid-template-columns: var(--ww-search-main) var(--ww-search-rail);
  align-items: start;
  gap: var(--ww-search-gap);
  min-width: 0;
  margin-top: 1.25rem;
}

.ww-search__main,
.ww-search__rail {
  display: grid;
  align-content: start;
  gap: 1.125rem;
  min-width: 0;
}

.ww-search__section,
.ww-search__empty,
.ww-search__guide,
.ww-search__gate {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--colour-line);
  border-radius: var(--ww-search-radius);
  background: color-mix(in srgb, var(--colour-surface) 92%, var(--colour-canvas));
  box-shadow: 0 10px 28px rgba(0, 0, 0, .1);
}

.ww-search__section-header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1.25rem;
  min-height: 82px;
  padding: 1.15rem 1.5rem 1rem;
  border-bottom: 1px solid var(--colour-line);
  background: color-mix(in srgb, var(--colour-surface-raised) 44%, transparent);
}

.ww-search__section-header .ww-search__kicker {
  margin-bottom: .35rem;
  color: var(--colour-text-muted);
}

.ww-search__section-header h2,
.ww-search__empty h2,
.ww-search__guide h2,
.ww-search__gate h2 {
  margin: 0;
  color: var(--colour-text);
  font-family: var(--font-body);
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 1.12;
}

.ww-search__section-header h2 {
  font-size: clamp(1.2rem, 2vw, 1.55rem);
}

.ww-search__section-action {
  flex: 0 0 auto;
  padding-bottom: .15rem;
  border-bottom: 1px solid transparent;
  color: var(--colour-info);
  font-size: .72rem;
  font-weight: 680;
  white-space: nowrap;
}

.ww-search__section-action:hover,
.ww-search__section-action:focus-visible {
  border-bottom-color: currentColor;
  color: var(--colour-text);
}

.ww-search__rows {
  display: grid;
}

.ww-search__row {
  --ww-search-media-width: 44px;
  position: relative;
  display: grid;
  grid-template-columns: 3px var(--ww-search-media-width) minmax(0, 1fr) minmax(6.5rem, auto);
  align-items: center;
  gap: .9rem;
  min-width: 0;
  padding: 1.125rem 1.5rem;
  border-bottom: 1px solid var(--colour-line);
  color: var(--colour-text);
  transition: background var(--transition-fast), border-color var(--transition-fast);
}

.ww-search__row:last-child {
  border-bottom: 0;
}

.ww-search__row:hover,
.ww-search__row:focus-visible {
  background: color-mix(in srgb, var(--colour-info) 7%, var(--colour-surface));
  color: var(--colour-text);
}

.ww-search__row:focus-visible {
  z-index: 1;
  outline: 2px solid var(--colour-focus);
  outline-offset: -3px;
}

.ww-search__row-signal {
  align-self: stretch;
  width: 3px;
  min-height: 2.75rem;
  border-radius: 999px;
  background: var(--colour-line-strong);
  opacity: .38;
}

.ww-search__row.is-signal .ww-search__row-signal {
  background: var(--colour-info);
  box-shadow: 0 0 12px color-mix(in srgb, var(--colour-info) 52%, transparent);
  opacity: 1;
}

.ww-search__row-mark,
.ww-search__row-media {
  display: grid;
  place-items: center;
  width: var(--ww-search-media-width);
  height: 44px;
  overflow: hidden;
  border: 1px solid var(--colour-line);
  border-radius: var(--ww-search-radius-small);
  background: color-mix(in srgb, var(--colour-surface-muted) 58%, transparent);
}

.ww-search__row-mark {
  color: var(--colour-info);
  font-family: var(--font-mono);
  font-size: .7rem;
  font-weight: 750;
  letter-spacing: .04em;
}

.ww-search__row.has-media {
  --ww-search-media-width: 96px;
}

.ww-search__row.has-media .ww-search__row-media {
  height: 62px;
}

.ww-search__row.has-avatar {
  --ww-search-media-width: 44px;
}

.ww-search__row-media.is-avatar {
  border-radius: 50%;
}

.ww-search__row-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ww-search__row-copy {
  display: grid;
  min-width: 0;
  gap: .24rem;
}

.ww-search__row-kicker {
  display: block;
  overflow: hidden;
  color: var(--colour-info);
  font-size: .62rem;
  font-weight: 690;
  letter-spacing: .075em;
  line-height: 1.35;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.ww-search__row-copy strong {
  display: block;
  overflow-wrap: anywhere;
  color: var(--colour-text);
  font-size: 1rem;
  font-weight: 680;
  letter-spacing: -.012em;
  line-height: 1.32;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .18em;
}

.ww-search__row:hover .ww-search__row-copy strong,
.ww-search__row:focus-visible .ww-search__row-copy strong {
  text-decoration-thickness: 2px;
}

.ww-search__row-summary {
  display: -webkit-box;
  overflow: hidden;
  color: var(--colour-text-muted);
  font-size: .8rem;
  line-height: 1.48;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.ww-search__row-meta {
  display: grid;
  justify-items: end;
  gap: .15rem;
  color: var(--colour-text-muted);
  font-size: .62rem;
  line-height: 1.35;
  text-align: right;
  white-space: nowrap;
}

.ww-search__row-meta b {
  color: var(--colour-text);
  font-size: .65rem;
  font-weight: 650;
}

.ww-search__row-meta small {
  color: var(--colour-text-muted);
  font-size: inherit;
}

.ww-search__section--compact .ww-search__section-header {
  min-height: 70px;
  padding: .95rem 1rem .85rem;
}

.ww-search__section--compact .ww-search__section-header h2 {
  font-size: 1.05rem;
}

.ww-search__section--compact .ww-search__section-action {
  font-size: .64rem;
}

.ww-search__section--compact .ww-search__row {
  --ww-search-media-width: 36px;
  grid-template-columns: 3px var(--ww-search-media-width) minmax(0, 1fr);
  gap: .72rem;
  padding: 1.25rem 1rem;
}

.ww-search__section--compact .ww-search__row.has-media {
  --ww-search-media-width: 62px;
}

.ww-search__section--compact .ww-search__row-mark,
.ww-search__section--compact .ww-search__row-media {
  height: 36px;
}

.ww-search__section--compact .ww-search__row.has-media .ww-search__row-media {
  height: 44px;
}

.ww-search__section--compact .ww-search__row-summary {
  -webkit-line-clamp: 2;
  font-size: .74rem;
}

.ww-search__section--compact .ww-search__row-meta {
  grid-column: 3;
  justify-items: start;
  text-align: left;
}

.ww-search__tag-list,
.ww-search__guide-links {
  display: grid;
}

.ww-search__tag-list a,
.ww-search__guide-links a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 44px;
  padding: .65rem 1rem;
  border-bottom: 1px solid var(--colour-line);
  color: var(--colour-text);
  font-size: .78rem;
}

.ww-search__tag-list a:last-child,
.ww-search__guide-links a:last-child {
  border-bottom: 0;
}

.ww-search__tag-list a:hover,
.ww-search__tag-list a:focus-visible,
.ww-search__guide-links a:hover,
.ww-search__guide-links a:focus-visible {
  background: color-mix(in srgb, var(--colour-info) 7%, var(--colour-surface));
}

.ww-search__tag-list span,
.ww-search__guide-links span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.ww-search__tag-list i {
  margin-right: .4rem;
  color: var(--colour-info);
  font-style: normal;
}

.ww-search__tag-list b,
.ww-search__guide-links b {
  flex: 0 0 auto;
  color: var(--colour-text-muted);
  font-size: .6rem;
  font-weight: 650;
}

.ww-search__empty,
.ww-search__guide,
.ww-search__gate {
  padding: clamp(1.25rem, 3vw, 1.75rem);
}

.ww-search__empty {
  min-height: 320px;
  display: grid;
  align-content: center;
  border-style: dashed;
}

.ww-search__empty h2,
.ww-search__guide h2,
.ww-search__gate h2 {
  max-width: 22ch;
  font-size: clamp(1.35rem, 2.4vw, 1.8rem);
}

.ww-search__empty > p:not(.ww-search__kicker),
.ww-search__guide > p:not(.ww-search__kicker),
.ww-search__gate > p:not(.ww-search__kicker) {
  max-width: 54ch;
  margin: .85rem 0 0;
  color: var(--colour-text-muted);
  font-size: .86rem;
  line-height: 1.58;
}

.ww-search__empty-actions,
.ww-search__gate-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin-top: 1.25rem;
}

.ww-search__empty-actions a {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--colour-line-strong);
  border-radius: 9px;
  padding: .5rem .8rem;
  color: var(--colour-text);
  font-size: .75rem;
  font-weight: 650;
}

.ww-search__empty-actions a:hover,
.ww-search__empty-actions a:focus-visible {
  border-color: var(--colour-info);
  color: var(--colour-info);
}

.ww-search__gate {
  border-color: color-mix(in srgb, var(--colour-action) 38%, var(--colour-line));
  background: linear-gradient(150deg, color-mix(in srgb, var(--colour-action) 8%, var(--colour-surface)) 0%, var(--colour-surface) 62%);
}

.ww-search__gate .ww-search__kicker {
  color: var(--colour-action);
}

.ww-search__gate ul,
.ww-search__tips {
  display: grid;
  gap: .65rem;
  margin: 1.15rem 0 0;
  padding: 0;
  list-style: none;
}

.ww-search__gate li {
  display: grid;
  grid-template-columns: 1.6rem minmax(0, 1fr);
  gap: .55rem;
  color: var(--colour-text-muted);
  font-size: .76rem;
  line-height: 1.45;
}

.ww-search__gate li span {
  color: var(--colour-action);
  font-size: .62rem;
}

.ww-search__gate-action {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 9px;
  padding: .55rem .9rem;
  font-size: .76rem;
  font-weight: 720;
}

.ww-search__gate-action--join {
  background: var(--colour-action);
  color: var(--colour-on-action);
}

.ww-search__gate-action--login {
  border-color: color-mix(in srgb, var(--colour-info) 52%, var(--colour-line));
  background: color-mix(in srgb, var(--colour-info) 8%, transparent);
  color: var(--colour-info);
}

.ww-search__gate-action:hover,
.ww-search__gate-action:focus-visible {
  filter: brightness(1.1);
  transform: translateY(-1px);
}

.ww-search__quiet-scopes {
  margin: 1rem 0 0;
  color: var(--colour-text-muted);
  font-size: .72rem;
  line-height: 1.55;
}

.ww-search__quiet-scopes span {
  display: block;
  margin-bottom: .25rem;
  color: var(--colour-action);
  font-size: .61rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ww-search__tips {
  padding-top: 1rem;
  border-top: 1px solid var(--colour-line);
  counter-reset: ww-search-tip;
}

.ww-search__tips li {
  position: relative;
  padding-left: 1.4rem;
  color: var(--colour-text-muted);
  font-size: .74rem;
  line-height: 1.45;
  counter-increment: ww-search-tip;
}

.ww-search__tips li::before {
  position: absolute;
  left: 0;
  color: var(--colour-info);
  content: counter(ww-search-tip, decimal-leading-zero);
  font-family: var(--font-mono);
  font-size: .58rem;
}

.ww-search[data-state="blank"] .ww-search__layout {
  grid-template-columns: minmax(0, 1fr);
  margin-top: 1.5rem;
}

.ww-search__layout--discovery .ww-search__rail {
  display: block;
  columns: 2;
  column-gap: 1.125rem;
}

.ww-search__layout--discovery .ww-search__rail > * {
  break-inside: avoid;
  margin-bottom: 1.125rem;
}

.ww-search[data-state="blank"] .ww-search__status {
  margin-bottom: 0;
}

.ww-search[data-state="empty"] .ww-search__layout,
.ww-search[data-density="sparse"] .ww-search__layout {
  grid-template-columns: minmax(0, 2fr) minmax(17rem, 1fr);
}

.ww-search[data-viewer="guest"] .ww-search__status > span {
  color: var(--colour-action);
}

@media (max-width: 1060px) {
  .ww-search__header {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }
  .ww-search__intro h1 {
    max-width: 20ch;
  }
  .ww-search__bar {
    width: 100%;
  }
  .ww-search__layout,
  .ww-search[data-state="empty"] .ww-search__layout,
  .ww-search[data-density="sparse"] .ww-search__layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .ww-search__rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ww-search__rail > :only-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 720px) {
  .ww-search {
    --ww-search-gap: 1rem;
  }
  .ww-search__intro h1 {
    font-size: clamp(1.9rem, 10vw, 2.55rem);
  }
  .ww-search__status {
    align-items: flex-start;
    flex-direction: column;
    gap: .25rem;
  }
  .ww-search__scope {
    gap: 1rem;
  }
  .ww-search__section-header {
    align-items: flex-start;
    flex-direction: column;
    min-height: 0;
    gap: .55rem;
    padding: 1rem;
  }
  .ww-search__row,
  .ww-search__section--compact .ww-search__row {
    --ww-search-media-width: 38px;
    grid-template-columns: 3px var(--ww-search-media-width) minmax(0, 1fr);
    gap: .65rem;
    padding: .85rem 1rem;
  }
  .ww-search__row.has-media,
  .ww-search__section--compact .ww-search__row.has-media {
    --ww-search-media-width: 64px;
  }
  .ww-search__row.has-media .ww-search__row-media,
  .ww-search__section--compact .ww-search__row.has-media .ww-search__row-media {
    height: 46px;
  }
  .ww-search__row-meta,
  .ww-search__section--compact .ww-search__row-meta {
    grid-column: 3;
    justify-items: start;
    text-align: left;
  }
  .ww-search__rail {
    grid-template-columns: minmax(0, 1fr);
  }
  .ww-search__layout--discovery .ww-search__rail {
    columns: 1;
  }
  .ww-search__rail > * {
    grid-column: auto;
  }
}

@media (max-width: 500px) {
  .ww-search__bar {
    grid-template-columns: minmax(0, 1fr);
  }
  .ww-search__bar input {
    border-radius: 9px;
  }
  .ww-search__bar button {
    min-height: 46px;
  }
  .ww-search__empty-actions,
  .ww-search__gate-actions {
    display: grid;
  }
  .ww-search__empty-actions a,
  .ww-search__gate-action {
    width: 100%;
  }
}

.contact-layout { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 1.5rem; margin-top: 1.5rem; }
.contact-aside { align-self: start; overflow: hidden; border-radius: var(--radius-md); background: #101719; color: #eef5f4; }
.contact-aside img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.contact-aside > div { padding: 1.4rem; }
.contact-aside h2 { color: #eff6f5; font-size: 1.45rem; }
.contact-aside p:not(.eyebrow) { color: #aebbbc; font-size: 0.82rem; }
.legal-layout { display: grid; grid-template-columns: 190px minmax(0, 760px); gap: 4rem; margin: 3rem auto 0; max-width: 1060px; }
.legal-layout > aside { position: sticky; top: calc(var(--header-height) + 1rem); display: grid; align-self: start; gap: 0.55rem; }
.legal-layout > aside a { color: var(--colour-text-muted); font-size: 0.76rem; }
.legal-copy { font-family: var(--font-reading); font-size: 1.05rem; line-height: 1.75; }
.legal-copy > section:not(.faq-section) { margin-bottom: 3rem; scroll-margin-top: calc(var(--header-height) + 1rem); }
.legal-copy h2 { font-family: var(--font-display); }
.faq-section--legal { grid-template-columns: 1fr; font-family: var(--font-body); }
.lab-section { margin-top: 2.5rem; border-top: 1px solid var(--colour-line-strong); padding-top: 1.5rem; }
.lab-row { display: flex; flex-wrap: wrap; gap: 0.7rem; }
.notice-stack { display: grid; gap: 0.7rem; }
.state-sample { display: flex; min-height: 180px; align-items: center; justify-content: center; gap: 1rem; border: 1px solid var(--colour-line); border-radius: var(--radius-md); background: var(--colour-surface); }
.state-sample h3, .state-sample p { margin: 0; }
.state-sample p { color: var(--colour-text-muted); font-size: 0.78rem; }
.lab-filter-list { border-top: 1px solid var(--colour-line); margin-top: 0.8rem; }
.lab-filter-list div { border-bottom: 1px solid var(--colour-line); padding: 0.9rem; font-size: 0.8rem; }
.not-found { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 0.7fr); gap: 3rem; align-items: center; min-height: 640px; }
.not-found__copy h1 { max-width: 14ch; }
.not-found__copy > p:not(.eyebrow) { max-width: 60ch; color: var(--colour-text-muted); }
.not-found__copy > div { display: flex; flex-wrap: wrap; gap: 0.6rem; }
.not-found figure { overflow: hidden; border-radius: var(--radius-lg); background: #101719; }
.not-found figure img { width: 100%; }
.not-found figcaption { padding: 0.75rem 1rem; color: #a8b5b7; font-size: 0.7rem; }

/* Expanded public content estate */
.editorial-controls { display: grid; grid-template-columns: minmax(260px, 1fr) auto; gap: 1rem; align-items: end; margin: 1.5rem 0 0.7rem; }
.editorial-controls .filter-controls { justify-content: flex-end; }
.dispatch-row--public .dispatch-row__tags { margin-top: 0.75rem; }
.dispatch-row--public .dispatch-row__meta { gap: 0.35rem; }
.dispatch-row--public .dispatch-row__meta a { color: var(--colour-info); }
.dispatch-row--public .dispatch-row__meta button, .inline-actions button { border: 0; background: transparent; padding: 0; color: var(--colour-action); font: inherit; font-weight: 720; text-align: inherit; }
.dispatch-row--public .dispatch-row__meta button[aria-pressed="true"], .inline-actions button[aria-pressed="true"] { color: var(--colour-success); }
.dispatch-row--public[data-filter-kind~="unread"] h2::before { display: inline-block; width: 0.45rem; height: 0.45rem; margin: 0 0.5rem 0.15rem 0; border-radius: 50%; background: var(--colour-info); content: ""; }
.featured-dispatch--public .inline-actions { display: flex; flex-wrap: wrap; gap: 1rem; }
.editorial-empty { margin-top: 1rem; }
.source-link { color: var(--colour-info); font-size: 0.72rem; font-weight: 720; }
.provenance-card p:not(.eyebrow), .observation-footnote { color: var(--colour-text-muted); font-size: 0.72rem; }
.discussion-cutout { width: min(100%, 160px); aspect-ratio: 1; object-fit: contain; }
.article-source-content { min-width: 0; }
.article-source-content > :first-child { margin-top: 0; }
.article-source-content p { overflow-wrap: anywhere; }
.article-source-content a { overflow-wrap: anywhere; }
.article-source-content code { border: 1px solid var(--colour-line); border-radius: 0.25rem; background: var(--colour-surface-muted); padding: 0.08em 0.3em; font-family: var(--font-mono); font-size: 0.82em; }
.article-code-block { overflow-x: auto; border: 1px solid var(--colour-line); border-radius: var(--radius-sm); background: var(--colour-surface-muted); padding: 1rem; font-family: var(--font-mono); font-size: 0.78rem; line-height: 1.55; }
.article-stat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 1px; margin: 2rem 0; border: 1px solid var(--colour-line); background: var(--colour-line); font-family: var(--font-body); }
.article-stat-grid > div { display: grid; gap: 0.4rem; background: var(--colour-surface); padding: 1rem; }
.article-stat-grid span { color: var(--colour-text-muted); font-size: 0.66rem; }
.article-stat-grid strong { font-family: var(--font-display); }
.article-block:has(> .article-stat-grid) { display: contents; }
.article-inline-video video, .article-video, .film-player { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border: 0; border-radius: var(--radius-md); background: #050506; object-fit: contain; }
.article-callout--warning { border-color: var(--colour-danger); background: color-mix(in srgb, var(--colour-danger) 7%, transparent); }
.article-callout--success { border-color: var(--colour-success); background: color-mix(in srgb, var(--colour-success) 7%, transparent); }
.article-callout--info { border-color: var(--colour-info); background: color-mix(in srgb, var(--colour-info) 7%, transparent); }
.article-rule { height: 1px; border: 0; background: var(--colour-line-strong); margin: 2.5rem 0; }
.forum-row--public .forum-row__body small { display: block; margin-top: 0.45rem; color: var(--colour-text-muted); font-size: 0.64rem; }
.forum-observation { margin-bottom: 1rem; }
.topic-row--public .topic-row__body > span { display: flex; gap: 0.45rem; color: var(--colour-text-muted); font-size: 0.64rem; }
.topic-row--public .topic-row__body > span a { color: var(--colour-info); }
.topic-header--discussion { position: relative; overflow: hidden; }
.topic-cutout { position: absolute; right: 1rem; bottom: -2rem; width: min(210px, 24vw); opacity: 0.18; pointer-events: none; }
.topic-opener { margin-top: 1.5rem; border-left: 4px solid var(--colour-info); background: var(--colour-surface); padding: 1.3rem; }
.topic-opener h2 { font-size: 1.35rem; }
.topic-opener small { color: var(--colour-text-muted); }
.synthetic-reply-lab { margin-top: 2rem; }
.synthetic-reply-lab .inline-notice { margin-bottom: 0.8rem; }
.forum-reply--nested { margin-left: clamp(1rem, 6vw, 5rem); border-left: 3px solid var(--colour-info); }
.reply-contained-media { max-width: 520px; margin: 1.2rem 0 0; }
.reply-contained-media img { width: 100%; border-radius: var(--radius-sm); }
.reply-contained-media figcaption, .edited-indicator { color: var(--colour-text-muted); font-size: 0.68rem; }
.removed-content-placeholder { border: 1px dashed var(--colour-line-strong); border-radius: var(--radius-sm); padding: 1rem; }
.removed-content-placeholder p { margin-bottom: 0; color: var(--colour-text-muted); }
.topic-pagination { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; margin-top: 1rem; }
.topic-pagination a { display: grid; width: 2rem; height: 2rem; place-items: center; border: 1px solid var(--colour-line); border-radius: var(--radius-sm); text-decoration: none; }
.topic-pagination a[aria-current="page"] { border-color: var(--colour-info); color: var(--colour-info); }
.topic-pagination span { color: var(--colour-text-muted); font-size: 0.68rem; }
.observation-footnote { margin-top: 1.2rem; }
.cinema-front { margin-top: 1.5rem; }
.cinema-front figure { position: relative; overflow: hidden; border-radius: var(--radius-lg); }
.cinema-front img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.cinema-front figcaption { position: absolute; right: 1rem; bottom: 1rem; border-radius: var(--radius-round); background: rgba(5, 8, 9, 0.8); padding: 0.45rem 0.75rem; color: #eff6f5; font-size: 0.7rem; }
.generator-modes { display: flex; gap: 1rem; margin: 1rem 0 0; border: 0; padding: 0; }
.generator-modes legend { margin-bottom: 0.4rem; color: var(--colour-text-muted); font-size: 0.7rem; }
.generator-modes label { display: flex; align-items: center; gap: 0.4rem; }
.generator-modes input { width: auto; min-height: auto; }
.generator-controls > label:has(> input[type="range"]) { align-self: start; }
.generator-controls > label:has(> input[type="range"]) input[type="range"] { height: 45.890625px; margin-top: 27.890625px; }
.passphrase-controls { grid-template-columns: minmax(220px, 0.7fr) 1fr; column-gap: 2rem; row-gap: 0.7rem; align-items: start; }
.passphrase-controls > label:has(> [data-passphrase-words]) { grid-column: 1; grid-row: 1 / span 3; align-self: start; }
.passphrase-controls > label:has(> [data-passphrase-separator]) { grid-column: 2; grid-row: 1; grid-template-columns: 1fr; }
.passphrase-controls > label:has(> [data-passphrase-separator]) select { grid-column: 1; width: 100%; }
.passphrase-controls > label:has(> [data-passphrase-capitalise]) { grid-column: 2; grid-row: 2; }
.passphrase-controls > label:has(> [data-passphrase-digits]) { grid-column: 2; grid-row: 3; }
.passphrase-controls > label:has(> input[type="checkbox"]) { display: flex; grid-template-columns: none; align-items: center; justify-content: flex-start; gap: 0.45rem; font-size: 0.72rem; font-weight: 560; }
.passphrase-controls > label > input[type="checkbox"] { flex: 0 0 auto; width: auto; min-height: auto; margin: 0; accent-color: var(--colour-info); }
.passphrase-controls .inline-notice { grid-column: 1 / -1; }
.input-with-action { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
.input-with-action input { border-radius: var(--radius-sm) 0 0 var(--radius-sm); }
.input-with-action button { border: 1px solid var(--colour-line-strong); border-left: 0; border-radius: 0 var(--radius-sm) var(--radius-sm) 0; background: var(--colour-surface-muted); padding: 0 0.8rem; color: var(--colour-info); }
.auth-foot { margin-top: 1rem; font-size: 0.75rem; }
.auth-state-list { display: grid; gap: 1px; margin: 1.5rem 0; background: var(--colour-line); }
.auth-state-list > div { display: grid; gap: 0.25rem; background: var(--colour-surface); padding: 0.85rem; }
.auth-state-list span { color: var(--colour-text-muted); font-size: 0.72rem; }
.activation-state { display: flex; gap: 0.8rem; border: 1px solid var(--colour-success); border-radius: var(--radius-sm); background: color-mix(in srgb, var(--colour-success) 7%, var(--colour-surface)); padding: 1rem; }
.activation-state p { margin-bottom: 0; color: var(--colour-text-muted); }
.contact-aside ol { padding-left: 1.2rem; }
.contact-aside li { margin: 0.65rem 0; }
.contact-state-lab { margin-top: 2rem; border-top: 1px solid var(--colour-line-strong); padding-top: 1.5rem; }
.contact-state-lab ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; padding: 0; background: var(--colour-line); list-style: none; }
.contact-state-lab li { display: flex; gap: 0.7rem; align-items: start; background: var(--colour-surface); padding: 1rem; }
.contact-state-lab p { margin: 0; font-size: 0.75rem; }
.legal-layout--snapshot { grid-template-columns: 230px minmax(0, 820px); max-width: 1160px; }
.legal-layout--snapshot > aside { align-content: start; }
.legal-layout--snapshot > aside span, .legal-layout--snapshot > aside p { color: var(--colour-text-muted); font-size: 0.7rem; }
.legal-source-content > p:first-child { border: 1px solid var(--colour-line); background: var(--colour-surface-muted); padding: 1rem; }
.sitemap-index { display: grid; gap: 2rem; margin-top: 2rem; }
.sitemap-group { border-top: 1px solid var(--colour-line-strong); padding-top: 1rem; }
.sitemap-group h2 { display: flex; justify-content: space-between; }
.sitemap-group h2 span { color: var(--colour-info); font-size: 0.8rem; }
.sitemap-group ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; padding: 0; background: var(--colour-line); list-style: none; }
.sitemap-group li { display: grid; gap: 0.3rem; background: var(--colour-surface); padding: 0.8rem; }
.sitemap-group a { overflow-wrap: anywhere; font-weight: 720; }
.sitemap-group code { overflow-wrap: anywhere; color: var(--colour-text-muted); font-size: 0.62rem; }
.system-state { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 3rem; align-items: center; min-height: 640px; }
.system-state h1 { font-size: clamp(3rem, 8vw, 7rem); }
.system-state > div > p:not(.eyebrow) { max-width: 65ch; color: var(--colour-text-muted); }
.system-state__steps { display: grid; gap: 1px; margin: 2rem 0; background: var(--colour-line); }
.system-state__steps > div { display: grid; grid-template-columns: 32px 1fr; gap: 0.6rem; background: var(--colour-surface); padding: 0.8rem; }
.system-state__steps span { color: var(--colour-info); font-family: var(--font-display); }
.system-state__steps p { margin: 0; }
.system-state aside { overflow: hidden; border-radius: var(--radius-lg); background: #101719; color: #eef5f4; }
.system-state aside img { width: 100%; }
.system-state aside p { padding: 0 1rem 1rem; color: #a8b5b7; font-size: 0.7rem; }
.not-found-search { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0.5rem; max-width: 580px; margin-top: 1.5rem; }
.not-found-search label { grid-column: 1 / -1; }

@media (max-width: 1100px) {
  .home-hero { grid-template-columns: minmax(0, 1fr); min-height: auto; }
  .incident-board { max-width: 740px; }
  .forum-row { grid-template-columns: 44px minmax(0, 1fr) 150px; }
  .forum-row__latest { grid-column: 2 / -1; border-top: 1px solid var(--colour-line); border-left: 0; padding-top: 0.6rem; padding-left: 0; }
  .topic-row { grid-template-columns: 36px minmax(0, 1fr); }
  .topic-row dl { grid-column: 2; justify-content: flex-start; }
  .article-grid { grid-template-columns: minmax(0, 1fr) 240px; }
  .generator-layout, .contact-layout { grid-template-columns: minmax(0, 1fr) 290px; }
}

@media (max-width: 850px) {
  .signal-strip, .door-grid, .member-directory[data-view="grid"], .group-directory[data-view="grid"] { grid-template-columns: 1fr; }
  .group-directory-heading { align-items: flex-start; }
  .group-choice-grid { grid-template-columns: 1fr; }
  .signal-strip > div, .door { border-right: 0; border-bottom: 1px solid var(--colour-line); margin-right: 0; padding-right: 0; }
  .field-note, .featured-dispatch, .film-feature, .film-manifesto { grid-template-columns: 1fr; }
  .field-note figure, .featured-dispatch figure { min-height: 320px; }
  .group-row { grid-template-columns: auto minmax(0, 1fr); }
  .group-row dl { grid-column: 2; }
  .group-row__actions { grid-column: 2; justify-content: flex-start; }
  .topic-header, .wires-header, .article-next, .watch-notes { display: block; }
  .topic-header dl { width: 100%; margin-top: 1rem; }
  .wires-header > div:last-child, .article-next > div, .watch-notes > .button { margin-top: 1rem; }
  .wires-shell { grid-template-columns: 280px minmax(0, 1fr); }
  .wire-row__copy small { display: none; }
  .settings-layout { grid-template-columns: 1fr; }
  .settings-nav { display: flex; overflow-x: auto; }
  .article-grid { display: block; }
  .article-sidecar { position: static; grid-template-columns: 1fr 1fr; margin-top: 3rem; }
  .film-feature__visual { min-height: 380px; }
  .generator-layout, .compose-layout, .contact-layout { grid-template-columns: 1fr; }
  .password-rules, .privacy-card, .contact-aside { max-width: none; }
  .auth-layout { grid-template-columns: 1fr; }
  .auth-visual { min-height: 280px; }
  .auth-panel { min-height: auto; }
  .legal-layout { grid-template-columns: 1fr; gap: 1.5rem; }
  .legal-layout > aside { position: static; display: flex; flex-wrap: wrap; }
  .not-found { grid-template-columns: 1fr; padding: 2rem 0; }
  .editorial-controls, .system-state, .legal-layout--snapshot { grid-template-columns: 1fr; }
  .editorial-controls .filter-controls { justify-content: flex-start; }
  .system-state { gap: 1.5rem; }
  .system-state aside { max-width: 520px; }
}

@media (max-width: 620px) {
  .group-directory-heading { display: block; }
  .group-directory-heading > .button { margin-top: 0.85rem; }
  .home-hero h1 { font-size: clamp(2.65rem, 14vw, 4.4rem); }
  .incident-board dl { grid-template-columns: 1fr; }
  .incident-board dl div { border-bottom: 1px solid #2c383b; }
  .field-note figure, .featured-dispatch figure { min-height: 230px; }
  .activity-item__body > header { display: block; }
  .member-directory[data-view="list"] .member-card, .member-card { grid-template-columns: auto 1fr; }
  .member-directory[data-view="list"] .member-card__foot { grid-column: 1 / -1; }
  .profile-about, .group-about { grid-template-columns: 1fr; }
  .group-row { grid-template-columns: auto minmax(0, 1fr); align-items: start; }
  .group-row dl, .group-row__actions { grid-column: 1 / -1; }
  .forum-row { grid-template-columns: 36px minmax(0, 1fr); }
  .forum-row dl, .forum-row__latest { grid-column: 2; }
  .forum-row dl { flex-wrap: wrap; }
  .topic-row dl { flex-wrap: wrap; }
  .topic-header dl { grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: visible; }
  .topic-header dd { overflow-wrap: anywhere; }
  .forum-reply { grid-template-columns: 1fr; }
  .forum-reply > aside { flex-direction: row; align-items: center; border-right: 0; border-bottom: 1px solid var(--colour-line); padding: 0.8rem 0; }
  .forum-reply > aside strong { margin: 0; }
  .forum-reply__body { padding-left: 0; }
  .reply-gate, .discussion-origin { display: block; }
  .reply-gate .button, .discussion-origin .button { margin-top: 1rem; }
  .wires-shell { display: block; overflow: clip; }
  .wire-list { border-right: 0; border-bottom: 1px solid var(--colour-line); }
  .wire-stage { position: static; top: auto; max-height: none; overflow: visible; overscroll-behavior: auto; scrollbar-gutter: auto; }
  .wire-rows { grid-template-columns: 1fr; max-height: none; overflow: visible; }
  .wire-row { border-right: 0; }
  .wire-panel { min-height: 520px; }
  .wire-message { width: 92%; }
  .wire-attachment { grid-template-columns: 58px minmax(0, 1fr); }
  .wire-attachment__preview { width: 58px; height: 58px; }
  .wire-attachment__actions { grid-column: 2; justify-content: flex-start; }
  .wire-lightbox { padding: 0.5rem; }
  .wire-lightbox__frame { grid-template-columns: 38px minmax(0, 1fr) 38px; gap: 0.35rem; }
  .wire-lightbox__nav { width: 38px; height: 38px; }
  .wire-lightbox__close { top: 0.25rem; right: 0.25rem; }
  .wire-readonly { align-items: flex-start; }
  .notification-row { grid-template-columns: 20px minmax(0, 1fr) 28px; }
  .notification-row time { grid-column: 2; }
  .dispatch-row { grid-template-columns: 34px minmax(0, 1fr); }
  .dispatch-row__meta { grid-column: 2; text-align: left; }
  .article-header h1 { font-size: clamp(2.8rem, 15vw, 5rem); }
  .article-sidecar { grid-template-columns: 1fr; }
  .film-feature__visual { min-height: 280px; }
  .film-feature__visual::after { background: linear-gradient(180deg, transparent, rgba(8,12,14,0.55)); }
  .watch-hero { min-height: 300px; padding: 1.2rem; }
  .watch-hero > div { min-width: 0; }
  .watch-hero dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; overflow: visible; }
  .watch-hero dl div { min-width: 0; }
  .watch-hero dd { overflow-wrap: anywhere; }
  .generator-tool__head { display: block; }
  .local-signal { margin-top: 0.8rem; }
  .password-output { grid-template-columns: minmax(0, 1fr) auto; }
  .password-output button:first-of-type { display: none; }
  .strength-row, .generator-controls { grid-template-columns: 1fr; }
  .strength-row strong, .strength-row > span:last-child { text-align: left; }
  .generator-controls fieldset { grid-template-columns: 1fr; }
  .generator-controls .wide { grid-column: auto; }
  .moderation-queue article { grid-template-columns: 50px minmax(0, 1fr) auto; }
  .queue-age { grid-column: 2; }
  .auth-options { align-items: flex-start; flex-direction: column; }
  .auth-visual { min-height: 230px; }
  .auth-visual > div { right: 1.2rem; bottom: 1.2rem; left: 1.2rem; }
  .form-split { grid-template-columns: 1fr; }
  .contact-state-lab ul, .sitemap-group ul, .passphrase-controls { grid-template-columns: 1fr; }
  .forum-reply--nested { margin-left: 0.6rem; }
  .topic-cutout { display: none; }
}


/* === V6 APPLICATION AND NATIVE FORMS === */
body[data-route^="v6-next-"] .v6-account-menu,
body[data-route^="v6-next-"] .account-button {
  min-width: 0;
  max-width: 13rem;
}

body[data-route^="v6-next-"] .account-button {
  grid-template-columns: 30px minmax(0, 1fr) auto;
}

body[data-route^="v6-next-"] .account-button__copy {
  min-width: 0;
}

body[data-route^="v6-next-"] .account-button__copy strong,
body[data-route^="v6-next-"] .account-button__copy small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Application behaviour and native service forms within the sole V6 visual contract. */
body[data-route^="v6-next-"] {
  min-width: 0;
  overflow-x: clip;
  background: var(--colour-canvas);
  background-image: none;
}

body[data-golden-route="home"] .site-frame {
  grid-template-columns: 204px minmax(0, 1fr);
}

.menu > summary,
.v6-mobile-menu > summary {
  cursor: pointer;
  list-style: none;
}
.menu > summary::-webkit-details-marker,
.v6-mobile-menu > summary::-webkit-details-marker { display: none; }
.menu__panel[hidden] { display: none !important; }
.menu [data-menu-button][aria-expanded="true"] { background: var(--colour-surface-muted); color: var(--colour-text); }

.menu__panel--theme [data-theme-choice] {
  position: relative;
  display: flex;
  width: 100%;
  align-items: flex-start;
  flex-direction: column;
  gap: 0.12rem;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--colour-text);
  cursor: pointer;
  padding: 0.66rem 0.7rem;
  font-size: 0.82rem;
  font-weight: 680;
  text-align: left;
}
.menu__panel--theme [data-theme-choice]:hover { background: var(--colour-surface-muted); }
.menu__panel--theme [data-theme-choice][aria-checked="true"] {
  box-shadow: inset 3px 0 0 var(--colour-info);
  background: color-mix(in srgb, var(--colour-info) 8%, var(--colour-surface));
}
.menu__panel--theme [data-theme-choice] > span { padding-left: 0.2rem; }
.menu__panel--theme [data-theme-choice] small { color: var(--colour-text-muted); font-size: 0.68rem; font-weight: 500; }
.account-button__avatar img { width: 100%; height: 100%; object-fit: cover; }
.v6-mobile-menu { display: none; }

.rail-nav__link img {
  width: 20px;
  height: 20px;
  opacity: 0.68;
}
.rail-nav__link:hover img,
.rail-nav__link.is-active img { opacity: 1; }
.rail-nav__link.is-active img { filter: saturate(1.25); }

.identity-header__copy,
.film-feature__copy { min-width: 0; }

.tab-list a,
.tab-list > span {
  position: relative;
  flex: 0 0 auto;
  border-radius: var(--radius-sm) var(--radius-sm) 0 0;
  background: transparent;
  color: var(--colour-text-muted);
  padding: 0.78rem 1rem;
  font-size: 0.84rem;
  font-weight: 720;
  text-decoration: none;
}
.tab-list a:hover { background: var(--colour-surface-muted); color: var(--colour-text); }
.tab-list a[aria-current="page"] { background: var(--colour-surface-muted); color: var(--colour-text); }
.tab-list a[aria-current="page"]::after {
  position: absolute;
  right: 0.75rem;
  bottom: 0;
  left: 0.75rem;
  height: 3px;
  background: var(--colour-info);
  content: "";
}
.tab-list > span[aria-disabled="true"] { opacity: 0.66; }

.filter-controls > span {
  min-height: 36px;
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--colour-text-muted);
  padding: 0.45rem 0.7rem;
  font-size: 0.75rem;
  font-weight: 720;
}
.filter-controls > span[aria-current="page"] {
  border-color: var(--colour-line);
  background: var(--colour-surface);
  color: var(--colour-text);
  box-shadow: inset 0 -2px 0 var(--colour-info);
}

/* Watcher story projections: one story, two deliberate surfaces. */
.ww-watcher-story { display: grid; gap: 1rem; margin: 0.35rem 0 0; }
.ww-watcher-story__lead { margin: 0; color: var(--colour-text); font-size: 1.04rem; font-weight: 700; line-height: 1.55; }
.ww-watcher-story__section { display: grid; gap: 0.45rem; }
.ww-watcher-story__section h2 { margin: 0.3rem 0 0; color: var(--colour-info); font-family: var(--font-body); font-size: 0.72rem; font-weight: 820; letter-spacing: 0.09em; line-height: 1.3; text-transform: uppercase; }
.ww-watcher-story__section p, .ww-watcher-story__section ul { margin: 0; }
.ww-watcher-story__section ul { padding-left: 1.2rem; }
.ww-watcher-story__discussion { display: grid; gap: 0.45rem; border-left: 3px solid #ff7429; background: color-mix(in srgb, #ff7429 7%, var(--colour-surface)); padding: 0.85rem 1rem; }
.ww-watcher-story__discussion strong { color: #ff7429; font-size: 0.72rem; letter-spacing: 0.08em; text-transform: uppercase; }
.ww-watcher-story__discussion p { margin: 0; font-weight: 680; }
.ww-watcher-story__cta { justify-self: start; margin-top: 0.2rem; }
.ww-watcher-story__sources { border-top: 1px solid var(--colour-line); padding-top: 0.7rem; color: var(--colour-text-muted); font-size: 0.72rem; }
.ww-watcher-story__sources:not([open]) > .community-video--x,
.ww-source-drawer:not([open]) > .community-video--x { display: none !important; }
.ww-watcher-story__sources summary { width: fit-content; cursor: pointer; color: var(--colour-info); font-weight: 750; }
.ww-watcher-story__sources ul { display: grid; gap: 0.35rem; margin: 0.65rem 0 0; padding-left: 1rem; }
.ww-watcher-story__sources a { color: var(--colour-text-muted); overflow-wrap: anywhere; }
.activity-comment__content .ww-watcher-disclosure,
.activity-item__content .ww-watcher-disclosure,
.forum-message__content .ww-watcher-disclosure,
.ww-watcher-story .ww-watcher-story__disclosure,
.ww-watcher-story__disclosure { margin: -0.3rem 0 0; color: var(--colour-text-muted); font-size: 0.68rem; font-weight: 400; font-style: normal; line-height: 1.45; }
:is(.ww-watcher-story__disclosure, .ww-watcher-disclosure) :is(em, strong, span) { color: inherit; font-size: inherit; font-weight: inherit; font-style: normal; }
.activity-item__content .community-video-disclosure {
  margin: -0.3rem 0 0;
  color: var(--colour-text-muted);
  font-size: 0.68rem;
  font-style: normal;
  line-height: 1.45;
}
.activity-item__content .community-video-disclosure em { color: inherit; font-size: inherit; font-style: inherit; }
.ww-watcher-visual-slot[data-ww-visual-state="pending"] { display: none; }
.ww-watcher-story__visual { overflow: hidden; margin: 0; border: 1px solid var(--colour-line); border-radius: var(--radius-md); background: var(--colour-surface-muted); }
.ww-watcher-story__visual img { display: block; width: 100%; height: auto; }
.ww-watcher-story--activity { gap: 0.85rem; }
.ww-watcher-story--activity .ww-watcher-story__section p { line-height: 1.62; }

.avatar--image { overflow: hidden; padding: 0; }
.avatar--image img { width: 100%; height: 100%; object-fit: cover; }
.avatar--watcher.avatar--image { position: relative; overflow: visible; }
.avatar--watcher.avatar--image > img { border-radius: 50%; }
.avatar .watcher-mark--avatar { right: -0.25rem; bottom: -0.25rem; width: 1.25rem; height: 1.25rem; border-width: 1px; box-shadow: 0 0 0 1px var(--colour-surface); }
.avatar--small .watcher-mark--avatar { right: -0.2rem; bottom: -0.2rem; width: 0.95rem; height: 0.95rem; }
.avatar--large .watcher-mark--avatar { right: -0.3rem; bottom: -0.3rem; width: 1.6rem; height: 1.6rem; }
.avatar--xlarge .watcher-mark--avatar { right: -0.45rem; bottom: -0.45rem; width: 2.85rem; height: 2.85rem; border-width: 2px; box-shadow: 0 0 0 2px var(--colour-surface); }
.activity-item__body footer > span {
  border-radius: var(--radius-sm);
  color: var(--colour-text-muted);
  padding: 0.4rem 0.55rem;
  font-size: 0.72rem;
}
.activity-item__body footer b {
  margin-left: 0.25rem;
  color: var(--colour-info);
  font-family: var(--font-display);
  font-weight: 650;
}
.activity-item__permalink {
  color: var(--colour-text-muted);
  text-decoration-color: transparent;
  text-underline-offset: 0.2em;
}
.activity-item__permalink:hover {
  color: var(--colour-info);
  text-decoration-color: currentColor;
}
.activity-pagination {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: var(--space-3);
  margin-top: var(--space-5);
}
.activity-pagination > :last-child { justify-self: end; }
.activity-pagination strong {
  color: var(--colour-text-muted);
  font-size: 0.78rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.canonical-handoff {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  margin-top: 2rem;
}
.canonical-handoff > div { min-width: 0; }
.canonical-handoff .button { flex: 0 0 auto; }

body:has(input[data-v6-theme-choice="light"]:checked) {
  color-scheme: light;
  --colour-canvas:#f4f2ec;
  --colour-surface:#fffdfa;
  --colour-surface-raised:#faf8f3;
  --colour-surface-muted:#eae7df;
  --colour-text:#151a1b;
  --colour-text-muted:#596363;
  --colour-line:#d7d4ca;
  --colour-line-strong:#aeb4af;
  --colour-info:#007d89;
  --colour-action:#c74725;
  --colour-success:#177148;
  --colour-danger:#b42b2b;
  --colour-focus:#007f92;
  --colour-on-action:#ffffff;
  --colour-on-info:#ffffff;
  --colour-selection:#cceff2;
  --colour-overlay:rgba(10, 17, 20, 0.72);
  --shadow-soft:0 12px 30px rgba(38, 35, 27, 0.08);
  --shadow-menu:0 18px 48px rgba(38, 35, 27, 0.16);
  --image-dimmer:linear-gradient(90deg, rgba(8, 12, 14, 0.78), rgba(8, 12, 14, 0.24));
}

body:has(input[data-v6-theme-choice="dark"]:checked) {
  color-scheme: dark;
  --colour-canvas:#0b0f10;
  --colour-surface:#121819;
  --colour-surface-raised:#172021;
  --colour-surface-muted:#1c2526;
  --colour-text:#eef3f1;
  --colour-text-muted:#a0acab;
  --colour-line:#2b3636;
  --colour-line-strong:#495855;
  --colour-info:#43cbd0;
  --colour-action:#ff7047;
  --colour-success:#49c68b;
  --colour-danger:#ff7474;
  --colour-focus:#51d9e6;
  --colour-on-action:#1c0903;
  --colour-on-info:#061416;
  --colour-selection:#103f45;
  --colour-overlay:rgba(2, 5, 6, 0.82);
  --shadow-soft:0 14px 34px rgba(0, 0, 0, 0.22);
  --shadow-menu:0 20px 54px rgba(0, 0, 0, 0.42);
  --image-dimmer:linear-gradient(90deg, rgba(4, 7, 8, 0.9), rgba(4, 7, 8, 0.38));
}

/* Member profile parity: native metrics, native order and the existing V6 Activity machinery. */
.identity-header__profile-side {
  position: relative;
  z-index: 2;
  display: grid;
  width: min(320px, 34vw);
  min-width: 0;
  align-content: end;
  gap: 0.55rem;
}
.identity-header__profile-side .identity-header__actions { justify-content: flex-end; padding: 0; }
.identity-header--watcher .identity-header__profile-side { grid-template-columns: minmax(110px, 1fr) auto; width: auto; align-items: stretch; }
.identity-header--watcher .identity-header__profile-side .member-profile-stats { grid-template-columns: minmax(110px, 1fr); }
.identity-header--watcher .identity-header__profile-side .identity-header__actions { align-items: stretch; }
.identity-header--watcher .identity-header__profile-side .watch-follow-form,
.identity-header--watcher .identity-header__profile-side .watch-follow-form .button { height: 100%; }
.watcher-rail-section { border-top: 2px solid #ff7429; }
.watcher-rail-disclaimer { margin: 0.8rem 0 0; color: var(--colour-text-muted); font-size: 0.72rem; line-height: 1.45; }
.identity-header__profile-side .identity-header__actions:empty { display: none; }
.identity-header__profile-side .member-profile-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.4rem;
  margin: 0;
  padding: 0;
}
.member-profile-stat {
  display: grid;
  min-width: 0;
  gap: 0.2rem;
  border: 1px solid var(--colour-line);
  border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--colour-surface-raised) 88%, transparent);
  color: var(--colour-text);
  padding: 0.85rem 1rem;
  text-decoration: none;
}
a.member-profile-stat:hover { border-color: color-mix(in srgb, var(--colour-info) 55%, var(--colour-line)); background: var(--colour-surface-muted); }
.member-profile-stat strong { color: var(--colour-text-muted); font-family: var(--font-display); font-size: 0.72rem; letter-spacing: 0.08em; text-transform: uppercase; }
.member-profile-stat em { color: var(--colour-info); font-family: var(--font-display); font-size: 1.1rem; font-style: normal; font-weight: 820; }
.member-primary-tabs { margin-top: 0.75rem; }
.member-primary-tabs .tab-list { gap: 0; }
.member-primary-tabs .tab-list a { display: inline-flex; align-items: center; gap: 0.42rem; padding-inline: 0.62rem; }
.member-primary-tabs .tab-list a > span::before { display: none; }
.member-tab-count {
  display: inline-grid;
  min-width: 1.45rem;
  height: 1.45rem;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--colour-info) 42%, var(--colour-line));
  border-radius: 50%;
  color: var(--colour-info);
  font-family: var(--font-display);
  font-size: 0.66rem;
  line-height: 1;
}
.member-activity-controls { width: 100%; margin-top: 0.75rem; }
.member-activity-heading { margin: 0.65rem 0 0; font-size: 1.05rem; }
.member-activity-feed { border-top: 0; }

/* Compact Activity masthead: application context without the old image-led billboard. */
.application-masthead {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  min-height: 104px;
  align-items: end;
  gap: 1.5rem;
  padding: 1rem 0 0.9rem;
}
.application-masthead__copy { min-width: 0; }
.application-masthead__copy .eyebrow { margin: 0 0 0.3rem; }
.application-masthead__copy h1 {
  margin: 0;
  max-width: none;
  font-size: clamp(2rem, 3.2vw, 2.8rem);
  line-height: 1;
  letter-spacing: -0.045em;
}
.application-masthead__copy > p:last-child {
  margin: 0.45rem 0 0;
  color: var(--colour-text-muted);
  font-size: 0.9rem;
  line-height: 1.45;
}
.application-masthead__status {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  align-self: start;
  margin-top: 0.35rem;
  color: var(--colour-text-muted);
  font-size: 0.72rem;
  font-weight: 720;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.application-masthead__status i {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  background: var(--colour-info);
  box-shadow: 0 0 0 0.22rem color-mix(in srgb, var(--colour-info) 16%, transparent);
}
.application-masthead + [data-activity-tabs] { margin-top: 0; }

.identity-header--compact {
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.identity-header--compact.identity-header--has-group-cover {
  overflow: hidden;
  border-radius: 20px;
}
.identity-header--compact.identity-header--has-member-cover {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 190px;
  border-radius: 20px;
}
.identity-header--has-member-cover .identity-header__cover {
  position: absolute;
  inset: 0;
  z-index: 0;
  height: auto;
}
.identity-header--has-member-cover .identity-header__cover::after {
  background: linear-gradient(90deg, rgba(11, 15, 16, 0.92) 0%, rgba(11, 15, 16, 0.72) 46%, rgba(11, 15, 16, 0.38) 100%);
}
.identity-header__identity {
  display: contents;
}
.identity-header--has-member-cover .identity-header__identity {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  align-self: end;
  gap: 1rem;
  transform: translateY(-17.6px);
}
.identity-header--has-member-cover .identity-header__main {
  position: relative;
  z-index: 2;
  min-height: 0;
  margin-top: auto;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  padding: 0.85rem 1.15rem;
}
.identity-header--has-member-cover .identity-header__profile-side {
  align-self: end;
  transform: none;
}
.identity-header--has-member-cover .identity-header__avatar .avatar {
  box-shadow: 0 0 0 3px rgba(11, 15, 16, 0.55);
}
.identity-header--has-member-cover .identity-header__copy .eyebrow {
  color: var(--colour-info);
}
.identity-header--has-member-cover .identity-header__copy > p:not(.eyebrow) {
  color: #eef3f1;
}
.identity-header--compact .identity-header__main {
  min-height: 116px;
  align-items: center;
  gap: 1rem;
  margin-top: 0;
  padding: 1rem 0 0.9rem;
}
.identity-header--compact.identity-header--has-member-cover .identity-header__main {
  min-height: 0;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  padding: 0.85rem 1.15rem;
}
.identity-header--compact .identity-header__avatar .avatar {
  width: 76px;
  height: 76px;
  font-size: 0.9rem;
}
.identity-header--compact .identity-header__copy h1 {
  margin-bottom: 0.25rem;
  font-size: clamp(2rem, 3.2vw, 2.8rem);
  line-height: 1;
  letter-spacing: -0.045em;
}
.identity-header--compact .identity-header__copy > p:not(.eyebrow) {
  max-width: 58ch;
  margin: 0 0 0.5rem;
  font-size: 0.82rem;
}
.identity-header--compact + .tabs { margin-top: 0; }

@media (max-width: 760px) {
  .application-masthead { min-height: 82px; gap: 0.8rem; padding: 0.85rem 0 0.65rem; }
  .application-masthead__copy h1 { font-size: clamp(1.8rem, 8vw, 2.25rem); }
  .application-masthead__copy > p:last-child { display: none; }
  .application-masthead__status { margin-top: 0.2rem; font-size: 0.65rem; }
  .identity-header--compact .identity-header__main {
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 88px;
    align-items: center;
    margin-top: 0;
    padding: 0.85rem 0 0.65rem;
  }
  .identity-header--compact.identity-header--has-member-cover {
    min-height: 170px;
  }
  .identity-header--has-member-cover.identity-header--compact .identity-header__main {
    min-height: 0;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    padding: 0.85rem 0.9rem;
  }
  .identity-header--has-member-cover.identity-header--compact .chip-row {
    display: flex;
  }
  .identity-header--compact .identity-header__avatar .avatar { width: 58px; height: 58px; }
  .identity-header--compact .identity-header__copy h1 { font-size: clamp(1.8rem, 8vw, 2.25rem); }
  .identity-header--compact .identity-header__copy > p:not(.eyebrow),
  .identity-header--compact .chip-row { display: none; }
  .identity-header--group.identity-header--compact .chip-row,
  .identity-header--watcher.identity-header--compact .chip-row {
    display: flex;
    margin-top: 0.45rem;
  }
  .identity-header--compact .identity-header__profile-side,
  .identity-header--compact .identity-header__actions { grid-column: 1 / -1; width: 100%; }
}

/* Activity functionality transplant: canonical services in the signed-off V6 grammar. */
[data-activity-tabs] .tab-list {
  flex-wrap: wrap;
  overflow-x: visible;
  scrollbar-width: none;
}
[data-activity-tabs] .tab-list::-webkit-scrollbar { display: none; }
.feed-toolbar { align-items: end; display: flex; gap: 0.75rem; justify-content: space-between; margin: 0.8rem 0 0.45rem; }
.feed-toolbar .results-status { margin: 0; text-align: right; }
@media (min-width: 901px) {
  .feed-toolbar .results-status { flex: 0 0 13.5rem; }
}
.activity-directory-controls { align-items: end; display: flex; flex: 1 1 auto; flex-wrap: wrap; gap: 0.5rem; min-width: 0; }
.activity-directory-controls label { display: grid; gap: 0.45rem; min-width: min(100%, 12rem); }
.activity-directory-controls label:first-child { flex: 1 1 15rem; }
.activity-directory-controls label span { color: var(--colour-text-muted); font-size: 0.68rem; font-weight: 700; }
.activity-directory-controls input,
.activity-directory-controls select {
  box-sizing: border-box;
  height: 40px;
  min-height: 40px;
  border: 1px solid var(--colour-line-strong);
  border-radius: var(--radius-sm);
  background: var(--colour-surface);
  color: var(--colour-text);
  padding: 0.48rem 0.6rem;
}
.activity-directory-controls > .button {
  display: inline-flex;
  box-sizing: border-box;
  height: 40px;
  min-height: 40px;
  align-items: center;
  padding-block: 0;
}
.activity-directory-controls__clear { align-self: center; color: var(--colour-text-muted); font-size: 0.72rem; font-weight: 700; }

/* Privacy-aware external community video cards shared by Activity and Forums. */
.community-video {
  display: grid;
  gap: 0;
  width: min(100%, 760px);
  margin: 1rem 0 0.35rem;
  overflow: hidden;
  border: 1px solid var(--colour-line-strong);
  border-radius: var(--radius-md);
  background: #080d0e;
}
.community-video__stage {
  position: relative;
  display: grid;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  place-items: center;
  background:
    radial-gradient(circle at 78% 22%, color-mix(in srgb, var(--colour-info) 16%, transparent), transparent 34%),
    linear-gradient(145deg, #11191b, #080c0d 68%);
}
.community-video__poster {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0.56;
  object-fit: cover;
  filter: saturate(0.9) contrast(1.05);
}
.community-video__stage::after { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(4, 8, 9, 0.14), rgba(4, 8, 9, 0.72)); content: ""; pointer-events: none; }
.community-video[data-loaded="1"] .community-video__stage::after { display: none; }
.community-video__prompt { position: relative; z-index: 1; display: grid; justify-items: center; gap: 0.55rem; max-width: 34rem; padding: 2rem; text-align: center; text-shadow: 0 2px 18px rgba(0, 0, 0, 0.88); }
.community-video__provider { color: var(--colour-info); font-family: var(--font-display); font-size: 0.67rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; }
.community-video__prompt strong { color: var(--colour-text); font-family: var(--font-display); font-size: clamp(1.1rem, 2vw, 1.55rem); }
.community-video__prompt > span:not(.community-video__provider) { color: var(--colour-text-muted); font-size: 0.78rem; }
.community-video__load { margin-top: 0.3rem; }
.community-video iframe { display: block; width: 100%; height: 100%; border: 0; }
.community-video--x .community-video__stage { aspect-ratio: auto; min-height: 320px; padding: 0.75rem; }
.community-video--x[data-loaded="1"] .community-video__stage { overflow: hidden; }
.community-video--x iframe { width: min(100%, 550px); height: 540px; border-radius: var(--radius-sm); background: #15202b; }
.community-video--x .twitter-tweet,
.community-video--x .twitter-tweet-rendered { margin: 0 auto !important; }
.community-video > footer { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; border-top: 1px solid var(--colour-line); padding: 0.62rem 0.75rem; color: var(--colour-text-muted); font-size: 0.67rem; }
.community-video > footer a { flex: 0 0 auto; font-weight: 750; }

.status-uplink {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.75rem;
  margin: 0.9rem 0 1.15rem;
  border: 1px solid var(--colour-line-strong);
  border-radius: var(--radius-md);
  background: linear-gradient(135deg, color-mix(in srgb, var(--colour-info) 4%, var(--colour-surface-raised)), var(--colour-surface-raised));
  box-shadow: inset 3px 0 0 color-mix(in srgb, var(--colour-info) 72%, transparent);
  padding: 0.72rem 0.8rem;
  transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease, padding 180ms ease;
}
.status-uplink:focus-within,
.status-uplink[data-expanded="true"] {
  border-color: color-mix(in srgb, var(--colour-info) 52%, var(--colour-line-strong));
  background: color-mix(in srgb, var(--colour-info) 4%, var(--colour-surface-raised));
  box-shadow: inset 3px 0 0 var(--colour-info), 0 12px 34px color-mix(in srgb, black 15%, transparent);
}
.status-uplink[data-expanded="true"] { padding: 0.9rem; }
.status-uplink__avatar { padding-top: 0.1rem; }
.status-uplink__avatar a,
.activity-item__avatar a,
.activity-comment__avatar a { display: inline-flex; border-radius: 50%; text-decoration: none; }
.status-uplink__form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  min-width: 0;
  gap: 0.58rem 0.65rem;
}
.status-uplink[data-expanded="true"] .status-uplink__form {
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  gap: 0.68rem;
}
.status-uplink[data-expanded="false"]:not(:focus-within) .status-uplink__composer-only { display: none !important; }
.status-uplink__context {
  display: flex;
  grid-column: 1 / -1;
  align-items: center;
  justify-content: space-between;
  gap: 0.7rem;
  border-bottom: 1px solid var(--colour-line);
  padding-bottom: 0.62rem;
}
.status-uplink__identity { display: grid; gap: 0.08rem; min-width: 0; }
.status-uplink__identity strong { font-family: var(--font-display); font-size: 0.84rem; }
.status-uplink__identity span { color: var(--colour-text-muted); font-size: 0.67rem; }
.status-uplink__target select {
  min-height: 34px;
  max-width: 180px;
  border: 1px solid var(--colour-line-strong);
  border-radius: 999px;
  background: var(--colour-surface);
  color: var(--colour-text);
  padding: 0.36rem 1.8rem 0.36rem 0.68rem;
  font-size: 0.7rem;
  font-weight: 740;
}
.status-uplink__destination {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  max-width: 260px;
  border: 1px solid var(--colour-line-strong);
  border-radius: 999px;
  background: var(--colour-surface);
  color: var(--colour-text);
  padding: 0.36rem 0.68rem;
  font-size: 0.7rem;
  font-weight: 740;
  line-height: 1.25;
}
.status-uplink__group-picker {
  display: grid;
  grid-column: 1 / -1;
  gap: 0.35rem;
  border: 1px solid var(--colour-line);
  border-radius: var(--radius-sm);
  background: var(--colour-surface);
  padding: 0.62rem;
}
.status-uplink__group-picker[hidden] { display: none; }
.status-uplink__group-picker > label { color: var(--colour-text-muted); font-size: 0.68rem; font-weight: 720; }
.status-uplink__group-picker input[type="search"] {
  width: 100%;
  min-height: 38px;
  border: 1px solid var(--colour-line-strong);
  border-radius: var(--radius-sm);
  background: var(--colour-surface-raised);
  color: var(--colour-text);
  padding: 0.45rem 0.6rem;
}
.status-uplink__group-picker ul { display: grid; gap: 0.2rem; margin: 0; padding: 0; list-style: none; }
.status-uplink__group-picker li button { width: 100%; border: 1px solid var(--colour-line); border-radius: var(--radius-sm); background: var(--colour-surface-muted); color: var(--colour-text); padding: 0.45rem 0.6rem; text-align: left; }
.status-uplink__group-picker li button:hover,
.status-uplink__group-picker li button[aria-selected="true"] { border-color: var(--colour-info); }
.status-uplink__group-picker p { min-height: 1.2em; margin: 0; color: var(--colour-text-muted); font-size: 0.68rem; }
.status-uplink__tags {
  display: grid;
  grid-column: 1 / -1;
  gap: 0.38rem;
  border: 1px solid var(--colour-line);
  border-radius: var(--radius-md);
  background: var(--colour-surface);
  padding: 0.62rem;
}
.status-uplink__tags[hidden] { display: none; }
.status-uplink__tags > label { color: var(--colour-text-muted); font-size: 0.68rem; font-weight: 720; }
.status-uplink__tags input[type="search"] { width: 100%; min-height: 38px; border: 1px solid var(--colour-line-strong); border-radius: var(--radius-sm); background: var(--colour-surface-muted); color: var(--colour-text); padding: 0.45rem 0.6rem; }
.status-uplink__tags ul { display: grid; gap: 0.2rem; margin: 0; padding: 0; list-style: none; }
.status-uplink__tags li button { width: 100%; border: 1px solid var(--colour-line); border-radius: var(--radius-sm); background: var(--colour-surface-muted); color: var(--colour-text); padding: 0.45rem 0.6rem; text-align: left; }
.status-uplink__tags li button:hover,
.status-uplink__tags li button:focus-visible { border-color: var(--colour-info); color: var(--colour-info); }
.status-uplink__tags p { min-height: 1.2em; margin: 0; color: var(--colour-text-muted); font-size: 0.68rem; }
.status-uplink__tag-chips { display: flex; flex-wrap: wrap; gap: 0.35rem; }
.status-uplink__tag-chips:empty { display: none; }
.status-uplink__tag-chips button { border: 1px solid color-mix(in srgb, var(--colour-info) 55%, var(--colour-line)); border-radius: 999px; background: color-mix(in srgb, var(--colour-info) 12%, transparent); color: var(--colour-text); padding: 0.3rem 0.55rem; font-family: var(--font-mono); font-size: 0.7rem; cursor: pointer; }
.activity-item__tags { display: flex; flex-wrap: wrap; gap: 0.35rem; margin: 0.7rem 0 0; }
.activity-item__tags a { border: 1px solid color-mix(in srgb, var(--colour-info) 42%, var(--colour-line)); border-radius: 999px; background: color-mix(in srgb, var(--colour-info) 8%, transparent); color: var(--colour-info); padding: 0.22rem 0.48rem; font-family: var(--font-mono); font-size: 0.68rem; text-decoration: none; }
.activity-item__tags a:hover,
.activity-item__tags a:focus-visible { border-color: var(--colour-info); }
.activity-mention-suggestions { display: grid; gap: 0.2rem; margin: -0.25rem 0 0; padding: 0.3rem; border: 1px solid var(--colour-line-strong); border-radius: var(--radius-sm); background: var(--colour-surface); box-shadow: var(--shadow-soft); list-style: none; }
.activity-mention-suggestions[hidden] { display: none; }
.activity-mention-suggestions button { width: 100%; border: 0; border-radius: var(--radius-sm); background: transparent; color: var(--colour-text); padding: 0.45rem 0.55rem; text-align: left; }
.activity-mention-suggestions button:hover,
.activity-mention-suggestions button[aria-selected="true"] { background: var(--colour-surface-muted); }
.status-uplink textarea {
  grid-column: 1;
  width: 100%;
  min-height: 44px;
  max-height: 220px;
  resize: none;
  overflow-y: hidden;
  border: 1px solid transparent;
  border-radius: 999px;
  background: var(--colour-surface);
  color: var(--colour-text);
  padding: 0.68rem 0.9rem;
  font-size: 0.88rem;
  line-height: 1.45;
}
.status-uplink[data-expanded="true"] textarea {
  grid-column: 1 / -1;
  min-height: 108px;
  border-color: var(--colour-line-strong);
  border-radius: var(--radius-md);
  padding: 0.8rem 0.9rem;
}
.status-uplink textarea::placeholder { color: color-mix(in srgb, var(--colour-text-muted) 90%, transparent); }
.status-uplink textarea:focus {
  border-color: color-mix(in srgb, var(--colour-info) 68%, var(--colour-line-strong));
  outline: 2px solid color-mix(in srgb, var(--colour-info) 22%, transparent);
  outline-offset: 1px;
}
.activity-reply-form textarea {
  width: 100%;
  min-height: 86px;
  resize: vertical;
  border: 1px solid var(--colour-line-strong);
  border-radius: var(--radius-sm);
  background: var(--colour-surface);
  color: var(--colour-text);
  padding: 0.8rem 0.9rem;
  line-height: 1.55;
}
.activity-reply-form textarea:focus { outline: 2px solid color-mix(in srgb, var(--colour-info) 58%, transparent); outline-offset: 2px; }
.status-uplink__controls {
  display: flex;
  grid-column: 2;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.38rem;
}
.status-uplink[data-expanded="true"] .status-uplink__controls {
  grid-column: 1 / -1;
  justify-content: flex-start;
  border-top: 1px solid var(--colour-line);
  padding-top: 0.62rem;
}
.status-uplink__tool {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  gap: 0.38rem;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  color: var(--colour-text-muted);
  padding: 0.38rem 0.58rem;
  font: inherit;
  font-size: 0.7rem;
  font-weight: 720;
  line-height: 1;
  cursor: pointer;
}
.status-uplink__tool:hover,
.status-uplink__tool:focus-visible { border-color: var(--colour-line-strong); background: var(--colour-surface-muted); color: var(--colour-info); }
.status-uplink__tool[aria-disabled="true"],
.status-uplink__tool:disabled { cursor: not-allowed; opacity: 0.48; }
.status-uplink__tool svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.status-uplink__tool b { color: var(--colour-info); font-family: var(--font-display); font-size: 1rem; line-height: 1; }
.status-uplink__spacer { flex: 1 1 auto; }
.status-uplink__count { color: var(--colour-text-muted); font-family: var(--font-mono); font-size: 0.65rem; }
.status-uplink__count[hidden] { display: none; }
.status-uplink__controls > .button,
.ww-ac-form-controls > .button {
  min-height: 0;
  border: 0;
  border-radius: var(--radius-sm);
  box-shadow: none;
  background: transparent;
  color: var(--colour-text-muted);
  padding: 0.4rem 0.55rem;
  font-size: 0.72rem;
  font-weight: 650;
  line-height: 1.2;
}
.status-uplink__controls > .button { min-height: 34px; border-radius: 999px; padding-inline: 0.72rem; }
.status-uplink__controls > label.button,
.ww-ac-form-controls > label.button { cursor: pointer; }
.status-uplink__controls > .button:hover,
.status-uplink__controls > .button:focus-visible,
.ww-ac-form-controls > .button:hover,
.ww-ac-form-controls > .button:focus-visible { background: var(--colour-surface-muted); color: var(--colour-text); }
.status-uplink__controls > .button--primary {
  min-width: 72px;
  background: var(--colour-info);
  color: var(--colour-on-info);
  font-weight: 780;
}
.status-uplink__controls > .button--primary:hover,
.status-uplink__controls > .button--primary:focus-visible { background: color-mix(in srgb, var(--colour-info) 84%, white); color: var(--colour-on-info); }
.ww-ac-form-controls > .button--primary { color: var(--colour-info); }
.status-uplink__controls > .button:disabled,
.ww-ac-form-controls > .button:disabled { cursor: not-allowed; opacity: 0.48; }
.status-uplink__controls input[type="file"],
.ww-ac-form-controls input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}
.status-uplink__image,
.activity-reply-form__image {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.7rem;
  border: 1px solid var(--colour-line);
  border-radius: var(--radius-sm);
  padding: 0.55rem;
}
.status-uplink__image { grid-column: 1 / -1; background: var(--colour-surface); }
.status-uplink__image[hidden],
.activity-reply-form__image[hidden] { display: none; }
.activity-image-selection {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(88px, 1fr));
  gap: 0.45rem;
  width: 100%;
}
.status-uplink__image .activity-image-selection__item,
.activity-reply-form__image .activity-image-selection__item {
  position: relative;
  display: block;
  min-width: 0;
  overflow: visible;
  color: inherit;
  white-space: normal;
}
.status-uplink__image .activity-image-selection__item img,
.activity-reply-form__image .activity-image-selection__item img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  border-radius: var(--radius-sm);
  object-fit: cover;
}
.activity-image-selection .activity-image-selection__remove {
  position: absolute;
  right: 0.3rem;
  bottom: 0.3rem;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 999px;
  background: rgba(8, 13, 16, 0.82);
  color: #fff;
  padding: 0.18rem 0.42rem;
  font-size: 0.61rem;
  line-height: 1.2;
}
.status-uplink__image > span,
.activity-reply-form__image > span { min-width: 0; color: var(--colour-text-muted); font-size: 0.72rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.status-uplink__image > button,
.activity-reply-form__image > button { border: 0; background: transparent; color: var(--colour-danger, var(--colour-action)); font-size: 0.7rem; }
.status-uplink [data-activity-composer-status],
.activity-reply-form [data-activity-reply-status],
.activity-load-more [data-activity-load-status] { min-height: 1.2em; margin: 0; color: var(--colour-text-muted); font-size: 0.7rem; }
.status-uplink [data-activity-composer-status] { grid-column: 1 / -1; }
.status-uplink [data-activity-composer-status]:empty { display: none; }

.activity-item__action { min-width: 0; }
.activity-item__action p { margin: 0; color: var(--colour-text-muted); font-size: 0.78rem; }
.activity-item__action a,
.activity-item__content a,
.activity-comment a { color: var(--colour-info); text-decoration-thickness: 1px; text-underline-offset: 0.16em; }
.activity-item__action > p > a:first-child { color: var(--colour-text); font-weight: 760; text-decoration: none; }
.activity-item__action img { display: none; }
.activity-item__content { max-width: 74ch; min-width: 0; overflow-wrap: anywhere; color: var(--colour-text); font-size: 0.93rem; }
.activity-item__content a,
.activity-comment__content a { overflow-wrap: anywhere; word-break: break-word; }
.activity-item__content > :first-child { margin-top: 0; }
.activity-item__content > :last-child { margin-bottom: 0; }
.activity-item__content figure,
.activity-comment__content figure { max-width: 100%; margin: 0.9rem 0 0; }
.activity-item__content figure img,
.activity-comment__content figure img { display: block; max-width: 100%; height: auto; border-radius: var(--radius-md); }
.activity-media-expand { position: relative; display: grid; width: fit-content; max-width: 100%; overflow: hidden; border: 1px solid color-mix(in srgb, var(--colour-line-strong) 60%, transparent); border-radius: var(--radius-md); background: var(--colour-surface); padding: 0; cursor: zoom-in; }
.activity-media-expand:hover { border-color: color-mix(in srgb, var(--colour-info) 62%, var(--colour-line)); }
.activity-media-expand:focus-visible,
.activity-media-tile:focus-visible { outline: 3px solid color-mix(in srgb, var(--colour-info) 64%, transparent); outline-offset: 2px; }
.activity-media-expand::after,
.activity-media-tile::after { content: '+'; position: absolute; right: 0.45rem; bottom: 0.45rem; display: grid; width: 1.7rem; height: 1.7rem; place-items: center; border: 1px solid color-mix(in srgb, #fff 30%, transparent); border-radius: 50%; background: rgba(4, 8, 10, 0.72); color: #fff; font-size: 0.9rem; line-height: 1; pointer-events: none; }
.activity-media-grid { display: grid; width: 100%; max-width: 760px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.55rem; margin: 0.9rem 0 0; }
.activity-media-grid--count-3 > .activity-media-grid__item:first-child { grid-column: 1 / -1; }
.activity-media-grid .activity-media-grid__item { min-width: 0; margin: 0; }
.activity-media-tile { position: relative; display: grid; width: 100%; min-width: 0; aspect-ratio: 4 / 3; overflow: hidden; border: 1px solid color-mix(in srgb, var(--colour-line-strong) 60%, transparent); border-radius: var(--radius-md); background: color-mix(in srgb, var(--colour-surface-raised) 74%, #000); padding: 0; cursor: zoom-in; }
.activity-media-tile:hover { border-color: color-mix(in srgb, var(--colour-info) 62%, var(--colour-line)); }
.activity-item__content .activity-media-tile img,
.activity-comment__content .activity-media-tile img { width: 100%; max-width: none; height: 100%; border-radius: 0; object-fit: cover; }
.activity-item__actions { display: flex; flex-wrap: wrap; gap: 0.3rem; margin-top: 0.55rem; }
.activity-item__actions button {
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--colour-text-muted);
  padding: 0.4rem 0.55rem;
  font-size: 0.72rem;
}
.activity-item__actions button:hover,
.activity-item__actions button:focus-visible { background: var(--colour-surface-muted); color: var(--colour-text); }
.activity-item__actions button[aria-pressed="true"] { color: var(--colour-info); }
.activity-item__actions .activity-danger-action,
.activity-comment__actions .activity-danger-action { color: var(--colour-danger, #d14f4f); }

.activity-replies { margin-top: 0.85rem; border-left: 2px solid var(--colour-line-strong); padding-left: 0.9rem; }
.activity-replies[hidden] { display: none; }
.activity-comments-list { display: grid; gap: 0.75rem; margin: 0 0 0.8rem; padding: 0; list-style: none; }
.activity-comments-list .activity-comments-list { margin: 0.7rem 0 0 1rem; }
.activity-comment { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 0.65rem; scroll-margin-top: calc(var(--header-height) + 1rem); }
.activity-comment:target { outline: 2px solid color-mix(in srgb, var(--colour-info) 72%, transparent); outline-offset: 0.35rem; border-radius: var(--radius-sm); background: color-mix(in srgb, var(--colour-info) 6%, transparent); }
.activity-comment__body { min-width: 0; }
.activity-comment__body > header { display: flex; justify-content: space-between; gap: 0.8rem; }
.activity-comment__body > header time { color: var(--colour-text-muted); font-size: 0.68rem; }
.activity-comment__content .ww-watcher-disclosure em { color: inherit; font-size: inherit; font-style: normal; }
.activity-comment__content { color: var(--colour-text); font-size: 0.82rem; }
.activity-comment__content > :first-child { margin-top: 0.25rem; }
.activity-comment__content > :last-child { margin-bottom: 0; }
.activity-comment__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem; margin-top: 0.35rem; }
.activity-comment__actions > button {
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--colour-text-muted);
  padding: 0.25rem 0.4rem;
  font-size: 0.68rem;
}
.activity-comment__actions > button:hover,
.activity-comment__actions > button:focus-visible { background: var(--colour-surface-muted); color: var(--colour-text); }
.activity-replies__empty { margin: 0 0 0.7rem; color: var(--colour-text-muted); font-size: 0.78rem; }
.activity-reply-form { display: grid; gap: 0.5rem; margin-top: 0.7rem; }
.activity-reply-form > label { font-family: var(--font-display); font-size: 0.76rem; font-weight: 720; }
.activity-reply-form > div { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.activity-reply-form > .activity-reply-form__image { display: grid; }
.activity-reply-form > .activity-reply-form__image[hidden] { display: none; }
.activity-reply-form .ww-ac-form-controls { align-items: center; }
.activity-load-more { display: grid; justify-items: center; gap: 0.45rem; margin: 1.4rem 0 0; border-top: 1px solid var(--colour-line); padding-top: 1.2rem; }
.activity-load-more .button { min-width: 150px; justify-content: center; }

@media (min-width: 1241px) {
  body.ww-v6-native-presentation.ww-v6-native-shell-community .site-frame,
  body[data-shell="community"] .site-frame,
  body[data-shell="identity"] .site-frame { grid-template-columns: 204px minmax(0, 1fr) 320px; }
  body.ww-v6-native-presentation.ww-v6-native-shell-community .site-header__inner,
  body[data-shell="community"] .site-header__inner,
  body[data-shell="identity"] .site-header__inner {
    width: min(100%, var(--max-site));
    grid-template-columns: 204px minmax(0, 1fr) 320px;
    gap: 0;
  }
  body[data-shell="community"] .site-header__inner > .brand,
  body[data-shell="identity"] .site-header__inner > .brand { padding-left: 1rem; }
  body[data-shell="community"] .header-actions,
  body[data-shell="identity"] .header-actions { justify-content: flex-start; }
}

@media (max-width: 1240px) {
  body[data-golden-route="home"] .site-frame { grid-template-columns: minmax(0, 1fr); }
}

@media (min-width: 901px) and (max-width: 1240px) {
  body.ww-v6-native-presentation.ww-v6-native-shell-community .site-frame {
    grid-template-columns: minmax(0, 1fr) 250px;
  }
}

@media (max-width: 1020px) {
  .v6-mobile-menu { display: block; }
  .v6-mobile-menu .mobile-nav-button { display: inline-flex; }
  .v6-mobile-menu .mobile-navigation {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
  }
}

@media (max-width: 760px) {
  .canonical-handoff { align-items: stretch; flex-direction: column; }
  .canonical-handoff .button { width: 100%; }
  .identity-header__profile-side { grid-column: 1 / -1; width: 100%; }
  .identity-header__profile-side .member-profile-stats { width: 100%; gap: 0.4rem; }
  .member-profile-stat { padding: 0.72rem 0.65rem; }
  .member-profile-stat strong { font-size: 0.61rem; }
  .feed-toolbar { align-items: stretch; flex-direction: column; }
  .feed-toolbar .results-status { text-align: left; }
  .activity-directory-controls,
  .activity-directory-controls label,
  .activity-directory-controls .button { width: 100%; }
  .status-uplink { grid-template-columns: auto minmax(0, 1fr); gap: 0.58rem; padding: 0.68rem; }
  .status-uplink[data-expanded="true"] { padding: 0.78rem; }
  .status-uplink__avatar .avatar { width: 38px; height: 38px; font-size: 0.64rem; }
}

@media (max-width: 560px) {
  .tab-list a[aria-current] { order: -1; }
  .member-primary-tabs .tab-list a[aria-current] { order: initial; }
  .member-primary-tabs .tab-list a { padding-inline: 0.62rem; }
  [data-activity-tabs] .tab-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-activity-tabs] .tab-list a { width: 100%; text-align: center; }
  .status-uplink__context { align-items: flex-start; flex-direction: column; }
  .status-uplink__target,
  .status-uplink__target select { width: 100%; max-width: none; }
  .status-uplink__controls { gap: 0.3rem; }
  .status-uplink__spacer { flex-basis: 100%; height: 0; }
  .status-uplink__controls .button { flex: 0 0 auto; justify-content: center; }
  .status-uplink__controls .button--primary { margin-left: auto; }
  .status-uplink__image { grid-template-columns: minmax(0, 1fr); }
  .status-uplink__image > button { grid-column: 1 / -1; justify-self: start; }
}

/* Forums functionality transplant: native bbPress reads and canonical forms. */
.forum-search { display: grid; gap: 0.4rem; margin: 1rem 0 1.4rem; border: 1px solid var(--colour-line); border-radius: var(--radius-md); background: color-mix(in srgb, var(--colour-surface-raised) 78%, transparent); padding: 0.85rem; }
.forum-search label { color: var(--colour-text-muted); font-size: 0.68rem; font-weight: 760; text-transform: uppercase; letter-spacing: 0.06em; }
.forum-search form > div { display: flex; align-items: end; gap: 0.55rem; }
.forum-search input { flex: 1 1 auto; min-width: 0; min-height: 42px; border: 1px solid var(--colour-line-strong); border-radius: var(--radius-sm); background: var(--colour-surface); color: var(--colour-text); padding: 0.55rem 0.7rem; }
.forum-search input:focus { outline: 2px solid color-mix(in srgb, var(--colour-info) 58%, transparent); outline-offset: 2px; }
.forum-row { transition: background-color 160ms ease, box-shadow 160ms ease; }
.forum-row:hover,
.forum-row:focus-within {
  background: color-mix(in srgb, var(--colour-info) 5%, transparent);
  box-shadow: inset 3px 0 0 var(--colour-info);
}
.forum-row__latest > img,
.forum-row__latest > .avatar { grid-row: 1 / 4; align-self: center; width: 38px; height: 38px; border-radius: 50%; object-fit: cover; }
.forum-row__latest > .avatar { display: grid; place-items: center; background: var(--colour-surface-muted); color: var(--colour-info); font-size: 0.66rem; }
.forum-row__latest > span:not(.avatar),
.forum-row__latest > strong,
.forum-row__latest > small { grid-column: 2; }
.topic-row--sticky .topic-row__state { color: var(--colour-info); }
.topic-row--sticky { background: color-mix(in srgb, var(--colour-info) 4%, transparent); }
.forum-breadcrumb { display: flex; flex-wrap: wrap; gap: 0.45rem; margin: 0 0 0.8rem; color: var(--colour-text-muted); font-size: 0.72rem; }
.forum-breadcrumb a { color: var(--colour-info); }
.forum-header { align-items: end; }
.forum-description { max-width: 74ch; color: var(--colour-text-muted); }
.forum-description > :first-child,
.forum-reply__content > :first-child { margin-top: 0; }
.forum-description > :last-child,
.forum-reply__content > :last-child { margin-bottom: 0; }
.topic-header__actions { display: grid; align-content: end; justify-items: end; gap: 0.7rem; max-width: min(100%, 460px) !important; }
.forum-topic-controls,
.forum-post-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 0.35rem; }
.forum-topic-controls a,
.forum-post-actions a,
.forum-post-actions button { display: inline-flex; align-items: center; min-height: 32px; border: 1px solid var(--colour-line); border-radius: var(--radius-sm); background: transparent; color: var(--colour-text-muted); padding: 0.34rem 0.52rem; font-size: 0.68rem; text-decoration: none; }
.forum-topic-controls a:hover,
.forum-topic-controls a:focus-visible,
.forum-post-actions a:hover,
.forum-post-actions a:focus-visible,
.forum-post-actions button:hover,
.forum-post-actions button:focus-visible { border-color: var(--colour-info); color: var(--colour-text); }
.forum-post-actions { justify-content: flex-start; margin-top: 1rem; }
.forum-reply--opening { border-left: 3px solid var(--colour-info); }
.forum-reply--focused { border-color: var(--colour-action); box-shadow: 0 0 0 3px color-mix(in srgb, var(--colour-action) 16%, transparent); }
.forum-reply--pending { border-style: dashed; background: color-mix(in srgb, var(--colour-action) 7%, var(--colour-surface-raised)); }
.forum-post-state { border-radius: 999px; background: color-mix(in srgb, var(--colour-action) 14%, transparent); color: var(--colour-text); padding: 0.2rem 0.45rem; font-size: 0.64rem; }
.forum-reply__body header a { color: var(--colour-info); }
.forum-reply__content { min-width: 0; width: 100%; max-width: 78ch; overflow-wrap: anywhere; color: var(--colour-text); line-height: 1.68; }
.forum-reply__content img { display: block; width: auto; max-width: 100%; height: auto; border-radius: var(--radius-md); }
.forum-reply__content blockquote { margin: 1rem 0; border-left: 3px solid var(--colour-info); background: color-mix(in srgb, var(--colour-info) 7%, transparent); padding: 0.7rem 0.9rem; color: var(--colour-text-muted); }
.forum-pagination { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 0.75rem; margin: 1.3rem 0; border-top: 1px solid var(--colour-line); padding-top: 1rem; }
.forum-pagination > :last-child { justify-self: end; }
.forum-pagination strong { color: var(--colour-text-muted); font-size: 0.7rem; }
.forum-composer { margin-top: 1.5rem; border-top: 1px solid var(--colour-line-strong); padding-top: 1.1rem; }
.ww-airlock-notice { display: flex; flex-wrap: wrap; align-items: center; gap: 0.55rem 0.8rem; margin: 1.25rem 0; border: 1px solid color-mix(in srgb, var(--colour-action) 45%, var(--colour-line)); border-radius: var(--radius-sm); background: color-mix(in srgb, var(--colour-action) 8%, var(--colour-surface)); color: var(--colour-text-muted); padding: 0.8rem 0.9rem; }
.ww-airlock-notice strong, .ww-airlock-countdown { color: var(--colour-text); }
.ww-airlock-countdown { margin-left: auto; font-family: var(--font-mono); font-size: 0.76rem; }
.forum-subscription-action { display: flex; flex: 0 0 auto; align-self: end; padding-bottom: 0.25rem; }
.forum-subscription-action a.subscription-toggle { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; border: 1px solid var(--colour-line-strong); border-radius: 999px; background: var(--colour-surface); color: var(--colour-text); padding: 0.42rem 0.72rem; font-size: 0.72rem; font-weight: 760; text-decoration: none; }
.forum-subscription-action a.subscription-toggle:hover,
.forum-subscription-action a.subscription-toggle:focus-visible { border-color: var(--colour-info); color: var(--colour-info); }
.forum-composer > .section-heading { margin-bottom: 0.8rem; }
.forum-composer > .section-heading h2 { margin-bottom: 0; }
.forum-native-form { width: 100%; max-width: 920px; }
.forum-native-form fieldset.bbp-form { display: grid; gap: 0.65rem; margin: 0; border: 0; padding: 0; }
.forum-native-form fieldset.bbp-form > legend { margin-bottom: 0.15rem; color: var(--colour-text); font-size: 0.88rem; font-weight: 780; }
.forum-native-form fieldset.bbp-form > div,
.forum-native-form fieldset.bbp-form > p { margin: 0; }
.forum-native-form label { display: block; margin-bottom: 0.3rem; color: var(--colour-text-muted); font-size: 0.72rem; font-weight: 740; }
.forum-native-form input[type="text"],
.forum-native-form input[type="url"],
.forum-native-form select { width: 100%; min-height: 42px; border: 1px solid var(--colour-line-strong); border-radius: var(--radius-sm); background: var(--colour-surface); color: var(--colour-text); padding: 0.58rem 0.7rem; }
.forum-native-form input[type="checkbox"] { appearance: auto; flex: 0 0 auto; width: 1rem !important; height: 1rem !important; min-height: 0 !important; margin: 0; accent-color: var(--colour-action); }
.forum-native-form button[type="submit"],
.forum-native-form input[type="submit"] { display: inline-flex; align-items: center; justify-content: center; width: fit-content; min-height: 42px; border: 1px solid var(--colour-action); border-radius: var(--radius-sm); background: var(--colour-action); color: var(--colour-on-action); padding: 0.56rem 0.8rem; font-weight: 780; }
.forum-native-form .bbp-the-content-wrapper,
.forum-native-form .wp-editor-wrap { overflow: hidden; border: 1px solid var(--colour-line-strong); border-radius: var(--radius-md); background: var(--colour-surface); color-scheme: dark; }
.forum-native-form .wp-editor-tools,
.forum-native-form .quicktags-toolbar,
.forum-native-form .mce-toolbar-grp { border-color: var(--colour-line); background: var(--colour-surface-muted); }
.forum-native-form .mce-toolbar-grp { padding: 0.28rem; }
.forum-native-form .mce-toolbar-grp .mce-btn { border: 0; background: transparent; }
.forum-native-form .mce-toolbar-grp .mce-btn:hover,
.forum-native-form .mce-toolbar-grp .mce-btn:focus-within { background: color-mix(in srgb, var(--colour-info) 12%, var(--colour-surface-muted)); }
.forum-native-form .mce-toolbar-grp .mce-ico { color: var(--colour-text-muted); }
.forum-native-form .mce-edit-area,
.forum-native-form .mce-edit-area iframe,
.forum-native-form .wp-editor-container { border-color: var(--colour-line) !important; background: var(--colour-surface) !important; }
.forum-native-form .mce-statusbar { border-color: var(--colour-line) !important; background: var(--colour-surface-muted) !important; color: var(--colour-text-muted) !important; }
.forum-native-form .mce-statusbar .mce-path-item,
.forum-native-form .mce-statusbar .mce-wordcount,
.forum-native-form .mce-statusbar .mce-resizehandle i { color: var(--colour-text-muted) !important; }
.forum-native-form textarea.bbp-the-content { box-sizing: border-box; width: 100%; min-height: 190px; border: 0; background: var(--colour-surface); color: var(--colour-text); padding: 0.85rem; line-height: 1.6; }
.forum-native-form textarea.bbp-the-content:focus { box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--colour-info) 58%, transparent); outline: 0; }
.forum-native-form .forum-tags-field { display: block; }
.forum-native-form .forum-tags-field br { display: none; }
.forum-native-form .forum-field-label--visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; }
.forum-native-form #bbp_topic_tags::placeholder { color: var(--colour-text-muted); opacity: 0.82; }
.forum-subscribe { display: flex !important; align-items: center; gap: 0.5rem; width: fit-content; min-height: 1.6rem; padding: 0.05rem 0; color: var(--colour-text-muted); font-size: 0.75rem; }
.forum-native-form .forum-subscribe label { display: inline; margin: 0; cursor: pointer; font-size: 0.75rem; line-height: 1.35; }
.forum-native-form .bbp-submit-wrapper,
.forum-native-form .forum-submit-row { float: none !important; clear: both; width: fit-content; margin: 0.1rem 0 0 !important; }
.forum-engagement-status { min-height: 1em; margin: 0; color: var(--colour-text-muted); font-size: 0.68rem; }
.forum-composer__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.7rem; }
.forum-composer__actions span,
.forum-reply-target { margin: 0; color: var(--colour-text-muted); font-size: 0.68rem; }
.forum-reply-target:not([hidden]) { border-left: 3px solid var(--colour-info); padding-left: 0.55rem; }
.site-notice__mode-form { display: inline-flex; margin: 0; }
.site-notice__mode-form button { appearance: none; border: 0; background: transparent; color: inherit; cursor: pointer; font: inherit; font-weight: 760; padding: 0; text-decoration: underline; text-underline-offset: 0.16em; }
.v6-mode-doorway { display: grid; gap: 1.5rem; width: min(100% - 2rem, 720px); min-height: 70vh; margin: 0 auto; padding: clamp(2rem, 8vw, 7rem) 0; align-content: center; }
.v6-mode-doorway .utility-card { display: grid; gap: 1rem; border: 1px solid var(--colour-line-strong); border-radius: var(--radius-lg); background: var(--colour-surface); padding: clamp(1.25rem, 4vw, 2.5rem); box-shadow: var(--shadow-soft); }
.v6-mode-doorway form { display: inline-flex; width: fit-content; margin: 0; }

@media (max-width: 760px) {
  .forum-search > div,
  .forum-composer__actions { align-items: stretch; flex-direction: column; }
  .forum-search .button,
  .forum-composer__actions .button { width: 100%; justify-content: center; }
  .topic-header__actions { justify-items: stretch; margin-top: 1rem; max-width: none !important; }
  .forum-topic-controls { justify-content: flex-start; }
  .forum-pagination { grid-template-columns: 1fr 1fr; }
  .forum-pagination strong { grid-column: 1 / -1; grid-row: 1; text-align: center; }
  .forum-pagination > :last-child { justify-self: stretch; }
  .forum-pagination .button { justify-content: center; }
}

/* Native extension components, presented exclusively by the V6 design contract. */
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .wwr-report-trigger {
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--colour-text-muted);
  padding: 0.35rem 0.5rem;
  font: inherit;
}
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .wwr-report-trigger:hover,
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .wwr-report-trigger:focus-visible { color: var(--colour-action); }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .wwr-report-trigger:disabled,
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .wwr-report-trigger.is-reported { cursor: default; opacity: 0.62; }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .wwr-overflow-menu { position: relative; display: inline-block; }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .wwr-overflow-menu > summary {
  display: inline-grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border-radius: var(--radius-sm);
  color: var(--colour-text-muted);
  font-size: 1.2rem;
  font-weight: 800;
  line-height: 1;
  list-style: none;
}
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .wwr-overflow-menu > summary::-webkit-details-marker { display: none; }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .wwr-overflow-menu > summary:hover,
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .wwr-overflow-menu > summary:focus-visible { background: var(--colour-surface-muted); color: var(--colour-action); }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .wwr-overflow-menu__panel {
  position: absolute;
  right: 0;
  bottom: calc(100% + 5px);
  z-index: 30;
  width: max-content;
  min-width: 130px;
  max-width: calc(100vw - 32px);
  border: 1px solid var(--colour-line-strong);
  border-radius: var(--radius-sm);
  background: var(--colour-surface);
  padding: var(--space-2) var(--space-3);
  box-shadow: var(--shadow-menu);
}
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .wwr-overflow-menu__panel .wwr-report-trigger { display: block; width: 100%; color: var(--colour-text); text-align: left; white-space: nowrap; }

html.wwr-dialog-open { overflow: hidden; }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .wwr-dialog-shell {
  position: fixed;
  inset: 0;
  z-index: 100100;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-5);
}
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .wwr-dialog-shell[hidden] { display: none; }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .wwr-dialog-backdrop { position: absolute; inset: 0; background: var(--colour-overlay); }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .wwr-dialog {
  position: relative;
  z-index: 1;
  width: min(100%, 620px);
  max-height: calc(100vh - 40px);
  overflow: auto;
  border: 1px solid var(--colour-line-strong);
  border-radius: var(--radius-lg);
  background: var(--colour-surface);
  color: var(--colour-text);
  padding: clamp(1.25rem, 4vw, 2rem);
  box-shadow: var(--shadow-menu);
}
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .wwr-dialog h2 { margin: 0 2.75rem var(--space-2) 0; }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .wwr-dialog label { display: block; margin: var(--space-4) 0 var(--space-2); }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .wwr-dialog-close {
  position: absolute;
  top: var(--space-3);
  right: var(--space-3);
  width: 40px;
  height: 40px;
  border-radius: var(--radius-round);
  background: transparent;
  color: var(--colour-text-muted);
  font-size: 1.7rem;
  line-height: 1;
}
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .wwr-dialog-close:hover { background: var(--colour-surface-muted); color: var(--colour-text); }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .wwr-dialog-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--space-2); margin-top: var(--space-5); }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .wwr-dialog-actions button {
  min-height: 44px;
  border: 1px solid var(--colour-line-strong);
  border-radius: var(--radius-sm);
  padding: 0.65rem 0.9rem;
  font-weight: 780;
}
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .wwr-dialog-actions .wwr-primary { border-color: var(--colour-action); background: var(--colour-action); color: var(--colour-on-action); }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .wwr-dialog-actions .wwr-secondary { background: transparent; color: var(--colour-text); }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .wwr-message-disclosure,
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .wwr-serious-note { border-left: 3px solid var(--colour-action); background: var(--colour-surface-muted); padding: var(--space-3); }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .wwr-form-status { min-height: 1.5em; font-weight: 700; }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .wwr-form-status.is-error { color: var(--colour-danger); }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .wwr-form-status.is-success { color: var(--colour-success); }

:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite { width: 100%; margin: var(--space-3) 0; color: var(--colour-text); }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite[hidden],
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite__preview[hidden],
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite[data-ww-rewrite-state="idle"] .ww-rewrite__preview { display: none; }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) form[data-activity-composer] .status-uplink__controls > .ww-rewrite--v6-composer { flex: 0 0 auto; width: auto; margin: 0; }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) form[data-activity-composer] .ww-rewrite--v6-composer[data-ww-rewrite-state]:not([data-ww-rewrite-state="idle"]) { flex: 1 0 100%; width: 100%; }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite__toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--space-2); }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) form[data-activity-composer] .ww-rewrite--v6-composer .ww-rewrite__toolbar { width: auto; gap: 0; }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-control {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  border: 1px solid var(--colour-line-strong);
  border-radius: var(--radius-round);
  background: var(--colour-surface-raised);
  color: var(--colour-text);
  padding: 0.55rem 0.85rem;
  font-size: 0.82rem;
  font-weight: 760;
}
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-control--accent:hover,
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-control--accent:focus-visible { border-color: var(--colour-info); color: var(--colour-info); }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-control--primary { border-color: var(--colour-action); background: var(--colour-action); color: var(--colour-on-action); }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-control--ghost { background: transparent; color: var(--colour-text-muted); }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-control:disabled,
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-control[aria-disabled="true"] { cursor: not-allowed; opacity: 0.55; }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) form[data-activity-composer] button.ww-rewrite__trigger { min-height: 0; border: 0; border-radius: var(--radius-sm); background: transparent; color: var(--colour-text-muted); padding: 0.4rem 0.55rem; font-size: 0.72rem; }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) form[data-activity-composer] button.ww-rewrite__trigger:hover,
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) form[data-activity-composer] button.ww-rewrite__trigger:focus-visible { background: var(--colour-surface-muted); color: var(--colour-text); }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite__meter,
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite__status { color: var(--colour-text-muted); font-size: 0.78rem; }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite__preview {
  position: relative;
  width: 100%;
  margin-top: var(--space-3);
  overflow: auto;
  border: 1px solid var(--colour-line-strong);
  border-radius: var(--radius-lg);
  background: var(--colour-surface);
  padding: var(--space-4);
  box-shadow: var(--shadow-menu);
}
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite__header { position: relative; display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-3); margin-bottom: var(--space-3); padding-right: 44px; }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite__title { margin: 0 0 var(--space-1); font-size: 1rem; letter-spacing: 0; }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite__subcopy { margin: 0; color: var(--colour-text-muted); font-size: 0.84rem; }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite__usage { flex: 0 0 auto; border: 1px solid var(--colour-line); border-radius: var(--radius-round); color: var(--colour-text-muted); padding: 0.25rem 0.45rem; font-size: 0.72rem; }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite__close { position: absolute; top: 0; right: 0; display: inline-grid; width: 36px; height: 36px; min-height: 36px; place-items: center; border: 1px solid var(--colour-line); border-radius: var(--radius-round); background: var(--colour-surface-muted); color: var(--colour-text); padding: 0; font-size: 1.2rem; }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite__panel-controls { display: flex; flex-wrap: wrap; align-items: end; gap: var(--space-3); margin-bottom: var(--space-3); border: 1px solid var(--colour-line); border-radius: var(--radius-md); background: var(--colour-surface-raised); padding: var(--space-3); }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite__intensity-label,
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite__mode-label { display: grid; gap: var(--space-1); color: var(--colour-text-muted); font-size: 0.72rem; }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite__intensity,
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite__mode { width: auto; min-height: 40px; border-radius: var(--radius-round); padding: 0.45rem 1.8rem 0.45rem 0.7rem; }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite__context-control { display: flex; flex: 1 1 100%; align-items: center; gap: var(--space-2); color: var(--colour-text-muted); font-size: 0.76rem; }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite__context-toggle { flex: 0 0 auto; width: 18px; height: 18px; min-height: 18px; }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite__privacy { position: relative; color: var(--colour-text-muted); font-size: 0.76rem; }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite__privacy summary { cursor: pointer; }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite__privacy p { position: absolute; right: 0; top: 100%; z-index: 100000; width: min(320px, calc(100vw - 32px)); border: 1px solid var(--colour-line-strong); border-radius: var(--radius-sm); background: var(--colour-surface); padding: var(--space-3); box-shadow: var(--shadow-menu); }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite__panel-controls .ww-rewrite__privacy p { position: static; width: auto; max-width: 52ch; }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite__grid { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); gap: var(--space-3); }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite__block { min-width: 0; border: 1px solid var(--colour-line); border-radius: var(--radius-md); background: var(--colour-surface-raised); padding: var(--space-3); }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite__block--result { border-color: color-mix(in srgb, var(--colour-info) 38%, var(--colour-line)); background: color-mix(in srgb, var(--colour-info) 7%, var(--colour-surface)); }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite__label { display: block; margin-bottom: var(--space-2); color: var(--colour-text-muted); font-size: 0.68rem; font-weight: 760; letter-spacing: 0.06em; text-transform: uppercase; }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite__text { max-height: 280px; overflow: auto; color: var(--colour-text); white-space: pre-wrap; }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite__feedback { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); margin-top: var(--space-3); border: 1px solid var(--colour-line); border-radius: var(--radius-md); padding: var(--space-3); }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite__rating { min-height: 36px; border: 1px solid var(--colour-line); border-radius: var(--radius-round); background: var(--colour-surface-raised); color: var(--colour-text); padding: 0.35rem 0.55rem; }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite__rating:hover,
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite__rating.is-selected { border-color: var(--colour-info); background: color-mix(in srgb, var(--colour-info) 10%, var(--colour-surface)); }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite__feedback-status { flex-basis: 100%; color: var(--colour-text-muted); font-size: 0.72rem; }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--space-2); margin-top: var(--space-3); }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite__message { margin-top: var(--space-3); border-left: 3px solid var(--colour-action); color: var(--colour-text-muted); padding-left: var(--space-3); }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite__message--danger { border-left-color: var(--colour-danger); }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .forum-native-form form#new-post .ww-bbpress-submit-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--space-2); }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .forum-native-form form#new-post .ww-rewrite--bbpress[data-ww-rewrite-row="bbpress-submit"] { display: contents; }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .forum-native-form form#new-post .ww-rewrite--bbpress[data-ww-rewrite-row="bbpress-submit"] .ww-rewrite__preview { flex: 1 0 100%; order: 90; }

body.ww-message-confirm-open { overflow: hidden; }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-message-confirm { position: fixed; inset: 0; z-index: 999999; display: none; align-items: center; justify-content: center; background: var(--colour-overlay); padding: clamp(1rem, 4vw, 2.5rem); }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-message-confirm.is-open { display: flex; }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-message-confirm__panel { width: min(100%, 34rem); max-height: 88vh; overflow: auto; border: 1px solid color-mix(in srgb, var(--colour-danger) 58%, var(--colour-line)); border-radius: var(--radius-lg); background: var(--colour-surface); color: var(--colour-text); box-shadow: var(--shadow-menu); }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-message-confirm__panel::before { display: block; height: 4px; background: linear-gradient(90deg, var(--colour-danger), var(--colour-action), var(--colour-info)); content: ""; }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-message-confirm__content { padding: clamp(1.2rem, 3vw, 1.75rem); }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-message-confirm__eyebrow { display: inline-flex; margin-bottom: var(--space-3); color: var(--colour-action); font-family: var(--font-display); font-size: 0.68rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-message-confirm__title { margin: 0 0 var(--space-3); color: var(--colour-text); font-size: clamp(1.35rem, 3.5vw, 2rem); }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-message-confirm__copy { margin: 0; color: var(--colour-text-muted); }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-message-confirm__actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); margin-top: var(--space-5); }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-message-confirm__button { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 48px; border: 1px solid var(--colour-line-strong); border-radius: var(--radius-round); padding: 0.75rem 1rem; font-family: var(--font-display); font-size: 0.78rem; font-weight: 800; }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-message-confirm__button--cancel { background: transparent; color: var(--colour-text); }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-message-confirm__button--confirm { border-color: var(--colour-danger); background: var(--colour-danger); color: #fff; }
:where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) [data-ww-confirm-action] { color: var(--colour-danger); }

@media (max-width: 640px) {
  :where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .wwr-dialog-shell { align-items: flex-end; padding: 0; }
  :where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .wwr-dialog { max-height: 92vh; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
  :where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .wwr-dialog-actions { flex-direction: column-reverse; }
  :where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .wwr-dialog-actions button { width: 100%; }
  :where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite__grid { grid-template-columns: minmax(0, 1fr); }
  :where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite__preview {
    position: fixed;
    right: 12px;
    bottom: 12px;
    left: 12px;
    z-index: 100004;
    width: auto;
    max-height: calc(100dvh - 88px);
    margin: 0;
  }
  :where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite__panel-controls { display: grid; grid-template-columns: minmax(0, 1fr); align-items: stretch; }
  :where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite__intensity,
  :where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite__mode { width: 100%; }
  :where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite__actions { display: grid; grid-template-columns: minmax(0, 1fr); }
  :where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-rewrite__actions .ww-control { width: 100%; }
  :where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-message-confirm { align-items: flex-end; padding: var(--space-3); }
  :where(body.ww-v6-native-presentation, body[data-route^="v6-next-"]) .ww-message-confirm__actions { grid-template-columns: minmax(0, 1fr); }
}

/* === FORUM DIRECTORY CONTEXT === */
.forum-index__search { flex: 0 0 330px; width: min(100%, 330px); margin: 0; }
.forum-index__toolbar--search-only { justify-content: flex-start; }
body[data-route="v6-next-forums"] .forum-index__toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  column-gap: 2rem;
  row-gap: 0.65rem;
}
body[data-route="v6-next-forums"] .filter-controls {
  flex: 0 0 auto;
  align-self: flex-end;
  justify-content: flex-end;
  margin-bottom: 5.125px;
}
.forum-privacy-badge {
  display: inline-flex;
  align-items: center;
  min-height: 1.35rem;
  border: 1px solid color-mix(in srgb, var(--colour-info) 42%, var(--colour-line));
  border-radius: 999px;
  background: color-mix(in srgb, var(--colour-info) 9%, transparent);
  color: var(--colour-info);
  padding: 0.08rem 0.42rem;
  font-family: var(--font-body);
  font-size: 0.58rem;
  font-weight: 780;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.045em;
  vertical-align: middle;
}
.forum-privacy-badge--rail {
  min-height: 1.08rem;
  padding: 0.04rem 0.34rem;
  font-size: 0.464rem;
}
@media (max-width: 820px) {
  body[data-route="v6-next-forums"] .filter-controls {
    align-self: flex-start;
    justify-content: flex-end;
    width: 100%;
    margin-bottom: 0;
  }
}
.context-section--hot-forums > p { margin: -0.25rem 0 0.9rem; font-size: 0.72rem; line-height: 1.5; }
.hot-forum-list { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.hot-forum-list li { border-top: 1px solid var(--colour-line); }
.hot-forum-list a {
  display: grid;
  grid-template-columns: 1.8rem minmax(0, 1fr);
  gap: 0.15rem 0.55rem;
  padding: 0.72rem 0.15rem;
  color: var(--colour-text);
  text-decoration: none;
}
.hot-forum-list a:hover { background: color-mix(in srgb, var(--colour-info) 7%, transparent); }
.hot-forum-list a > span { grid-row: 1 / 3; color: var(--colour-info); font-family: var(--font-display); font-size: 0.66rem; }
.hot-forum-list strong { overflow: hidden; font-size: 0.77rem; text-overflow: ellipsis; white-space: nowrap; }
.hot-forum-list small { color: var(--colour-text-muted); font-size: 0.64rem; }

@media (min-width: 1241px) {
  body[data-route="v6-next-forums"] .site-frame,
  body[data-route="v6-next-forums"] .site-header__inner {
    grid-template-columns: 204px minmax(0, 1fr) 252px;
  }
}

/* === REQUEST A FORUM === */
body[data-route="v6-next-forum_request"] .forum-request-surface {
  margin: 0;
}

body[data-route="v6-next-forum_request"] .ww-pitch-application {
  width: min(1180px, 100%);
  margin: 0 auto;
  color: var(--colour-text);
}

body[data-route="v6-next-forum_request"] .ww-pitch-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(250px, 0.5fr);
  gap: clamp(1.5rem, 4vw, 3.5rem);
  align-items: center;
  overflow: hidden;
  border: 1px solid var(--colour-line);
  border-left: 3px solid var(--colour-info);
  border-radius: var(--radius-lg);
  background: var(--colour-surface-raised);
  padding: clamp(2rem, 5vw, 3.75rem);
  box-shadow: var(--shadow-soft);
}

body[data-route="v6-next-forum_request"] .ww-pitch-kicker,
body[data-route="v6-next-forum_request"] .ww-pitch-intro__rules > span,
body[data-route="v6-next-forum_request"] .ww-pitch-fieldset legend,
body[data-route="v6-next-forum_request"] .ww-pitch-submit-row > div > span {
  color: var(--colour-info);
  font-family: var(--font-display);
  font-size: 0.68rem;
  font-weight: 720;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body[data-route="v6-next-forum_request"] .ww-pitch-kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
}

body[data-route="v6-next-forum_request"] .ww-pitch-kicker > span {
  width: 7px;
  height: 7px;
  border-radius: var(--radius-round);
  background: var(--colour-success);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--colour-success) 14%, transparent);
}

body[data-route="v6-next-forum_request"] .ww-pitch-intro h1 {
  max-width: 18ch;
  margin: 0.75rem 0 1rem;
  font-size: clamp(2.8rem, 5vw, 4.9rem);
}

body[data-route="v6-next-forum_request"] .ww-pitch-intro p {
  max-width: 66ch;
  margin: 0;
  color: var(--colour-text-muted);
}

body[data-route="v6-next-forum_request"] .ww-pitch-intro .ww-pitch-intro__lead {
  margin-bottom: 0.65rem;
  color: var(--colour-text);
  font-family: var(--font-display);
  font-size: clamp(1rem, 1.7vw, 1.25rem);
  font-weight: 650;
}

body[data-route="v6-next-forum_request"] .ww-pitch-intro__rules {
  border: 1px solid var(--colour-line);
  border-top: 3px solid var(--colour-action);
  border-radius: var(--radius-md);
  background: var(--colour-canvas);
  padding: 1.25rem;
}

body[data-route="v6-next-forum_request"] .ww-pitch-intro__rules > span {
  color: var(--colour-action);
}

body[data-route="v6-next-forum_request"] .ww-pitch-intro__rules ul {
  display: grid;
  gap: 0.6rem;
  margin: 0.8rem 0 0;
  padding: 0;
  color: var(--colour-text-muted);
  font-size: 0.82rem;
  line-height: 1.5;
  list-style: none;
}

body[data-route="v6-next-forum_request"] .ww-pitch-intro__rules li {
  position: relative;
  padding-left: 1rem;
}

body[data-route="v6-next-forum_request"] .ww-pitch-intro__rules li::before {
  position: absolute;
  left: 0;
  color: var(--colour-info);
  content: "•";
}

body[data-route="v6-next-forum_request"] .ww-pitch-form {
  display: grid;
  gap: 0;
  margin-top: 1.5rem;
  border: 1px solid var(--colour-line);
  border-radius: var(--radius-md);
  background: var(--colour-surface);
  padding: clamp(1.2rem, 3vw, 2rem);
  box-shadow: var(--shadow-soft);
}

body[data-route="v6-next-forum_request"] .ww-pitch-honeypot {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

body[data-route="v6-next-forum_request"] .ww-pitch-fieldset {
  display: grid;
  grid-template-columns: minmax(175px, 0.32fr) minmax(0, 1fr);
  gap: 1.25rem clamp(1.5rem, 4vw, 3.5rem);
  align-items: start;
  margin: 0;
  border: 0;
  border-bottom: 1px solid var(--colour-line);
  border-radius: 0;
  background: transparent;
  padding: clamp(1.05rem, 2vw, 1.35rem) 0;
  box-shadow: none;
}

body[data-route="v6-next-forum_request"] .ww-pitch-fieldset legend {
  display: inline-flex;
  grid-column: 1;
  align-items: center;
  gap: 0.7rem;
  width: auto;
  margin: 0;
  padding: 0;
}

body[data-route="v6-next-forum_request"] .ww-pitch-fieldset legend span {
  display: inline-flex;
  flex: 0 0 28px;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid color-mix(in srgb, var(--colour-info) 42%, var(--colour-line));
  border-radius: var(--radius-round);
  background: color-mix(in srgb, var(--colour-info) 8%, transparent);
  color: var(--colour-info);
  letter-spacing: 0;
}

body[data-route="v6-next-forum_request"] .ww-pitch-fieldset > label {
  display: block;
  grid-column: 2;
  min-width: 0;
  color: var(--colour-text);
  font-size: 0.84rem;
  font-weight: 680;
}

body[data-route="v6-next-forum_request"] .ww-pitch-help {
  display: block;
  margin: 0.28rem 0 0.65rem;
  color: var(--colour-text-muted);
  font-size: 0.76rem;
  font-weight: 480;
  line-height: 1.5;
}

body[data-route="v6-next-forum_request"] .ww-pitch-fieldset :is(input[type="text"], textarea) {
  display: block;
  width: 100%;
  margin: 0;
  border: 1px solid var(--colour-line-strong);
  border-radius: var(--radius-sm);
  background: color-mix(in srgb, var(--colour-canvas) 78%, var(--colour-surface));
  color: var(--colour-text);
  padding: 0.75rem 0.85rem;
  box-shadow: none;
}

body[data-route="v6-next-forum_request"] .ww-pitch-fieldset :is(input[type="text"], textarea):hover {
  border-color: var(--colour-info);
}

body[data-route="v6-next-forum_request"] .ww-pitch-fieldset :is(input[type="text"], textarea):focus-visible {
  border-color: var(--colour-focus);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--colour-focus) 22%, transparent);
  outline: 0;
}

body[data-route="v6-next-forum_request"] .ww-pitch-check {
  display: flex !important;
  align-items: flex-start;
  gap: 0.75rem;
  border: 1px solid var(--colour-line);
  border-radius: var(--radius-sm);
  background: color-mix(in srgb, var(--colour-canvas) 78%, var(--colour-surface));
  padding: 1rem;
  color: var(--colour-text-muted) !important;
  font-size: 0.82rem !important;
  font-weight: 500 !important;
  line-height: 1.5;
}

body[data-route="v6-next-forum_request"] .ww-pitch-check input {
  flex: 0 0 18px;
  width: 18px;
  min-height: 18px;
  height: 18px;
  margin: 0.1rem 0 0;
  accent-color: var(--colour-info);
}

body[data-route="v6-next-forum_request"] .ww-pitch-submit-row {
  display: flex;
  gap: 2rem;
  align-items: center;
  justify-content: space-between;
  padding: 1.4rem 0 0;
}

body[data-route="v6-next-forum_request"] .ww-pitch-submit-row > div {
  max-width: 70ch;
}

body[data-route="v6-next-forum_request"] .ww-pitch-submit-row p {
  margin: 0.35rem 0 0;
  color: var(--colour-text-muted);
  font-size: 0.78rem;
}

body[data-route="v6-next-forum_request"] .ww-pitch-submit-row button,
body[data-route="v6-next-forum_request"] .ww-pitch-invite-strip__action {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  min-height: 44px;
  border: 1px solid color-mix(in srgb, var(--colour-action) 72%, var(--colour-line));
  border-radius: var(--radius-sm);
  background: var(--colour-action);
  color: var(--colour-on-action);
  padding: 0.7rem 1rem;
  font-family: var(--font-display);
  font-size: 0.75rem;
  font-weight: 720;
  line-height: 1.2;
  text-decoration: none;
  transition: filter var(--transition-fast), transform var(--transition-fast);
}

body[data-route="v6-next-forum_request"] .ww-pitch-submit-row button:hover,
body[data-route="v6-next-forum_request"] .ww-pitch-invite-strip__action:hover {
  filter: brightness(1.07);
  transform: translateY(-1px);
}

body[data-route="v6-next-forum_request"] .ww-pitch-notice {
  margin: 1.25rem 0;
  border: 1px solid var(--colour-line);
  border-left: 3px solid var(--colour-info);
  border-radius: var(--radius-sm);
  background: var(--colour-surface-raised);
  padding: 1rem 1.1rem;
}

body[data-route="v6-next-forum_request"] .ww-pitch-notice--success {
  border-left-color: var(--colour-success);
}

body[data-route="v6-next-forum_request"] .ww-pitch-notice--error {
  border-left-color: var(--colour-danger);
}

body[data-route="v6-next-forum_request"] .ww-pitch-notice strong {
  display: block;
  font-family: var(--font-display);
  font-size: 0.82rem;
}

body[data-route="v6-next-forum_request"] .ww-pitch-notice p {
  margin: 0.3rem 0 0;
  color: var(--colour-text-muted);
}

@media (max-width: 760px) {
  body[data-route="v6-next-forum_request"] .ww-pitch-intro {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    padding: 1.5rem;
  }

  body[data-route="v6-next-forum_request"] .ww-pitch-fieldset {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.9rem;
  }

  body[data-route="v6-next-forum_request"] .ww-pitch-fieldset legend,
  body[data-route="v6-next-forum_request"] .ww-pitch-fieldset > label {
    grid-column: 1;
  }

  body[data-route="v6-next-forum_request"] .ww-pitch-submit-row {
    align-items: stretch;
    flex-direction: column;
  }

  body[data-route="v6-next-forum_request"] .ww-pitch-submit-row button {
    width: 100%;
  }
}

/* Live signal receiver responsive rules live after component definitions. */
@media (max-width: 680px) {
  .notification-toolbar { align-items: stretch; }
  .notification-toolbar form, .notification-toolbar .button { width: 100%; }
  .notification-row { grid-template-columns: 42px minmax(0, 1fr); gap: 0.7rem; padding: 0.9rem; }
  .notification-row__icon { grid-row: 1 / span 3; width: 38px; height: 38px; }
  .notification-row time { grid-column: 2; text-align: left; }
  .notification-row__actions { grid-column: 2; justify-content: flex-start; }
  .notification-empty { grid-template-columns: 1fr; }
  .notification-empty__radar { width: 58px; height: 58px; }
  .notification-wire-note { grid-template-columns: 38px minmax(0, 1fr); }
  .notification-wire-note > a { grid-column: 2; }
  .signal-toast-stack { right: 0.55rem; bottom: 0.55rem; width: calc(100vw - 1.1rem); }
  .signal-toast { grid-template-columns: 42px minmax(0, 1fr) 28px; gap: 0.65rem; padding: 0.85rem; }
  .signal-toast__beacon, .signal-toast__avatar { width: 38px; height: 38px; }
}

.rail-nav__link.is-active .alert-count--notifications { color: var(--colour-action); }

/* === NATIVE SHED INDUCTION === */
.induction-shell {
  display: grid;
  gap: var(--space-6);
  max-width: 1380px;
  margin: 0 auto;
}

.induction-hero,
.induction-complete,
.induction-doors,
.induction-finish {
  border: 1px solid var(--colour-line);
  border-radius: var(--radius-lg);
  background: var(--colour-surface);
  box-shadow: var(--shadow-soft);
}

.induction-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--space-8);
  align-items: center;
  padding: clamp(1.5rem, 3vw, 3rem);
}

.induction-hero h1 {
  max-width: 18ch;
  margin-bottom: 0.75rem;
  font-size: clamp(2.4rem, 4.8vw, 4.9rem);
}

.induction-hero p:last-child,
.induction-complete p:last-child { margin-bottom: 0; color: var(--colour-text-muted); }

.induction-stamp {
  display: grid;
  width: 138px;
  aspect-ratio: 1;
  place-content: center;
  border: 2px solid var(--colour-action);
  border-radius: 50%;
  color: var(--colour-action);
  text-align: center;
  transform: rotate(4deg);
}

.induction-stamp span,
.induction-stamp small { font-family: var(--font-mono); font-size: 0.7rem; letter-spacing: 0.12em; }
.induction-stamp strong { font-family: var(--font-display); font-size: 1.8rem; line-height: 1; }

.induction-form { display: grid; gap: var(--space-6); }

.induction-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
}

.induction-card {
  position: relative;
  min-height: 100%;
  overflow: hidden;
  border: 1px solid var(--colour-line);
  border-radius: var(--radius-lg);
  background: var(--colour-surface);
  padding: var(--space-6);
  box-shadow: var(--shadow-soft);
}

.induction-card__number {
  position: absolute;
  top: 0.65rem;
  right: 0.9rem;
  margin: 0;
  color: var(--colour-line-strong);
  font-family: var(--font-mono);
  font-size: 1.5rem;
}

.induction-identity { display: flex; gap: var(--space-4); align-items: center; margin-bottom: var(--space-5); }
.induction-identity h2 { margin: 0; font-size: clamp(1.2rem, 2vw, 1.8rem); }
.induction-avatar img { width: 76px; height: 76px; border: 2px solid var(--colour-line-strong); border-radius: 50%; object-fit: cover; }
.induction-avatar--fallback { display: grid; place-items: center; width: 76px; height: 76px; border: 2px solid var(--colour-line-strong); border-radius: 50%; background: var(--colour-surface-raised); color: var(--colour-text-muted); font: 700 1.4rem/1 var(--font-mono); }

.induction-handle {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  margin-top: var(--space-2);
  border: 1px solid var(--colour-line-strong);
  border-radius: var(--radius-sm);
  background: var(--colour-surface-raised);
}

.induction-handle:focus-within { border-color: var(--colour-focus); box-shadow: 0 0 0 3px color-mix(in srgb, var(--colour-focus) 22%, transparent); }
.induction-handle span { padding-left: 0.85rem; color: var(--colour-text-muted); font-family: var(--font-mono); font-weight: 750; }
.induction-handle input { border: 0; background: transparent; box-shadow: none; }
.induction-handle input:focus-visible { box-shadow: none; }

.induction-rules { display: grid; gap: var(--space-3); margin: var(--space-5) 0 0; padding: 0; list-style: none; }
.induction-rules li { display: grid; grid-template-columns: 1.4rem minmax(0, 1fr); gap: var(--space-2); }
.induction-rules span { color: var(--colour-success); font-weight: 800; }

.induction-privacy { display: grid; gap: var(--space-4); margin: var(--space-5) 0 0; }
.induction-privacy div { border-left: 3px solid var(--colour-info); padding-left: var(--space-4); }
.induction-privacy dt { font-family: var(--font-display); font-weight: 760; }
.induction-privacy dd { margin: 0.25rem 0 0; color: var(--colour-text-muted); }

.induction-doors { display: grid; grid-template-columns: minmax(240px, 0.72fr) minmax(0, 1.5fr); gap: var(--space-8); padding: var(--space-6); }
.induction-doors p:last-child { margin-bottom: 0; color: var(--colour-text-muted); }
.induction-doors__choices { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: var(--space-3); }
#ww-interest-choices { margin-block: var(--space-5); }
#ww-interest-choices label { display:flex; align-items:flex-start; gap:10px; padding:12px; border:1px solid var(--colour-line); border-radius:8px; }
#ww-interest-choices input[type="checkbox"] { width:18px; min-width:18px; height:18px; flex:0 0 18px; }
#ww-interest-choices small { display:block; color:var(--colour-text-muted); margin-top:5px; }
#ww-interest-choices .ww-interest-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; }
/* Onboarding choices: scoped, keyboard-accessible and theme-aware. */
:is(#ww-interest-choices,#ww-digest-choices) {
  min-width:0; margin:0 0 30px; padding:0; border:0;
  background:transparent; box-shadow:none;
}
:is(#ww-interest-choices,#ww-digest-choices) > legend {
  width:100%; padding:0; margin-bottom:10px;
  font-family:var(--font-display); font-size:1.4rem; font-weight:700;
  line-height:1.4; letter-spacing:-.035em; color:var(--colour-text);
}
:is(#ww-interest-choices,#ww-digest-choices) > p {
  max-width:85ch; color:var(--colour-text-muted); line-height:1.6; font-size:.9rem;
}
#ww-interest-choices .ww-interest-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px;}
#ww-digest-choices .ww-interest-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px;}
:is(#ww-interest-choices,#ww-digest-choices) .ww-interest-grid > label {
  position:relative; display:grid; grid-template-columns:20px minmax(0,1fr);
  align-items:start; align-content:start; gap:12px; margin:0; padding:20px;
  min-height:112px; min-width:0; border:1px solid var(--colour-line-strong);
  border-radius:var(--radius-md); background:var(--colour-surface);
  color:var(--colour-text); cursor:pointer; text-align:left;
  transition:border-color 160ms ease,background-color 160ms ease,transform 160ms ease,box-shadow 160ms ease;
}
#ww-digest-choices .ww-interest-grid > label {min-height:158px;padding:24px 20px;}
:is(#ww-interest-choices,#ww-digest-choices) .ww-interest-grid > label:hover {
  border-color:var(--colour-info); background:var(--colour-surface-raised);
  transform:translateY(-2px); box-shadow:var(--shadow-soft);
}
:is(#ww-interest-choices,#ww-digest-choices) .ww-interest-grid > label:has(input:checked) {
  border-color:var(--colour-info); background:var(--colour-surface-raised);
  background:color-mix(in srgb,var(--colour-info) 9%,var(--colour-surface));
  box-shadow:inset 0 0 0 1px var(--colour-info);
}
:is(#ww-interest-choices,#ww-digest-choices) .ww-interest-grid > label:focus-within {
  outline:2px solid var(--colour-focus); outline-offset:4px;
}
:is(#ww-interest-choices,#ww-digest-choices) .ww-interest-grid > label > span {display:block;min-width:0;}
:is(#ww-interest-choices,#ww-digest-choices) .ww-interest-grid strong {
  display:block; margin:0 0 8px; color:var(--colour-text); font-family:var(--font-body);
  font-size:.98rem; font-weight:700; line-height:1.4; white-space:normal;
}
:is(#ww-interest-choices,#ww-digest-choices) .ww-interest-grid small {
  display:block; margin:0; color:var(--colour-text-muted); font-size:.82rem;
  font-weight:400; line-height:1.6; white-space:normal; overflow-wrap:anywhere;
}
:is(#ww-interest-choices,#ww-digest-choices) .ww-interest-grid input {
  appearance:none; -webkit-appearance:none; box-sizing:border-box;
  position:relative; display:grid; place-content:center; flex:none;
  width:20px; height:20px; min-width:20px; min-height:20px; max-width:20px;
  margin:2px 0 0; padding:0; border:1.5px solid var(--colour-line-strong);
  border-radius:5px; background:var(--colour-surface); box-shadow:none;
  cursor:pointer; align-self:start; justify-self:start; accent-color:var(--colour-info);
}
#ww-digest-choices .ww-interest-grid input {border-radius:50%;}
:is(#ww-interest-choices,#ww-digest-choices) .ww-interest-grid input:checked {
  background:var(--colour-info); border-color:var(--colour-info);
}
#ww-interest-choices input:checked::after {
  content:""; width:5px;height:9px; border:solid var(--colour-on-info);border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg);
}
#ww-digest-choices input:checked::after {content:"";width:8px;height:8px;border-radius:50%;background:var(--colour-on-info);}
:is(#ww-interest-choices,#ww-digest-choices) > p:last-child {margin-top:16px;font-size:.8rem;}
@media(max-width:980px){#ww-interest-choices .ww-interest-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:680px){
 #ww-interest-choices .ww-interest-grid,#ww-digest-choices .ww-interest-grid{grid-template-columns:1fr;}
 #ww-digest-choices .ww-interest-grid > label{min-height:110px;}
}
@media(prefers-reduced-motion:reduce){
 :is(#ww-interest-choices,#ww-digest-choices) .ww-interest-grid > label{transition:none;}
 :is(#ww-interest-choices,#ww-digest-choices) .ww-interest-grid > label:hover{transform:none;}
}
@media(forced-colors:active){
 :is(#ww-interest-choices,#ww-digest-choices) .ww-interest-grid input{appearance:auto;}
 :is(#ww-interest-choices,#ww-digest-choices) .ww-interest-grid input::after{display:none;}
}

.induction-doors__choices button {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: 0 var(--space-2);
  align-content: center;
  min-height: 126px;
  border: 1px solid var(--colour-line-strong);
  border-radius: var(--radius-md);
  background: var(--colour-surface-raised);
  padding: var(--space-4);
  color: var(--colour-text);
  text-align: left;
}
.induction-doors__choices button:hover { border-color: var(--colour-action); transform: translateY(-2px); }
.induction-doors__choices button > span { grid-row: 1 / span 2; color: var(--colour-action); font-family: var(--font-display); font-size: 1.5rem; }
.induction-doors__choices strong { font-family: var(--font-display); }
.induction-doors__choices small { color: var(--colour-text-muted); }

.induction-finish,
.induction-complete { display: flex; justify-content: space-between; gap: var(--space-6); align-items: center; padding: var(--space-5) var(--space-6); }
.induction-finish div { display: grid; }
.induction-finish span { color: var(--colour-text-muted); }
.induction-complete { min-height: 260px; }
.induction-complete__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }

@media (max-width: 980px) {
  .induction-grid { grid-template-columns: 1fr; }
  .induction-doors { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .induction-hero { grid-template-columns: 1fr; }
  .induction-stamp { width: 110px; }
  .induction-doors__choices { grid-template-columns: 1fr; }
  .induction-finish,
  .induction-complete { align-items: stretch; flex-direction: column; }
}

/* V6 Notifications ledger controls and source portraits */
.notification-controls { display: grid; gap: 1rem; border-bottom: 1px solid var(--colour-line); padding-bottom: 1rem; }
.notification-status-tabs { display: flex; flex-wrap: wrap; gap: 0.35rem; }
.notification-status-tabs a { display: inline-flex; align-items: center; gap: 0.45rem; min-height: 38px; border: 1px solid var(--colour-line); border-radius: var(--radius-round); color: var(--colour-text-muted); padding: 0.42rem 0.75rem; font-size: 0.74rem; font-weight: 760; text-decoration: none; }
.notification-status-tabs a span { display: grid; min-width: 1.45rem; min-height: 1.45rem; place-items: center; border-radius: 50%; background: var(--colour-surface-muted); color: var(--colour-text); font-size: 0.65rem; }
.notification-status-tabs a:hover,
.notification-status-tabs a[aria-current="page"] { border-color: color-mix(in srgb, var(--colour-info) 58%, var(--colour-line)); background: color-mix(in srgb, var(--colour-info) 8%, var(--colour-surface)); color: var(--colour-text); }
.notification-filter-form { display: grid; grid-template-columns: minmax(190px, 1.4fr) minmax(150px, 0.8fr) auto auto; gap: 0.65rem; align-items: end; }
.notification-filter-form label,
.notification-bulk-bar form label { display: grid; gap: 0.28rem; color: var(--colour-text-muted); font-size: 0.67rem; }
.notification-filter-form input,
.notification-filter-form select,
.notification-bulk-bar select { min-height: 40px; }
.notification-filter-form > a { align-self: center; color: var(--colour-text-muted); font-size: 0.72rem; font-weight: 740; }
.notification-bulk-bar { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 0.8rem; border: 1px solid var(--colour-line); border-radius: var(--radius-md); background: var(--colour-surface); padding: 0.75rem 0.9rem; }
.notification-select-all { display: inline-flex; align-items: center; gap: 0.55rem; color: var(--colour-text-muted); font-size: 0.72rem; font-weight: 720; }
.notification-select-all input,
.notification-row__select input { width: 1rem; height: 1rem; min-height: 0; accent-color: var(--colour-info); }
.notification-bulk-bar form { display: flex; flex-wrap: wrap; align-items: end; gap: 0.55rem; margin: 0; }
.notification-bulk-bar button:disabled { cursor: not-allowed; opacity: 0.52; }
.notification-row { grid-template-columns: 22px 52px minmax(0, 1fr) 92px minmax(170px, auto); gap: 0.8rem; }
.notification-row__select { display: grid; place-items: center; }
.notification-row__source { position: relative; width: 48px; height: 48px; }
.notification-row__source > a,
.notification-row__source > img,
.notification-row__source > a > img,
.notification-row__source-fallback { display: grid; width: 48px; height: 48px; place-items: center; overflow: hidden; border: 1px solid color-mix(in srgb, var(--colour-info) 34%, var(--colour-line)); border-radius: 50%; background: var(--colour-surface-muted); color: var(--colour-text); font-family: var(--font-display); font-size: 0.72rem; font-weight: 800; text-decoration: none; }
.notification-row__source img { width: 100%; height: 100%; object-fit: cover; }
.notification-row__kind-sigil { position: absolute; z-index: 2; right: -3px; bottom: -3px; display: grid; min-width: 19px; height: 19px; place-items: center; border: 2px solid var(--colour-surface); border-radius: 50%; background: var(--colour-info); color: #081314; font-family: var(--font-display); font-size: 0.5rem; font-weight: 900; }
.notification-row.is-viewed .notification-row__source { filter: saturate(0.62); opacity: 0.8; }
.notification-row__actions { min-width: 0; }
.notification-row__state,
.notification-row__delete { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid var(--colour-line); border-radius: 50%; background: transparent; color: var(--colour-text-muted); font-weight: 800; }
.notification-row__state:hover { border-color: var(--colour-success); background: color-mix(in srgb, var(--colour-success) 9%, transparent); color: var(--colour-success); }
.notification-row__delete:hover { border-color: var(--colour-danger); background: color-mix(in srgb, var(--colour-danger) 9%, transparent); color: var(--colour-danger); }

@media (max-width: 860px) {
  .notification-filter-form { grid-template-columns: 1fr 1fr; }
  .notification-row { grid-template-columns: 22px 46px minmax(0, 1fr); gap: 0.65rem; padding: 0.9rem; }
  .notification-row__select { grid-column: 1; grid-row: 1 / span 3; align-self: start; padding-top: 0.8rem; }
  .notification-row__source { grid-column: 2; grid-row: 1 / span 3; width: 42px; height: 42px; }
  .notification-row__source > a,
  .notification-row__source > img,
  .notification-row__source > a > img,
  .notification-row__source-fallback { width: 42px; height: 42px; }
  .notification-row__body,
  .notification-row time,
  .notification-row__actions { grid-column: 3; }
  .notification-row time { text-align: left; }
  .notification-row__actions { justify-content: flex-start; flex-wrap: wrap; }
}

@media (max-width: 560px) {
  .notification-filter-form { grid-template-columns: 1fr; }
  .notification-filter-form .button { width: 100%; }
  .notification-bulk-bar { align-items: stretch; flex-direction: column; }
  .notification-bulk-bar form { display: grid; grid-template-columns: 1fr; }
  .notification-bulk-bar form .button { width: 100%; }
  .notification-status-tabs a { flex: 1 1 30%; justify-content: center; }
}

/* Groups creation, leadership and administration */
.identity-header__cover--group img { width: 100%; height: 100%; object-fit: cover; }
.group-leadership-pod { display: grid; grid-template-columns: minmax(220px, 0.8fr) minmax(0, 1.8fr); gap: 1rem; align-items: center; margin: -0.35rem 0 1rem; border: 1px solid color-mix(in srgb, var(--colour-warning) 34%, var(--colour-line)); border-radius: var(--radius-md); background: linear-gradient(135deg, color-mix(in srgb, var(--colour-warning) 8%, var(--colour-surface)), var(--colour-surface)); padding: 0.85rem 1rem; }
.group-leadership-pod h2 { margin: 0.08rem 0 0.18rem; font-size: 1rem; }
.group-leadership-pod > div > small { color: var(--colour-text-muted); }
.group-leadership-pod ul { display: flex; flex-wrap: wrap; gap: 0.55rem; justify-content: flex-end; margin: 0; padding: 0; list-style: none; }
.group-leadership-pod li > a,
.group-leadership-pod li { display: flex; min-width: 0; align-items: center; gap: 0.5rem; color: var(--colour-text); text-decoration: none; }
.group-leadership-pod li { border: 1px solid var(--colour-line); border-radius: 999px; background: var(--colour-surface-muted); padding: 0.32rem 0.65rem 0.32rem 0.34rem; }
.group-leadership-pod .avatar { width: 32px; height: 32px; }
.group-leadership-pod li span { display: grid; min-width: 0; }
.group-leadership-pod li strong { overflow: hidden; font-size: 0.73rem; text-overflow: ellipsis; white-space: nowrap; }
.group-leadership-pod li small { color: var(--colour-text-muted); font-size: 0.62rem; }
.group-create-form { display: grid; gap: 1rem; max-width: none; }
.group-create-stage { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 1rem; border: 1px solid var(--colour-line); border-radius: var(--radius-md); background: var(--colour-surface); padding: 1rem; }
.group-create-stage__number { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid color-mix(in srgb, var(--colour-info) 55%, var(--colour-line)); border-radius: 50%; background: color-mix(in srgb, var(--colour-info) 12%, var(--colour-surface)); color: var(--colour-info); font-family: var(--font-display); font-weight: 850; }
.group-create-stage__body { display: grid; min-width: 0; gap: 0.9rem; }
.group-create-stage__body > h3 { margin: 0; font-size: 1.1rem; }
.group-create-stage__body > p { margin: -0.55rem 0 0; color: var(--colour-text-muted); }
.group-upload-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.8rem; }
.upload-field { border: 1px dashed color-mix(in srgb, var(--colour-info) 42%, var(--colour-line)); border-radius: var(--radius-sm); background: var(--colour-surface-muted); padding: 0.9rem; }
.upload-field input[type="file"] { width: 100%; margin: 0.55rem 0; }
.group-invite-picker { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.6rem; max-height: 360px; overflow: auto; overscroll-behavior: contain; padding: 0.15rem; scrollbar-gutter: stable; }
.group-invite-picker .group-person-choice { min-width: 0; }
.group-person-choice { display: grid !important; grid-template-columns: auto auto minmax(0, 1fr); gap: 0.65rem !important; align-items: center; border: 1px solid var(--colour-line); border-radius: var(--radius-sm); background: var(--colour-surface-muted); padding: 0.65rem; cursor: pointer; }
.group-person-choice:has(input:checked) { border-color: var(--colour-info); background: color-mix(in srgb, var(--colour-info) 9%, var(--colour-surface)); }
.group-person-choice input { width: 1rem !important; height: 1rem; min-height: 0 !important; }
.group-person-choice__avatar .avatar { width: 38px; height: 38px; }
.group-person-choice > span:last-child { display: grid; min-width: 0; }
.group-person-choice small { color: var(--colour-text-muted); }
.group-control-surface { display: grid; gap: 1rem; }
.group-control-surface > .section-heading { margin-bottom: 0; }
.group-admin-nav { display: flex; flex-wrap: wrap; gap: 0.35rem; border-bottom: 1px solid var(--colour-line); padding-bottom: 0.65rem; }
.group-admin-nav a { display: inline-flex; align-items: center; gap: 0.4rem; border: 1px solid transparent; border-radius: 999px; color: var(--colour-text-muted); padding: 0.52rem 0.75rem; font-size: 0.73rem; font-weight: 760; text-decoration: none; }
.group-admin-nav a:hover { border-color: var(--colour-line); color: var(--colour-text); }
.group-admin-nav a[aria-current="page"] { border-color: color-mix(in srgb, var(--colour-info) 50%, var(--colour-line)); background: color-mix(in srgb, var(--colour-info) 10%, var(--colour-surface)); color: var(--colour-text); }
.group-admin-nav a span { display: grid; min-width: 20px; height: 20px; place-items: center; border-radius: 999px; background: var(--colour-warning); color: var(--colour-on-action); font-size: 0.62rem; }
.group-admin-nav .group-admin-nav__danger { color: var(--colour-danger); }
.group-admin-form { max-width: 920px; }
.group-media-admin { display: grid; gap: 1rem; max-width: 920px; }
.group-media-preview { display: grid; min-height: 170px; place-items: center; overflow: hidden; border: 1px solid var(--colour-line); border-radius: var(--radius-md); background: var(--colour-surface-muted); color: var(--colour-text-muted); }
.group-media-preview img { width: 100%; height: 100%; object-fit: cover; }
.group-media-preview--avatar { width: 180px; height: 180px; min-height: 180px; border-radius: 50%; }
.group-member-search { align-items: end; max-width: 920px; margin-bottom: 0.85rem; border-bottom: 1px solid var(--colour-line); padding-bottom: 0.85rem; }
.group-member-search > label:not(.search-field) { display: grid; flex: 0 1 210px; gap: 0.35rem; color: var(--colour-text-muted); font-size: 0.7rem; }
.group-member-search select { width: 100%; min-height: 40px; border: 1px solid var(--colour-line-strong); border-radius: var(--radius-sm); background: var(--colour-surface); color: var(--colour-text); padding: 0.48rem 0.6rem; }
.group-manage-list,
.group-request-list { display: grid; gap: 0.65rem; }
.group-manage-member { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(0, 1.35fr); gap: 1rem; align-items: center; border: 1px solid var(--colour-line); border-radius: var(--radius-md); background: var(--colour-surface); padding: 0.8rem; }
.group-manage-member__identity { display: flex; min-width: 0; align-items: center; gap: 0.75rem; color: var(--colour-text); text-decoration: none; }
.group-manage-member__identity .avatar { flex: 0 0 auto; width: 48px; height: 48px; }
.group-manage-member__identity > span { display: grid; min-width: 0; }
.group-manage-member__identity strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.group-manage-member__identity small { color: var(--colour-text-muted); }
.group-manage-member__actions { display: flex; flex-wrap: wrap; gap: 0.4rem; justify-content: flex-end; }
.group-manage-member__actions form { margin: 0; }
.group-manage-member__actions .button { min-height: 34px; padding: 0.48rem 0.68rem; font-size: 0.68rem; }
.section-heading--compact { margin: 1rem 0 0; }
.danger-zone { display: grid; gap: 0.75rem; max-width: 780px; border: 1px solid color-mix(in srgb, var(--colour-danger) 62%, var(--colour-line)); border-radius: var(--radius-md); background: color-mix(in srgb, var(--colour-danger) 7%, var(--colour-surface)); padding: 1.1rem; }
.danger-zone h3,
.danger-zone p { margin: 0; }
.danger-zone form { display: grid; gap: 0.8rem; }
.danger-zone .button--danger { justify-self: start; }

@media (max-width: 760px) {
  .group-leadership-pod { grid-template-columns: 1fr; }
  .group-leadership-pod ul { justify-content: flex-start; }
  .group-create-stage { grid-template-columns: 34px minmax(0, 1fr); gap: 0.7rem; padding: 0.8rem; }
  .group-create-stage__number { width: 32px; height: 32px; }
  .group-upload-grid,
  .group-invite-picker { grid-template-columns: 1fr; }
  .group-member-search { align-items: stretch; flex-direction: column; max-width: none; }
  .group-member-search > label:not(.search-field) { width: 100%; flex-basis: auto; }
  .group-admin-nav { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: thin; }
  .group-admin-nav a { flex: 0 0 auto; }
  .group-manage-member { grid-template-columns: 1fr; }
  .group-manage-member__actions { justify-content: flex-start; }
  .group-media-preview--avatar { width: 140px; height: 140px; min-height: 140px; }
}

/* Group-forum taxonomy and membership boundary. */
.group-forum-row__facts { display: flex; flex-wrap: wrap; gap: 0.4rem 0.8rem; margin-top: 0.45rem; }
.group-forum-row__facts small { color: var(--colour-text-muted); font-size: 0.66rem; }
.group-forum-row__facts small + small { color: var(--colour-info); }
.group-forum-membership-link { display: inline-flex; margin-top: 0.55rem; color: var(--colour-warning); font-size: 0.7rem; font-weight: 760; text-decoration: none; }
.group-forum-membership-pod { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1rem; align-items: center; margin: 1rem 0 1.4rem; border: 1px solid var(--colour-line-strong); border-left: 4px solid var(--colour-info); border-radius: var(--radius-md); background: color-mix(in srgb, var(--colour-info) 6%, var(--colour-surface)); padding: 1rem 1.1rem; }
.group-forum-membership-pod--private { border-left-color: var(--colour-warning); background: color-mix(in srgb, var(--colour-warning) 6%, var(--colour-surface)); }
.group-forum-membership-pod--hidden { border-left-color: var(--colour-danger); background: color-mix(in srgb, var(--colour-danger) 5%, var(--colour-surface)); }
.group-forum-membership-pod h2,
.group-forum-membership-pod p { margin: 0; }
.group-forum-membership-pod p:not(.eyebrow) { margin-top: 0.3rem; color: var(--colour-text-muted); font-size: 0.78rem; }
.group-forum-membership-pod__facts { display: grid; grid-template-columns: auto auto; gap: 0 0.35rem; align-items: baseline; justify-items: end; }
.group-forum-membership-pod__facts strong { color: var(--colour-info); font-family: var(--font-display); font-size: 1.25rem; }
.group-forum-membership-pod__facts span { color: var(--colour-text-muted); font-size: 0.7rem; }
.group-forum-membership-pod__facts .button { grid-column: 1 / -1; margin-top: 0.55rem; }

@media (max-width: 760px) {
  .group-forum-membership-pod { grid-template-columns: 1fr; }
  .group-forum-membership-pod__facts { justify-items: start; justify-content: start; }
}

/* Premium Despatch edition and three-column reading room. */
body[data-shell="editorial"] .site-frame { grid-template-columns: minmax(0, 1fr); max-width: 1500px; }
body[data-shell="editorial"] .main-content { padding-inline: clamp(1rem, 3.2vw, 3rem); }
.dispatch-edition { display: grid; max-width: 1360px; gap: clamp(3.8rem, 7vw, 6.5rem); margin: 0 auto; }
.dispatch-masthead { position: relative; display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(290px, 0.7fr); overflow: hidden; border-top: 3px solid var(--colour-text); border-bottom: 1px solid var(--colour-line-strong); background: var(--colour-surface); }
.dispatch-masthead::before { position: absolute; top: 1rem; right: 1rem; color: var(--colour-line-strong); font-family: var(--font-display); font-size: 0.62rem; letter-spacing: 0.18em; content: "WW / EDITION 06"; }
.dispatch-masthead__copy { display: grid; align-content: end; min-height: 460px; padding: clamp(2rem, 5vw, 4.5rem); }
.dispatch-masthead__copy h1 { max-width: 13ch; margin: 0.45rem 0 1rem; font-family: var(--font-reading); font-size: clamp(3.7rem, 7.4vw, 7.2rem); font-weight: 520; line-height: 0.92; letter-spacing: -0.06em; }
.dispatch-masthead__copy > p:not(.eyebrow) { max-width: 58ch; margin: 0; color: var(--colour-text-muted); font-family: var(--font-reading); font-size: clamp(1.05rem, 1.8vw, 1.35rem); line-height: 1.55; }
.dispatch-masthead__stats { display: flex; flex-wrap: wrap; gap: 0.55rem 1.2rem; margin-top: 2rem; border-top: 1px solid var(--colour-line); padding-top: 1rem; color: var(--colour-text-muted); font-size: 0.7rem; }
.dispatch-masthead__stats span { display: inline-flex; gap: 0.35rem; }
.dispatch-masthead__stats strong { color: var(--colour-text); font-family: var(--font-display); }
.dispatch-masthead__tools { display: grid; align-content: end; gap: 0; border-left: 1px solid var(--colour-line-strong); background: color-mix(in srgb, var(--colour-surface-raised) 88%, var(--colour-canvas)); padding-top: 4rem; }
.dispatch-masthead__tools .editorial-search { padding: 1.4rem; }
.dispatch-masthead__tools .editorial-search label { text-transform: uppercase; letter-spacing: 0.08em; }
.dispatch-random,
.dispatch-shelf-shortcut { display: grid; grid-template-columns: 2.2rem minmax(0, 1fr); gap: 0.7rem; align-items: center; border-top: 1px solid var(--colour-line-strong); color: var(--colour-text); padding: 1.15rem 1.4rem; text-decoration: none; }
.dispatch-random > span:first-child,
.dispatch-shelf-shortcut > span:first-child { display: grid; width: 2rem; height: 2rem; place-items: center; border: 1px solid var(--colour-line-strong); border-radius: 50%; color: var(--colour-info); font-family: var(--font-display); }
.dispatch-random > span:last-child,
.dispatch-shelf-shortcut > span:last-child { display: grid; }
.dispatch-random strong,
.dispatch-shelf-shortcut strong { font-family: var(--font-display); font-size: 0.76rem; }
.dispatch-random small,
.dispatch-shelf-shortcut small { margin-top: 0.16rem; color: var(--colour-text-muted); font-size: 0.66rem; line-height: 1.4; }
.dispatch-random:hover,
.dispatch-shelf-shortcut:hover { background: var(--colour-surface-muted); }
.dispatch-lead-package,
.editorial-shelf,
.editorial-lost,
.editorial-all { display: grid; gap: 1.25rem; }
.editorial-section-heading--quiet { border-top: 1px solid var(--colour-line-strong); padding-top: 1rem; }
.editorial-section-heading--quiet > p { max-width: 35ch; margin: 0; color: var(--colour-text-muted); font-size: 0.75rem; }
.editorial-section-heading h2 { margin: 0.2rem 0 0; font-family: var(--font-reading); font-size: clamp(2rem, 4vw, 3.6rem); font-weight: 540; letter-spacing: -0.045em; }
.dispatch-lead-grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(330px, 0.92fr); gap: 1rem; align-items: stretch; }
.dispatch-lead-stack { display: grid; grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.editorial-story { position: relative; min-width: 0; overflow: hidden; border: 1px solid var(--colour-line-strong); background: var(--colour-surface); }
.editorial-story__media { display: block; overflow: hidden; background: var(--colour-surface-muted); }
.editorial-story__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 500ms cubic-bezier(.2,.75,.2,1); }
.editorial-story__placeholder { display: grid; width: 100%; height: 100%; min-height: 180px; place-items: center; color: var(--colour-text-muted); font-family: var(--font-display); font-size: 0.68rem; letter-spacing: 0.08em; text-transform: uppercase; }
.editorial-story__body { display: grid; min-width: 0; align-content: start; padding: 1.2rem; }
.editorial-story__kicker { display: flex; align-items: center; justify-content: space-between; gap: 1rem; color: var(--colour-info); font-family: var(--font-display); font-size: 0.62rem; font-weight: 760; letter-spacing: 0.1em; text-transform: uppercase; }
.editorial-story__kicker button { min-height: 28px; border: 1px solid var(--colour-line); border-radius: 999px; background: transparent; color: var(--colour-text-muted); padding: 0.25rem 0.62rem; font: inherit; letter-spacing: 0.04em; cursor: pointer; text-transform: none; }
.editorial-story__kicker button:hover,
.editorial-story__kicker button[aria-pressed="true"] { border-color: var(--colour-info); color: var(--colour-text); }
.editorial-story h2,
.editorial-story h3 { margin: 0.55rem 0 0.65rem; }
.editorial-story h2 a,
.editorial-story h3 a { color: inherit; text-decoration: none; }
.editorial-story__body > p { display: -webkit-box; overflow: hidden; margin: 0; color: var(--colour-text-muted); line-height: 1.55; -webkit-box-orient: vertical; }
.editorial-story--lead { display: grid; grid-template-rows: minmax(370px, 1.5fr) minmax(250px, auto); min-height: 680px; }
.editorial-story--lead .editorial-story__body { padding: clamp(1.3rem, 3vw, 2.2rem); }
.editorial-story--lead h2 { max-width: 18ch; font-family: var(--font-reading); font-size: clamp(2.3rem, 4vw, 4.3rem); font-weight: 540; letter-spacing: -0.045em; }
.editorial-story--lead .editorial-story__body > p { max-width: 66ch; font-family: var(--font-reading); font-size: 1.05rem; -webkit-line-clamp: 3; }
.editorial-story--lead .dispatch-row__tags { margin-top: 1rem; }
.editorial-story--side { display: grid; grid-template-rows: minmax(150px, 0.9fr) minmax(0, auto); }
.editorial-story--side h3 { font-family: var(--font-reading); font-size: clamp(1.2rem, 1.8vw, 1.75rem); font-weight: 560; letter-spacing: -0.025em; }
.editorial-story--side .editorial-story__body > p { font-size: 0.76rem; -webkit-line-clamp: 2; }
.dispatch-meta { display: flex; flex-wrap: wrap; gap: 0.35rem 0.8rem; margin-top: 1rem; color: var(--colour-text-muted); font-size: 0.64rem; }
.dispatch-meta a { color: inherit; text-decoration: none; }
.dispatch-meta a:hover { color: var(--colour-info); }
.editorial-pitch-strip { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2rem; align-items: center; border: 1px solid var(--colour-line-strong); border-left: 4px solid var(--colour-action); background: var(--colour-surface-raised); padding: clamp(1.3rem, 3vw, 2rem); }
.editorial-pitch-strip h2 { margin: 0.2rem 0 0.35rem; font-family: var(--font-reading); font-size: clamp(1.6rem, 3vw, 2.5rem); font-weight: 540; }
.editorial-pitch-strip p:not(.eyebrow) { margin: 0; color: var(--colour-text-muted); }
.editorial-shelf { border: 1px solid var(--colour-line-strong); background: color-mix(in srgb, var(--colour-surface-raised) 88%, var(--colour-canvas)); padding: clamp(1rem, 2.5vw, 1.6rem); }
.editorial-shelf-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.8rem; }
.editorial-shelf-card { display: grid; grid-template-columns: 145px minmax(0, 1fr); overflow: hidden; min-height: 180px; border: 1px solid var(--colour-line); background: var(--colour-surface); }
.editorial-shelf-card__media { display: block; overflow: hidden; background: var(--colour-surface-muted); }
.editorial-shelf-card__media img { width: 100%; height: 100%; object-fit: cover; }
.editorial-shelf-card > div { min-width: 0; padding: 1rem; }
.editorial-shelf-card h3 { margin: 0.25rem 0 0.45rem; font-family: var(--font-reading); font-size: 1.15rem; line-height: 1.16; }
.editorial-shelf-card h3 a { color: inherit; text-decoration: none; }
.editorial-shelf-card p:not(.eyebrow) { display: -webkit-box; overflow: hidden; margin: 0; color: var(--colour-text-muted); font-size: 0.72rem; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.reading-progress { display: grid; gap: 0.35rem; margin-top: 0.8rem; }
.reading-progress > span { display: block; overflow: hidden; height: 4px; border-radius: 999px; background: var(--colour-surface-muted); }
.reading-progress > span > i { display: block; width: 0; height: 100%; border-radius: inherit; background: var(--colour-info); transition: width 180ms ease; }
.reading-progress small { color: var(--colour-text-muted); font-size: 0.62rem; }
.editorial-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.editorial-story--lost,
.editorial-story--archive { display: grid; grid-template-rows: 210px minmax(0, 1fr); }
.editorial-story--lost .editorial-story__body,
.editorial-story--archive .editorial-story__body { min-height: 250px; }
.editorial-story--lost h3,
.editorial-story--archive h3 { font-family: var(--font-reading); font-size: clamp(1.25rem, 2vw, 1.75rem); font-weight: 560; letter-spacing: -0.025em; }
.editorial-story--lost .editorial-story__body > p,
.editorial-story--archive .editorial-story__body > p { font-size: 0.78rem; -webkit-line-clamp: 3; }
.editorial-card-grid--lost .editorial-story { background: color-mix(in srgb, var(--colour-surface) 90%, var(--colour-info) 10%); }
.editorial-all .filter-controls { align-self: end; justify-content: flex-end; }
.editorial-all > .results-status { margin-top: -0.55rem; }
.editorial-story[hidden] { display: none !important; }

.article-breadcrumb,
.article-layout,
.article-next { max-width: 1360px; margin-inline: auto; }
.article-breadcrumb { padding-left: 232px; }
.article-layout { max-width: 1360px; }
.article-header { display: grid; max-width: none; grid-template-columns: 200px minmax(0, 740px) 280px; gap: 32px; border-top: 3px solid var(--colour-text); border-bottom: 1px solid var(--colour-line-strong); padding: clamp(2rem, 4vw, 4rem) 0 2.6rem; }
.article-header__main { grid-column: 2 / -1; }
.article-header h1 { max-width: 16ch; margin: 0.45rem 0 1rem; font-family: var(--font-reading); font-size: clamp(3.5rem, 6.7vw, 6.6rem); font-weight: 520; line-height: 0.96; letter-spacing: -0.055em; }
.article-grid { display: grid; grid-template-columns: 200px minmax(0, 740px) 280px; gap: 32px; align-items: start; padding-top: 2.6rem; }
.article-navigation { min-width: 0; }
.article-navigation__sticky { position: sticky; top: calc(var(--header-height) + 1.2rem); display: grid; gap: 1rem; }
.article-navigation__back { display: flex; align-items: center; gap: 0.5rem; border-bottom: 1px solid var(--colour-line-strong); color: var(--colour-text); padding: 0 0 0.9rem; font-family: var(--font-display); font-size: 0.72rem; font-weight: 760; text-decoration: none; }
.article-navigation__back span { color: var(--colour-info); }
.article-navigation__progress { border-bottom: 1px solid var(--colour-line); padding-bottom: 1rem; }
.reading-progress--article { margin-top: 0.55rem; }
.article-save { display: grid; width: 100%; grid-template-columns: 2rem minmax(0, 1fr); gap: 0.6rem; align-items: center; border: 1px solid var(--colour-line-strong); background: var(--colour-surface); color: var(--colour-text); padding: 0.7rem; text-align: left; cursor: pointer; }
.article-save > span:first-child { display: grid; width: 1.8rem; height: 1.8rem; place-items: center; border: 1px solid var(--colour-line); border-radius: 50%; color: var(--colour-info); }
.article-save > span:last-child { display: grid; }
.article-save strong { font-family: var(--font-display); font-size: 0.68rem; }
.article-save small { margin-top: 0.12rem; color: var(--colour-text-muted); font-size: 0.6rem; }
.article-save:hover,
.article-save[aria-pressed="true"] { border-color: var(--colour-info); background: color-mix(in srgb, var(--colour-info) 6%, var(--colour-surface)); }
.article-toc { border-top: 1px solid var(--colour-line-strong); padding-top: 1rem; }
.article-toc ol { display: grid; gap: 0.5rem; margin: 0.7rem 0 0; padding: 0; list-style: none; }
.article-toc a { display: block; color: var(--colour-text-muted); font-size: 0.68rem; line-height: 1.4; text-decoration: none; }
.article-toc a:hover { color: var(--colour-info); }
.article-body { min-width: 0; font-size: 1.08rem; }
.article-source-content figure,
.article-source-content img { max-width: 100%; }
.article-sidecar { position: sticky; top: calc(var(--header-height) + 1.2rem); }
.article-discussion { max-width: 1020px; margin-left: 232px; }
.article-next { margin-top: clamp(3.5rem, 7vw, 6rem); }

@media (hover: hover) {
  .editorial-story:hover .editorial-story__media img { transform: scale(1.025); }
  .editorial-story:hover { border-color: color-mix(in srgb, var(--colour-text) 40%, var(--colour-line)); box-shadow: 0 16px 40px color-mix(in srgb, #000 14%, transparent); }
}

@media (max-width: 1180px) {
  .dispatch-masthead__copy { min-height: 410px; }
  .dispatch-lead-grid { grid-template-columns: minmax(0, 1.7fr) minmax(300px, 1fr); }
  .article-breadcrumb { padding-left: 194px; }
  .article-header,
  .article-grid { grid-template-columns: 170px minmax(0, 1fr) 250px; gap: 24px; }
  .article-discussion { margin-left: 194px; }
}

@media (max-width: 980px) {
  .dispatch-masthead { grid-template-columns: minmax(0, 1fr) 300px; }
  .dispatch-masthead__copy { min-height: 380px; padding: 2.2rem; }
  .dispatch-lead-grid { grid-template-columns: 1fr; }
  .dispatch-lead-stack { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; }
  .article-breadcrumb { padding-left: 0; }
  .article-header { display: block; }
  .article-header__main { max-width: 900px; }
  .article-grid { grid-template-columns: minmax(0, 1fr) 250px; }
  .article-navigation { grid-column: 1 / -1; }
  .article-navigation__sticky { position: static; grid-template-columns: auto minmax(200px, 1fr) minmax(185px, 0.7fr); align-items: center; border-bottom: 1px solid var(--colour-line-strong); padding-bottom: 1rem; }
  .article-navigation__back,
  .article-navigation__progress { border: 0; padding: 0; }
  .article-toc { display: none; }
  .article-discussion { max-width: none; margin-left: 0; }
}

@media (max-width: 760px) {
  body[data-shell="editorial"] .main-content { padding-inline: 0.85rem; }
  body[data-shell="editorial"] .header-join { display: none; }
  .dispatch-edition { gap: 3.6rem; }
  .dispatch-masthead { grid-template-columns: 1fr; }
  .dispatch-masthead__copy { min-height: 380px; padding: 1.5rem; }
  .dispatch-masthead__copy h1 { font-size: clamp(3.2rem, 15vw, 5rem); }
  .dispatch-masthead__stats { display: grid; }
  .dispatch-masthead__tools { border-top: 1px solid var(--colour-line-strong); border-left: 0; padding-top: 0; }
  .editorial-section-heading { grid-template-columns: 1fr; gap: 1rem; }
  .dispatch-lead-stack,
  .editorial-shelf-grid,
  .editorial-card-grid { grid-template-columns: 1fr; }
  .editorial-story--lead { min-height: 0; grid-template-rows: 300px auto; }
  .editorial-story--side { grid-template-columns: 130px minmax(0, 1fr); grid-template-rows: none; }
  .editorial-story--side .editorial-story__media { min-height: 220px; }
  .editorial-pitch-strip { grid-template-columns: 1fr; }
  .editorial-pitch-strip .button { justify-self: start; }
  .editorial-all .filter-controls { justify-content: flex-start; }
  .editorial-shelf-card { grid-template-columns: 110px minmax(0, 1fr); }
  .article-header h1 { font-size: clamp(3rem, 15vw, 5rem); }
  .article-grid { display: block; }
  .article-navigation__sticky { display: grid; grid-template-columns: 1fr; }
  .article-navigation__progress { display: block; }
  .article-sidecar { position: static; grid-template-columns: 1fr 1fr; margin-top: 3rem; }
  .article-discussion { margin-top: 4rem; }
}

@media (max-width: 520px) {
  .dispatch-masthead__copy { min-height: 340px; }
  .editorial-story--lead { grid-template-rows: 230px auto; }
  .editorial-story--side { display: grid; grid-template-columns: 1fr; }
  .editorial-story--side .editorial-story__media { min-height: 180px; }
  .editorial-shelf-card { grid-template-columns: 1fr; }
  .editorial-shelf-card__media { min-height: 150px; }
  .article-sidecar { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .editorial-story__media img,
  .reading-progress > span > i { transition: none; }
}

/* Signal Atlas rebuild: new Despatch typography, archive, reading links and shared conversations. */
@font-face {
  font-family: "WW Space Grotesk";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/space-grotesk-latin.woff2") format("woff2");
}

@font-face {
  font-family: "WW DM Sans";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("../fonts/dm-sans-latin.woff2") format("woff2");
}

.despatch-atlas,
.article-layout,
.article-next,
.article-discussion,
.article-connections,
.topic-header,
.reply-thread,
.forum-composer,
.topic-index,
.forum-index {
  font-family: "WW DM Sans", Inter, system-ui, sans-serif;
}

.despatch-atlas h1,
.despatch-atlas h2,
.despatch-atlas h3,
.article-layout h1,
.article-layout h2,
.article-layout h3,
.article-next h2,
.article-discussion h2,
.article-discussion h3,
.article-connections h2,
.article-connections h3,
.topic-header h1,
.reply-thread h2,
.reply-thread h3,
.forum-composer h2 {
  font-family: "WW Space Grotesk", Inter, system-ui, sans-serif;
}

.despatch-atlas {
  display: grid;
  width: min(100%, 1440px);
  gap: clamp(4.5rem, 8vw, 8.5rem);
  margin: 0 auto;
}

.despatch-lead { display: grid; gap: 1rem; min-width: 0; }
.despatch-atlas--taxonomy { gap: clamp(1.2rem, 2.5vw, 2.2rem); }

.despatch-tag-index { display: grid; width: min(100%, 1360px); gap: clamp(3rem, 6vw, 6rem); margin: 0 auto; font-family: "WW DM Sans", Inter, system-ui, sans-serif; }
.despatch-tag-index__hero { display: grid; min-height: 430px; grid-template-columns: minmax(0, 1fr) minmax(260px, 0.38fr); overflow: hidden; border-top: 4px solid var(--colour-text); border-bottom: 1px solid var(--colour-line-strong); background: radial-gradient(circle at 76% 28%, color-mix(in srgb, var(--colour-info) 14%, transparent) 0 1px, transparent 2px 100%), var(--colour-surface); background-size: 21px 21px; }
.despatch-tag-index__hero > div { position: relative; display: grid; align-content: end; padding: clamp(2rem, 5vw, 4.5rem); }
.despatch-tag-index__hero > div > a { position: absolute; top: 1rem; left: clamp(1rem, 2vw, 2rem); color: var(--colour-text-muted); font-size: 0.72rem; text-decoration: none; }
.despatch-tag-index__hero h1 { max-width: 10ch; margin: 0.7rem 0 1rem; font-family: "WW Space Grotesk", Inter, sans-serif; font-size: clamp(3.7rem, 7.5vw, 7.4rem); font-weight: 650; line-height: 0.88; letter-spacing: -0.065em; }
.despatch-tag-index__hero > div > p:last-child { max-width: 62ch; margin: 0; color: var(--colour-text-muted); font-size: 1rem; line-height: 1.65; }
.despatch-tag-index__hero aside { display: grid; align-content: end; gap: 0.45rem; border-left: 1px solid var(--colour-line-strong); background: color-mix(in srgb, var(--colour-info) 5%, var(--colour-surface-raised)); padding: clamp(1.5rem, 3vw, 2.5rem); }
.despatch-tag-index__hero aside strong { font-family: "WW Space Grotesk", Inter, sans-serif; font-size: clamp(4rem, 7vw, 7rem); font-weight: 620; line-height: 0.8; letter-spacing: -0.06em; }
.despatch-tag-index__hero aside span { color: var(--colour-info); font-size: 0.72rem; font-weight: 760; letter-spacing: 0.12em; text-transform: uppercase; }
.despatch-tag-index__hero aside p { margin: 1rem 0; color: var(--colour-text-muted); line-height: 1.55; }
.despatch-tag-index__hero aside a { color: var(--colour-text); font-weight: 720; text-decoration-color: var(--colour-info); text-underline-offset: 0.3em; }
.despatch-tag-index__cloud { border-top: 3px solid var(--colour-text); padding-top: 1rem; }
.despatch-tag-index__cloud > header { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-bottom: clamp(2rem, 4vw, 3.5rem); }
.despatch-tag-index__cloud > header p { margin: 0; }
.despatch-tag-index__cloud > header p:last-child { color: var(--colour-text-muted); }
.despatch-tag-index__cloud ul { display: flex; flex-wrap: wrap; align-items: baseline; gap: clamp(1rem, 2.5vw, 2.2rem) clamp(1.2rem, 3vw, 3rem); margin: 0; padding: 0; list-style: none; }
.despatch-tag-index__cloud li a { display: inline-flex; align-items: baseline; gap: 0.55rem; border-bottom: 1px solid var(--colour-line-strong); color: var(--colour-text); padding-bottom: 0.28rem; line-height: 1; text-decoration: none; }
.despatch-tag-index__cloud li a:hover, .despatch-tag-index__cloud li a:focus-visible { border-color: var(--colour-info); color: var(--colour-info); }
.despatch-tag-index__cloud li small { color: var(--colour-text-muted); font-size: 0.64rem; font-weight: 700; white-space: nowrap; }
.despatch-tag-index__weight-1 span { font-size: 1rem; }
.despatch-tag-index__weight-2 span { font-size: 1.3rem; }
.despatch-tag-index__weight-3 span { font-size: 1.65rem; }
.despatch-tag-index__weight-4 span { font-size: 2.05rem; }
.despatch-tag-index__weight-5 span { font-size: clamp(2.35rem, 4vw, 3.5rem); font-weight: 650; letter-spacing: -0.045em; }

@media (max-width: 760px) {
  .despatch-tag-index__hero { grid-template-columns: 1fr; }
  .despatch-tag-index__hero > div { min-height: 430px; padding: 3.5rem 1.3rem 1.3rem; }
  .despatch-tag-index__hero h1 { font-size: clamp(3.4rem, 16vw, 5.2rem); }
  .despatch-tag-index__hero aside { border-top: 1px solid var(--colour-line-strong); border-left: 0; padding: 1.3rem; }
  .despatch-tag-index__cloud > header { display: grid; gap: 0.45rem; }
  .despatch-tag-index__cloud ul { gap: 1.3rem 1.6rem; }
}

.despatch-tools { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: clamp(1rem, 3vw, 3rem); border-top: 3px solid var(--colour-text); border-bottom: 1px solid var(--colour-line-strong); background: var(--colour-surface); padding: 0.85rem 1rem; }
.despatch-tools__search { display: grid; min-width: 0; max-width: 620px; grid-template-columns: auto minmax(240px, 1fr); align-items: end; gap: 1rem; border: 0; padding: 0; }
.despatch-tools__search > div { min-width: 0; }
.despatch-tools__saved { min-width: 240px; border: 0; padding: 0.45rem 0.6rem; }
.despatch-tools__saved strong { white-space: nowrap; }
.despatch-tools__saved small { white-space: nowrap; }

.despatch-cover {
  position: relative;
  display: grid;
  min-height: 560px;
  grid-template-columns: minmax(0, 1fr) 360px;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
  border-top: 4px solid var(--colour-text);
  border-bottom: 1px solid var(--colour-line-strong);
  background:
    radial-gradient(circle at 73% 46%, color-mix(in srgb, var(--colour-info) 17%, transparent) 0 1px, transparent 2px 100%),
    linear-gradient(135deg, var(--colour-surface) 0 64%, color-mix(in srgb, var(--colour-info) 6%, var(--colour-surface-raised)) 64% 100%);
  background-size: 19px 19px, auto;
}

.despatch-cover::before {
  position: absolute;
  top: 42%;
  right: 300px;
  transform: translateY(-50%);
  color: color-mix(in srgb, var(--colour-text) 5%, transparent);
  font-family: "WW Space Grotesk", sans-serif;
  font-size: clamp(15rem, 28vw, 30rem);
  font-weight: 700;
  line-height: 0.72;
  letter-spacing: -0.12em;
  content: "06";
  pointer-events: none;
}

.despatch-cover__rule {
  position: relative;
  z-index: 1;
  display: flex;
  grid-column: 1 / -1;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-bottom: 1px solid var(--colour-line-strong);
  padding: 0.78rem 1rem;
  font-family: "WW Space Grotesk", sans-serif;
  font-size: 0.68rem;
  font-weight: 650;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.despatch-cover__copy {
  position: relative;
  z-index: 1;
  display: grid;
  min-width: 0;
  align-content: end;
  padding: clamp(2rem, 5vw, 5rem);
}

.despatch-cover__live,
.conversation-dock__live {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  margin: 0;
  color: var(--colour-info);
  font-size: 0.7rem;
  font-weight: 720;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.despatch-cover__live i,
.conversation-dock__live i,
.signal-feature__kicker i {
  width: 0.55rem;
  height: 0.55rem;
  flex: 0 0 auto;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 0 5px color-mix(in srgb, currentColor 12%, transparent);
}

.despatch-cover__copy h1 {
  max-width: 12ch;
  margin: 0.8rem 0 1.2rem;
  font-size: clamp(3.6rem, 7.4vw, 7.9rem);
  font-weight: 650;
  line-height: 0.88;
  letter-spacing: -0.072em;
}

.despatch-cover__copy > p:last-child {
  max-width: 60ch;
  margin: 0;
  color: var(--colour-text-muted);
  font-size: clamp(1rem, 1.6vw, 1.3rem);
  line-height: 1.55;
}

.despatch-cover__control {
  position: relative;
  z-index: 2;
  display: grid;
  grid-column: 2;
  grid-row: 2;
  align-content: end;
  border-left: 1px solid var(--colour-line-strong);
  background: color-mix(in srgb, var(--colour-surface-raised) 86%, transparent);
}

.despatch-cover__count {
  display: grid;
  gap: 0.25rem;
  padding: 2rem;
}

.despatch-cover__count strong {
  font-family: "WW Space Grotesk", sans-serif;
  font-size: clamp(4rem, 7vw, 6.4rem);
  font-weight: 650;
  line-height: 0.82;
  letter-spacing: -0.08em;
}

.despatch-cover__count span,
.despatch-cover__search label {
  color: var(--colour-text-muted);
  font-size: 0.68rem;
  font-weight: 650;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.despatch-cover__search {
  display: grid;
  gap: 0.55rem;
  border-top: 1px solid var(--colour-line-strong);
  padding: 1.5rem 2rem;
}

.despatch-cover__search > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 44px;
  border-bottom: 1px solid var(--colour-text);
}

.despatch-cover__search input,
.despatch-cover__search button {
  min-height: 46px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--colour-text);
  font: inherit;
}

.despatch-cover__search input { padding: 0 0.35rem; }
.despatch-cover__search button { color: var(--colour-info); cursor: pointer; font-size: 1.25rem; }
.despatch-cover .dispatch-shelf-shortcut { border-top: 1px solid var(--colour-line-strong); border-radius: 0; }

.despatch-now {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  border-top: 1px solid var(--colour-line-strong);
}

.despatch-section-tag {
  display: flex;
  align-items: center;
  justify-content: space-between;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  border-right: 1px solid var(--colour-line-strong);
  padding: 1rem;
  font-family: "WW Space Grotesk", sans-serif;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.despatch-section-tag span { color: var(--colour-action); font-size: 0.68rem; font-weight: 700; }
.despatch-section-tag p { margin: 0; color: var(--colour-text-muted); font-size: 0.62rem; }

.signal-feature {
  display: grid;
  min-width: 0;
  min-height: 640px;
  grid-template-columns: minmax(0, 1.35fr) minmax(380px, 0.9fr);
  overflow: hidden;
  border-bottom: 1px solid var(--colour-line-strong);
  background: var(--colour-surface);
}

.signal-feature__media {
  position: relative;
  display: block;
  min-height: 520px;
  overflow: hidden;
  background: var(--colour-surface-muted);
}

.signal-feature__media::after {
  position: absolute;
  inset: auto 0 0;
  height: 24%;
  background: linear-gradient(transparent, color-mix(in srgb, #000 36%, transparent));
  content: "";
  pointer-events: none;
}

.signal-feature__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 700ms cubic-bezier(.2,.75,.2,1); }
.signal-feature__media > span { display: grid; width: 100%; height: 100%; place-items: center; color: var(--colour-text-muted); }
.signal-feature:hover .signal-feature__media img { transform: scale(1.018); }

.signal-feature__copy {
  position: relative;
  display: grid;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  align-content: end;
  border-left: 1px solid var(--colour-line-strong);
  padding: clamp(1.5rem, 2.5vw, 2.6rem);
}

.signal-feature__number {
  position: absolute;
  top: 1.1rem;
  right: 1.4rem;
  color: color-mix(in srgb, var(--colour-text) 10%, transparent);
  font-family: "WW Space Grotesk", sans-serif;
  font-size: clamp(5rem, 9vw, 9rem);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.1em;
}

.signal-feature__kicker,
.signal-riff__top {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  color: var(--colour-info);
  font-size: 0.68rem;
  font-weight: 720;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.signal-feature__kicker > span { display: flex; min-width: 0; align-items: center; gap: 0.55rem; }
.signal-feature__kicker { display: grid; min-width: 0; grid-template-columns: minmax(0, 1fr) auto; }
.signal-feature__kicker button { min-width: 0; white-space: nowrap; }
.signal-feature__kicker button,
.signal-riff__top button,
.signal-row__facts button {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  border: 0;
  background: transparent;
  color: var(--colour-text-muted);
  padding: 0;
  font: inherit;
  cursor: pointer;
}

.signal-feature__kicker button strong,
.signal-riff__top button strong,
.signal-row__facts button strong { font-size: 0.64rem; font-weight: 650; }
.signal-feature__kicker button[aria-pressed="true"],
.signal-riff__top button[aria-pressed="true"],
.signal-row__facts button[aria-pressed="true"] { color: var(--colour-info); }

.signal-feature h2 {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 100%;
  margin: 1rem 0;
  overflow-wrap: anywhere;
  font-size: clamp(2.3rem, 3.6vw, 3.7rem);
  font-weight: 620;
  line-height: 0.98;
  letter-spacing: -0.05em;
}

.signal-feature h2 a,
.signal-riff h3 a,
.signal-row h3 a,
.article-recommendation h3 a { color: inherit; text-decoration: none; }
.signal-feature__copy > p { margin: 0; color: var(--colour-text-muted); line-height: 1.62; }
.signal-feature .dispatch-row__tags { margin-top: 1.2rem; }

.signal-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.85rem;
  margin-top: 1rem;
  color: var(--colour-text-muted);
  font-size: 0.66rem;
}

.signal-meta a { color: inherit; text-decoration: none; }
.signal-meta a:hover { color: var(--colour-info); }
.signal-feature__open { display: flex; align-items: center; justify-content: space-between; margin-top: 1.5rem; border-top: 1px solid var(--colour-line-strong); color: var(--colour-text); padding-top: 1rem; font-size: 0.76rem; font-weight: 700; text-decoration: none; }
.signal-feature__open span { color: var(--colour-info); font-size: 1.2rem; }

.despatch-riffs { display: grid; gap: 1.6rem; }
.despatch-riffs > header,
.despatch-ledger__header,
.article-connections > header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.48fr);
  gap: 2rem;
  align-items: end;
  border-top: 3px solid var(--colour-text);
  padding-top: 1.1rem;
}

.despatch-riffs > header h2,
.despatch-ledger__header h1,
.despatch-ledger__header h2,
.article-connections > header h2 {
  max-width: 18ch;
  margin: 0.3rem 0 0;
  font-size: clamp(2.3rem, 4.7vw, 4.8rem);
  font-weight: 620;
  line-height: 0.98;
  letter-spacing: -0.055em;
}

.despatch-riffs > header > p,
.article-connections > header > p { max-width: 42ch; margin: 0; color: var(--colour-text-muted); line-height: 1.55; }
.despatch-riffs__track { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 2.5vw, 2.2rem); }

.signal-riff { display: grid; min-width: 0; grid-template-rows: auto 250px minmax(0, 1fr); border-top: 1px solid var(--colour-line-strong); }
.signal-riff__top { padding: 0.8rem 0; }
.signal-riff__top > span { color: var(--colour-action); font-family: "WW Space Grotesk", sans-serif; font-size: 1.1rem; font-weight: 650; }
.signal-riff__media { display: block; overflow: hidden; background: var(--colour-surface-muted); }
.signal-riff__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 500ms ease; }
.signal-riff:hover .signal-riff__media img { transform: scale(1.025); }
.signal-riff__media > span { display: grid; width: 100%; height: 100%; place-items: center; color: var(--colour-text-muted); }
.signal-riff__copy { display: grid; align-content: start; padding-top: 1rem; }
.signal-riff h3 { margin: 0.35rem 0 0.6rem; font-size: clamp(1.35rem, 2.2vw, 2rem); font-weight: 620; line-height: 1.06; letter-spacing: -0.035em; }
.signal-riff__copy > p:not(.eyebrow) { display: -webkit-box; overflow: hidden; margin: 0; color: var(--colour-text-muted); line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.despatch-reading-trail {
  display: grid;
  grid-template-columns: minmax(220px, 0.32fr) minmax(0, 1fr);
  gap: 2rem;
  border-top: 1px solid var(--colour-info);
  border-bottom: 1px solid var(--colour-line-strong);
  padding: 1.3rem 0;
}

.despatch-reading-trail > header h2 { margin: 0.3rem 0; font-size: clamp(1.8rem, 3vw, 3rem); }
.despatch-reading-trail > header > p:last-child { margin: 0; color: var(--colour-text-muted); font-size: 0.78rem; }
.despatch-reading-trail__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.8rem; }
.despatch-reading-trail__grid > .editorial-shelf-empty { grid-column: 1 / -1; margin: 0; border-left: 1px solid var(--colour-line-strong); color: var(--colour-text-muted); padding: 1rem; }
.despatch-reading-trail .editorial-shelf-card { border: 0; border-left: 1px solid var(--colour-line-strong); background: transparent; }

.despatch-ledger { display: grid; gap: 2rem; }
.despatch-ledger__header .filter-controls { justify-self: end; }
.despatch-ledger__layout { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: clamp(1.5rem, 4vw, 4.5rem); align-items: start; }
.despatch-ledger__index { position: sticky; top: calc(var(--header-height) + 1rem); display: grid; gap: 1.5rem; }
.despatch-ledger__index > div { border-top: 1px solid var(--colour-line-strong); padding-top: 1rem; }
.despatch-ledger__index > div > p:last-child { color: var(--colour-text-muted); font-size: 0.76rem; }
.despatch-ledger__index nav { display: grid; margin-top: 0.7rem; }
.despatch-ledger__index nav a { display: flex; align-items: center; justify-content: space-between; gap: 0.8rem; border-bottom: 1px solid var(--colour-line); color: var(--colour-text-muted); padding: 0.62rem 0; font-size: 0.76rem; text-decoration: none; }
.despatch-ledger__index nav a:hover { color: var(--colour-text); }
.despatch-ledger__index nav small { color: var(--colour-info); font-family: "WW Space Grotesk", sans-serif; }
.despatch-ledger__lever,
.despatch-ledger__pitch { display: grid; color: var(--colour-text); text-decoration: none; }
.despatch-ledger__lever { grid-template-columns: 2.4rem minmax(0, 1fr); gap: 0.1rem 0.7rem; border: 1px solid var(--colour-line-strong); padding: 0.9rem; }
.despatch-ledger__lever > span { display: grid; width: 2.2rem; height: 2.2rem; grid-row: 1 / 3; place-items: center; border: 1px solid var(--colour-action); border-radius: 50%; color: var(--colour-action); font-family: "WW Space Grotesk", sans-serif; }
.despatch-ledger__lever strong,
.despatch-ledger__pitch strong { font-family: "WW Space Grotesk", sans-serif; font-size: 0.76rem; }
.despatch-ledger__lever small,
.despatch-ledger__pitch small { color: var(--colour-text-muted); font-size: 0.66rem; line-height: 1.4; }
.despatch-ledger__pitch { gap: 0.25rem; border-left: 3px solid var(--colour-action); padding: 0.3rem 0 0.3rem 0.8rem; }
.despatch-ledger__feed > .results-status { margin: 0 0 0.65rem; }
.despatch-ledger__load { margin-top: 1.2rem; border-top: 3px solid var(--colour-text); border-bottom: 1px solid var(--colour-line-strong); }
.despatch-ledger__load[hidden] { display: none; }
.despatch-ledger__load button { display: grid; width: 100%; min-height: 92px; grid-template-columns: minmax(0, 1fr) auto 48px; gap: 1rem; align-items: center; border: 0; border-radius: 0; background: transparent; color: var(--colour-text); padding: 1rem 0; text-align: left; cursor: pointer; }
.despatch-ledger__load button:hover { background: color-mix(in srgb, var(--colour-info) 5%, var(--colour-surface)); }
.despatch-ledger__load button > span { font-family: "WW Space Grotesk", Inter, sans-serif; font-size: clamp(1.7rem, 3vw, 2.8rem); font-weight: 620; letter-spacing: -0.045em; }
.despatch-ledger__load button small { color: var(--colour-text-muted); font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.07em; }
.despatch-ledger__load button small strong { color: var(--colour-info); font: inherit; }
.despatch-ledger__load button i { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid var(--colour-info); border-radius: 50%; color: var(--colour-info); font-style: normal; font-size: 1.15rem; }

.signal-row {
  display: grid;
  min-width: 0;
  min-height: 170px;
  grid-template-columns: 54px minmax(0, 1fr) 145px 150px 44px;
  gap: 1rem;
  align-items: stretch;
  border-top: 1px solid var(--colour-line-strong);
  transition: background-color 180ms ease;
}

.signal-row:last-child { border-bottom: 1px solid var(--colour-line-strong); }
.signal-row:hover { background: color-mix(in srgb, var(--colour-info) 5%, var(--colour-surface)); }
.signal-row[hidden] { display: none !important; }
.signal-row__number { padding-top: 1.1rem; color: var(--colour-action); font-family: "WW Space Grotesk", sans-serif; font-size: 1.1rem; font-weight: 650; }
.signal-row__copy { display: grid; min-width: 0; align-content: center; padding: 1rem 0; }
.signal-row__copy > p { margin: 0 0 0.35rem; color: var(--colour-info); font-size: 0.62rem; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; }
.signal-row h3 { margin: 0; font-family: "WW Space Grotesk", Inter, system-ui, sans-serif; font-size: clamp(1.25rem, 2.1vw, 2rem); font-weight: 620; line-height: 1.05; letter-spacing: -0.035em; }
.signal-row__copy > span { display: -webkit-box; overflow: hidden; margin-top: 0.55rem; color: var(--colour-text-muted); font-size: 0.78rem; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.signal-row__facts { display: grid; align-content: center; gap: 0.7rem; }
.signal-row__facts .signal-meta { display: grid; gap: 0.25rem; margin: 0; }
.signal-row__facts button { font-size: 0.66rem; }
.signal-row__image { display: block; overflow: hidden; margin: 0.75rem 0; background: var(--colour-surface-muted); }
.signal-row__image img { width: 100%; height: 100%; object-fit: cover; filter: saturate(0.86); transition: filter 180ms ease, transform 300ms ease; }
.signal-row:hover .signal-row__image img { filter: saturate(1); transform: scale(1.025); }
.signal-row__image > span { display: grid; height: 100%; place-items: center; color: var(--colour-text-muted); font-family: "WW Space Grotesk", sans-serif; }
.signal-row__open { display: grid; place-items: center; border-left: 1px solid var(--colour-line); color: var(--colour-info); font-size: 1.15rem; text-decoration: none; }

/* Article typography, sticky navigation and genuine related reading. */
.article-layout,
.article-next { font-family: "WW DM Sans", Inter, system-ui, sans-serif; }
.article-header h1 { font-family: "WW Space Grotesk", Inter, sans-serif; font-weight: 640; letter-spacing: -0.06em; }
.article-deck { font-family: "WW DM Sans", Inter, sans-serif; font-size: clamp(1.08rem, 1.8vw, 1.35rem); line-height: 1.58; }
.article-body { font-family: "WW DM Sans", Inter, system-ui, sans-serif; font-size: 1.08rem; }
.article-source-content { font-size: clamp(1.04rem, 1.25vw, 1.14rem); line-height: 1.82; letter-spacing: -0.006em; }
.article-source-content h2,
.article-source-content h3 { font-family: "WW Space Grotesk", Inter, sans-serif; font-weight: 620; letter-spacing: -0.035em; }
.article-source-content h2 { margin-top: 3.4rem; font-size: clamp(2rem, 3.8vw, 3.35rem); line-height: 1.02; }
.article-source-content h3 { margin-top: 2.4rem; font-size: clamp(1.4rem, 2.5vw, 2.15rem); }
.article-source-content blockquote { font-family: "WW Space Grotesk", Inter, sans-serif; font-weight: 520; }
.article-navigation__back,
.article-save strong,
.article-toc a,
.article-sidecar { font-family: "WW DM Sans", Inter, sans-serif; }

@media (min-width: 981px) {
  .article-navigation { position: sticky; top: calc(var(--header-height) + 1rem); align-self: start; }
  .article-navigation__sticky { position: static; max-height: calc(100vh - var(--header-height) - 2rem); overflow: auto; scrollbar-width: thin; }
}

.discussion-card { position: relative; overflow: hidden; border: 1px solid var(--colour-line-strong) !important; border-top: 3px solid var(--colour-info) !important; background: var(--colour-surface); padding: 0 1rem 1rem; }
.discussion-card .discussion-cutout { display: block; width: calc(100% + 2rem); max-width: none; height: 190px; margin: 0 -1rem 1rem; object-fit: contain; object-position: center bottom; background: color-mix(in srgb, var(--colour-info) 6%, var(--colour-surface-muted)); }
.discussion-card h2 { font-family: "WW Space Grotesk", Inter, sans-serif; font-weight: 620; }

.article-connections { max-width: 1128px; margin: clamp(5rem, 10vw, 9rem) 0 0 232px; scroll-margin-top: calc(var(--header-height) + 1rem); }
.article-connections__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 2.3vw, 2rem); margin-top: 2rem; }
.article-recommendation { display: grid; min-width: 0; grid-template-rows: 210px minmax(0, 1fr); border-top: 1px solid var(--colour-line-strong); }
.article-recommendation__media { display: block; overflow: hidden; background: var(--colour-surface-muted); }
.article-recommendation__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 400ms ease; }
.article-recommendation:hover .article-recommendation__media img { transform: scale(1.025); }
.article-recommendation__media > span { display: grid; width: 100%; height: 100%; place-items: center; color: var(--colour-action); font-family: "WW Space Grotesk", sans-serif; font-size: 4rem; }
.article-recommendation > div { padding-top: 1rem; }
.article-recommendation h3 { margin: 0.35rem 0 0.65rem; font-size: clamp(1.25rem, 2vw, 1.75rem); font-weight: 620; line-height: 1.08; letter-spacing: -0.035em; }
.article-recommendation > div > p:not(.eyebrow) { display: -webkit-box; overflow: hidden; margin: 0; color: var(--colour-text-muted); font-size: 0.8rem; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.article-chronology { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: clamp(2.5rem, 5vw, 4.5rem); border-top: 1px solid var(--colour-line-strong); border-bottom: 1px solid var(--colour-line-strong); }
.article-chronology > div + div { border-left: 1px solid var(--colour-line-strong); text-align: right; }
.article-chronology a,
.article-chronology > div > span { display: grid; min-height: 150px; align-content: center; gap: 0.35rem; color: var(--colour-text); padding: 1.3rem; text-decoration: none; }
.article-chronology a:hover { background: color-mix(in srgb, var(--colour-info) 5%, var(--colour-surface)); }
.article-chronology span,
.article-chronology small { color: var(--colour-text-muted); font-size: 0.68rem; }
.article-chronology strong { font-family: "WW Space Grotesk", sans-serif; font-size: clamp(1rem, 1.8vw, 1.4rem); line-height: 1.2; }

/* Shared Forums and Blog Discussion conversation language. */
.article-discussion.conversation-dock { max-width: 1128px; margin: clamp(5rem, 10vw, 9rem) 0 0 232px; border: 0; padding: 0; }
.conversation-dock__header { display: grid; min-height: 380px; grid-template-columns: minmax(0, 1fr) minmax(330px, 430px); overflow: hidden; border-top: 4px solid var(--colour-text); border-bottom: 1px solid var(--colour-line-strong); background: color-mix(in srgb, var(--colour-info) 5%, var(--colour-surface)); }
.conversation-dock__copy { display: grid; min-width: 0; align-content: end; padding: clamp(1.5rem, 3.5vw, 3rem); }
.conversation-dock__copy h2 { max-width: 15ch; margin: 0.45rem 0 0.85rem; font-size: clamp(2.8rem, 5.7vw, 5.5rem); font-weight: 630; line-height: 0.94; letter-spacing: -0.06em; }
.conversation-dock__copy > p:not(.eyebrow, .conversation-dock__live) { max-width: 62ch; margin: 0; color: var(--colour-text-muted); line-height: 1.6; }
.conversation-dock__copy > .eyebrow { margin-top: 1.6rem; }
.conversation-dock__facts { display: flex; flex-wrap: wrap; gap: 0.55rem 1rem; margin-top: 1.5rem; border-top: 1px solid var(--colour-line-strong); padding-top: 0.8rem; color: var(--colour-text-muted); font-size: 0.7rem; }
.conversation-dock__facts strong { color: var(--colour-text); }
.conversation-dock__facts a { margin-left: auto; color: var(--colour-info); text-decoration: none; }
.conversation-dock__art { display: grid; min-width: 0; grid-template-rows: minmax(0, 1fr) auto; align-items: end; margin: 0; border-left: 1px solid var(--colour-line-strong); background: radial-gradient(circle at center, color-mix(in srgb, var(--colour-info) 12%, transparent), transparent 68%); }
.conversation-dock__art img { display: block; width: 100%; height: 330px; object-fit: contain; object-position: center bottom; padding: 1rem 0.6rem 0; }
.conversation-dock__art figcaption { border-top: 1px solid var(--colour-line); padding: 0.65rem 0.9rem; color: var(--colour-text-muted); font-size: 0.62rem; line-height: 1.4; }
.conversation-stream { margin-top: clamp(2.5rem, 5vw, 4.5rem); }
.conversation-stream__header { display: flex; align-items: end; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--colour-line-strong); padding-bottom: 0.8rem; }
.conversation-stream__header h3 { margin: 0.25rem 0 0; font-size: clamp(1.5rem, 3vw, 2.4rem); font-weight: 620; letter-spacing: -0.035em; }
.conversation-stream__header > span { color: var(--colour-text-muted); font-size: 0.68rem; }
.conversation-stream__messages,
.reply-thread { display: grid; gap: 0; border-top: 0; }

.forum-reply.forum-message {
  position: relative;
  display: grid;
  min-width: 0;
  grid-template-columns: 62px minmax(0, 1fr);
  gap: 0.85rem;
  border: 0;
  background: transparent;
  box-shadow: none;
  padding: 1.3rem 0 0;
}

.forum-message__rail { display: grid; grid-template-rows: 52px minmax(0, 1fr); justify-items: center; }
.forum-message__avatar { position: relative; z-index: 1; display: grid; width: 52px; height: 52px; place-items: center; overflow: hidden; border: 1px solid var(--colour-line-strong); border-radius: 50%; background: var(--colour-surface); }
.forum-message__avatar .avatar { width: 100%; height: 100%; border: 0; border-radius: 50%; }
.forum-message__avatar img { width: 100%; height: 100%; object-fit: cover; }
.forum-message__rail > span { width: 1px; height: 100%; background: var(--colour-line-strong); }
.forum-message:last-child .forum-message__rail > span { background: linear-gradient(var(--colour-line-strong), transparent); }
.forum-message__panel { min-width: 0; margin-bottom: 0.35rem; border: 1px solid var(--colour-line-strong); background: var(--colour-surface); padding: clamp(1rem, 2.4vw, 1.6rem); }
.forum-message--opening .forum-message__panel { border-top: 3px solid var(--colour-info); background: color-mix(in srgb, var(--colour-info) 4%, var(--colour-surface)); }
.forum-message--focused .forum-message__panel { border-color: var(--colour-action); box-shadow: 0 0 0 3px color-mix(in srgb, var(--colour-action) 14%, transparent); }
.forum-message--pending .forum-message__panel { border-style: dashed; }
.forum-message__header { display: flex; align-items: start; justify-content: space-between; gap: 1rem; margin-bottom: 1.1rem; border-bottom: 1px solid var(--colour-line); padding-bottom: 0.7rem; }
.forum-message__identity { display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem 0.55rem; }
.forum-message__identity a { color: var(--colour-text); text-decoration: none; }
.forum-message__identity strong { font-family: "WW Space Grotesk", sans-serif; font-size: 0.86rem; }
.forum-message__identity span,
.forum-message__identity small { color: var(--colour-text-muted); font-size: 0.64rem; }
.forum-message__identity small { border: 1px solid var(--colour-line); padding: 0.18rem 0.38rem; text-transform: uppercase; }
.forum-message__meta { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 0.35rem 0.65rem; color: var(--colour-text-muted); font-size: 0.65rem; text-align: right; }
.forum-message__meta a { color: var(--colour-info); text-decoration: none; }
.forum-message__content { min-width: 0; width: 100%; max-width: 78ch; overflow-wrap: anywhere; color: var(--colour-text); font-family: "WW DM Sans", Inter, sans-serif; font-size: 0.98rem; line-height: 1.72; }
.forum-message__content > :first-child { margin-top: 0; }
.forum-message__content > :last-child { margin-bottom: 0; }
.forum-message__content :where(p, li, a, span, strong, em, code) { max-width: 100%; overflow-wrap: anywhere; }
.forum-message__content :where(pre, table, figure, iframe, video) { max-width: 100%; }
.forum-message__content pre { box-sizing: border-box; overflow-x: auto; margin: 1rem 0; border: 1px solid var(--colour-line); border-radius: var(--radius-sm); background: var(--colour-surface-muted); padding: 0.8rem; white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word; }
.forum-message__content code { white-space: break-spaces; }
.forum-message__content table { display: block; overflow-x: auto; }
.forum-message__content blockquote { max-width: 100%; border-left: 3px solid var(--colour-info); background: color-mix(in srgb, var(--colour-info) 6%, transparent); padding: 0.75rem 1rem; overflow-wrap: anywhere; }
.forum-message__actions { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 1.2rem; padding-top: 0.8rem; border-top: 1px solid var(--colour-line); }
.forum-message__actions a,
.forum-message__actions button { min-height: 30px; border: 0; border-bottom: 1px solid var(--colour-line-strong); border-radius: 0; background: transparent; color: var(--colour-text-muted); padding: 0.3rem 0.1rem; font: inherit; font-size: 0.66rem; text-decoration: none; }
.forum-message__actions a:hover,
.forum-message__actions button:hover { border-color: var(--colour-info); color: var(--colour-text); }

.activity-forum-bridge { min-width: 0; margin: 0 0 1rem; border-top: 1px solid var(--colour-line-strong); padding-top: 1rem; }
.activity-forum-bridge__header { display: flex; align-items: end; justify-content: space-between; gap: 1rem; }
.activity-forum-bridge__header h3 { margin: 0.2rem 0 0.25rem; font-family: "WW Space Grotesk", Inter, sans-serif; font-size: clamp(1.2rem, 2.6vw, 1.75rem); line-height: 1.08; letter-spacing: -0.035em; }
.activity-forum-bridge__header p:last-child { margin: 0; color: var(--colour-text-muted); font-size: 0.72rem; }
.activity-forum-bridge__header .button { flex: 0 0 auto; white-space: nowrap; }
.activity-forum-bridge .reply-thread { min-width: 0; margin-top: 0.9rem; }
.activity-forum-bridge .forum-reply.forum-message { scroll-margin-top: calc(var(--header-height) + 1rem); }
.activity-forum-bridge .forum-message:target .forum-message__panel { border-color: var(--colour-action); background: color-mix(in srgb, var(--colour-action) 5%, var(--colour-surface)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--colour-action) 14%, transparent); }
.activity-forum-bridge__limit { margin: 0.8rem 0 0; color: var(--colour-text-muted); font-size: 0.72rem; }
.activity-forum-bridge + .activity-reply-form { margin-top: 1rem; border-top: 1px solid var(--colour-line); padding-top: 1rem; }

.topic-header,
.forum-composer { font-family: "WW DM Sans", Inter, sans-serif; }
.topic-header h1,
.forum-composer h2 { font-family: "WW Space Grotesk", Inter, sans-serif; font-weight: 620; letter-spacing: -0.04em; }
.reply-thread { margin-top: 1.8rem; }
.forum-composer { border: 1px solid var(--colour-line-strong); border-top: 3px solid var(--colour-info); background: var(--colour-surface); padding: clamp(1rem, 2.5vw, 1.7rem); }

.conversation-entry { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 0.75fr); gap: clamp(1.5rem, 4vw, 3rem); margin-top: 3rem; border-top: 3px solid var(--colour-action); border-bottom: 1px solid var(--colour-line-strong); background: var(--colour-surface); padding: clamp(1.5rem, 4vw, 3rem); }
.conversation-entry h3 { max-width: 18ch; margin: 0.35rem 0 0.8rem; font-size: clamp(2rem, 4vw, 3.8rem); font-weight: 620; line-height: 0.98; letter-spacing: -0.05em; }
.conversation-entry__copy > p:not(.eyebrow) { max-width: 62ch; color: var(--colour-text-muted); line-height: 1.6; }
.conversation-entry__social { align-self: center; border-left: 1px solid var(--colour-line-strong); padding-left: clamp(1rem, 3vw, 2rem); }

@media (max-width: 1180px) {
  .despatch-cover { grid-template-columns: minmax(0, 1fr) 320px; }
  .despatch-cover::before { right: 270px; }
  .signal-feature { grid-template-columns: minmax(0, 1.25fr) minmax(330px, 0.9fr); }
  .article-connections,
  .article-discussion.conversation-dock { margin-left: 194px; }
}

@media (max-width: 980px) {
  .despatch-cover { grid-template-columns: minmax(0, 1fr) 300px; min-height: 500px; }
  .despatch-cover__copy { padding: 2.2rem; }
  .despatch-cover::before { right: 240px; }
  .signal-feature { grid-template-columns: 1fr; }
  .signal-feature__media { min-height: 430px; }
  .signal-feature__copy { border-top: 1px solid var(--colour-line-strong); border-left: 0; }
  .despatch-ledger__layout { grid-template-columns: 190px minmax(0, 1fr); gap: 1.5rem; }
  .signal-row { grid-template-columns: 46px minmax(0, 1fr) 125px 42px; }
  .signal-row__image { display: none; }
  .article-connections,
  .article-discussion.conversation-dock { max-width: none; margin-left: 0; }
}

@media (max-width: 760px) {
  .despatch-atlas { gap: 4.5rem; }
  .despatch-lead { gap: 0.75rem; }
  .despatch-tools { grid-template-columns: 1fr; align-items: stretch; padding: 0.85rem; }
  .despatch-tools__search { max-width: none; grid-template-columns: 1fr; gap: 0.5rem; }
  .despatch-tools__saved { width: 100%; min-width: 0; }
  .despatch-cover { display: grid; min-height: 0; grid-template-columns: 1fr; grid-template-rows: auto auto auto; }
  .despatch-cover::before { top: 32%; right: -1.5rem; font-size: 16rem; }
  .despatch-cover__rule { font-size: 0.58rem; }
  .despatch-cover__copy { min-height: 420px; padding: 1.4rem; }
  .despatch-cover__copy h1 { font-size: clamp(3rem, 15vw, 5.2rem); }
  .despatch-cover__control { grid-column: 1; grid-row: 3; border-top: 1px solid var(--colour-line-strong); border-left: 0; }
  .despatch-cover__count { padding: 1.3rem; }
  .despatch-cover__count strong { font-size: 4.4rem; }
  .despatch-cover__search { padding: 1.2rem 1.3rem; }
  .despatch-now { grid-template-columns: 1fr; }
  .despatch-section-tag { flex-direction: row; writing-mode: initial; transform: none; border-right: 0; border-bottom: 1px solid var(--colour-line-strong); }
  .signal-feature { min-height: 0; }
  .signal-feature__media { min-height: 300px; }
  .signal-feature__copy { padding: 1.3rem; }
  .signal-feature__number { font-size: 5.5rem; }
  .signal-feature h2 { font-size: clamp(2.25rem, 11vw, 3.7rem); }
  .despatch-riffs > header,
  .despatch-ledger__header,
  .article-connections > header { grid-template-columns: 1fr; gap: 0.9rem; }
  .despatch-riffs > header h2,
  .despatch-ledger__header h1,
  .despatch-ledger__header h2,
  .article-connections > header h2 { font-size: clamp(2.2rem, 10vw, 3.6rem); }
  .despatch-riffs__track { display: grid; grid-auto-columns: min(82vw, 370px); grid-auto-flow: column; grid-template-columns: none; overflow-x: auto; gap: 1rem; padding-bottom: 0.8rem; scroll-snap-type: x mandatory; }
  .signal-riff { scroll-snap-align: start; }
  .despatch-reading-trail { grid-template-columns: 1fr; }
  .despatch-reading-trail__grid { grid-template-columns: 1fr; }
  .despatch-ledger__header .filter-controls { justify-self: start; }
  .despatch-ledger__layout { grid-template-columns: 1fr; }
  .despatch-ledger__index { position: static; grid-template-columns: 1fr 1fr; }
  .despatch-ledger__index > div { grid-column: 1 / -1; }
  .despatch-ledger__index nav { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 1rem; }
  .despatch-ledger__load button { grid-template-columns: minmax(0, 1fr) 42px; }
  .despatch-ledger__load button small { grid-column: 1; }
  .despatch-ledger__load button i { grid-column: 2; grid-row: 1 / 3; }
  .signal-row { min-height: 150px; grid-template-columns: 38px minmax(0, 1fr) 42px; gap: 0.65rem; }
  .signal-row__facts,
  .signal-row__image { display: none; }
  .signal-row__copy { padding: 0.8rem 0; }
  .signal-row__copy > span { -webkit-line-clamp: 2; }
  .article-source-content { font-size: 1.03rem; line-height: 1.76; }
  .article-connections { margin-top: 4.5rem; }
  .article-connections__grid { grid-template-columns: 1fr; }
  .article-recommendation { grid-template-columns: 120px minmax(0, 1fr); grid-template-rows: none; }
  .article-recommendation__media { min-height: 190px; }
  .article-recommendation > div { padding: 0.9rem 0 0.9rem 0.9rem; }
  .article-chronology { grid-template-columns: 1fr; }
  .article-chronology > div + div { border-top: 1px solid var(--colour-line-strong); border-left: 0; text-align: left; }
  .conversation-dock__header { grid-template-columns: 1fr; }
  .conversation-dock__copy h2 { font-size: clamp(2.7rem, 13vw, 4.4rem); }
  .conversation-dock__art { border-top: 1px solid var(--colour-line-strong); border-left: 0; }
  .conversation-dock__art img { height: 260px; }
  .conversation-dock__facts a { width: 100%; margin-left: 0; }
  .conversation-entry { grid-template-columns: 1fr; }
  .conversation-entry__social { border-top: 1px solid var(--colour-line-strong); border-left: 0; padding-top: 1.2rem; padding-left: 0; }
  .forum-reply.forum-message { grid-template-columns: 46px minmax(0, 1fr); gap: 0.6rem; }
  .forum-message__avatar { width: 42px; height: 42px; }
  .forum-message__rail { grid-template-rows: 42px minmax(0, 1fr); }
  .forum-message__panel { padding: 0.9rem; }
  .forum-message__header { display: grid; }
  .forum-message__meta { justify-content: flex-start; text-align: left; }
  .activity-forum-bridge__header { display: grid; align-items: start; }
  .activity-forum-bridge__header .button { width: 100%; justify-content: center; }
}

@media (max-width: 520px) {
  .despatch-cover__rule span:last-child { display: none; }
  .despatch-ledger__index { grid-template-columns: 1fr; }
  .article-recommendation { grid-template-columns: 1fr; }
  .article-recommendation__media { min-height: 210px; }
  .article-recommendation > div { padding-left: 0; }
  .conversation-dock__art img { height: 220px; }
  .forum-reply.forum-message { grid-template-columns: 38px minmax(0, 1fr); }
  .forum-message__avatar { width: 36px; height: 36px; }
  .forum-message__rail { grid-template-rows: 36px minmax(0, 1fr); }
}

/* Signal Atlas search receiver. */
.despatch-search-signal {
  display: grid;
  width: min(100%, 1360px);
  gap: clamp(3.5rem, 7vw, 6rem);
  margin: 0 auto;
  font-family: "WW DM Sans", Inter, system-ui, sans-serif;
}

.despatch-search-signal > header {
  position: relative;
  display: grid;
  min-height: 470px;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.65fr);
  overflow: hidden;
  border-top: 4px solid var(--colour-text);
  border-bottom: 1px solid var(--colour-line-strong);
  background:
    radial-gradient(circle at 72% 40%, color-mix(in srgb, var(--colour-info) 15%, transparent) 0 1px, transparent 2px 100%),
    var(--colour-surface);
  background-size: 19px 19px;
}

.despatch-search-signal__copy {
  display: grid;
  align-content: end;
  padding: clamp(1.7rem, 4.5vw, 4rem);
}

.despatch-search-signal__copy > a {
  position: absolute;
  top: 1rem;
  left: 1rem;
  color: var(--colour-text-muted);
  font-size: 0.68rem;
  text-decoration: none;
}

.despatch-search-signal__copy h1 {
  max-width: 12ch;
  margin: 0.7rem 0 1rem;
  font-family: "WW Space Grotesk", Inter, sans-serif;
  font-size: clamp(3.3rem, 6.8vw, 6.8rem);
  font-weight: 650;
  line-height: 0.9;
  letter-spacing: -0.065em;
}

.despatch-search-signal__copy > p:last-child {
  max-width: 60ch;
  margin: 0;
  color: var(--colour-text-muted);
  font-size: 1rem;
  line-height: 1.6;
}

.despatch-search-signal__form {
  display: grid;
  align-content: end;
  gap: 0.7rem;
  border-left: 1px solid var(--colour-line-strong);
  background: color-mix(in srgb, var(--colour-info) 5%, var(--colour-surface-raised));
  padding: clamp(1.5rem, 3vw, 2.5rem);
}

.despatch-search-signal__form label,
.despatch-search-signal__form small {
  color: var(--colour-text-muted);
  font-size: 0.68rem;
  font-weight: 650;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.despatch-search-signal__form > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  border-bottom: 1px solid var(--colour-text);
}

.despatch-search-signal__form input,
.despatch-search-signal__form button {
  min-height: 56px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--colour-text);
  font: inherit;
}

.despatch-search-signal__form input { min-width: 0; padding: 0 0.4rem; font-size: 1.05rem; }
.despatch-search-signal__form button { display: flex; align-items: center; gap: 0.55rem; color: var(--colour-info); padding: 0 0.4rem 0 1rem; font-weight: 700; cursor: pointer; }
.despatch-search-signal__form button span { font-size: 1.2rem; }
.despatch-search-signal__results { display: grid; gap: 1rem; }
.despatch-search-signal__status { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 2rem; align-items: end; border-top: 3px solid var(--colour-text); padding-top: 1rem; }
.despatch-search-signal__status h2 { max-width: 24ch; margin: 0; font-family: "WW Space Grotesk", Inter, sans-serif; font-size: clamp(2rem, 4vw, 4rem); font-weight: 620; line-height: 1; letter-spacing: -0.05em; }
.despatch-search-signal__pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.8rem 1.2rem; margin-top: 1.5rem; border-top: 1px solid var(--colour-line-strong); padding-top: 1rem; }
.despatch-search-signal__pagination-label { color: var(--colour-text-muted); font-size: 0.7rem; font-weight: 720; letter-spacing: 0.12em; text-transform: uppercase; }
.despatch-search-signal__pagination-links { display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem; }
.despatch-search-signal__pagination-links > a,
.despatch-search-signal__pagination-links > span { display: inline-grid; min-width: 2.25rem; min-height: 2.25rem; place-items: center; border: 1px solid var(--colour-line); border-radius: var(--radius-sm); color: var(--colour-text-muted); padding: 0.35rem 0.55rem; font-size: 0.75rem; font-weight: 720; line-height: 1; text-decoration: none; }
.despatch-search-signal__pagination-links > a:hover,
.despatch-search-signal__pagination-links > a:focus-visible { border-color: var(--colour-info); color: var(--colour-text); }
.despatch-search-signal__pagination-links > span[aria-current="page"] { border-color: var(--colour-info); background: color-mix(in srgb, var(--colour-info) 12%, transparent); color: var(--colour-info); }
.despatch-search-signal__pagination-links > .despatch-search-signal__pagination-direction { width: auto; padding-inline: 0.75rem; }

@media (max-width: 760px) {
  .despatch-search-signal > header { grid-template-columns: 1fr; }
  .despatch-search-signal__copy { min-height: 455px; padding: 1.3rem; }
  .despatch-search-signal__copy h1 { font-size: clamp(3rem, 15vw, 5rem); }
  .despatch-search-signal__form { border-top: 1px solid var(--colour-line-strong); border-left: 0; padding: 1.3rem; }
  .despatch-search-signal__status { grid-template-columns: 1fr; gap: 0.6rem; }
}

/* Author-only automated spam hold and review controls. */
.ww-spam-hold {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 1rem;
  margin: 0 0 1.5rem;
  padding: 1.25rem;
  border: 1px solid color-mix(in srgb, var(--colour-action) 55%, var(--colour-line));
  border-left: 6px solid var(--colour-action);
  border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--colour-action) 9%, var(--colour-surface-raised));
  box-shadow: var(--shadow-soft);
}
.ww-spam-hold__signal {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 50%;
  background: var(--colour-action);
  color: #111619;
  font-family: var(--font-display);
  font-size: 1.3rem;
  font-weight: 800;
}
.ww-spam-hold__body { min-width: 0; }
.ww-spam-hold h2 { margin: 0.15rem 0 0.55rem; font-size: clamp(1.2rem, 2.2vw, 1.65rem); }
.ww-spam-hold p { max-width: 70ch; }
.ww-spam-hold__title { display: block; margin: 0.9rem 0 0.4rem; }
.ww-spam-hold details { max-width: 70ch; margin-top: 0.85rem; }
.ww-spam-hold summary { cursor: pointer; font-weight: 700; }
.ww-spam-hold__preview { margin-top: 0.65rem; padding: 0.85rem; border: 1px solid var(--colour-line); border-radius: var(--radius-sm); background: var(--colour-surface); white-space: normal; overflow-wrap: anywhere; }
.ww-spam-hold__actions,
.activity-spam-hold__actions { display: flex; flex-wrap: wrap; gap: 0.7rem; align-items: center; margin-top: 1rem; }
.ww-spam-hold__actions form,
.activity-spam-hold__actions form { margin: 0; }
.ww-spam-hold__requested { color: var(--colour-success); }
.activity-spam-hold { display: block; margin-top: 0.75rem; padding: 0.9rem; border-left: 4px solid var(--colour-action); border-radius: var(--radius-sm); background: color-mix(in srgb, var(--colour-action) 9%, var(--colour-surface-raised)); color: var(--colour-text); }
.activity-spam-hold > strong { display: block; max-width: 70ch; }

@media (max-width: 560px) {
  .ww-spam-hold { grid-template-columns: 1fr; padding: 1rem; }
  .ww-spam-hold__actions,
  .activity-spam-hold__actions { align-items: stretch; flex-direction: column; }
  .ww-spam-hold__actions .button,
  .activity-spam-hold__actions .button { width: 100%; justify-content: center; }
}

/* Owner-only V6 site invitation composer. */
.site-invitation-surface { display: grid; min-width: 0; gap: clamp(1.4rem, 3vw, 2.4rem); }
.site-invitation-heading { max-width: 760px; }
.site-invitation-heading h2 { max-width: 16ch; margin: 0.18rem 0 0.65rem; font-family: var(--font-display); font-size: clamp(2.2rem, 5vw, 4.7rem); font-weight: 720; letter-spacing: -0.035em; }
.site-invitation-heading > p:last-child { max-width: 66ch; margin: 0; color: var(--colour-text-muted); }
.site-invitation-form { display: grid; max-width: 760px; gap: 0.55rem; border: 1px solid var(--colour-line-strong); border-radius: var(--radius-lg); background: color-mix(in srgb, var(--colour-surface-raised) 94%, var(--colour-info) 6%); padding: clamp(1rem, 3vw, 2rem); box-shadow: var(--shadow-soft); }
.site-invitation-form label { margin-top: 0.85rem; font-size: 0.82rem; }
.site-invitation-form label:first-of-type { margin-top: 0; }
.site-invitation-form label span { color: var(--colour-danger); }
.site-invitation-form input,
.site-invitation-form textarea { min-width: 0; background: var(--colour-surface); }
.site-invitation-form textarea { min-height: 180px; }
.site-invitation-help { margin: 0; color: var(--colour-text-muted); font-size: 0.7rem; line-height: 1.45; }
.site-invitation-actions { display: flex; align-items: center; gap: 1rem; margin-top: 1rem; border-top: 1px solid var(--colour-line); padding-top: 1rem; }
.site-invitation-actions > p { max-width: 48ch; margin: 0; color: var(--colour-text-muted); font-size: 0.68rem; }
.site-invitation-result { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 0.8rem; max-width: 760px; align-items: start; }
.site-invitation-result > span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: var(--colour-surface); font-weight: 800; }
.site-invitation-result p { margin: 0.2rem 0 0; }
.site-invitation-pending { display: grid; grid-template-columns: minmax(190px, 0.45fr) minmax(0, 1fr); gap: 1.5rem; max-width: 760px; border-top: 1px solid var(--colour-line-strong); padding-top: 1.4rem; }
.site-invitation-pending h2 { margin: 0.15rem 0 0; font-size: 1.2rem; }
.site-invitation-pending ul { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.site-invitation-pending li { display: grid; grid-template-columns: minmax(0, 1fr) auto; min-width: 0; align-items: center; gap: 1rem; border-bottom: 1px solid var(--colour-line); padding: 0.8rem 0; }
.site-invitation-pending__person { display: grid; min-width: 0; gap: 0.18rem; }
.site-invitation-pending__person span { min-width: 0; overflow-wrap: anywhere; }
.site-invitation-pending__person small { color: var(--colour-text-muted); }
.site-invitation-pending__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 0.45rem; }
.site-invitation-pending__actions form { margin: 0; }
.site-invitation-pending__actions .button { min-height: 38px; padding: 0.5rem 0.72rem; font-size: 0.7rem; }
@media (max-width: 620px) {
  .site-invitation-actions { align-items: stretch; flex-direction: column; }
  .site-invitation-actions .button { width: 100%; justify-content: center; }
  .site-invitation-pending { grid-template-columns: 1fr; }
  .site-invitation-pending li { grid-template-columns: 1fr; }
  .site-invitation-pending__actions { justify-content: stretch; }
  .site-invitation-pending__actions form { flex: 1 1 130px; }
  .site-invitation-pending__actions .button { width: 100%; justify-content: center; }
}

/* Members directory and profile context rails. */
.member-context-rail { align-content: start; }
.member-rail-section { min-width: 0; }
.member-rail-section .context-section__eyebrow { margin: 0 0 0.28rem; color: var(--colour-action); font-size: 0.62rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; }
.member-rail-section h2 { margin: 0; font-size: 1rem; line-height: 1.18; }
.member-rail-section__intro { margin: 0.55rem 0 0; color: var(--colour-text-muted); font-size: 0.68rem; line-height: 1.5; }
.member-rail-section--needs-you { border-color: color-mix(in srgb, var(--colour-action) 36%, var(--colour-line)); }
.member-rail-list { display: grid; gap: 0.82rem; margin-top: 0.9rem; }
.member-rail-person { display: grid; min-width: 0; gap: 0.58rem; border-bottom: 1px solid var(--colour-line); padding-bottom: 0.82rem; }
.member-rail-person:last-child { border-bottom: 0; padding-bottom: 0; }
.member-rail-person__identity { display: grid; grid-template-columns: 38px minmax(0, 1fr); min-width: 0; align-items: center; gap: 0.62rem; color: inherit; text-decoration: none; }
.member-rail-person__identity:hover strong { color: var(--colour-action); }
.member-rail-person__identity > span:last-child { display: grid; min-width: 0; gap: 0.12rem; }
.member-rail-person__identity strong { min-width: 0; overflow-wrap: anywhere; font-size: 0.76rem; line-height: 1.25; }
.member-rail-person__identity small { color: var(--colour-text-muted); font-size: 0.62rem; line-height: 1.4; }
.member-rail-avatar { display: grid; width: 38px; height: 38px; place-items: center; overflow: hidden; border: 1px solid var(--colour-line-strong); border-radius: 50%; background: var(--colour-surface-raised); color: var(--colour-text-muted); font-size: 0.66rem; font-weight: 800; }
.member-rail-avatar img { width: 100%; height: 100%; object-fit: cover; }
.member-rail-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.52rem; margin: 0; }
.member-rail-actions form { margin: 0; }
.member-rail-actions .button,
.member-rail-stack-actions .button { min-height: 34px; padding: 0.45rem 0.66rem; font-size: 0.66rem; }
.member-rail-link { border: 0; background: transparent; color: var(--colour-action); padding: 0; font: inherit; font-size: 0.65rem; font-weight: 750; text-decoration: none; cursor: pointer; }
.member-rail-link:hover { text-decoration: underline; }
.member-rail-link--quiet { color: var(--colour-text-muted); }
.member-rail-notice { margin: 0.7rem 0 0; border-left: 3px solid var(--colour-success); padding: 0.35rem 0 0.35rem 0.55rem; color: var(--colour-text-muted); font-size: 0.66rem; }
.member-rail-readiness { display: grid; gap: 0.08rem; margin: 0.72rem 0 0; color: var(--colour-text-muted); font-size: 0.68rem; }
.member-rail-readiness strong { color: var(--colour-text); font-family: var(--font-display); font-size: 1.45rem; line-height: 1; }
.member-rail-checks,
.member-rail-contributions { display: grid; gap: 0; margin: 0.9rem 0 0; padding: 0; list-style: none; }
.member-rail-checks li { display: grid; grid-template-columns: 18px minmax(0, 1fr); align-items: center; gap: 0.38rem; border-bottom: 1px solid var(--colour-line); padding: 0.5rem 0; font-size: 0.68rem; }
.member-rail-checks li span { color: var(--colour-text-muted); font-weight: 850; }
.member-rail-checks li.is-ready span { color: var(--colour-success); }
.member-rail-stack-actions { display: grid; justify-items: start; gap: 0.62rem; margin-top: 0.9rem; }
.member-rail-relationship { display: inline-flex; margin: 0.7rem 0 0; border: 1px solid var(--colour-line-strong); border-radius: 999px; background: var(--colour-surface-raised); padding: 0.28rem 0.52rem; font-size: 0.64rem; font-weight: 760; }
.member-rail-facts { display: grid; gap: 0; margin: 0.82rem 0 0; }
.member-rail-facts div { display: flex; justify-content: space-between; gap: 0.8rem; border-bottom: 1px solid var(--colour-line); padding: 0.48rem 0; }
.member-rail-facts dt { color: var(--colour-text-muted); font-size: 0.65rem; }
.member-rail-facts dd { margin: 0; font-size: 0.7rem; font-weight: 800; }
.member-rail-chips { display: flex; flex-wrap: wrap; gap: 0.36rem; margin-top: 0.72rem; }
.member-rail-chips a { border: 1px solid var(--colour-line); border-radius: 999px; color: var(--colour-text); padding: 0.28rem 0.46rem; font-size: 0.61rem; font-weight: 720; text-decoration: none; }
.member-rail-contributions li { display: grid; gap: 0.2rem; border-bottom: 1px solid var(--colour-line); padding: 0.58rem 0; }
.member-rail-contributions li:last-child { border-bottom: 0; }
.member-rail-contributions a { color: var(--colour-text); font-size: 0.68rem; font-weight: 720; line-height: 1.42; text-decoration: none; }
.member-rail-contributions a:hover { color: var(--colour-action); }
.member-rail-contributions small { color: var(--colour-text-muted); font-size: 0.6rem; }
.connection-queue-list,
.invitation-boundary-list { display: grid; gap: 0; margin: 0.82rem 0 0; padding: 0; list-style: none; }
.connection-queue-list li { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 0.65rem; border-bottom: 1px solid var(--colour-line); padding: 0.62rem 0; color: var(--colour-text-muted); font-size: 0.66rem; }
.connection-queue-list li > a { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-column: 1 / -1; align-items: center; gap: 0.65rem; color: inherit; text-decoration: none; }
.connection-queue-list li > a:hover span { color: var(--colour-action); }
.connection-queue-list strong { color: var(--colour-text); font-family: var(--font-display); font-size: 1rem; }
.invitation-boundary-list li { position: relative; border-bottom: 1px solid var(--colour-line); padding: 0.58rem 0 0.58rem 1rem; color: var(--colour-text-muted); font-size: 0.67rem; line-height: 1.45; }
.invitation-boundary-list li::before { position: absolute; top: 0.68rem; left: 0; color: var(--colour-action); content: "•"; font-weight: 900; }
.invitation-context-rail .member-rail-facts a { color: var(--colour-text); text-decoration: none; }
.invitation-context-rail .member-rail-facts a:hover { color: var(--colour-action); }
.group-rail-queue,
.group-rail-rules,
.group-rail-checklist { display: grid; gap: 0; margin: 0.82rem 0 0; padding: 0; list-style: none; }
.group-rail-queue li { border-bottom: 1px solid var(--colour-line); }
.group-rail-queue a { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 0.7rem; padding: 0.58rem 0; color: var(--colour-text); text-decoration: none; }
.group-rail-queue a span { display: grid; gap: 0.06rem; min-width: 0; }
.group-rail-queue strong { overflow-wrap: anywhere; font-size: 0.7rem; }
.group-rail-queue small { color: var(--colour-text-muted); font-size: 0.6rem; }
.group-rail-queue b { color: var(--colour-action); font-family: var(--font-display); font-size: 0.68rem; }
.group-rail-list { display: grid; gap: 0; margin-top: 0.72rem; }
.group-rail-card { display: grid; gap: 0.46rem; border-bottom: 1px solid var(--colour-line); padding: 0.58rem 0; }
.group-rail-card__identity { display: grid; grid-template-columns: 34px minmax(0, 1fr); align-items: center; gap: 0.58rem; color: var(--colour-text); text-decoration: none; }
.group-rail-card__identity .avatar { width: 34px; height: 34px; }
.group-rail-card__identity > span:last-child { display: grid; gap: 0.08rem; min-width: 0; }
.group-rail-card__identity strong { overflow-wrap: anywhere; font-size: 0.69rem; line-height: 1.25; }
.group-rail-card__identity small { color: var(--colour-text-muted); font-size: 0.59rem; line-height: 1.35; }
.group-rail-card > .member-rail-link { justify-self: start; margin-left: 42px; }
.group-rail-card .member-rail-actions { margin-left: 42px; }
.group-rail-rules li { position: relative; border-bottom: 1px solid var(--colour-line); padding: 0.5rem 0 0.5rem 0.9rem; color: var(--colour-text-muted); font-size: 0.63rem; line-height: 1.45; }
.group-rail-rules li::before { position: absolute; top: 0.56rem; left: 0; color: var(--colour-action); content: "•"; font-weight: 900; }
.group-rail-leaders { display: grid; gap: 0.32rem; margin-top: 0.75rem; }
.group-rail-leaders > small { color: var(--colour-text-muted); font-size: 0.59rem; text-transform: uppercase; letter-spacing: 0.08em; }
.group-rail-leaders a { color: var(--colour-text); font-size: 0.65rem; font-weight: 760; text-decoration: none; }
.group-rail-leaders a span { color: var(--colour-text-muted); font-size: 0.58rem; font-weight: 500; }
.group-rail-fresh { display: grid; gap: 0; margin-top: 0.68rem; }
.group-rail-fresh a { display: grid; gap: 0.16rem; border-bottom: 1px solid var(--colour-line); padding: 0.56rem 0; color: var(--colour-text); text-decoration: none; }
.group-rail-fresh small { color: var(--colour-action); font-size: 0.57rem; font-weight: 760; text-transform: uppercase; letter-spacing: 0.06em; }
.group-rail-fresh strong { font-size: 0.68rem; line-height: 1.38; }
.group-rail-checklist li { position: relative; border-bottom: 1px solid var(--colour-line); padding: 0.52rem 0 0.52rem 1rem; }
.group-rail-checklist li::before { position: absolute; top: 0.57rem; left: 0; color: var(--colour-action); content: "○"; font-size: 0.68rem; }
.group-rail-checklist a,
.group-context-rail--admin .member-rail-facts a { color: var(--colour-text); font-size: 0.64rem; font-weight: 700; text-decoration: none; }
.forum-rail-list,
.forum-related-topics { display: grid; gap: 0; margin-top: 0.72rem; }
.forum-rail-card,
.forum-related-topics article { display: grid; gap: 0.12rem; border-bottom: 1px solid var(--colour-line); padding: 0.58rem 0; }
.forum-rail-card a,
.forum-related-topics a,
.forum-parent-link { color: var(--colour-text); font-size: 0.68rem; font-weight: 760; line-height: 1.36; text-decoration: none; }
.forum-rail-card a:hover,
.forum-related-topics a:hover,
.forum-parent-link:hover { color: var(--colour-action); }
.forum-rail-card small,
.forum-related-topics small { color: var(--colour-text-muted); font-size: 0.59rem; line-height: 1.4; }
.forum-hot-list { display: grid; gap: 0; margin: 0.72rem 0 0; padding: 0; list-style: none; }
.forum-hot-list li { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 0.58rem; border-bottom: 1px solid var(--colour-line); padding: 0.56rem 0; }
.forum-hot-list li > span { color: var(--colour-action); font-family: var(--font-display); font-size: 0.7rem; }
.forum-hot-list li > div { display: grid; gap: 0.12rem; min-width: 0; }
.forum-hot-list a { color: var(--colour-text); font-size: 0.69rem; font-weight: 760; text-decoration: none; }
.forum-hot-list small { color: var(--colour-text-muted); font-size: 0.58rem; line-height: 1.35; }
.forum-rail-stewards { display: grid; gap: 0.42rem; margin-top: 0.78rem; }
.forum-rail-stewards > small,
.forum-related-tags > small { color: var(--colour-text-muted); font-size: 0.58rem; text-transform: uppercase; letter-spacing: 0.08em; }
.forum-rail-person { display: flex; align-items: center; gap: 0.48rem; color: var(--colour-text-muted); font-size: 0.62rem; }
.forum-rail-person .avatar { flex: 0 0 auto; width: 30px; height: 30px; }
.forum-rail-person a { color: var(--colour-text); font-weight: 700; text-decoration: none; }
.forum-rail-rules { display: grid; gap: 0; margin: 0.74rem 0 0; padding: 0; list-style: none; }
.forum-rail-rules li { position: relative; border-bottom: 1px solid var(--colour-line); padding: 0.5rem 0 0.5rem 0.9rem; color: var(--colour-text-muted); font-size: 0.62rem; line-height: 1.45; }
.forum-rail-rules li::before { position: absolute; top: 0.56rem; left: 0; color: var(--colour-action); content: "•"; font-weight: 900; }
.forum-refine-switches { display: flex; gap: 0.4rem; margin-top: 0.78rem; }
.forum-refine-switches a { border: 1px solid var(--colour-line); border-radius: 999px; padding: 0.36rem 0.62rem; color: var(--colour-text-muted); font-size: 0.61rem; font-weight: 760; text-decoration: none; }
.forum-refine-switches a[aria-current="page"] { border-color: var(--colour-action); color: var(--colour-action); }
.forum-related-tags { display: grid; gap: 0.42rem; margin-top: 0.82rem; }
.forum-related-tags > div { display: flex; flex-wrap: wrap; gap: 0.34rem; }
.forum-related-tags a { border: 1px solid var(--colour-line); border-radius: 999px; padding: 0.26rem 0.48rem; color: var(--colour-text); font-size: 0.58rem; text-decoration: none; }
.forum-related-tags a span { color: var(--colour-action); }
.forum-rail-author { margin-top: 0.72rem; }
.forum-subscription-action { margin-top: 0.78rem; }
.forum-subscription-action a { display: inline-flex; border: 1px solid var(--colour-action); border-radius: 999px; padding: 0.36rem 0.64rem; color: var(--colour-action); font-size: 0.61rem; font-weight: 760; text-decoration: none; }
@media (max-width: 900px) {
  body[data-route="v6-next-forums"] .forum-context-rail,
  body[data-route="v6-next-forum"] .forum-context-rail,
  body[data-route="v6-next-forum_search"] .forum-context-rail,
  body[data-route="v6-next-forum_tags"] .forum-context-rail,
  body[data-route="v6-next-topic"] .forum-context-rail,
  body[data-route="v6-next-replies"] .forum-context-rail,
  body[data-route="v6-next-blog_discussions"] .forum-context-rail { position: static; display: grid; min-height: auto; border-top: 1px solid var(--colour-line); border-left: 0; padding: 1.25rem; }
}
@media (max-width: 900px) {
  body[data-route="v6-next-groups"] .group-context-rail,
  body[data-route="v6-next-group_home"] .group-context-rail,
  body[data-route="v6-next-group_activity"] .group-context-rail,
  body[data-route="v6-next-group_members"] .group-context-rail,
  body[data-route="v6-next-group_forum"] .group-context-rail,
  body[data-route="v6-next-group_media"] .group-context-rail,
  body[data-route="v6-next-group_admin"] .group-context-rail,
  body[data-route="v6-next-group_invites"] .group-context-rail { position: static; display: grid; min-height: auto; border-top: 1px solid var(--colour-line); border-left: 0; padding: 1.25rem; }
}
@media (max-width: 900px) {
  body[data-route="v6-next-connections"] .connection-context-rail,
  body[data-route="v6-next-connection_requests"] .connection-context-rail,
  body[data-route="v6-next-site_invitations"] .connection-context-rail { position: static; display: grid; min-height: auto; border-top: 1px solid var(--colour-line); border-left: 0; padding: 1.25rem; }
}
@media (max-width: 900px) {
  body[data-route="v6-next-members"] .member-context-rail,
  body[data-route="v6-next-member_profile"] .member-context-rail { position: static; display: grid; min-height: auto; border-top: 1px solid var(--colour-line); border-left: 0; padding: 1.25rem; }
}
@media (max-width: 560px) {
  body[data-route^="v6-next-group_"] .identity-header--group .identity-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-route^="v6-next-group_"] .identity-header--group .identity-stats div:nth-child(3) { grid-column: 1 / -1; border-top: 1px solid var(--colour-line); border-right: 0; }
  body[data-route^="v6-next-group_"] .identity-header--group .identity-stats dd { overflow-wrap: anywhere; }
  .member-context-rail { gap: 1.5rem; }
  .member-rail-actions .button { min-height: 40px; }
}

/* Private Community Overview queue and deliberate continuation. */
.overview-context-rail { align-content: start; }
.overview-rail-section { min-width: 0; }
.overview-rail-section .context-section__eyebrow { margin: 0 0 0.28rem; color: var(--colour-action); font-size: 0.62rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; }
.overview-rail-section h2 { margin: 0; font-size: 1rem; line-height: 1.18; }
.overview-rail-intro { margin: 0.5rem 0 0; color: var(--colour-text-muted); font-size: 0.65rem; line-height: 1.5; }
.overview-rail-list { display: grid; gap: 0; margin-top: 0.75rem; }
.overview-rail-card { display: grid; min-width: 0; gap: 0.14rem; border-bottom: 1px solid var(--colour-line); padding: 0.6rem 0; color: var(--colour-text); text-decoration: none; }
.overview-rail-card:last-child { border-bottom: 0; padding-bottom: 0; }
.overview-rail-card strong { overflow-wrap: anywhere; font-size: 0.69rem; line-height: 1.35; }
.overview-rail-card small { color: var(--colour-text-muted); font-size: 0.59rem; line-height: 1.42; }
.overview-rail-card > span { margin-top: 0.08rem; color: var(--colour-action); font-size: 0.55rem; font-weight: 760; letter-spacing: 0.05em; text-transform: uppercase; }
.overview-rail-card:hover strong,
.overview-rail-card:focus-visible strong { color: var(--colour-action); }
.overview-rail-card--queue { position: relative; padding-left: 0.86rem; }
.overview-rail-card--queue::before { position: absolute; top: 0.84rem; left: 0; width: 5px; height: 5px; border-radius: 50%; background: var(--colour-action); content: ""; }
.overview-rail-continue { border-color: color-mix(in srgb, var(--colour-info) 38%, var(--colour-line)); }
.overview-rail-continue .context-section__eyebrow { color: var(--colour-info); }
.overview-rail-continue .overview-rail-card > span { color: var(--colour-info); }
.overview-context-rail--hot .context-section__eyebrow { display:flex; align-items:center; gap:0.45rem; color:var(--colour-action); }
.overview-context-rail--hot .status-dot { width:0.48rem; height:0.48rem; }
.overview-hot-list { display:grid; gap:0.55rem; margin-top:0.9rem; }
.overview-hot-card { display:grid; gap:0.28rem; padding:0.78rem 0; border-top:1px solid var(--colour-line); color:var(--colour-text); text-decoration:none; }
.overview-hot-card:first-child { border-top:0; padding-top:0; }
.overview-hot-card > span { color:var(--colour-info); font-family:var(--font-display); font-size:0.62rem; font-weight:800; letter-spacing:0.06em; text-transform:uppercase; }
.overview-hot-card strong { font-size:0.82rem; line-height:1.28; }
.overview-hot-card small { color:var(--colour-text-muted); font-size:0.68rem; line-height:1.35; }
.overview-hot-card:hover strong { color:var(--colour-action); }
.overview-hot-empty { display:grid; gap:0.35rem; margin-top:0.9rem; border:1px dashed var(--colour-line-strong); border-radius:var(--radius-sm); padding:0.8rem; background:color-mix(in srgb, var(--colour-surface-muted) 68%, transparent); }
.overview-hot-empty strong { font-size:0.78rem; }
.overview-hot-empty p { margin:0; color:var(--colour-text-muted); font-size:0.68rem; line-height:1.4; }
.overview-hot-more { display:inline-block; margin-top:0.9rem; font-size:0.7rem; font-weight:800; }
body[data-route="v6-next-home"][data-shell="community"] .main-content { padding-inline:clamp(1.5rem, 2.6vw, 2.75rem); }
body[data-route="v6-next-home"][data-shell="community"] .shed-briefing { gap:clamp(1.35rem, 2.4vw, 2.35rem); }
body[data-route="v6-next-home"][data-shell="community"] .shed-briefing__masthead h1 { font-size:clamp(2.2rem, 4vw, 3.8rem); }
body[data-route="v6-next-home"][data-shell="community"] .briefing-card-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); }
body[data-route="v6-next-home"][data-shell="community"] .briefing-grid { grid-template-columns:minmax(0, 1fr); }
body[data-route="v6-next-home"][data-shell="community"] .briefing-metrics { grid-template-columns:repeat(3, minmax(0, 1fr)); }
body[data-route="v6-next-home"][data-shell="community"] .briefing-metrics div:nth-child(3) { border-right:0; }
body[data-route="v6-next-home"][data-shell="community"] .briefing-metrics div:nth-child(n+4) { border-top:1px solid var(--colour-line); }
@media (max-width: 900px) {
  body[data-route="v6-next-home"] .overview-context-rail { position: static; display: grid; min-height: auto; border-top: 1px solid var(--colour-line); border-left: 0; padding: 1.25rem; }
}
@media (max-width: 560px) {
  .overview-context-rail { gap: 1.25rem; }
}

/* Activity feed and focused conversation rails. */
.activity-context-rail { align-content: start; }
.activity-rail-section { min-width: 0; }
.activity-rail-section .context-section__eyebrow { margin: 0 0 0.28rem; color: var(--colour-action); font-size: 0.62rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; }
.activity-rail-section h2 { margin: 0; font-size: 1rem; line-height: 1.18; }
.activity-rail-section--attention { border-color: color-mix(in srgb, var(--colour-action) 42%, var(--colour-line)); }
.activity-rail-intro,
.activity-rail-empty { margin: 0.5rem 0 0; color: var(--colour-text-muted); font-size: 0.65rem; line-height: 1.5; }
.activity-rail-list { display: grid; gap: 0; margin-top: 0.75rem; }
.activity-rail-card { display: grid; min-width: 0; gap: 0.14rem; border-bottom: 1px solid var(--colour-line); padding: 0.58rem 0; color: var(--colour-text); text-decoration: none; }
.activity-rail-card:last-child { border-bottom: 0; padding-bottom: 0; }
.activity-rail-card strong { overflow-wrap: anywhere; font-size: 0.69rem; line-height: 1.35; }
.activity-rail-card small { color: var(--colour-text-muted); font-size: 0.59rem; line-height: 1.42; }
.activity-rail-card > span { margin-top: 0.08rem; color: var(--colour-action); font-size: 0.55rem; font-weight: 760; letter-spacing: 0.05em; text-transform: uppercase; }
.activity-rail-card:hover strong,
.activity-rail-card:focus-visible strong { color: var(--colour-action); }
.activity-rail-card--attention { position: relative; padding-left: 0.86rem; }
.activity-rail-card--attention::before { position: absolute; top: 0.82rem; left: 0; width: 5px; height: 5px; border-radius: 50%; background: var(--colour-action); content: ""; }
.activity-rail-person { display: grid; grid-template-columns: 36px minmax(0, 1fr); min-width: 0; align-items: center; gap: 0.62rem; margin-top: 0.72rem; color: var(--colour-text); text-decoration: none; }
.activity-rail-person > span:last-child { display: grid; min-width: 0; gap: 0.1rem; }
.activity-rail-person strong { overflow-wrap: anywhere; font-size: 0.71rem; }
.activity-rail-person small { color: var(--colour-text-muted); font-size: 0.59rem; }
.activity-rail-origin { display: grid; gap: 0.12rem; margin-top: 0.78rem; border-top: 1px solid var(--colour-line); padding-top: 0.7rem; }
.activity-rail-origin > small { color: var(--colour-text-muted); font-size: 0.54rem; font-weight: 760; letter-spacing: 0.08em; text-transform: uppercase; }
.activity-rail-origin a,
.activity-rail-origin > strong { color: var(--colour-text); font-size: 0.67rem; line-height: 1.35; text-decoration: none; }
.activity-rail-origin a:hover { color: var(--colour-action); }
.activity-rail-origin p { margin: 0; color: var(--colour-text-muted); font-size: 0.59rem; line-height: 1.42; }
.activity-rail-people { display: grid; gap: 0; margin: 0.68rem 0 0; padding: 0; list-style: none; }
.activity-rail-people li { border-bottom: 1px solid var(--colour-line); padding: 0.46rem 0; }
.activity-rail-people li:last-child { border-bottom: 0; padding-bottom: 0; }
.activity-rail-people a,
.activity-rail-people li > span { display: grid; grid-template-columns: 32px minmax(0, 1fr); align-items: center; gap: 0.52rem; color: var(--colour-text); text-decoration: none; }
.activity-rail-people strong { overflow-wrap: anywhere; font-size: 0.65rem; line-height: 1.3; }
@media (max-width: 900px) {
  body[data-route="v6-next-activity"] .activity-context-rail,
  body[data-route="v6-next-activity_friends"] .activity-context-rail,
  body[data-route="v6-next-activity_groups"] .activity-context-rail,
  body[data-route="v6-next-activity_favorites"] .activity-context-rail,
  body[data-route="v6-next-activity_mentions"] .activity-context-rail,
  body[data-route="v6-next-activity_item"] .activity-context-rail { position: static; display: grid; min-height: auto; border-top: 1px solid var(--colour-line); border-left: 0; padding: 1.25rem; }
}
@media (max-width: 560px) {
  .activity-context-rail { gap: 1.25rem; }
}

/* V6 Connections and owner-only Requests */
.connection-directory-heading { align-items: flex-end; gap: 1rem; }
.connection-view-nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 0.45rem; }
.connection-view-nav a { display: inline-flex; min-height: 40px; align-items: center; gap: 0.35rem; border: 1px solid var(--colour-line); border-radius: var(--radius-round); color: var(--colour-text-muted); padding: 0.5rem 0.75rem; font-size: 0.72rem; font-weight: 760; text-decoration: none; }
.connection-view-nav a:hover,
.connection-view-nav a:focus-visible,
.connection-view-nav a[aria-current="page"] { border-color: var(--colour-info); color: var(--colour-info); }
.connection-view-nav b { min-width: 1.25rem; border-radius: var(--radius-round); background: var(--colour-surface-muted); padding: 0.1rem 0.34rem; text-align: center; }
.connection-directory-toolbar .directory-search { max-width: 720px; }
.connection-search-clear { align-self: center; padding: 0.55rem; }
.connection-requests { display: grid; gap: 1.5rem; margin-top: 1.5rem; }
.connection-request-summary { display: flex; flex-wrap: wrap; gap: 0.65rem; }
.connection-request-summary span { display: inline-flex; min-height: 40px; align-items: center; gap: 0.35rem; border: 1px solid var(--colour-line); border-radius: var(--radius-round); color: var(--colour-text-muted); padding: 0.45rem 0.75rem; font-size: 0.75rem; }
.connection-request-summary strong { color: var(--colour-text); font-family: var(--font-display); }
.connection-request-lane { display: grid; gap: 0.8rem; }
.connection-request-card .member-card__body h3 { margin: 0; font-size: 1.15rem; }
.connection-request-card .member-card__body h3 a { color: var(--colour-text); text-decoration: none; }
.connection-request-card .member-card__body > strong { display: block; margin: 0.2rem 0 0.5rem; font-size: 0.76rem; }
.connection-request-card .member-card__body > p { margin: 0; color: var(--colour-text-muted); font-size: 0.74rem; }
.connection-request-actions form { margin: 0; }
.connection-request-actions .button { min-height: 36px; padding: 0.4rem 0.65rem; text-decoration: none; }
.empty-state--compact { padding-block: 1.25rem; }

@media (max-width: 720px) {
  .connection-directory-heading { align-items: flex-start; }
  .connection-view-nav { width: 100%; justify-content: flex-start; }
  .connection-view-nav a { flex: 1 1 auto; justify-content: center; }
  .connection-directory-toolbar .directory-search { display: grid; grid-template-columns: minmax(0, 1fr) auto; width: 100%; }
  .connection-directory-toolbar .search-field,
  .connection-directory-toolbar .connection-search-clear { grid-column: 1 / -1; }
  .connection-request-actions { width: 100%; justify-content: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
  .signal-feature__media img,
  .signal-riff__media img,
  .signal-row__image img,
  .article-recommendation__media img { transition: none; }
}

/* V6 legal documents: approved copy inside the shared left / centre / right frame. */
.legal-document-surface { width: min(1320px, 100%); max-width: none; margin: 0 auto 4rem; }
.legal-v6-layout { display: grid; grid-template-columns: 200px minmax(0, 760px) 280px; gap: 1.5rem; justify-content: center; align-items: start; }
.legal-local-nav,
.legal-context-rail { position: sticky; top: calc(var(--header-height) + 1rem); align-self: start; }
.legal-local-nav { overflow: hidden; border: 1px solid var(--colour-line); border-radius: var(--radius-md); background: var(--colour-surface); box-shadow: var(--shadow-soft); }
.legal-local-nav > .eyebrow { margin: 0; border-bottom: 1px solid var(--colour-line); padding: 1rem; }
.legal-local-nav nav { display: grid; }
.legal-local-nav nav a { border-left: 3px solid transparent; border-bottom: 1px solid var(--colour-line); padding: 0.78rem 0.9rem; color: var(--colour-text-muted); font-size: 0.75rem; font-weight: 680; text-decoration: none; }
.legal-local-nav nav a:hover,
.legal-local-nav nav a:focus-visible { background: var(--colour-surface-muted); color: var(--colour-text); }
.legal-local-nav nav a[aria-current="page"] { border-left-color: var(--colour-action); background: color-mix(in srgb, var(--colour-action) 7%, var(--colour-surface)); color: var(--colour-action); }
.legal-local-nav > p:last-child { margin: 0; padding: 1rem; color: var(--colour-text-muted); font-size: 0.7rem; line-height: 1.55; }
.legal-context-rail { display: grid; gap: 1rem; }
.legal-context-card { border: 1px solid var(--colour-line); border-radius: var(--radius-md); background: var(--colour-surface); padding: 1.15rem; box-shadow: var(--shadow-soft); }
.legal-context-card--notice { border-top: 3px solid var(--colour-action); }
.legal-context-card .eyebrow { margin-bottom: 0.45rem; }
.legal-context-card h2 { margin-bottom: 0.55rem; font-size: 1.25rem; }
.legal-context-card p { margin: 0; color: var(--colour-text-muted); font-size: 0.76rem; line-height: 1.65; }
.legal-context-card a { display: inline-block; margin-top: 0.8rem; color: var(--colour-info); font-size: 0.75rem; font-weight: 720; }
.legal-context-card dl { display: grid; gap: 0.7rem; margin: 0; }
.legal-context-card dl div { display: flex; justify-content: space-between; gap: 0.75rem; border-bottom: 1px solid var(--colour-line); padding-bottom: 0.55rem; }
.legal-context-card dl div:last-child { border-bottom: 0; padding-bottom: 0; }
.legal-context-card dt { color: var(--colour-text-muted); font-size: 0.68rem; }
.legal-context-card dd { margin: 0; color: var(--colour-text); font-size: 0.7rem; font-weight: 720; text-align: right; }
.legal-document-shell { overflow: hidden; border: 1px solid var(--colour-line); border-radius: var(--radius-lg); background: var(--colour-surface); padding: clamp(1.4rem, 4vw, 3.25rem); box-shadow: var(--shadow-soft); }
.legal-document-title { margin: 0 0 1.5rem; color: var(--colour-text); font-size: clamp(2rem, 4vw, 3.2rem); line-height: 1; letter-spacing: -0.04em; }
.legal-document-shell .ww-legal-document { width: min(100%, 78ch); min-width: 0; margin: 0 auto; overflow-wrap: normal; word-break: normal; }
.legal-document-shell .ww-legal-document > p:first-child { margin: 0 0 2.25rem; border-left: 3px solid var(--colour-info); background: color-mix(in srgb, var(--colour-info) 7%, transparent); color: var(--colour-text-muted); padding: 0.85rem 1rem; font-size: 0.78rem; line-height: 1.65; }
.legal-document-shell h2 { margin: 2.8rem 0 0.9rem; color: var(--colour-text); font-size: clamp(1.45rem, 2.7vw, 2.1rem); line-height: 1.18; letter-spacing: -0.025em; }
.legal-document-shell h2:first-of-type { margin-top: 0; }
.legal-document-shell h3 { margin: 2rem 0 0.65rem; color: var(--colour-info); font-size: clamp(1.05rem, 2vw, 1.3rem); line-height: 1.3; }
.legal-document-shell p,
.legal-document-shell li { color: var(--colour-text-muted); font-size: clamp(0.94rem, 1.3vw, 1.02rem); line-height: 1.78; }
.legal-document-shell p { margin: 0 0 1rem; }
.legal-document-shell ul,
.legal-document-shell ol { margin: 0.5rem 0 1.35rem; padding-left: 1.35rem; }
.legal-document-shell li { margin: 0.32rem 0; padding-left: 0.25rem; }
.legal-document-shell strong { color: var(--colour-text); }
.legal-document-shell a { color: var(--colour-info); text-underline-offset: 0.18em; }
.legal-document-shell code { border: 1px solid var(--colour-line); border-radius: 0.3rem; background: var(--colour-surface-muted); color: var(--colour-text); padding: 0.08rem 0.3rem; font-size: 0.88em; }
.legal-document-shell table { display: block; width: 100%; margin: 1.25rem 0 2rem; overflow-x: auto; border-collapse: collapse; font-size: 0.82rem; line-height: 1.55; }
.legal-document-shell th,
.legal-document-shell td { min-width: 180px; border: 1px solid var(--colour-line); padding: 0.75rem; text-align: left; vertical-align: top; }
.legal-document-shell th { background: var(--colour-surface-muted); color: var(--colour-text); font-family: var(--font-display); }
.legal-document-shell td { color: var(--colour-text-muted); }
.guidelines-document-shell > section { scroll-margin-top: calc(var(--header-height) + 1rem); }
.guidelines-document-shell .guidelines-intro { max-width: 62ch; margin-bottom: 1.75rem; color: var(--colour-text); font-size: clamp(1.02rem, 1.7vw, 1.16rem); line-height: 1.7; }
.guidelines-short-version { margin: 0 0 2.4rem; border: 1px solid var(--colour-line); border-left: 3px solid var(--colour-action); border-radius: var(--radius-sm); background: color-mix(in srgb, var(--colour-action) 5%, var(--colour-surface-muted)); padding: 1.2rem 1.25rem; }
.guidelines-short-version .eyebrow { margin: 0 0 0.65rem; color: var(--colour-action); }
.guidelines-short-version ul { margin: 0; }
.guidelines-document-shell h2:first-of-type { margin-top: 2.8rem; }

/* Live Complianz statement inside the shared document frame. */
.cookie-document-shell #cmplz-document { width: 100%; max-width: none; margin: 0; }
.cookie-document-shell #cmplz-document > p:first-child { margin: 0 0 2.25rem; border-left: 3px solid var(--colour-info); background: color-mix(in srgb, var(--colour-info) 7%, transparent); color: var(--colour-text-muted); padding: 0.85rem 1rem; font-size: 0.78rem; line-height: 1.65; }
.cookie-document-shell #cmplz-document h2 { scroll-margin-top: calc(var(--header-height) + 1rem); }
.cookie-document-shell .cmplz-dropdown { margin: 1rem 0; overflow: hidden; border: 1px solid var(--colour-line); border-radius: var(--radius-md); background: var(--colour-surface-muted); }
.cookie-document-shell .cmplz-dropdown summary { position: relative; cursor: pointer; list-style: none; padding: 1.15rem 3rem 1.15rem 1.2rem; color: var(--colour-text); }
.cookie-document-shell .cmplz-dropdown summary::-webkit-details-marker { display: none; }
.cookie-document-shell .cmplz-dropdown summary::after { position: absolute; top: 50%; right: 1.2rem; content: '+'; color: var(--colour-action); font-family: var(--font-display); font-size: 1.3rem; transform: translateY(-50%); }
.cookie-document-shell .cmplz-dropdown[open] summary::after { content: '−'; }
.cookie-document-shell .cmplz-dropdown[open] summary { border-bottom: 1px solid var(--colour-line); }
.cookie-document-shell .cmplz-service-header h3 { margin: 0 0 0.25rem; color: var(--colour-info); font-size: 1.05rem; }
.cookie-document-shell .cmplz-service-header p { margin: 0; font-size: 0.78rem; }
.cookie-document-shell .cmplz-sharing-data { border-bottom: 1px solid var(--colour-line); padding: 1rem 1.2rem; }
.cookie-document-shell .cmplz-sharing-data h4,
.cookie-document-shell .cookies-per-purpose h4 { margin: 0 0 0.35rem; color: var(--colour-text); font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.08em; }
.cookie-document-shell .cmplz-sharing-data p { margin: 0; font-size: 0.78rem; }
.cookie-document-shell .cookies-per-purpose { display: grid; grid-template-columns: minmax(0, 1fr) 150px; margin: 0; padding: 0; }
.cookie-document-shell .cookies-per-purpose .purpose { grid-column: 1 / -1; background: var(--colour-surface); padding: 0.9rem 1.2rem; }
.cookie-document-shell .cookies-per-purpose .name-header,
.cookie-document-shell .cookies-per-purpose .retention-header { display: none; }
.cookie-document-shell .cookies-per-purpose .name,
.cookie-document-shell .cookies-per-purpose .retention { min-width: 0; border-top: 1px solid var(--colour-line); background: var(--colour-surface-muted); padding: 0.9rem 1.2rem; color: var(--colour-text-muted); font-size: 0.78rem; }
.cookie-document-shell .cookies-per-purpose .name { color: var(--colour-info); font-family: var(--font-mono); overflow-wrap: anywhere; }
.cookie-document-shell .cookies-per-purpose .name::before,
.cookie-document-shell .cookies-per-purpose .retention::before { display: block; margin-bottom: 0.3rem; color: var(--colour-text-muted); font-family: var(--font-body); font-size: 0.61rem; font-weight: 760; letter-spacing: 0.09em; text-transform: uppercase; }
.cookie-document-shell .cookies-per-purpose .name::before { content: 'Cookie'; }
.cookie-document-shell .cookies-per-purpose .retention::before { content: 'Expires'; }
.cookie-document-shell #cmplz-manage-consent-container-nojavascript { display: none; }
.cookie-document-shell .cmplz-manage-consent-container { margin: 1.2rem 0 0; }
.cookie-document-shell .cmplz-categories { display: grid; gap: 0.65rem; }
.cookie-document-shell .cmplz-category { overflow: hidden; border: 1px solid var(--colour-line); border-radius: var(--radius-sm); background: var(--colour-surface-muted); }
.cookie-document-shell .cmplz-category-header { display: grid; grid-template-columns: minmax(0, 1fr) 22px 82px 32px; gap: 0.55rem; align-items: center; min-height: 54px; padding: 0.8rem 1rem; }
.cookie-document-shell .cmplz-category-title { color: var(--colour-text); font-size: 0.86rem; font-weight: 720; }
.cookie-document-shell .cmplz-always-active { display: grid; grid-column: 2 / 4; grid-template-columns: 22px 82px; gap: 0.55rem; align-items: center; color: var(--colour-text-muted); font-size: 0.68rem; }
.cookie-document-shell .cmplz-category-header > .cmplz-banner-checkbox { grid-column: 2; }
.cookie-document-shell .ww-cookie-optionality { grid-column: 3; color: var(--colour-text-muted); font-size: 0.68rem; }
.cookie-document-shell .cmplz-banner-checkbox { position: relative; display: inline-grid; flex: 0 0 auto; width: 22px; height: 22px; place-items: center; }
.cookie-document-shell .cmplz-banner-checkbox input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.cookie-document-shell .cmplz-banner-checkbox .cmplz-label { position: relative; display: block; width: 22px; height: 22px; border: 1px solid var(--colour-line-strong); border-radius: 4px; background: var(--colour-surface); cursor: pointer; }
.cookie-document-shell .cmplz-banner-checkbox input:checked + .cmplz-label { border-color: var(--colour-action); background: var(--colour-action); }
.cookie-document-shell .cmplz-banner-checkbox input:checked + .cmplz-label::after { position: absolute; top: 3px; left: 7px; width: 6px; height: 11px; border: solid var(--colour-on-action); border-width: 0 2px 2px 0; content: ''; transform: rotate(45deg); }
.cookie-document-shell .cmplz-banner-checkbox input:focus-visible + .cmplz-label { outline: 2px solid var(--colour-info); outline-offset: 3px; }
.cookie-document-shell .cmplz-category-toggle { display: grid; grid-column: 4; width: 32px; height: 32px; cursor: pointer; place-items: center; border: 0; border-radius: 50%; background: transparent; }
.cookie-document-shell .cmplz-category-toggle:hover { background: var(--colour-surface); }
.cookie-document-shell .cmplz-category-toggle svg { width: 14px; height: 14px; fill: var(--colour-text-muted); }
.cookie-document-shell .cmplz-description { border-top: 1px solid var(--colour-line); padding: 0.8rem 1rem; color: var(--colour-text-muted); font-size: 0.78rem; line-height: 1.6; }
.cookie-choice-button { width: 100%; margin-top: 1rem; cursor: pointer; }
.cookie-document-shell .ww-email-reveal { margin: 0; border: 0; background: transparent; padding: 0; color: var(--colour-info); font: inherit; text-decoration: underline; cursor: pointer; }
.cookie-document-shell .ww-email-reveal:hover,
.cookie-document-shell .ww-email-reveal:focus-visible { color: var(--colour-action); }
.cmplz-cookiebanner.ww-cookie-banner-manually-hidden { display: none !important; }

/* Reporting hub: guidance only; object-bound controls keep submission authority. */
.reporting-guide { display: grid; gap: 2rem; width: min(100%, 1020px); margin: 0 auto 3rem; }
.reporting-guide__intro { max-width: 780px; }
.reporting-guide__intro .eyebrow { margin-bottom: 0.55rem; color: var(--colour-action); }
.reporting-guide__intro h1 { margin: 0 0 0.8rem; color: var(--colour-text); font-size: clamp(2.4rem, 5vw, 4.5rem); line-height: 0.98; letter-spacing: -0.055em; }
.reporting-guide__lede { margin: 0; color: var(--colour-text-muted); font-size: clamp(1rem, 1.7vw, 1.18rem); line-height: 1.7; }
.reporting-guide__truth { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: 1.25rem; align-items: start; border: 1px solid var(--colour-line); border-left: 3px solid var(--colour-action); border-radius: var(--radius-sm); background: color-mix(in srgb, var(--colour-action) 5%, var(--colour-surface)); padding: 1.15rem 1.25rem; }
.reporting-guide__truth strong { color: var(--colour-text); font-size: 0.92rem; line-height: 1.45; }
.reporting-guide__truth p { margin: 0; color: var(--colour-text-muted); font-size: 0.82rem; line-height: 1.65; }
.reporting-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin: 0; padding: 0; overflow: hidden; border: 1px solid var(--colour-line); border-radius: var(--radius-md); background: var(--colour-line); list-style: none; }
.reporting-steps li { min-width: 0; background: var(--colour-surface); padding: 1.3rem; }
.reporting-steps li > span { display: block; margin-bottom: 1.15rem; color: var(--colour-action); font-family: var(--font-display); font-size: 0.72rem; font-weight: 760; letter-spacing: 0.12em; }
.reporting-steps h2 { margin: 0 0 0.55rem; color: var(--colour-text); font-size: 1.15rem; }
.reporting-steps p { margin: 0; color: var(--colour-text-muted); font-size: 0.79rem; line-height: 1.65; }
.reporting-destinations { border-top: 1px solid var(--colour-line-strong); padding-top: 1.4rem; }
.reporting-destinations > div:first-child { margin-bottom: 1rem; }
.reporting-destinations .eyebrow,
.reporting-guide__split .eyebrow,
.reporting-guide__fallback .eyebrow { margin-bottom: 0.4rem; }
.reporting-destinations h2,
.reporting-guide__split h2,
.reporting-guide__fallback h2 { margin: 0; color: var(--colour-text); font-size: clamp(1.25rem, 2.3vw, 1.7rem); }
.reporting-destination-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; }
.reporting-destination-grid a { position: relative; display: grid; gap: 0.3rem; min-width: 0; border: 1px solid var(--colour-line); border-radius: var(--radius-sm); background: var(--colour-surface); padding: 1rem 2.6rem 1rem 1rem; color: var(--colour-text); text-decoration: none; }
.reporting-destination-grid a:hover,
.reporting-destination-grid a:focus-visible { border-color: var(--colour-line-strong); background: var(--colour-surface-muted); }
.reporting-destination-grid strong { font-size: 0.9rem; }
.reporting-destination-grid span { color: var(--colour-text-muted); font-size: 0.75rem; line-height: 1.5; }
.reporting-destination-grid b { position: absolute; top: 50%; right: 1rem; color: var(--colour-action); font-size: 1.1rem; transform: translateY(-50%); }
.reporting-guide__split,
.reporting-guide__fallback { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; border-top: 1px solid var(--colour-line-strong); padding-top: 1.4rem; }
.reporting-guide__split > div,
.reporting-guide__fallback > div { min-width: 0; }
.reporting-guide__split p,
.reporting-guide__fallback p { color: var(--colour-text-muted); font-size: 0.82rem; line-height: 1.68; }
.reporting-guide__split a,
.reporting-guide__fallback a { color: var(--colour-info); }
.reporting-reasons { display: flex; flex-wrap: wrap; gap: 0.45rem; margin-top: 1rem; }
.reporting-reasons span { border: 1px solid var(--colour-line); border-radius: 999px; background: var(--colour-surface-muted); padding: 0.38rem 0.62rem; color: var(--colour-text-muted); font-size: 0.68rem; line-height: 1.25; }
.reporting-guide__fallback > div { border: 1px solid var(--colour-line); border-radius: var(--radius-sm); background: var(--colour-surface); padding: 1.15rem; }
.reporting-guide__fallback > div:last-child { border-top: 3px solid var(--colour-info); }
@media (max-width: 900px) {
  .reporting-steps { grid-template-columns: minmax(0, 1fr); }
  .reporting-guide__truth,
  .reporting-guide__split,
  .reporting-guide__fallback { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 620px) {
  .reporting-destination-grid { grid-template-columns: minmax(0, 1fr); }
  .reporting-guide__intro h1 { font-size: clamp(2.25rem, 15vw, 3.3rem); }
  .cookie-document-shell .cookies-per-purpose { grid-template-columns: minmax(0, 1fr); }
  .cookie-document-shell .cookies-per-purpose .purpose { grid-column: 1; }
  .cookie-document-shell .cmplz-category-header { grid-template-columns: minmax(0, 1fr) auto; }
  .cookie-document-shell .cmplz-category-toggle { grid-column: 2; }
}
@media (min-width: 1181px) {
  body[data-route="v6-next-terms"] .site-frame,
  body[data-route="v6-next-privacy"] .site-frame,
  body[data-route="v6-next-guidelines"] .site-frame,
  body[data-route="v6-next-cookies"] .site-frame,
  body[data-route="v6-next-accessibility"] .site-frame { max-width: var(--max-site); }
  body[data-route="v6-next-terms"] .main-content,
  body[data-route="v6-next-privacy"] .main-content,
  body[data-route="v6-next-guidelines"] .main-content,
  body[data-route="v6-next-cookies"] .main-content,
  body[data-route="v6-next-accessibility"] .main-content { padding-inline: calc(clamp(1.5rem, 3.2vw, 3.25rem) - 1.5rem); }
  body[data-route="v6-next-terms"] .legal-document-surface,
  body[data-route="v6-next-privacy"] .legal-document-surface,
  body[data-route="v6-next-guidelines"] .legal-document-surface,
  body[data-route="v6-next-cookies"] .legal-document-surface,
  body[data-route="v6-next-accessibility"] .legal-document-surface { width: 100%; }
  body[data-route="v6-next-terms"] .legal-v6-layout,
  body[data-route="v6-next-privacy"] .legal-v6-layout,
  body[data-route="v6-next-guidelines"] .legal-v6-layout,
  body[data-route="v6-next-cookies"] .legal-v6-layout,
  body[data-route="v6-next-accessibility"] .legal-v6-layout { grid-template-columns: 204px minmax(0, 1fr) 320px; }
}
@media (max-width: 1180px) {
  .legal-v6-layout { grid-template-columns: 180px minmax(0, 1fr); }
  .legal-context-rail { position: static; grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .legal-v6-layout { grid-template-columns: minmax(0, 1fr); }
  .legal-local-nav { position: static; }
  .legal-local-nav nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .legal-context-rail { grid-column: 1; grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 680px) {
  .legal-document-shell { border-radius: var(--radius-md); padding: 1.15rem; }
  .legal-document-shell h2 { margin-top: 2.2rem; }
}

/* Contact: modern V6 presentation over the owned three-step form. */
.ww-v6-native-route-contact .ww-contact-app { width:min(1320px,100%); color:var(--colour-text); }
.ww-v6-native-route-contact .ww-contact-hero {
  grid-template-columns:minmax(0,1.55fr) minmax(300px,.45fr);
  gap:clamp(2rem,4vw,4rem);
  overflow:visible;
  border:1px solid var(--colour-line);
  border-top:4px solid var(--colour-action);
  border-radius:var(--radius-lg);
  background:var(--colour-surface);
  box-shadow:none;
  padding:clamp(2rem,5vw,4.75rem);
}
.ww-v6-native-route-contact .ww-contact-hero::before,
.ww-v6-native-route-contact .ww-contact-hero::after { display:none; }
.ww-v6-native-route-contact .ww-contact-kicker,
.ww-v6-native-route-contact .ww-contact-status>span,
.ww-v6-native-route-contact .ww-contact-panel legend,
.ww-v6-native-route-contact .ww-contact-submit-row>div>span { color:var(--colour-action); font-family:var(--font-display); }
.ww-v6-native-route-contact .ww-contact-kicker i { animation:none; background:var(--colour-success); box-shadow:none; }
.ww-v6-native-route-contact .ww-contact-hero h1 { color:var(--colour-text)!important; font-family:var(--font-display); font-size:clamp(3.2rem,7vw,6.7rem)!important; line-height:.9!important; }
.ww-v6-native-route-contact .ww-contact-hero p { color:var(--colour-text-muted); }
.ww-v6-native-route-contact .ww-contact-hero .ww-contact-hero__lead { color:var(--colour-text); font-family:var(--font-display); }
.ww-v6-native-route-contact .ww-contact-status {
  border:1px solid var(--colour-line);
  border-left:4px solid var(--colour-success);
  border-radius:var(--radius-md);
  background:var(--colour-surface-raised);
  box-shadow:none;
  padding:1.4rem;
}
.ww-v6-native-route-contact .ww-contact-status li { color:var(--colour-text-muted); }
.ww-v6-native-route-contact .ww-contact-status b {
  border:1px solid var(--colour-line-strong);
  border-radius:var(--radius-xs);
  background:var(--colour-canvas);
  color:var(--colour-success);
}
.ww-v6-native-route-contact .ww-contact-form { gap:1.25rem; margin-top:1.5rem; }
.ww-v6-native-route-contact .ww-contact-panel {
  border:1px solid var(--colour-line)!important;
  border-radius:var(--radius-md);
  background:var(--colour-surface)!important;
  box-shadow:none;
  padding:clamp(1.35rem,3vw,2.25rem)!important;
}
.ww-v6-native-route-contact .ww-contact-panel legend { color:var(--colour-text); font-size:.8rem; }
.ww-v6-native-route-contact .ww-contact-panel legend span {
  border:0;
  border-radius:var(--radius-xs);
  background:var(--colour-action);
  color:var(--colour-on-action);
}
.ww-v6-native-route-contact .ww-contact-topics { gap:1rem; }
.ww-v6-native-route-contact .ww-contact-topic__card {
  min-height:176px;
  border:1px solid var(--colour-line);
  border-radius:var(--radius-sm);
  background:var(--colour-surface-raised)!important;
  box-shadow:none;
  padding:1.25rem;
}
.ww-v6-native-route-contact .ww-contact-topic:hover .ww-contact-topic__card { border-color:var(--colour-line-strong); transform:none; }
.ww-v6-native-route-contact .ww-contact-topic>input:focus-visible+.ww-contact-topic__card,
.ww-v6-native-route-contact .ww-contact-topic>input:checked+.ww-contact-topic__card {
  border-color:var(--colour-action);
  background:color-mix(in srgb,var(--colour-action) 8%,var(--colour-surface))!important;
  box-shadow:inset 4px 0 0 var(--colour-action);
}
.ww-v6-native-route-contact .ww-contact-topic__icon {
  border:1px solid var(--colour-line);
  border-radius:var(--radius-xs);
  background:var(--colour-canvas);
  color:var(--colour-action);
}
.ww-v6-native-route-contact .ww-contact-topic strong,
.ww-v6-native-route-contact .ww-contact-panel label:not(.ww-contact-topic) { color:var(--colour-text); font-family:var(--font-display); }
.ww-v6-native-route-contact .ww-contact-topic small,
.ww-v6-native-route-contact .ww-contact-help { color:var(--colour-text-muted)!important; }
.ww-v6-native-route-contact .ww-contact-panel :is(input[type="text"],input[type="email"],input[type="file"],textarea) {
  border:1px solid var(--colour-line-strong)!important;
  border-radius:var(--radius-sm)!important;
  background:var(--colour-surface-raised)!important;
  color:var(--colour-text)!important;
  box-shadow:none!important;
}
.ww-v6-native-route-contact .ww-contact-panel :is(input[type="text"],input[type="email"],input[type="file"],textarea):focus {
  border-color:var(--colour-focus)!important;
  background:var(--colour-surface)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--colour-focus) 20%,transparent)!important;
}
.ww-v6-native-route-contact .ww-contact-panel input[type="file"]::file-selector-button {
  border:1px solid var(--colour-line-strong);
  border-radius:var(--radius-xs);
  background:var(--colour-surface-muted);
  color:var(--colour-text);
}
.ww-v6-native-route-contact .ww-contact-context {
  border:1px solid color-mix(in srgb,var(--colour-success) 35%,var(--colour-line));
  border-radius:var(--radius-sm);
  background:color-mix(in srgb,var(--colour-success) 7%,var(--colour-surface));
  color:var(--colour-text-muted);
}
.ww-v6-native-route-contact .ww-contact-context span { color:var(--colour-success); }
.ww-v6-native-route-contact .ww-contact-submit-row {
  border:1px solid var(--colour-line);
  border-radius:var(--radius-md);
  background:var(--colour-surface-raised)!important;
}
.ww-v6-native-route-contact .ww-contact-submit-row p { color:var(--colour-text-muted); }
.ww-v6-native-route-contact .ww-contact-submit-row a { color:var(--colour-info); }
.ww-v6-native-route-contact .ww-contact-submit-row button {
  border-radius:var(--radius-sm)!important;
  background:var(--colour-action)!important;
  color:var(--colour-on-action)!important;
  box-shadow:none!important;
}
.ww-v6-native-route-contact .ww-contact-submit-row button:hover,
.ww-v6-native-route-contact .ww-contact-submit-row button:focus-visible { box-shadow:0 0 0 3px color-mix(in srgb,var(--colour-action) 22%,transparent)!important; transform:none; }
.ww-v6-native-route-contact .ww-contact-notice {
  scroll-margin-top:calc(var(--header-height) + 1rem);
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:.35rem 1rem;
  align-items:center;
  margin:1.25rem 0;
  border:1px solid var(--colour-line)!important;
  border-left:4px solid var(--colour-success)!important;
  border-radius:var(--radius-sm)!important;
  background:var(--colour-surface-raised)!important;
  color:var(--colour-text)!important;
  box-shadow:none!important;
  padding:1rem 1.2rem!important;
}
.ww-v6-native-route-contact .ww-contact-notice strong {
  grid-row:1 / span 2;
  color:var(--colour-success)!important;
  font-family:var(--font-display)!important;
  font-size:.76rem!important;
  line-height:1.35;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.ww-v6-native-route-contact .ww-contact-notice p {
  margin:0!important;
  color:var(--colour-text-muted)!important;
  font-size:.94rem;
}
.ww-v6-native-route-contact .ww-contact-notice code {
  display:inline-block;
  border:1px solid var(--colour-line-strong);
  border-radius:var(--radius-xs);
  background:var(--colour-canvas);
  color:var(--colour-text);
  padding:.12rem .42rem;
  font-family:var(--font-display);
  font-size:.9em;
}
@media (max-width:680px) {
  .ww-v6-native-route-contact .ww-contact-notice { display:block; }
  .ww-v6-native-route-contact .ww-contact-notice strong { margin-bottom:.45rem; }
}

/* Pitch intake: modern V6 presentation over the owned five-step form. */
.ww-v6-native-route-pitch .ww-pitch-application { width:min(1320px,100%); color:var(--colour-text); }
.ww-v6-native-route-pitch .ww-pitch-intro {
  grid-template-columns:minmax(0,1.55fr) minmax(300px,.45fr);
  gap:clamp(2rem,4vw,4rem);
  overflow:visible;
  border:1px solid var(--colour-line)!important;
  border-top:4px solid var(--colour-action)!important;
  border-radius:var(--radius-lg)!important;
  background:var(--colour-surface)!important;
  box-shadow:none!important;
  padding:clamp(2rem,5vw,4.75rem)!important;
}
.ww-v6-native-route-pitch .ww-pitch-intro::before,
.ww-v6-native-route-pitch .ww-pitch-intro::after { display:none!important; }
.ww-v6-native-route-pitch .ww-pitch-kicker,
.ww-v6-native-route-pitch .ww-pitch-intro__rules>span,
.ww-v6-native-route-pitch .ww-pitch-submit-row>div>span { color:var(--colour-action)!important; font-family:var(--font-display)!important; }
.ww-v6-native-route-pitch .ww-pitch-kicker>span { animation:none!important; background:var(--colour-success)!important; box-shadow:none!important; }
.ww-v6-native-route-pitch .ww-pitch-intro h1 { color:var(--colour-text)!important; font-family:var(--font-display)!important; font-size:clamp(3.2rem,7vw,6.7rem)!important; line-height:.9!important; }
.ww-v6-native-route-pitch .ww-pitch-intro p { color:var(--colour-text-muted)!important; }
.ww-v6-native-route-pitch .ww-pitch-intro .ww-pitch-intro__lead { color:var(--colour-text)!important; font-family:var(--font-display)!important; }
.ww-v6-native-route-pitch .ww-pitch-intro__rules {
  border:1px solid var(--colour-line)!important;
  border-left:4px solid var(--colour-success)!important;
  border-radius:var(--radius-md)!important;
  background:var(--colour-surface-raised)!important;
  box-shadow:none!important;
  padding:1.4rem!important;
}
.ww-v6-native-route-pitch .ww-pitch-intro__rules li { color:var(--colour-text-muted)!important; }
.ww-v6-native-route-pitch .ww-pitch-form { gap:1.25rem!important; margin-top:1.5rem!important; }
.ww-v6-native-route-pitch .ww-pitch-fieldset {
  border:1px solid var(--colour-line)!important;
  border-radius:var(--radius-md)!important;
  background:var(--colour-surface)!important;
  box-shadow:none!important;
  padding:clamp(1.35rem,3vw,2.25rem)!important;
}
.ww-v6-native-route-pitch .ww-pitch-fieldset legend { color:var(--colour-text)!important; font-family:var(--font-display)!important; font-size:.82rem!important; }
.ww-v6-native-route-pitch .ww-pitch-fieldset legend span { border:0!important; border-radius:var(--radius-xs)!important; background:var(--colour-action)!important; color:var(--colour-on-action)!important; }
.ww-v6-native-route-pitch .ww-pitch-help { color:var(--colour-text-muted)!important; }
.ww-v6-native-route-pitch .ww-pitch-lanes { gap:1rem!important; }
.ww-v6-native-route-pitch .ww-pitch-lane>span {
  min-height:150px;
  border:1px solid var(--colour-line)!important;
  border-radius:var(--radius-sm)!important;
  background:var(--colour-surface-raised)!important;
  box-shadow:none!important;
  padding:1.25rem!important;
}
.ww-v6-native-route-pitch .ww-pitch-lane:hover>span { border-color:var(--colour-line-strong)!important; transform:none!important; }
.ww-v6-native-route-pitch .ww-pitch-lane>input:focus-visible+span,
.ww-v6-native-route-pitch .ww-pitch-lane>input:checked+span { border-color:var(--colour-action)!important; background:color-mix(in srgb,var(--colour-action) 8%,var(--colour-surface))!important; box-shadow:inset 4px 0 0 var(--colour-action)!important; }
.ww-v6-native-route-pitch .ww-pitch-lane strong,
.ww-v6-native-route-pitch .ww-pitch-fieldset label { color:var(--colour-text)!important; font-family:var(--font-display)!important; }
.ww-v6-native-route-pitch .ww-pitch-lane small { color:var(--colour-text-muted)!important; }
.ww-v6-native-route-pitch .ww-pitch-fieldset :is(input[type="text"],input[type="email"],input[type="url"],textarea,select) {
  border:1px solid var(--colour-line-strong)!important;
  border-radius:var(--radius-sm)!important;
  background:var(--colour-surface-raised)!important;
  color:var(--colour-text)!important;
  box-shadow:none!important;
}
.ww-v6-native-route-pitch .ww-pitch-fieldset :is(input[type="text"],input[type="email"],input[type="url"],textarea,select):focus { border-color:var(--colour-focus)!important; background:var(--colour-surface)!important; box-shadow:0 0 0 3px color-mix(in srgb,var(--colour-focus) 20%,transparent)!important; }
.ww-v6-native-route-pitch .ww-pitch-check {
  border:1px solid var(--colour-line)!important;
  border-radius:var(--radius-sm)!important;
  background:var(--colour-surface-raised)!important;
  color:var(--colour-text-muted)!important;
  padding:1rem!important;
}
.ww-v6-native-route-pitch .ww-pitch-check input { width:1.15rem!important; min-height:1.15rem!important; accent-color:var(--colour-action); }
.ww-v6-native-route-pitch .ww-pitch-submit-row {
  border:1px solid var(--colour-line)!important;
  border-radius:var(--radius-md)!important;
  background:var(--colour-surface-raised)!important;
  box-shadow:none!important;
}
.ww-v6-native-route-pitch .ww-pitch-submit-row p { color:var(--colour-text-muted)!important; }
.ww-v6-native-route-pitch .ww-pitch-submit-row button { border-radius:var(--radius-sm)!important; background:var(--colour-action)!important; color:var(--colour-on-action)!important; box-shadow:none!important; }
.ww-v6-native-route-pitch .ww-pitch-submit-row button:hover,
.ww-v6-native-route-pitch .ww-pitch-submit-row button:focus-visible { box-shadow:0 0 0 3px color-mix(in srgb,var(--colour-action) 22%,transparent)!important; transform:none!important; }
.ww-v6-native-route-pitch .ww-pitch-notice {
  scroll-margin-top:calc(var(--header-height) + 1rem);
  border:1px solid var(--colour-line)!important;
  border-left:4px solid var(--colour-success)!important;
  border-radius:var(--radius-sm)!important;
  background:var(--colour-surface-raised)!important;
  color:var(--colour-text)!important;
  box-shadow:none!important;
}
.ww-v6-native-route-pitch .ww-pitch-notice strong { color:var(--colour-success)!important; font-family:var(--font-display)!important; }
.ww-v6-native-route-pitch .ww-pitch-notice p { color:var(--colour-text-muted)!important; }
.ww-v6-native-route-pitch .ww-pitch-notice--error { border-left-color:var(--colour-danger)!important; }
.ww-v6-native-route-pitch .ww-pitch-notice--error strong { color:var(--colour-danger)!important; }
@media (max-width:760px) {
  .ww-v6-native-route-pitch .ww-pitch-intro { grid-template-columns:1fr; }
}

/* Pitch lane branching and private evidence intake. */
.ww-v6-native-route-pitch .ww-pitch-fieldset--lanes {
  border:0!important;
  background:transparent!important;
  padding-inline:0!important;
}
.ww-v6-native-route-pitch .ww-pitch-fieldset :is(input[type="tel"],input[type="number"],input[type="file"]) {
  border:1px solid var(--colour-line-strong)!important;
  border-radius:var(--radius-sm)!important;
  background:var(--colour-surface-raised)!important;
  color:var(--colour-text)!important;
  box-shadow:none!important;
}
.ww-v6-native-route-pitch .ww-pitch-fieldset input[type="file"] { width:100%; padding:.85rem!important; font-family:var(--font-body)!important; }
.ww-v6-native-route-pitch .ww-pitch-fieldset input[type="file"]::file-selector-button {
  margin-right:1rem;
  border:0;
  border-radius:var(--radius-xs);
  background:var(--colour-action);
  color:var(--colour-on-action);
  padding:.65rem .9rem;
  font:700 .78rem/1 var(--font-display);
  cursor:pointer;
}
.ww-v6-native-route-pitch .ww-pitch-optional { color:var(--colour-text-muted); font:500 .72rem/1 var(--font-body); text-transform:none; }
.ww-v6-native-route-pitch .ww-pitch-warning {
  margin:0;
  border-left:3px solid var(--colour-action);
  background:color-mix(in srgb,var(--colour-action) 7%,transparent);
  color:var(--colour-text-muted);
  padding:.8rem 1rem;
  font-size:.9rem;
}
.ww-v6-native-route-pitch .ww-pitch-lane-panel { display:none; margin:0 0 1.25rem; border:1px solid var(--colour-line); border-left:4px solid var(--colour-success); border-radius:var(--radius-sm); background:var(--colour-surface-raised); padding:1.25rem; }
.ww-v6-native-route-pitch .ww-pitch-form:has(input[name="ww_pitch_lane"][value="guest"]:checked) [data-lane-panel="guest"],
.ww-v6-native-route-pitch .ww-pitch-form:has(input[name="ww_pitch_lane"][value="partner"]:checked) [data-lane-panel="partner"],
.ww-v6-native-route-pitch .ww-pitch-form:has(input[name="ww_pitch_lane"][value="sponsored"]:checked) [data-lane-panel="sponsored"] { display:block; }
.ww-v6-native-route-pitch .ww-pitch-lane-panel--editorial { border-left-color:var(--colour-info); }
.ww-v6-native-route-pitch .ww-pitch-lane-panel--sponsored { border-left-color:var(--colour-action); }
.ww-v6-native-route-pitch .ww-pitch-panel-lead { margin:0 0 1rem; color:var(--colour-text); font-family:var(--font-display); font-weight:650; }
.ww-v6-native-route-pitch .ww-pitch-lane-panel--community .ww-pitch-panel-lead { margin:0; }
.ww-v6-native-route-pitch .ww-pitch-budget { display:grid; grid-template-columns:minmax(130px,.35fr) minmax(200px,1fr); gap:1rem; margin-bottom:1rem; }
.ww-v6-native-route-pitch .ww-pitch-grid--deal-common { align-items:start; }
.ww-v6-native-route-pitch .ww-pitch-privacy { margin:.3rem 0 0; color:var(--colour-text-muted); font-size:.9rem; }
.ww-v6-native-route-pitch .ww-pitch-privacy a { color:var(--colour-action); }
@media (max-width:680px) {
  .ww-v6-native-route-pitch .ww-pitch-budget { grid-template-columns:1fr; }
}

/* Pitch note pass: strict alignment, route-aware identity copy and file feedback. */
.ww-v6-native-route-pitch .ww-pitch-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; align-items:start; }
.ww-v6-native-route-pitch .ww-pitch-grid>label,
.ww-v6-native-route-pitch .ww-pitch-budget>label { min-width:0; }
.ww-v6-native-route-pitch .ww-pitch-fieldset :is(input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="file"],textarea,select) { width:100%!important; box-sizing:border-box!important; }
.ww-v6-native-route-pitch .ww-pitch-grid--two>label { display:flex; flex-direction:column; height:100%; }
.ww-v6-native-route-pitch .ww-pitch-grid--two>label input { margin-top:auto; }
.ww-v6-native-route-pitch .ww-pitch-budget { grid-template-columns:repeat(2,minmax(0,1fr))!important; align-items:end; }
.ww-v6-native-route-pitch .ww-pitch-grid--deal-common>label:not(.ww-pitch-span-all) { display:flex; flex-direction:column; height:100%; }
.ww-v6-native-route-pitch .ww-pitch-grid--deal-common>label:not(.ww-pitch-span-all) textarea { flex:1; min-height:11rem; }
.ww-v6-native-route-pitch .ww-pitch-who-copy { display:none; margin:.15rem 0 1rem; color:var(--colour-text-muted); }
.ww-v6-native-route-pitch .ww-pitch-form:has(input[name="ww_pitch_lane"][value="guest"]:checked) [data-who-lane="guest"],
.ww-v6-native-route-pitch .ww-pitch-form:has(input[name="ww_pitch_lane"][value="partner"]:checked) [data-who-lane="partner"],
.ww-v6-native-route-pitch .ww-pitch-form:has(input[name="ww_pitch_lane"][value="sponsored"]:checked) [data-who-lane="sponsored"] { display:block; }
.ww-v6-native-route-pitch .ww-pitch-file-status { display:block; min-height:1.2em; margin-top:.55rem; color:var(--colour-success); font:650 .82rem/1.35 var(--font-body); }
.ww-v6-native-route-pitch .ww-pitch-file-status--error { color:var(--colour-danger); }
@media (max-width:680px) {
  .ww-v6-native-route-pitch .ww-pitch-grid,
  .ww-v6-native-route-pitch .ww-pitch-budget { grid-template-columns:1fr!important; }
}
.ww-v6-native-route-pitch .ww-pitch-grid { column-gap:1rem!important; }
.ww-v6-native-route-pitch .ww-pitch-file-feedback { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:1rem; min-height:2rem; }
.ww-v6-native-route-pitch .ww-pitch-file-status { min-width:0; overflow-wrap:anywhere; }
.ww-v6-native-route-pitch .ww-pitch-file-clear { flex:0 0 auto; border:1px solid var(--colour-line-strong); border-radius:var(--radius-xs); background:transparent; color:var(--colour-text); padding:.55rem .75rem; font:700 .75rem/1 var(--font-display); cursor:pointer; }
.ww-v6-native-route-pitch .ww-pitch-file-clear:hover,
.ww-v6-native-route-pitch .ww-pitch-file-clear:focus-visible { border-color:var(--colour-action); color:var(--colour-action); }
.ww-v6-native-route-pitch .ww-pitch-grid--two input { min-height:3.65rem!important; }
.ww-v6-native-route-pitch .ww-pitch-lane-panel .ww-pitch-grid>label { display:flex; flex-direction:column; height:100%; }
.ww-v6-native-route-pitch .ww-pitch-lane-panel .ww-pitch-grid>label .ww-pitch-help { min-height:3.2em; }
.ww-v6-native-route-pitch .ww-pitch-lane-panel .ww-pitch-grid>label textarea { flex:1; min-height:12rem; margin-top:auto; }
.ww-v6-native-route-pitch .ww-pitch-grid--deal-common>label .ww-pitch-help { min-height:3.2em; }
.ww-v6-native-route-pitch .ww-pitch-grid--deal-common>label textarea { flex:none; height:12rem!important; min-height:12rem!important; margin-top:auto; }
.ww-v6-native-route-pitch input[name="ww_pitch_phone"] { position:relative; top:8px; }

/* V6 Coming Soon: canonical launch receiver, current design contract. */
body[data-route="v6-next-coming-soon"] { background: #070a0e !important; color: var(--colour-text); color-scheme: dark; }
body[data-route="v6-next-coming-soon"] .coming-v6 { width: min(var(--max-site), calc(100% - 2rem)); margin: 0 auto; padding: 24px 0 3rem; }
.coming-v6__hero { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(420px, 0.92fr); overflow: hidden; border: 1px solid var(--colour-line); border-radius: var(--radius-lg); background: var(--colour-surface); box-shadow: var(--shadow-soft); }
.coming-v6__hero-copy { padding: clamp(1.5rem, 2.4vw, 2.75rem); }
.coming-v6__hero h1,
.coming-v6__confirmed h1 { max-width: 11ch; margin: 0.25rem 0 1rem; color: var(--colour-text); font-size: clamp(3.2rem, 6.5vw, 7rem); line-height: 0.88; letter-spacing: -0.065em; }
.coming-v6__hero h1 span { color: var(--colour-action); }
.coming-v6__lede { max-width: 62ch; color: var(--colour-text-muted); font-size: clamp(1rem, 1.4vw, 1.25rem); line-height: 1.75; }
.coming-v6__actions { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1.5rem; }
.coming-v6__hero-art { position: relative; min-height: 470px; margin: 0; border-left: 1px solid var(--colour-line); background: var(--colour-surface-muted); }
.coming-v6__hero-art img { width: 100%; height: 100%; object-fit: cover; object-position: 68% 52%; }
.coming-v6__hero-art::after { position: absolute; inset: auto 0 0; height: 45%; background: linear-gradient(transparent, rgba(7, 10, 14, 0.92)); content: ''; }
.coming-v6__hero-art figcaption { position: absolute; z-index: 1; right: 1.25rem; bottom: 1.25rem; left: 1.25rem; color: #fff; font-family: var(--font-mono); font-size: 0.78rem; }
.coming-v6__signals { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.65rem; margin: 1.25rem 0 0; padding: 0; list-style: none; }
.coming-v6__signals li { border: 1px solid var(--colour-line); border-radius: var(--radius-sm); background: var(--colour-surface-muted); padding: 0.9rem; }
.coming-v6__signals strong,
.coming-v6__signals span { display: block; }
.coming-v6__signals strong { color: var(--colour-text); font-size: 0.78rem; }
.coming-v6__signals span { margin-top: 0.3rem; color: var(--colour-text-muted); font-size: 0.68rem; line-height: 1.5; }
.coming-v6__grid { display: grid; grid-template-columns: minmax(300px, 0.75fr) minmax(0, 1.25fr); gap: 1.5rem; margin-top: 1.5rem; }
.coming-v6__card,
.coming-v6__scene-card { border: 1px solid var(--colour-line); border-radius: var(--radius-lg); background: var(--colour-surface); padding: clamp(1.5rem, 3vw, 2.5rem); box-shadow: var(--shadow-soft); }
.coming-v6__card h2,
.coming-v6__scene-card h2 { margin: 0.2rem 0 0.8rem; color: var(--colour-text); font-size: clamp(1.55rem, 2vw, 2.2rem); }
.coming-v6__card > p:not(.eyebrow),
.coming-v6__scene-card p { color: var(--colour-text-muted); line-height: 1.7; }
.coming-v6__list { display: grid; gap: 0.75rem; margin: 1.5rem 0 0; padding: 0; list-style: none; }
.coming-v6__list li { display: grid; grid-template-columns: 2.2rem 1fr; gap: 0.85rem; border-top: 1px solid var(--colour-line); padding-top: 0.85rem; }
.coming-v6__list li > span { color: var(--colour-action); font-family: var(--font-mono); font-size: 0.75rem; }
.coming-v6__list strong { color: var(--colour-text); }
.coming-v6__list p { margin: 0.2rem 0 0; color: var(--colour-text-muted); font-size: 0.82rem; line-height: 1.55; }
.coming-v6__fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 1.4rem; }
.coming-v6__fields label { display: grid; gap: 0.4rem; color: var(--colour-text); font-size: 0.76rem; font-weight: 700; }
.coming-v6__fields .is-wide { grid-column: 1 / -1; }
.coming-v6__fields input { width: 100%; border: 1px solid var(--colour-line-strong); border-radius: var(--radius-sm); background: var(--colour-surface-muted); padding: 0.85rem 0.95rem; color: var(--colour-text); font: inherit; }
.coming-v6__fields input:focus { border-color: var(--colour-info); outline: 2px solid color-mix(in srgb, var(--colour-info) 35%, transparent); outline-offset: 2px; }
.coming-v6__consent { display: grid; grid-template-columns: 18px 1fr; gap: 0.7rem; align-items: center; margin-top: 1rem; border: 1px solid var(--colour-line); border-radius: var(--radius-sm); background: var(--colour-surface-muted); padding: 0.9rem; color: var(--colour-text-muted); font-size: 0.76rem; line-height: 1.55; }
.coming-v6__consent input { width: 18px; height: 18px; margin: 0; accent-color: var(--colour-action); }
.coming-v6__consent a { color: var(--colour-info); }
.coming-v6__submit { display: flex; flex-wrap: wrap; gap: 0.8rem 1rem; align-items: center; margin-top: 1rem; }
.coming-v6__submit small { max-width: 36ch; color: var(--colour-text-muted); line-height: 1.5; }
.coming-v6__notice { display: grid; gap: 0.2rem; margin: 1rem 0; border: 1px solid var(--colour-line); border-left-width: 4px; border-radius: var(--radius-sm); background: var(--colour-surface-muted); padding: 0.9rem 1rem; }
.coming-v6__notice--success { border-left-color: var(--colour-success); }
.coming-v6__notice--error { border-left-color: var(--colour-danger); }
.coming-v6__notice span { color: var(--colour-text-muted); font-size: 0.78rem; }
.coming-v6__receipt-steps { display: grid; gap: 0.65rem; margin: 1rem 0 0; padding: 0; list-style: none; }
.coming-v6__receipt-steps li { display: flex; align-items: center; gap: 0.8rem; border-top: 1px solid var(--colour-line); padding: 0.8rem 0 0; }
.coming-v6__receipt-steps span { color: var(--colour-action); font-family: var(--font-mono); font-size: 0.72rem; }
.coming-v6__receipt-steps strong { color: var(--colour-text); font-size: 0.88rem; }
.coming-v6__form-card.is-submitted { align-content: center; }
.coming-v6__poll { margin-top: 1.25rem; border-top: 1px solid var(--colour-line); padding-top: 1rem; }
.coming-v6__poll summary { color: var(--colour-info); font-weight: 750; cursor: pointer; }
.coming-v6__poll > p { color: var(--colour-text-muted); font-size: 0.8rem; }
.coming-v6__poll fieldset { margin: 1rem 0; border: 1px solid var(--colour-line); border-radius: var(--radius-sm); padding: 1rem; }
.coming-v6__poll legend { padding: 0 0.4rem; color: var(--colour-text); font-weight: 700; }
.coming-v6__poll fieldset > div { display: grid; gap: 0.45rem; margin-top: 0.4rem; }
.coming-v6__poll fieldset label { display: flex; gap: 0.6rem; align-items: flex-start; color: var(--colour-text-muted); font-size: 0.78rem; cursor: pointer; }
.coming-v6__poll input { margin-top: 0.15rem; accent-color: var(--colour-action); }
.coming-v6__confirmed { display: grid; grid-template-columns: minmax(380px, 0.9fr) minmax(0, 1.1fr); overflow: hidden; border: 1px solid var(--colour-line); border-radius: var(--radius-lg); background: var(--colour-surface); box-shadow: var(--shadow-soft); }
.coming-v6__visual { position: relative; min-height: 620px; background: var(--colour-surface-muted); }
.coming-v6__visual img { width: 100%; height: 100%; object-fit: cover; }
.coming-v6__visual > span { position: absolute; top: 1rem; left: 1rem; border: 1px solid rgba(255,255,255,.25); border-radius: 999px; background: rgba(7,10,14,.8); padding: 0.45rem 0.7rem; color: #fff; font-family: var(--font-mono); font-size: 0.7rem; }
.coming-v6__confirmed-copy { align-self: center; padding: clamp(2rem, 5vw, 5rem); }
.coming-v6__brand-link { display: flex; align-items: center; justify-content: center; min-height: 80px; border: 1px solid color-mix(in srgb, var(--colour-action) 38%, var(--colour-line)); border-radius: var(--radius-sm); background: radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--colour-action) 12%, var(--colour-surface-muted)), var(--colour-surface-muted) 70%); color: var(--colour-action); font-family: var(--font-mono); font-size: clamp(2rem, 4.2vw, 4.6rem); font-weight: 900; letter-spacing: -0.05em; text-align: center; text-decoration: none; }
.coming-v6__prize-inline { display: grid; grid-template-columns: minmax(180px, 0.7fr) minmax(0, 1.3fr); gap: 1rem; align-items: center; border: 1px solid color-mix(in srgb, var(--colour-action) 45%, var(--colour-line)); border-radius: var(--radius-sm); background: var(--colour-surface-muted); padding: 0.9rem 1rem; }
.coming-v6__prize-inline h2 { margin: 0.15rem 0 0; color: var(--colour-text); font-size: 1.35rem; }
.coming-v6__prize-inline p:not(.eyebrow) { margin: 0; color: var(--colour-text-muted); font-size: 0.76rem; line-height: 1.5; }
.coming-v6__prize-inline a { color: var(--colour-info); font-weight: 800; }
.coming-v6__prize-inline strong { color: var(--colour-text); }
.coming-v6__receipt { display: grid; gap: 0.35rem; margin-top: 1.5rem; border: 1px solid var(--colour-line); border-left: 4px solid var(--colour-success); border-radius: var(--radius-sm); background: var(--colour-surface-muted); padding: 1rem; }
.coming-v6__receipt span { color: var(--colour-text-muted); font-size: 0.8rem; line-height: 1.55; }
.coming-v6__prize-card { display: grid; grid-template-columns: minmax(260px, 0.72fr) minmax(0, 1.28fr); gap: 1.5rem; margin-top: 1.5rem; border: 1px solid color-mix(in srgb, var(--colour-action) 45%, var(--colour-line)); border-radius: var(--radius-lg); background: var(--colour-surface); padding: clamp(1.5rem, 3vw, 2.5rem); box-shadow: var(--shadow-soft); }
.coming-v6__prize-card h2 { max-width: 17ch; margin: 0.2rem 0 0; color: var(--colour-text); font-size: clamp(1.55rem, 2vw, 2.2rem); }
.coming-v6__prize-card p { margin: 0; color: var(--colour-text-muted); line-height: 1.7; }
.coming-v6__prize-card p a { color: var(--colour-info); font-weight: 750; }
.coming-v6__x-link { display: inline-flex; margin-top: 1rem; border-bottom: 2px solid var(--colour-action); padding-bottom: 0.2rem; color: var(--colour-text); font-weight: 800; text-decoration: none; }
.coming-v6__scene-card { display: grid; grid-template-columns: 280px 1fr; gap: 1.5rem; margin-top: 1.5rem; }
.coming-v6__scenes { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0.5rem; }
.coming-v6__scenes a { display: grid; gap: 0.2rem; border: 1px solid var(--colour-line); border-radius: var(--radius-sm); background: var(--colour-surface-muted); padding: 0.65rem; color: var(--colour-text-muted); text-decoration: none; }
.coming-v6__scenes a.is-active { border-color: var(--colour-action); color: var(--colour-text); }
.coming-v6__scenes strong { color: var(--colour-action); font-family: var(--font-mono); }
.coming-v6__scenes span { font-size: 0.67rem; }
body[data-route="v6-next-coming-soon"] .ww-honey { display: none !important; }
@media (min-width: 768px) {
  .coming-v6--confirmed { display: grid; grid-template-columns: minmax(300px, 0.72fr) minmax(0, 1.28fr); grid-template-rows: minmax(450px, 1fr) auto; gap: 1rem; box-sizing: border-box; min-height: 100vh; padding-bottom: 24px !important; }
  .coming-v6--confirmed .coming-v6__confirmed { grid-column: 1 / -1; height: auto; min-height: 0; }
  .coming-v6--confirmed .coming-v6__visual { min-height: 0; height: 100%; }
  .coming-v6--confirmed .coming-v6__confirmed-copy { display: grid; grid-template-rows: minmax(64px, 0.55fr) auto minmax(92px, 0.8fr); gap: 1rem; align-self: stretch; padding: 1.4rem 2rem; }
  .coming-v6--confirmed .coming-v6__confirmed-core { align-self: center; }
  .coming-v6--confirmed .coming-v6__brand-link { width: 100%; height: 100%; min-height: 0; }
  .coming-v6--confirmed .coming-v6__prize-inline { grid-template-columns: minmax(220px, 0.82fr) minmax(0, 1.18fr); align-content: center; align-self: stretch; height: 100%; min-height: 0; padding: clamp(1rem, 2.2vw, 2rem); }
  .coming-v6--confirmed .coming-v6__prize-inline h2 { font-size: clamp(1.8rem, 2.7vw, 3.2rem); line-height: 1; }
  .coming-v6--confirmed .coming-v6__prize-inline p:not(.eyebrow) { font-size: clamp(0.82rem, 1vw, 1rem); line-height: 1.55; }
  .coming-v6--confirmed .coming-v6__confirmed h1 { max-width: none; margin: 0.2rem 0 0.7rem; font-size: clamp(2.7rem, 4vw, 4.35rem); line-height: 0.92; }
  .coming-v6--confirmed .coming-v6__lede { font-size: 0.95rem; line-height: 1.48; }
  .coming-v6--confirmed .coming-v6__receipt { margin-top: 0.8rem; padding: 0.75rem 0.85rem; }
  .coming-v6--confirmed .coming-v6__actions { margin-top: 0.85rem; }
  .coming-v6--confirmed .coming-v6__scene-card { grid-column: 1 / -1; grid-template-columns: 220px 1fr; gap: 0.85rem; margin-top: 0; padding: 1.15rem 1.25rem; }
  .coming-v6--confirmed .coming-v6__scene-card h2 { margin-bottom: 0.4rem; font-size: 1.45rem; }
  .coming-v6--confirmed .coming-v6__scene-card p { font-size: 0.74rem; line-height: 1.45; }
  .coming-v6--confirmed .coming-v6__scenes { gap: 0.4rem; }
  .coming-v6--confirmed .coming-v6__scenes a { padding: 0.45rem 0.5rem; }
}
@media (min-width: 768px) and (max-width: 1100px) {
  .coming-v6--confirmed { grid-template-columns: 1fr; grid-template-rows: minmax(400px, 1fr) auto auto; }
  .coming-v6--confirmed .coming-v6__confirmed-copy { gap: 0.75rem; padding: 1.1rem 1.5rem; }
  .coming-v6--confirmed .coming-v6__scene-card { grid-column: 1; }
  .coming-v6--confirmed .coming-v6__scene-card { grid-template-columns: 170px 1fr; }
  .coming-v6--confirmed .coming-v6__confirmed h1 { font-size: clamp(2.5rem, 5vw, 3.6rem); }
}
@media (max-width: 980px) {
  .coming-v6__hero,
  .coming-v6__grid { grid-template-columns: 1fr; }
  .coming-v6__hero-art { min-height: 460px; border-top: 1px solid var(--colour-line); border-left: 0; }
  .coming-v6__signals { grid-template-columns: 1fr; }
  .coming-v6__visual { min-height: 480px; }
}
@media (max-width: 620px) {
  body[data-route="v6-next-coming-soon"] .coming-v6 { width: min(100% - 1rem, var(--max-site)); }
  .coming-v6__hero-copy,
  .coming-v6__card,
  .coming-v6__confirmed-copy,
  .coming-v6__prize-card,
  .coming-v6__scene-card { padding: 1.2rem; }
  .coming-v6__fields { grid-template-columns: 1fr; }
  .coming-v6__fields .is-wide { grid-column: 1; }
  .coming-v6__actions .button { width: 100%; }
  .coming-v6__confirmed,
  .coming-v6__prize-inline,
  .coming-v6__scene-card { grid-template-columns: 1fr; }
  .coming-v6__scenes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Utility-state rows have no fourth actions column. */
.utility-state .notification-row {
  grid-template-columns: 48px minmax(0, 1fr) 110px;
}

/* Keep mobile notification/state rows after their desktop authority. */
@media (max-width: 680px) {
  .notification-row {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 0.7rem;
    padding: 0.9rem;
  }
  .notification-row__icon { grid-row: 1 / span 3; width: 38px; height: 38px; }
  .notification-row > div { min-width: 0; }
  .notification-row time { grid-column: 2; text-align: left; }
  .notification-row__actions { grid-column: 2; justify-content: flex-start; }
}

/* The notification ledger has a checkbox and portrait in addition to the
   utility-row icon. Keep its mobile grid authoritative after the legacy rule. */
@media (max-width: 680px) {
  .notification-centre .notification-row {
    grid-template-columns: 22px 42px minmax(0, 1fr);
    gap: 0.5rem 0.65rem;
    align-items: start;
    padding: 0.9rem 0.75rem;
  }
  .notification-centre .notification-row__select {
    grid-column: 1;
    grid-row: 1 / span 2;
    align-self: start;
    padding-top: 0.45rem;
  }
  .notification-centre .notification-row__source {
    grid-column: 2;
    grid-row: 1 / span 2;
    width: 42px;
    height: 42px;
  }
  .notification-centre .notification-row__source > a,
  .notification-centre .notification-row__source > img,
  .notification-centre .notification-row__source > a > img,
  .notification-centre .notification-row__source-fallback {
    width: 42px;
    height: 42px;
  }
  .notification-centre .notification-row__body {
    grid-column: 3;
    grid-row: 1;
  }
  .notification-centre .notification-row time {
    grid-column: 3;
    grid-row: 2;
    text-align: left;
  }
  .notification-centre .notification-row__actions {
    grid-column: 2 / 4;
    grid-row: 3;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 0.5rem;
    margin-top: 0.25rem;
  }
  .notification-centre .notification-row__actions form:first-child {
    flex: 1 1 auto;
  }
  .notification-centre .notification-row__open {
    width: 100%;
    min-height: 40px;
  }
  .notification-centre .notification-row__state,
  .notification-centre .notification-row__delete {
    width: 40px;
    height: 40px;
  }
}

/* === V6 STATUS / ERROR RECEIVERS === */
/* Unique component scope keeps ordinary V6 routes on their existing visual contract. */
.v6-status-receiver {
  --v6-status-accent: var(--colour-info);
  isolation: isolate;
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(360px, 1.08fr);
  width: min(100%, 1180px);
  min-height: clamp(520px, 68vh, 760px);
  margin: clamp(1rem, 3vw, 2.75rem) auto;
  overflow: hidden;
  border: 1px solid var(--colour-line);
  border-radius: clamp(var(--radius-md), 2vw, var(--radius-lg));
  background:
    linear-gradient(138deg, color-mix(in srgb, var(--v6-status-accent) 8%, transparent), transparent 48%),
    var(--colour-surface);
  box-shadow: var(--shadow-soft);
}

.v6-status-receiver::before {
  position: absolute;
  z-index: 2;
  inset: 0 auto 0 0;
  width: 5px;
  background: var(--v6-status-accent);
  content: "";
}

.v6-status-receiver[data-status-receiver="401"],
.v6-status-receiver[data-status-receiver="403"] { --v6-status-accent: var(--colour-action); }
.v6-status-receiver[data-status-receiver="404"],
.v6-status-receiver[data-status-receiver="410"] { --v6-status-accent: var(--colour-info); }
.v6-status-receiver[data-status-receiver="405"],
.v6-status-receiver[data-status-receiver="409"],
.v6-status-receiver[data-status-receiver="429"] { --v6-status-accent: #d18b22; }
.v6-status-receiver[data-status-receiver="500"],
.v6-status-receiver[data-status-receiver="503"] { --v6-status-accent: var(--colour-danger); }

.v6-status-receiver__copy {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: clamp(2rem, 5vw, 5rem) clamp(1.5rem, 4.5vw, 4.5rem);
}

.v6-status-receiver__eyebrow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.55rem 0.8rem;
  margin-bottom: 1.25rem;
  color: var(--colour-text-muted);
  font-family: var(--font-mono);
  font-size: 0.78rem;
  font-weight: 760;
  letter-spacing: 0.075em;
  text-transform: uppercase;
}

.v6-status-receiver__eyebrow strong {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  border: 1px solid color-mix(in srgb, var(--v6-status-accent) 58%, var(--colour-line));
  border-radius: var(--radius-round);
  background: color-mix(in srgb, var(--v6-status-accent) 10%, var(--colour-surface));
  color: var(--v6-status-accent);
  padding: 0.3rem 0.7rem;
}

.v6-status-receiver h1 {
  max-width: 15ch;
  margin-bottom: 1.15rem;
  font-size: clamp(2.3rem, 5.4vw, 5.3rem);
  line-height: 1.02;
}

.v6-status-receiver__lede {
  max-width: 58ch;
  margin-bottom: 1.6rem;
  color: var(--colour-text-muted);
  font-size: clamp(1rem, 1.25vw, 1.16rem);
  line-height: 1.65;
}

.v6-status-receiver__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  margin-bottom: clamp(1.6rem, 4vw, 3rem);
}

.v6-status-receiver__actions .button {
  justify-content: center;
  text-align: center;
}

.v6-status-receiver__truth {
  display: grid;
  gap: 0.3rem;
  max-width: 58ch;
  border-top: 1px solid var(--colour-line);
  padding-top: 1rem;
  color: var(--colour-text-muted);
  font-size: 0.84rem;
  line-height: 1.5;
}

.v6-status-receiver__truth strong {
  color: var(--colour-text);
  font-family: var(--font-mono);
  font-size: 0.72rem;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.v6-status-receiver__art {
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 480px;
  place-items: center;
  margin: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 48%, color-mix(in srgb, var(--v6-status-accent) 18%, transparent) 0 18%, transparent 58%),
    linear-gradient(90deg, transparent, color-mix(in srgb, var(--colour-surface-muted) 62%, transparent));
  padding: clamp(1rem, 3vw, 2.75rem);
}

.v6-status-receiver__art::before,
.v6-status-receiver__art::after {
  position: absolute;
  border: 1px dashed color-mix(in srgb, var(--v6-status-accent) 35%, var(--colour-line));
  border-radius: 50%;
  content: "";
}

.v6-status-receiver__art::before { width: min(78%, 500px); aspect-ratio: 1; }
.v6-status-receiver__art::after { width: min(58%, 370px); aspect-ratio: 1; }

.v6-status-receiver__art img {
  position: relative;
  z-index: 1;
  width: min(100%, 680px);
  max-height: min(68vh, 680px);
  object-fit: contain;
  filter: drop-shadow(0 22px 26px color-mix(in srgb, #000 23%, transparent));
}

@media (min-width: 961px) {
  body[data-http-status] .main-content { padding: 10px clamp(1rem, 2vw, 2rem) 0; }
  body[data-http-status] .site-frame { width: 100%; max-width: none; min-height: 0; }
  .v6-status-receiver {
    grid-template-columns: minmax(500px, 0.98fr) minmax(0, 1.02fr);
    width: min(85vw, 1440px);
    min-height: clamp(520px, calc(100svh - var(--header-height, 64px) - 120px), 680px);
    margin: 10px auto 0;
  }
  .v6-status-receiver__copy { padding: clamp(1.75rem, 3vw, 3.25rem) clamp(2rem, 3.2vw, 3.75rem); }
  .v6-status-receiver__art { min-height: 0; overflow: visible; padding: clamp(1rem, 2vw, 2rem); }
}

@media (max-width: 960px) {
  .v6-status-receiver { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .v6-status-receiver__copy { padding-bottom: 1.25rem; }
  .v6-status-receiver__art { min-height: clamp(340px, 62vw, 560px); }
  .v6-status-receiver__art img { max-height: clamp(320px, 58vw, 540px); }
}

@media (max-width: 620px) {
  .v6-status-receiver { margin: 0.75rem auto 1.5rem; border-radius: var(--radius-md); }
  .v6-status-receiver__copy { padding: 1.75rem 1.25rem 1rem 1.5rem; }
  .v6-status-receiver h1 { font-size: clamp(2rem, 12vw, 3.35rem); }
  .v6-status-receiver__actions { display: grid; grid-template-columns: minmax(0, 1fr); }
  .v6-status-receiver__actions .button { width: 100%; }
  .v6-status-receiver__art { min-height: 300px; padding: 0.75rem; }
  .v6-status-receiver__art img { max-height: 320px; }
}

@media (prefers-reduced-motion: reduce) {
  .v6-status-receiver,
  .v6-status-receiver * {
    scroll-behavior: auto !important;
    animation: none !important;
    transition-duration: 0.01ms !important;
  }

  .v6-status-receiver__actions .button:hover,
  .v6-status-receiver__actions .button:active { transform: none; }
}

/* === PRIVATE SHED BRIEFING === */
.briefing-nav-pulse {
  display:inline-block;
  width:7px;
  height:7px;
  margin-left:0.4rem;
  border-radius:50%;
  background:var(--colour-success);
  box-shadow:0 0 0 4px color-mix(in srgb, var(--colour-success) 15%, transparent);
  vertical-align:middle;
}

.shed-briefing { display:grid; gap:clamp(1.5rem, 3vw, 3rem); padding-bottom:var(--space-12); }
.shed-briefing__masthead {
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:var(--space-8);
  align-items:end;
  padding:clamp(1.5rem, 4vw, 3.5rem) 0 var(--space-8);
  border-bottom:1px solid var(--colour-line);
}
.shed-briefing__masthead h1 { margin:0.35rem 0 0.6rem; max-width:16ch; font-size:clamp(2.2rem, 5vw, 4.8rem); line-height:0.96; letter-spacing:-0.055em; }
.shed-briefing__masthead p:last-child { max-width:62ch; margin:0; color:var(--colour-text-muted); font-size:1.05rem; }
.status-dot--quiet { background:var(--colour-line-strong); box-shadow:none; }
.shed-briefing__receipt { display:grid; justify-items:end; gap:0.35rem; min-width:190px; text-align:right; }
.shed-briefing__receipt > span { color:var(--colour-text-muted); font-size:0.72rem; font-weight:800; letter-spacing:0.12em; text-transform:uppercase; }
.shed-briefing__receipt > strong { margin-bottom:0.7rem; font-family:var(--font-display); font-size:0.85rem; }

.briefing-metrics { display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); border-block:1px solid var(--colour-line); }
.briefing-metrics div { display:grid; gap:0.25rem; padding:1rem 1.15rem; border-right:1px solid var(--colour-line); }
.briefing-metrics div:last-child { border-right:0; }
.briefing-metrics strong { font-family:var(--font-display); font-size:clamp(1.5rem, 3vw, 2.35rem); line-height:1; color:var(--colour-info); }
.briefing-metrics span { color:var(--colour-text-muted); font-size:0.72rem; font-weight:750; text-transform:uppercase; letter-spacing:0.08em; }

.briefing-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:var(--space-6); }
.briefing-grid--priority { grid-template-columns:minmax(0, 1.2fr) minmax(280px, 0.8fr); }
.briefing-panel { min-width:0; padding:clamp(1.1rem, 2.5vw, 1.65rem); border:1px solid var(--colour-line); border-radius:var(--radius-md); background:var(--colour-surface); box-shadow:var(--shadow-soft); }
.briefing-panel--attention { border-top:3px solid var(--colour-action); }
.briefing-panel--continue { border-top:3px solid var(--colour-info); }
.briefing-panel > header { display:grid; grid-template-columns:minmax(0, 1fr) auto; align-items:end; gap:0.4rem 1rem; margin-bottom:1rem; }
.briefing-panel > header .eyebrow { grid-column:1 / -1; }
.briefing-panel h2 { margin:0; font-size:clamp(1.25rem, 2.2vw, 1.75rem); }
.briefing-panel header > a { color:var(--colour-info); font-size:0.8rem; font-weight:800; }

.briefing-list { display:grid; }
.briefing-list > a { display:grid; gap:0.18rem; padding:0.9rem 0; border-top:1px solid var(--colour-line); color:inherit; text-decoration:none; }
.briefing-list > a:first-child { border-top:0; padding-top:0.3rem; }
.briefing-list > a:hover strong { color:var(--colour-info); }
.briefing-list span, .briefing-feature > span { color:var(--colour-info); font-size:0.68rem; font-weight:850; letter-spacing:0.09em; text-transform:uppercase; }
.briefing-list strong { font-size:0.98rem; }
.briefing-list small { color:var(--colour-text-muted); line-height:1.45; }
.briefing-feature { display:grid; gap:0.55rem; min-height:190px; align-content:center; padding:1.25rem; border-radius:var(--radius-sm); background:var(--colour-surface-raised); color:inherit; text-decoration:none; }
.briefing-feature strong { font-size:clamp(1.3rem, 2.5vw, 1.9rem); line-height:1.08; }
.briefing-feature p { margin:0; color:var(--colour-text-muted); }
.briefing-feature b { color:var(--colour-info); }
.briefing-empty { padding:1.2rem; border:1px dashed var(--colour-line-strong); border-radius:var(--radius-sm); color:var(--colour-text-muted); }
.briefing-empty strong { color:var(--colour-text); }
.briefing-empty p { margin:0.35rem 0 0; }
.briefing-empty--wide { grid-column:1 / -1; }

.briefing-section { display:grid; gap:var(--space-5); }
.briefing-section .section-heading { margin:0; }
.briefing-card-grid { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:var(--space-4); }
.briefing-card { display:grid; grid-template-rows:auto auto 1fr auto; min-width:0; min-height:230px; padding:1.15rem; border:1px solid var(--colour-line); border-radius:var(--radius-sm); background:var(--colour-surface); }
.briefing-card__meta { margin:0 0 0.7rem; color:var(--colour-info); font-size:0.68rem; font-weight:850; letter-spacing:0.09em; text-transform:uppercase; }
.briefing-card h3 { margin:0 0 0.6rem; font-size:1.12rem; line-height:1.18; }
.briefing-card h3 a { color:inherit; text-decoration:none; }
.briefing-card h3 a:hover { color:var(--colour-info); }
.briefing-card > p:not(.briefing-card__meta) { margin:0; color:var(--colour-text-muted); font-size:0.88rem; line-height:1.5; }
.briefing-card footer { display:flex; flex-wrap:wrap; gap:0.45rem 0.9rem; margin-top:1rem; padding-top:0.75rem; border-top:1px solid var(--colour-line); color:var(--colour-text-muted); font-size:0.72rem; font-weight:750; }
.briefing-card--despatch { grid-column:span 1; min-height:210px; border-top:3px solid var(--colour-info); }

.briefing-serendipity { display:grid; grid-template-columns:minmax(0, 1fr) auto; align-items:center; gap:var(--space-8); padding:clamp(1.4rem, 3vw, 2.25rem); border:1px solid var(--colour-line-strong); border-radius:var(--radius-md); background:linear-gradient(135deg, var(--colour-surface-raised), var(--colour-surface)); }
.briefing-serendipity h2 { margin:0.35rem 0; max-width:28ch; font-size:clamp(1.45rem, 3vw, 2.3rem); }
.briefing-serendipity p { margin:0; max-width:65ch; color:var(--colour-text-muted); }

@media (max-width:1100px) {
  .briefing-card-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .briefing-metrics { grid-template-columns:repeat(3, minmax(0, 1fr)); }
  .briefing-metrics div:nth-child(3) { border-right:0; }
  .briefing-metrics div:nth-child(n+4) { border-top:1px solid var(--colour-line); }
}

@media (max-width:760px) {
  .shed-briefing { gap:1.35rem; }
  .shed-briefing__masthead { grid-template-columns:minmax(0, 1fr); align-items:start; padding-top:1.25rem; }
  .shed-briefing__masthead h1 { font-size:clamp(2.2rem, 13vw, 3.4rem); }
  .shed-briefing__receipt { justify-items:start; min-width:0; text-align:left; }
  .briefing-grid, .briefing-grid--priority { grid-template-columns:minmax(0, 1fr); }
  .briefing-card-grid { grid-template-columns:minmax(0, 1fr); }
  .briefing-card { min-height:0; }
  .briefing-metrics { grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .briefing-metrics div, .briefing-metrics div:nth-child(3) { border-right:1px solid var(--colour-line); border-top:1px solid var(--colour-line); }
  .briefing-metrics div:nth-child(odd) { border-left:0; }
  .briefing-metrics div:nth-child(even) { border-right:0; }
  .briefing-metrics div:nth-child(-n+2) { border-top:0; }
  .briefing-serendipity { grid-template-columns:minmax(0, 1fr); gap:var(--space-5); }
  .briefing-serendipity .button { width:100%; }
  .briefing-panel > header { grid-template-columns:minmax(0, 1fr); }
}

/* Shared breathing room beneath every primary WittyWires app column. */
body[data-shell="community"] .main-content,
body[data-shell="identity"] .main-content,
body[data-shell="wires"] .main-content,
body[data-shell="home"] .main-content {
  padding-bottom: 35px;
}

/* Member bio: quiet profile copy plus bounded Settings, induction and member-card treatments. */
.member-card__introduction {
  display: -webkit-box;
  min-height: 2.4em;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  color: var(--colour-text-muted);
  line-height: 1.2;
}
.profile-introduction { max-width: 64ch; padding: var(--space-4) 0 var(--space-5); }
.profile-introduction p { margin: 0; color: var(--colour-text-muted); font-size: clamp(1rem, 2vw, 1.12rem); line-height: 1.65; }
.profile-introduction strong { color: var(--colour-text); font-weight: 800; }
.profile-bio-prompt { margin: 0; padding: var(--space-3) 0 var(--space-5); }
.profile-bio-prompt a { color: var(--colour-text-muted); font-weight: 700; text-underline-offset: 0.18em; }
.profile-bio-prompt a:hover, .profile-bio-prompt a:focus-visible { color: var(--colour-action); }
.settings-field--introduction small, .induction-introduction small { display: flex; justify-content: space-between; gap: 1rem; }
.settings-field--introduction small b, .induction-introduction small b { flex: 0 0 auto; color: var(--colour-info); font-variant-numeric: tabular-nums; }
.induction-introduction {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(280px, 1.2fr);
  gap: var(--space-6);
  align-items: end;
  border: 1px solid var(--colour-line);
  border-radius: var(--radius-md);
  background: var(--colour-surface);
  padding: var(--space-5);
}
.induction-introduction h2, .induction-introduction p { margin: 0; }
.induction-introduction label { display: grid; gap: var(--space-2); }
.induction-introduction textarea { width: 100%; resize: vertical; }
@media (max-width: 760px) {
  .member-card__introduction { min-height: 1.2em; -webkit-line-clamp: 1; line-clamp: 1; }
  .induction-introduction { grid-template-columns: 1fr; }
}

/* Group Media: visual index into existing conversations, never a second upload silo. */
.group-media-shelf { display:grid; gap:1rem; }
.group-media-shelf__header { display:flex; align-items:end; justify-content:space-between; gap:1.5rem; border-bottom:1px solid var(--colour-line); padding:0 0 1rem; }
.group-media-shelf__header h2 { margin:0.2rem 0; font-size:clamp(1.7rem, 4vw, 2.65rem); }
.group-media-shelf__header p { max-width:68ch; margin:0; color:var(--colour-text-muted); }
.group-media-counts { display:grid; grid-template-columns:repeat(3, minmax(76px, 1fr)); gap:0.4rem; flex:0 0 auto; }
.group-media-counts span { display:grid; justify-items:center; border:1px solid var(--colour-line); border-radius:var(--radius-md); background:var(--colour-surface); padding:0.6rem 0.8rem; color:var(--colour-text-muted); font-size:0.68rem; text-transform:uppercase; }
.group-media-counts strong { color:var(--colour-text); font-family:var(--font-display); font-size:1.15rem; }
.group-media-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:0.55rem; }
.group-media-toolbar button { min-height:38px; border:1px solid var(--colour-line); border-radius:999px; background:var(--colour-surface); color:var(--colour-text-muted); padding:0.5rem 0.85rem; font-weight:800; cursor:pointer; }
.group-media-toolbar button[aria-pressed="true"] { border-color:var(--colour-info); background:color-mix(in srgb, var(--colour-info) 14%, var(--colour-surface)); color:var(--colour-text); }
.group-media-toolbar button:disabled { opacity:0.4; cursor:not-allowed; }
.group-media-sort { display:flex; align-items:center; gap:0.55rem; margin-left:auto; color:var(--colour-text-muted); font-size:0.78rem; font-weight:800; }
.group-media-sort select { min-height:38px; border:1px solid var(--colour-line); border-radius:999px; background:var(--colour-surface); color:var(--colour-text); padding:0.45rem 2rem 0.45rem 0.8rem; }
.group-media-status { margin:0; color:var(--colour-text-muted); font-size:0.74rem; }
.group-media-grid { display:grid; grid-auto-flow:dense; grid-template-columns:repeat(auto-fill, minmax(190px, 1fr)); gap:0.65rem; }
.group-media-card { position:relative; min-width:0; aspect-ratio:1; overflow:hidden; border:1px solid var(--colour-line); border-radius:18px; background:#071012; }
.group-media-card--featured { grid-column:span 2; grid-row:span 2; }
.group-media-card[hidden] { display:none; }
.group-media-card__open { width:100%; height:100%; border:0; background:transparent; padding:0; color:inherit; cursor:zoom-in; }
.group-media-card__open img, .group-media-card__open video { display:block; width:100%; height:100%; object-fit:cover; transition:transform 180ms ease, filter 180ms ease; }
.group-media-card__open:hover img, .group-media-card__open:hover video, .group-media-card__open:focus-visible img, .group-media-card__open:focus-visible video { transform:scale(1.025); filter:saturate(1.08); }
.group-media-card__overlay { position:absolute; inset:auto 0 0; display:grid; gap:0.22rem; pointer-events:none; background:linear-gradient(transparent, rgba(3,7,8,0.94)); padding:2.6rem 0.8rem 0.75rem; text-align:left; }
.group-media-card__meta { display:flex; justify-content:space-between; gap:0.5rem; color:#fff; font-size:0.72rem; font-weight:850; }
.group-media-card__caption { overflow:hidden; color:rgba(255,255,255,0.76); font-size:0.7rem; text-overflow:ellipsis; white-space:nowrap; }
.group-media-card__source-link { position:absolute; z-index:3; top:0.65rem; right:0.65rem; border:1px solid rgba(255,255,255,0.3); border-radius:999px; background:rgba(3,7,8,0.78); color:#fff; padding:0.36rem 0.6rem; font-size:0.65rem; font-weight:850; text-decoration:none; backdrop-filter:blur(8px); }
.group-media-empty { border:1px dashed var(--colour-line-strong); border-radius:var(--radius-lg); padding:clamp(1.5rem,5vw,3.5rem); text-align:center; }
.group-media-empty h3 { margin:0 0 0.4rem; }
.group-media-empty p { margin:0; color:var(--colour-text-muted); }
.group-media-viewer { width:min(1180px, calc(100vw - 2rem)); max-width:none; max-height:calc(100dvh - 2rem); overflow:hidden; border:1px solid var(--colour-line-strong); border-radius:22px; background:#060b0c; color:var(--colour-text); padding:0; box-shadow:0 35px 110px rgba(0,0,0,0.76); }
.group-media-viewer::backdrop { background:rgba(0,0,0,0.82); backdrop-filter:blur(7px); }
@media (min-width: 900px) {
  dialog.group-media-viewer { width:94vw; height:94dvh; max-height:94dvh; margin:auto; }
  .group-media-viewer .group-media-viewer__shell { height:100%; min-height:0; grid-template-columns:48px minmax(0,1fr) 48px clamp(300px,24vw,460px); }
  .group-media-viewer .group-media-viewer__stage { min-width:0; min-height:0; overflow:hidden; }
  dialog.group-media-viewer .group-media-viewer__stage .community-video { width:min(100%,calc((94dvh - 80px) * 16 / 9)); max-width:none; margin:0; }
  .group-media-viewer .group-media-viewer__copy { min-height:0; overflow-y:auto; padding-top:4.5rem; }
  .group-media-viewer .group-media-viewer__stage > img,
  .group-media-viewer .group-media-viewer__stage > video { max-height:94dvh; min-height:0; }
}
.group-media-viewer__close { position:absolute; z-index:4; top:0.8rem; right:0.8rem; width:42px; height:42px; border:1px solid rgba(255,255,255,0.25); border-radius:999px; background:rgba(4,8,9,0.78); color:#fff; font-size:1.35rem; cursor:pointer; }
.group-media-viewer__layout { display:grid; grid-template-columns:minmax(0, 1.6fr) minmax(280px, 0.55fr); min-height:min(760px, calc(100dvh - 2rem)); }
.group-media-viewer__stage { display:grid; min-height:420px; place-items:center; background:#020405; }
.group-media-viewer__stage, .group-media-viewer__copy { touch-action:pan-y; }
.group-media-viewer__stage img, .group-media-viewer__stage video { display:block; width:100%; height:100%; max-height:calc(100dvh - 2rem); object-fit:contain; }
.group-media-viewer__context { display:flex; flex-direction:column; gap:0.85rem; border-left:1px solid var(--colour-line); padding:clamp(1.4rem,3vw,2.3rem); }
.group-media-viewer__context h3 { margin:0; font-size:1.35rem; }
.group-media-viewer__context p { margin:0; color:var(--colour-text-muted); line-height:1.55; }
.group-media-viewer__source { color:var(--colour-info); font-size:0.72rem; font-weight:900; letter-spacing:0.08em; text-transform:uppercase; }
.group-media-viewer__when { color:var(--colour-text-muted); font-size:0.75rem; }
.group-media-viewer__context .button { margin-top:auto; justify-content:center; }
.group-media-viewer__nav { display:grid; grid-template-columns:1fr 1fr; gap:0.55rem; }
.group-media-viewer__nav button { min-height:42px; border:1px solid var(--colour-line); border-radius:var(--radius-md); background:var(--colour-surface); color:var(--colour-text); cursor:pointer; }
.group-media-viewer__nav button:disabled { opacity:0.35; cursor:not-allowed; }
@media (max-width:760px) {
  .group-media-shelf__header { align-items:start; flex-direction:column; }
  .group-media-counts { width:100%; }
  .group-media-sort { width:100%; margin-left:0; justify-content:space-between; }
  .group-media-sort select { flex:1; }
  .group-media-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .group-media-card--featured { grid-column:span 2; grid-row:span 1; aspect-ratio:2 / 1; }
  .group-media-viewer { width:100vw; max-height:100dvh; border:0; border-radius:0; }
  .group-media-viewer__layout { grid-template-columns:minmax(0,1fr); min-height:100dvh; overflow:auto; }
  .group-media-viewer__stage { min-height:55dvh; }
  .group-media-viewer__stage img, .group-media-viewer__stage video { max-height:65dvh; }
  .group-media-viewer__context { min-height:35dvh; border-top:1px solid var(--colour-line); border-left:0; }
}

/* Renderer aliases for the shipped group-media contract. */
.group-media { display:grid; gap:1rem; }
.group-media__header { display:flex; align-items:end; justify-content:space-between; gap:1.5rem; border-bottom:1px solid var(--colour-line); padding:0 0 1rem; }
.group-media[data-global-media] > .group-media__header { padding-top:1.15rem; }
.group-media[data-global-media] > .group-media__header .eyebrow { color:var(--colour-info); }
.group-media__header h2 { margin:0.2rem 0; font-size:clamp(1.7rem,4vw,2.65rem); }
.group-media__header p { max-width:68ch; margin:0; color:var(--colour-text-muted); }
.group-media__stats { display:grid; grid-template-columns:repeat(3,minmax(76px,1fr)); gap:0.4rem; margin:0; }
.group-media__stats div { display:grid; justify-items:center; border:1px solid var(--colour-line); border-radius:var(--radius-md); background:var(--colour-surface); padding:0.6rem 0.8rem; }
.group-media__stats dt { color:var(--colour-text-muted); font-size:0.65rem; text-transform:uppercase; }
.group-media__stats dd { margin:0.1rem 0 0; font-family:var(--font-display); font-size:1.15rem; font-weight:850; }
.group-media__toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:0.65rem; }
.group-media__filters { display:flex; flex-wrap:wrap; gap:0.2rem; border-bottom:1px solid var(--colour-line); }
.group-media__filters button { position:relative; flex:0 0 auto; min-height:38px; border:0; border-radius:var(--radius-sm) var(--radius-sm) 0 0; background:transparent; color:var(--colour-text-muted); padding:0.78rem 1rem; font-size:0.84rem; font-weight:720; cursor:pointer; }
.group-media__filters button:hover { background:var(--colour-surface-muted); color:var(--colour-text); }
.group-media__filters button span { color:var(--colour-info); }
.group-media__filters button[aria-pressed="true"] { background:var(--colour-surface-muted); color:var(--colour-text); }
.group-media__filters button[aria-pressed="true"]::after { position:absolute; right:0.75rem; bottom:0; left:0.75rem; height:3px; background:var(--colour-info); content:""; }
.group-media__filters button:disabled { opacity:0.36; cursor:not-allowed; }
.group-media__sort { display:flex; align-items:center; gap:0.55rem; margin-left:auto; color:var(--colour-text-muted); font-size:0.76rem; font-weight:850; }
.group-media__sort select { min-height:38px; border:1px solid var(--colour-line); border-radius:999px; background:var(--colour-surface); color:var(--colour-text); padding:0.45rem 2rem 0.45rem 0.8rem; }
.group-media__status { margin:0; color:var(--colour-text-muted); font-size:0.74rem; }
.group-media__grid { display:grid; grid-auto-flow:dense; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:0.65rem; }
.group-media__empty { border:1px dashed var(--colour-line-strong); border-radius:var(--radius-lg); padding:clamp(1.5rem,5vw,3.5rem); text-align:center; }
.group-media__empty p { color:var(--colour-text-muted); }
.group-media-card__shade { position:absolute; inset:0; pointer-events:none; background:linear-gradient(transparent 45%,rgba(3,7,8,0.94)); }
.group-media-card__kind { position:absolute; top:0.65rem; left:0.65rem; border:1px solid rgba(255,255,255,0.28); border-radius:999px; background:rgba(3,7,8,0.72); color:#fff; padding:0.34rem 0.56rem; font-size:0.64rem; font-weight:900; }
.group-media-card__meta { position:absolute; inset:auto 0 0; display:grid; gap:0.12rem; padding:2.6rem 0.75rem 0.72rem; pointer-events:none; text-align:left; }
.group-media-card__meta strong { color:#fff; font-size:0.78rem; }
.group-media-card__meta small { overflow:hidden; color:rgba(255,255,255,0.68); font-size:0.66rem; text-overflow:ellipsis; white-space:nowrap; }
.group-media-card__source { position:absolute; z-index:3; top:0.65rem; right:0.65rem; border:1px solid rgba(255,255,255,0.28); border-radius:999px; background:rgba(3,7,8,0.76); color:#fff; padding:0.34rem 0.56rem; font-size:0.64rem; font-weight:850; text-decoration:none; backdrop-filter:blur(8px); }
.group-media-viewer__shell { display:grid; grid-template-columns:54px minmax(0,1.6fr) 54px minmax(280px,0.55fr); min-height:min(760px,calc(100dvh - 2rem)); }
.group-media-viewer__shell > .group-media-viewer__close { position:absolute; }
.group-media-viewer__nav { align-self:center; width:42px; height:58px; justify-self:center; border:1px solid var(--colour-line); border-radius:999px; background:var(--colour-surface); color:var(--colour-text); font-size:1.5rem; cursor:pointer; }
.group-media-viewer__nav:disabled { opacity:0.3; cursor:not-allowed; }
[data-activity-video-browser][data-activity-lane-pending="1"] .group-media-viewer__nav:not(:disabled) { opacity:0.72; cursor:progress; }
.group-media-viewer__copy { display:flex; flex-direction:column; gap:0.85rem; border-left:1px solid var(--colour-line); padding:clamp(1.4rem,3vw,2.3rem); }
.group-media-viewer__copy h2,.group-media-viewer__copy p { margin:0; }
.group-media-viewer__copy > p:not(.eyebrow) { color:var(--colour-text-muted); line-height:1.55; }
.group-media-viewer__copy .button { margin-top:auto; justify-content:center; }
@media (max-width:760px) {
  .group-media__header { align-items:start; flex-direction:column; }
  .group-media__stats { width:100%; }
  .group-media__sort { width:100%; margin-left:0; justify-content:space-between; }
  .group-media__sort select { flex:1; }
  .group-media__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .group-media-viewer__shell { grid-template-columns:48px minmax(0,1fr) 48px; min-height:100dvh; overflow:auto; }
  .group-media-viewer__stage { min-height:55dvh; }
  .group-media-viewer__copy { grid-column:1 / -1; min-height:34dvh; border-top:1px solid var(--colour-line); border-left:0; }
}
.group-media-card__video-placeholder { display:grid; width:100%; height:100%; place-content:center; gap:0.35rem; background:radial-gradient(circle at 70% 25%, rgba(28,190,190,0.2), transparent 42%), #071012; color:#fff; text-align:center; }
.group-media-card__video-placeholder strong { font-family:var(--font-display); font-size:1.15rem; }
.group-media-card__video-placeholder small { color:var(--colour-text-muted); }
.group-media-viewer__stage .community-video { width:min(920px,calc(100% - 2rem)); min-width:0; margin:auto; }
.group-media-viewer__stage .community-video__stage { width:100%; min-width:0; min-height:0; aspect-ratio:16 / 9; }
.group-media-viewer__stage .community-video iframe { min-width:0; min-height:0; }
.group-media__more { display:flex; justify-content:center; padding:1.15rem 0 0.25rem; }
.group-media__more .button { min-width:11rem; justify-content:center; }

/* Overview hub: personal front door, not a telemetry board. */
body[data-route="v6-next-home"] .main-content { padding-inline:clamp(1.25rem,2.6vw,2.75rem); }
.overview-hub { display:grid; gap:clamp(1.25rem,2.5vw,2.2rem); padding-bottom:var(--space-12); }
.overview-hub__masthead { display:flex; align-items:center; justify-content:space-between; gap:1.4rem; border:1px solid color-mix(in srgb,var(--colour-info) 30%,var(--colour-line)); border-radius:var(--radius-lg); background:linear-gradient(125deg,color-mix(in srgb,var(--colour-info) 10%,var(--colour-surface)) 0%,var(--colour-surface) 55%,color-mix(in srgb,var(--colour-action) 7%,var(--colour-surface)) 100%); padding:clamp(1.15rem,3vw,2rem); }
.overview-hub__identity { display:flex; align-items:center; gap:1rem; min-width:0; }
.overview-hub__identity > .avatar,.overview-hub__identity > .avatar-fallback { width:64px; height:64px; flex:0 0 64px; border:2px solid color-mix(in srgb,var(--colour-info) 65%,var(--colour-line)); border-radius:50%; }
.overview-hub__identity h1 { margin:0.18rem 0 0.35rem; font-size:clamp(2rem,4vw,3.65rem); line-height:0.98; }
.overview-hub__identity p:last-child { max-width:58ch; margin:0; color:var(--colour-text-muted); }
.overview-hub__visit { display:grid; flex:0 0 auto; justify-items:end; gap:0.2rem; text-align:right; }
.overview-hub__visit span { color:var(--colour-info); font-size:0.62rem; font-weight:850; letter-spacing:0.1em; text-transform:uppercase; }
.overview-hub__visit strong { font-size:0.78rem; }
.overview-quick-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0.65rem; }
.overview-quick-actions a { display:flex; align-items:center; gap:0.7rem; min-height:54px; border:1px solid var(--colour-line); border-radius:var(--radius-md); background:var(--colour-surface); color:var(--colour-text); padding:0.75rem 0.9rem; text-decoration:none; }
.overview-quick-actions a:hover { border-color:color-mix(in srgb,var(--colour-info) 58%,var(--colour-line)); background:var(--colour-surface-muted); }
.overview-quick-actions a span { display:grid; width:30px; height:30px; flex:0 0 30px; place-items:center; border-radius:50%; background:color-mix(in srgb,var(--colour-info) 15%,transparent); color:var(--colour-info); font-size:1rem; }
.overview-quick-actions a:nth-child(2) span { background:color-mix(in srgb,var(--colour-action) 14%,transparent); color:var(--colour-action); }
.overview-quick-actions a:nth-child(3) span { background:color-mix(in srgb,var(--colour-success) 14%,transparent); color:var(--colour-success); }
.overview-quick-actions strong { font-size:0.78rem; }
.overview-section { display:grid; gap:0.85rem; }
.overview-section .section-heading { margin:0; }
.overview-section .section-heading h2 { margin:0.16rem 0 0; font-size:clamp(1.35rem,2.5vw,2rem); }
.overview-section .section-heading > a { align-self:end; color:var(--colour-info); font-size:0.7rem; font-weight:800; }
.overview-attention-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0.6rem; }
.overview-attention-card { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:0.7rem; min-height:78px; border:1px solid color-mix(in srgb,var(--colour-action) 34%,var(--colour-line)); border-radius:var(--radius-md); background:color-mix(in srgb,var(--colour-action) 6%,var(--colour-surface)); color:var(--colour-text); padding:0.8rem; text-decoration:none; }
.overview-attention-card:hover { border-color:var(--colour-action); }
.overview-attention-card__mark { display:grid; width:38px; height:38px; place-items:center; border-radius:50%; background:color-mix(in srgb,var(--colour-action) 18%,transparent); color:var(--colour-action); font-family:var(--font-display); font-weight:900; }
.overview-attention-card > span:nth-child(2) { display:grid; gap:0.2rem; }
.overview-attention-card strong { font-size:0.8rem; }
.overview-attention-card small { color:var(--colour-text-muted); font-size:0.68rem; }
.overview-attention-card b { color:var(--colour-action); }
.overview-attention-card--wires { border-color:color-mix(in srgb,var(--colour-info) 34%,var(--colour-line)); background:color-mix(in srgb,var(--colour-info) 6%,var(--colour-surface)); }
.overview-attention-card--wires .overview-attention-card__mark,.overview-attention-card--wires b { color:var(--colour-info); }
.overview-all-clear { display:flex; align-items:center; gap:0.85rem; border:1px solid color-mix(in srgb,var(--colour-success) 34%,var(--colour-line)); border-radius:var(--radius-md); background:color-mix(in srgb,var(--colour-success) 6%,var(--colour-surface)); padding:0.9rem 1rem; }
.overview-all-clear > span { display:grid; width:34px; height:34px; place-items:center; border-radius:50%; background:color-mix(in srgb,var(--colour-success) 16%,transparent); color:var(--colour-success); font-weight:900; }
.overview-all-clear p { margin:0.15rem 0 0; color:var(--colour-text-muted); font-size:0.72rem; }
.overview-continue { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:0.9rem; border:1px solid color-mix(in srgb,var(--colour-info) 34%,var(--colour-line)); border-radius:var(--radius-lg); background:linear-gradient(110deg,color-mix(in srgb,var(--colour-info) 8%,var(--colour-surface)),var(--colour-surface)); color:var(--colour-text); padding:1rem; text-decoration:none; }
.overview-continue:hover { border-color:var(--colour-info); }
.overview-continue > span:nth-child(2) { display:grid; gap:0.2rem; }
.overview-continue p { overflow:hidden; margin:0; color:var(--colour-text-muted); font-size:0.74rem; text-overflow:ellipsis; white-space:nowrap; }
.overview-continue small { color:var(--colour-info); font-size:0.65rem; }
.overview-continue b { color:var(--colour-info); font-size:0.72rem; white-space:nowrap; }
.overview-person { display:inline-grid; width:42px; height:42px; flex:0 0 42px; }
.overview-person > .avatar,.overview-person > .avatar-fallback { width:42px; height:42px; border:1px solid var(--colour-line-strong); border-radius:50%; }
.overview-world-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0.65rem; }
.overview-world-card { display:grid; gap:0.65rem; min-height:150px; border:1px solid var(--colour-line); border-radius:var(--radius-md); background:var(--colour-surface); color:var(--colour-text); padding:0.9rem; text-decoration:none; }
.overview-world-card:hover { border-color:color-mix(in srgb,var(--colour-info) 55%,var(--colour-line)); background:var(--colour-surface-muted); }
.overview-world-card__head { display:flex; align-items:center; gap:0.65rem; }
.overview-world-card__head > span:last-child { display:grid; gap:0.1rem; }
.overview-world-card__head small { color:var(--colour-action); font-size:0.58rem; font-weight:850; letter-spacing:0.08em; text-transform:uppercase; }
.overview-world-card p { display:-webkit-box; overflow:hidden; margin:0; color:var(--colour-text-muted); font-size:0.76rem; line-height:1.45; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.overview-world-card > span { margin-top:auto; color:var(--colour-info); font-size:0.64rem; }
.overview-photo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0.6rem; }
.overview-photo-card { position:relative; overflow:hidden; min-height:0; aspect-ratio:4/3; border:1px solid var(--colour-line); border-radius:var(--radius-md); background:var(--colour-surface); }
.overview-photo-card .group-media-card__open { position:absolute; inset:0; display:block; width:100%; height:100%; border:0; background:transparent; padding:0; cursor:zoom-in; }
.overview-photo-card .group-media-card__open > img { width:100%; height:100%; object-fit:cover; transition:transform 180ms ease; }
.overview-photo-card:hover .group-media-card__open > img { transform:scale(1.025); }
.overview-photo-card__by { position:absolute; right:0.5rem; bottom:0.5rem; left:0.5rem; display:flex; align-items:center; gap:0.45rem; min-width:0; border:1px solid rgba(255,255,255,0.2); border-radius:999px; background:rgba(3,8,9,0.8); color:#fff; padding:0.35rem 0.48rem; backdrop-filter:blur(8px); }
.overview-photo-card__by .avatar,.overview-photo-card__by .avatar-fallback { width:26px; height:26px; flex:0 0 26px; border-radius:50%; }
.overview-photo-card__by strong { overflow:hidden; font-size:0.66rem; text-overflow:ellipsis; white-space:nowrap; }
.overview-conversation-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0.65rem; }
.overview-conversation-card { display:flex; min-height:178px; flex-direction:column; gap:0.65rem; border:1px solid var(--colour-line); border-radius:var(--radius-md); background:var(--colour-surface); color:var(--colour-text); padding:0.9rem; text-decoration:none; }
.overview-conversation-card:hover { border-color:color-mix(in srgb,var(--colour-action) 55%,var(--colour-line)); }
.overview-conversation-card > div { display:flex; align-items:center; gap:0.55rem; }
.overview-conversation-card > div small { color:var(--colour-action); font-size:0.58rem; font-weight:850; letter-spacing:0.06em; text-transform:uppercase; }
.overview-conversation-card > strong { display:-webkit-box; overflow:hidden; line-height:1.35; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.overview-conversation-card p { margin:0; color:var(--colour-text-muted); font-size:0.68rem; }
.overview-conversation-card > span { margin-top:auto; color:var(--colour-info); font-size:0.68rem; font-weight:800; }
.overview-hot-card__person { display:flex; align-items:center; gap:0.55rem; }
.overview-hot-card__person > span:last-child { display:grid; gap:0.08rem; }
.overview-hot-card__person strong { font-size:0.72rem; }
.overview-hot-card__person small { font-size:0.62rem; }
.overview-hot-card > b { font-size:0.78rem; line-height:1.35; }
@media (max-width:760px) {
  .overview-hub__masthead { align-items:flex-start; flex-direction:column; }
  .overview-hub__visit { justify-items:start; text-align:left; }
  .overview-quick-actions { grid-template-columns:1fr; }
  .overview-attention-grid,.overview-world-grid { grid-template-columns:1fr; }
  .overview-photo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .overview-conversation-grid { grid-template-columns:1fr; }
  .overview-continue { grid-template-columns:auto minmax(0,1fr); }
  .overview-continue > b { grid-column:2; }
}

/* Overview refinement: open V6 composition, not boxed staging dashboard. */
.overview-hub__masthead {
  align-items:end;
  border:0;
  border-bottom:1px solid var(--colour-line);
  border-radius:0;
  background:transparent;
  padding:1.15rem 0 1.5rem;
}
.overview-hub__identity > .avatar { width:54px; height:54px; box-shadow:none; }
.overview-hub__identity h1 { font-size:clamp(2.2rem,4vw,3.7rem); }
.overview-hub__visit { padding-bottom:0.2rem; }
.overview-quick-actions { display:flex; flex-wrap:wrap; gap:0.2rem; border-bottom:1px solid var(--colour-line); }
.overview-quick-actions a {
  min-height:42px;
  border:0;
  border-radius:var(--radius-sm) var(--radius-sm) 0 0;
  background:transparent;
  padding:0.62rem 0.85rem;
}
.overview-quick-actions a:hover { background:var(--colour-surface-muted); border-color:transparent; }
.overview-quick-actions a span { width:1.65rem; height:1.65rem; border:0; background:transparent; }
.overview-section { gap:0.75rem; }
.overview-section > .section-heading { border-bottom:1px solid var(--colour-line); padding-bottom:0.65rem; }
.overview-section > .section-heading h2 { font-size:clamp(1.45rem,2.5vw,2rem); }
.overview-attention-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:0; }
.overview-attention-card {
  grid-template-columns:34px minmax(0,1fr) auto;
  min-height:0;
  gap:0.7rem;
  border:0;
  border-bottom:1px solid var(--colour-line);
  border-radius:0;
  background:transparent;
  padding:0.72rem 0;
}
.overview-attention-card:first-child { border-top:0; }
.overview-attention-card:hover { background:color-mix(in srgb,var(--colour-action) 4%,transparent); transform:none; }
.overview-attention-card__mark { width:30px; height:30px; border:0; background:color-mix(in srgb,var(--colour-action) 12%,transparent); }
.overview-attention-card__arrow { font-size:0.85rem; }
.overview-attention-clear { border-style:solid; border-width:0 0 1px; border-radius:0; background:transparent; padding:0.8rem 0; }
.overview-continue {
  grid-template-columns:auto minmax(0,1fr) auto;
  border:0;
  border-bottom:1px solid var(--colour-line);
  border-radius:0;
  background:transparent;
  padding:0.8rem 0;
}
.overview-continue:hover { background:color-mix(in srgb,var(--colour-info) 4%,transparent); transform:none; }
.overview-world-grid { grid-template-columns:minmax(0,1fr); gap:0; }
.overview-world-card {
  min-height:0;
  gap:0.45rem;
  border:0;
  border-bottom:1px solid var(--colour-line);
  border-radius:0;
  background:transparent;
  padding:0.82rem 0;
}
.overview-world-card:hover { border-color:var(--colour-line); background:color-mix(in srgb,var(--colour-info) 4%,transparent); transform:none; }
.overview-world-card__head .overview-person .avatar { width:38px; height:38px; }
.overview-world-card > p { margin-left:3rem; }
.overview-world-card > span { margin-left:3rem; }
.overview-photo-grid { gap:0.45rem; }
.overview-photo-card { border-radius:var(--radius-md); }
.overview-conversation-grid { grid-template-columns:minmax(0,1fr); gap:0; }
.overview-conversation-card {
  min-height:0;
  gap:0.45rem;
  border:0;
  border-bottom:1px solid var(--colour-line);
  border-radius:0;
  background:transparent;
  padding:0.85rem 0;
}
.overview-conversation-card:hover { border-color:var(--colour-line); background:color-mix(in srgb,var(--colour-action) 4%,transparent); transform:none; }
.overview-conversation-card > strong,
.overview-conversation-card > p,
.overview-conversation-card > span { margin-left:3rem; }
.overview-hot-card { padding-block:0.8rem; }
@media (max-width:900px) {
  .overview-context-rail .utility-links--right { display:none; }
}
@media (min-width:981px) {
  .overview-hub {
    grid-template-columns:minmax(0,1.28fr) minmax(260px,0.72fr);
    grid-template-areas:
      "masthead masthead"
      "actions actions"
      "attention continue"
      "world conversations"
      "media media";
    column-gap:clamp(1.4rem,2.4vw,2.3rem);
  }
  .overview-hub__masthead { grid-area:masthead; }
  .overview-quick-actions { grid-area:actions; }
  .overview-section--attention { grid-area:attention; }
  .overview-section--continue { grid-area:continue; align-self:start; border-left:2px solid color-mix(in srgb,var(--colour-info) 55%,var(--colour-line)); padding-left:1rem; }
  .overview-section--world { grid-area:world; }
  .overview-section--conversations { grid-area:conversations; }
  .overview-photo-lane { grid-area:media; }
  .overview-world-grid,.overview-conversation-grid { grid-template-columns:minmax(0,1fr); }
  .overview-hub:not(.overview-hub--has-continue) { grid-template-areas:"masthead masthead" "actions actions" "attention attention" "world conversations" "media media"; }
}
@media (max-width:980px) {
  .overview-hub { grid-template-columns:minmax(0,1fr); grid-template-areas:none; }
  .overview-hub__masthead,.overview-quick-actions,.overview-section--attention,.overview-section--continue,.overview-section--world,.overview-section--conversations,.overview-photo-lane { grid-area:auto; }
}
@media (max-width:760px) {
  .overview-quick-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
  .overview-quick-actions a { justify-content:center; padding-inline:0.35rem; font-size:0.68rem; }
  .overview-quick-actions a span { display:none; }
  .overview-world-card > p,
  .overview-world-card > span,
  .overview-conversation-card > strong,
  .overview-conversation-card > p,
  .overview-conversation-card > span { margin-left:0; }
}/* Overview V3: a personal front page with community manners built in. */
body[data-route="v6-next-home"] .main-content { padding-inline:clamp(1.1rem,2.4vw,2.5rem); }
.overview-hub--epic { display:grid; grid-template-columns:minmax(0,1fr) !important; grid-template-areas:none !important; gap:clamp(1.7rem,3vw,3rem); padding-bottom:var(--space-12); }
.overview-hub--epic > * { grid-area:auto !important; }
.overview-hub--epic .overview-section--attention,
.overview-hub--epic .overview-section--continue,
.overview-hub--epic .overview-section--world,
.overview-hub--epic .overview-photo-lane { grid-area:auto !important; }
.overview-hub--epic .overview-hub__masthead {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:180px;
  align-items:center;
  border:1px solid color-mix(in srgb,var(--colour-info) 28%,var(--colour-line));
  border-radius:var(--radius-lg);
  background:
    radial-gradient(circle at 8% 20%,color-mix(in srgb,var(--colour-info) 20%,transparent),transparent 34%),
    radial-gradient(circle at 92% 85%,color-mix(in srgb,var(--colour-action) 15%,transparent),transparent 38%),
    linear-gradient(125deg,color-mix(in srgb,var(--colour-surface) 88%,#071b22),var(--colour-surface));
  padding:clamp(1.4rem,3vw,2.4rem);
}
.overview-hub--epic .overview-hub__masthead::after { content:""; position:absolute; z-index:-1; inset:auto -6% -70px auto; width:320px; height:180px; border:1px solid color-mix(in srgb,var(--colour-info) 28%,transparent); border-radius:50%; transform:rotate(-12deg); }
.overview-hub--epic .overview-hub__identity { gap:1.15rem; }
.overview-hub--epic .overview-hub__identity > .avatar,
.overview-hub--epic .overview-hub__identity > .avatar-fallback { width:62px; height:62px; flex:0 0 62px; border:2px solid color-mix(in srgb,var(--colour-info) 72%,white 8%); border-radius:50%; object-fit:cover; box-shadow:0 0 0 6px color-mix(in srgb,var(--colour-info) 9%,transparent); }
.overview-hub--epic .overview-hub__identity h1 { max-width:13ch; font-size:clamp(2.65rem,5vw,5rem); letter-spacing:-0.045em; line-height:0.9; }
.overview-hub--epic .overview-hub__identity p:last-child { max-width:50ch; margin-top:0.75rem; font-size:0.92rem; }
.overview-hub--epic .overview-hub__visit { align-self:flex-end; border-left:1px solid color-mix(in srgb,var(--colour-info) 32%,var(--colour-line)); padding-left:1.1rem; }

.overview-hub--epic .overview-quick-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; overflow:hidden; border:1px solid var(--colour-line); border-radius:var(--radius-md); background:var(--colour-surface); }
.overview-hub--epic .overview-quick-actions a { display:grid; grid-template-columns:32px minmax(0,1fr); grid-template-rows:auto auto; align-items:center; min-height:78px; border:0; border-right:1px solid var(--colour-line); border-radius:0; padding:0.85rem 1rem; }
.overview-hub--epic .overview-quick-actions a:last-child { border-right:0; }
.overview-hub--epic .overview-quick-actions a::after { content:"↗"; grid-column:3; grid-row:1 / span 2; color:var(--colour-text-muted); }
.overview-hub--epic .overview-quick-actions img { grid-column:1; grid-row:1 / span 2; width:22px; height:22px; filter:none; }
.overview-hub--epic .overview-quick-actions strong { grid-column:2; grid-row:1; font-size:0.82rem; }
.overview-hub--epic .overview-quick-actions small { grid-column:2; grid-row:2; color:var(--colour-text-muted); font-size:0.65rem; }
.overview-hub--epic .overview-quick-actions a:hover { background:linear-gradient(135deg,color-mix(in srgb,var(--colour-info) 9%,var(--colour-surface)),var(--colour-surface)); }

.overview-now-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(1.4rem,2.5vw,2.5rem); align-items:stretch; }
.overview-now-grid > .overview-section { display:grid; grid-template-rows:auto 1fr; align-content:start; min-width:0; border-top:2px solid var(--colour-line-strong); padding-top:1rem; }
.overview-now-grid .section-heading { align-items:start; min-height:72px; margin-bottom:0.75rem; }
.overview-now-grid .section-heading h2 { max-width:14ch; }
.overview-hub--epic .overview-all-clear { align-self:stretch; min-height:118px; border:1px solid color-mix(in srgb,var(--colour-success) 30%,var(--colour-line)); border-radius:var(--radius-md); background:linear-gradient(140deg,color-mix(in srgb,var(--colour-success) 10%,var(--colour-surface)),var(--colour-surface)); padding:1rem; }
.overview-hub--epic .overview-continue { align-self:stretch; min-height:118px; border:1px solid color-mix(in srgb,var(--colour-info) 32%,var(--colour-line)); border-radius:var(--radius-md); background:linear-gradient(140deg,color-mix(in srgb,var(--colour-info) 8%,var(--colour-surface)),var(--colour-surface)); padding:1rem; }
.overview-continue--empty { cursor:default; }

.overview-care { position:relative; overflow:hidden; border:1px solid color-mix(in srgb,var(--colour-action) 30%,var(--colour-line)); border-radius:var(--radius-lg); background:linear-gradient(120deg,color-mix(in srgb,var(--colour-action) 10%,var(--colour-surface)) 0%,var(--colour-surface) 48%,color-mix(in srgb,var(--colour-info) 8%,var(--colour-surface)) 100%); padding:clamp(1.15rem,2.5vw,1.8rem); }
.overview-care::after { content:"♥"; position:absolute; right:1.2rem; bottom:-2.4rem; color:color-mix(in srgb,var(--colour-action) 10%,transparent); font-size:9rem; line-height:1; transform:rotate(-10deg); pointer-events:none; }
.overview-care .section-heading { position:relative; z-index:1; margin-bottom:1rem; }
.overview-care__principle { max-width:22ch; color:var(--colour-text-muted); font-size:0.67rem; font-weight:750; letter-spacing:0.04em; text-align:right; text-transform:uppercase; }
.overview-care-grid { position:relative; z-index:1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0.8rem; }
.overview-care-grid > :only-child { grid-column:1 / -1; max-width:760px; }
.overview-care-card { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:0.8rem 1rem; align-items:center; min-height:126px; border:1px solid color-mix(in srgb,var(--colour-action) 28%,var(--colour-line)); border-radius:var(--radius-md); background:color-mix(in srgb,var(--colour-surface) 92%,transparent); padding:1rem; }
.overview-care-card__person { display:flex; align-items:center; gap:0.7rem; color:var(--colour-text); text-decoration:none; }
.overview-care-card__person > span:last-child { display:grid; }
.overview-care-card__person small { color:var(--colour-action); font-size:0.62rem; font-weight:850; letter-spacing:0.08em; text-transform:uppercase; }
.overview-care-card__person b { color:var(--colour-info); font-size:0.68rem; }
.overview-care-card > p { grid-column:1; max-width:56ch; margin:0; color:var(--colour-text-muted); font-size:0.76rem; }
.overview-care-card > .button { grid-column:2; grid-row:1 / span 2; align-self:center; }

.overview-discovery-deck { display:grid; grid-template-columns:minmax(0,1.42fr) minmax(260px,0.58fr); gap:clamp(1.4rem,2.5vw,2.5rem); align-items:stretch; }
.overview-discovery-deck > .overview-section { min-width:0; border-top:2px solid var(--colour-line-strong); padding-top:1rem; }
.overview-discovery-deck .section-heading { min-height:72px; align-items:start; }
.overview-discovery-deck .overview-world-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(190px,0.8fr); grid-template-rows:repeat(2,minmax(105px,auto)); gap:0.65rem; }
.overview-discovery-deck .overview-world-card { min-height:0; border:1px solid var(--colour-line); border-radius:var(--radius-md); background:linear-gradient(145deg,color-mix(in srgb,var(--colour-info) 5%,var(--colour-surface)),var(--colour-surface)); padding:0.85rem; }
.overview-discovery-deck .overview-world-card--featured { grid-row:1 / span 2; min-height:230px; align-content:space-between; background:radial-gradient(circle at 15% 0,color-mix(in srgb,var(--colour-info) 15%,transparent),transparent 52%),var(--colour-surface); }
.overview-discovery-deck .overview-world-card--featured .overview-person { width:52px; height:52px; }
.overview-discovery-deck .overview-world-card--featured .overview-person > * { width:52px; height:52px; }
.overview-discovery-deck .overview-world-card--featured > p { margin-left:0; font-size:clamp(1rem,1.5vw,1.3rem); font-weight:720; line-height:1.25; }
.overview-discovery-deck .overview-world-card:not(.overview-world-card--featured) > p { display:-webkit-box; overflow:hidden; margin-left:0; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.overview-wildcard { display:grid; grid-template-rows:auto 1fr; }
.overview-wildcard-card { position:relative; display:flex; flex-direction:column; justify-content:flex-end; overflow:hidden; min-height:260px; border:1px solid color-mix(in srgb,var(--colour-action) 35%,var(--colour-line)); border-radius:var(--radius-lg); background:radial-gradient(circle at 75% 20%,color-mix(in srgb,var(--colour-action) 25%,transparent),transparent 42%),linear-gradient(155deg,color-mix(in srgb,var(--colour-action) 12%,var(--colour-surface)),var(--colour-surface)); color:var(--colour-text); padding:1.2rem; text-decoration:none; }
.overview-wildcard-card__flare { position:absolute; top:-1rem; right:0.3rem; color:color-mix(in srgb,var(--colour-action) 20%,transparent); font-size:9rem; font-weight:950; line-height:1; }
.overview-wildcard-card small { color:var(--colour-action); font-size:0.64rem; font-weight:850; letter-spacing:0.08em; text-transform:uppercase; }
.overview-wildcard-card strong { position:relative; margin-top:0.55rem; font-size:clamp(1.25rem,2vw,1.8rem); line-height:1.05; }
.overview-wildcard-card p { position:relative; margin:0.75rem 0; color:var(--colour-text-muted); font-size:0.76rem; }
.overview-wildcard-card > span:last-child { position:relative; color:var(--colour-action); font-size:0.72rem; font-weight:850; }

.overview-media-lane { border-top:2px solid var(--colour-line-strong); padding-top:1rem; }
.overview-media-heading { align-items:end; }
.overview-media-heading h2 { font-size:clamp(2rem,4vw,4rem); line-height:0.95; }
.overview-media-heading p:last-child { max-width:52ch; margin:0.45rem 0 0; color:var(--colour-text-muted); }
.overview-media-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); grid-template-rows:repeat(3,minmax(150px,18vw)); gap:0.65rem; }
.overview-media-card { min-width:0; min-height:0; border:0; border-radius:var(--radius-md); }
.overview-media-card:nth-child(1) { grid-column:1 / 7; grid-row:1 / 3; }
.overview-media-card:nth-child(2) { grid-column:7 / 10; grid-row:1; }
.overview-media-card:nth-child(3) { grid-column:10 / 13; grid-row:1; }
.overview-media-card:nth-child(4) { grid-column:7 / 13; grid-row:2; }
.overview-media-card:nth-child(5) { grid-column:1 / 5; grid-row:3; }
.overview-media-card:nth-child(6) { grid-column:5 / 13; grid-row:3; }
.overview-media-card .group-media-card__open { position:relative; display:block; width:100%; height:100%; overflow:hidden; border:0; border-radius:inherit; background:var(--colour-surface-muted); padding:0; cursor:pointer; }
.overview-media-card .group-media-card__open::after { content:""; position:absolute; inset:45% 0 0; background:linear-gradient(transparent,rgba(3,7,10,0.84)); pointer-events:none; }
.overview-media-card .group-media-card__open > img { width:100%; height:100%; object-fit:cover; transition:transform 260ms ease,filter 260ms ease; }
.overview-media-card:hover .group-media-card__open > img { transform:scale(1.025); filter:saturate(1.08); }
.overview-media-card .overview-photo-card__by { z-index:2; right:0.75rem; bottom:0.7rem; left:0.75rem; display:flex; align-items:center; gap:0.55rem; width:auto; color:white; }
.overview-media-card .overview-photo-card__by > span:last-child { display:grid; min-width:0; text-align:left; }
.overview-media-card .overview-photo-card__by strong { overflow:hidden; color:white; font-size:0.76rem; text-overflow:ellipsis; white-space:nowrap; }
.overview-media-card .overview-photo-card__by small { overflow:hidden; color:rgba(255,255,255,0.72); font-size:0.58rem; text-overflow:ellipsis; white-space:nowrap; }
.overview-media-card__play { position:absolute; z-index:2; top:50%; left:50%; display:grid; width:58px; height:58px; place-items:center; border:1px solid rgba(255,255,255,0.65); border-radius:50%; background:rgba(3,7,10,0.56); color:white; font-size:1rem; transform:translate(-50%,-50%); backdrop-filter:blur(8px); }

.overview-rail-section--despatches { margin-top:1.2rem; padding-top:1.2rem; border-top:1px solid var(--colour-line); }
.overview-despatch-list { display:grid; gap:0.7rem; margin-top:0.85rem; }
.overview-despatch-card { display:grid; grid-template-columns:72px minmax(0,1fr); gap:0.7rem; align-items:center; color:var(--colour-text); text-decoration:none; }
.overview-despatch-card img { width:72px; height:54px; border-radius:var(--radius-sm); object-fit:cover; }
.overview-despatch-card span { display:grid; gap:0.2rem; }
.overview-despatch-card strong { display:-webkit-box; overflow:hidden; font-size:0.72rem; line-height:1.25; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.overview-despatch-card small { color:var(--colour-text-muted); font-size:0.6rem; }

@media (max-width:1100px) {
  .overview-discovery-deck { grid-template-columns:minmax(0,1.2fr) minmax(240px,0.8fr); }
  .overview-media-grid { grid-template-rows:repeat(3,minmax(140px,22vw)); }
}
@media (max-width:900px) {
  .overview-now-grid,.overview-discovery-deck { grid-template-columns:minmax(0,1fr); }
  .overview-discovery-deck .overview-world-grid { grid-template-columns:minmax(0,1fr) minmax(180px,0.7fr); }
  .overview-wildcard-card { min-height:220px; }
  .overview-care-grid { grid-template-columns:minmax(0,1fr); }
  .overview-care-grid > :only-child { grid-column:auto; max-width:none; }
  .overview-media-grid { grid-template-rows:repeat(3,minmax(150px,26vw)); }
}
@media (max-width:640px) {
  .overview-hub--epic { gap:1.65rem; }
  .overview-hub--epic .overview-hub__masthead { min-height:0; padding:1.1rem; }
  .overview-hub--epic .overview-hub__identity { align-items:flex-start; }
  .overview-hub--epic .overview-hub__identity > .avatar,.overview-hub--epic .overview-hub__identity > .avatar-fallback { width:52px; height:52px; flex-basis:52px; }
  .overview-hub--epic .overview-hub__identity h1 { font-size:clamp(2.3rem,13vw,3.5rem); }
  .overview-hub--epic .overview-hub__visit { align-self:auto; border-top:1px solid var(--colour-line); border-left:0; padding-top:0.75rem; padding-left:0; }
  .overview-hub--epic .overview-quick-actions a { grid-template-columns:1fr; grid-template-rows:24px auto; justify-items:center; min-height:72px; padding:0.65rem 0.3rem; text-align:center; }
  .overview-hub--epic .overview-quick-actions a::after,.overview-hub--epic .overview-quick-actions small { display:none; }
  .overview-hub--epic .overview-quick-actions img { grid-column:1; grid-row:1; }
  .overview-hub--epic .overview-quick-actions strong { grid-column:1; grid-row:2; font-size:0.64rem; }
  .overview-now-grid .section-heading,.overview-discovery-deck .section-heading { min-height:0; }
  .overview-care__principle { display:none; }
  .overview-care-card { grid-template-columns:minmax(0,1fr); }
  .overview-care-card > p,.overview-care-card > .button { grid-column:1; grid-row:auto; }
  .overview-care-card > .button { justify-self:start; }
  .overview-discovery-deck .overview-world-grid { grid-template-columns:minmax(0,1fr); grid-template-rows:auto; }
  .overview-discovery-deck .overview-world-card--featured { grid-row:auto; min-height:180px; }
  .overview-media-grid { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:220px repeat(3,145px); }
  .overview-media-card:nth-child(n) { grid-column:auto; grid-row:auto; }
  .overview-media-card:nth-child(1) { grid-column:1 / -1; }
  .overview-media-card:nth-child(6) { grid-column:1 / -1; }
  .overview-media-heading { align-items:start; }
}/* Overview V3.1: open V6 rhythm and gapless Media. */
.overview-hub--epic { gap:clamp(1rem,1.7vw,1.55rem); }
.overview-hub__masthead--epic {
  border:0 !important;
  border-bottom:1px solid color-mix(in srgb,var(--colour-line) 70%,transparent) !important;
  border-radius:0 !important;
  background:transparent !important;
  padding:0.35rem 0 1.1rem !important;
  box-shadow:none !important;
}
.overview-hub__masthead--epic::before { display:none !important; }
.overview-hub__identity { align-items:center; }
.overview-hub__identity > .avatar,
.overview-hub__identity > .avatar-fallback { width:58px !important; height:58px !important; flex-basis:58px !important; }
.overview-control-strip {
  border:0;
  border-top:1px solid color-mix(in srgb,var(--colour-line) 70%,transparent);
  border-bottom:1px solid color-mix(in srgb,var(--colour-line) 70%,transparent);
  border-radius:0;
  background:transparent;
  padding:0;
  gap:0;
  box-shadow:none;
}
.overview-control-strip a {
  border:0;
  border-right:1px solid color-mix(in srgb,var(--colour-line) 65%,transparent);
  border-radius:0;
  background:transparent;
  padding:0.72rem 0.9rem;
}
.overview-control-strip a:last-child { border-right:0; }
.overview-control-strip a:hover { background:color-mix(in srgb,var(--colour-info) 5%,transparent); transform:none; }
.overview-now-grid,
.overview-discovery-deck { gap:clamp(1.15rem,2vw,1.8rem); align-items:start; }
.overview-now-grid > .overview-section,
.overview-discovery-deck > .overview-section,
.overview-media-lane {
  border:0 !important;
  border-top:1px solid color-mix(in srgb,var(--colour-line) 70%,transparent) !important;
  border-radius:0 !important;
  background:transparent !important;
  padding:0.78rem 0 0 !important;
  box-shadow:none !important;
}
.overview-hub--epic .section-heading { margin:0 0 0.65rem; padding:0; align-items:start; }
.overview-hub--epic .section-heading > div { padding:0; }
.overview-hub--epic .section-heading .eyebrow { margin-top:0; }
.overview-all-clear {
  border:0;
  border-left:1px solid color-mix(in srgb,var(--colour-success) 70%,transparent);
  border-radius:0;
  background:transparent;
  padding:0.55rem 0.72rem;
}
.overview-continue {
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  padding:0.55rem 0 !important;
}
.overview-care-panel {
  border:0;
  border-top:1px solid color-mix(in srgb,var(--colour-line) 70%,transparent);
  border-bottom:1px solid color-mix(in srgb,var(--colour-line) 70%,transparent);
  border-radius:0;
  background:linear-gradient(90deg,color-mix(in srgb,var(--colour-info) 5%,transparent),transparent 42%,color-mix(in srgb,var(--colour-action) 4%,transparent));
  padding:0.9rem 0;
  box-shadow:none;
}
.overview-care-panel::after { display:none; }
.overview-care-panel__header { margin:0 0 0.72rem; }
.overview-care-card {
  border:0;
  border-left:1px solid color-mix(in srgb,var(--colour-action) 65%,transparent);
  border-radius:0;
  background:transparent;
  padding:0.68rem 0.85rem;
  box-shadow:none;
}
.overview-care-card:hover { background:color-mix(in srgb,var(--colour-action) 4%,transparent); transform:none; }
.overview-world-card,
.overview-world-card--featured {
  border:0 !important;
  border-top:1px solid color-mix(in srgb,var(--colour-line) 62%,transparent) !important;
  border-radius:0 !important;
  background:transparent !important;
  padding:0.68rem 0 !important;
  box-shadow:none !important;
}
.overview-world-card--featured { border-top-color:color-mix(in srgb,var(--colour-info) 58%,var(--colour-line)) !important; }
.overview-world-card:hover { background:color-mix(in srgb,var(--colour-info) 4%,transparent) !important; transform:none; }
.overview-wildcard-card {
  border:0;
  border-top:1px solid color-mix(in srgb,var(--colour-forum) 68%,transparent);
  border-radius:0;
  background:linear-gradient(145deg,color-mix(in srgb,var(--colour-forum) 9%,transparent),transparent 70%);
  padding:0.9rem 0;
  box-shadow:none;
}
.overview-media-lane .section-heading { border-bottom:1px solid color-mix(in srgb,var(--colour-line) 58%,transparent); padding-bottom:0.65rem; }
.overview-media-grid {
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-template-rows:repeat(6,80px);
  grid-auto-rows:80px;
  gap:8px;
}
.overview-media-grid .overview-media-card {
  grid-column:auto !important;
  grid-row:auto !important;
  width:100%;
  height:100%;
  min-height:0;
  aspect-ratio:auto !important;
  border-radius:8px;
}
.overview-media-grid .overview-media-card:nth-child(1) { grid-column:1 / 7 !important; grid-row:1 / 5 !important; }
.overview-media-grid .overview-media-card:nth-child(2) { grid-column:7 / 10 !important; grid-row:1 / 3 !important; }
.overview-media-grid .overview-media-card:nth-child(3) { grid-column:10 / 13 !important; grid-row:1 / 3 !important; }
.overview-media-grid .overview-media-card:nth-child(4) { grid-column:7 / 13 !important; grid-row:3 / 5 !important; }
.overview-media-grid .overview-media-card:nth-child(5) { grid-column:1 / 5 !important; grid-row:5 / 7 !important; }
.overview-media-grid .overview-media-card:nth-child(6) { grid-column:5 / 13 !important; grid-row:5 / 7 !important; }
.overview-media-card__by { left:0.7rem; right:0.7rem; bottom:0.65rem; min-height:38px; border-width:1px; }
.overview-rail-section,
.overview-rail-section--despatches { border-top-width:1px !important; }
@media (max-width:980px) {
  .overview-hub--epic { gap:1.05rem; }
  .overview-control-strip a { padding-inline:0.6rem; }
}
@media (max-width:760px) {
  .overview-hub__masthead--epic { padding-bottom:0.82rem !important; }
  .overview-control-strip a { padding:0.62rem 0.3rem; }
  .overview-now-grid,.overview-discovery-deck { gap:1rem; }
  .overview-care-panel { padding:0.72rem 0; }
  .overview-media-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:none;
    grid-auto-rows:108px;
    gap:6px;
  }
  .overview-media-grid .overview-media-card:nth-child(1) { grid-column:1 / -1 !important; grid-row:auto / span 2 !important; }
  .overview-media-grid .overview-media-card:nth-child(2),
  .overview-media-grid .overview-media-card:nth-child(3),
  .overview-media-grid .overview-media-card:nth-child(5),
  .overview-media-grid .overview-media-card:nth-child(6) { grid-column:auto !important; grid-row:auto / span 1 !important; }
  .overview-media-grid .overview-media-card:nth-child(4) { grid-column:1 / -1 !important; grid-row:auto / span 2 !important; }
}/* Overview V3.1 cascade correction against the live renderer. */
.overview-hub--epic .overview-quick-actions {
  gap:0 !important;
  border:0 !important;
  border-top:1px solid color-mix(in srgb,var(--colour-line) 70%,transparent) !important;
  border-bottom:1px solid color-mix(in srgb,var(--colour-line) 70%,transparent) !important;
  border-radius:0 !important;
  background:none !important;
  padding:0 !important;
  box-shadow:none !important;
}
.overview-hub--epic .overview-quick-actions > a {
  border:0 !important;
  border-right:1px solid color-mix(in srgb,var(--colour-line) 55%,transparent) !important;
  border-radius:0 !important;
  background:none !important;
  box-shadow:none !important;
}
.overview-hub--epic .overview-quick-actions > a:last-child { border-right:0 !important; }
.overview-hub--epic .overview-hub__masthead {
  border:0 !important;
  border-bottom:1px solid color-mix(in srgb,var(--colour-line) 70%,transparent) !important;
  border-radius:0 !important;
  background:transparent !important;
  padding:0.35rem 0 1.1rem !important;
  box-shadow:none !important;
  min-height:0 !important;
}
.overview-hub--epic .overview-hub__masthead::before { display:none !important; }
.overview-hub--epic .overview-control-strip {
  border:0 !important;
  border-top:1px solid color-mix(in srgb,var(--colour-line) 70%,transparent) !important;
  border-bottom:1px solid color-mix(in srgb,var(--colour-line) 70%,transparent) !important;
  border-radius:0 !important;
  background:transparent !important;
  padding:0 !important;
  gap:0 !important;
  box-shadow:none !important;
}
.overview-hub--epic .overview-control-strip a {
  border:0 !important;
  border-right:1px solid color-mix(in srgb,var(--colour-line) 65%,transparent) !important;
  border-radius:0 !important;
  background:transparent !important;
}
.overview-hub--epic .overview-control-strip a:last-child { border-right:0 !important; }
.overview-hub--epic .overview-all-clear {
  border:0 !important;
  border-left:1px solid color-mix(in srgb,var(--colour-success) 70%,transparent) !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.overview-hub--epic .overview-care {
  border:0 !important;
  border-top:1px solid color-mix(in srgb,var(--colour-line) 70%,transparent) !important;
  border-bottom:1px solid color-mix(in srgb,var(--colour-line) 70%,transparent) !important;
  border-radius:0 !important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--colour-info) 5%,transparent),transparent 42%,color-mix(in srgb,var(--colour-action) 4%,transparent)) !important;
  padding:0.9rem 0 !important;
  box-shadow:none !important;
}
.overview-hub--epic .overview-care::after { display:none !important; }
@media (max-width:640px) {
  .overview-hub--epic .overview-hub__masthead { padding:0.2rem 0 0.82rem !important; }
  .overview-hub--epic .overview-care { padding:0.72rem 0 !important; }
}/* Overview V3.2: one mature V6 grammar. */
.overview-hub--epic {
  gap:clamp(0.95rem,1.45vw,1.35rem) !important;
}
.overview-hub--epic .overview-hub__masthead {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center !important;
  gap:0.85rem 1rem !important;
  border:0 !important;
  background:none !important;
  padding:0.2rem 0 0.55rem !important;
}
.overview-hub--epic .overview-hub__identity { display:contents !important; }
.overview-hub--epic .overview-hub__identity > div { grid-column:1; grid-row:1; min-width:0; }
.overview-hub--epic .overview-hub__identity > .avatar,
.overview-hub--epic .overview-hub__identity > .avatar-fallback {
  grid-column:2;
  grid-row:1;
  width:48px !important;
  height:48px !important;
  flex-basis:48px !important;
  border-width:1px !important;
  box-shadow:none !important;
}
.overview-hub--epic .overview-hub__identity h1 {
  margin:0.15rem 0 0.28rem !important;
  max-width:none !important;
  font-size:clamp(2.55rem,3.6vw,3rem) !important;
  line-height:0.98 !important;
  letter-spacing:-0.035em !important;
}
.overview-hub--epic .overview-hub__identity p:last-child {
  max-width:54ch;
  font-size:0.9rem;
  line-height:1.5;
}
.overview-hub--epic .overview-hub__visit {
  grid-column:3;
  grid-row:1;
  min-width:145px;
  border-left:1px solid color-mix(in srgb,var(--colour-info) 48%,var(--colour-line));
  padding-left:0.9rem;
}
.overview-hub--epic .overview-hub__visit span { font-size:0.57rem; }
.overview-hub--epic .overview-hub__visit strong { font-size:0.72rem; }

.overview-hub--epic .overview-quick-actions {
  justify-content:flex-start !important;
  gap:0 !important;
  border:0 !important;
  border-bottom:1px solid var(--colour-line) !important;
  background:none !important;
  padding:0 !important;
}
.overview-hub--epic .overview-quick-actions > a {
  flex:0 0 auto !important;
  min-height:44px !important;
  gap:0.5rem !important;
  border:0 !important;
  border-radius:var(--radius-sm) var(--radius-sm) 0 0 !important;
  padding:0.65rem 0.9rem 0.58rem !important;
}
.overview-hub--epic .overview-quick-actions > a:hover {
  background:var(--colour-surface-muted) !important;
  box-shadow:inset 0 -2px 0 var(--colour-info) !important;
}
.overview-hub--epic .overview-quick-actions img { width:18px; height:18px; }
.overview-hub--epic .overview-quick-actions strong { font-size:0.77rem; }
.overview-hub--epic .overview-quick-actions small { display:none !important; }

.overview-hub--epic .section-heading {
  align-items:end;
  min-height:0;
  margin:0 0 0.6rem !important;
  padding:0 !important;
}
.overview-hub--epic .section-heading .eyebrow { margin-bottom:0.22rem; }
.overview-hub--epic .section-heading h2 {
  max-width:none;
  font-size:clamp(1.45rem,2.2vw,1.9rem) !important;
  line-height:1.05 !important;
  letter-spacing:-0.025em !important;
}
.overview-hub--epic .section-heading > a,
.overview-hub--epic .overview-care__principle { font-size:0.61rem; }

.overview-hub--epic .overview-now-grid {
  align-items:start;
  gap:clamp(1.25rem,2.4vw,2rem) !important;
}
.overview-hub--epic .overview-now-grid > .overview-section,
.overview-hub--epic .overview-discovery-deck > .overview-section,
.overview-hub--epic .overview-media-lane {
  border:0 !important;
  border-top:1px solid var(--colour-line) !important;
  border-radius:0 !important;
  background:none !important;
  padding:0.72rem 0 0 !important;
}
.overview-hub--epic .overview-all-clear {
  gap:0.65rem;
  min-height:50px;
  border:0 !important;
  padding:0.45rem 0 !important;
}
.overview-hub--epic .overview-all-clear > span {
  width:28px;
  height:28px;
  font-size:0.8rem;
}
.overview-hub--epic .overview-all-clear strong { font-size:0.88rem; }
.overview-hub--epic .overview-all-clear p { margin-top:0.08rem; font-size:0.7rem; }
.overview-hub--epic .overview-continue {
  grid-template-columns:36px minmax(0,1fr) auto;
  gap:0.7rem;
  min-height:50px;
  border:0 !important;
  padding:0.4rem 0 !important;
}
.overview-hub--epic .overview-continue .overview-person,
.overview-hub--epic .overview-continue .overview-person > .avatar,
.overview-hub--epic .overview-continue .overview-person > .avatar-fallback { width:36px; height:36px; }
.overview-hub--epic .overview-continue strong { font-size:0.82rem; }
.overview-hub--epic .overview-continue p { margin:0.08rem 0; font-size:0.7rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.overview-hub--epic .overview-continue small,
.overview-hub--epic .overview-continue b { font-size:0.62rem; }

.overview-hub--epic .overview-care {
  border:0 !important;
  border-top:1px solid var(--colour-line) !important;
  border-bottom:1px solid var(--colour-line) !important;
  background:none !important;
  padding:0.72rem 0 !important;
}
.overview-hub--epic .overview-care::after { display:none !important; }
.overview-hub--epic .overview-care .section-heading { margin-bottom:0.45rem !important; }
.overview-hub--epic .overview-care-card {
  display:grid;
  grid-template-columns:minmax(180px,0.8fr) minmax(220px,1.35fr) auto;
  align-items:center;
  gap:1rem;
  border:0 !important;
  border-top:1px solid color-mix(in srgb,var(--colour-line) 70%,transparent) !important;
  border-left:1px solid color-mix(in srgb,var(--colour-action) 60%,var(--colour-line)) !important;
  border-radius:0 !important;
  background:none !important;
  padding:0.7rem 0.75rem !important;
}
.overview-hub--epic .overview-care-grid > :only-child { grid-column:1 / -1 !important; max-width:none !important; }
.overview-hub--epic .overview-care-card__person { align-items:center; grid-column:1 !important; grid-row:1 !important; }
.overview-hub--epic .overview-care-card > p { grid-column:2 !important; grid-row:1 !important; }
.overview-hub--epic .overview-care-card > .button { grid-column:3 !important; grid-row:1 !important; align-self:center; }
.overview-hub--epic .overview-care-card__person .overview-person,
.overview-hub--epic .overview-care-card__person .overview-person > .avatar,
.overview-hub--epic .overview-care-card__person .overview-person > .avatar-fallback { width:38px; height:38px; }
.overview-hub--epic .overview-care-card__person strong { font-size:0.8rem; }
.overview-hub--epic .overview-care-card__person small,
.overview-hub--epic .overview-care-card p { font-size:0.67rem; }
.overview-hub--epic .overview-care-card p { margin:0; max-width:52ch; }
.overview-hub--epic .overview-care-card .button {
  width:auto !important;
  min-width:150px;
  min-height:38px;
  justify-self:end;
  grid-column:auto !important;
  border-radius:var(--radius-sm);
  padding:0.6rem 0.8rem;
  font-size:0.69rem;
}

.overview-hub--epic .overview-discovery-deck {
  align-items:start;
  gap:clamp(1.25rem,2.4vw,2rem) !important;
}
.overview-hub--epic .overview-world-grid {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  gap:0 !important;
}
.overview-hub--epic .overview-world-card,
.overview-hub--epic .overview-world-card--featured {
  display:grid;
  min-height:0 !important;
  border:0 !important;
  border-top:1px solid color-mix(in srgb,var(--colour-line) 70%,transparent) !important;
  border-radius:0 !important;
  background:none !important;
  padding:0.7rem 0 !important;
  box-shadow:none !important;
}
.overview-hub--epic .overview-world-card:first-child { border-top:0 !important; }
.overview-hub--epic .overview-world-card__head .overview-person,
.overview-hub--epic .overview-world-card__head .overview-person > .avatar,
.overview-hub--epic .overview-world-card__head .overview-person > .avatar-fallback { width:36px; height:36px; }
.overview-hub--epic .overview-world-card__head strong { font-size:0.78rem; }
.overview-hub--epic .overview-world-card > p {
  margin:0.28rem 0 0 2.85rem !important;
  font-size:0.71rem;
  line-height:1.45;
}
.overview-hub--epic .overview-world-card > span { margin:0.2rem 0 0 2.85rem !important; font-size:0.61rem; }

.overview-hub--epic .overview-wildcard-card {
  min-height:0 !important;
  border:0 !important;
  border-top:1px solid color-mix(in srgb,var(--colour-line) 70%,transparent) !important;
  border-left:1px solid color-mix(in srgb,var(--colour-action) 70%,var(--colour-line)) !important;
  border-radius:0 !important;
  background:none !important;
  padding:0.75rem 0 0.75rem 0.9rem !important;
  box-shadow:none !important;
}
.overview-hub--epic .overview-wildcard-card__mark { font-size:1.4rem; line-height:1; }
.overview-hub--epic .overview-wildcard-card h3 { margin:0.45rem 0 0.3rem; font-size:1rem; line-height:1.3; }
.overview-hub--epic .overview-wildcard-card p { font-size:0.7rem; }
.overview-hub--epic .overview-wildcard-card > span:last-child { font-size:0.65rem; }

.overview-hub--epic .overview-media-lane .section-heading h2 { font-size:clamp(1.7rem,2.6vw,2.25rem) !important; }
.overview-hub--epic .overview-media-card { border-radius:7px !important; }
.overview-hub--epic .overview-media-card__identity {
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  width:auto !important;
  min-height:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:linear-gradient(180deg,transparent,rgba(4,8,9,.88)) !important;
  padding:2.1rem 0.7rem 0.55rem !important;
  box-shadow:none !important;
}
.overview-hub--epic .overview-media-card__identity .avatar,
.overview-hub--epic .overview-media-card__identity .avatar-fallback { width:25px; height:25px; }
.overview-hub--epic .overview-media-card__identity strong { font-size:0.65rem; }
.overview-hub--epic .overview-media-card__identity small { font-size:0.54rem; }
.overview-hub--epic .overview-media-card__video-mark { width:42px; height:42px; font-size:0.9rem; }

@media (max-width:760px) {
  .overview-hub--epic .overview-hub__masthead {
    grid-template-columns:minmax(0,1fr) auto !important;
    padding-top:0 !important;
  }
  .overview-hub--epic .overview-hub__identity > div { grid-column:1 / -1; grid-row:1; }
  .overview-hub--epic .overview-hub__identity > .avatar,
  .overview-hub--epic .overview-hub__identity > .avatar-fallback { grid-column:1; grid-row:2; width:42px !important; height:42px !important; }
  .overview-hub--epic .overview-hub__visit { grid-column:2; grid-row:2; min-width:0; }
  .overview-hub--epic .overview-hub__identity h1 { font-size:clamp(2.35rem,13vw,3.15rem) !important; }
  .overview-hub--epic .overview-quick-actions { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); }
  .overview-hub--epic .overview-quick-actions > a { justify-content:center; padding-inline:0.3rem !important; }
  .overview-hub--epic .overview-quick-actions img { display:none; }
  .overview-hub--epic .overview-care-card { grid-template-columns:minmax(0,1fr); gap:0.55rem; }
  .overview-hub--epic .overview-care-card__person,
  .overview-hub--epic .overview-care-card > p,
  .overview-hub--epic .overview-care-card > .button { grid-column:1 !important; grid-row:auto !important; }
  .overview-hub--epic .overview-care-card .button { justify-self:start; }
  .overview-hub--epic .overview-continue { grid-template-columns:34px minmax(0,1fr); }
  .overview-hub--epic .overview-continue b { grid-column:2; }
}/* Overview V3.3: two meaningful rules, not seventeen. */
.overview-hub--epic .overview-now-grid > .overview-section,
.overview-hub--epic .overview-care,
.overview-hub--epic .overview-discovery-deck > .overview-section {
  border:0 !important;
}
.overview-hub--epic .section-heading {
  border:0 !important;
  border-bottom:0 !important;
  padding-bottom:0 !important;
}
.overview-hub--epic .overview-care {
  background:linear-gradient(90deg,color-mix(in srgb,var(--colour-info) 4%,transparent),transparent 48%,color-mix(in srgb,var(--colour-action) 3%,transparent)) !important;
  padding:0.85rem 1rem !important;
}
.overview-hub--epic .overview-care::after { display:none !important; }
.overview-hub--epic .overview-care-card {
  border:0 !important;
  border-left:0 !important;
  background:none !important;
  padding:0.55rem 0 !important;
}
.overview-hub--epic .overview-world-grid { gap:0.35rem !important; }
.overview-hub--epic .overview-world-card,
.overview-hub--epic .overview-world-card--featured {
  border:0 !important;
  border-top:0 !important;
  background:none !important;
  padding:0.68rem 0.5rem !important;
}
.overview-hub--epic .overview-world-card:hover {
  background:color-mix(in srgb,var(--colour-info) 4%,transparent) !important;
}
.overview-hub--epic .overview-wildcard-card {
  border:0 !important;
  border-left:0 !important;
  background:linear-gradient(125deg,color-mix(in srgb,var(--colour-forum) 7%,transparent),transparent 68%) !important;
  padding:0.9rem 1rem !important;
}
.overview-hub--epic .overview-media-lane {
  border:0 !important;
  border-top:1px solid color-mix(in srgb,var(--colour-line) 70%,transparent) !important;
  padding-top:1rem !important;
}

/* Overview V4: one composed front room, not five accumulated dashboards. */
body[data-route="v6-next-home"] .overview-hub--epic {
  gap:clamp(1.5rem,2.5vw,2.35rem) !important;
}
body[data-route="v6-next-home"] .overview-hub--epic .overview-hub__masthead {
  position:relative;
  isolation:isolate;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto;
  min-height:238px !important;
  overflow:hidden;
  align-items:center !important;
  gap:1.5rem !important;
  border:1px solid color-mix(in srgb,var(--colour-info) 30%,var(--colour-line)) !important;
  border-radius:24px !important;
  background:
    radial-gradient(circle at 8% 18%,color-mix(in srgb,var(--colour-info) 20%,transparent),transparent 34%),
    radial-gradient(circle at 93% 100%,color-mix(in srgb,var(--colour-action) 18%,transparent),transparent 38%),
    linear-gradient(135deg,#0c1719 0%,var(--colour-surface) 54%,#151210 100%) !important;
  padding:clamp(1.5rem,3vw,2.4rem) clamp(1.35rem,3.2vw,2.65rem) 3.5rem !important;
  box-shadow:0 26px 70px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.025) !important;
}
body[data-route="v6-next-home"] .overview-hub--epic .overview-hub__masthead::before {
  position:absolute;
  z-index:-1;
  inset:-42% -8% auto auto;
  display:block !important;
  width:430px;
  height:280px;
  border:1px solid color-mix(in srgb,var(--colour-info) 22%,transparent);
  border-radius:50%;
  content:"";
  transform:rotate(-13deg);
}
body[data-route="v6-next-home"] .overview-hub--epic .overview-hub__masthead::after {
  position:absolute;
  z-index:-1;
  right:8%;
  bottom:-92px;
  width:310px;
  height:190px;
  border:1px solid color-mix(in srgb,var(--colour-action) 18%,transparent);
  border-radius:50%;
  content:"";
  transform:rotate(18deg);
}
body[data-route="v6-next-home"] .overview-hub--epic .overview-hub__identity {
  display:grid !important;
  grid-template-columns:72px minmax(0,1fr);
  align-items:center;
  gap:1.2rem;
}
body[data-route="v6-next-home"] .overview-hub--epic .overview-hub__identity > .avatar,
body[data-route="v6-next-home"] .overview-hub--epic .overview-hub__identity > .avatar-fallback {
  grid-column:1 !important;
  grid-row:1 !important;
  width:72px !important;
  height:72px !important;
  border:2px solid color-mix(in srgb,var(--colour-info) 72%,white 8%) !important;
  box-shadow:0 0 0 8px color-mix(in srgb,var(--colour-info) 8%,transparent) !important;
}
body[data-route="v6-next-home"] .overview-hub--epic .overview-hub__identity > div {
  grid-column:2 !important;
  grid-row:1 !important;
}
body[data-route="v6-next-home"] .overview-hub--epic .overview-hub__identity h1 {
  margin:.2rem 0 .55rem !important;
  max-width:12ch !important;
  font-size:clamp(3.2rem,5.4vw,5.6rem) !important;
  line-height:.88 !important;
  letter-spacing:-.055em !important;
}
body[data-route="v6-next-home"] .overview-hub--epic .overview-hub__identity p:last-child {
  max-width:52ch;
  color:color-mix(in srgb,var(--colour-text-muted) 88%,white);
  font-size:.96rem;
}
body[data-route="v6-next-home"] .overview-hub--epic .overview-hub__visit {
  grid-column:2 !important;
  grid-row:1 !important;
  align-self:end;
  min-width:156px;
  border-left:1px solid color-mix(in srgb,var(--colour-info) 42%,var(--colour-line));
  padding:0 0 .25rem 1rem;
}
body[data-route="v6-next-home"] .overview-hub--epic .overview-quick-actions {
  position:relative;
  z-index:2;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:calc(100% - clamp(1.5rem,4vw,4rem));
  margin:-3.65rem auto 0;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--colour-info) 24%,var(--colour-line)) !important;
  border-radius:14px !important;
  background:color-mix(in srgb,var(--colour-surface) 94%,#081012) !important;
  box-shadow:0 18px 48px rgba(0,0,0,.28) !important;
}
body[data-route="v6-next-home"] .overview-hub--epic .overview-quick-actions > a {
  min-height:76px !important;
  border-right:1px solid var(--colour-line) !important;
  border-radius:0 !important;
  padding:.9rem 1.05rem !important;
}
body[data-route="v6-next-home"] .overview-hub--epic .overview-quick-actions > a:last-child { border-right:0 !important; }
body[data-route="v6-next-home"] .overview-hub--epic .overview-quick-actions small { display:block !important; }
body[data-route="v6-next-home"] .overview-hub--epic .overview-now-grid {
  grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);
  gap:clamp(1.35rem,2.8vw,2.6rem) !important;
}
body[data-route="v6-next-home"] .overview-hub--epic .overview-now-grid > .overview-section {
  position:relative;
  min-height:178px;
  border:1px solid var(--colour-line) !important;
  border-radius:18px !important;
  background:color-mix(in srgb,var(--colour-surface) 88%,transparent) !important;
  padding:1.15rem 1.25rem !important;
}
body[data-route="v6-next-home"] .overview-hub--epic .overview-section--attention {
  border-color:color-mix(in srgb,var(--colour-success) 25%,var(--colour-line)) !important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--colour-success) 8%,var(--colour-surface)),var(--colour-surface)) !important;
}
body[data-route="v6-next-home"] .overview-hub--epic .overview-section--continue {
  border-color:color-mix(in srgb,var(--colour-info) 30%,var(--colour-line)) !important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--colour-info) 9%,var(--colour-surface)),var(--colour-surface) 62%) !important;
}
body[data-route="v6-next-home"] .overview-hub--epic .overview-now-grid .section-heading h2 { font-size:clamp(1.65rem,2.6vw,2.45rem) !important; }
body[data-route="v6-next-home"] .overview-hub--epic .overview-all-clear,
body[data-route="v6-next-home"] .overview-hub--epic .overview-continue { margin-top:auto; }
body[data-route="v6-next-home"] .overview-hub--epic .overview-care {
  border:1px solid color-mix(in srgb,var(--colour-action) 24%,var(--colour-line)) !important;
  border-radius:18px !important;
  background:linear-gradient(105deg,color-mix(in srgb,var(--colour-action) 9%,var(--colour-surface)),var(--colour-surface) 50%,color-mix(in srgb,var(--colour-info) 6%,var(--colour-surface))) !important;
  padding:1.15rem 1.3rem !important;
}
body[data-route="v6-next-home"] .overview-hub--epic .overview-discovery-deck {
  grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);
  gap:clamp(1.4rem,2.8vw,2.6rem) !important;
}
body[data-route="v6-next-home"] .overview-hub--epic .overview-discovery-deck > .overview-section {
  border-top:1px solid var(--colour-line) !important;
  padding-top:1rem !important;
}
body[data-route="v6-next-home"] .overview-hub--epic .overview-world-card {
  border-bottom:1px solid color-mix(in srgb,var(--colour-line) 70%,transparent) !important;
  padding:.8rem .55rem !important;
}
body[data-route="v6-next-home"] .overview-hub--epic .overview-wildcard-card {
  min-height:220px !important;
  justify-content:flex-end;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--colour-action) 30%,var(--colour-line)) !important;
  border-radius:18px !important;
  background:radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--colour-action) 20%,transparent),transparent 42%),linear-gradient(145deg,color-mix(in srgb,var(--colour-action) 8%,var(--colour-surface)),var(--colour-surface)) !important;
  padding:1.15rem !important;
}
body[data-route="v6-next-home"] .overview-context-rail {
  background:linear-gradient(180deg,color-mix(in srgb,var(--colour-surface) 86%,#071011),transparent 82%);
}
body[data-route="v6-next-home"] .overview-hot-card:nth-child(n+4) { display:none; }
@media (max-width:980px) {
  body[data-route="v6-next-home"] .overview-hub--epic .overview-hub__masthead { min-height:220px !important; }
  body[data-route="v6-next-home"] .overview-hub--epic .overview-now-grid,
  body[data-route="v6-next-home"] .overview-hub--epic .overview-discovery-deck { grid-template-columns:minmax(0,1fr); }
  body[data-route="v6-next-home"] .overview-hub--epic .overview-now-grid > .overview-section { min-height:132px; }
}
@media (max-width:640px) {
  body[data-route="v6-next-home"] .overview-hub--epic { gap:1.2rem !important; }
  body[data-route="v6-next-home"] .overview-hub--epic .overview-hub__masthead {
    grid-template-columns:minmax(0,1fr) !important;
    min-height:0 !important;
    border-radius:18px !important;
    padding:1.2rem 1.1rem 1.35rem !important;
  }
  body[data-route="v6-next-home"] .overview-hub--epic .overview-hub__identity { position:relative; display:block !important; }
  body[data-route="v6-next-home"] .overview-hub--epic .overview-hub__identity > .avatar,
  body[data-route="v6-next-home"] .overview-hub--epic .overview-hub__identity > .avatar-fallback {
    position:absolute;
    z-index:2;
    top:.1rem;
    right:0;
    width:44px !important;
    height:44px !important;
    box-shadow:0 0 0 5px color-mix(in srgb,var(--colour-info) 7%,transparent) !important;
  }
  body[data-route="v6-next-home"] .overview-hub--epic .overview-hub__identity > div { display:block; padding-right:0; }
  body[data-route="v6-next-home"] .overview-hub--epic .overview-hub__identity h1 {
    max-width:8ch !important;
    padding-right:0;
    font-size:clamp(2.35rem,11.5vw,2.9rem) !important;
    overflow-wrap:normal;
    word-break:normal;
  }
  body[data-route="v6-next-home"] .overview-hub--epic .overview-hub__identity .eyebrow { padding-right:3.8rem; }
  body[data-route="v6-next-home"] .overview-hub--epic .overview-hub__visit { display:none; }
  body[data-route="v6-next-home"] .overview-hub--epic .overview-quick-actions { width:calc(100% - 1rem); margin:-.5rem auto 0; }
  body[data-route="v6-next-home"] .overview-hub--epic .overview-quick-actions > a { min-height:64px !important; padding:.7rem .3rem !important; }
  body[data-route="v6-next-home"] .overview-hub--epic .overview-quick-actions small,
  body[data-route="v6-next-home"] .overview-hub--epic .overview-quick-actions img { display:none !important; }
  body[data-route="v6-next-home"] .overview-hub--epic .overview-now-grid > .overview-section { min-height:0; border-radius:14px !important; padding:1rem !important; }
  body[data-route="v6-next-home"] .overview-hub--epic .overview-care { border-radius:14px !important; padding:1rem !important; }
  body[data-route="v6-next-home"] .overview-hub--epic .overview-wildcard-card { min-height:180px !important; border-radius:14px !important; }
}

body[data-route="v6-next-home"] .overview-hub--epic .overview-discovery-deck .overview-world-grid {
  grid-template-rows:none !important;
  grid-auto-rows:auto;
}
body[data-route="v6-next-home"] .overview-hub--epic .overview-discovery-deck .overview-world-card,
body[data-route="v6-next-home"] .overview-hub--epic .overview-discovery-deck .overview-world-card--featured {
  grid-row:auto !important;
  min-height:auto !important;
}

/* Overview V4.1: optical alignment and a real two-column social field. */
body[data-route="v6-next-home"] .overview-hub--epic .overview-hub__identity .eyebrow {
  position:relative;
  gap:0;
}
body[data-route="v6-next-home"] .overview-hub--epic .overview-hub__identity .eyebrow .status-dot {
  position:absolute;
  right:calc(100% + .72rem);
  margin:0;
}
body[data-route="v6-next-home"] .overview-hub--epic .overview-hub__identity h1 {
  margin-left:-.045em !important;
}
body[data-route="v6-next-home"] .overview-hub--epic .overview-now-grid {
  align-items:stretch !important;
}
body[data-route="v6-next-home"] .overview-hub--epic .overview-now-grid > .overview-section {
  align-self:stretch !important;
  height:100%;
}
body[data-route="v6-next-home"] .overview-hub--epic .overview-discovery-deck .overview-world-grid {
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  grid-template-rows:repeat(3,minmax(0,auto)) !important;
  grid-auto-flow:column;
  grid-auto-columns:minmax(0,1fr);
  column-gap:1.5rem;
  row-gap:0;
}
body[data-route="v6-next-home"] .overview-hub--epic .overview-discovery-deck .overview-world-card,
body[data-route="v6-next-home"] .overview-hub--epic .overview-discovery-deck .overview-world-card--featured {
  align-self:stretch;
  min-width:0;
  border:0 !important;
  border-bottom:1px solid var(--colour-line) !important;
  border-radius:0 !important;
  background:transparent !important;
  padding:.8rem 0 !important;
}
body[data-route="v6-next-home"] .overview-hub--epic .overview-world-card p {
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
body[data-route="v6-next-home"] .overview-hub--epic .overview-world-card {
  position:relative;
  cursor:pointer;
  transition:background-color 150ms ease,box-shadow 150ms ease,transform 150ms ease,color 150ms ease;
}
body[data-route="v6-next-home"] .overview-hub--epic .overview-world-card::after {
  content:'→';
  position:absolute;
  top:.8rem;
  right:.7rem;
  color:var(--colour-info);
  font-weight:800;
  opacity:0;
  transform:translateX(-4px);
  transition:opacity 150ms ease,transform 150ms ease;
}
@media (hover:hover) {
  body[data-route="v6-next-home"] .overview-hub--epic .overview-world-card:hover {
    z-index:1;
    background:color-mix(in srgb,var(--colour-info) 7%,transparent) !important;
    box-shadow:inset 3px 0 0 var(--colour-info) !important;
    transform:translateY(-2px);
  }
  body[data-route="v6-next-home"] .overview-hub--epic .overview-world-card:hover::after {
    opacity:1;
    transform:translateX(0);
  }
  body[data-route="v6-next-home"] .overview-hub--epic .overview-world-card:hover strong {
    color:var(--colour-info);
  }
}
body[data-route="v6-next-home"] .overview-hub--epic .overview-world-card:focus-visible {
  z-index:1;
  outline:2px solid var(--colour-info);
  outline-offset:3px;
  background:color-mix(in srgb,var(--colour-info) 7%,transparent) !important;
  box-shadow:inset 3px 0 0 var(--colour-info) !important;
  transform:translateY(-2px);
}
body[data-route="v6-next-home"] .overview-hub--epic .overview-world-card:focus-visible::after {
  opacity:1;
  transform:translateX(0);
}
@media (prefers-reduced-motion:reduce) {
  body[data-route="v6-next-home"] .overview-hub--epic .overview-world-card,
  body[data-route="v6-next-home"] .overview-hub--epic .overview-world-card::after { transition:none; }
}
@media (max-width:640px) {
  body[data-route="v6-next-home"] .overview-hub--epic .overview-hub__identity h1 { margin-left:-.035em !important; }
  body[data-route="v6-next-home"] .overview-hub--epic .overview-hub__identity .eyebrow .status-dot {
    position:static;
    margin-right:.65rem;
  }
  body[data-route="v6-next-home"] .overview-hub--epic .overview-discovery-deck .overview-world-grid {
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-rows:none !important;
    grid-auto-flow:row;
  }
}

/* First Sparks: an intentional first-hour Home, not three apologetic empty cards. */
body[data-route="v6-next-home"] .first-sparks {
  display:grid;
  grid-template-columns:minmax(0,1fr) !important;
  grid-auto-flow:row;
  gap:1.5rem;
  min-width:0;
  padding-bottom:3rem;
}
body[data-route="v6-next-home"] .first-sparks > * {
  grid-column:1 !important;
  grid-row:auto !important;
  min-width:0;
}
body[data-route="v6-next-home"] .first-sparks__hero {
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);
  gap:2rem;
  overflow:hidden;
  min-height:350px;
  border:1px solid color-mix(in srgb,var(--colour-info) 24%,var(--colour-line));
  border-radius:24px;
  background:
    radial-gradient(circle at 78% 15%,color-mix(in srgb,var(--colour-info) 18%,transparent),transparent 31%),
    radial-gradient(circle at 95% 100%,color-mix(in srgb,var(--colour-warning) 19%,transparent),transparent 38%),
    linear-gradient(125deg,#102426 0%,#0c1719 52%,#1d1512 100%);
  padding:2.6rem;
}
body[data-route="v6-next-home"] .first-sparks__hero::before,
body[data-route="v6-next-home"] .first-sparks__hero::after {
  content:'';
  position:absolute;
  z-index:-1;
  border:1px solid color-mix(in srgb,var(--colour-info) 14%,transparent);
  border-radius:50%;
  width:360px;
  height:360px;
  right:-105px;
  top:-185px;
}
body[data-route="v6-next-home"] .first-sparks__hero::after { right:-220px; top:105px; width:460px; height:460px; border-color:color-mix(in srgb,var(--colour-warning) 12%,transparent); }
body[data-route="v6-next-home"] .first-sparks__hero-copy { align-self:center; max-width:660px; }
body[data-route="v6-next-home"] .first-sparks__hero h1 {
  max-width:12ch;
  margin:.45rem 0 1rem;
  color:var(--colour-ink);
  font-family:var(--font-display);
  font-size:clamp(3.3rem,5.1vw,5.5rem);
  font-weight:850;
  letter-spacing:-.065em;
  line-height:.96;
}
body[data-route="v6-next-home"] .first-sparks__hero-copy > p:last-child { max-width:58ch; color:var(--colour-muted); font-size:1.02rem; line-height:1.65; }
body[data-route="v6-next-home"] .first-sparks__meter {
  align-self:center;
  border:1px solid color-mix(in srgb,var(--colour-line) 84%,transparent);
  border-radius:18px;
  background:color-mix(in srgb,var(--colour-surface) 78%,transparent);
  box-shadow:0 20px 60px rgb(0 0 0 / .24);
  padding:1.25rem 1.25rem 1.1rem;
}
body[data-route="v6-next-home"] .first-sparks__wire { position:relative; height:4px; margin:1.1rem 1.7rem -.3rem; border-radius:999px; background:var(--colour-line); }
body[data-route="v6-next-home"] .first-sparks__wire > span { display:block; width:calc(var(--spark-progress) * 100%); height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--colour-info),var(--colour-warning)); box-shadow:0 0 18px color-mix(in srgb,var(--colour-info) 55%,transparent); }
body[data-route="v6-next-home"] .first-sparks__meter ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem; margin:0; padding:0; list-style:none; }
body[data-route="v6-next-home"] .first-sparks__meter li { position:relative; display:grid; justify-items:center; gap:.25rem; min-width:0; color:var(--colour-dim); text-align:center; }
body[data-route="v6-next-home"] .first-sparks__meter li > span { display:grid; place-items:center; width:34px; height:34px; border:2px solid var(--colour-line); border-radius:50%; background:var(--colour-surface); color:var(--colour-muted); font-family:var(--font-mono); font-weight:800; }
body[data-route="v6-next-home"] .first-sparks__meter li.is-lit > span { border-color:var(--colour-info); background:var(--colour-info); color:#071315; box-shadow:0 0 22px color-mix(in srgb,var(--colour-info) 45%,transparent); }
body[data-route="v6-next-home"] .first-sparks__meter li strong { color:var(--colour-ink); font-size:.78rem; }
body[data-route="v6-next-home"] .first-sparks__meter li small { font-size:.68rem; }
body[data-route="v6-next-home"] .first-sparks__meter > p { margin:1.1rem 0 0; border-top:1px solid var(--colour-line); padding-top:.9rem; color:var(--colour-muted); font-size:.78rem; text-align:center; }
body[data-route="v6-next-home"] .first-sparks__voice,
body[data-route="v6-next-home"] .first-sparks__card,
body[data-route="v6-next-home"] .first-sparks__borrow {
  border:1px solid var(--colour-line);
  border-radius:18px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--colour-surface) 95%,var(--colour-info) 5%),var(--colour-surface));
}
body[data-route="v6-next-home"] .first-sparks__voice { display:grid; grid-template-columns:minmax(250px,.75fr) minmax(0,1.25fr); gap:2rem; padding:1.6rem; }
body[data-route="v6-next-home"] .first-sparks__section-copy { align-self:center; }
body[data-route="v6-next-home"] .first-sparks h2 { margin:.35rem 0 .7rem; color:var(--colour-ink); font-family:var(--font-display); font-size:clamp(1.75rem,2.6vw,2.6rem); letter-spacing:-.035em; line-height:1.04; }
body[data-route="v6-next-home"] .first-sparks__section-copy > p,
body[data-route="v6-next-home"] .first-sparks__card > p,
body[data-route="v6-next-home"] .first-sparks__borrow > div > p { color:var(--colour-muted); line-height:1.55; }
body[data-route="v6-next-home"] .first-sparks__prompts { display:flex; flex-wrap:wrap; gap:.45rem; margin-top:1rem; }
body[data-route="v6-next-home"] .first-sparks__prompts button { border:1px solid color-mix(in srgb,var(--colour-info) 30%,var(--colour-line)); border-radius:999px; background:color-mix(in srgb,var(--colour-info) 6%,transparent); padding:.48rem .75rem; color:var(--colour-muted); font-size:.74rem; cursor:pointer; }
body[data-route="v6-next-home"] .first-sparks__prompts button:hover,
body[data-route="v6-next-home"] .first-sparks__prompts button:focus-visible { border-color:var(--colour-info); color:var(--colour-info); }
body[data-route="v6-next-home"] .first-sparks__composer .activity-composer { margin:0; border-color:color-mix(in srgb,var(--colour-info) 24%,var(--colour-line)); background:color-mix(in srgb,var(--colour-canvas) 78%,transparent); box-shadow:none; }
body[data-route="v6-next-home"] .first-sparks__pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; }
body[data-route="v6-next-home"] .first-sparks__card { display:flex; flex-direction:column; min-height:390px; padding:1.5rem; }
body[data-route="v6-next-home"] .first-sparks__topic-list,
body[data-route="v6-next-home"] .first-sparks__group-list { display:grid; gap:0; margin:1rem 0; border-top:1px solid var(--colour-line); }
body[data-route="v6-next-home"] .first-sparks__topic-list a,
body[data-route="v6-next-home"] .first-sparks__group-list a { display:grid; gap:.18rem; border-bottom:1px solid var(--colour-line); padding:.78rem 0; color:var(--colour-ink); text-decoration:none; }
body[data-route="v6-next-home"] .first-sparks__topic-list a:hover strong,
body[data-route="v6-next-home"] .first-sparks__group-list a:hover strong { color:var(--colour-info); }
body[data-route="v6-next-home"] .first-sparks__topic-list span,
body[data-route="v6-next-home"] .first-sparks__group-list small { color:var(--colour-dim); font-size:.72rem; }
body[data-route="v6-next-home"] .first-sparks__group-list a { grid-template-columns:42px minmax(0,1fr); align-items:center; }
body[data-route="v6-next-home"] .first-sparks__group-list img,
body[data-route="v6-next-home"] .first-sparks__group-list a > span:first-child { display:grid; place-items:center; width:38px; height:38px; border-radius:10px; background:color-mix(in srgb,var(--colour-info) 10%,transparent); object-fit:cover; }
body[data-route="v6-next-home"] .first-sparks__actions { display:flex; flex-wrap:wrap; gap:.7rem; margin-top:auto; padding-top:1rem; }
body[data-route="v6-next-home"] .first-sparks__rooms > .button { align-self:flex-start; margin-top:auto; }
body[data-route="v6-next-home"] .first-sparks__honest-empty { margin:1rem 0; border:1px dashed color-mix(in srgb,var(--colour-warning) 35%,var(--colour-line)); border-radius:12px; background:color-mix(in srgb,var(--colour-warning) 5%,transparent); padding:1rem; }
body[data-route="v6-next-home"] .first-sparks__honest-empty strong { color:var(--colour-warning); }
body[data-route="v6-next-home"] .first-sparks__honest-empty p { margin:.35rem 0 0; color:var(--colour-muted); font-size:.78rem; line-height:1.5; }
body[data-route="v6-next-home"] .first-sparks__borrow { display:grid; grid-template-columns:minmax(0,.78fr) minmax(310px,1.22fr); gap:2rem; align-items:center; padding:1.5rem; }
body[data-route="v6-next-home"] .first-sparks__borrowed-topic { position:relative; display:grid; gap:.35rem; overflow:hidden; border:1px solid color-mix(in srgb,var(--colour-warning) 24%,var(--colour-line)); border-radius:14px; background:radial-gradient(circle at 92% 10%,color-mix(in srgb,var(--colour-warning) 25%,transparent),transparent 30%),#151513; padding:1.3rem 4.5rem 1.3rem 1.3rem; color:var(--colour-ink); text-decoration:none; }
body[data-route="v6-next-home"] .first-sparks__borrowed-topic::after { content:'?'; position:absolute; right:1rem; top:-.3rem; color:color-mix(in srgb,var(--colour-warning) 35%,transparent); font-family:var(--font-display); font-size:5rem; font-weight:900; }
body[data-route="v6-next-home"] .first-sparks__borrowed-topic span { color:var(--colour-warning); font-family:var(--font-mono); font-size:.68rem; font-weight:800; text-transform:uppercase; }
body[data-route="v6-next-home"] .first-sparks__borrowed-topic strong { font-size:1.15rem; }
body[data-route="v6-next-home"] .first-sparks__borrowed-topic small { color:var(--colour-muted); }
body[data-route="v6-next-home"] .first-sparks__media { margin-top:.2rem; }
@media (max-width:980px) {
  body[data-route="v6-next-home"] .first-sparks__hero,
  body[data-route="v6-next-home"] .first-sparks__voice,
  body[data-route="v6-next-home"] .first-sparks__borrow { grid-template-columns:minmax(0,1fr); }
  body[data-route="v6-next-home"] .first-sparks__hero { min-height:0; }
}
@media (max-width:700px) {
  body[data-route="v6-next-home"] .first-sparks { gap:1rem; }
  body[data-route="v6-next-home"] .first-sparks__hero { gap:1.2rem; border-radius:18px; padding:1.35rem 1.1rem; }
  body[data-route="v6-next-home"] .first-sparks__hero h1 { font-size:clamp(2.65rem,13vw,3.55rem); }
  body[data-route="v6-next-home"] .first-sparks__meter { padding:.95rem .7rem; }
  body[data-route="v6-next-home"] .first-sparks__meter li strong { font-size:.68rem; }
  body[data-route="v6-next-home"] .first-sparks__meter li small { display:none; }
  body[data-route="v6-next-home"] .first-sparks__pair { grid-template-columns:minmax(0,1fr); gap:1rem; }
  body[data-route="v6-next-home"] .first-sparks__voice,
  body[data-route="v6-next-home"] .first-sparks__card,
  body[data-route="v6-next-home"] .first-sparks__borrow { border-radius:14px; padding:1.1rem; }
  body[data-route="v6-next-home"] .first-sparks__card { min-height:0; }
  body[data-route="v6-next-home"] .first-sparks__prompts { display:grid; grid-template-columns:minmax(0,1fr); }
}

/* Universal Follow: keep preference controls below relationship actions. */
.watch-notification-form{display:flex;flex-wrap:wrap;align-items:end;gap:.5rem;margin-top:.75rem;min-width:0}
.watch-notification-form label{display:grid;gap:.3rem;flex:1;min-width:0;font-size:.85rem}
.watch-notification-form select{width:100%;min-width:0;max-width:100%}
.watch-notification-form small{flex-basis:100%;font-size:.75rem;line-height:1.45}


/* Compact profile relationship controls and followers. */
.identity-header--profile .identity-header__profile-side{display:flex;flex-direction:column;align-items:stretch;min-width:0}
.identity-header--profile:not(.identity-header--watcher) .member-profile-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.profile-relationship-actions,.profile-message-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;width:100%}
.profile-relationship-actions:has(>:only-child){grid-template-columns:1fr}
.profile-relationship-actions>form,.profile-message-actions>form{margin:0}
.profile-relationship-actions .button,.profile-message-actions .button{width:100%;justify-content:center}
.profile-action-menu>summary{list-style:none;cursor:pointer;box-sizing:border-box}
.profile-action-menu>summary::-webkit-details-marker{display:none}
.profile-action-menu:not([open]) .profile-action-popup{display:none}
.profile-action-popup{position:fixed;z-index:1000;background:var(--colour-surface-raised);color:var(--colour-text);border:1px solid var(--colour-line-strong);border-radius:.65rem;box-shadow:var(--shadow-soft);padding:.4rem;max-height:calc(100dvh - 24px);overflow:auto}
.profile-action-popup form{margin:0;width:100%}
.profile-notification-options{display:grid!important;gap:.15rem!important;margin:0!important}
.profile-notification-options button{border:0;background:transparent;color:var(--colour-text);padding:.7rem;text-align:left;border-radius:.35rem;font:inherit;cursor:pointer}
.profile-notification-options button::before{content:'○';display:inline-block;width:1.5em}
.profile-notification-options button[aria-checked=true]::before{content:'✓';color:var(--colour-success)}
.profile-notification-options button:hover,.profile-notification-options button:focus-visible{background:var(--colour-surface-muted)}
.profile-unfollow-option{border-top:1px solid var(--colour-line);padding-top:.35rem!important;margin-top:.35rem!important}
.profile-choice-status{font-size:.8rem;line-height:1.4;color:var(--colour-text-muted)}
.profile-followers{padding:1rem;border:1px solid var(--colour-line);border-radius:.8rem;background:var(--colour-surface);margin:1rem 0;scroll-margin-top:6rem}
.profile-follower-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.7rem}
.profile-follower{display:flex;align-items:center;gap:.65rem;padding:.6rem;border-radius:.5rem;background:var(--colour-surface-raised);color:var(--colour-text);text-decoration:none}
.profile-follower img{border-radius:50%;object-fit:cover}
.profile-followers nav{display:flex;gap:1rem;margin-top:.75rem}

/* Profile columns share the standard two-rem rail inset. */
@media (min-width: 901px) {
 .ww-v6-native-route-member_profile .site-frame > .main-content,
 .ww-v6-native-route-member_profile .site-frame > .context-rail { padding-top:var(--space-8); }
 .ww-v6-native-route-member_profile .identity-header--compact .identity-header__main { padding-top:0;align-items:start; }
 .ww-v6-native-route-member_profile .identity-header--compact.identity-header--has-member-cover .identity-header__main { min-height:0;align-items:end;margin-top:auto; }
}
/* Four metrics retain readable labels instead of spending their width on padding. */
.identity-header--profile:not(.identity-header--watcher) .member-profile-stat { min-width:0;padding-inline:var(--space-1);text-align:center; }
.identity-header--profile:not(.identity-header--watcher) .member-profile-stat strong { letter-spacing:0;white-space:nowrap; }
@media (max-width:360px) {
 .identity-header--profile:not(.identity-header--watcher) .member-profile-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* Append once to wittywires-v6-next/assets/css/v6.css. */
.ww-video-share {
  position: relative;
  display: inline-flex;
}

.group-media-viewer__copy .ww-video-share__trigger {
  margin-top: 0;
}

.ww-video-share__panel {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 8;
  width: 310px;
  max-width: calc(100vw - 32px);
  max-height: min(430px, calc(100vh - 32px));
  overflow: auto;
  padding: 18px;
  border: 1px solid var(--colour-line, #334047);
  border-radius: 12px;
  background: var(--colour-surface, #151c20);
  box-shadow: var(--shadow-menu, 0 12px 36px rgb(0 0 0 / 32%));
  color: var(--colour-text, #f4f7f8);
  text-align: left;
}

.ww-video-share__panel[hidden],
.ww-video-share__manual[hidden] {
  display: none !important;
}

.ww-video-share__heading {
  display: block;
  padding-right: 34px;
}

.ww-video-share__close {
  position: absolute;
  top: 8px;
  right: 10px;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
}

.ww-video-share__options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 14px;
}

.ww-video-share__options a,
.ww-video-share__options button {
  display: block;
  width: 100%;
  margin: 0;
  padding: 10px;
  border: 1px solid var(--colour-line, #334047);
  border-radius: 7px;
  background: var(--colour-surface-muted, #20292e);
  color: inherit;
  font: inherit;
  line-height: 1.25;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.ww-video-share__options a:hover,
.ww-video-share__options button:hover {
  background: var(--colour-surface-raised, #29343a);
}

.ww-video-share__status {
  margin: 10px 0 0;
  font-size: 13px;
}

.ww-video-share__status:empty {
  display: none;
}

.ww-video-share__manual {
  box-sizing: border-box;
  width: 100%;
  margin-top: 8px;
}

.ww-video-share :focus-visible {
  outline: 3px solid var(--colour-focus, #70d6ff);
  outline-offset: 3px;
}

@media (max-width: 760px) {
  .ww-video-share__panel {
    position: fixed;
    inset: auto 16px 16px;
    width: auto;
    max-width: none;
    max-height: calc(100dvh - 32px);
  }
}

/* Scoped companion styles; no player/stage dimensions are changed. */
[data-media-viewer][data-video-conversation-active="1"] .group-media-viewer__copy,
[data-media-viewer][data-video-conversation-active="1"] .activity-video-viewer__aside {
  min-block-size: 0;
  overflow: hidden;
}

[data-media-viewer][data-video-conversation-active="1"] .activity-video-viewer__conversation {
  display: flex;
  flex: 1 1 16rem;
  min-block-size: 14rem;
  overflow: hidden;
  border-block-start: 1px solid var(--colour-line);
  padding-block-start: 0.8rem;
}

[data-media-viewer][data-video-conversation-active="1"] .video-conversation {
  display: grid;
  grid-template-rows: auto minmax(5rem, 1fr) auto;
  gap: 0.7rem;
  inline-size: 100%;
  min-block-size: 0;
}

[data-media-viewer][data-video-conversation-active="1"] .video-conversation > header,
[data-media-viewer][data-video-conversation-active="1"] .video-conversation__editor-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
}

[data-media-viewer][data-video-conversation-active="1"] .video-conversation h3,
[data-media-viewer][data-video-conversation-active="1"] .video-conversation p {
  margin: 0;
}

[data-media-viewer][data-video-conversation-active="1"] .video-conversation > header a {
  font-size: 0.75rem;
}

[data-media-viewer][data-video-conversation-active="1"] .video-conversation__thread {
  min-block-size: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  padding-inline-end: 0.35rem;
}

[data-media-viewer][data-video-conversation-active="1"] .video-conversation__thread ol,
[data-media-viewer][data-video-conversation-active="1"] .video-conversation__thread ul {
  margin: 0;
  padding-inline-start: 1rem;
}

[data-media-viewer][data-video-conversation-active="1"] .video-conversation__thread article,
[data-media-viewer][data-video-conversation-active="1"] .video-conversation__thread li {
  margin-block: 0 0.65rem;
}

[data-media-viewer][data-video-conversation-active="1"] .video-conversation__thread img {
  max-inline-size: 100%;
  block-size: auto;
}

[data-media-viewer][data-video-conversation-active="1"] .video-conversation__editor {
  display: grid;
  gap: 0.45rem;
  border-block-start: 1px solid var(--colour-line);
  padding-block-start: 0.65rem;
}

[data-media-viewer][data-video-conversation-active="1"] .video-conversation__editor > label {
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

[data-media-viewer][data-video-conversation-active="1"] .video-conversation__editor textarea {
  box-sizing: border-box;
  inline-size: 100%;
  min-block-size: 4.8rem;
  max-block-size: 9rem;
  resize: vertical;
}

[data-media-viewer][data-video-conversation-active="1"] .video-conversation__option,
[data-media-viewer][data-video-conversation-active="1"] .video-conversation__status,
[data-media-viewer][data-video-conversation-active="1"] .video-conversation__readonly,
[data-media-viewer][data-video-conversation-active="1"] .video-conversation__empty {
  color: var(--colour-text-muted);
  font-size: 0.78rem;
  line-height: 1.4;
}

[data-media-viewer][data-video-conversation-active="1"] .video-conversation__focus {
  outline: 2px solid var(--colour-accent);
  outline-offset: 2px;
}

@media (max-width: 760px) {
  [data-media-viewer][data-video-conversation-active="1"] .activity-video-viewer__conversation {
    flex-basis: auto;
    max-block-size: min(44dvh, 30rem);
  }
}

/* Video pop-out: title and description lead, then move naturally with the scrolling conversation. */
[data-media-viewer][data-video-conversation-active="1"] .group-media-viewer__copy{padding:18px;gap:10px;overflow-y:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}
[data-media-viewer][data-video-conversation-active="1"] .group-media-viewer__copy::-webkit-scrollbar{display:none;width:0;height:0}
[data-media-viewer][data-video-conversation-active="1"] [data-media-caption]{display:block;color:var(--colour-text-muted);line-height:1.55}
[data-media-viewer][data-video-conversation-active="1"] [data-media-author]{line-height:1.2;text-wrap:balance}
[data-media-viewer][data-video-conversation-active="1"] .group-media-viewer__copy>p{margin-block:0;flex-shrink:0}
[data-media-viewer][data-video-conversation-active="1"] .activity-video-viewer__conversation{flex:0 0 auto;min-height:0;max-height:none;overflow:visible}
[data-media-viewer][data-video-conversation-active="1"] .video-conversation{grid-template-rows:auto auto auto;min-height:0}
[data-media-viewer][data-video-conversation-active="1"] .video-conversation__thread{overflow:visible;padding-inline-end:0}
[data-media-viewer][data-video-conversation-active="1"] [data-media-actions]{position:relative;flex-shrink:0;margin:4px 0!important}
[data-media-viewer][data-video-conversation-active="1"] [data-media-actions] .ww-video-share{position:static}
[data-media-viewer][data-video-conversation-active="1"] [data-ww-video-share-panel]{left:0;right:0;top:calc(100% + 8px);width:auto;max-width:100%;max-height:min(36dvh,320px)}
@media(max-width:760px){[data-media-viewer][data-video-conversation-active="1"] [data-ww-video-share-panel]{max-height:20dvh}}

.topic-row{grid-template-columns:44px minmax(0,1fr) 65px 210px}
.topic-row__starter{display:grid;justify-items:center;gap:4px;min-width:0}
.topic-row__starter>a{display:flex}
.topic-row__starter .avatar{width:44px;height:44px}
.topic-row__starter small{font-size:9px;color:var(--colour-info)}
.topic-row__latest-avatar{grid-column:1;grid-row:1/4;align-self:center;display:flex}
.topic-row__latest-avatar .avatar{width:38px;height:38px}
.topic-row__latest strong a{color:inherit;text-decoration:none}
.topic-row__latest small{font-size:.7rem}
@media(max-width:760px){.topic-row{grid-template-columns:44px minmax(0,1fr)}.topic-row dl{grid-column:2}.topic-row__latest{grid-column:2;border-left:0;padding-left:0}}

/* Activity toolbar: one row on desktop/tablet; search yields to arrivals. */
.feed-toolbar:has(> .activity-directory-controls) {
  display: grid; grid-template-columns: minmax(4rem, 1fr) max-content max-content max-content;
  align-items: end; gap: .375rem;
}
.feed-toolbar > .activity-directory-controls { display: contents; }
.feed-toolbar > .activity-directory-controls label { min-width: 0; width: auto; grid-template-columns: minmax(0, 1fr); }
.feed-toolbar > .activity-directory-controls label:first-child { grid-column: 1; grid-row: 1; }
.feed-toolbar > .activity-directory-controls label:nth-child(2) { grid-column: 2; grid-row: 1; }
.feed-toolbar > .activity-directory-controls input,
.feed-toolbar > .activity-directory-controls select { min-width: 0; width: 100%; }
.feed-toolbar > .activity-directory-controls select { width: auto; max-width: none; font-size: .75rem; padding: .5rem 1.5rem .5rem .5rem; appearance: none; background-image: linear-gradient(45deg, transparent 50%, var(--colour-text-muted) 50%), linear-gradient(135deg, var(--colour-text-muted) 50%, transparent 50%); background-position: calc(100% - 12px) center, calc(100% - 8px) center; background-size: 4px 4px; background-repeat: no-repeat; }
.feed-toolbar > .activity-directory-controls > .button { grid-column: 3; grid-row: 1; }
.feed-toolbar > .activity-load-newest { grid-column: 3; grid-row: 1; }
.feed-toolbar > .activity-load-newest[hidden] { display: none !important; }
.feed-toolbar > .activity-load-newest,
.feed-toolbar > .activity-directory-controls > .button { white-space: nowrap; width: auto; padding: .5rem .65rem; font-size: .75rem; min-height: 40px; height: 40px; box-sizing: border-box; }
.feed-toolbar > .activity-directory-controls label span { white-space: nowrap; letter-spacing: normal; }
.feed-toolbar:has(> .activity-directory-controls) > .results-status {
  grid-column: 4; grid-row: 1; margin: 0 0 .8rem; white-space: nowrap;
  font-size: .68rem; text-align: right;
}
.feed-toolbar:has(> .activity-load-newest:not([hidden])) {
  grid-template-columns: minmax(4rem, 1fr) max-content max-content max-content max-content;
}
.feed-toolbar:has(> .activity-load-newest:not([hidden])) > .activity-directory-controls > .button { grid-column: 4; }
.feed-toolbar:has(> .activity-load-newest:not([hidden])) > .results-status { grid-column: 5; }
@media (max-width: 700px) {
  .feed-toolbar:has(> .activity-directory-controls),
  .feed-toolbar:has(> .activity-load-newest:not([hidden])) { grid-template-columns: minmax(0, 1fr) max-content; }
  .feed-toolbar > .activity-load-newest { grid-column: 1; grid-row: 2; justify-self: start; }
  .feed-toolbar > .activity-directory-controls > .button,
  .feed-toolbar:has(> .activity-load-newest:not([hidden])) > .activity-directory-controls > .button { grid-column: 2; grid-row: 2; justify-self: end; }
  .feed-toolbar:has(> .activity-directory-controls) > .results-status,
  .feed-toolbar:has(> .activity-load-newest:not([hidden])) > .results-status { grid-column: 1 / -1; grid-row: 3; margin: 0; text-align: left; white-space: normal; }
}

/* Top 100 uses the shared V6 shell and tokens. */
.ww-top-board{background:var(--colour-surface);border:1px solid var(--colour-line);border-radius:16px;padding:24px;margin:24px 0}
.ww-top-toolbar{display:flex;justify-content:space-between;align-items:end;gap:24px}.ww-top-toolbar h2{font-size:1.35rem;margin:6px 0}.ww-top-toolbar label{display:grid;gap:6px;font-size:.75rem;color:var(--colour-text-muted)}.ww-top-toolbar input{width:260px;max-width:100%;background:var(--colour-canvas);color:var(--colour-text);border:1px solid var(--colour-line);border-radius:8px;padding:10px 12px}
.ww-top-note,.ww-top-method{font-size:.78rem;color:var(--colour-text-muted)}.ww-top-list{list-style:none;padding:0;margin:18px 0}.ww-top-row{display:grid;grid-template-columns:42px minmax(0,1fr) 170px 60px;gap:16px;align-items:center;padding:16px 0;border-top:1px solid var(--colour-line)}.ww-top-row[hidden]{display:none}.ww-top-rank{font-variant-numeric:tabular-nums;color:var(--colour-text-muted);font-size:.85rem}.ww-top-person{display:flex;align-items:center;gap:12px;color:var(--colour-text);text-decoration:none;min-width:0}.ww-top-person img{width:48px;height:48px;border-radius:50%;object-fit:cover}.ww-top-person small{display:block;color:var(--colour-text-muted);font-size:.72rem;margin-top:4px}.ww-top-person strong{font-size:.9rem;overflow-wrap:anywhere}.ww-top-tier{font-size:.72rem;color:var(--colour-info)}.ww-top-heat{text-align:right}.ww-top-heat strong{font-size:1.35rem}.ww-top-heat small{display:block;font-size:.58rem;letter-spacing:.12em;color:var(--colour-text-muted)}.ww-top-method{border-top:1px solid var(--colour-line);padding-top:16px}.ww-top-method summary{cursor:pointer;color:var(--colour-info)}
@media(max-width:650px){.ww-top-toolbar{display:block}.ww-top-toolbar label{margin-top:16px}.ww-top-toolbar input{width:100%}.ww-top-row{grid-template-columns:30px minmax(0,1fr) 45px;gap:9px}.ww-top-tier{display:none}.ww-top-board{padding:16px}}

/* Auth failures must be conspicuous in both colour themes. */
body:is([data-golden-route="join"],[data-golden-route="login"]) .inline-notice--warning {
  border: 1px solid #d99a17;
  border-left: 5px solid #d99a17;
  background: #fff3cd;
  color: #573900;
}
body:is([data-golden-route="join"],[data-golden-route="login"]) .inline-notice--warning :is(strong,p,a) { color: #573900; }

/* WittyWires Hashtags: privacy-safe discovery pulse. */
.trending-tags__list,.tag-directory__list{list-style:none;margin:.75rem 0 0;padding:0}
.trending-tags__list li{display:grid;grid-template-columns:1.8rem minmax(0,1fr);gap:.55rem;align-items:start;border-top:1px solid var(--colour-line);padding:.72rem 0}
.trending-tags__rank{color:var(--colour-text-muted);font-family:var(--font-mono);font-size:.62rem;padding-top:.16rem}
.trending-tags__list a{display:grid;gap:.18rem;color:var(--colour-text);text-decoration:none;min-width:0}
.trending-tags__list a:hover strong,.trending-tags__list a:focus-visible strong{color:var(--colour-info)}
.trending-tags__list strong{font-size:.86rem;overflow-wrap:anywhere}
.trending-tags__list small{color:var(--colour-text-muted);font-size:.67rem;line-height:1.4}
.trending-tags__all{display:inline-block;margin-top:.8rem;color:var(--colour-info);font-size:.76rem;font-weight:700;text-decoration:none}
.trending-tags__empty{border-top:1px solid var(--colour-line);margin-top:.75rem;padding-top:.85rem}
.trending-tags__empty strong{font-size:.86rem}.trending-tags__empty p{font-size:.74rem;margin:.25rem 0 0}
.forum-tags-heading{display:grid;gap:.65rem;margin-bottom:1.25rem}.forum-tags-heading h1,.forum-tags-heading p{margin:0}.forum-tag-views{margin-top:.35rem}
.tag-directory{border-top:1px solid var(--colour-line);padding-top:1rem}
.tag-directory__list li{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.8rem;align-items:center;border-bottom:1px solid var(--colour-line);padding:1rem .2rem}
.tag-directory__list>li>span{color:var(--colour-text-muted);font-family:var(--font-mono);font-size:.66rem}
.tag-directory__list a{display:grid;gap:.25rem;color:var(--colour-text);text-decoration:none}.tag-directory__list a:hover strong,.tag-directory__list a:focus-visible strong{color:var(--colour-info)}
.tag-directory__list strong{font-family:var(--font-display);font-size:1rem}.tag-directory__list small{color:var(--colour-text-muted);font-size:.72rem}.tag-directory__list b{min-width:2rem;border-radius:999px;background:var(--colour-surface-muted);color:var(--colour-info);font-size:.72rem;padding:.35rem;text-align:center}
/* Trend drill-downs have no avatar/stats columns: never reuse the topic-row grid. */
.development-results { min-width: 0; width: 100%; }
.development-results__list { display: flex; flex-direction: column; gap: 1rem; min-width: 0; width: 100%; }
.development-results .trend-result-card { display: block; min-width: 0; width: 100%; max-width: 100%; border: 1px solid var(--colour-line); border-radius: var(--radius-md); background: var(--colour-surface); padding: 1rem; }
.development-results .trend-result-card__body { display: flex; flex-direction: column; gap: 0.65rem; min-width: 0; width: 100%; max-width: 100%; }
.development-results .trend-result-card__meta { display: flex; flex-wrap: wrap; gap: 0.35rem 0.8rem; margin: 0; color: var(--colour-text-muted); font-size: 0.72rem; line-height: 1.5; }
.development-results .trend-result-card__title { margin: 0; font-size: clamp(1rem, 1.3vw, 1.18rem); line-height: 1.4; }
.development-results .trend-result-card__title a { color: var(--colour-text); text-decoration: none; }
.development-results .trend-result-card__lead { margin: 0; color: var(--colour-text-muted); font-size: 0.86rem; line-height: 1.65; }
.development-results .trend-result-card__link { display: inline-flex; align-items: center; align-self: flex-start; min-height: 44px; max-width: 100%; color: var(--colour-info); font-size: 0.8rem; font-weight: 700; text-decoration: none; }
.development-results .trend-result-card__body :where(h3, p, a, span, time) { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.development-results .trend-result-card__title a:hover,
.development-results .trend-result-card__title a:focus-visible,
.development-results .trend-result-card__link:hover,
.development-results .trend-result-card__link:focus-visible { color: var(--colour-info); text-decoration: underline; text-underline-offset: 0.2em; }
.development-results .trend-result-card__body a:focus-visible { outline: 2px solid var(--colour-info); outline-offset: 3px; border-radius: var(--radius-sm); }

.bbp-topic-tags-hint{color:var(--colour-text-muted);font-size:.72rem;margin:.35rem 0 0}
@media(max-width:900px){.trending-tags__list li:nth-child(n+6){display:none}.trending-tags__all{min-height:44px;display:flex;align-items:center}.tag-directory__list li{grid-template-columns:1.5rem minmax(0,1fr)}.forum-tag-views{display:flex;overflow-x:auto}.forum-tag-views a{white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}}

/* The shared desktop shell grows past the approved 1440px reference view. */
@media (min-width: 1441px) {
  html:has(body[data-shell="community"]),
  html:has(body[data-shell="identity"]),
  html:has(body.logged-in[data-route="v6-next-home"]) {
    font-size: clamp(16px, calc(10px + .416667vw), 18px);
  }
}

/* One app-frame width for signed-in menu routes; Activity remains the visual reference. */
@media (min-width: 1241px) {
  body[data-shell="community"] .site-frame,
  body.ww-v6-native-presentation.ww-v6-native-shell-community .site-frame,
  body[data-shell="identity"] .site-frame {
    width: min(100%, clamp(1360px, 92vw, 1840px));
    grid-template-columns: clamp(238px, calc(142px + 6.667vw), 282px) minmax(0, 1fr) clamp(300px, calc(156px + 10vw), 370px);
  }
  body[data-route="v6-next-home"][data-shell="home"] .site-frame:not(.site-frame--no-left) {
    width: min(100%, clamp(1360px, 92vw, 1840px));
    grid-template-columns: clamp(238px, calc(142px + 6.667vw), 282px) minmax(0, 1fr);
  }
  body[data-shell="community"] .site-header__inner,
  body.ww-v6-native-presentation.ww-v6-native-shell-community .site-header__inner,
  body[data-shell="identity"] .site-header__inner,
  body[data-route="v6-next-home"][data-shell="home"] .site-header__inner {
    width: min(100%, clamp(1360px, 92vw, 1840px));
    grid-template-columns: clamp(238px, calc(142px + 6.667vw), 282px) minmax(0, 1fr) clamp(300px, calc(156px + 10vw), 370px);
  }
  body[data-shell="community"] .main-content,
  body[data-route="v6-next-home"][data-shell="community"] .main-content,
  body[data-shell="identity"] .main-content,
  body[data-route="v6-next-home"][data-shell="home"] .main-content { padding-inline: clamp(1.85rem, 2vw, 2.4rem); }
  body[data-shell="community"] .rail-nav__link,
  body[data-shell="identity"] .rail-nav__link,
  body[data-route="v6-next-home"][data-shell="home"] .rail-nav__link {
    min-height: clamp(52px, 3.3vw, 60px);
    grid-template-columns: 2rem minmax(0, 1fr) auto;
    gap: 0.65rem;
  }
  body[data-shell="community"] .rail-nav__link img,
  body[data-shell="identity"] .rail-nav__link img,
  body[data-route="v6-next-home"][data-shell="home"] .rail-nav__link img { width: clamp(24px, 1.5vw, 30px); height: clamp(24px, 1.5vw, 30px); }
  body[data-shell="community"] .rail-nav__link strong,
  body[data-shell="identity"] .rail-nav__link strong,
  body[data-route="v6-next-home"][data-shell="home"] .rail-nav__link strong { font-size: 1.02rem; }
}

/* Activity-specific feed and composer sizing; the frame above is shared. */
@media (min-width: 1241px) {
  body[data-route^="v6-next-activity"] .status-uplink__avatar .avatar,
  body[data-route^="v6-next-activity"] .activity-item__avatar .avatar { width: clamp(44px, 2.75vw, 52px); height: clamp(44px, 2.75vw, 52px); }
  body[data-route^="v6-next-activity"] .activity-item__body header strong { font-size: 1rem; }
  body[data-route^="v6-next-activity"] .activity-item__body header :is(span, time) { font-size: 0.82rem; }
  body[data-route^="v6-next-activity"] .activity-item__content,
  body[data-route^="v6-next-activity"] .activity-item__body p { font-size: 1.08rem; line-height: 1.58; }
  body[data-route^="v6-next-activity"] .activity-item__actions button { min-height: clamp(42px, 2.5vw, 48px); padding: 0.55rem 0.7rem; font-size: 0.86rem; }
  body[data-route^="v6-next-activity"] .activity-item__actions button > :is(svg, img) { width: clamp(20px, 1.25vw, 24px); height: clamp(20px, 1.25vw, 24px); }
  body[data-route^="v6-next-activity"] .status-uplink { padding: 0.9rem; }
  body[data-route^="v6-next-activity"] .status-uplink textarea { min-height: clamp(54px, 3.35vw, 64px); border-radius: 18px; font-size: 1.06rem; }
  body[data-route^="v6-next-activity"] .status-uplink[data-expanded="true"] textarea { min-height: 120px; border-radius: var(--radius-md); }
  body[data-route^="v6-next-activity"] .status-uplink__tool { min-height: clamp(42px, 2.5vw, 48px); font-size: 0.84rem; }
  body[data-route^="v6-next-activity"] .status-uplink__tool svg { width: clamp(21px, 1.3vw, 25px); height: clamp(21px, 1.3vw, 25px); }
  body[data-route^="v6-next-activity"] .status-uplink__controls > .button { min-height: clamp(42px, 2.5vw, 48px); }
  body[data-route^="v6-next-activity"] .activity-rail-section .context-section__eyebrow { font-size: 0.73rem; }
  body[data-route^="v6-next-activity"] .activity-rail-section h2 { font-size: 1.14rem; }
  body[data-route^="v6-next-activity"] .activity-rail-card strong,
  body[data-route^="v6-next-activity"] .activity-rail-person strong { font-size: 0.9rem; }
  body[data-route^="v6-next-activity"] .activity-rail-card small,
  body[data-route^="v6-next-activity"] .activity-rail-person small { font-size: 0.76rem; }
  body[data-route^="v6-next-activity"] .activity-rail-intro,
  body[data-route^="v6-next-activity"] .activity-rail-empty { font-size: 0.84rem; }
  body[data-route^="v6-next-activity"] .trending-tags__list strong { font-size: 0.96rem; }
  body[data-route^="v6-next-activity"] .trending-tags__list small { font-size: 0.76rem; }
}

/* Activity rail only: keep trend evidence for assistive tech, not as two-line subtitles. */
body[data-route^="v6-next-activity"] .trending-tags__list li { min-height: 44px; padding: 0.52rem 0; align-items: center; }
body[data-route^="v6-next-activity"] .trending-tags__list a { gap: 0; }
body[data-route^="v6-next-activity"] .trending-tags__rank { padding-top: 0; }
body[data-route^="v6-next-activity"] .trending-tags__list small {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* Keep the local rail, reduced to clear icons, until the existing mobile hand-off. */
@media (min-width: 1021px) and (max-width: 1240px) {
  body.ww-v6-native-presentation.ww-v6-native-shell-community .site-frame,
  body[data-shell="community"] .site-frame,
  body[data-shell="identity"] .site-frame { grid-template-columns: 72px minmax(0, 1fr) 250px; }
  body[data-shell="wires"] .site-frame,
  body[data-route="v6-next-home"][data-shell="home"] .site-frame:not(.site-frame--no-left) { grid-template-columns: 72px minmax(0, 1fr); }
  body[data-shell="community"] .left-rail,
  body[data-shell="identity"] .left-rail,
  body[data-shell="wires"] .left-rail,
  body[data-route="v6-next-home"][data-shell="home"] .left-rail {
    display: flex;
    padding: 1.1rem 0.4rem 1rem;
  }
  .left-rail .left-rail__label,
  .left-rail .utility-links,
  .left-rail .left-rail__foot,
  .left-rail .rail-nav__link strong { display: none; }
  .left-rail .rail-nav { width: 100%; gap: 0.25rem; }
  .left-rail .rail-nav__link {
    position: relative;
    display: grid;
    width: 52px;
    min-height: 52px;
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    gap: 0;
    margin: 0 auto;
    padding: 0;
  }
  .left-rail .rail-nav__link img { width: 24px; height: 24px; }
  .left-rail .rail-nav__link .alert-count {
    position: absolute;
    top: 2px;
    right: 1px;
    min-width: 17px;
    height: 17px;
    border: 2px solid var(--colour-canvas);
    padding: 0 0.15rem;
    font-size: 0.58rem;
  }
}

/* Watcher ownership disclosures are footnotes, not profile copy. */
.identity-header--watcher .identity-header__copy > p:not(.eyebrow),
.member-card--watcher .member-card__body > p:not(.eyebrow),
.profile-introduction--watcher p,
.watcher-rail-disclaimer,
.ww-watcher-disclosure,
.ww-watcher-story__disclosure,
.community-video-disclosure {
  font-size: 0.68rem;
  font-weight: 400;
  line-height: 1.45;
}

/* Keep Activity's enlarged story type off ownership disclosures. */
body[data-route^="v6-next-activity"] .activity-item__body p.ww-watcher-disclosure,
body[data-route^="v6-next-activity"] .activity-item__body p.ww-watcher-story__disclosure,
body[data-route^="v6-next-activity"] .activity-item__body p.community-video-disclosure,
body[data-route^="v6-next-activity"] .activity-comment__content p.ww-watcher-disclosure,
body[data-route^="v6-next-activity"] .activity-comment__content p.community-video-disclosure {
  font-size: 0.68rem;
  line-height: 1.45;
}

/* Member heroes reserve the same identity and control geometry, including self views. */
.identity-header--profile:not(.identity-header--watcher).identity-header--has-member-cover .identity-header__profile-side { min-height: 193px; }
.identity-header--profile:not(.identity-header--watcher).identity-header--has-member-cover .identity-header__identity { min-height: 183px; }
@media (min-width: 761px) and (max-width: 900px) {
  .identity-header--profile:not(.identity-header--watcher).identity-header--has-member-cover .identity-header__profile-side { min-height: 205px; }
  .identity-header--profile:not(.identity-header--watcher).identity-header--has-member-cover .identity-header__identity { min-height: 170px; }
}
@media (max-width: 760px) {
  .identity-header--profile:not(.identity-header--watcher).identity-header--has-member-cover .identity-header__profile-side { min-height: 186px; }
  .identity-header--profile:not(.identity-header--watcher).identity-header--has-member-cover .identity-header__identity { min-height: 161px; }
}

/* Profile bios reserve two lines (three on mobile) so Activity starts at one depth. */
.ww-v6-native-route-member_profile .profile-introduction:not(.profile-introduction--watcher) { min-height: 95px; }
@media (min-width: 1441px) {
  .identity-header--profile:not(.identity-header--watcher).identity-header--has-member-cover .identity-header__profile-side { min-height: 225px; }
  .ww-v6-native-route-member_profile .profile-introduction:not(.profile-introduction--watcher) { min-height: 107px; }
}
@media (min-width: 761px) and (max-width: 900px) {
  .ww-v6-native-route-member_profile .profile-introduction:not(.profile-introduction--watcher) { min-height: 90px; }
}
@media (max-width: 760px) {
  .ww-v6-native-route-member_profile .profile-introduction:not(.profile-introduction--watcher) { min-height: 115px; }
  .ww-v6-native-route-member_profile .member-activity-controls { flex-wrap: nowrap; overflow-x: auto; white-space: nowrap; }
  .ww-v6-native-route-member_profile .member-activity-controls > a { flex: 0 0 auto; }
}


/* Approved Watcher welcome montage: join/login presentation only. */
body:has(.auth-surface--welcome) .site-frame.site-frame--no-left {
  display: block; width: 100%; max-width: none; margin: 0; padding: 0;
}
body:has(.auth-surface--welcome) .main-content { padding: 0; min-width: 0; }
body .auth-surface.auth-surface--welcome {
  display: grid; grid-template-columns: minmax(380px, 37%) minmax(0, 1fr);
  align-items: stretch; width: 100%; max-width: none; min-height: 100svh;
  margin: 0; border: 0; border-radius: 0; overflow: visible;
  background: var(--colour-surface); box-shadow: none;
}
.auth-surface--welcome .auth-welcome__form-side {
  display: flex; flex-direction: column; justify-content: center;
  min-width: 0; padding: clamp(28px, 3.1vw, 76px); gap: 24px;
}
body .auth-surface--welcome .auth-surface__copy {
  padding: 0; background: none; width: 100%; max-width: 540px; margin-inline: auto;
}
body .auth-surface--welcome .auth-surface__copy h2 {
  max-width: 16ch; margin: 0 0 16px; font-size: clamp(30px, 2.6vw, 52px); line-height: 1.08;
}
body .auth-surface--welcome .auth-surface__copy > p:not(.eyebrow) {
  max-width: 58ch; margin: 0; font-size: clamp(14px, .92vw, 17px); line-height: 1.65;
}
body .auth-surface--welcome .auth-surface__panel {
  width: 100%; max-width: 540px; margin-inline: auto; padding: 0; gap: 16px; align-content: start;
}
.auth-surface--welcome .auth-welcome__visual {
  position: relative; align-self: stretch; min-width: 0; margin: 0;
  background: #0c1621; border-left: 1px solid rgb(132 198 212 / .16);
}
.auth-surface--welcome .auth-welcome__visual img {
  position: sticky; top: 0; display: block; width: 100%; height: 100svh;
  object-fit: cover; object-position: center; /* Fill the welcome panel without letterboxing or distortion. */
}
body .auth-surface--welcome .auth-form { gap: 14px; }
body .auth-surface--welcome .auth-form input:is([type="text"], [type="email"], [type="password"]) {
  min-height: 48px; font-size: 16px;
}
body .auth-surface--welcome .auth-surface__join { padding-top: 16px; }
@media (min-width: 700px) and (max-width: 1099px) {
  body .auth-surface.auth-surface--welcome { grid-template-columns: minmax(340px, 45%) minmax(0, 1fr); }
  .auth-surface--welcome .auth-welcome__form-side { padding: 28px 24px; gap: 24px; }
  body .auth-surface--welcome .auth-surface__copy h2 { font-size: 32px; }
  body .auth-surface--welcome .auth-surface__copy > p:not(.eyebrow) { font-size: 14px; line-height: 1.55; }
}
@media (max-width: 899px) {
  body .auth-surface.auth-surface--welcome { display: flex; flex-direction: column; min-height: 0; }
  .auth-surface--welcome .auth-welcome__visual { order: -1; border: 0; }
  .auth-surface--welcome .auth-welcome__visual img { position: static; height: auto; max-height: 48svh; width: 100%; }
  .auth-surface--welcome .auth-welcome__form-side { padding: 28px 22px 36px; gap: 24px; }
  body .auth-surface--welcome .auth-surface__copy h2 { font-size: 34px; max-width: 18ch; }
}

/* Desktop doorway includes its footer in the viewport, never clipped overflow. */
@media (min-width: 1100px) {
  body:has(.auth-surface--welcome) { --auth-footer-height: 56px; }
  body .auth-surface.auth-surface--welcome { min-height: calc(100svh - var(--auth-footer-height)); }
  .auth-surface--welcome .auth-welcome__visual img { height: calc(100svh - var(--auth-footer-height)); }
  .auth-surface--welcome .auth-welcome__form-side { padding-block: 24px; gap: 16px; }
  body:has(.auth-surface--welcome) > .utility-links--row {
    box-sizing: border-box; width: 100%; max-width: none; min-height: var(--auth-footer-height);
    margin: 0; padding: 12px 24px; align-items: center; justify-content: center;
  }
}
@media (min-width: 1100px) and (max-height: 1000px) {
  body .auth-surface.auth-surface--welcome { grid-template-columns: minmax(480px, 40%) minmax(0, 1fr); }
  .auth-surface--welcome .auth-welcome__form-side { padding: 18px clamp(24px, 2vw, 40px); gap: 12px; }
  body .auth-surface--welcome .auth-surface__copy h2 { font-size: 32px; margin-bottom: 10px; }
  body .auth-surface--welcome .auth-surface__copy > p:not(.eyebrow) { font-size: 14px; line-height: 1.5; }
  body .auth-surface--welcome .auth-surface__panel { gap: 12px; }
  body .auth-surface--welcome .auth-form { gap: 10px; }
  body .auth-surface--welcome .auth-form input:is([type="text"], [type="email"], [type="password"]) { min-height: 44px; }
  body .auth-surface--welcome .auth-form--register { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 14px; }
  .auth-surface--welcome .auth-form--register > * { grid-column: 1 / -1; }
  .auth-surface--welcome .auth-form--register > label:has(#v6-signup-password),
  .auth-surface--welcome .auth-form--register > label:has(#v6-signup-confirm) { grid-column: auto; min-width: 0; }
  body .auth-surface--welcome .auth-surface__join { padding-top: 12px; }
}