/* [project]/app/globals.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --spacing: .25rem;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-tc-bg: #0d1117;
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer components;

@layer utilities {
  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .sticky {
    position: sticky;
  }

  .start {
    inset-inline-start: var(--spacing);
  }

  .end {
    inset-inline-end: var(--spacing);
  }

  .top-10 {
    top: calc(var(--spacing) * 10);
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .mx-auto {
    margin-inline: auto;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .table {
    display: table;
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .max-w-\[1280px\] {
    max-width: 1280px;
  }

  .shrink {
    flex-shrink: 1;
  }

  .grow {
    flex-grow: 1;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .resize {
    resize: both;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .bg-tc-bg {
    background-color: var(--color-tc-bg);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }

  .lowercase {
    text-transform: lowercase;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .underline {
    text-decoration-line: underline;
  }

  .ring {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .\[breaking\:6\] {
    breaking: 6;
  }

  .\[notion\:bug-report\] {
    notion: bug-report;
  }
}

:root {
  --bg-void: #080a0c;
  --bg-terminal: #0d1117;
  --bg-panel: #111820;
  --bg-panel-hover: #161f2a;
  --bg-panel-flat: #0a1322;
  --bg-overlay: #0a0f14;
  --border-dim: #ffffff0f;
  --border-active: #ffffff24;
  --border-accent: #b78d4066;
  --grid-line: #ffffff08;
  --text-primary: #e8edf2;
  --text-secondary: #8a95a0;
  --text-tertiary: #b8c2cb;
  --text-dim: #4a5560;
  --text-mono: #6b9e78;
  --gold: #b78d40;
  --gold-bright: #d4a843;
  --red-critical: #c0392b;
  --red-high: #e74c3c;
  --amber: #d4782a;
  --green-confirm: #27ae60;
  --blue-intel: #2e86ab;
  --severity-critical: var(--red-critical);
  --severity-critical-fill: #c0392b26;
  --severity-high: var(--red-high);
  --severity-high-fill: #e74c3c1a;
  --severity-medium: var(--amber);
  --severity-medium-fill: #d4782a1a;
  --classification-bg: #8b0000;
  --classification-text: #fff;
  --font-display: "Rajdhani", sans-serif;
  --font-ui: "Barlow Condensed", sans-serif;
  --font-body: "Barlow", sans-serif;
  --font-mono: "Share Tech Mono", monospace;
  --shadow-sm: 0 1px 2px #0006;
  --shadow-md: 0 4px 14px #00000073, 0 1px 2px #0000004d;
  --shadow-lg: 0 12px 32px #0000008c, 0 2px 6px #00000059;
  --shadow-gold-hover: -2px 0 10px #b78d4047, 0 4px 18px #00000080;
  --shadow-inset-top: inset 0 1px 0 #ffffff0f;
  --radius-sm: 2px;
  --radius-md: 3px;
  --radius-lg: 4px;
  --ease-out: cubic-bezier(.2, .8, .2, 1);
  --dur-fast: .12s;
  --dur-base: .18s;
  --dur-slow: .26s;
  --content-max: 1280px;
  --content-pad: 24px;
  --gap-section: 32px;
  --gap-stack: 16px;
  --focus-ring: 0 0 0 2px #b78d4059;
  --fs-display: 28px;
  --fs-h1: 20px;
  --fs-h2: 14px;
  --fs-body: 14px;
  --fs-meta: 11px;
}

.tc-surface {
  background: var(--bg-panel-flat);
  border: 1px solid var(--border-dim);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm), var(--shadow-inset-top);
  transition: background   var(--dur-base) var(--ease-out),
    border-color var(--dur-base) var(--ease-out),
    box-shadow   var(--dur-base) var(--ease-out);
}

.tc-surface--interactive:hover {
  border-color: var(--border-active);
  box-shadow: var(--shadow-md), var(--shadow-inset-top);
}

.tc-surface--accent {
  border-left: 2px solid #b78d4073;
}

.tc-surface--panel {
  border-left: 2px solid #b78d4073;
  padding: 20px 20px 24px;
}

body {
  font-family: var(--font-body);
  color: var(--text-primary);
  background-color: var(--bg-void);
  background-image: linear-gradient(var(--grid-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);
  background-size: 40px 40px;
  line-height: 1.5;
}

body:before {
  content: "";
  pointer-events: none;
  z-index: 0;
  opacity: .035;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
  background-size: 256px 256px;
  position: fixed;
  inset: 0;
}

body:after {
  content: "";
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(#0000 40%, #00000073 100%);
  position: fixed;
  inset: 0;
}

.main-content, .login-page, .top-nav, .doc-page, .intel-list-page, .intel-merge-page {
  z-index: 1;
  position: relative;
}

.top-nav {
  background: var(--bg-terminal);
  border-bottom: 1px solid var(--border-dim);
  width: 100%;
  height: 56px;
  padding: 0 var(--content-pad);
  z-index: 99;
  box-shadow: var(--shadow-sm);
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.nav-logo {
  flex-direction: column;
  display: flex;
}

.nav-logo-main {
  align-items: baseline;
  gap: 6px;
  display: flex;
}

.nav-logo-symbol {
  font-family: var(--font-display);
  color: var(--gold);
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
}

.nav-logo-name {
  font-family: var(--font-display);
  color: #fff;
  letter-spacing: .04em;
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
}

.nav-logo-suffix {
  font-family: var(--font-display);
  color: var(--text-secondary);
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}

.nav-logo-tagline {
  font-family: var(--font-ui);
  color: var(--text-dim);
  text-transform: uppercase;
  letter-spacing: .2em;
  margin-top: 1px;
  font-size: 9px;
  font-weight: 500;
}

.nav-links {
  align-items: center;
  gap: 24px;
  display: flex;
}

.nav-link {
  font-family: var(--font-ui);
  text-transform: uppercase;
  letter-spacing: .15em;
  color: var(--text-secondary);
  border-bottom: 2px solid #0000;
  padding-bottom: 4px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: color .15s, border-color .15s;
}

.nav-link:hover, .nav-link--active {
  color: var(--text-primary);
  border-bottom-color: var(--gold);
}

.nav-right {
  align-items: center;
  gap: 14px;
  display: flex;
}

.nav-clock {
  font-family: var(--font-mono);
  color: var(--text-mono);
  font-size: 12px;
}

.nav-divider {
  background: var(--border-active);
  width: 1px;
  height: 16px;
}

.nav-account {
  align-items: center;
  display: inline-flex;
  position: relative;
}

.nav-account-trigger {
  border: 1px solid var(--border-dim);
  border-radius: var(--radius-sm);
  height: 26px;
  color: var(--text-secondary);
  font-family: var(--font-mono);
  cursor: pointer;
  transition: color        var(--dur-base) var(--ease-out),
    border-color var(--dur-base) var(--ease-out),
    background   var(--dur-base) var(--ease-out);
  background: none;
  align-items: center;
  gap: 8px;
  padding: 0 8px;
  font-size: 12px;
  line-height: 1;
  display: inline-flex;
}

.nav-account-trigger:hover {
  color: var(--text-primary);
  border-color: var(--border-accent);
  background: #b78d400a;
}

.nav-account-trigger--open, .nav-account-trigger--active {
  color: var(--text-primary);
  border-color: var(--gold);
  background: #b78d400f;
}

.nav-account-email {
  white-space: nowrap;
  align-items: center;
  max-width: 220px;
  line-height: 1;
  display: inline-flex;
  overflow: hidden;
}

.nav-account-email-local {
  font-family: var(--font-mono);
  letter-spacing: 0;
  color: var(--text-secondary);
  font-size: 12px;
}

.nav-account-email-domain {
  font-family: var(--font-mono);
  color: var(--text-dim);
  letter-spacing: 0;
  font-size: 12px;
}

.nav-account-caret {
  color: var(--text-dim);
  transition: transform var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out);
}

.nav-account-trigger:hover .nav-account-caret, .nav-account-trigger--open .nav-account-caret, .nav-account-trigger--active .nav-account-caret {
  color: var(--gold);
}

.nav-account-trigger--open .nav-account-caret {
  transform: rotate(180deg);
}

.nav-account-menu {
  border: 1px solid var(--border-active);
  border-top: 1px solid var(--gold);
  border-radius: 0 0 var(--radius-sm) var(--radius-sm);
  z-index: 200;
  min-width: 260px;
  animation: nav-account-menu-in .14s var(--ease-out);
  background: linear-gradient(#141c26 0%, #0f1620 100%);
  padding: 0;
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  box-shadow: 0 0 0 1px #0006, 0 12px 32px #0009;
}

.nav-account-menu:before {
  content: "";
  background: linear-gradient(135deg, var(--gold) 0%, var(--gold) 50%, transparent 50%);
  width: 8px;
  height: 8px;
  position: absolute;
  top: -5px;
  right: 14px;
  transform: rotate(45deg);
}

@keyframes nav-account-menu-in {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.nav-account-menu-header {
  border-bottom: 1px solid var(--border-dim);
  background: linear-gradient(#b78d400f 0%, #0000 100%);
  flex-direction: column;
  gap: 4px;
  padding: 10px 12px;
  display: flex;
}

.nav-account-menu-label {
  font-family: var(--font-ui);
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--text-dim);
  font-size: 9px;
  font-weight: 600;
}

.nav-account-menu-email {
  font-family: var(--font-mono);
  color: var(--text-primary);
  word-break: break-all;
  font-size: 12px;
  line-height: 1.3;
}

.nav-account-menu-item {
  width: 100%;
  font-family: var(--font-ui);
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--text-secondary);
  text-align: left;
  cursor: pointer;
  transition: color        var(--dur-base) var(--ease-out),
    background   var(--dur-base) var(--ease-out),
    border-color var(--dur-base) var(--ease-out);
  background: none;
  border: 0;
  border-left: 2px solid #0000;
  border-radius: 0;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.nav-account-menu-item + .nav-account-menu-item {
  border-top: 1px solid var(--border-dim);
}

.nav-account-menu-item:hover, .nav-account-menu-item:focus-visible {
  color: var(--text-primary);
  border-left-color: var(--gold);
  background: #b78d400f;
  outline: none;
}

.nav-account-menu-item svg {
  color: var(--text-dim);
  transition: color var(--dur-base) var(--ease-out);
  flex-shrink: 0;
}

.nav-account-menu-item:hover svg, .nav-account-menu-item:focus-visible svg {
  color: var(--gold);
}

.nav-account-menu-item--danger:hover, .nav-account-menu-item--danger:focus-visible {
  color: var(--red-high);
  border-left-color: var(--red-critical);
  background: #c0392b14;
}

.nav-account-menu-item--danger:hover svg, .nav-account-menu-item--danger:focus-visible svg {
  color: var(--red-high);
}

.nav-tier-badge {
  font-family: var(--font-mono);
  letter-spacing: .08em;
  color: var(--gold);
  border: 1px solid var(--border-accent);
  border-radius: var(--radius-sm);
  margin-right: 8px;
  padding: 2px 6px;
  font-size: 9px;
}

.nav-tier-badge--basic {
  color: var(--text-secondary);
  border-color: var(--border-dim);
}

.main-content {
  max-width: var(--content-max);
  padding-top: 56px;
  padding-left: var(--content-pad);
  padding-right: var(--content-pad);
  margin: 0 auto;
}

.dashboard-wrapper {
  width: 100vw;
  height: calc(100vh - 84px);
  margin-top: 0;
  margin-left: calc(50% - 50vw);
  position: relative;
  left: 0;
}

.dashboard-wrapper:before, .intel-merge-page:before, .intel-list-page:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(80% 55% at 50% -8%, #78a5e12e 0%, #0000 65%), radial-gradient(65% 45% at 85% 105%, #466eaa1f 0%, #0000 70%), linear-gradient(#ffffff0a 1px, #0000 1px) 0 0 / 32px 32px, linear-gradient(90deg, #ffffff0a 1px, #0000 1px) 0 0 / 32px 32px, linear-gradient(#14213af5 0%, #0b1526f5 100%);
  position: fixed;
  inset: 0;
}

@keyframes reticlePulse {
  0%, 100% {
    opacity: .3;
  }

  50% {
    opacity: .8;
  }
}

:is(.main-content:has(.dashboard-wrapper), .main-content:has(.map-split)) {
  max-width: none;
  padding-top: 56px;
  padding-left: 0;
  padding-right: 0;
}

.login-page {
  background-color: var(--bg-void);
  background-image: linear-gradient(var(--grid-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);
  background-size: 40px 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 16px;
  display: flex;
}

.login-brand {
  text-align: center;
  margin-bottom: 32px;
}

.login-brand-name {
  font-family: var(--font-display);
  color: var(--text-primary);
  text-transform: uppercase;
  letter-spacing: .04em;
  margin: 0;
  font-size: 36px;
  font-weight: 700;
}

.login-brand-symbol {
  color: var(--gold);
}

.login-brand-tagline {
  font-family: var(--font-ui);
  color: var(--text-dim);
  letter-spacing: .3em;
  text-transform: uppercase;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 400;
}

.login-card {
  border: 1px solid var(--border-active);
  border-left: 3px solid var(--gold);
  border-radius: var(--radius-lg);
  width: 100%;
  max-width: 420px;
  box-shadow: var(--shadow-lg), var(--shadow-inset-top);
  background: linear-gradient(#141c26 0%, #0f1620 100%);
  padding: 40px;
}

.login-card-header-label {
  font-family: var(--font-ui);
  color: var(--text-dim);
  text-transform: uppercase;
  letter-spacing: .2em;
  margin: 0 0 8px;
  font-size: 11px;
  font-weight: 700;
}

.login-card-header-title {
  font-family: var(--font-display);
  color: var(--text-primary);
  text-transform: uppercase;
  margin: 0;
  font-size: 24px;
  font-weight: 700;
}

.login-label {
  font-family: var(--font-ui);
  text-transform: uppercase;
  letter-spacing: .2em;
  color: var(--text-dim);
  margin-bottom: 6px;
  font-size: 10px;
  font-weight: 600;
  display: block;
}

.login-input {
  background: var(--bg-overlay);
  border: 1px solid var(--border-active);
  border-radius: var(--radius-sm);
  width: 100%;
  font-family: var(--font-body);
  color: var(--text-primary);
  transition: border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);
  outline: none;
  padding: 12px;
  font-size: 14px;
}

.login-input::placeholder {
  color: var(--text-dim);
  font-family: var(--font-ui);
}

.login-input:focus {
  border-color: var(--gold);
  box-shadow: var(--focus-ring);
}

.login-submit {
  background: var(--gold);
  border-radius: var(--radius-sm);
  width: 100%;
  height: 48px;
  box-shadow: var(--shadow-sm), var(--shadow-inset-top);
  font-family: var(--font-display);
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--bg-void);
  cursor: pointer;
  transition: background var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);
  border: none;
  font-size: 16px;
  font-weight: 700;
}

.login-submit:hover {
  background: var(--gold-bright);
  box-shadow: var(--shadow-md), var(--shadow-inset-top);
}

.login-submit:focus-visible {
  box-shadow: var(--focus-ring), var(--shadow-sm);
  outline: none;
}

.login-submit:disabled {
  opacity: .6;
  cursor: default;
}

.login-submit--loading {
  font-family: var(--font-mono);
  font-size: 14px;
}

.login-footer {
  text-align: center;
  margin-top: 24px;
}

.login-footer p {
  font-family: var(--font-ui);
  color: var(--text-dim);
  letter-spacing: .15em;
  text-transform: uppercase;
  margin: 0;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.8;
}

.intel-list-page {
  min-height: 100vh;
  padding: 48px 0 64px;
}

.intel-list-container {
  max-width: var(--content-max);
  margin: 0 auto;
}

.intel-list-header {
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 12px;
  display: flex;
}

.intel-list-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--fs-display);
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--text-primary);
  margin: 0;
}

.intel-list-count {
  font-family: var(--font-mono);
  color: var(--text-mono);
  font-size: 11px;
}

.intel-list-subtitle-bar {
  border-top: 1px solid #b78d4038;
  margin-bottom: 28px;
  padding-top: 8px;
}

.intel-list-subtitle {
  font-family: var(--font-ui);
  color: var(--text-dim);
  text-transform: uppercase;
  letter-spacing: .2em;
  font-size: 10px;
  font-weight: 500;
}

.intel-list-empty {
  text-align: center;
  padding: 80px 0;
}

.tc-surface--panel > .intel-list-empty {
  padding: 36px 0;
}

.intel-list-empty p {
  font-family: var(--font-mono);
  color: var(--text-mono);
  font-size: 13px;
  line-height: 2;
}

.reports-two-col {
  gap: var(--gap-section);
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.reports-col-header {
  border-bottom: 1px solid var(--border-dim);
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 12px;
  padding-bottom: 6px;
  display: flex;
}

.reports-col-title {
  font-family: var(--font-display);
  color: var(--text-primary);
  text-transform: uppercase;
  letter-spacing: .08em;
  margin: 0;
  font-size: 18px;
  font-weight: 700;
}

.reports-col-count {
  font-family: var(--font-mono);
  color: var(--text-mono);
  font-size: 10px;
}

.reports-col-subtitle {
  font-family: var(--font-ui);
  color: var(--text-dim);
  text-transform: uppercase;
  letter-spacing: .2em;
  margin-bottom: 18px;
  font-size: 10px;
  font-weight: 500;
}

@media (max-width: 960px) {
  .reports-two-col {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

.intel-merge-page {
  padding: 48px 0 64px;
}

.intel-merge-grid {
  gap: var(--gap-section);
  grid-template-columns: 1.2fr 1fr;
  align-items: start;
  display: grid;
}

.intel-merge-col, .intel-merge-stack {
  min-width: 0;
}

.intel-merge-stack {
  gap: var(--gap-section);
  flex-direction: column;
  display: flex;
}

.intel-merge-section-header {
  border-bottom: 1px solid var(--border-dim);
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 12px;
  padding-bottom: 8px;
  display: flex;
}

.intel-merge-section-title {
  font-family: var(--font-display);
  color: var(--gold);
  text-transform: uppercase;
  letter-spacing: .18em;
  margin: 0;
  font-size: 13px;
  font-weight: 700;
}

.intel-merge-section-count {
  font-family: var(--font-mono);
  color: var(--text-mono);
  font-size: 10px;
}

.intel-merge-section-subtitle {
  font-family: var(--font-ui);
  color: var(--text-dim);
  text-transform: uppercase;
  letter-spacing: .2em;
  margin-bottom: 14px;
  font-size: 10px;
  font-weight: 500;
}

.intel-merge-list {
  flex-direction: column;
  display: flex;
}

@media (max-width: 960px) {
  .intel-merge-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}

.dashboard-grid {
  flex-direction: column;
  gap: 24px;
  min-height: calc(100vh - 84px);
  padding: 24px 28px 32px;
  display: flex;
}

.dash-row {
  align-items: stretch;
  gap: 24px;
  display: grid;
}

.dash-row--mid {
  grid-template-columns: 1fr 1fr 1fr;
}

.dash-col {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.dash-shell {
  grid-template-columns: 1fr;
  align-items: stretch;
  gap: 24px;
  display: grid;
}

.dash-shell-right {
  gap: var(--gap-stack);
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.dash-canvas {
  gap: var(--gap-stack);
  flex: 1;
  grid-template-columns: repeat(6, 1fr);
  grid-auto-rows: minmax(min-content, 1fr);
  align-items: stretch;
  display: grid;
}

.dash-canvas-item {
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  min-height: 0;
  display: flex;
}

.dash-canvas-item--span-1 {
  grid-column: span 1;
}

.dash-canvas-item--span-2 {
  grid-column: span 2;
}

.dash-canvas-item--span-3 {
  grid-column: span 3;
}

.dash-canvas-item--span-4 {
  grid-column: span 4;
}

.dash-canvas-item--span-5 {
  grid-column: span 5;
}

.dash-canvas-item--span-6 {
  grid-column: span 6;
}

.dash-canvas-slot {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.dash-canvas-item:not(.dash-canvas-item--span-6) .dash-panel--breaking .dash-breaking-grid {
  grid-template-rows: none;
  grid-template-columns: 1fr;
  grid-auto-rows: min-content;
}

.dash-canvas-item:not(.dash-canvas-item--span-6) .dash-panel--breaking .dash-breaking-card--featured {
  flex-direction: column;
  grid-area: auto / 1;
  min-height: 0;
}

.dash-canvas-item:not(.dash-canvas-item--span-6) .dash-breaking-featured-map {
  border-bottom: 1px solid #b78d4052;
  border-right: none;
  flex: none;
  align-self: auto;
  width: 100%;
  height: 150px;
}

.dash-toolbar {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding-bottom: 4px;
  display: flex;
}

.dash-toolbar--bottom {
  border-top: 1px solid var(--border-dim);
  padding-top: 14px;
  padding-bottom: 0;
}

.dash-toolbar-status {
  font-family: var(--font-mono);
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--text-dim);
  font-size: 10px;
}

.dash-toolbar-actions {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.dash-toolbar-btn {
  font-family: var(--font-ui);
  letter-spacing: .16em;
  text-transform: uppercase;
  cursor: pointer;
  color: var(--text-tertiary);
  border: 1px solid var(--border-dim);
  border-radius: var(--radius-sm, 2px);
  background: none;
  padding: 6px 14px;
  font-size: 11px;
  text-decoration: none;
  transition: border-color .12s, color .12s, background .12s;
}

.dash-toolbar-btn:hover:not(:disabled) {
  color: var(--gold);
  border-color: var(--gold);
  background: #b78d401a;
}

.dash-toolbar-btn:disabled {
  opacity: .35;
  cursor: not-allowed;
}

.dash-toolbar-btn--primary {
  color: var(--gold);
  background: #b78d401f;
  border-color: #b78d408c;
}

.dash-toolbar-btn--locked {
  color: var(--text-dim);
  border-style: dashed;
}

.dash-toolbar-error {
  font-family: var(--font-mono);
  color: var(--red-critical);
  letter-spacing: .06em;
  font-size: 11px;
}

.dash-canvas--editing .dash-canvas-item {
  outline-offset: 4px;
  cursor: grab;
  outline: 1px dashed #b78d404d;
}

.dash-canvas-item--dragging {
  opacity: .4;
}

.dash-canvas--editing .dash-canvas-item--over {
  outline: 1px solid var(--gold);
  outline-offset: 4px;
}

.dash-edit-bar {
  border-radius: var(--radius-sm, 2px);
  background: #b78d4014;
  border: 1px solid #b78d4047;
  align-items: center;
  gap: 10px;
  padding: 5px 8px;
  display: flex;
}

.dash-edit-grip {
  color: var(--gold);
  cursor: grab;
  font-size: 13px;
  line-height: 1;
}

.dash-edit-label {
  min-width: 0;
  font-family: var(--font-display);
  letter-spacing: .16em;
  color: var(--gold);
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  font-size: 11px;
  font-weight: 700;
  overflow: hidden;
}

.dash-edit-controls {
  gap: 4px;
  display: flex;
}

.dash-edit-btn {
  font-family: var(--font-mono);
  cursor: pointer;
  min-width: 24px;
  color: var(--text-tertiary);
  border: 1px solid var(--border-dim);
  border-radius: var(--radius-sm, 2px);
  background: none;
  padding: 5px 6px;
  font-size: 10px;
  line-height: 1;
  transition: border-color .12s, color .12s;
}

.dash-edit-btn:hover:not(:disabled) {
  color: var(--gold);
  border-color: var(--gold);
}

.dash-edit-btn:disabled {
  opacity: .3;
  cursor: not-allowed;
}

.dash-edit-btn--width {
  min-width: 38px;
  color: var(--gold);
  border-color: #b78d4066;
}

.dash-edit-btn--hide:hover {
  color: var(--red-critical);
  border-color: var(--red-critical);
}

.dash-tray {
  border: 1px dashed var(--border-dim);
  border-radius: var(--radius-md);
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  padding: 12px 14px;
  display: flex;
}

.dash-tray-title {
  font-family: var(--font-mono);
  letter-spacing: .2em;
  color: var(--text-dim);
  font-size: 10px;
}

.dash-tray-items {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.dash-tray-chip {
  font-family: var(--font-ui);
  letter-spacing: .14em;
  text-transform: uppercase;
  cursor: pointer;
  color: var(--text-dim);
  border: 1px solid var(--border-dim);
  border-radius: var(--radius-sm, 2px);
  background: none;
  padding: 6px 12px;
  font-size: 11px;
  transition: border-color .12s, color .12s;
}

.dash-tray-chip:hover {
  color: var(--gold);
  border-color: var(--gold);
}

.dash-canvas-empty {
  font-family: var(--font-mono);
  letter-spacing: .1em;
  color: var(--text-dim);
  text-align: center;
  padding: 32px 0;
  font-size: 12px;
}

.dash-panel--breaking {
  flex: 1;
  height: auto;
  min-height: 472px;
}

.dash-panel--breaking .dash-breaking-grid {
  grid-template-rows: repeat(var(--breaking-rows, 4), minmax(92px, auto));
  flex: 1;
  grid-auto-rows: minmax(92px, auto);
  align-content: start;
}

.dash-panel--breaking .dash-breaking-card {
  justify-content: space-between;
  min-height: 92px;
}

.dash-panel--breaking .dash-breaking-card--featured {
  grid-column: 1;
  grid-row: 1 / span var(--breaking-rows, 4);
  border-color: #b78d4052;
  border-left: 2px solid var(--gold);
  background: linear-gradient(#141c26e6 0%, #0d1219d9 100%);
  flex-direction: row;
  justify-content: flex-start;
  height: 100%;
  min-height: 0;
  padding: 0;
  overflow: hidden;
}

.dash-panel--breaking .dash-breaking-card--featured:before {
  opacity: 1;
  background: radial-gradient(at 0 0, #b78d4024 0%, #0000 65%);
}

.dash-panel--breaking .dash-breaking-card--featured:hover {
  border-color: #b78d40a6;
  border-left-color: var(--gold);
}

.dash-breaking-featured-tag {
  font-family: var(--font-mono);
  letter-spacing: .22em;
  color: var(--gold);
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 9px;
  position: relative;
}

.dash-breaking-featured-tag:after {
  content: "";
  background: linear-gradient(90deg, #b78d408c 0%, #0000 100%);
  height: 1px;
  margin-top: 6px;
  display: block;
}

.dash-breaking-featured-map {
  border-right: 1px solid #b78d4052;
  flex: 0 0 33.33%;
  align-self: stretch;
  position: relative;
  overflow: hidden;
}

.dash-breaking-featured-map img {
  object-fit: cover;
  filter: saturate(.85) contrast(1.05);
  width: 100%;
  height: 100%;
  display: block;
}

.dash-breaking-featured-map-label {
  font-family: var(--font-mono);
  letter-spacing: .18em;
  color: var(--gold);
  text-transform: uppercase;
  background: linear-gradient(90deg, #080a0ce0 0%, #080a0c66 100%);
  padding: 3px 8px;
  font-size: 9px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.dash-breaking-featured-main {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  min-width: 0;
  padding: 16px 18px 14px;
  display: flex;
}

.dash-breaking-headline.dash-breaking-headline--featured {
  font-family: var(--font-display);
  color: var(--text-primary);
  text-transform: uppercase;
  letter-spacing: .01em;
  -webkit-line-clamp: 6;
  flex: none;
  min-height: 0;
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}

.dash-breaking-featured-main > * {
  flex-shrink: 0;
}

.dash-breaking-featured-summary {
  min-height: 0;
  font-family: var(--font-body);
  color: var(--text-tertiary);
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  flex-shrink: 1;
  margin: 0 0 12px;
  font-size: 13px;
  line-height: 1.55;
  display: -webkit-box;
  position: relative;
  overflow: hidden;
}

.dash-breaking-featured-actors {
  font-family: var(--font-mono);
  color: var(--text-tertiary);
  margin-bottom: 12px;
  font-size: 11px;
  line-height: 1.5;
  position: relative;
}

.dash-breaking-featured-actors-label {
  color: var(--gold);
  letter-spacing: .12em;
}

.dash-breaking-featured-stats {
  border-top: 1px solid #b78d4033;
  grid-template-columns: 1fr 1fr;
  gap: 10px 14px;
  margin-top: auto;
  padding-top: 12px;
  display: grid;
  position: relative;
}

.dash-breaking-featured-stat {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.dash-breaking-featured-stat-label {
  font-family: var(--font-mono);
  letter-spacing: .14em;
  color: var(--text-mono);
  text-transform: uppercase;
  font-size: 9px;
}

.dash-breaking-featured-stat-value {
  font-family: var(--font-ui);
  letter-spacing: .08em;
  color: var(--text-primary);
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
}

.dash-panel--breaking .dash-breaking-card--featured .dash-breaking-vbars {
  height: 8px;
  margin-top: 10px;
}

.dash-panel {
  background: var(--bg-panel-flat);
  border: 1px solid var(--border-dim);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm), var(--shadow-inset-top);
  border-left: 2px solid #b78d4073;
  flex-direction: column;
  height: 100%;
  min-height: 220px;
  padding: 20px 20px 24px;
  display: flex;
}

.dash-panel-header {
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  display: flex;
}

.dash-panel-title {
  font-family: var(--font-display);
  letter-spacing: .18em;
  color: var(--gold);
  text-transform: uppercase;
  margin: 0;
  font-size: 13px;
  font-weight: 700;
}

.dash-panel-meta, .dash-panel-link {
  font-family: var(--font-mono);
  letter-spacing: .08em;
  color: var(--text-mono);
  text-transform: uppercase;
  font-size: 10px;
  text-decoration: none;
}

.dash-panel-link:hover {
  color: var(--gold);
}

.dash-panel-rule {
  background: #b78d4033;
  height: 1px;
  margin: 8px 0 12px;
}

.dash-empty {
  font-family: var(--font-mono);
  color: var(--text-mono);
  margin: 12px 0;
  font-size: 11px;
}

.dash-breaking-header-right {
  align-items: center;
  gap: 12px;
  display: flex;
}

.dash-breaking-filter {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.dash-breaking-filter-label {
  font-family: var(--font-mono);
  letter-spacing: .08em;
  color: var(--text-mono);
  text-transform: uppercase;
  font-size: 10px;
}

.dash-breaking-filter-select {
  appearance: none;
  border-radius: var(--radius-sm);
  color: var(--text-primary);
  font-family: var(--font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
  background: #080a0c8c;
  background-image: linear-gradient(45deg, transparent 50%, var(--gold) 50%),
    linear-gradient(135deg, var(--gold) 50%, transparent 50%);
  background-position: calc(100% - 12px), calc(100% - 8px);
  background-repeat: no-repeat;
  background-size: 4px 4px, 4px 4px;
  border: 1px solid #b78d404d;
  padding: 3px 22px 3px 8px;
  font-size: 10px;
}

.dash-breaking-filter-select:hover, .dash-breaking-filter-select:focus {
  border-color: var(--gold);
  outline: none;
}

.dash-breaking-filter-select option {
  background: var(--bg-void);
  color: var(--text-primary);
}

.dash-breaking-body {
  flex-direction: column;
  flex: 1;
  min-height: 392px;
  display: flex;
  position: relative;
}

.dash-breaking-grid--loading {
  opacity: .35;
  filter: blur(.5px);
  pointer-events: none;
  transition: opacity .12s ease-out;
}

.dash-breaking-loading {
  pointer-events: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: flex;
  position: absolute;
  inset: 0;
}

.dash-breaking-loading-label {
  font-family: var(--font-mono);
  letter-spacing: .12em;
  color: var(--gold);
  text-transform: uppercase;
  font-size: 10px;
}

.dash-breaking-spinner {
  border: 2px solid #b78d4040;
  border-top-color: var(--gold);
  border-radius: 50%;
  width: 22px;
  height: 22px;
  animation: .8s linear infinite dash-breaking-spin;
}

@keyframes dash-breaking-spin {
  to {
    transform: rotate(360deg);
  }
}

.dash-panel--pulse {
  background: var(--bg-panel-flat);
  border-left-color: #b78d4059;
  overflow: hidden;
}

.dash-panel--pulse .dash-panel-header {
  border-bottom: 1px solid #ffffff0d;
  align-items: center;
  margin: -20px -20px 0;
  padding: 14px 18px;
}

.dash-panel--pulse .dash-panel-title {
  letter-spacing: .32em;
  font-size: 16px;
}

.dash-panel--pulse .dash-breaking-body {
  isolation: isolate;
  margin: 0 -20px -24px;
  padding: 14px;
  overflow: hidden;
}

.dash-breaking-grid-bg {
  display: none;
}

.dash-breaking-sweep {
  pointer-events: none;
  z-index: 1;
  mix-blend-mode: screen;
  background: linear-gradient(90deg, #0000 0%, #b78d4000 30%, #b78d4013 50%, #b78d4000 70%, #0000 100%);
  width: 320px;
  animation: 16s linear infinite dash-breaking-sweep;
  position: absolute;
  top: -50%;
  bottom: -50%;
}

@media (prefers-reduced-motion: reduce) {
  .dash-breaking-sweep, .dash-breaking-tag-pulse, .dash-breaking-vbar {
    animation: none;
  }
}

@keyframes dash-breaking-sweep {
  0% {
    opacity: 0;
    transform: translateX(-40%)translateY(-20%)rotate(18deg);
  }

  10% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translateX(110%)translateY(20%)rotate(18deg);
  }
}

@keyframes dash-breaking-breathe {
  0%, 100% {
    box-shadow: 0 0 #b78d4000;
  }

  50% {
    box-shadow: 0 0 8px #b78d4059;
  }
}

@keyframes dash-breaking-vert {
  0%, 100% {
    opacity: .25;
  }

  50% {
    opacity: .6;
  }
}

.dash-breaking-grid {
  z-index: 2;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-content: start;
  gap: 10px;
  display: grid;
  position: relative;
}

.dash-breaking-card {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  text-align: left;
  color: inherit;
  font: inherit;
  cursor: pointer;
  transition: background   var(--dur-base) var(--ease-out),
    border-color var(--dur-base) var(--ease-out);
  background: #0d1219b3;
  border: 1px solid #ffffff0f;
  border-radius: 2px;
  flex-direction: column;
  padding: 12px 14px 10px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.dash-breaking-card:before {
  content: "";
  opacity: 0;
  transition: opacity .4s var(--ease-out);
  pointer-events: none;
  background: radial-gradient(#b78d4014 0%, #0000 70%);
  position: absolute;
  inset: 0;
}

.dash-breaking-card:hover {
  border-color: #b78d4066;
}

.dash-breaking-card:hover:before {
  opacity: 1;
}

.dash-breaking-card:focus-visible {
  box-shadow: var(--focus-ring);
  border-color: #b78d408c;
  outline: none;
}

.dash-breaking-top {
  font-family: var(--font-mono);
  letter-spacing: .08em;
  color: #7a7d83;
  text-transform: uppercase;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  font-size: 10px;
  display: flex;
  position: relative;
}

.dash-breaking-tag-pulse {
  border-radius: 1px;
  margin: -1px;
  padding: 1px;
  animation: 3.6s ease-in-out infinite dash-breaking-breathe;
  display: inline-flex;
}

.dash-breaking-tag {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.dash-breaking-flag {
  background-color: #2a2e35;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1px;
  width: 22px;
  height: 16px;
  display: inline-block;
  box-shadow: 0 0 0 1px #0006;
}

.dash-breaking-country {
  font-family: var(--font-mono);
  letter-spacing: .1em;
  color: #e7e9ec;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
}

.dash-breaking-meta {
  color: #7a7d83;
  flex: 1;
}

.dash-breaking-score {
  font-family: var(--font-mono);
  color: var(--gold);
  letter-spacing: .04em;
  font-size: 10px;
  font-weight: 700;
}

.dash-breaking-headline {
  font-family: var(--font-body);
  color: var(--text-tertiary);
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  min-height: 44px;
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.45;
  display: -webkit-box;
  position: relative;
  overflow: hidden;
}

.dash-breaking-vbars {
  align-items: flex-end;
  gap: 2px;
  height: 6px;
  margin-top: 10px;
  display: flex;
  position: relative;
}

.dash-breaking-vbar {
  background: var(--gold);
  width: 2px;
  animation: 4s ease-in-out infinite dash-breaking-vert;
}

.dash-breaking-rule {
  background: linear-gradient(90deg, #b78d4080 0%, #0000 100%);
  flex: 1;
  height: 1px;
  margin-left: 4px;
}

.dash-top-list {
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.dash-top-link {
  color: inherit;
  border-bottom: 1px solid #ffffff0a;
  grid-template-columns: 28px 28px 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 8px 4px;
  text-decoration: none;
  transition: background .12s, padding-left .12s;
  display: grid;
}

.dash-top-link:hover {
  background: #b78d400f;
  padding-left: 8px;
}

.dash-top-rank {
  font-family: var(--font-mono);
  color: var(--text-mono);
  letter-spacing: .05em;
  font-size: 10px;
}

.dash-top-sev {
  font-family: var(--font-mono);
  text-align: center;
  border-radius: var(--radius-sm);
  border: 1px solid #ffffff1a;
  padding: 2px 0;
  font-size: 11px;
  font-weight: 700;
}

.dash-top-sev--critical {
  color: var(--red-critical);
  border-color: var(--red-critical);
}

.dash-top-sev--high {
  color: var(--red-high);
  border-color: var(--red-high);
}

.dash-top-sev--medium {
  color: var(--amber);
  border-color: var(--amber);
}

.dash-top-headline {
  font-family: var(--font-body);
  color: var(--text-tertiary);
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-size: 12px;
  line-height: 1.35;
  display: -webkit-box;
  overflow: hidden;
}

.dash-top-meta {
  font-family: var(--font-mono);
  letter-spacing: .08em;
  color: var(--text-dim);
  text-transform: uppercase;
  font-size: 9px;
}

.dash-brief-list {
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.dash-brief-row {
  color: inherit;
  border-bottom: 1px solid #ffffff0a;
  grid-template-columns: auto auto 1fr;
  align-items: baseline;
  gap: 10px;
  padding: 16px 4px;
  text-decoration: none;
  transition: background .12s, padding-left .12s;
  display: grid;
}

.dash-brief-row:hover {
  background: #b78d400f;
  padding-left: 8px;
}

.dash-brief-date {
  font-family: var(--font-mono);
  color: var(--text-mono);
  font-size: 10px;
}

.dash-brief-session {
  font-family: var(--font-ui);
  letter-spacing: .1em;
  color: var(--text-dim);
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 700;
}

.dash-brief-headline {
  font-family: var(--font-body);
  color: var(--text-tertiary);
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  min-width: 0;
  min-height: 4.2em;
  font-size: 12px;
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
}

.dash-mix {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.dash-mix-row {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.dash-mix-label {
  font-family: var(--font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  justify-content: space-between;
  align-items: baseline;
  font-size: 10px;
  display: flex;
}

.dash-mix-bucket {
  color: var(--text-primary);
  font-weight: 700;
}

.dash-mix-count {
  color: var(--text-mono);
}

.dash-mix-bar-track {
  background: #ffffff0d;
  border: 1px solid #ffffff0a;
  height: 8px;
}

.dash-mix-bar {
  height: 100%;
  transition: width .2s;
}

.dash-mix-bar--high {
  background: linear-gradient(90deg, #6b9e78 0%, #8fbf9d 100%);
}

.dash-mix-bar--med {
  background: linear-gradient(90deg, var(--amber) 0%, #d6b26f 100%);
}

.dash-mix-bar--low {
  background: linear-gradient(90deg, var(--red-critical) 0%, #d9685b 100%);
}

.dash-mix-footer {
  font-family: var(--font-mono);
  letter-spacing: .1em;
  color: var(--text-mono);
  text-transform: uppercase;
  border-top: 1px solid #ffffff0a;
  margin-top: 8px;
  padding-top: 8px;
  font-size: 9px;
}

.dash-panel--pulse .dash-panel-pulse-body {
  isolation: isolate;
  flex: 1;
  margin: 0 -20px -24px;
  padding: 14px 18px;
  position: relative;
  overflow: hidden;
}

.dash-panel--pulse .dash-top-list, .dash-panel--pulse .dash-brief-list, .dash-panel--pulse .dash-mix {
  z-index: 2;
  position: relative;
}

.dash-panel--pulse .dash-top-link, .dash-panel--pulse .dash-brief-row, .dash-panel--pulse .dash-mix-row {
  z-index: 1;
  position: relative;
}

.dash-panel--pulse .dash-top-link:before, .dash-panel--pulse .dash-brief-row:before, .dash-panel--pulse .dash-mix-row:before {
  content: "";
  opacity: 0;
  transition: opacity .4s var(--ease-out);
  pointer-events: none;
  z-index: -1;
  background: radial-gradient(#b78d4014 0%, #0000 70%);
  position: absolute;
  inset: 0 -8px;
}

.dash-panel--pulse .dash-top-link:hover, .dash-panel--pulse .dash-brief-row:hover {
  background: none;
  padding-left: 4px;
}

.dash-panel--pulse .dash-top-link:hover:before, .dash-panel--pulse .dash-brief-row:hover:before, .dash-panel--pulse .dash-mix-row:hover:before {
  opacity: 1;
}

.dash-panel--pulse .dash-top-link:after, .dash-panel--pulse .dash-brief-row:after {
  content: "";
  opacity: 0;
  height: 1px;
  transition: opacity .3s var(--ease-out);
  pointer-events: none;
  background: linear-gradient(90deg, #b78d4080 0%, #0000 100%);
  position: absolute;
  bottom: -1px;
  left: 4px;
  right: 4px;
}

.dash-panel--pulse .dash-top-link:hover:after, .dash-panel--pulse .dash-brief-row:hover:after {
  opacity: .8;
}

.dash-panel--pulse .dash-top-sev, .dash-panel--pulse .dash-brief-date, .dash-panel--pulse .dash-mix-bucket {
  animation: 3.6s ease-in-out infinite dash-breaking-breathe;
  display: inline-block;
}

.dash-panel--pulse .dash-top-list > li:nth-child(2) .dash-top-sev, .dash-panel--pulse .dash-brief-list > li:nth-child(2) .dash-brief-date {
  animation-delay: .18s;
}

.dash-panel--pulse .dash-top-list > li:nth-child(3) .dash-top-sev, .dash-panel--pulse .dash-brief-list > li:nth-child(3) .dash-brief-date {
  animation-delay: .36s;
}

.dash-panel--pulse .dash-top-list > li:nth-child(4) .dash-top-sev, .dash-panel--pulse .dash-brief-list > li:nth-child(4) .dash-brief-date {
  animation-delay: .54s;
}

.dash-panel--pulse .dash-top-list > li:nth-child(5) .dash-top-sev, .dash-panel--pulse .dash-brief-list > li:nth-child(5) .dash-brief-date {
  animation-delay: .72s;
}

.dash-panel--pulse .dash-top-list > li:nth-child(6) .dash-top-sev {
  animation-delay: .9s;
}

.dash-panel--pulse .dash-top-list > li:nth-child(7) .dash-top-sev {
  animation-delay: 1.08s;
}

.dash-panel--pulse .dash-top-list > li:nth-child(8) .dash-top-sev {
  animation-delay: 1.26s;
}

.dash-panel--pulse .dash-mix-row:nth-child(2) .dash-mix-bucket {
  animation-delay: .4s;
}

.dash-panel--pulse .dash-mix-row:nth-child(3) .dash-mix-bucket {
  animation-delay: .8s;
}

@media (prefers-reduced-motion: reduce) {
  .dash-panel--pulse .dash-top-sev, .dash-panel--pulse .dash-brief-date, .dash-panel--pulse .dash-mix-bucket {
    animation: none;
  }
}

.dash-panel--pulse .dash-mix-bar-track {
  background: #ffffff0f;
  border-color: #ffffff0d;
}

.dash-status-bar {
  font-family: var(--font-mono);
  letter-spacing: .08em;
  color: var(--text-mono);
  text-transform: uppercase;
  border-top: 1px solid #b78d4038;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  font-size: 10px;
  display: flex;
}

.dash-status-sep {
  color: #b78d4066;
}

@media (max-width: 1100px) {
  .dash-breaking-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dash-panel--breaking .dash-breaking-grid {
    grid-template-rows: none;
    grid-auto-rows: min-content;
  }

  .dash-panel--breaking .dash-breaking-card--featured {
    grid-area: auto / 1 / auto / -1;
  }
}

@media (max-width: 700px) {
  .dash-breaking-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .dash-row--mid {
    grid-template-columns: 1fr;
  }

  .dashboard-grid {
    padding: 16px 14px 24px;
  }

  .dash-canvas-item[class*="dash-canvas-item--span-"] {
    grid-column: span 6;
  }

  .dash-canvas {
    grid-auto-rows: min-content;
  }
}

.search-query-panel {
  margin-bottom: var(--gap-section);
}

.search-query-panel .search-form {
  margin-bottom: 0;
}

.search-query-panel .search-input-row:not(:focus-within) {
  border-left-width: 1px;
  border-left-color: var(--border-dim);
  box-shadow: none;
}

.search-form {
  margin-bottom: 32px;
}

.search-input-row {
  background: var(--bg-panel-flat);
  border: 1px solid var(--border-dim);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm), var(--shadow-inset-top);
  transition: border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);
  border-left: 2px solid #b78d4073;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  display: flex;
}

.search-input-row:focus-within {
  border-color: var(--gold);
  box-shadow: var(--focus-ring), var(--shadow-sm), var(--shadow-inset-top);
}

.search-prompt {
  font-family: var(--font-mono);
  color: var(--text-mono);
  flex-shrink: 0;
  font-size: 14px;
}

.search-input {
  font-family: var(--font-mono);
  color: var(--text-primary);
  letter-spacing: .5px;
  background: none;
  border: none;
  outline: none;
  flex: 1;
  font-size: 14px;
}

.search-input::placeholder {
  color: var(--text-dim);
}

.search-button {
  font-family: var(--font-ui);
  letter-spacing: 1.5px;
  border: 1px solid var(--gold);
  border-radius: var(--radius-sm);
  color: var(--gold);
  cursor: pointer;
  transition: background   var(--dur-base) var(--ease-out),
    color        var(--dur-base) var(--ease-out),
    border-color var(--dur-base) var(--ease-out),
    box-shadow   var(--dur-base) var(--ease-out);
  background: none;
  flex-shrink: 0;
  padding: 8px 24px;
  font-size: 13px;
  font-weight: 600;
}

.search-button:hover:not(:disabled) {
  color: var(--gold-bright);
  border-color: var(--gold-bright);
  box-shadow: 0 0 0 1px #b78d4059, var(--shadow-sm);
  background: #b78d401a;
}

.search-button:disabled {
  opacity: .35;
  cursor: not-allowed;
}

.search-error {
  font-family: var(--font-mono);
  color: var(--red-high);
  padding: 16px 0;
  font-size: 13px;
}

.search-empty {
  font-family: var(--font-mono);
  color: var(--text-mono);
  text-align: center;
  padding: 60px 0;
  font-size: 13px;
}

.search-results-count {
  font-family: var(--font-mono);
  color: var(--text-dim);
  letter-spacing: 1px;
  margin-bottom: 16px;
  font-size: 12px;
}

.search-card {
  background: var(--bg-panel-flat);
  border: 1px solid var(--border-dim);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm), var(--shadow-inset-top);
  transition: background       var(--dur-base) var(--ease-out),
    border-color     var(--dur-base) var(--ease-out),
    border-left-color var(--dur-base) var(--ease-out),
    box-shadow       var(--dur-base) var(--ease-out);
  border-left: 2px solid #b78d4073;
  margin-bottom: 8px;
  padding: 20px 24px;
}

.search-card:hover {
  border-color: var(--border-active);
  border-left-color: var(--gold);
  box-shadow: var(--shadow-gold-hover), var(--shadow-inset-top);
}

.search-card-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.search-card-urgency {
  font-family: var(--font-ui);
  letter-spacing: 1.5px;
  border: 1px solid var(--border-dim);
  border-radius: var(--radius-sm);
  padding: 2px 10px;
  font-size: 11px;
  font-weight: 600;
}

.search-card-urgency[data-urgency="critical"] {
  color: var(--red-critical);
  border-color: var(--red-critical);
}

.search-card-urgency[data-urgency="high"] {
  color: var(--red-high);
  border-color: var(--red-high);
}

.search-card-urgency[data-urgency="elevated"], .search-card-urgency[data-urgency="medium"] {
  color: var(--amber);
  border-color: var(--amber);
}

.search-card-urgency[data-urgency="low"], .search-card-urgency[data-urgency="routine"] {
  color: var(--text-dim);
  border-color: var(--text-dim);
}

.search-card-similarity {
  font-family: var(--font-mono);
  color: var(--gold);
  letter-spacing: .5px;
  font-size: 12px;
}

.search-card-text {
  font-family: var(--font-body);
  color: var(--text-secondary);
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 1.6;
}

.search-card-meta {
  flex-wrap: wrap;
  gap: 16px;
  display: flex;
}

.search-card-tag {
  font-family: var(--font-mono);
  color: var(--text-dim);
  letter-spacing: .5px;
  font-size: 11px;
}

.search-card-tag-label {
  color: var(--text-mono);
  margin-right: 4px;
}

.search-denied {
  text-align: center;
  padding: 80px 0;
}

.search-denied-icon {
  color: var(--red-critical);
  margin-bottom: 16px;
  font-size: 24px;
}

.search-denied-title {
  font-family: var(--font-display);
  letter-spacing: 3px;
  color: var(--red-high);
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 700;
}

.search-denied-text {
  font-family: var(--font-mono);
  color: var(--text-dim);
  letter-spacing: .5px;
  font-size: 13px;
}

.search-denied-cta {
  font-family: var(--font-ui);
  letter-spacing: 1.5px;
  border: 1px solid var(--gold);
  color: var(--gold);
  margin-top: 24px;
  padding: 10px 28px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s;
  display: inline-block;
}

.search-denied-cta:hover {
  color: var(--gold-bright);
  border-color: var(--gold-bright);
  background: #b78d401a;
}

.search-root, .search-layout {
  position: relative;
}

.search-briefing {
  background: var(--bg-panel-flat);
  border: 1px solid var(--border-dim);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm), var(--shadow-inset-top);
  border-left: 2px solid #b78d4073;
  margin-bottom: 24px;
  animation: .32s ease-out both search-briefing-in;
  position: relative;
}

@keyframes search-briefing-in {
  from {
    opacity: 0;
    transform: translateY(4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.search-classification-strip {
  font-family: var(--font-ui);
  letter-spacing: 3px;
  color: var(--red-high);
  text-transform: uppercase;
  background: #c0392b1f;
  border-bottom: 1px solid #c0392b66;
  justify-content: space-between;
  align-items: center;
  padding: 6px 18px;
  font-size: 10px;
  font-weight: 700;
  display: flex;
}

.search-briefing-header {
  border-bottom: 1px solid var(--border-dim);
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 16px 28px;
  display: flex;
}

.search-briefing-label {
  font-family: var(--font-display);
  letter-spacing: 3px;
  color: var(--gold);
  font-size: 16px;
  font-weight: 700;
}

.search-briefing-toggle {
  font-family: var(--font-ui);
  letter-spacing: 1.5px;
  border: 1px solid var(--border-active);
  color: var(--text-secondary);
  cursor: pointer;
  background: none;
  align-items: center;
  gap: 10px;
  padding: 7px 14px;
  font-size: 11px;
  font-weight: 600;
  transition: all .2s;
  display: inline-flex;
}

.search-briefing-toggle:hover {
  border-color: var(--gold);
  color: var(--gold);
  background: #b78d400f;
}

.search-briefing-toggle-count {
  font-family: var(--font-mono);
  color: var(--gold);
  font-size: 12px;
}

.search-briefing-toggle-chevron {
  border-top: 4px solid #0000;
  border-bottom: 4px solid #0000;
  border-left: 6px solid var(--gold);
  width: 0;
  height: 0;
  transition: transform .15s;
  display: inline-block;
}

.search-briefing-toggle-chevron.is-open {
  transform: rotate(180deg);
}

.search-query-echo {
  border-bottom: 1px solid var(--border-dim);
  background: #0003;
  align-items: baseline;
  gap: 14px;
  padding: 14px 28px;
  display: flex;
}

.search-query-echo-label {
  font-family: var(--font-ui);
  letter-spacing: 2px;
  color: var(--text-dim);
  flex-shrink: 0;
  font-size: 10px;
  font-weight: 700;
}

.search-query-echo-text {
  font-family: var(--font-mono);
  color: var(--text-mono);
  letter-spacing: .5px;
  font-size: 13px;
}

.search-briefing-body {
  font-family: var(--font-body);
  color: var(--text-primary);
  padding: 24px 28px;
  font-size: 15px;
  line-height: 1.8;
}

.search-briefing-paragraph {
  margin: 0 0 14px;
}

.search-briefing-paragraph:last-child {
  margin-bottom: 0;
}

.search-briefing-heading {
  font-family: var(--font-display);
  letter-spacing: 2.5px;
  color: var(--gold);
  text-transform: uppercase;
  border-bottom: 1px solid #b78d4040;
  margin: 24px 0 10px;
  padding-bottom: 6px;
  font-size: 13px;
  font-weight: 700;
  position: relative;
}

.search-briefing-heading:before {
  content: "";
  background: var(--gold);
  opacity: .8;
  vertical-align: middle;
  margin-right: 8px;
  width: 7px;
  height: 7px;
  display: inline-block;
  transform: rotate(45deg);
}

.search-briefing-body > .search-briefing-heading:first-child {
  margin-top: 0;
}

.search-briefing-missing {
  font-family: var(--font-mono);
  color: var(--text-dim);
  font-size: 13px;
}

.search-briefing-footer {
  border-top: 1px solid var(--border-dim);
  font-family: var(--font-mono);
  letter-spacing: 1.5px;
  color: var(--text-dim);
  text-transform: uppercase;
  background: #00000040;
  align-items: center;
  gap: 10px;
  padding: 10px 28px;
  font-size: 10px;
  display: flex;
}

.search-briefing-footer-sep {
  color: var(--gold);
  opacity: .5;
}

.search-citation-group {
  vertical-align: super;
  gap: 2px;
  margin: 0 2px;
  font-size: .7em;
  line-height: 0;
  display: inline-flex;
}

.search-citation {
  min-width: 18px;
  font-family: var(--font-mono);
  color: var(--gold);
  cursor: pointer;
  background: #b78d401a;
  border: 1px solid #b78d4066;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  padding: 1px 5px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  transition: all .15s;
  display: inline-flex;
}

.search-citation:hover {
  border-color: var(--gold);
  color: var(--gold-bright);
  background: #b78d4047;
  transform: translateY(-1px);
}

.search-drawer-backdrop {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  z-index: 50;
  background: #0000008c;
  animation: .16s ease-out both search-drawer-fade;
  position: fixed;
  inset: 0;
}

@keyframes search-drawer-fade {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.search-drawer {
  background: var(--bg-panel-flat);
  border-left: 1px solid var(--gold);
  z-index: 51;
  pointer-events: none;
  flex-direction: column;
  width: min(520px, 92vw);
  transition: transform .28s cubic-bezier(.2, .7, .2, 1);
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  transform: translateX(100%);
  box-shadow: -12px 0 40px #0009;
}

.search-drawer--open {
  pointer-events: auto;
  transform: translateX(0);
}

.search-drawer-header {
  border-bottom: 1px solid var(--border-dim);
  background: #b78d400a;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  display: flex;
}

.search-drawer-title {
  font-family: var(--font-mono);
  letter-spacing: 1.5px;
  color: var(--gold);
  font-size: 12px;
}

.search-drawer-close {
  border: 1px solid var(--border-dim);
  color: var(--text-secondary);
  font-family: var(--font-mono);
  cursor: pointer;
  background: none;
  width: 28px;
  height: 28px;
  font-size: 14px;
  transition: all .15s;
}

.search-drawer-close:hover {
  border-color: var(--red-high);
  color: var(--red-high);
}

.search-drawer-body {
  flex: 1;
  padding: 16px 20px;
  overflow-y: auto;
}

.search-drawer-body .search-card {
  padding: 16px 18px;
}

.search-drawer-body .search-card-top {
  justify-content: flex-start;
  gap: 10px;
}

.search-drawer-body .search-card-similarity {
  margin-left: auto;
}

.search-card-index {
  font-family: var(--font-mono);
  color: var(--gold);
  letter-spacing: .5px;
  font-size: 12px;
  font-weight: 600;
}

.search-card--highlighted {
  animation: 2s ease-out search-card-flash;
}

@keyframes search-card-flash {
  0% {
    border-color: var(--gold);
    box-shadow: 0 0 0 2px #b78d40b3, 0 0 24px #b78d4066;
  }

  60% {
    border-color: var(--gold);
    box-shadow: 0 0 0 1px #b78d404d;
  }

  100% {
    border-color: var(--border-dim);
    box-shadow: none;
  }
}

.search-loader {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
  min-height: 320px;
  padding: 64px 0;
  display: flex;
}

.search-loader-stage {
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  display: flex;
  position: relative;
}

.search-loader-ring {
  border: 1px solid var(--border-accent);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
}

.search-loader-ring--outer {
  width: 120px;
  height: 120px;
  margin: -60px 0 0 -60px;
  animation: 2.4s linear infinite search-loader-spin;
}

.search-loader-ring--inner {
  border-color: #b78d4047;
  border-top-color: var(--gold);
  width: 78px;
  height: 78px;
  margin: -39px 0 0 -39px;
  animation: 1.6s linear infinite reverse search-loader-spin;
}

.search-loader-sweep {
  background: conic-gradient(from 0deg,
    transparent 0deg,
    transparent 260deg,
    #b78d4059 320deg,
    var(--gold) 359deg,
    transparent 360deg);
  border-radius: 50%;
  position: absolute;
  inset: 0;
  -webkit-mask: radial-gradient(circle, #0000 54%, #000 55%);
  mask: radial-gradient(circle, #0000 54%, #000 55%);
}

.search-loader-core {
  background: var(--gold-bright);
  border-radius: 50%;
  width: 10px;
  height: 10px;
  animation: 1.4s ease-in-out infinite search-loader-core-pulse;
  position: relative;
  box-shadow: 0 0 12px #d4a843e6, 0 0 28px #b78d4099;
}

@keyframes search-loader-spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes search-loader-core-pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .55;
    transform: scale(1.5);
  }
}

.search-loader-text {
  font-family: var(--font-mono);
  letter-spacing: 2.5px;
  color: var(--text-mono);
  align-items: center;
  gap: 8px;
  font-size: 12px;
  display: inline-flex;
}

.search-loader-bracket {
  color: var(--gold);
  opacity: .6;
}

.search-loader-phase {
  color: var(--gold);
  text-align: center;
  min-width: 230px;
}

.search-loader-dots {
  gap: 3px;
  display: inline-flex;
}

.search-loader-dots span {
  background: var(--gold);
  border-radius: 50%;
  width: 4px;
  height: 4px;
  animation: 1.2s ease-in-out infinite search-loader-dot;
}

.search-loader-dots span:nth-child(2) {
  animation-delay: .2s;
}

.search-loader-dots span:nth-child(3) {
  animation-delay: .4s;
}

@keyframes search-loader-dot {
  0%, 80%, 100% {
    opacity: .15;
    transform: scale(.8);
  }

  40% {
    opacity: 1;
    transform: scale(1.2);
  }
}

@media (prefers-reduced-motion: reduce) {
  .search-loader-ring--outer, .search-loader-ring--inner, .search-loader-core, .search-loader-dots span, .search-card--highlighted, .search-briefing, .search-drawer, .search-drawer-backdrop {
    transition: none !important;
    animation: none !important;
  }
}

.pricing-tier-card:hover {
  background: linear-gradient(160deg, #1a2430 0%, #131a24 100%) !important;
}

.pricing-cta:hover {
  color: var(--text-primary);
  border-color: var(--text-primary);
  background: #ffffff0a;
}

.pricing-cta--gold:hover {
  color: var(--gold-bright);
  border-color: var(--gold-bright);
  background: #b78d401a;
}

.brief-card {
  border: 1px solid var(--border-dim);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm), var(--shadow-inset-top);
  color: inherit;
  transition: background       var(--dur-base) var(--ease-out),
    border-color     var(--dur-base) var(--ease-out),
    border-left-color var(--dur-base) var(--ease-out),
    box-shadow       var(--dur-base) var(--ease-out);
  background: linear-gradient(#141c26 0%, #0f1620 100%);
  border-left: 3px solid #0000;
  align-items: center;
  margin-bottom: 6px;
  padding: 18px 22px;
  text-decoration: none;
  display: flex;
}

.brief-card:nth-child(2n) {
  background: linear-gradient(#121924 0%, #0d141d 100%);
}

.brief-card:hover {
  border-left-color: var(--gold);
  box-shadow: var(--shadow-gold-hover), var(--shadow-inset-top);
  background: linear-gradient(90deg, #161f2a 0%, #111820 60%, #0d1117 100%);
}

.brief-card-date {
  text-align: center;
  flex-shrink: 0;
  width: 80px;
}

.brief-card-date-day {
  font-family: var(--font-mono);
  color: var(--text-mono);
  text-transform: uppercase;
  font-size: 11px;
  line-height: 1.3;
}

.brief-card-date-year {
  font-family: var(--font-ui);
  color: var(--text-dim);
  font-size: 10px;
  font-weight: 400;
}

.brief-card-divider {
  background: var(--border-dim);
  align-self: stretch;
  width: 1px;
  margin: 0 16px;
}

.brief-card-center {
  flex: 1;
  min-width: 0;
}

.brief-card-badges {
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  display: flex;
}

.brief-card-severity {
  font-family: var(--font-ui);
  text-transform: uppercase;
  border-radius: var(--radius-sm);
  border: 1px solid;
  padding: 2px 6px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.4;
}

.brief-card-severity--critical {
  color: var(--red-critical);
  border-color: var(--red-critical);
}

.brief-card-severity--high {
  color: var(--red-high);
  border-color: var(--red-high);
}

.brief-card-severity--medium {
  color: var(--gold);
  font-family: var(--font-ui);
  background: none;
  border-color: #b78d4080;
  font-size: 9px;
  font-weight: 600;
}

.brief-card-severity--low {
  color: var(--text-secondary);
  border-color: var(--text-secondary);
}

.brief-card-category {
  font-family: var(--font-ui);
  text-transform: uppercase;
  color: var(--text-secondary);
  border: 1px solid var(--border-active);
  border-radius: var(--radius-sm);
  padding: 2px 6px;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4;
}

.brief-card-title {
  font-family: var(--font-display);
  color: var(--text-primary);
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 0 3px;
  font-size: 18px;
  font-weight: 600;
  overflow: hidden;
}

.brief-card-excerpt {
  font-family: var(--font-body);
  color: #9aa5b0;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
}

.brief-card-right {
  text-align: right;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-end;
  gap: 4px;
  width: 200px;
  display: flex;
}

.brief-card-id {
  font-family: var(--font-mono);
  color: var(--text-dim);
  font-size: 10px;
}

.brief-card-signals {
  font-family: var(--font-ui);
  color: var(--text-secondary);
  font-size: 11px;
  font-weight: 500;
}

.brief-card-arrow {
  color: var(--gold);
  opacity: 0;
  font-size: 20px;
  transition: opacity .15s;
}

.brief-card:hover .brief-card-arrow {
  opacity: 1;
}

.report-card {
  border: 1px solid var(--border-dim);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm), var(--shadow-inset-top);
  color: inherit;
  transition: background       var(--dur-base) var(--ease-out),
    border-color     var(--dur-base) var(--ease-out),
    border-left-color var(--dur-base) var(--ease-out),
    box-shadow       var(--dur-base) var(--ease-out);
  background: linear-gradient(#141c26 0%, #0f1620 100%);
  border-left: 3px solid #0000;
  align-items: center;
  margin-bottom: 6px;
  padding: 20px 24px;
  text-decoration: none;
  display: flex;
}

.report-card:hover {
  background: var(--bg-panel-hover);
  border-left-color: var(--gold);
  box-shadow: var(--shadow-gold-hover), var(--shadow-inset-top);
}

.report-card-month {
  flex-shrink: 0;
  width: 100px;
}

.report-card-month-name {
  font-family: var(--font-display);
  color: var(--text-primary);
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 700;
}

.report-card-month-year {
  font-family: var(--font-mono);
  color: var(--text-mono);
  font-size: 12px;
}

.report-card-month-line {
  background: var(--gold);
  width: 100%;
  height: 1px;
  margin-top: 4px;
}

.report-card-center {
  flex: 1;
  min-width: 0;
  padding: 0 24px;
}

.report-card-label {
  font-family: var(--font-ui);
  color: var(--text-dim);
  text-transform: uppercase;
  letter-spacing: .2em;
  margin-bottom: 4px;
  font-size: 10px;
  font-weight: 600;
}

.report-card-title {
  font-family: var(--font-display);
  color: var(--text-primary);
  margin: 0 0 8px;
  font-size: 22px;
  font-weight: 600;
}

.report-card-stats {
  font-family: var(--font-mono);
  color: var(--text-mono);
  font-size: 11px;
}

.report-card-themes {
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
  display: flex;
}

.report-card-theme-tag {
  font-family: var(--font-mono);
  letter-spacing: .05em;
  color: var(--text-secondary);
  border: 1px solid var(--border-dim);
  border-radius: var(--radius-sm);
  text-transform: uppercase;
  padding: 2px 8px;
  font-size: 9px;
}

.report-card-right {
  text-align: right;
  flex-shrink: 0;
  width: 200px;
}

.report-card-cta {
  font-family: var(--font-ui);
  color: var(--gold);
  text-transform: uppercase;
  transition: color var(--dur-base) var(--ease-out);
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}

.report-card-cta:hover {
  color: var(--gold-bright);
}

.report-card--locked {
  position: relative;
}

.report-card--locked .report-card-overlay {
  background: #0a0f1499;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  display: flex;
  position: absolute;
  inset: 0;
}

.report-card-locked-label {
  font-family: var(--font-ui);
  color: var(--text-dim);
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 11px;
  font-weight: 600;
}

.report-card-locked-cta {
  font-family: var(--font-ui);
  color: var(--gold);
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
}

.report-card-locked-cta:hover {
  color: var(--gold-bright);
}

.breadcrumb {
  font-family: var(--font-mono);
  letter-spacing: .05em;
  color: var(--text-dim);
  margin-bottom: 12px;
  font-size: 10px;
}

.breadcrumb-sep {
  color: var(--gold);
  margin: 0 8px;
}

.breadcrumb-link {
  color: var(--text-secondary);
  text-decoration: none;
  transition: color .15s;
}

.breadcrumb-link:hover {
  color: var(--gold);
}

.breadcrumb-current {
  color: var(--text-primary);
}

.doc-page {
  padding: 48px var(--content-pad);
  flex-direction: column;
  align-items: center;
  min-height: calc(100vh - 84px);
  display: flex;
}

.doc-page:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(80% 55% at 50% -8%, #78a5e12e 0%, #0000 65%), radial-gradient(65% 45% at 85% 105%, #466eaa1f 0%, #0000 70%), linear-gradient(#ffffff0a 1px, #0000 1px) 0 0 / 32px 32px, linear-gradient(90deg, #ffffff0a 1px, #0000 1px) 0 0 / 32px 32px, linear-gradient(#14213af5 0%, #0b1526f5 100%);
  position: fixed;
  inset: 0;
}

.doc-paper {
  background: var(--bg-panel-flat);
  border: 1px solid var(--border-dim);
  border-radius: var(--radius-md);
  width: 100%;
  max-width: 900px;
  box-shadow: var(--shadow-sm), var(--shadow-inset-top);
  border-left: 2px solid #b78d4073;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.doc-classification-bar {
  background: var(--classification-bg);
  justify-content: center;
  align-items: center;
  padding: 6px 20px;
  display: flex;
  box-shadow: 0 4px 20px #8b00004d;
}

.doc-classification-bar span {
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  font-family: var(--font-ui);
  text-transform: uppercase;
  letter-spacing: .2em;
}

.doc-header {
  border-bottom: 1px solid var(--border-dim);
  background: none;
  padding: 32px 40px;
}

.doc-header-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.doc-header-top-left {
  align-items: center;
  gap: 12px;
  display: flex;
}

.doc-header-id {
  font-family: var(--font-mono);
  color: var(--text-mono);
  font-size: 12px;
}

.doc-header-type {
  font-family: var(--font-ui);
  color: var(--text-dim);
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
}

.doc-header-classification {
  font-family: var(--font-ui);
  color: var(--red-critical);
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
}

.doc-title {
  font-family: var(--font-display);
  color: var(--text-primary);
  text-transform: uppercase;
  margin: 0 0 12px;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.15;
}

.doc-meta-row {
  font-family: var(--font-ui);
  color: var(--text-dim);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 11px;
  font-weight: 500;
}

.doc-meta-sep {
  color: #ffffff26;
  margin: 0 10px;
}

.doc-back-link {
  font-family: var(--font-mono);
  color: var(--gold);
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 10px;
  text-decoration: none;
  transition: color .15s;
}

.doc-back-link:hover {
  color: var(--gold-bright);
}

.doc-stats-bar {
  border: 1px solid var(--border-dim);
  border-top: none;
  display: flex;
}

.doc-stat-block {
  text-align: center;
  border-right: 1px solid var(--border-dim);
  flex: 1;
  padding: 16px 20px;
}

.doc-stat-block:last-child {
  border-right: none;
}

.doc-stat-label {
  font-family: var(--font-ui);
  color: var(--text-dim);
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 4px;
  font-size: 10px;
  font-weight: 500;
}

.doc-stat-value {
  font-family: var(--font-display);
  color: var(--text-primary);
  font-size: 28px;
  font-weight: 700;
}

.doc-section {
  margin-top: 2px;
}

.doc-section-header {
  border: 1px solid var(--border-dim);
  border-left: 3px solid var(--gold);
  background: linear-gradient(90deg, #0f1520 0%, #0d1117 100%);
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  display: flex;
  box-shadow: -2px 0 12px #b78d4040;
}

.doc-section-header h2 {
  font-family: var(--font-ui);
  color: var(--text-dim);
  text-transform: uppercase;
  letter-spacing: .2em;
  margin: 0;
  font-size: 11px;
  font-weight: 700;
}

.doc-section-header .section-diamond {
  color: var(--gold);
  font-size: 10px;
}

.doc-section-body {
  background: var(--bg-terminal);
  border: 1px solid var(--border-dim);
  border-top: none;
  padding: 20px 24px;
}

.doc-section-body, .intel-doc-body {
  color: var(--text-primary);
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.7;
}

.doc-section-body p, .intel-doc-body p {
  color: var(--text-primary);
  margin-bottom: 24px;
}

.doc-section-body strong, .intel-doc-body strong {
  color: var(--gold);
  font-family: var(--font-ui);
  font-weight: 600;
}

.doc-section-body h3, .intel-doc-body h3 {
  font-family: var(--font-ui);
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--gold);
  margin-top: 1.25rem;
  margin-bottom: 12px;
  font-size: 13px;
  font-weight: 600;
}

.doc-section-body ul, .doc-section-body ol, .intel-doc-body ul, .intel-doc-body ol {
  margin-bottom: 1.25rem;
  padding-left: 1.5rem;
}

.doc-section-body li, .intel-doc-body li {
  color: var(--text-primary);
  margin-bottom: .5rem;
}

.doc-section-body a, .intel-doc-body a {
  color: var(--gold);
  text-decoration: underline;
}

.doc-section-body blockquote, .intel-doc-body blockquote {
  border-left: 2px solid var(--border-accent);
  color: var(--text-secondary);
  margin-bottom: 1.25rem;
  padding-left: 1rem;
}

.doc-section-body code, .intel-doc-body code {
  background: var(--bg-overlay);
  color: var(--text-mono);
  font-size: .875em;
  font-family: var(--font-mono);
  padding: .125rem .375rem;
}

.doc-section-body pre, .intel-doc-body pre {
  background: var(--bg-overlay);
  border: 1px solid var(--border-dim);
  margin-bottom: 1.25rem;
  padding: 1rem;
  overflow-x: auto;
}

.doc-section-body pre code, .intel-doc-body pre code {
  background: none;
  padding: 0;
}

.doc-section-body table, .intel-doc-body table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1.25rem;
  font-size: .875rem;
}

.doc-section-body th, .intel-doc-body th {
  border: 1px solid var(--border-dim);
  color: var(--gold);
  font-family: var(--font-ui);
  text-transform: uppercase;
  letter-spacing: .05em;
  background: var(--bg-overlay);
  padding: .5rem .75rem;
  font-size: .75rem;
  font-weight: 600;
}

.doc-section-body td, .intel-doc-body td {
  border: 1px solid var(--border-dim);
  color: var(--text-primary);
  padding: .5rem .75rem;
}

.doc-section-body tr:nth-child(2n), .intel-doc-body tr:nth-child(2n) {
  background: var(--bg-overlay);
}

.doc-section-body hr, .intel-doc-body hr {
  border: none;
  border-top: 1px solid var(--border-dim);
  margin: 2rem 0;
}

.account-row {
  border-bottom: 1px solid var(--border-dim);
  justify-content: space-between;
  align-items: baseline;
  gap: 24px;
  padding: 14px 0;
  display: flex;
}

.account-row--last {
  border-bottom: none;
}

.account-row-label {
  font-family: var(--font-ui);
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--text-dim);
  font-size: 11px;
}

.account-row-value {
  font-family: var(--font-mono);
  color: var(--text-primary);
  text-align: right;
  word-break: break-all;
  font-size: 13px;
}

.account-upgrade {
  margin-top: 20px;
}

.account-upgrade-body {
  font-family: var(--font-body);
  color: var(--text-primary);
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.6;
}

.account-upgrade-cta {
  margin-top: 12px;
  padding: 8px 18px;
  text-decoration: none;
  display: inline-block;
}

.account-actions {
  justify-content: flex-end;
  margin-top: 36px;
  display: flex;
}

.doc-footer-bar {
  background: #8b00004d;
  justify-content: center;
  align-items: center;
  margin-top: 2px;
  padding: 8px 20px;
  display: flex;
}

.doc-footer-bar span {
  color: #ffffff80;
  font-size: 10px;
  font-weight: 600;
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: .15em;
}

.doc-bottom-back {
  padding: 24px 0;
}

.doc-restricted-panel {
  border: 1px solid var(--red-critical);
  border-left: 4px solid var(--red-critical);
  max-width: 860px;
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: .1em;
  background: #c0392b14;
  margin: 48px auto;
  padding: 40px;
}

.doc-restricted-panel .restricted-title {
  color: var(--red-critical);
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 600;
}

.doc-restricted-panel .restricted-detail {
  color: var(--text-dim);
  font-size: 11px;
  line-height: 1.8;
}

.intel-doc-cream-wrap {
  max-width: none;
  margin: 0;
  padding: 0;
}

.intel-doc {
  counter-reset: intel-section;
  max-width: none;
  margin: 0;
  padding: 20px 0 8px;
}

.intel-doc-intro {
  margin-bottom: 24px;
}

.intel-doc h1 {
  font-family: var(--font-display);
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--gold);
  border-bottom: 1px solid var(--border-dim);
  margin: 0 0 20px;
  padding: 0 0 16px;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
  position: relative;
}

.intel-doc h1:after {
  content: "";
  background: var(--gold);
  width: 56px;
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: 0;
}

.intel-doc-section-card {
  background: var(--bg-panel-flat);
  border: 1px solid var(--border-dim);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm), var(--shadow-inset-top);
  border-left: 2px solid #b78d4073;
  margin-bottom: 18px;
  padding: 26px 32px 28px;
  transition: border-left-color .2s, box-shadow .2s;
}

.intel-doc-section-card:last-child {
  margin-bottom: 0;
}

.intel-doc-section-card:hover {
  border-left-color: var(--gold);
  box-shadow: -4px 0 18px #b78d402e, 0 8px 28px #00000047;
}

.intel-doc-table-wrap {
  border: 1px solid var(--border-dim);
  border-radius: var(--radius-sm, 4px);
  background: #080c1273;
  margin: 14px 0 18px;
  overflow-x: auto;
}

.intel-doc-table {
  border-collapse: collapse;
  width: 100%;
  font-family: var(--font-mono);
  color: var(--text-primary);
  font-size: 12px;
  line-height: 1.5;
}

.intel-doc-table thead th {
  color: var(--gold);
  text-transform: uppercase;
  letter-spacing: .08em;
  text-align: left;
  white-space: nowrap;
  background: #b78d4014;
  border-bottom: 1px solid #b78d4059;
  padding: 8px 12px;
  font-size: 11px;
  font-weight: 700;
}

.intel-doc-table tbody td {
  vertical-align: top;
  border-bottom: 1px solid #ffffff0d;
  padding: 7px 12px;
}

.intel-doc-table tbody tr:last-child td {
  border-bottom: none;
}

.intel-doc-table tbody tr:hover {
  background: #b78d400a;
}

.velocity-table {
  border: 1px solid var(--border-dim);
  border-radius: var(--radius-sm, 4px);
  background: #080c128c;
  flex-direction: column;
  margin: 16px 0 20px;
  display: flex;
  overflow: hidden;
}

.velocity-row {
  border-bottom: 1px solid #ffffff0d;
  grid-template-columns: 1.6fr 2.4fr .7fr .7fr 1.4fr;
  align-items: center;
  gap: 14px;
  padding: 12px 18px;
  display: grid;
}

.velocity-row:last-child {
  border-bottom: none;
}

.velocity-row--header {
  background: #b78d400d;
  border-bottom: 1px solid #b78d4040;
  padding-top: 10px;
  padding-bottom: 10px;
}

.velocity-row--header .velocity-cell {
  font-family: var(--font-barlow-condensed), var(--font-mono);
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--text-secondary);
  font-size: 10px;
  font-weight: 600;
}

.velocity-cell {
  font-family: var(--font-mono);
  color: var(--text-primary);
  font-size: 13px;
}

.velocity-cell--branch {
  font-family: var(--font-barlow-condensed), var(--font-mono);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 600;
}

.velocity-cell--num {
  color: var(--text-secondary);
  text-align: left;
}

.velocity-bar-label {
  color: var(--text-secondary);
  letter-spacing: .04em;
  font-size: 11px;
}

.velocity-trend--up {
  color: var(--red-critical);
}

.velocity-trend--down {
  color: var(--green-confirm);
}

.velocity-trend--flat {
  color: var(--text-secondary);
}

.velocity-trend-value {
  font-family: var(--font-mono);
  letter-spacing: .04em;
  font-size: 13px;
}

.velocity-trend-badge {
  font-family: var(--font-mono);
  letter-spacing: .08em;
  color: #1a1308;
  background: var(--gold);
  border-radius: 2px;
  margin-left: auto;
  padding: 2px 6px;
  font-size: 10px;
  font-weight: 700;
}

@media (max-width: 720px) {
  .velocity-row {
    grid-template-columns: 1.2fr 1.8fr .6fr 1.2fr;
    gap: 10px;
    padding: 10px 12px;
  }

  .velocity-row > .velocity-cell:nth-child(4), .velocity-row--header > .velocity-cell:nth-child(4) {
    display: none;
  }
}

.intel-doc h2, .intel-doc h3 {
  counter-increment: intel-section;
  border-bottom: 1px solid var(--border-dim);
  grid-template-columns: auto 1fr;
  align-items: baseline;
  column-gap: 14px;
  margin: 0 0 20px;
  padding: 0 0 12px;
  display: grid;
}

.intel-doc h2:before, .intel-doc h3:before {
  content: "SEC " counter(intel-section, decimal-leading-zero);
  font-family: var(--font-mono);
  letter-spacing: .22em;
  color: var(--text-dim);
  white-space: nowrap;
  font-size: 10px;
  font-weight: 400;
}

.intel-doc h2 .intel-doc-h2-text, .intel-doc h3 .intel-doc-h2-text {
  font-family: var(--font-display);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--gold);
  font-size: 19px;
  font-weight: 700;
  line-height: 1.25;
}

.intel-doc h4 {
  font-family: var(--font-display);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--gold);
  border-left: 2px solid #b78d4080;
  margin: 26px 0 12px;
  padding-left: 10px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
}

.intel-doc p {
  font-family: var(--font-body);
  color: var(--text-primary);
  margin: 0 0 18px;
  font-size: 15px;
  line-height: 1.75;
}

.intel-doc p:last-child {
  margin-bottom: 0;
}

.intel-doc strong {
  color: var(--gold);
  font-weight: 600;
}

.intel-doc ul, .intel-doc ol {
  margin: 0 0 22px;
  padding: 0;
  list-style: none;
}

.intel-doc li {
  font-family: var(--font-body);
  color: var(--text-primary);
  text-indent: -1.2em;
  margin: 0 0 8px;
  padding-left: 1.2em;
  font-size: 15px;
  line-height: 1.7;
}

.intel-doc li.intel-doc-li-heading {
  text-indent: 0;
  padding-left: 0;
}

.tc-square {
  background: currentColor;
  width: .5em;
  height: .5em;
  margin-right: .5em;
  vertical-align: .02em;
  display: inline-block;
}

.tc-arrow-left {
  border-top: .3em solid #0000;
  border-bottom: .3em solid #0000;
  border-right: .42em solid currentColor;
  width: 0;
  height: 0;
  margin-right: .5em;
  vertical-align: .02em;
  display: inline-block;
}

.tc-arrow-ne {
  border-top: 1.5px solid currentColor;
  border-right: 1.5px solid currentColor;
  width: .42em;
  height: .42em;
  display: inline-block;
  transform: rotate(45deg);
}

.tc-diamond {
  background: currentColor;
  width: .5em;
  height: .5em;
  margin-right: .5em;
  vertical-align: .06em;
  display: inline-block;
  transform: rotate(45deg);
}

.intel-doc-bullet {
  background: var(--gold);
  width: .34em;
  height: .34em;
  margin-right: .62em;
  vertical-align: .2em;
  display: inline-block;
  transform: rotate(45deg);
}

.intel-doc-citation {
  font-family: var(--font-mono);
  color: var(--gold);
  text-underline-offset: 2px;
  margin-left: 2px;
  font-size: 10px;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

.intel-doc-source-tag {
  box-sizing: content-box;
  font-family: var(--font-mono);
  letter-spacing: 0;
  text-indent: 0;
  text-align: center;
  color: var(--gold);
  vertical-align: baseline;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #b78d401f;
  border: 1px solid #b78d408c;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  padding: 4px 9px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
}

.intel-doc-source-tag-group {
  vertical-align: baseline;
  align-items: center;
  gap: 4px;
  margin: 0 4px;
  display: inline-flex;
}

.intel-doc-source-tag-sep {
  color: #b78d408c;
  font-family: var(--font-mono);
  font-size: 10px;
  line-height: 1;
}

a.intel-doc-source-tag-link {
  cursor: pointer;
  text-decoration: none;
  transition: background-color .12s, border-color .12s, color .12s;
}

a.intel-doc-source-tag-link:hover, a.intel-doc-source-tag-link:focus-visible {
  color: #f0d89a;
  border-color: var(--gold);
  background-color: #b78d4038;
  outline: none;
}

.intel-doc hr {
  border: none;
  border-top: 1px dashed var(--border-dim);
  margin: 32px 0;
}

.intel-doc em {
  color: var(--text-secondary);
  font-style: italic;
}

.intel-doc-section {
  margin-top: 2px;
}

.intel-doc-section--green, .intel-doc-section--orange {
  background: none;
  border-left: none;
}

.intel-doc-heading {
  border: 1px solid var(--border-dim);
  border-left: 3px solid var(--gold);
  font-family: var(--font-ui);
  color: var(--text-dim);
  text-transform: uppercase;
  letter-spacing: .2em;
  background: linear-gradient(90deg, #0f1520 0%, #0d1117 100%);
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 10px 16px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
  display: flex;
  box-shadow: -2px 0 12px #b78d4040;
}

.intel-doc-heading:before {
  content: "";
  background: var(--gold);
  flex: none;
  width: 7px;
  height: 7px;
  transform: rotate(45deg);
}

.intel-doc-body {
  background: var(--bg-terminal);
  border: 1px solid var(--border-dim);
  border-top: none;
  padding: 20px 24px;
}

.intel-doc-cream-wrap {
  position: relative;
}

.intel-doc-cream-wrap:before {
  content: "";
  pointer-events: none;
  z-index: 1;
  background: repeating-linear-gradient(0deg, #0000, #0000 2px, #00000008 2px 4px);
  position: absolute;
  inset: 0;
}

.source-tag {
  font-family: var(--font-mono);
  color: #4a5560;
  font-size: 11px;
}

.demo-banner {
  border-left: 3px solid var(--amber);
  border-bottom: 1px solid var(--border-dim);
  width: 100%;
  box-shadow: var(--shadow-sm), var(--shadow-inset-top);
  z-index: 2;
  background: linear-gradient(#1a2332 0%, #111820 100%);
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  display: flex;
  position: relative;
}

.demo-banner span {
  font-family: var(--font-ui);
  color: var(--amber);
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 12px;
  font-weight: 600;
}

@keyframes intel-pulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .3;
  }
}

.intel-loading {
  font-family: var(--font-mono);
  color: var(--text-mono);
  text-align: center;
  padding: 80px 0;
  font-size: 13px;
  animation: 2s ease-in-out infinite intel-pulse;
}

@keyframes portal-blink {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}

@keyframes portal-map-pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .3;
    transform: scale(2);
  }
}

@keyframes portal-fade-in {
  from {
    opacity: 0;
    transform: translateY(6px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.portal-panel {
  animation: .5s ease-out both portal-fade-in;
}

.portal-cursor-blink {
  animation: 1s step-end infinite portal-blink;
}

.portal-map-dot {
  animation: 2s ease-in-out infinite portal-map-pulse;
}

.nav-pulse-dot {
  background: var(--green-confirm);
  border-radius: 50%;
  width: 4px;
  height: 4px;
  animation: 2s ease-in-out infinite nav-pulse;
  display: inline-block;
}

@keyframes nav-pulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .3;
  }
}

@keyframes intel-radar-ping {
  0% {
    opacity: .6;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(3);
  }
}

.intel-pulse-ring {
  width: var(--pulse-size, 32px);
  height: var(--pulse-size, 32px);
  pointer-events: none;
  border-radius: 50%;
  position: relative;
}

.intel-pulse-ring:before, .intel-pulse-ring:after {
  content: "";
  border: 1.5px solid var(--pulse-color, #c60);
  border-radius: 50%;
  animation: 2.5s ease-out infinite intel-radar-ping;
  position: absolute;
  inset: 0;
}

.intel-pulse-ring:after {
  animation-delay: 1.25s;
}

.signal-ring-marker {
  border: 2px solid var(--signal-color, #4a4a4a);
  pointer-events: auto;
  cursor: pointer;
  box-sizing: border-box;
  background: none;
  border-radius: 50%;
  transition: opacity .15s;
  position: relative;
}

.signal-ring-marker.velocity-glow {
  opacity: 1;
  box-shadow: 0 0 6px 1px var(--signal-color, #4a4a4a);
}

.signal-escalation-ring {
  pointer-events: none;
  border: 1.5px solid #c20;
  border-radius: 50%;
  animation: 2s ease-out infinite signal-escalation-pulse;
  position: absolute;
  inset: -6px;
}

@keyframes signal-escalation-pulse {
  0% {
    opacity: .7;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(1.8);
  }
}

.scrubber-materialize {
  animation: .3s ease-out forwards scrubber-appear;
}

@keyframes scrubber-appear {
  0% {
    opacity: 0;
    transform: scale(0);
  }

  60% {
    opacity: 1;
    transform: scale(1.3);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.scrubber-materialize:after {
  content: "";
  border: 1.5px solid var(--gold);
  pointer-events: none;
  border-radius: 50%;
  animation: .4s ease-out forwards scrubber-ring-expand;
  position: absolute;
  inset: -6px;
}

@keyframes scrubber-ring-expand {
  0% {
    opacity: .8;
    transform: scale(.5);
  }

  100% {
    opacity: 0;
    transform: scale(2.2);
  }
}

.leaflet-control-zoom {
  border: 1px solid var(--border-active) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.leaflet-control-zoom a {
  background: var(--bg-terminal) !important;
  color: var(--gold) !important;
  border-bottom: 1px solid var(--border-active) !important;
  font-family: var(--font-mono) !important;
  border-radius: 0 !important;
  width: 26px !important;
  height: 26px !important;
  font-size: 14px !important;
  line-height: 26px !important;
}

.leaflet-control-zoom a:hover {
  background: var(--bg-panel) !important;
  color: var(--gold-bright) !important;
}

.leaflet-bar {
  box-shadow: none !important;
  border: none !important;
}

.leaflet-overlay-pane svg {
  shape-rendering: geometricprecision;
}

.leaflet-interactive {
  outline: none;
  transition: fill-opacity .15s;
}

.mapboxgl-ctrl-group {
  background: var(--bg-terminal) !important;
  border: 1px solid var(--border-active) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.mapboxgl-ctrl-group button {
  background: var(--bg-terminal) !important;
  border-bottom: 1px solid var(--border-active) !important;
  border-radius: 0 !important;
  width: 28px !important;
  height: 28px !important;
}

.mapboxgl-ctrl-group button:hover {
  background: var(--bg-panel) !important;
}

.mapboxgl-ctrl-group button .mapboxgl-ctrl-icon {
  filter: invert(72%) sepia(30%) saturate(500%) hue-rotate(10deg) brightness(90%);
}

.mapboxgl-ctrl-attrib {
  display: none !important;
}

.portal-scanline {
  position: relative;
}

.portal-scanline:after {
  content: "";
  pointer-events: none;
  z-index: 0;
  background: repeating-linear-gradient(0deg, #0000, #0000 2px, #00000008 2px 4px);
  position: absolute;
  inset: 0;
}

@media (max-width: 768px) {
  .brief-card {
    flex-direction: column;
    align-items: flex-start;
  }

  .brief-card-date {
    text-align: left;
    width: auto;
  }

  .brief-card-divider {
    display: none;
  }

  .brief-card-right {
    align-items: flex-start;
    width: auto;
    margin-top: 12px;
  }

  .report-card {
    flex-direction: column;
    align-items: flex-start;
  }

  .report-card-center {
    padding: 12px 0;
  }

  .report-card-right {
    width: auto;
  }

  .doc-page {
    padding: 24px 8px;
  }

  .doc-header {
    padding: 24px;
  }

  .doc-stats-bar {
    flex-direction: column;
  }

  .doc-stat-block {
    border-right: none;
    border-bottom: 1px solid var(--border-dim);
  }

  .top-nav {
    flex-wrap: wrap;
    gap: 8px;
    height: auto;
    padding: 8px 16px;
  }
}

.home-split {
  flex-direction: row;
  height: calc(100vh - 84px);
  display: flex;
  overflow: hidden;
}

.home-left {
  background: linear-gradient(#141c26 0%, #0f1620 100%);
  border-right: 1px solid #ffffff0d;
  flex-direction: column;
  flex-shrink: 0;
  width: 25%;
  min-width: 260px;
  height: 100%;
  display: flex;
  position: relative;
}

.home-left-inner {
  flex-direction: column;
  flex: auto;
  padding: 20px;
  display: flex;
  overflow-y: auto;
}

.home-section-title {
  font-family: var(--font-display);
  color: #b78d40;
  text-transform: uppercase;
  letter-spacing: .2em;
  margin: 0;
  padding-bottom: 12px;
  font-size: 11px;
  font-weight: 700;
}

.home-rule {
  background: #b78d4033;
  height: 1px;
  margin: 0 0 8px;
}

.home-section-label {
  font-family: var(--font-ui);
  color: var(--text-dim);
  text-transform: uppercase;
  letter-spacing: .1em;
  margin: 12px 0 8px;
  font-size: 10px;
  font-weight: 600;
}

.home-brief-card {
  border-top: 1px solid #ffffff0d;
  border-bottom: 1px solid #0006;
  border-left: 3px solid #0000;
  padding: 18px 12px;
  text-decoration: none;
  transition: background .15s, border-left-color .15s, box-shadow .15s;
  display: block;
}

.home-brief-card:hover {
  background: linear-gradient(90deg, #161f2a 0%, #111820 60%, #0d1117 100%);
  border-left: 3px solid #b78d40;
  box-shadow: -2px 0 8px #b78d404d;
}

.home-brief-top {
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  display: flex;
}

.home-brief-date {
  font-family: var(--font-mono);
  color: #6b9e78;
  font-size: 11px;
}

.home-brief-session {
  font-family: var(--font-ui);
  color: var(--text-dim);
  text-transform: uppercase;
  background: #ffffff0a;
  border-radius: 2px;
  padding: 3px 8px;
  font-size: 10px;
  font-weight: 700;
}

.home-brief-excerpt {
  font-family: var(--font-body);
  color: var(--text-tertiary);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
}

.home-brief-link {
  font-family: var(--font-ui);
  color: #b78d40;
  letter-spacing: .05em;
  margin-top: 6px;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
  transition: color .15s;
  display: inline-block;
}

.home-brief-link:hover {
  color: var(--gold-bright);
}

.home-view-all {
  letter-spacing: .1em;
  margin-top: 12px;
  margin-bottom: 8px;
  font-size: 10px;
  display: block;
}

.home-brief-divider {
  background: #ffffff0a;
  height: 1px;
  margin-top: 14px;
}

.home-no-data {
  font-family: var(--font-mono);
  color: #4a5560;
  margin: 8px 0;
  font-size: 10px;
}

.home-breaking-card {
  color: inherit;
  border-left: 2px solid var(--text-dim);
  border-bottom: 1px solid #ffffff0a;
  padding: 10px 12px 10px 14px;
  text-decoration: none;
  transition: background .15s, border-left-color .15s, box-shadow .15s, padding-left .15s;
  display: block;
}

.home-breaking-card:hover {
  background: linear-gradient(90deg, #161f2a 0%, #111820 100%);
  padding-left: 16px;
  box-shadow: -2px 0 8px #b78d4033;
}

.home-breaking-card--critical {
  border-left-color: var(--red-critical);
}

.home-breaking-card--high {
  border-left-color: var(--red-high);
}

.home-breaking-card--medium {
  border-left-color: var(--amber);
}

.home-breaking-top {
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
  display: flex;
}

.home-breaking-dot {
  flex-shrink: 0;
  width: 7px;
  height: 7px;
  transform: rotate(45deg);
}

.home-breaking-dot--critical {
  background: var(--red-critical);
  box-shadow: 0 0 6px var(--red-critical);
}

.home-breaking-dot--high {
  background: var(--red-high);
  box-shadow: 0 0 6px var(--red-high);
}

.home-breaking-dot--medium {
  background: var(--amber);
  box-shadow: 0 0 5px var(--amber);
}

.home-breaking-meta {
  font-family: var(--font-mono);
  letter-spacing: .08em;
  color: var(--text-dim);
  text-transform: uppercase;
  flex: 1;
  font-size: 9px;
}

.home-breaking-corroboration {
  font-family: var(--font-mono);
  color: var(--gold);
  letter-spacing: .05em;
  font-size: 10px;
}

.home-breaking-headline {
  font-family: var(--font-body);
  color: #d6dee5;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
}

.home-brief-compact {
  color: inherit;
  border-bottom: 1px solid #ffffff0a;
  grid-template-columns: auto auto 1fr;
  align-items: baseline;
  gap: 8px;
  padding: 8px 12px;
  text-decoration: none;
  transition: background .15s, padding-left .15s;
  display: grid;
}

.home-brief-compact:hover {
  background: #b78d400f;
  padding-left: 14px;
}

.home-brief-compact-date {
  font-family: var(--font-mono);
  color: var(--text-mono);
  letter-spacing: .05em;
  font-size: 10px;
}

.home-brief-compact-session {
  font-family: var(--font-ui);
  color: var(--text-dim);
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 700;
}

.home-brief-compact-headline {
  font-family: var(--font-body);
  color: #b8c2cc;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: 12px;
  line-height: 1.4;
  overflow: hidden;
}

.home-status-block {
  border-top: 1px solid #ffffff0a;
  margin-top: auto;
  padding-top: 16px;
}

.home-status-line {
  font-family: var(--font-mono);
  color: #4a5560;
  font-size: 9px;
  line-height: 1.8;
}

.home-right {
  flex: 1;
  height: 100%;
  position: relative;
  overflow: hidden;
}

@media (max-width: 900px) {
  .home-split {
    flex-direction: column;
    height: auto;
    min-height: calc(100vh - 84px);
  }

  .home-left {
    border-bottom: 1px solid #ffffff0d;
    border-right: none;
    width: 100%;
    min-width: 0;
    max-height: 40vh;
  }

  .home-right {
    min-height: 60vh;
  }
}

.map-split {
  flex-direction: row;
  height: calc(100vh - 84px);
  display: flex;
  overflow: hidden;
}

.map-left {
  background: var(--bg-terminal);
  border-right: 1px solid #ffffff0d;
  flex-direction: column;
  flex-shrink: 0;
  width: 320px;
  min-width: 280px;
  height: 100%;
  display: flex;
  position: relative;
}

.map-left-inner {
  flex-direction: column;
  flex: auto;
  gap: 12px;
  padding: 20px;
  display: flex;
  overflow-y: auto;
}

.map-left-title {
  font-family: var(--font-display);
  color: var(--gold);
  text-transform: uppercase;
  letter-spacing: .18em;
  margin: 0;
  font-size: 13px;
  font-weight: 700;
}

.map-left-rule {
  background: #b78d4033;
  height: 1px;
  margin: 0;
}

.map-left-filter-slot, .map-left-filter-slot > .tcm-date-filter-panel {
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  display: flex;
}

.map-left-filter-slot > .tcm-date-filter-panel > div, .map-left-filter-slot > .tcm-date-filter-panel > button {
  width: 100%;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  background: none !important;
  border: none !important;
  min-width: 0 !important;
}

.map-left-filter-slot > .tcm-date-filter-panel > div > div:first-child {
  border-bottom: none !important;
  padding: 0 0 8px !important;
}

.map-left-filter-slot > .tcm-date-filter-panel > div > div {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.map-right {
  flex: 1;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.map-activity-row:hover {
  background: #b78d400f;
}

@media (max-width: 900px) {
  .map-split {
    flex-direction: column;
    height: auto;
    min-height: calc(100vh - 84px);
  }

  .map-left {
    border-bottom: 1px solid #ffffff0d;
    border-right: none;
    width: 100%;
    min-width: 0;
    max-height: 40vh;
  }

  .map-right {
    min-height: 60vh;
  }
}

.home-right-noise {
  pointer-events: none;
  z-index: 0;
  background: repeating-radial-gradient(circle at 20% 30%, #5050500a 0, #0000 2px) 0 0 / 6px 6px, repeating-radial-gradient(circle at 60% 70%, #3c3c3c08 0, #0000 3px) 0 0 / 8px 8px, repeating-radial-gradient(circle at 80% 20%, #64646408 0, #0000 1.5px) 0 0 / 5px 5px, repeating-radial-gradient(circle at 40% 80%, #4646460a 0, #0000 2.5px) 0 0 / 7px 7px;
  position: absolute;
  inset: 0;
}

.home-right-vignette {
  pointer-events: none;
  z-index: 1;
  background: radial-gradient(#0000 65%, #00000052 100%);
  position: absolute;
  inset: 0;
}

.home-hud-bar {
  z-index: 5;
  background: var(--bg-overlay);
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
  display: flex;
  position: relative;
}

.home-hud-bar--top {
  border-bottom: 1px solid var(--border-dim);
  flex-shrink: 0;
  height: 32px;
}

.home-hud-bar--bottom {
  border-top: 1px solid var(--border-dim);
  flex-shrink: 0;
  align-items: flex-start;
  height: auto;
  min-height: 28px;
  padding: 4px 16px;
}

.home-hud-bar-left {
  align-items: center;
  gap: 10px;
  display: flex;
}

.home-hud-title {
  font-family: var(--font-display);
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 700;
}

.home-hud-divider {
  background: var(--border-active);
  width: 1px;
  height: 14px;
}

.home-hud-subtitle {
  font-family: var(--font-ui);
  color: var(--text-dim);
  font-size: 10px;
  font-weight: 400;
}

.home-hud-bar-center {
  font-family: var(--font-mono);
  color: var(--text-mono);
  font-size: 11px;
}

.home-hud-bar-right {
  font-family: var(--font-mono);
  color: var(--text-dim);
  align-items: center;
  gap: 16px;
  font-size: 9px;
  display: flex;
}

.home-hud-filter-label {
  font-family: var(--font-ui);
  color: var(--text-dim);
  font-size: 10px;
}

.home-hud-bar-left--feeds {
  font-family: var(--font-mono);
  color: var(--text-dim);
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  font-size: 9px;
  line-height: 1.4;
}

.home-feed-header {
  color: var(--text-secondary);
  margin-bottom: 2px;
}

.home-hud-bar-center--labels {
  font-family: var(--font-mono);
  color: var(--text-dim);
  gap: 32px;
  font-size: 9px;
  display: flex;
}

.home-hud-bar-right--geo {
  font-family: var(--font-ui);
  color: var(--text-dim);
  align-items: center;
  gap: 8px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.home-pulse-dot {
  background: var(--blue-intel);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  animation: 2s ease-in-out infinite homePulseDot;
}

@keyframes homePulseDot {
  0%, 100% {
    opacity: .4;
  }

  50% {
    opacity: 1;
  }
}

.home-tactical-area {
  z-index: 2;
  flex: 1;
  position: relative;
  overflow: hidden;
}

.home-intel-panel {
  border: 1px dashed #ffffff26;
  flex-direction: column;
  padding: 0;
  display: flex;
  position: absolute;
}

.home-intel-panel--1 {
  width: 420px;
  height: 300px;
  top: 10%;
  left: 6%;
}

.home-intel-panel--2 {
  width: 380px;
  height: 260px;
  top: 18%;
  right: 8%;
}

.home-panel-bracket {
  pointer-events: none;
  width: 12px;
  height: 12px;
  position: absolute;
}

.home-panel-bracket--tl {
  border-top: 2px solid #b78d40cc;
  border-left: 2px solid #b78d40cc;
  top: -1px;
  left: -1px;
}

.home-panel-bracket--tr {
  border-top: 2px solid #b78d40cc;
  border-right: 2px solid #b78d40cc;
  top: -1px;
  right: -1px;
}

.home-panel-bracket--bl {
  border-bottom: 2px solid #b78d40cc;
  border-left: 2px solid #b78d40cc;
  bottom: -1px;
  left: -1px;
}

.home-panel-bracket--br {
  border-bottom: 2px solid #b78d40cc;
  border-right: 2px solid #b78d40cc;
  bottom: -1px;
  right: -1px;
}

.home-panel-region {
  font-family: var(--font-ui);
  text-transform: uppercase;
  color: #4a9ebf;
  letter-spacing: .08em;
  padding: 8px 12px 4px;
  font-size: 11px;
  font-weight: 700;
}

.home-panel-grid {
  flex: 1;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 2px;
  padding: 4px 8px;
  display: grid;
}

.home-panel-feed {
  background: #ffffff05;
  border: 1px solid #ffffff0a;
  position: relative;
}

.home-feed-label {
  font-family: var(--font-mono);
  color: var(--text-dim);
  font-size: 8px;
  position: absolute;
  bottom: 4px;
  right: 6px;
}

.home-panel-feed--live .home-feed-live {
  font-family: var(--font-mono);
  color: var(--red-critical);
  font-size: 8px;
  position: absolute;
  top: 4px;
  left: 6px;
}

.home-panel-feed--bars {
  background: #ffffff04;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  padding: 6px 8px;
  display: flex;
}

.home-feed-bar-row {
  font-family: var(--font-mono);
  color: var(--text-dim);
  align-items: center;
  gap: 6px;
  font-size: 8px;
  display: flex;
}

.home-feed-bar {
  background: var(--border-active);
  border-radius: 1px;
  height: 4px;
  display: inline-block;
}

.home-panel-caption {
  background: var(--bg-overlay);
  padding: 6px 10px;
}

.home-panel-caption-title {
  font-family: var(--font-display);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
}

.home-panel-caption-sub {
  font-family: var(--font-ui);
  color: var(--text-secondary);
  font-size: 10px;
  font-weight: 500;
}

.home-coord {
  font-family: var(--font-mono);
  color: var(--text-dim);
  opacity: .4;
  pointer-events: none;
  z-index: 3;
  font-size: 9px;
  position: absolute;
}

.home-crosshair {
  pointer-events: none;
  opacity: .3;
  z-index: 3;
  position: absolute;
}

.home-crosshair--pulse {
  animation: 3s ease-in-out infinite homeCrosshairPulse;
}

@keyframes homeCrosshairPulse {
  0%, 100% {
    opacity: .2;
  }

  50% {
    opacity: .5;
  }
}

.home-reticle-lg {
  pointer-events: none;
  opacity: .25;
  z-index: 3;
  position: absolute;
}

.tmap-root {
  background: var(--bg-void);
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.tmap-map {
  z-index: 0;
  position: absolute;
  inset: 0 0 36px;
}

.tmap-map .mapboxgl-ctrl-bottom-left, .tmap-map .mapboxgl-ctrl-bottom-right {
  display: none !important;
}

.tmap-bracket {
  z-index: 10;
  pointer-events: none;
  width: 16px;
  height: 16px;
  position: absolute;
}

.tmap-bracket--tl {
  border-top: 2px solid var(--gold);
  border-left: 2px solid var(--gold);
  top: 4px;
  left: 4px;
}

.tmap-bracket--tr {
  border-top: 2px solid var(--gold);
  border-right: 2px solid var(--gold);
  top: 4px;
  right: 4px;
}

.tmap-bracket--bl {
  border-bottom: 2px solid var(--gold);
  border-left: 2px solid var(--gold);
  z-index: 10;
  bottom: 40px;
  left: 4px;
}

.tmap-bracket--br {
  border-bottom: 2px solid var(--gold);
  border-right: 2px solid var(--gold);
  z-index: 10;
  bottom: 40px;
  right: 4px;
}

.tmap-ticks {
  z-index: 10;
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 36px;
}

.tmap-ticks--left {
  left: 0;
}

.tmap-ticks--right {
  right: 0;
}

.tmap-tick {
  align-items: center;
  gap: 3px;
  display: flex;
  position: absolute;
}

.tmap-ticks--left .tmap-tick {
  left: 4px;
}

.tmap-ticks--right .tmap-tick {
  flex-direction: row-reverse;
  right: 4px;
}

.tmap-tick-line {
  background: var(--text-dim);
  opacity: .5;
  width: 8px;
  height: 1px;
  display: block;
}

.tmap-tick-num {
  font-family: var(--font-mono);
  color: var(--text-dim);
  font-size: 9px;
}

.tmap-overlay-labels {
  z-index: 10;
  font-family: var(--font-mono);
  color: var(--text-dim);
  pointer-events: none;
  flex-direction: column;
  gap: 2px;
  font-size: 9px;
  display: flex;
  position: absolute;
  top: 24px;
  left: 28px;
}

.tmap-reticle-wrap {
  z-index: 8;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.tmap-reticle {
  display: block;
}

.tmap-reticle-outer {
  transform-origin: 90px 90px;
  animation: 120s linear infinite tmapReticleRotate;
}

@keyframes tmapReticleRotate {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.tmap-tracking-label {
  z-index: 10;
  font-family: var(--font-display);
  color: #fff;
  pointer-events: none;
  letter-spacing: .1em;
  border: 1px dashed #fff6;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 700;
  position: absolute;
  top: calc(50% + 100px);
  left: 50%;
  transform: translateX(-50%);
}

.tmap-marker {
  cursor: pointer;
  z-index: 6;
  transition: transform .15s;
}

.tmap-marker:hover {
  transform: scale(1.4);
}

.tmap-popup {
  z-index: 20;
  background: var(--bg-overlay);
  border: 1px solid var(--border-active);
  pointer-events: none;
  min-width: 220px;
  max-width: 300px;
  padding: 10px 14px;
  position: absolute;
  transform: translate(-50%, -100%);
}

.tmap-popup-bracket {
  pointer-events: none;
  width: 8px;
  height: 8px;
  position: absolute;
}

.tmap-popup-bracket--tl {
  border-top: 2px solid var(--gold);
  border-left: 2px solid var(--gold);
  top: -1px;
  left: -1px;
}

.tmap-popup-bracket--tr {
  border-top: 2px solid var(--gold);
  border-right: 2px solid var(--gold);
  top: -1px;
  right: -1px;
}

.tmap-popup-bracket--bl {
  border-bottom: 2px solid var(--gold);
  border-left: 2px solid var(--gold);
  bottom: -1px;
  left: -1px;
}

.tmap-popup-bracket--br {
  border-bottom: 2px solid var(--gold);
  border-right: 2px solid var(--gold);
  bottom: -1px;
  right: -1px;
}

.tmap-popup-headline {
  font-family: var(--font-display);
  color: #fff;
  margin-bottom: 6px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
}

.tmap-popup-row {
  font-family: var(--font-ui);
  color: var(--text-secondary);
  gap: 8px;
  font-size: 11px;
  line-height: 1.6;
  display: flex;
}

.tmap-popup-label {
  color: var(--text-dim);
  text-transform: uppercase;
  min-width: 42px;
  font-size: 10px;
  font-weight: 600;
}

.tmap-status-bar {
  z-index: 12;
  border-top: 1px solid var(--border-dim);
  background: #000000bf;
  justify-content: space-between;
  align-items: center;
  height: 36px;
  padding: 0 12px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.tmap-status-left {
  font-family: var(--font-mono);
  color: var(--text-dim);
  flex-direction: column;
  gap: 0;
  font-size: 9px;
  line-height: 1.1;
  display: flex;
  overflow: hidden;
}

.tmap-status-header {
  color: var(--text-secondary);
}

.tmap-status-group-label {
  font-family: var(--font-mono);
  color: var(--text-dim);
  margin-bottom: 1px;
  font-size: 8px;
}

.tmap-status-center {
  font-family: var(--font-mono);
  color: var(--text-dim);
  gap: 28px;
  font-size: 9px;
  display: flex;
}

.tmap-status-right {
  align-items: center;
  gap: 8px;
  display: flex;
}

.tmap-geo-label {
  font-family: var(--font-ui);
  color: var(--text-dim);
  font-size: 11px;
  font-weight: 500;
}

.tmap-pulse-dot {
  background: var(--blue-intel);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  animation: 2s ease-in-out infinite tmapPulseDot;
}

@keyframes tmapPulseDot {
  0%, 100% {
    opacity: .4;
  }

  50% {
    opacity: 1;
  }
}

.tcm-root {
  background: #080a0c;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.tcm-map {
  z-index: 0;
  position: absolute;
  inset: 0 0 40px;
}

.tcm-map .mapboxgl-ctrl-logo, .tcm-map .mapboxgl-ctrl-bottom-left, .tcm-map .mapboxgl-ctrl-bottom-right, .tcm-map .mapboxgl-ctrl-attrib {
  display: none !important;
}

.tcm-bracket {
  z-index: 10;
  pointer-events: none;
  width: 20px;
  height: 20px;
  position: absolute;
}

.tcm-bracket--tl {
  border-top: 2px solid #b78d40;
  border-left: 2px solid #b78d40;
  top: 4px;
  left: 4px;
}

.tcm-bracket--tr {
  border-top: 2px solid #b78d40;
  border-right: 2px solid #b78d40;
  top: 4px;
  right: 4px;
}

.tcm-bracket--bl {
  border-bottom: 2px solid #b78d40;
  border-left: 2px solid #b78d40;
  bottom: 44px;
  left: 4px;
}

.tcm-bracket--br {
  border-bottom: 2px solid #b78d40;
  border-right: 2px solid #b78d40;
  bottom: 44px;
  right: 4px;
}

.tcm-edge-ticks {
  z-index: 10;
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 40px;
  left: 0;
}

.tcm-edge-tick {
  align-items: center;
  gap: 3px;
  display: flex;
  position: absolute;
  left: 4px;
}

.tcm-edge-tick-line {
  background: #ffffff73;
  width: 8px;
  height: 1px;
  display: block;
}

.tcm-edge-tick-num {
  font-family: var(--font-mono);
  color: #ffffff73;
  font-size: 9px;
}

.tcm-label-tl {
  z-index: 10;
  pointer-events: none;
  font-family: var(--font-mono);
  letter-spacing: .12em;
  color: #ffffff80;
  font-size: 9px;
  position: absolute;
  top: 28px;
  left: 28px;
}

.tcm-label-tr {
  z-index: 10;
  pointer-events: none;
  font-family: var(--font-mono);
  letter-spacing: .12em;
  color: #ffffff80;
  font-size: 9px;
  position: absolute;
  top: 28px;
  right: 28px;
}

.tcm-cursor-reticle {
  z-index: 8;
  pointer-events: none;
  transition: width .15s, height .15s;
  position: absolute;
  transform: translate(-50%, -50%);
}

.tcm-reticle-outer {
  animation: 120s linear infinite tcmReticleRotate;
}

@keyframes tcmReticleRotate {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.tcm-reticle-label {
  color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
  pointer-events: none;
  background: #0a0f14e6;
  border: 1px solid #b78d4099;
  border-radius: 0;
  padding: 3px 8px;
  font-family: Barlow Condensed, sans-serif;
  font-size: 10px;
  font-weight: 600;
  position: absolute;
  top: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
}

.tcm-status-bar {
  z-index: 12;
  background: #000c;
  border-top: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  padding: 0 12px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.tcm-status-left {
  font-family: var(--font-mono);
  color: #ffffff4d;
  flex-direction: column;
  gap: 0;
  font-size: 8px;
  line-height: 1.1;
  display: flex;
  overflow: hidden;
}

.tcm-status-header {
  color: #fff6;
}

.tcm-status-glabel {
  font-family: var(--font-mono);
  color: #ffffff4d;
  margin-bottom: 1px;
  font-size: 8px;
}

.tcm-status-center {
  font-family: var(--font-mono);
  color: #fff3;
  gap: 28px;
  font-size: 9px;
  display: flex;
}

.tcm-status-right {
  align-items: center;
  gap: 8px;
  display: flex;
}

.tcm-geo-label {
  font-family: var(--font-ui);
  color: #ffffff4d;
  font-size: 10px;
  font-weight: 500;
}

.tcm-pulse-dot {
  background: #2e86ab;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  animation: 1.5s ease-in-out infinite tcmPulseDot;
}

@keyframes tcmPulseDot {
  0%, 100% {
    opacity: .4;
  }

  50% {
    opacity: 1;
  }
}

.tcm-event-marker {
  cursor: pointer;
  z-index: 2;
  outline: none;
  width: 14px;
  height: 14px;
  transition: transform .12s, filter .12s;
  position: relative;
}

.tcm-event-marker:hover, .tcm-event-marker:focus-visible {
  filter: drop-shadow(0 0 4px);
  z-index: 6;
  transform: scale(1.25);
}

.tcm-event-marker:focus-visible {
  outline: 1px dashed var(--gold);
  outline-offset: 4px;
}

.tcm-event-marker[data-confidence="low"] {
  opacity: .55;
}

.tcm-event-marker[data-confidence="medium"] {
  opacity: .8;
}

.tcm-marker-tooltip {
  border: 1px solid var(--border-accent);
  font-family: var(--font-ui);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--text-primary);
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
  z-index: 9;
  background: #0a0f14f2;
  max-width: 240px;
  padding: 4px 8px;
  font-size: 10px;
  position: absolute;
  bottom: calc(100% + 10px);
  left: 50%;
  overflow: hidden;
  transform: translateX(-50%);
  box-shadow: 0 2px 8px #00000080;
}

.tcm-signal-marker {
  cursor: pointer;
  z-index: 2;
  width: 10px;
  height: 10px;
}

.tcm-pulse-ring {
  border: 1.5px solid var(--severity-critical);
  pointer-events: none;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  animation: 2s ease-out infinite tcmPulseRing;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@keyframes tcmPulseRing {
  0% {
    opacity: .7;
    width: 14px;
    height: 14px;
  }

  100% {
    opacity: 0;
    width: 30px;
    height: 30px;
  }
}

.tcm-event-marker--hidden {
  opacity: 0;
  pointer-events: none;
  transition: opacity .12s;
}

.tcm-event-marker--highlight {
  filter: drop-shadow(0 0 6px);
  z-index: 7;
}

.tcm-event-marker--highlight > svg {
  transform-origin: 50%;
  animation: 2.4s linear infinite tcmMarkerSpin;
}

@keyframes tcmMarkerSpin {
  from {
    transform: scale(1.35)rotate(0);
  }

  to {
    transform: scale(1.35)rotate(360deg);
  }
}

.tcm-event-marker--focused {
  filter: drop-shadow(0 0 8px var(--gold, #b78d40));
  z-index: 8;
}

.tcm-event-marker--focused:after {
  content: "";
  border: 1px solid var(--gold, #b78d40);
  pointer-events: none;
  border-radius: 50%;
  position: absolute;
  inset: -6px;
}

.tcm-popup-anchor {
  z-index: 10;
  pointer-events: auto;
  position: absolute;
  transform: translate(-50%, -110%);
}

.tcm-popup {
  background: var(--bg-panel-flat);
  border: 1px solid var(--border-active);
  border-radius: var(--radius-md);
  pointer-events: auto;
  border-left: 2px solid #b78d4073;
  min-width: 260px;
  max-width: 320px;
  padding: 14px 16px 12px;
  position: relative;
  box-shadow: 0 6px 20px #0000008c, -2px 0 8px #b78d4040;
}

.tcm-popup--compact {
  pointer-events: none;
  min-width: 180px;
  max-width: 260px;
  padding: 8px 12px;
}

.tcm-popup--compact .tcm-popup-headline {
  margin-bottom: 4px;
  padding-right: 0;
  font-size: 12px;
}

.tcm-popup--compact .tcm-popup-meta {
  font-size: 9px;
}

.tcm-popup:before, .tcm-popup:after {
  content: "";
  border-color: var(--gold, #b78d40);
  border-style: solid;
  border-width: 0;
  width: 8px;
  height: 8px;
  position: absolute;
}

.tcm-popup:before {
  border-top-width: 2px;
  border-left-width: 2px;
  top: -1px;
  left: -1px;
}

.tcm-popup:after {
  border-bottom-width: 2px;
  border-right-width: 2px;
  bottom: -1px;
  right: -1px;
}

.tcm-popup-close {
  color: var(--text-dim, #4a5560);
  cursor: pointer;
  background: none;
  border: none;
  padding: 0 2px;
  font-size: 16px;
  line-height: 1;
  position: absolute;
  top: 6px;
  right: 8px;
}

.tcm-popup-close:hover {
  color: #fff9;
}

.tcm-popup-headline {
  color: var(--text-primary);
  text-transform: uppercase;
  letter-spacing: .02em;
  margin-bottom: 8px;
  padding-right: 16px;
  font-family: Rajdhani, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
}

.tcm-popup-meta {
  color: var(--text-dim, #4a5560);
  text-transform: uppercase;
  letter-spacing: .05em;
  font-family: Barlow Condensed, Barlow, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.6;
}

.tcm-popup-actors {
  color: var(--text-secondary, #8a95a0);
  text-transform: uppercase;
  letter-spacing: .04em;
  margin-top: 6px;
  font-family: Barlow Condensed, Barlow, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.5;
}

.tcm-popup-summary {
  color: var(--text-secondary, #8a95a0);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 8px;
  font-family: Barlow, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
}

.tcm-cluster-marker {
  cursor: pointer;
  z-index: 3;
  pointer-events: auto;
  outline: none;
  width: 18px;
  height: 18px;
  transition: transform .12s, filter .12s;
  position: relative;
}

.tcm-cluster-marker:hover, .tcm-cluster-marker:focus-visible {
  filter: drop-shadow(0 0 4px);
  z-index: 6;
  transform: scale(1.2);
}

.tcm-cluster-marker:hover > svg, .tcm-cluster-marker:focus-visible > svg {
  transform-origin: 50%;
  animation: 2.4s linear infinite tcmMarkerSpin;
}

.tcm-cluster-marker:focus-visible {
  outline: 1px dashed var(--gold);
  outline-offset: 4px;
}

.tcm-cluster-marker > svg {
  width: 18px;
  height: 18px;
}

.tcm-cluster-marker--highlight {
  filter: drop-shadow(0 0 6px);
  z-index: 7;
}

.tcm-cluster-marker--highlight > svg {
  transform-origin: 50%;
  animation: 2.4s linear infinite tcmMarkerSpin;
}

.tcm-cluster-marker--focused {
  filter: drop-shadow(0 0 8px var(--gold, #b78d40));
  z-index: 8;
}

.tcm-cluster-marker--focused:after {
  content: "";
  border: 1px solid var(--gold, #b78d40);
  pointer-events: none;
  border-radius: 50%;
  position: absolute;
  inset: -6px;
}

.tcm-cluster-badge {
  background: var(--bg-void, #080a0c);
  border: 1px solid var(--gold, #b78d40);
  min-width: 14px;
  height: 14px;
  color: var(--gold, #b78d40);
  font-family: var(--font-mono, "Share Tech Mono"), monospace;
  text-align: center;
  letter-spacing: 0;
  pointer-events: none;
  box-sizing: border-box;
  padding: 0 3px;
  font-size: 9px;
  line-height: 12px;
  position: absolute;
  top: -6px;
  right: -8px;
}

.tcm-legend {
  z-index: 10;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border: 1px solid var(--border-accent);
  font-family: var(--font-ui);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--text-primary);
  pointer-events: auto;
  background: #111820d9;
  min-width: 160px;
  padding: 10px 12px;
  font-size: 10px;
  position: absolute;
  bottom: 56px;
  right: 16px;
}

.tcm-legend-header {
  color: var(--gold);
  border-bottom: 1px solid #b78d4033;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  padding-bottom: 4px;
  display: flex;
}

.tcm-legend-toggle {
  color: var(--gold);
  cursor: pointer;
  background: none;
  border: none;
  padding: 0 2px;
  font-family: inherit;
  font-size: 11px;
  line-height: 1;
}

.tcm-legend-row {
  color: var(--text-secondary);
  align-items: center;
  gap: 8px;
  padding: 3px 0;
  display: flex;
}

.tcm-legend-swatch {
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
}

.tcm-legend-count {
  font-family: var(--font-mono);
  color: var(--text-primary);
  margin-left: auto;
}

.tcm-legend-footer {
  font-family: var(--font-mono);
  color: var(--text-dim);
  letter-spacing: .08em;
  border-top: 1px solid #ffffff0f;
  margin-top: 6px;
  padding-top: 6px;
  font-size: 9px;
}

.tcm-overlay-badge {
  border: 1px solid var(--border-accent);
  font-family: var(--font-ui);
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--text-primary);
  text-align: center;
  z-index: 9;
  pointer-events: auto;
  background: #0a0f14eb;
  max-width: 320px;
  padding: 14px 20px;
  font-size: 11px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 6px 20px #0000008c;
}

.tcm-overlay-badge--error {
  color: var(--red-high);
  border-color: #e74c3c80;
}

.tcm-overlay-badge-headline {
  color: var(--gold);
  margin-bottom: 6px;
  font-size: 12px;
}

.tcm-overlay-badge--error .tcm-overlay-badge-headline {
  color: var(--red-high);
}

.tcm-overlay-badge-hint {
  color: var(--text-dim);
  letter-spacing: .12em;
  margin-top: 6px;
  font-size: 10px;
}

.tcm-overlay-badge-retry {
  color: var(--gold);
  font-family: var(--font-mono);
  letter-spacing: .12em;
  cursor: pointer;
  text-transform: uppercase;
  background: #b78d402e;
  border: 1px solid #b78d40bf;
  margin-top: 8px;
  padding: 4px 10px;
  font-size: 11px;
  display: inline-block;
}

.tcm-overlay-badge-retry:hover {
  background: #b78d4047;
}

.tcm-fetch-pulse {
  border: 1px solid var(--border-accent);
  font-family: var(--font-mono);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--gold);
  background: #111820d9;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  font-size: 10px;
  display: inline-flex;
}

.tcm-fetch-pulse:before {
  content: "";
  background: var(--gold);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  animation: 1.2s ease-in-out infinite tcmPulseDot;
}

.tcm-skeleton {
  color: var(--gold);
  font-family: var(--font-mono);
  letter-spacing: .2em;
  text-transform: uppercase;
  background: #080a0c;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 14px;
  font-size: 11px;
  display: flex;
  position: absolute;
  inset: 0;
}

.tcm-skeleton-reticle {
  border: 1px dashed #b78d4080;
  border-radius: 50%;
  width: 64px;
  height: 64px;
  animation: 6s linear infinite tcmReticleRotate;
  position: relative;
}

.tcm-skeleton-reticle:before, .tcm-skeleton-reticle:after {
  content: "";
  background: #b78d4080;
  position: absolute;
}

.tcm-skeleton-reticle:before {
  height: 1px;
  top: 50%;
  left: 8px;
  right: 8px;
  transform: translateY(-50%);
}

.tcm-skeleton-reticle:after {
  width: 1px;
  top: 8px;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
}

.tcm-skeleton-label {
  animation: 1.6s ease-in-out infinite tcmPulseDot;
}

.tcm-date-filter-wrap {
  z-index: 10;
  pointer-events: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  display: flex;
  position: absolute;
  top: 48px;
  left: 16px;
}

@media (max-width: 900px) {
  .tcm-bracket {
    width: 14px;
    height: 14px;
  }

  .tcm-label-tl, .tcm-label-tr {
    top: 12px;
  }

  .tcm-label-tl {
    left: 12px;
  }

  .tcm-label-tr {
    right: 12px;
  }

  .tcm-popup {
    min-width: 220px;
    max-width: min(320px, 100vw - 48px);
  }

  .tcm-legend {
    min-width: 140px;
    padding: 8px 10px;
    bottom: 8px;
    right: 8px;
  }

  .tcm-date-filter-wrap {
    top: 40px;
    left: 8px;
  }
}

@media (max-width: 640px) {
  .tcm-edge-ticks, .tcm-label-tl, .tcm-label-tr {
    display: none;
  }

  .tcm-center-reticle {
    opacity: .35;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tcm-pulse-ring, .tcm-reticle-outer, .tcm-pulse-dot, .tcm-fetch-pulse:before, .tcm-skeleton-reticle, .tcm-skeleton-label, .tcm-event-marker--highlight > svg, .tcm-cluster-marker--highlight > svg, .tcm-cluster-marker:hover > svg, .tcm-cluster-marker:focus-visible > svg {
    animation: none !important;
  }

  .tcm-event-marker, .tcm-cluster-marker {
    transition: none;
  }

  .tcm-event-marker--highlight > svg, .tcm-cluster-marker--highlight > svg, .tcm-cluster-marker:hover > svg, .tcm-cluster-marker:focus-visible > svg {
    transform: scale(1.35);
  }
}

.briefs-three-col {
  z-index: 1;
  flex-direction: row;
  height: calc(100vh - 84px);
  display: flex;
  position: relative;
  overflow: hidden;
}

.briefs-col-left {
  scrollbar-width: none;
  -ms-overflow-style: none;
  border-right: 1px solid #0000;
  border-image: linear-gradient(180deg, transparent 0%, var(--border-dim) 14%, var(--border-dim) 86%, transparent 100%) 1;
  background: linear-gradient(#0f1620 0%, #0a0f14 100%);
  flex-shrink: 0;
  width: 280px;
  height: 100%;
  overflow-y: auto;
  -webkit-mask-image: linear-gradient(#0000 0, #000 24px calc(100% - 24px), #0000 100%);
  mask-image: linear-gradient(#0000 0, #000 24px calc(100% - 24px), #0000 100%);
}

.briefs-col-left::-webkit-scrollbar {
  background: none !important;
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

.briefs-col-left::-webkit-scrollbar-track {
  background: none !important;
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

.briefs-col-left::-webkit-scrollbar-thumb {
  background: none !important;
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

.briefs-col-center {
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex: 1;
  min-width: 0;
  height: 100%;
  padding: 32px 28px;
  overflow-y: auto;
}

.briefs-col-center::-webkit-scrollbar {
  background: none !important;
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

.briefs-col-center::-webkit-scrollbar-track {
  background: none !important;
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

.briefs-col-center::-webkit-scrollbar-thumb {
  background: none !important;
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

.briefs-col-right {
  scrollbar-width: none;
  -ms-overflow-style: none;
  border-left: 1px solid #0000;
  border-image: linear-gradient(180deg, transparent 0%, var(--border-dim) 14%, var(--border-dim) 86%, transparent 100%) 1;
  background: linear-gradient(#0f1620 0%, #0a0f14 100%);
  flex-shrink: 0;
  width: 280px;
  height: 100%;
  overflow-y: auto;
  -webkit-mask-image: linear-gradient(#0000 0, #000 24px calc(100% - 24px), #0000 100%);
  mask-image: linear-gradient(#0000 0, #000 24px calc(100% - 24px), #0000 100%);
}

.briefs-col-right::-webkit-scrollbar {
  background: none !important;
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

.briefs-col-right::-webkit-scrollbar-track {
  background: none !important;
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

.briefs-col-right::-webkit-scrollbar-thumb {
  background: none !important;
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

.briefs-mobile-panels {
  display: none;
}

.bs-panel {
  flex-direction: column;
  min-height: 100%;
  padding: 36px 16px 24px;
  display: flex;
}

.bs-section {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.bs-section-title {
  font-family: var(--font-mono);
  color: var(--gold);
  letter-spacing: .12em;
  text-transform: uppercase;
  border-bottom: 1px solid #b78d4038;
  margin: 0 0 12px;
  padding-bottom: 10px;
  font-size: 10px;
}

.bs-section-body {
  flex: 1;
}

.bs-gold-divider {
  background: #b78d404d;
  height: 1px;
  margin: 16px 0;
}

.bs-signal {
  border-left: 2px solid var(--text-dim);
  margin-bottom: 8px;
  padding: 8px 0 8px 10px;
}

.bs-sev--critical .bs-signal, .bs-signal.bs-sev--critical {
  border-left-color: var(--red-critical);
}

.bs-sev--high .bs-signal, .bs-signal.bs-sev--high {
  border-left-color: var(--amber);
}

.bs-sev--medium .bs-signal, .bs-signal.bs-sev--medium {
  border-left-color: var(--gold);
}

.bs-sev--low .bs-signal, .bs-signal.bs-sev--low {
  border-left-color: var(--text-dim);
}

.bs-signal-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3px;
  display: flex;
}

.bs-signal-source {
  font-family: var(--font-ui);
  text-transform: uppercase;
  color: var(--text-dim);
  letter-spacing: .08em;
  background: #ffffff08;
  border: 1px solid #ffffff0f;
  padding: 1px 5px;
  font-size: 8px;
  font-weight: 600;
}

.bs-signal-time {
  font-family: var(--font-mono);
  color: var(--text-dim);
  font-size: 9px;
}

.bs-signal-headline {
  font-family: var(--font-body);
  color: var(--text-primary);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0;
  font-size: 12px;
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
}

.bs-entity {
  border-bottom: 1px solid var(--border-dim);
  padding: 7px 0;
}

.bs-entity:last-child {
  border-bottom: none;
}

.bs-entity-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2px;
  display: flex;
}

.bs-entity-name {
  font-family: var(--font-display);
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 600;
}

.bs-entity-region {
  font-family: var(--font-ui);
  text-transform: uppercase;
  color: var(--text-dim);
  letter-spacing: .08em;
  background: #ffffff08;
  border: 1px solid #ffffff0f;
  padding: 1px 5px;
  font-size: 8px;
  font-weight: 600;
}

.bs-entity-detail {
  align-items: center;
  gap: 8px;
  display: flex;
}

.bs-entity-count {
  font-family: var(--font-mono);
  color: var(--text-secondary);
  font-size: 9px;
}

.bs-entity-velocity {
  font-family: var(--font-mono);
  font-size: 9px;
}

.bs-entity-velocity--up {
  color: var(--red-critical);
}

.bs-entity-velocity--down {
  color: var(--green-confirm);
}

.bs-tier-note {
  font-family: var(--font-mono);
  color: var(--text-dim);
  opacity: .6;
  padding: 8px 0;
  font-size: 9px;
}

.bs-view-all {
  font-family: var(--font-ui);
  color: var(--gold);
  letter-spacing: .08em;
  padding: 8px 0;
  font-size: 10px;
  font-weight: 700;
  text-decoration: none;
  transition: color .15s;
  display: block;
}

.bs-view-all:hover {
  color: var(--gold-bright);
}

.bs-skeleton-row {
  border-bottom: 1px solid var(--border-dim);
  flex-direction: column;
  gap: 4px;
  padding: 8px 0;
  display: flex;
}

.bs-skeleton-bar {
  background: #ffffff0a;
  border-radius: 2px;
  height: 8px;
  animation: 1.5s ease-in-out infinite bs-pulse;
}

.bs-skeleton-bar--short {
  width: 40%;
}

.bs-skeleton-bar--med {
  width: 60%;
}

.bs-skeleton-bar--long {
  width: 90%;
}

@keyframes bs-pulse {
  0%, 100% {
    opacity: .4;
  }

  50% {
    opacity: 1;
  }
}

.bs-empty {
  text-align: center;
  padding: 24px 0;
}

.bs-empty span {
  font-family: var(--font-mono);
  color: var(--text-dim);
  font-size: 10px;
}

.briefs-accordion {
  border: 1px solid var(--border-dim);
  background: linear-gradient(#0f1620 0%, #0a0f14 100%);
  margin-bottom: 4px;
}

.briefs-accordion-trigger {
  font-family: var(--font-mono);
  color: var(--gold);
  letter-spacing: .12em;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  padding: 12px 16px;
  font-size: 10px;
  list-style: none;
}

.briefs-accordion-trigger::-webkit-details-marker {
  display: none;
}

.briefs-accordion-trigger:before {
  content: "";
  border-top: 4px solid #0000;
  border-bottom: 4px solid #0000;
  border-left: 6px solid var(--text-dim);
  margin-right: 6px;
  transition: transform .15s;
  display: inline-block;
}

.briefs-accordion[open] .briefs-accordion-trigger:before {
  transform: rotate(90deg);
}

.briefs-accordion-body {
  border-top: 1px solid var(--border-dim);
}

@media (max-width: 1023px) {
  .briefs-three-col {
    flex-direction: column;
    height: auto;
    overflow: visible;
  }

  .briefs-col-left, .briefs-col-right {
    display: none;
  }

  .briefs-col-center {
    height: auto;
    padding: 24px 16px;
    overflow: visible;
  }

  .briefs-mobile-panels {
    padding: 0 16px 24px;
    display: block;
  }
}

button.intel-doc-source-tag-button {
  font-family: var(--font-mono);
  cursor: pointer;
  margin: 0;
  transition: background-color .12s, border-color .12s, color .12s;
}

button.intel-doc-source-tag-button:hover, button.intel-doc-source-tag-button:focus-visible {
  color: #f0d89a;
  border-color: var(--gold);
  background-color: #b78d4038;
  outline: none;
}

.source-popup-urgency {
  font-family: var(--font-mono);
  letter-spacing: .12em;
  text-transform: uppercase;
  border: 1px solid;
  border-radius: 2px;
  padding: 2px 6px;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-block;
}

.source-popup-urgency--critical {
  color: var(--red-critical);
  border-color: var(--red-critical);
  background: #c0392b1f;
}

.source-popup-urgency--high {
  color: var(--red-high);
  border-color: var(--red-high);
  background: #e74c3c1a;
}

.source-popup-urgency--medium {
  color: var(--gold);
  background: #b78d4014;
  border-color: #b78d4080;
}

.source-popup-urgency--low {
  color: var(--text-secondary);
  border-color: var(--text-secondary);
  background: none;
}

.source-popup-type-pill {
  font-family: var(--font-mono);
  color: var(--text-secondary);
  background: var(--bg-panel-flat);
  border: 1px solid var(--border-dim);
  letter-spacing: .08em;
  text-transform: lowercase;
  border-radius: 2px;
  padding: 1px 6px;
  font-size: 9px;
  display: inline-block;
}

.brief-biblio {
  border: 1px solid var(--border-dim);
  border-left: 3px solid var(--gold);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm), var(--shadow-inset-top);
  color: var(--text-primary);
  transition: border-color .18s var(--ease-out),
              box-shadow .18s var(--ease-out);
  background: linear-gradient(#141c26 0%, #0f1620 100%);
  margin-top: 36px;
  padding: 0;
}

:is(.brief-biblio:has(button.brief-biblio-toggle:hover), .brief-biblio:has(button.brief-biblio-toggle:focus-visible)) {
  border-color: #b78d408c;
  border-left-color: var(--gold-bright);
  box-shadow: var(--shadow-gold-hover), var(--shadow-inset-top);
}

.brief-biblio-header {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

button.brief-biblio-toggle {
  text-align: left;
  cursor: pointer;
  width: 100%;
  color: inherit;
  font: inherit;
  transition: background-color .18s var(--ease-out),
              border-color .18s var(--ease-out);
  background: none;
  border: none;
  border-bottom: 1px solid #0000;
  margin: 0;
  padding: 22px 26px;
}

button.brief-biblio-toggle:hover {
  background: #b78d400f;
}

button.brief-biblio-toggle:focus-visible {
  background: #b78d4014;
  outline: none;
}

.brief-biblio--open button.brief-biblio-toggle {
  border-bottom: 1px solid #b78d4040;
}

.brief-biblio-title-row {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}

.intel-doc h2.brief-biblio-title {
  counter-increment: none;
  font-family: var(--font-mono);
  color: var(--gold);
  letter-spacing: .22em;
  text-transform: uppercase;
  border-bottom: none;
  grid-template-columns: none;
  column-gap: 0;
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  transition: color .12s;
  display: inline-block;
}

.intel-doc h2.brief-biblio-title:before {
  content: none;
}

button.brief-biblio-toggle:hover .brief-biblio-title, button.brief-biblio-toggle:focus-visible .brief-biblio-title {
  color: var(--gold-bright);
}

.brief-biblio-toggle-indicator {
  border-radius: var(--radius-sm);
  font-family: var(--font-mono);
  color: var(--gold);
  letter-spacing: .18em;
  text-transform: uppercase;
  background: #b78d4014;
  border: 1px solid #b78d408c;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  padding: 5px 10px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  transition: background-color .12s, border-color .12s, color .12s, box-shadow .12s;
  display: inline-flex;
}

button.brief-biblio-toggle:hover .brief-biblio-toggle-indicator, button.brief-biblio-toggle:focus-visible .brief-biblio-toggle-indicator {
  border-color: var(--gold);
  color: #f0d89a;
  background: #b78d402e;
  box-shadow: 0 0 12px #b78d4040;
}

.brief-biblio-toggle-label {
  letter-spacing: .18em;
}

.brief-biblio-chevron {
  font-family: var(--font-mono);
  color: inherit;
  font-size: 12px;
  line-height: 1;
  transition: transform .2s cubic-bezier(.2, .8, .2, 1);
  display: inline-block;
  transform: rotate(-90deg);
}

.brief-biblio-chevron--open {
  transform: rotate(0);
}

.brief-biblio-stats {
  font-family: var(--font-mono);
  letter-spacing: .12em;
  color: var(--text-secondary);
  text-transform: uppercase;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  display: flex;
}

.brief-biblio-stats-sep {
  color: var(--text-dim);
}

.brief-biblio-types {
  flex-wrap: wrap;
  gap: 6px;
  margin-left: 8px;
  display: inline-flex;
}

.brief-biblio-type-pill {
  font-family: var(--font-mono);
  color: var(--gold);
  letter-spacing: .05em;
  text-transform: lowercase;
  background: #b78d401a;
  border: 1px solid #b78d4073;
  border-radius: 2px;
  padding: 2px 6px;
  font-size: 9px;
  display: inline-block;
}

.brief-biblio-list {
  flex-direction: column;
  gap: 14px;
  margin: 0;
  padding: 18px 26px 24px;
  list-style: none;
  display: flex;
}

.brief-biblio-event {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.brief-biblio-row {
  text-align: left;
  cursor: pointer;
  width: 100%;
  font-family: var(--font-body);
  color: var(--text-primary);
  background: none;
  border: none;
  border-radius: 2px;
  align-items: baseline;
  gap: 10px;
  padding: 6px 8px;
  font-size: 13px;
  line-height: 1.5;
  transition: background-color .12s;
  display: flex;
}

.brief-biblio-row:hover, .brief-biblio-row:focus-visible {
  background: #b78d4014;
  outline: none;
}

.brief-biblio-row--sub {
  color: var(--text-secondary);
  font-size: 12.5px;
}

.brief-biblio-key {
  font-family: var(--font-mono);
  color: var(--gold);
  letter-spacing: 0;
  flex-shrink: 0;
  min-width: 44px;
  font-size: 11px;
  font-weight: 700;
}

.brief-biblio-label {
  flex: auto;
  min-width: 0;
}

.brief-biblio-meta {
  font-family: var(--font-mono);
  color: var(--text-secondary);
  letter-spacing: .08em;
  text-transform: uppercase;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  font-size: 10px;
  display: inline-flex;
}

.brief-biblio-count {
  white-space: nowrap;
}

.brief-biblio-children {
  border-left: 1px solid #b78d4040;
  flex-direction: column;
  gap: 4px;
  margin: 4px 0 0 18px;
  padding: 0 0 0 14px;
  list-style: none;
  display: flex;
}

.brief-biblio-sub {
  flex-direction: column;
  display: flex;
}

.brief-biblio-names {
  font-family: var(--font-mono);
  color: var(--text-secondary);
  letter-spacing: .04em;
  padding: 2px 8px 2px 52px;
  font-size: 11px;
  line-height: 1.5;
}

.brief-biblio-names--flat {
  padding-left: 52px;
}

@media (max-width: 768px) {
  :root {
    --content-pad: 16px;
    --gap-section: 20px;
    --gap-stack: 12px;
    --fs-body: 15px;
  }

  body {
    background-size: 24px 24px;
  }

  button:not([class*="nav-account"]):not([class*="search-button"]):not([class*="dash-breaking-filter"]), a[role="button"], input[type="submit"], input[type="button"] {
    min-height: 44px;
  }

  input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="number"], textarea, select {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  :root {
    --content-pad: 14px;
    --fs-display: 24px;
    --fs-h1: 18px;
    --fs-body: 15px;
    --fs-meta: 12px;
  }
}

.nav-burger {
  border: 1px solid var(--border-dim);
  border-radius: var(--radius-sm);
  cursor: pointer;
  width: 44px;
  height: 44px;
  transition: border-color var(--dur-base) var(--ease-out),
    background var(--dur-base) var(--ease-out);
  background: none;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  margin-right: 4px;
  padding: 0;
  display: none;
}

.nav-burger:hover, .nav-burger:focus-visible {
  border-color: var(--border-accent);
  background: #b78d400d;
  outline: none;
}

.nav-burger-bar {
  background: var(--text-primary);
  width: 20px;
  height: 2px;
  margin: 0 auto;
  display: block;
}

.nav-drawer-backdrop, .nav-drawer {
  display: none;
}

@media (max-width: 768px) {
  .top-nav {
    height: 56px;
    padding: 0 var(--content-pad);
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 8px;
  }

  .nav-burger {
    display: flex;
  }

  .nav-logo {
    flex: 1;
    min-width: 0;
  }

  .nav-logo-main {
    gap: 4px;
  }

  .nav-logo-symbol, .nav-logo-name {
    font-size: 22px;
  }

  .nav-logo-suffix, .nav-logo-tagline, .nav-links, .nav-right {
    display: none;
  }

  .nav-drawer-backdrop {
    -webkit-backdrop-filter: blur(2px);
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--dur-base) var(--ease-out);
    z-index: 150;
    background: #0000008c;
    display: block;
    position: fixed;
    inset: 0;
  }

  .nav-drawer-backdrop--open {
    opacity: 1;
    pointer-events: auto;
  }

  .nav-drawer {
    border-right: 1px solid var(--gold);
    width: min(320px, 88vw);
    transition: transform var(--dur-slow) var(--ease-out);
    z-index: 151;
    -webkit-overflow-scrolling: touch;
    padding-bottom: env(safe-area-inset-bottom);
    background: linear-gradient(#0f1620 0%, #080a0c 100%);
    flex-direction: column;
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    transform: translateX(-100%);
    box-shadow: 8px 0 32px #0009;
  }

  .nav-drawer--open {
    transform: translateX(0);
  }

  .nav-drawer-header {
    border-bottom: 1px solid var(--border-dim);
    background: linear-gradient(#b78d400f 0%, #0000 100%);
    justify-content: space-between;
    align-items: center;
    padding: 14px 18px;
    display: flex;
  }

  .nav-drawer-label {
    font-family: var(--font-ui);
    color: var(--gold);
    text-transform: uppercase;
    letter-spacing: .24em;
    font-size: 10px;
    font-weight: 700;
  }

  .nav-drawer-close {
    border: 1px solid var(--border-dim);
    border-radius: var(--radius-sm);
    width: 44px;
    height: 44px;
    color: var(--text-secondary);
    font-family: var(--font-mono);
    cursor: pointer;
    transition: color var(--dur-base) var(--ease-out),
      border-color var(--dur-base) var(--ease-out);
    background: none;
    font-size: 16px;
  }

  .nav-drawer-close:hover, .nav-drawer-close:focus-visible {
    color: var(--gold);
    border-color: var(--gold);
    outline: none;
  }

  .nav-drawer-links {
    flex-direction: column;
    padding: 8px 0;
    display: flex;
  }

  .nav-drawer-link {
    min-height: 48px;
    font-family: var(--font-ui);
    text-transform: uppercase;
    letter-spacing: .15em;
    color: var(--text-secondary);
    transition: color var(--dur-base) var(--ease-out),
      background var(--dur-base) var(--ease-out),
      border-color var(--dur-base) var(--ease-out);
    border-left: 2px solid #0000;
    align-items: center;
    padding: 0 18px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    display: flex;
  }

  .nav-drawer-link:hover, .nav-drawer-link:focus-visible {
    color: var(--text-primary);
    border-left-color: var(--gold);
    background: #b78d400f;
    outline: none;
  }

  .nav-drawer-link--active {
    color: var(--text-primary);
    border-left-color: var(--gold);
    background: #b78d4014;
  }

  .nav-drawer-divider {
    background: var(--border-dim);
    height: 1px;
    margin: 6px 0;
  }

  .nav-drawer-meta {
    flex-direction: column;
    gap: 12px;
    padding: 12px 18px;
    display: flex;
  }

  .nav-drawer-row {
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    display: flex;
  }

  .nav-drawer-row--stack {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  .nav-drawer-row-label {
    font-family: var(--font-ui);
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--text-dim);
    font-size: 9px;
    font-weight: 700;
  }

  .nav-drawer-row-value {
    font-family: var(--font-mono);
    color: var(--text-mono);
    font-size: 12px;
  }

  .nav-drawer-row-email {
    font-family: var(--font-mono);
    color: var(--text-primary);
    word-break: break-all;
    font-size: 13px;
    line-height: 1.3;
  }

  .nav-drawer-action {
    border: 0;
    border-top: 1px solid var(--border-dim);
    min-height: 48px;
    font-family: var(--font-ui);
    text-transform: uppercase;
    letter-spacing: .15em;
    color: var(--text-secondary);
    text-align: left;
    cursor: pointer;
    transition: color var(--dur-base) var(--ease-out),
      background var(--dur-base) var(--ease-out),
      border-color var(--dur-base) var(--ease-out);
    background: none;
    border-left: 2px solid #0000;
    align-items: center;
    margin: 0;
    padding: 0 18px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    display: flex;
  }

  .nav-drawer-action:hover, .nav-drawer-action:focus-visible {
    color: var(--text-primary);
    border-left-color: var(--gold);
    background: #b78d400f;
    outline: none;
  }

  .nav-drawer-action--danger:hover, .nav-drawer-action--danger:focus-visible {
    color: var(--red-high);
    border-left-color: var(--red-critical);
    background: #c0392b14;
  }

  .dashboard-wrapper {
    height: auto;
    min-height: calc(100vh - 56px);
  }

  .dashboard-grid {
    padding: 14px var(--content-pad) 24px;
    gap: 16px;
  }

  .dash-shell {
    gap: 16px;
  }

  .dash-breaking-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .dash-panel--breaking .dash-breaking-grid {
    grid-template-rows: none;
    grid-auto-rows: min-content;
  }

  .dash-panel--breaking .dash-breaking-card--featured {
    flex-direction: column;
    grid-area: auto / 1;
    min-height: 0;
  }

  .dash-breaking-featured-map {
    border-bottom: 1px solid #b78d4052;
    border-right: none;
    flex: none;
    align-self: auto;
    width: 100%;
    height: 150px;
  }

  .dash-breaking-headline.dash-breaking-headline--featured {
    -webkit-line-clamp: 5;
    font-size: 18px;
  }

  .dash-breaking-featured-summary {
    -webkit-line-clamp: 5;
    font-size: 13px;
  }

  .dash-breaking-featured-stats {
    grid-template-columns: 1fr 1fr;
    gap: 8px 12px;
  }

  .dash-row--mid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .dash-panel {
    min-height: 0;
    padding: 16px 14px 18px;
  }

  .dash-panel-title {
    letter-spacing: .16em;
    font-size: 12px;
  }

  .dash-panel--pulse .dash-panel-header {
    margin: -16px -14px 0;
    padding: 12px 14px;
  }

  .dash-panel--pulse .dash-breaking-body, .dash-panel--pulse .dash-panel-pulse-body {
    margin: 0 -14px -18px;
    padding: 12px;
  }

  .dash-top-link {
    grid-template-columns: 28px 1fr auto;
    gap: 8px;
  }

  .dash-top-rank {
    display: none;
  }

  .dash-top-headline {
    -webkit-line-clamp: 2;
    line-clamp: 2;
    font-size: 13px;
  }

  .dash-brief-headline {
    -webkit-line-clamp: 2;
    line-clamp: 2;
    min-height: 0;
    font-size: 13px;
  }

  .dash-status-bar {
    padding: 10px var(--content-pad);
    flex-wrap: wrap;
    row-gap: 4px;
    font-size: 9px;
  }

  .intel-list-page, .intel-merge-page {
    padding: 24px 0 32px;
  }

  .intel-list-header {
    padding: 0 var(--content-pad);
    flex-wrap: wrap;
    gap: 6px;
  }

  .intel-list-title {
    font-size: 22px;
  }

  .intel-list-subtitle-bar {
    margin: 0 var(--content-pad) 18px;
  }

  .intel-merge-grid {
    padding: 0 var(--content-pad);
    gap: 22px;
  }

  .intel-merge-section-title {
    letter-spacing: .16em;
    font-size: 12px;
  }

  .archive-panel .intel-merge-section-header, .search-query-panel .intel-merge-section-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }

  .archive-panel-header-right {
    gap: 10px;
  }

  .archive-section-title {
    flex-wrap: wrap;
    gap: 6px;
  }

  .brief-card, .report-card {
    padding: 14px var(--content-pad);
    gap: 8px;
  }

  .brief-card-title, .report-card-title {
    font-size: 15px;
    line-height: 1.35;
  }

  .brief-card-excerpt {
    -webkit-line-clamp: 3;
    line-clamp: 3;
    font-size: 13px;
    line-height: 1.55;
  }

  .doc-page {
    padding: 20px 0 32px;
  }

  .doc-paper {
    border-left-width: 0;
    border-right-width: 0;
    border-radius: 0;
  }

  .doc-header {
    padding: 20px var(--content-pad);
  }

  .doc-title {
    font-size: 22px;
    line-height: 1.2;
  }

  .doc-header-top {
    flex-wrap: wrap;
    gap: 6px;
  }

  .doc-section-header {
    padding: 10px var(--content-pad);
  }

  .doc-section-body, .intel-doc-body {
    padding: 18px var(--content-pad);
    font-size: 16px;
    line-height: 1.65;
  }

  .doc-section-body p, .intel-doc-body p {
    margin-bottom: 18px;
  }
}

.velocity-table {
  border: 1px solid var(--border-dim);
  background: #080c128c;
  border-radius: 4px;
  flex-direction: column;
  margin: 16px 0 20px;
  display: flex;
  overflow: hidden;
}

.velocity-row {
  border-bottom: 1px solid #ffffff0d;
  grid-template-columns: 1.4fr 2.6fr .7fr .7fr 1.4fr;
  align-items: center;
  column-gap: 16px;
  padding: 12px 18px;
  display: grid;
}

.velocity-row--last {
  border-bottom: none;
}

.velocity-row--header {
  background: #b78d400d;
  border-bottom: 1px solid #b78d4040;
  padding: 10px 18px;
}

.velocity-cell {
  min-width: 0;
}

.velocity-cell--head {
  font-family: var(--font-ui);
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--text-secondary);
  font-size: 10px;
  font-weight: 600;
}

.velocity-cell--branch {
  font-family: var(--font-ui);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--text-primary);
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
}

.velocity-cell--volume {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.velocity-bar-track {
  background: #b78d4014;
  border-radius: 1px;
  width: 100%;
  height: 12px;
  overflow: hidden;
}

.velocity-bar-fill {
  background: linear-gradient(90deg, #b78d40d9, #b78d40a6);
  border-right: 1px solid #b78d40;
  height: 100%;
}

.velocity-bar-meta {
  font-family: var(--font-mono);
  color: var(--text-secondary);
  letter-spacing: .04em;
  font-size: 11px;
}

.velocity-cell--num {
  font-family: var(--font-mono);
  color: var(--text-secondary);
  font-size: 13px;
}

.velocity-cell--trend {
  align-items: center;
  gap: 8px;
  font-weight: 600;
  display: flex;
}

.velocity-trend-glyph {
  justify-content: center;
  width: 12px;
  font-size: 11px;
  display: inline-flex;
}

.velocity-trend-pct {
  font-family: var(--font-mono);
  letter-spacing: .04em;
  font-size: 13px;
}

.velocity-trend-weeks {
  font-family: var(--font-mono);
  letter-spacing: .08em;
  color: #1a1308;
  background: var(--gold);
  border-radius: 2px;
  margin-left: auto;
  padding: 2px 6px;
  font-size: 10px;
  font-weight: 700;
}

@media (max-width: 768px) {
  .velocity-row--header {
    display: none;
  }

  .velocity-row {
    padding: 14px var(--content-pad);
    border-bottom: 1px solid #ffffff14;
    grid-template-columns: 1fr;
    align-items: stretch;
    gap: 8px;
  }

  .velocity-cell:not(.velocity-cell--branch):before {
    content: attr(data-label);
    font-family: var(--font-ui);
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--text-dim);
    margin-bottom: 4px;
    font-size: 9px;
    font-weight: 700;
    display: block;
  }

  .velocity-cell--branch {
    letter-spacing: .1em;
    border-bottom: 1px solid #b78d402e;
    padding-bottom: 2px;
    font-size: 15px;
  }

  .velocity-cell--num {
    display: inline-block;
  }

  .velocity-cell--trend {
    flex-wrap: wrap;
  }

  .velocity-trend-weeks {
    margin-left: 8px;
  }
}

.velocity-chart-frame {
  padding: 20px 24px 24px;
}

@media (max-width: 768px) {
  .velocity-chart-frame {
    padding: 14px var(--content-pad) 16px;
  }

  .map-split {
    min-height: calc(100vh - 56px);
  }

  .map-left {
    max-height: 30vh;
  }

  .map-left-inner {
    padding: 12px var(--content-pad);
  }

  .map-right {
    min-height: 70vh;
  }
}

.country-drawer-handle {
  display: none;
}

@media (max-width: 768px) {
  .country-drawer-root {
    border-radius: 12px 12px 0 0;
    max-height: 82vh;
    border-top: 2px solid #b78d4073 !important;
    border-left: none !important;
    width: 100% !important;
    max-width: 100% !important;
    transition: transform .28s cubic-bezier(.22, .61, .36, 1) !important;
    inset: auto 0 0 !important;
    transform: translateY(100%) !important;
    box-shadow: 0 -12px 32px #0000008c !important;
  }

  .country-drawer-root--open {
    transform: translateY(0) !important;
  }

  .country-drawer-handle {
    z-index: 2;
    background: #ffffff40;
    border-radius: 2px;
    width: 44px;
    height: 4px;
    margin: 10px auto 6px;
    display: block;
    position: sticky;
    top: 0;
  }
}

@media (max-width: 640px) {
  .event-modal-backdrop {
    justify-content: stretch !important;
    align-items: stretch !important;
    padding: 0 !important;
  }

  .event-modal-card {
    min-height: 100vh;
    border: none !important;
    border-radius: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: 100vh !important;
  }

  .event-modal-close {
    min-width: 44px;
    min-height: 44px;
    margin-right: -8px;
    padding: 8px 12px !important;
    font-size: 22px !important;
  }
}

.account-body {
  padding: 0 32px 40px;
}

@media (max-width: 768px) {
  .account-body {
    padding: 0 var(--content-pad) 28px;
  }

  .account-row {
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    padding: 12px 0;
  }

  .account-row-value {
    text-align: left;
    font-size: 14px;
  }

  .account-upgrade-cta {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 44px;
    display: inline-flex;
  }

  .account-actions {
    justify-content: stretch;
    margin-top: 24px;
  }

  .account-actions > * {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .login-brand {
    margin-bottom: 24px;
  }

  .login-brand-name {
    font-size: 26px;
  }

  .login-brand-tagline {
    letter-spacing: .24em;
    font-size: 10px;
  }

  .login-card {
    max-width: 100%;
    padding: 24px var(--content-pad);
    border-radius: var(--radius-md);
  }

  .login-card-header-title {
    font-size: 20px;
  }

  .login-input {
    padding: 14px 12px;
  }

  .login-submit {
    height: 52px;
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  .search-input-row {
    padding: 10px var(--content-pad);
    flex-wrap: wrap;
    gap: 8px;
  }

  .search-input {
    flex-basis: 100%;
    width: 100%;
    font-size: 16px;
  }

  .search-button {
    width: 100%;
    min-height: 44px;
    padding: 12px 18px;
    font-size: 14px;
  }

  .search-prompt {
    font-size: 13px;
  }

  .search-card {
    padding: 16px var(--content-pad);
  }

  .search-card-text {
    font-size: 15px;
    line-height: 1.55;
  }

  .search-card-top {
    flex-wrap: wrap;
    gap: 6px;
  }

  .search-card-meta {
    gap: 10px;
  }

  .search-drawer {
    border-left: none;
    border-top: 1px solid var(--gold);
    border-radius: 12px 12px 0 0;
    width: 100%;
    max-height: 85vh;
    inset: auto 0 0;
    transform: translateY(100%);
    box-shadow: 0 -12px 32px #0009;
  }

  .search-drawer--open {
    transform: translateY(0);
  }
}

.bugreport-trigger {
  right: calc(24px + env(safe-area-inset-right));
  bottom: calc(24px + env(safe-area-inset-bottom));
  z-index: 40;
  border: 1px solid var(--border-accent);
  border-radius: var(--radius-lg);
  height: 44px;
  color: var(--gold);
  cursor: pointer;
  box-shadow: var(--shadow-md);
  transition: transform var(--dur-base) var(--ease-out),
    box-shadow var(--dur-base) var(--ease-out),
    border-color var(--dur-base) var(--ease-out),
    color var(--dur-base) var(--ease-out);
  background: linear-gradient(#141c26 0%, #0f1620 100%);
  align-items: center;
  gap: 0;
  padding: 0 13px;
  display: flex;
  position: fixed;
}

.bugreport-trigger[data-over-map="true"] {
  bottom: calc(56px + env(safe-area-inset-bottom));
}

.bugreport-trigger:hover, .bugreport-trigger:focus-visible {
  border-color: var(--gold);
  color: var(--gold-bright);
  box-shadow: var(--shadow-gold-hover);
  transform: translateY(-2px);
}

.bugreport-trigger:focus-visible {
  box-shadow: var(--shadow-gold-hover), var(--focus-ring);
  outline: none;
}

.bugreport-trigger:active {
  transform: translateY(0);
}

.bugreport-trigger-glyph {
  flex-shrink: 0;
  display: block;
}

.bugreport-trigger-label {
  font-family: var(--font-ui);
  letter-spacing: .18em;
  white-space: nowrap;
  opacity: 0;
  max-width: 0;
  transition: max-width var(--dur-slow) var(--ease-out),
    opacity var(--dur-fast) var(--ease-out),
    margin-left var(--dur-slow) var(--ease-out);
  font-size: 11px;
  font-weight: 600;
  overflow: hidden;
}

.bugreport-trigger:hover .bugreport-trigger-label, .bugreport-trigger:focus-visible .bugreport-trigger-label {
  opacity: 1;
  max-width: 120px;
  margin-left: 9px;
}

.bugreport-backdrop {
  z-index: 300;
  -webkit-backdrop-filter: blur(2px);
  animation: bugreport-fade-in .14s var(--ease-out);
  background: #080a0cd1;
  justify-content: center;
  align-items: center;
  padding: 32px;
  display: flex;
  position: fixed;
  inset: 0;
}

.bugreport-panel {
  background: var(--bg-panel-flat);
  border: 1px solid var(--border-dim);
  border-radius: var(--radius-md);
  width: 100%;
  max-width: 560px;
  max-height: 88vh;
  box-shadow: var(--shadow-lg), var(--shadow-inset-top);
  color: var(--text-primary);
  font-family: var(--font-body);
  animation: bugreport-panel-in .16s var(--ease-out);
  border-left: 2px solid #b78d4073;
  flex-direction: column;
  display: flex;
  overflow-y: auto;
}

.bugreport-panel-header {
  font-family: var(--font-ui);
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--gold);
  border-bottom: 1px solid #b78d4040;
  justify-content: space-between;
  align-items: center;
  padding: 14px 22px;
  font-size: 11px;
  font-weight: 600;
  display: flex;
}

.bugreport-close {
  color: var(--gold);
  cursor: pointer;
  background: none;
  border: none;
  padding: 0 4px;
  font-size: 18px;
  line-height: 1;
}

.bugreport-close:disabled {
  opacity: .4;
  cursor: not-allowed;
}

.bugreport-body {
  flex-direction: column;
  gap: 16px;
  padding: 20px 22px 22px;
  display: flex;
}

.bugreport-field {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.bugreport-label {
  font-family: var(--font-ui);
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--gold);
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  padding: 0;
  font-size: 10px;
  font-weight: 600;
  display: flex;
}

.bugreport-counter {
  font-family: var(--font-mono);
  letter-spacing: .08em;
  color: var(--text-dim);
  font-size: 10px;
}

.bugreport-input {
  background: var(--bg-void);
  border: 1px solid var(--border-active);
  border-radius: var(--radius-sm);
  width: 100%;
  color: var(--text-primary);
  font-family: var(--font-body);
  transition: border-color var(--dur-fast) var(--ease-out),
    box-shadow var(--dur-fast) var(--ease-out);
  padding: 9px 11px;
  font-size: 14px;
  line-height: 1.5;
}

.bugreport-input::placeholder {
  color: var(--text-dim);
}

.bugreport-input:focus {
  border-color: var(--gold);
  box-shadow: var(--focus-ring);
  outline: none;
}

.bugreport-input:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.bugreport-textarea {
  resize: vertical;
  min-height: 118px;
}

.bugreport-select {
  appearance: none;
  cursor: pointer;
  background-image: linear-gradient(45deg, transparent 50%, var(--gold) 50%),
    linear-gradient(135deg, var(--gold) 50%, transparent 50%);
  background-position: calc(100% - 16px) calc(50% + 1px), calc(100% - 11px) calc(50% + 1px);
  background-repeat: no-repeat;
  background-size: 5px 5px, 5px 5px;
  padding-right: 30px;
}

.bugreport-fieldset {
  border: none;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 0;
  display: flex;
}

.bugreport-segmented {
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
  display: grid;
}

.bugreport-segment {
  background: var(--bg-void);
  border: 1px solid var(--border-active);
  border-radius: var(--radius-sm);
  min-height: 34px;
  color: var(--text-secondary);
  font-family: var(--font-ui);
  letter-spacing: .14em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition: background var(--dur-fast) var(--ease-out),
    border-color var(--dur-fast) var(--ease-out),
    color var(--dur-fast) var(--ease-out);
  justify-content: center;
  align-items: center;
  padding: 0 4px;
  font-size: 10px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.bugreport-segment input {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.bugreport-segment:hover {
  border-color: var(--border-accent);
  color: var(--text-primary);
}

.bugreport-segment[data-active="true"] {
  background: #b78d401a;
}

.bugreport-segment:has(input:focus-visible) {
  box-shadow: var(--focus-ring);
  outline: none;
}

.bugreport-fieldset:disabled .bugreport-segment {
  opacity: .55;
  cursor: not-allowed;
}

.bugreport-context {
  border-top: 1px solid #b78d4029;
  flex-direction: column;
  gap: 8px;
  padding-top: 4px;
  display: flex;
}

.bugreport-context-toggle {
  color: var(--text-secondary);
  font-family: var(--font-ui);
  letter-spacing: .18em;
  text-transform: uppercase;
  cursor: pointer;
  transition: color var(--dur-fast) var(--ease-out);
  background: none;
  border: none;
  align-items: center;
  gap: 7px;
  padding: 4px 0;
  font-size: 10px;
  font-weight: 600;
  display: flex;
}

.bugreport-context-toggle:hover, .bugreport-context-toggle:focus-visible {
  color: var(--gold);
  outline: none;
}

.bugreport-context-list {
  background: var(--bg-void);
  border: 1px solid var(--border-dim);
  border-radius: var(--radius-sm);
  flex-direction: column;
  gap: 3px;
  margin: 0;
  padding: 9px 11px;
  display: flex;
}

.bugreport-context-row {
  grid-template-columns: 68px minmax(0, 1fr);
  align-items: baseline;
  gap: 10px;
  display: grid;
}

.bugreport-context-key {
  font-family: var(--font-mono);
  letter-spacing: .14em;
  color: var(--gold);
  opacity: .75;
  font-size: 9px;
}

.bugreport-context-value {
  font-family: var(--font-mono);
  color: var(--text-secondary);
  overflow-wrap: anywhere;
  margin: 0;
  font-size: 10px;
  line-height: 1.5;
}

.bugreport-error {
  border-radius: var(--radius-sm);
  background: #c0392b14;
  border: 1px solid #c0392b66;
  padding: 10px 12px;
}

.bugreport-error-label {
  font-family: var(--font-ui);
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--red-critical);
  margin-bottom: 4px;
  font-size: 10px;
  font-weight: 600;
}

.bugreport-error-copy {
  color: var(--text-tertiary);
  font-size: 13px;
  line-height: 1.55;
}

.bugreport-success-label {
  font-family: var(--font-ui);
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--green-confirm);
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 600;
}

.bugreport-success-copy {
  color: var(--text-tertiary);
  margin: 0 0 14px;
  font-size: 14px;
  line-height: 1.55;
}

.bugreport-success-id {
  background: var(--bg-void);
  border: 1px solid var(--border-dim);
  border-radius: var(--radius-sm);
  flex-direction: column;
  gap: 4px;
  padding: 9px 11px;
  display: flex;
}

.bugreport-success-id code {
  font-family: var(--font-mono);
  letter-spacing: .06em;
  color: var(--text-primary);
  overflow-wrap: anywhere;
  font-size: 11px;
}

.bugreport-actions {
  border-top: 1px solid #b78d4033;
  justify-content: flex-end;
  gap: 10px;
  padding-top: 14px;
  display: flex;
}

.bugreport-button {
  border: 1px solid var(--border-active);
  border-radius: var(--radius-sm);
  min-height: 34px;
  color: var(--text-secondary);
  font-family: var(--font-ui);
  letter-spacing: .16em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background var(--dur-fast) var(--ease-out),
    border-color var(--dur-fast) var(--ease-out),
    color var(--dur-fast) var(--ease-out);
  background: none;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 7px 16px;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
}

.bugreport-button:hover:not(:disabled) {
  border-color: var(--gold);
  color: var(--gold);
}

.bugreport-button:focus-visible {
  box-shadow: var(--focus-ring);
  outline: none;
}

.bugreport-button--primary {
  border-color: var(--border-accent);
  color: var(--gold);
  background: #b78d4024;
}

.bugreport-button--primary:hover:not(:disabled) {
  border-color: var(--gold);
  color: var(--gold-bright);
  background: #b78d4042;
}

.bugreport-button:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.bugreport-spinner {
  border: 1.5px solid #b78d404d;
  border-top-color: var(--gold);
  border-radius: 50%;
  width: 11px;
  height: 11px;
  animation: .7s linear infinite bugreport-spin;
}

@keyframes bugreport-spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes bugreport-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes bugreport-panel-in {
  from {
    opacity: 0;
    transform: translateY(6px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .bugreport-trigger, .bugreport-trigger-label, .bugreport-backdrop, .bugreport-panel {
    transition: none;
    animation: none;
  }

  .bugreport-trigger:hover, .bugreport-trigger:focus-visible {
    transform: none;
  }

  .bugreport-spinner {
    animation-duration: 2s;
  }
}

@media (max-width: 768px) {
  .bugreport-trigger {
    right: calc(16px + env(safe-area-inset-right));
    bottom: calc(16px + env(safe-area-inset-bottom));
    justify-content: center;
    width: 44px;
    padding: 0;
  }

  .bugreport-trigger-label {
    display: none;
  }

  .bugreport-trigger:hover .bugreport-trigger-label, .bugreport-trigger:focus-visible .bugreport-trigger-label {
    max-width: 0;
    margin-left: 0;
  }

  .bugreport-trigger[data-over-map="true"] {
    bottom: calc(52px + env(safe-area-inset-bottom));
  }

  .bugreport-backdrop {
    align-items: flex-end;
    padding: 0;
  }

  .bugreport-panel {
    border-radius: var(--radius-md) var(--radius-md) 0 0;
    max-width: none;
    max-height: 92vh;
    padding-bottom: env(safe-area-inset-bottom);
    border-left-width: 1px;
  }

  .bugreport-segmented {
    grid-template-columns: repeat(2, 1fr);
  }

  .bugreport-segment {
    min-height: 44px;
  }

  .bugreport-actions {
    flex-direction: column-reverse;
  }

  .bugreport-button {
    width: 100%;
    min-height: 44px;
  }
}

.archive-panel {
  margin-bottom: var(--gap-section);
}

.archive-panel .archive-table {
  border-top: none;
}

.archive-panel .archive-controls {
  margin-bottom: 0;
}

.archive-panel-meta-sep {
  color: var(--border-active);
  margin: 0 2px;
}

.archive-panel-header-right {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 14px;
  display: inline-flex;
}

.archive-panel-header-right .archive-entities-link {
  margin-left: 0;
}

.archive-meta-bar {
  font-family: var(--font-mono);
  color: var(--text-dim);
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  font-size: 11px;
  display: flex;
}

.archive-clearance-tier {
  color: var(--gold);
}

.archive-meta-sep {
  color: var(--border-active);
}

.archive-accessible {
  color: var(--text-mono);
}

.archive-entities-link {
  font-family: var(--font-mono);
  color: var(--gold);
  letter-spacing: .06em;
  transition: color var(--dur-base) var(--ease-out);
  margin-left: auto;
  font-size: 11px;
  text-decoration: none;
}

.archive-entities-link:hover {
  color: var(--gold-bright);
}

.archive-controls {
  margin-bottom: 20px;
}

.archive-search-row {
  background: var(--bg-panel-flat);
  border: 1px solid var(--border-dim);
  border-radius: var(--radius-md);
  transition: border-color var(--dur-base) var(--ease-out);
  border-left: 2px solid #b78d4073;
  align-items: center;
  gap: 10px;
  padding: 0 14px;
  display: flex;
}

.archive-search-row:focus-within {
  border-color: var(--border-active);
}

.archive-search-prompt {
  font-family: var(--font-mono);
  color: var(--gold);
  font-size: 14px;
}

.archive-search-input {
  font-family: var(--font-mono);
  color: var(--text-primary);
  letter-spacing: .02em;
  background: none;
  border: none;
  outline: none;
  flex: 1;
  padding: 13px 0;
  font-size: 13px;
}

.archive-search-input::placeholder {
  color: var(--text-dim);
  letter-spacing: .08em;
}

.archive-search-input::-webkit-search-cancel-button {
  filter: invert(.6);
}

.archive-search-status {
  font-family: var(--font-mono);
  color: var(--gold);
  letter-spacing: .14em;
  font-size: 10px;
  animation: 1s ease-in-out infinite archive-pulse;
}

@keyframes archive-pulse {
  50% {
    opacity: .3;
  }
}

.archive-filter-row {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-top: 12px;
  display: flex;
}

.archive-chips {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.archive-chip {
  background: var(--bg-panel-flat);
  border: 1px solid var(--border-dim);
  border-radius: var(--radius-sm);
  font-family: var(--font-ui);
  letter-spacing: .16em;
  color: var(--text-dim);
  cursor: pointer;
  transition: color        var(--dur-base) var(--ease-out),
    border-color var(--dur-base) var(--ease-out),
    background   var(--dur-base) var(--ease-out);
  padding: 5px 11px;
  font-size: 10px;
  font-weight: 600;
}

.archive-chip:hover {
  color: var(--text-secondary);
  border-color: var(--border-active);
}

.archive-chip--on {
  color: var(--gold);
  border-color: var(--border-accent);
  background: #b78d4014;
}

.archive-dates {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.archive-date-label {
  font-family: var(--font-ui);
  letter-spacing: .16em;
  color: var(--text-dim);
  align-items: center;
  gap: 6px;
  font-size: 10px;
  display: inline-flex;
}

.archive-date-input {
  background: var(--bg-panel-flat);
  border: 1px solid var(--border-dim);
  border-radius: var(--radius-sm);
  font-family: var(--font-mono);
  color: var(--text-secondary);
  letter-spacing: .04em;
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  transition: border-color var(--dur-base) var(--ease-out);
  padding: 5px 8px;
  font-size: 11px;
}

.archive-date-input:hover {
  border-color: var(--border-active);
}

.archive-date-input:focus {
  border-color: var(--border-accent);
  outline: none;
}

.archive-date-input::-webkit-calendar-picker-indicator {
  filter: invert(.62) sepia(.2);
  opacity: .6;
  cursor: pointer;
  transition: opacity var(--dur-base) var(--ease-out);
}

.archive-date-input::-webkit-calendar-picker-indicator:hover {
  opacity: 1;
}

.archive-clear {
  font-family: var(--font-mono);
  letter-spacing: .14em;
  color: var(--text-dim);
  cursor: pointer;
  transition: color var(--dur-base) var(--ease-out);
  background: none;
  border: none;
  padding: 5px 2px;
  font-size: 10px;
}

.archive-clear:hover {
  color: var(--red-high);
}

.archive-upgrade {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
  padding: 14px 18px;
  display: flex;
}

.archive-upgrade-body {
  font-family: var(--font-mono);
  color: var(--text-secondary);
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
  font-size: 12px;
  display: flex;
}

.archive-upgrade-lead {
  color: var(--gold);
}

.archive-upgrade-sep {
  color: var(--border-active);
}

.archive-upgrade-window {
  color: var(--text-tertiary);
}

.archive-upgrade-pitch {
  color: var(--text-dim);
}

.archive-upgrade-cta {
  border: 1px solid var(--border-accent);
  border-radius: var(--radius-sm);
  font-family: var(--font-ui);
  letter-spacing: .16em;
  color: var(--gold);
  transition: background   var(--dur-base) var(--ease-out),
    color        var(--dur-base) var(--ease-out),
    border-color var(--dur-base) var(--ease-out);
  background: #b78d4014;
  flex-shrink: 0;
  padding: 8px 16px;
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.archive-upgrade-cta:hover {
  color: var(--gold-bright);
  border-color: var(--gold);
  background: #b78d4029;
}

.archive-table {
  border-top: 1px solid var(--border-dim);
  margin-bottom: 24px;
}

.archive-table-head, .archive-row {
  border-bottom: 1px solid var(--border-dim);
  grid-template-columns: 128px 84px minmax(180px, .9fr) minmax(240px, 1.6fr);
  align-items: baseline;
  gap: 16px;
  padding: 11px 8px;
  display: grid;
}

.archive-table--entities .archive-table-head, .archive-table--entities .archive-row {
  grid-template-columns: minmax(180px, 1.4fr) 140px 100px 128px 128px;
}

.archive-table--appearances .archive-table-head, .archive-table--appearances .archive-row {
  grid-template-columns: 128px 84px minmax(200px, 1fr) 90px;
}

.archive-table-head {
  font-family: var(--font-ui);
  letter-spacing: .18em;
  color: var(--text-dim);
  border-bottom-color: #b78d4038;
  font-size: 10px;
  font-weight: 600;
}

.archive-row {
  color: inherit;
  transition: background   var(--dur-base) var(--ease-out),
    border-color var(--dur-base) var(--ease-out);
  border-left: 2px solid #0000;
  text-decoration: none;
}

a.archive-row:hover {
  background: var(--bg-panel-hover);
  border-left-color: var(--gold);
}

.archive-row--static {
  cursor: default;
}

.archive-cell-date {
  font-family: var(--font-mono);
  color: var(--text-mono);
  white-space: nowrap;
  font-size: 11px;
}

.archive-cell-num {
  font-family: var(--font-mono);
  color: var(--text-tertiary);
  font-size: 11px;
}

.archive-cell-title, .archive-cell-entity {
  font-family: var(--font-ui);
  letter-spacing: .02em;
  color: var(--text-primary);
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.archive-cell-snippet {
  font-family: var(--font-body);
  color: var(--text-tertiary);
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 12px;
  line-height: 1.6;
  display: -webkit-box;
  overflow: hidden;
}

.archive-hit {
  color: var(--gold-bright);
  background: #b78d4038;
  border-radius: 1px;
  padding: 0 2px;
}

.archive-type-tag {
  border: 1px solid var(--border-dim);
  border-radius: var(--radius-sm);
  font-family: var(--font-mono);
  letter-spacing: .12em;
  color: var(--text-secondary);
  white-space: nowrap;
  padding: 2px 7px;
  font-size: 9px;
  display: inline-block;
}

.archive-type-tag--daily {
  color: var(--blue-intel);
  border-color: #2e86ab66;
}

.archive-type-tag--afternoon {
  color: var(--amber);
  border-color: #d4782a66;
}

.archive-type-tag--weekly {
  color: var(--green-confirm);
  border-color: #27ae6066;
}

.archive-type-tag--monthly {
  border-color: var(--border-accent);
  color: var(--gold);
}

.archive-type-tag--themed {
  color: var(--text-secondary);
  border-color: #e8edf233;
}

.archive-row--locked {
  opacity: .72;
}

a.archive-row--locked:hover {
  opacity: 1;
  border-left-color: var(--red-critical);
}

.archive-lock {
  color: var(--red-critical);
  flex-shrink: 0;
  font-size: 9px;
}

.archive-redaction {
  vertical-align: middle;
  background: repeating-linear-gradient(-45deg, #e8edf21a 0 5px, #e8edf208 5px 10px);
  border-radius: 1px;
  height: 11px;
  display: inline-block;
}

.archive-redaction-group {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.archive-restricted-note {
  font-family: var(--font-mono);
  letter-spacing: .12em;
  color: var(--text-dim);
  margin-top: 2px;
  font-size: 9px;
}

.archive-pager {
  font-family: var(--font-mono);
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  padding: 8px 0 40px;
  font-size: 11px;
  display: flex;
}

.archive-pager-step, .archive-pager-num {
  border: 1px solid var(--border-dim);
  border-radius: var(--radius-sm);
  color: var(--text-secondary);
  letter-spacing: .08em;
  transition: color        var(--dur-base) var(--ease-out),
    border-color var(--dur-base) var(--ease-out);
  padding: 6px 10px;
  text-decoration: none;
}

.archive-pager-step:hover, .archive-pager-num:hover {
  color: var(--gold);
  border-color: var(--border-accent);
}

.archive-pager-num--on {
  color: var(--gold);
  border-color: var(--border-accent);
  background: #b78d4014;
}

.archive-pager-step--off {
  opacity: .3;
  pointer-events: none;
}

.archive-pager-of {
  color: var(--text-dim);
  margin-left: auto;
}

.archive-section {
  margin-bottom: var(--gap-section);
}

.archive-section-title {
  font-family: var(--font-display);
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--gold);
  border-bottom: 1px solid var(--border-dim);
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  margin: 0 0 6px;
  padding-bottom: 8px;
  font-size: 13px;
  font-weight: 700;
  display: flex;
}

.archive-section-count {
  font-family: var(--font-mono);
  color: var(--text-mono);
  letter-spacing: 0;
  font-size: 11px;
  font-weight: 400;
}

.archive-section-count:before {
  content: "[ ";
}

.archive-section-count:after {
  content: " ]";
}

.archive-section-note {
  font-family: var(--font-body);
  color: var(--text-dim);
  margin: 0 0 16px;
  font-size: 12px;
}

.archive-entity-desc {
  font-family: var(--font-body);
  color: var(--text-tertiary);
  margin-bottom: 16px;
  font-size: 13px;
  line-height: 1.7;
}

.archive-alias-block {
  margin-bottom: 8px;
}

.archive-block-label {
  font-family: var(--font-ui);
  letter-spacing: .18em;
  color: var(--text-dim);
  margin-bottom: 8px;
  font-size: 10px;
  font-weight: 600;
  display: block;
}

.archive-alias-list {
  flex-wrap: wrap;
  gap: 5px;
  display: flex;
}

.archive-alias {
  border: 1px solid var(--border-dim);
  border-radius: var(--radius-sm);
  font-family: var(--font-mono);
  color: var(--text-secondary);
  padding: 3px 8px;
  font-size: 10px;
}

.archive-alias--more {
  color: var(--text-dim);
  border-style: dashed;
}

.archive-timeline {
  background: var(--bg-panel-flat);
  border: 1px solid var(--border-dim);
  border-radius: var(--radius-md);
  border-left: 2px solid #b78d4073;
  padding: 18px 18px 12px;
}

.archive-timeline-bars {
  align-items: flex-end;
  gap: 4px;
  display: flex;
  overflow-x: auto;
}

.archive-timeline-col {
  flex-direction: column;
  flex: 1 1 0;
  align-items: center;
  gap: 4px;
  min-width: 34px;
  display: flex;
}

.archive-timeline-track {
  align-items: flex-end;
  width: 100%;
  height: 110px;
  display: flex;
}

.archive-timeline-bar {
  background: linear-gradient(180deg,
    var(--gold) 0%,
    #b78d4040 100%);
  border-radius: 1px 1px 0 0;
  width: 100%;
  min-height: 2px;
}

.archive-timeline-value {
  font-family: var(--font-mono);
  color: var(--text-tertiary);
  font-size: 10px;
}

.archive-timeline-label {
  font-family: var(--font-mono);
  color: var(--text-dim);
  white-space: nowrap;
  font-size: 9px;
}

.archive-timeline-foot {
  border-top: 1px solid var(--border-dim);
  font-family: var(--font-mono);
  letter-spacing: .1em;
  color: var(--text-dim);
  justify-content: space-between;
  margin-top: 12px;
  padding-top: 10px;
  font-size: 10px;
  display: flex;
}

.archive-empty-block {
  text-align: center;
  padding: 28px 20px;
}

.archive-empty-title {
  font-family: var(--font-ui);
  letter-spacing: .16em;
  color: var(--text-secondary);
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 600;
}

.archive-empty-text {
  font-family: var(--font-body);
  color: var(--text-dim);
  max-width: 56ch;
  margin: 0 auto;
  font-size: 12px;
  line-height: 1.7;
}

.archive-locked-doc {
  text-align: center;
  padding: 56px 24px;
}

.archive-locked-glyph {
  color: var(--red-critical);
  margin-bottom: 16px;
  font-size: 26px;
}

.archive-locked-text {
  font-family: var(--font-body);
  color: var(--text-tertiary);
  max-width: 52ch;
  margin: 0 auto 22px;
  font-size: 13px;
  line-height: 1.7;
}

.archive-assessments {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.archive-assessment {
  padding: 14px 16px;
}

.archive-assessment-head {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  display: flex;
}

.archive-assessment-attr {
  font-family: var(--font-ui);
  letter-spacing: .18em;
  color: var(--text-dim);
  font-size: 10px;
  font-weight: 600;
}

.archive-assessment-status {
  border: 1px solid var(--border-dim);
  border-radius: var(--radius-sm);
  font-family: var(--font-mono);
  letter-spacing: .12em;
  color: var(--text-secondary);
  padding: 2px 7px;
  font-size: 9px;
}

.archive-assessment-status--confirmed {
  color: var(--green-confirm);
  border-color: #27ae6066;
}

.archive-assessment-status--claimed {
  color: var(--amber);
  border-color: #d4782a66;
}

.archive-assessment-status--retracted {
  color: var(--red-critical);
  border-color: #c0392b66;
}

.archive-assessment-disputed {
  font-family: var(--font-mono);
  letter-spacing: .12em;
  color: var(--red-high);
  font-size: 9px;
}

.archive-assessment-value {
  font-family: var(--font-body);
  color: var(--text-primary);
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 1.6;
}

.archive-assessment-meta {
  border-top: 1px solid var(--border-dim);
  flex-wrap: wrap;
  gap: 18px;
  margin: 0;
  padding-top: 10px;
  display: flex;
}

.archive-assessment-meta > div {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.archive-assessment-meta dt {
  font-family: var(--font-ui);
  letter-spacing: .16em;
  color: var(--text-dim);
  font-size: 9px;
  font-weight: 600;
}

.archive-assessment-meta dd {
  font-family: var(--font-mono);
  color: var(--text-tertiary);
  margin: 0;
  font-size: 11px;
}

@media (max-width: 768px) {
  .archive-table-head {
    display: none;
  }

  .archive-table-head, .archive-row, .archive-table--entities .archive-table-head, .archive-table--entities .archive-row, .archive-table--appearances .archive-table-head, .archive-table--appearances .archive-row {
    grid-template-columns: 1fr;
    gap: 6px;
    padding: 14px 8px;
  }

  .archive-cell-snippet {
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }

  .archive-upgrade {
    flex-direction: column;
    align-items: flex-start;
  }

  .archive-upgrade-cta {
    text-align: center;
    width: 100%;
  }

  .archive-filter-row {
    flex-direction: column;
    align-items: stretch;
  }

  .archive-pager-of {
    width: 100%;
    margin-left: 0;
  }
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

/*# sourceMappingURL=app_globals_0jn8.0u.css.map*/