@font-face {
  font-family: 'Archivo Black';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/font-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/font-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/font-2.ttf) format('truetype');
}

:root {
  --twj-void: #030511;
  --twj-cobalt: #071a4a;
  --twj-cobalt-2: #0b2d73;
  --twj-ink: #10131f;
  --twj-text: #f6f7ef;
  --twj-soft: #d7def2;
  --twj-muted: #97a4c5;
  --twj-chartreuse: #d6ff2f;
  --twj-coral: #ff4f45;
  --twj-blue: #69a7ff;
  --twj-line: rgba(246, 247, 239, 0.16);
  --twj-line-strong: rgba(214, 255, 47, 0.42);
  --twj-shadow: 0 24px 48px rgba(0, 0, 0, 0.38);
  --twj-radius: 2px;
  --twj-shell: min(100% - 32px, 1320px);
  --twj-display: "Archivo Black", "Arial Black", system-ui, sans-serif;
  --twj-body: "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;
  --twj-culture-asset-hero: url("https://theweedjournal.org/wp-content/uploads/2026/08/cannabis-night-before-driving-canada-featured.png");
  --twj-culture-asset-lab: url("https://theweedjournal.org/wp-content/uploads/2026/08/terpene-labels-canada-featured.png");
  --twj-culture-asset-article: url("https://theweedjournal.org/wp-content/uploads/2026/08/choose-cannabis-product-types-canada-featured.png");
}

html {
  scroll-behavior: smooth;
  background: var(--twj-void);
}

body {
  margin: 0;
  color: var(--twj-text);
  background:
    radial-gradient(circle at 12% -10%, rgba(105, 167, 255, 0.28), transparent 34rem),
    radial-gradient(circle at 88% 8%, rgba(255, 79, 69, 0.18), transparent 32rem),
    linear-gradient(125deg, var(--twj-void) 0%, #061236 44%, #02040d 100%);
  font-family: var(--twj-body);
  font-size: 18px;
  line-height: 1.72;
  overflow-x: clip;
  text-rendering: optimizeLegibility;
}

body.twj-menu-open {
  overflow: hidden;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
}

a:hover {
  color: var(--twj-chartreuse);
}

.twj-culture-shell {
  min-height: 100vh;
  background:
    linear-gradient(rgba(246, 247, 239, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(246, 247, 239, 0.035) 1px, transparent 1px);
  background-size: 80px 80px;
}

.twj-shell {
  width: var(--twj-shell);
  margin-inline: auto;
}

.twj-skip-link {
  position: fixed;
  z-index: 20;
  top: 12px;
  left: 12px;
  padding: 0.7rem 1rem;
  color: var(--twj-void);
  background: var(--twj-chartreuse);
  transform: translateY(-140%);
}

.twj-skip-link:focus {
  transform: translateY(0);
}

.twj-site-header {
  position: sticky;
  z-index: 10;
  top: 0;
  border-bottom: 1px solid var(--twj-line);
  background: #030511;
}

.twj-header-inner {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: clamp(1rem, 3vw, 3rem);
  min-height: 72px;
}

.twj-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  font-family: var(--twj-display);
  font-size: clamp(1rem, 1.7vw, 1.35rem);
  line-height: 0.95;
  text-decoration: none;
  letter-spacing: -0.02em;
}

.twj-brand-mark {
  display: grid;
  place-items: center;
  width: 2.65rem;
  aspect-ratio: 1;
  color: var(--twj-void);
  background: var(--twj-chartreuse);
  font-size: 0.85rem;
  transform: skew(-8deg);
}

.twj-primary-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(0.8rem, 2vw, 1.8rem);
  font-size: 0.9rem;
  font-weight: 800;
}

.twj-primary-nav a {
  position: relative;
  text-decoration: none;
}

.twj-primary-nav a::after {
  position: absolute;
  right: 0;
  bottom: -0.42rem;
  left: 0;
  height: 2px;
  content: "";
  background: var(--twj-coral);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 180ms ease-out;
}

.twj-primary-nav a:hover::after,
.twj-primary-nav a:focus-visible::after {
  transform: scaleX(1);
  transform-origin: left;
}

.twj-header-actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.twj-menu-toggle {
  display: none;
  min-width: 44px;
  min-height: 44px;
  border: 1px solid var(--twj-line);
  color: var(--twj-text);
  background: transparent;
  font: inherit;
}

.twj-signal-link,
.twj-button,
.twj-button-alt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0.72rem 1rem;
  border: 1px solid transparent;
  font-size: 0.88rem;
  font-weight: 900;
  line-height: 1.1;
  text-decoration: none;
  transition: transform 180ms ease-out, background-color 180ms ease-out, color 180ms ease-out, border-color 180ms ease-out;
}

.twj-signal-link,
.twj-button {
  color: var(--twj-void);
  background: var(--twj-chartreuse);
}

.twj-button-alt {
  border-color: var(--twj-line-strong);
  color: var(--twj-text);
  background: rgba(214, 255, 47, 0.04);
}

.twj-signal-link:hover,
.twj-button:hover,
.twj-button-alt:hover {
  transform: translateY(-2px);
}

.twj-culture-hero {
  position: relative;
  min-height: min(860px, calc(100vh - 72px));
  overflow: clip;
  border-bottom: 1px solid var(--twj-line);
}

.twj-culture-hero::before {
  position: absolute;
  inset: 0;
  content: "";
  background:
    linear-gradient(90deg, rgba(3, 5, 17, 0.96) 0%, rgba(3, 5, 17, 0.76) 42%, rgba(3, 5, 17, 0.08) 78%),
    var(--twj-culture-asset-hero) center / cover no-repeat;
  transform: scale(1.03);
}

.twj-culture-hero::after {
  position: absolute;
  inset: auto 0 0;
  height: 36%;
  content: "";
  background: linear-gradient(0deg, var(--twj-void), transparent);
}

.twj-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(360px, 0.75fr);
  align-items: end;
  gap: clamp(2rem, 5vw, 6rem);
  min-height: min(860px, calc(100vh - 72px));
  padding-block: clamp(3.5rem, 8vw, 7rem);
}

.twj-issue-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem 1rem;
  margin: 0 0 1.1rem;
  color: var(--twj-chartreuse);
  font-size: clamp(0.78rem, 1vw, 0.92rem);
  font-weight: 900;
}

.twj-issue-line span {
  padding: 0.18rem 0.42rem;
  color: var(--twj-void);
  background: var(--twj-chartreuse);
}

.twj-culture-hero h1,
.twj-start-hero h1,
.twj-article-hero h1 {
  margin: 0;
  max-width: 11ch;
  font-family: var(--twj-display);
  font-size: clamp(3.2rem, 12vw, 6rem);
  line-height: 0.86;
  letter-spacing: -0.035em;
  text-wrap: balance;
}

.twj-hero-deck {
  max-width: 720px;
  margin: 1.35rem 0 0;
  color: var(--twj-soft);
  font-size: clamp(1.08rem, 2vw, 1.45rem);
  line-height: 1.45;
  text-wrap: pretty;
}

.twj-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.55rem;
}

.twj-hero-note {
  max-width: 680px;
  margin-top: 1.1rem;
  color: var(--twj-muted);
  font-size: 0.95rem;
}

.twj-hero-stack {
  position: relative;
  min-height: 560px;
}

.twj-crop {
  position: absolute;
  overflow: hidden;
  border: 1px solid rgba(246, 247, 239, 0.18);
  background: var(--twj-cobalt);
  box-shadow: var(--twj-shadow);
}

.twj-crop img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(1.12) contrast(1.1);
}

.twj-crop-a {
  inset: 0 12% 22% 0;
  transform: rotate(-2deg);
}

.twj-crop-b {
  inset: 26% 0 2% 34%;
  border-color: rgba(214, 255, 47, 0.48);
  transform: rotate(3deg);
}

.twj-crop-c {
  inset: auto 48% 0 0;
  height: 34%;
  border-color: rgba(255, 79, 69, 0.48);
  transform: rotate(-4deg);
}

.twj-lab-stamp {
  position: absolute;
  right: 0;
  bottom: 10%;
  width: min(48%, 230px);
  padding: 1rem;
  color: var(--twj-void);
  background: var(--twj-coral);
  font-weight: 900;
  line-height: 1.18;
  transform: rotate(-2deg);
}

.twj-section {
  position: relative;
  padding-block: clamp(4rem, 9vw, 8rem);
}

.twj-section-head {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(260px, 0.45fr);
  align-items: end;
  gap: clamp(1.5rem, 4vw, 4rem);
  margin-bottom: clamp(1.8rem, 4vw, 3.5rem);
}

.twj-section h2 {
  margin: 0;
  max-width: 13ch;
  font-family: var(--twj-display);
  font-size: clamp(2.25rem, 6vw, 5rem);
  line-height: 0.92;
  letter-spacing: -0.03em;
  text-wrap: balance;
}

.twj-section-head p {
  margin: 0;
  color: var(--twj-soft);
  font-size: clamp(1rem, 1.4vw, 1.18rem);
}

.twj-story-rail-wrap {
  position: relative;
}

.twj-rail-controls {
  display: flex;
  justify-content: flex-end;
  gap: 0.55rem;
  margin-bottom: 1rem;
}

.twj-rail-controls button {
  width: 46px;
  aspect-ratio: 1;
  border: 1px solid var(--twj-line-strong);
  color: var(--twj-text);
  background: transparent;
  font: 900 1.3rem / 1 var(--twj-body);
  cursor: pointer;
}

.twj-story-rail {
  display: grid;
  grid-auto-columns: minmax(280px, 38vw);
  grid-auto-flow: column;
  gap: 1rem;
  overflow-x: auto;
  padding: 0.25rem 0 1.4rem;
  scroll-snap-type: x mandatory;
  scrollbar-color: var(--twj-chartreuse) rgba(246, 247, 239, 0.08);
}

.twj-story-card {
  position: relative;
  min-height: 440px;
  overflow: hidden;
  border: 1px solid var(--twj-line);
  color: var(--twj-text);
  background: #080c20;
  scroll-snap-align: start;
}

.twj-story-card::before {
  position: absolute;
  inset: 0;
  z-index: 1;
  content: "";
  background: linear-gradient(0deg, rgba(3, 5, 17, 0.94), rgba(3, 5, 17, 0.22) 58%, rgba(3, 5, 17, 0.05));
}

.twj-story-card img {
  width: 100%;
  height: 100%;
  min-height: 440px;
  object-fit: cover;
  transform: scale(1.03);
  transition: transform 500ms cubic-bezier(0.22, 1, 0.36, 1), filter 500ms ease;
}

.twj-story-card:hover img {
  filter: saturate(1.25) contrast(1.12);
  transform: scale(1.09);
}

.twj-story-card:nth-child(2n) {
  transform: translateY(24px);
}

.twj-story-card:nth-child(3n) {
  transform: translateY(8px) rotate(-1deg);
}

.twj-story-copy {
  position: absolute;
  z-index: 2;
  right: 1.15rem;
  bottom: 1.2rem;
  left: 1.15rem;
}

.twj-story-meta,
.twj-artifact-code {
  color: var(--twj-chartreuse);
  font-size: 0.78rem;
  font-weight: 900;
}

.twj-story-card h3 {
  margin: 0.35rem 0 0.4rem;
  font-family: var(--twj-display);
  font-size: clamp(1.55rem, 2.8vw, 2.55rem);
  line-height: 0.96;
  letter-spacing: -0.025em;
  text-wrap: balance;
}

.twj-story-card p {
  max-width: 38ch;
  margin: 0;
  color: var(--twj-soft);
  font-size: 0.94rem;
  line-height: 1.45;
}

.twj-feature-lab {
  background:
    linear-gradient(180deg, rgba(214, 255, 47, 0.05), transparent 20%),
    linear-gradient(90deg, rgba(255, 79, 69, 0.12), transparent 36%),
    #050819;
  border-block: 1px solid var(--twj-line);
}

.twj-feature-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(320px, 0.8fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
}

.twj-feature-media {
  position: relative;
  min-height: 620px;
}

.twj-feature-media::before {
  position: absolute;
  inset: 6% 0 12% 8%;
  content: "";
  border: 1px solid var(--twj-line-strong);
  background: var(--twj-culture-asset-lab) center / cover no-repeat;
  transform: rotate(2deg);
}

.twj-feature-media img {
  position: absolute;
  inset: 18% 14% 0 0;
  width: 78%;
  height: 60%;
  object-fit: cover;
  border: 1px solid rgba(255, 79, 69, 0.55);
  box-shadow: var(--twj-shadow);
}

.twj-feature-index {
  position: absolute;
  right: 0;
  bottom: 7%;
  left: 28%;
  padding: 1rem;
  color: var(--twj-void);
  background: var(--twj-chartreuse);
  font-weight: 900;
  line-height: 1.25;
}

.twj-feature-copy h2 {
  max-width: 10ch;
}

.twj-feature-copy p {
  max-width: 62ch;
  color: var(--twj-soft);
}

.twj-route-list {
  display: grid;
  gap: 0;
  margin: 2rem 0 0;
  border-top: 1px solid var(--twj-line);
}

.twj-route {
  display: grid;
  grid-template-columns: 5rem 1fr auto;
  gap: 1rem;
  align-items: center;
  min-height: 84px;
  border-bottom: 1px solid var(--twj-line);
  text-decoration: none;
}

.twj-route:hover {
  color: var(--twj-text);
  background: rgba(214, 255, 47, 0.055);
}

.twj-route strong {
  font-family: var(--twj-display);
  font-size: clamp(1.2rem, 2.6vw, 2rem);
  letter-spacing: -0.025em;
}

.twj-route span:first-child {
  color: var(--twj-coral);
  font-weight: 900;
}

.twj-route span:last-child {
  color: var(--twj-chartreuse);
  font-weight: 900;
}

.twj-discovery {
  background: #f5f6ed;
  color: #10131f;
}

.twj-discovery .twj-section-head p {
  color: #33405d;
}

.twj-topic-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid rgba(16, 19, 31, 0.22);
  border-left: 1px solid rgba(16, 19, 31, 0.22);
}

.twj-topic {
  min-height: 260px;
  padding: clamp(1rem, 2vw, 1.4rem);
  border-right: 1px solid rgba(16, 19, 31, 0.22);
  border-bottom: 1px solid rgba(16, 19, 31, 0.22);
  text-decoration: none;
  transition: background-color 180ms ease-out, color 180ms ease-out;
}

.twj-topic:hover {
  color: var(--twj-void);
  background: var(--twj-chartreuse);
}

.twj-topic b {
  display: block;
  max-width: 9ch;
  font-family: var(--twj-display);
  font-size: clamp(1.8rem, 4vw, 3.7rem);
  line-height: 0.9;
  letter-spacing: -0.03em;
}

.twj-topic small {
  display: block;
  margin-top: 1rem;
  color: inherit;
  font-size: 0.95rem;
  font-weight: 800;
}

.twj-trust-lab {
  background: #060a1a;
  border-top: 1px solid var(--twj-line);
}

.twj-trust-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(320px, 1fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: start;
}

.twj-trust-mark {
  position: sticky;
  top: 104px;
  padding: 1.15rem;
  color: var(--twj-void);
  background: var(--twj-coral);
}

.twj-trust-mark strong {
  display: block;
  max-width: 10ch;
  font-family: var(--twj-display);
  font-size: clamp(2.5rem, 6vw, 5rem);
  line-height: 0.86;
  letter-spacing: -0.03em;
}

.twj-trust-list {
  display: grid;
  gap: 1rem;
}

.twj-trust-item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  padding: 1.15rem 0;
  border-bottom: 1px solid var(--twj-line);
}

.twj-trust-item span {
  display: grid;
  place-items: center;
  width: 2.35rem;
  aspect-ratio: 1;
  color: var(--twj-void);
  background: var(--twj-chartreuse);
  font-weight: 900;
}

.twj-trust-item h3 {
  margin: 0;
  font-family: var(--twj-display);
  font-size: clamp(1.25rem, 2.4vw, 2.2rem);
  line-height: 1;
  letter-spacing: -0.025em;
}

.twj-trust-item p {
  margin: 0.45rem 0 0;
  color: var(--twj-soft);
  font-size: 1rem;
}

.twj-start-hero,
.twj-article-hero {
  position: relative;
  overflow: clip;
  padding-block: clamp(4rem, 9vw, 8rem);
  background:
    radial-gradient(circle at 85% 0%, rgba(214, 255, 47, 0.14), transparent 30rem),
    linear-gradient(125deg, #030511, #081646 70%, #050819);
  border-top: 1px solid var(--twj-line);
}

.twj-start-layout,
.twj-article-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(330px, 0.72fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
}

.twj-start-map {
  display: grid;
  gap: 0.8rem;
  margin-top: 1.6rem;
}

.twj-start-step {
  display: grid;
  grid-template-columns: 3.5rem 1fr;
  gap: 1rem;
  padding: 1rem 0;
  border-bottom: 1px solid var(--twj-line);
}

.twj-start-step span {
  color: var(--twj-chartreuse);
  font-weight: 900;
}

.twj-start-step h3 {
  margin: 0;
  font-family: var(--twj-display);
  font-size: clamp(1.2rem, 2vw, 1.8rem);
  line-height: 1;
}

.twj-start-step p {
  margin: 0.35rem 0 0;
  color: var(--twj-soft);
  font-size: 0.98rem;
}

.twj-start-artifact {
  position: relative;
  min-height: 540px;
  border: 1px solid var(--twj-line);
  background: var(--twj-culture-asset-lab) center / cover no-repeat;
}

.twj-start-artifact::before {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(0deg, rgba(3, 5, 17, 0.86), rgba(3, 5, 17, 0.12));
}

.twj-artifact-card {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
  padding: 1rem;
  color: var(--twj-void);
  background: var(--twj-chartreuse);
  font-weight: 900;
}

.twj-article-hero h1 {
  max-width: 13ch;
  font-size: clamp(2.75rem, 8vw, 5.5rem);
}

.twj-article-media {
  position: relative;
  min-height: 460px;
  background: var(--twj-culture-asset-article) center / cover no-repeat;
  border: 1px solid var(--twj-line);
}

.twj-article-media::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(0deg, rgba(3, 5, 17, 0.76), transparent 56%);
}

.twj-article-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-bottom: 1rem;
  color: var(--twj-chartreuse);
  font-size: 0.9rem;
  font-weight: 900;
}

.twj-article-body {
  background: #f6f7ef;
  color: #111827;
  padding-block: clamp(3rem, 8vw, 7rem);
}

.twj-reading-grid {
  display: grid;
  grid-template-columns: minmax(180px, 0.32fr) minmax(0, 72ch) minmax(220px, 0.36fr);
  gap: clamp(1.4rem, 4vw, 3.5rem);
  align-items: start;
}

.twj-toc,
.twj-source-deck {
  position: sticky;
  top: 104px;
  border-top: 3px solid #111827;
  padding-top: 1rem;
  font-size: 0.92rem;
}

.twj-toc a {
  display: block;
  margin: 0.55rem 0;
  color: #111827;
  font-weight: 800;
  text-decoration: none;
}

.twj-article-body h2,
.twj-article-body h3 {
  font-family: var(--twj-display);
  line-height: 1;
  letter-spacing: -0.025em;
  text-wrap: balance;
}

.twj-article-body h2 {
  margin-top: 2.6rem;
  font-size: clamp(2rem, 4vw, 3.4rem);
}

.twj-article-body h3 {
  font-size: clamp(1.3rem, 2.5vw, 2rem);
}

.twj-article-body p,
.twj-article-body li {
  font-size: 1.05rem;
  line-height: 1.78;
  text-wrap: pretty;
}

.twj-key-takeaway,
.twj-disclaimer-panel,
.twj-source-deck {
  border: 1px solid #111827;
  padding: 1rem;
  background: #fff;
}

.twj-key-takeaway {
  margin: 1.5rem 0;
  background: #d6ff2f;
}

.twj-disclaimer-panel {
  background: #111827;
  color: #f6f7ef;
}

.twj-source-deck b {
  display: block;
  margin-bottom: 0.65rem;
  font-family: var(--twj-display);
  font-size: 1.2rem;
  line-height: 1;
}

.twj-site-footer {
  padding-block: clamp(3rem, 7vw, 5rem);
  border-top: 1px solid var(--twj-line);
  background: #030511;
}

.twj-footer-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(260px, 0.45fr);
  gap: clamp(2rem, 5vw, 5rem);
}

.twj-footer-grid h2 {
  margin: 0;
  max-width: 13ch;
  font-family: var(--twj-display);
  font-size: clamp(2rem, 5vw, 4rem);
  line-height: 0.92;
  letter-spacing: -0.03em;
}

.twj-footer-links {
  display: grid;
  gap: 0.45rem;
  align-content: start;
}

.twj-footer-links a {
  padding: 0.45rem 0;
  border-bottom: 1px solid var(--twj-line);
  text-decoration: none;
  font-weight: 900;
}

.twj-preview-divider {
  padding: 0.8rem 1rem;
  color: var(--twj-void);
  background: var(--twj-coral);
  font-weight: 900;
  text-align: center;
}

@media (prefers-reduced-motion: no-preference) {
  .twj-culture-hero::before {
    animation: twj-hero-drift 16s ease-in-out infinite alternate;
  }

  .twj-lab-stamp,
  .twj-feature-index,
  .twj-artifact-card {
    animation: twj-signal-pulse 4.5s ease-in-out infinite;
  }

  @keyframes twj-hero-drift {
    from { transform: scale(1.03) translate3d(0, 0, 0); }
    to { transform: scale(1.08) translate3d(-1.4%, 1%, 0); }
  }

  @keyframes twj-signal-pulse {
    0%, 100% { filter: saturate(1); }
    50% { filter: saturate(1.4); }
  }
}

@media (max-width: 980px) {
  .twj-header-inner {
    grid-template-columns: 1fr auto;
  }

  .twj-primary-nav,
  .twj-header-actions .twj-signal-link {
    display: none;
  }

  .twj-menu-toggle {
    display: inline-grid;
    place-items: center;
  }

  .twj-menu-open .twj-primary-nav {
    position: fixed;
    inset: 72px 0 auto;
    display: grid;
    justify-content: stretch;
    gap: 0;
    padding: 1rem 16px 1.4rem;
    border-bottom: 1px solid var(--twj-line);
    background: #030511;
  }

  .twj-menu-open .twj-primary-nav a {
    padding: 0.9rem 0;
    border-bottom: 1px solid var(--twj-line);
    font-size: 1.2rem;
  }

  .twj-hero-grid,
  .twj-feature-grid,
  .twj-start-layout,
  .twj-article-layout,
  .twj-trust-grid,
  .twj-footer-grid {
    grid-template-columns: 1fr;
  }

  .twj-hero-grid {
    min-height: auto;
    padding-block: 3.5rem 4.5rem;
  }

  .twj-hero-stack {
    min-height: 480px;
  }

  .twj-section-head {
    grid-template-columns: 1fr;
  }

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

  .twj-reading-grid {
    grid-template-columns: 1fr;
  }

  .twj-toc,
  .twj-source-deck,
  .twj-trust-mark {
    position: static;
  }
}

@media (max-width: 640px) {
  body {
    font-size: 16px;
  }

  .twj-culture-hero h1,
  .twj-start-hero h1,
  .twj-article-hero h1 {
    font-size: clamp(3rem, 17vw, 4.4rem);
    max-width: 10ch;
  }

  .twj-culture-hero::before {
    background:
      linear-gradient(0deg, rgba(3, 5, 17, 0.96) 0%, rgba(3, 5, 17, 0.72) 55%, rgba(3, 5, 17, 0.14)),
      var(--twj-culture-asset-hero) center / cover no-repeat;
  }

  .twj-hero-stack {
    min-height: 390px;
  }

  .twj-crop-a {
    inset: 0 0 30% 0;
  }

  .twj-crop-b {
    inset: 40% 0 0 30%;
  }

  .twj-crop-c {
    inset: auto 45% 3% 0;
    height: 26%;
  }

  .twj-lab-stamp {
    width: 62%;
  }

  .twj-story-rail {
    grid-auto-columns: 82vw;
  }

  .twj-story-card:nth-child(2n),
  .twj-story-card:nth-child(3n) {
    transform: none;
  }

  .twj-feature-media,
  .twj-start-artifact,
  .twj-article-media {
    min-height: 360px;
  }

  .twj-feature-media img {
    inset: 22% 8% 0 8%;
    width: 84%;
  }

  .twj-feature-index {
    left: 10%;
  }

  .twj-topic-grid {
    grid-template-columns: 1fr;
  }

  .twj-route {
    grid-template-columns: 3.2rem 1fr;
  }

  .twj-route span:last-child {
    grid-column: 2;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important;
  }

  .twj-story-card:hover img,
  .twj-culture-hero::before {
    transform: none;
  }
}

/* Production WordPress integration layer. These selectors style the existing
   Twenty Twenty-Five/block-theme surface without rewriting individual posts. */
body.twj-culture-lab-active .wp-site-blocks {
  background: var(--twj-void);
}

body.twj-culture-lab-active header.wp-block-template-part,
body.twj-culture-lab-active .wp-block-navigation__responsive-container.is-menu-open {
  border-bottom: 1px solid var(--twj-line);
  color: var(--twj-text);
  background: #030511;
}

body.twj-culture-lab-active header.wp-block-template-part a,
body.twj-culture-lab-active .wp-block-navigation a {
  color: inherit;
  font-weight: 900;
  text-decoration: none;
}

body.twj-culture-lab-active .wp-block-site-title,
body.twj-culture-lab-active .wp-block-site-title a {
  font-family: var(--twj-display);
  letter-spacing: -0.02em;
  line-height: 0.95;
}

body.twj-culture-lab-home main,
body.twj-culture-lab-start main {
  margin-block-start: 0;
}

body.twj-culture-lab-home main > .wp-block-post-content,
body.twj-culture-lab-start main > .wp-block-post-content,
body.twj-culture-lab-home .entry-content,
body.twj-culture-lab-start .entry-content {
  margin-block-start: 0;
}

body.twj-culture-lab-home .wp-block-post-title,
body.twj-culture-lab-start .wp-block-post-title {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

body.twj-culture-lab-article {
  background: #f6f7ef;
}

body.twj-culture-lab-article main,
body.twj-culture-lab-article .wp-block-post-content,
body.twj-culture-lab-article .entry-content {
  color: #111827;
  background: #f6f7ef;
}

body.twj-culture-lab-article .wp-block-post-title {
  max-width: 13ch;
  margin-inline: auto;
  font-family: var(--twj-display);
  font-size: clamp(2.8rem, 8vw, 5.6rem);
  line-height: 0.88;
  letter-spacing: -0.035em;
  text-wrap: balance;
}

body.twj-culture-lab-article .wp-block-post-featured-image,
body.twj-culture-lab-article .wp-post-image {
  border: 1px solid rgba(17, 24, 39, 0.22);
}

body.twj-culture-lab-article .wp-block-post-featured-image img,
body.twj-culture-lab-article .wp-post-image {
  width: 100%;
  max-height: 640px;
  object-fit: cover;
  filter: saturate(1.08) contrast(1.08);
}

body.twj-culture-lab-article .wp-block-post-date,
body.twj-culture-lab-article .wp-block-post-terms,
body.twj-culture-lab-article .taxonomy-category,
body.twj-culture-lab-article .taxonomy-post_tag {
  color: #0b2d73;
  font-size: 0.9rem;
  font-weight: 900;
}

body.twj-culture-lab-article .wp-block-post-content > p,
body.twj-culture-lab-article .entry-content > p,
body.twj-culture-lab-article .wp-block-post-content > ul,
body.twj-culture-lab-article .wp-block-post-content > ol,
body.twj-culture-lab-article .entry-content > ul,
body.twj-culture-lab-article .entry-content > ol {
  max-width: 72ch;
  margin-inline: auto;
  font-size: clamp(1.03rem, 1.4vw, 1.15rem);
  line-height: 1.78;
  text-wrap: pretty;
}

body.twj-culture-lab-article .wp-block-post-content > h2,
body.twj-culture-lab-article .wp-block-post-content > h3,
body.twj-culture-lab-article .entry-content > h2,
body.twj-culture-lab-article .entry-content > h3 {
  max-width: 72ch;
  margin-inline: auto;
  font-family: var(--twj-display);
  line-height: 1;
  letter-spacing: -0.025em;
  text-wrap: balance;
}

body.twj-culture-lab-article .wp-block-post-content > h2,
body.twj-culture-lab-article .entry-content > h2 {
  margin-top: 2.7rem;
  font-size: clamp(2rem, 4vw, 3.5rem);
}

body.twj-culture-lab-article .wp-block-quote,
body.twj-culture-lab-article .wp-block-pullquote,
body.twj-culture-lab-article .wp-block-table,
body.twj-culture-lab-article .wp-block-group:has(> .has-background),
body.twj-culture-lab-article .wp-block-post-content > .has-background {
  max-width: 82ch;
  margin-inline: auto;
  border: 1px solid #111827;
  background: #fff;
}

body.twj-culture-lab-active footer.wp-block-template-part {
  border-top: 1px solid var(--twj-line);
  color: var(--twj-text);
  background: #030511;
}
/* Browser-verified WordPress integration, 2.0.2 */
body.twj-culture-lab-active {background:#070b16;color:#f6f7fa;--twj-shell:min(100% - 80px,1280px);--twj-text:#f6f7fa;--twj-soft:#c7cedb;--twj-muted:#a7b2c7;--twj-display:"Archivo Black",sans-serif;--twj-body:"Atkinson Hyperlegible",sans-serif;}
body.twj-culture-lab-active *,body.twj-culture-lab-active *::before,body.twj-culture-lab-active *::after{box-sizing:border-box}
body.twj-culture-lab-active h1,body.twj-culture-lab-active h2,body.twj-culture-lab-active h3,body.twj-culture-lab-active h4{color:inherit}
body.twj-culture-lab-active .wp-site-blocks{background:#070b16}
body.twj-culture-lab-active header.wp-block-template-part{background:#070b16;color:#f6f7fa}
body.twj-culture-lab-active header.wp-block-template-part>div{padding:22px 40px!important;max-width:1360px;margin:auto}
body.twj-culture-lab-active .wp-block-site-title{font-size:20px!important;color:#f6f7fa!important}
body.twj-culture-lab-active .wp-block-navigation{font-family:var(--twj-body);font-size:16px!important}
body.twj-culture-lab-active .wp-block-navigation__responsive-container.is-menu-open{color:#f6f7fa;padding:32px!important;background:#070b16}
body.twj-culture-lab-active .wp-block-navigation__responsive-container-open{color:#f6f7fa;min-width:44px;min-height:44px;justify-content:center}
body.twj-culture-lab-active footer.wp-block-template-part{color:#c7cedb;background:#070b16}
body.twj-culture-lab-active footer.wp-block-template-part h2{color:#f6f7fa}
body:is(.twj-culture-lab-home,.twj-culture-lab-start) main,
body:is(.twj-culture-lab-home,.twj-culture-lab-start) main>.wp-block-group,
body:is(.twj-culture-lab-home,.twj-culture-lab-start) .wp-block-post-content{padding:0!important;margin:0!important;max-width:none!important;width:100%!important}
body:is(.twj-culture-lab-home,.twj-culture-lab-start) .wp-block-post-content>section{max-width:none!important;width:100%;margin:0!important}
body:is(.twj-culture-lab-home,.twj-culture-lab-start) .wp-block-post-title{display:none}
body.twj-culture-lab-active :focus-visible{outline:3px solid #69a7ff;outline-offset:5px}
.twj-culture-hero{min-height:0;background:#070b16;border:0}
.twj-culture-hero::before,.twj-culture-hero::after{display:none}
.twj-hero-grid{min-height:0;grid-template-columns:1fr 1fr;gap:52px;align-items:center;padding-block:56px 64px}
.twj-culture-hero h1{font-size:clamp(3rem,5.5vw,5.3rem);line-height:1.02;max-width:12ch;letter-spacing:-.035em;color:#f6f7fa}
.twj-issue-line{font-size:14px;margin-bottom:30px;gap:12px;color:#c7cedb;font-weight:400}
.twj-issue-line span{border-radius:4px;padding:5px 10px;font-weight:700}
.twj-hero-deck{font-size:21px;line-height:1.5;max-width:39ch;margin-top:26px}
.twj-hero-actions{gap:12px;margin-top:30px}
.twj-hero-note{font-size:14px;line-height:1.6;margin-top:24px}
.twj-button,.twj-button-alt{border-radius:4px;padding:16px 20px;font-size:16px}
.twj-button:hover{color:#070b16;background:#e4ff83}
.twj-cover{display:block;position:relative;min-height:520px;overflow:hidden;text-decoration:none;color:#fff;border-radius:8px;background:#12213a}
.twj-cover>img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:48% center}
.twj-cover::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(3,5,17,.92))}
.twj-cover-caption{position:absolute;z-index:1;bottom:32px;left:32px;right:32px}
.twj-cover-caption span{display:block;font-size:15px;line-height:1.5;color:#e1e8f4}
.twj-cover-caption h2{font-family:var(--twj-display);font-size:36px;line-height:1.1;margin:12px 0 18px;color:#fff!important}
.twj-section{padding-block:72px}
.twj-section-head{grid-template-columns:1fr 1fr;gap:48px;margin-bottom:32px;align-items:end}
.twj-section h2{font-size:clamp(2rem,3.8vw,3.7rem);line-height:1.08;max-width:20ch}
.twj-section-head p{max-width:45ch;font-size:18px;justify-self:end}
.twj-story-rail{grid-auto-columns:calc((100% - 48px)/3);gap:24px;padding:0 0 18px}
.twj-story-card,.twj-story-card:nth-child(n){border:0;min-height:0;transform:none;background:transparent;overflow:visible}
.twj-story-card::before{display:none}
.twj-story-card>a{display:block;text-decoration:none;color:#f6f7fa}
.twj-story-card img{width:100%;height:230px;min-height:0;object-fit:cover;transform:none;border-radius:6px}
.twj-story-copy{position:static;padding:20px 0 0}
.twj-story-card h3{font-size:25px;line-height:1.16;margin:10px 0 12px;color:#f6f7fa}
.twj-story-card p{font-size:16px;line-height:1.55;color:#b9c4d8}
.twj-story-meta{font-size:13px;font-weight:700}
.twj-story-card:hover img{transform:none;filter:brightness(1.1)}
.twj-rail-controls{margin:0 0 18px}
.twj-rail-controls button{border-radius:50%;border-color:#485166}
.twj-feature-lab{background:#101b36;border:0}
.twj-feature-grid{grid-template-columns:1fr 1fr;gap:64px}
.twj-feature-media{min-height:480px}
.twj-feature-media::before{display:none}
.twj-feature-media img{inset:0;width:100%;height:100%;object-fit:cover;box-shadow:none;border:0;border-radius:6px}
.twj-feature-index{left:20px;right:auto;bottom:20px;max-width:calc(100% - 40px);border-radius:4px;padding:12px 18px;font-size:16px;animation:none}
.twj-feature-copy h2{max-width:17ch}
.twj-route{grid-template-columns:3rem 1fr auto;min-height:68px;gap:16px;font-size:14px}
.twj-route strong{font-family:var(--twj-body);font-size:21px;line-height:1.25}
.twj-discovery{background:#f4f5f7;color:#101726}
.twj-topic-grid{border:0;gap:0 28px}
.twj-topic{min-height:190px;border:0;border-top:1px solid #aeb5c1;padding:24px 0}
.twj-topic b{font-family:var(--twj-body);font-weight:700;font-size:30px;line-height:1.1;max-width:12ch}
.twj-topic small{font-size:16px;font-weight:400;line-height:1.6}
.twj-topic:hover{background:transparent;color:#254bab}
.twj-trust-grid{grid-template-columns:.65fr 1fr;gap:80px}
.twj-trust-mark{position:static;background:transparent;padding:0;color:#d6ff2f}
.twj-trust-mark strong{font-size:clamp(2rem,4vw,3.7rem);line-height:1.05;max-width:14ch}
.twj-trust-list{grid-template-columns:1fr 1fr;gap:24px}
.twj-trust-item{display:block;padding:0 0 20px}
.twj-trust-item>span{display:none}
.twj-trust-item h3{font-family:var(--twj-body);font-size:22px;line-height:1.2;color:#f6f7fa}
.twj-trust-item p{font-size:16px}
.twj-start-hero{padding-block:64px;background:#0c1429}
.twj-start-hero h1{line-height:1.06;font-size:clamp(2.6rem,5vw,4.7rem)}
.twj-start-step{grid-template-columns:4rem 1fr}
.twj-start-step h3{line-height:1.2;font-size:22px}
.twj-artifact-card{animation:none;border-radius:4px}
.twj-artifact-code{color:#101726}
body.twj-culture-lab-article main{padding-top:48px!important;background:#f4f5f7;color:#101726}
body.twj-culture-lab-article .wp-block-post-title{max-width:22ch;font-size:clamp(2rem,4.5vw,4rem);line-height:1.1;color:#101726}
body.twj-culture-lab-article .wp-block-post-content{background:#f4f5f7;color:#101726;padding-bottom:64px}
body.twj-culture-lab-article .wp-block-post-content a{color:#234ab1}
body.twj-culture-lab-article .wp-block-post-content h2{font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.2}
body.twj-culture-lab-active.blog main,body.twj-culture-lab-active.archive main,body.twj-culture-lab-active.search main{color:#f6f7fa}
@media(max-width:980px){body.twj-culture-lab-active{--twj-shell:min(100% - 48px,1280px)}.twj-hero-grid{gap:32px}.twj-culture-hero h1{font-size:clamp(2.7rem,6vw,4.5rem)}.twj-cover{min-height:450px}.twj-story-rail{grid-auto-columns:calc((100% - 24px)/2)}.twj-feature-grid{gap:32px}.twj-trust-grid{gap:40px}.twj-topic-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){body.twj-culture-lab-active{--twj-shell:calc(100% - 40px)}body.twj-culture-lab-active header.wp-block-template-part>div{padding:14px 20px!important}.twj-hero-grid{grid-template-columns:1fr;padding-block:32px 40px;gap:30px}.twj-culture-hero h1{font-size:clamp(2.7rem,11vw,4rem);max-width:14ch;line-height:1.06}.twj-issue-line{margin-bottom:20px;font-size:12px}.twj-hero-deck{font-size:19px;margin-top:20px}.twj-hero-note{font-size:13px}.twj-hero-actions{gap:10px;margin-top:22px}.twj-button,.twj-button-alt{padding:14px;font-size:14px}.twj-cover{min-height:350px}.twj-cover-caption{bottom:24px;left:24px;right:24px}.twj-cover-caption h2{font-size:29px}.twj-section{padding-block:44px}.twj-section-head{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.twj-section-head p{justify-self:start;font-size:17px}.twj-section h2{font-size:32px;line-height:1.1}.twj-story-rail{grid-auto-columns:86%;gap:20px}.twj-story-card img{height:220px}.twj-story-card h3{font-size:24px}.twj-feature-grid,.twj-trust-grid{grid-template-columns:1fr;gap:28px}.twj-feature-media{min-height:300px}.twj-topic-grid{grid-template-columns:1fr 1fr;gap:0 20px}.twj-topic{min-height:190px;padding:20px 0}.twj-topic b{font-size:25px}.twj-topic small{font-size:15px}.twj-trust-list{gap:20px}.twj-trust-item h3{font-size:20px}.twj-trust-item p{font-size:15px}.twj-route{grid-template-columns:3rem 1fr auto}.twj-route span:last-child{grid-column:auto}.twj-start-layout{grid-template-columns:1fr}.twj-start-hero{padding-block:32px}.twj-start-artifact{min-height:350px}.twj-start-step span{font-size:14px}}
body.twj-culture-lab-active .twj-hero-note a{color:#c7cedb;text-decoration:underline}
body.twj-culture-lab-active footer.wp-block-template-part>div{max-width:1280px;width:calc(100% - 80px);margin:auto;padding:48px 0}
body.twj-culture-lab-active footer.wp-block-template-part>div>.is-layout-flex{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;align-items:start;max-width:none}
body.twj-culture-lab-active footer.wp-block-template-part h3{font-family:var(--twj-body);font-size:18px;font-weight:700;color:#f6f7fa;margin-top:0}
body.twj-culture-lab-active footer.wp-block-template-part p,body.twj-culture-lab-active footer.wp-block-template-part hr{max-width:none}
body.twj-culture-lab-active footer.wp-block-template-part .wp-block-navigation{font-weight:400;gap:4px}
body.twj-culture-lab-active footer.wp-block-template-part .wp-block-navigation a{font-weight:400;min-height:40px;display:flex;align-items:center}
@media(max-width:640px){body.twj-culture-lab-active footer.wp-block-template-part>div{width:calc(100% - 40px);padding:32px 0}body.twj-culture-lab-active footer.wp-block-template-part>div>.is-layout-flex{grid-template-columns:1fr 1fr;gap:24px}body.twj-culture-lab-active footer.wp-block-template-part>div>.is-layout-flex>div:first-child{grid-column:1/-1}}
/* Archive and legacy landing-page compatibility. */
body.twj-culture-lab-active .twj-page-hero{background:#101b36!important;color:#f6f7fa!important}
body.twj-culture-lab-active .twj-page-hero h1{font-family:var(--twj-display);font-size:clamp(2.6rem,5vw,4.5rem);line-height:1.08}
body.twj-culture-lab-active .twj-page-hero p{font-family:var(--twj-body);color:#c7cedb!important}
body.twj-culture-lab-active .twj-band-muted{background:#f4f5f7!important;color:#101726}
body.twj-culture-lab-active .twj-panel{color:#101726;box-shadow:none}
body.twj-culture-lab-active .twj-panel h2,body.twj-culture-lab-active .twj-panel h3{font-family:var(--twj-body);line-height:1.18}
body.twj-culture-lab-active.blog main,body.twj-culture-lab-active.archive main{width:min(100% - 80px,1280px);padding:48px 0 64px!important;margin:0 auto!important;max-width:none!important}
body.twj-culture-lab-active.blog main>h1,body.twj-culture-lab-active.archive main>h1{font-family:var(--twj-display);font-size:clamp(2.8rem,5vw,4.5rem);line-height:1.1;max-width:none;margin:0 0 40px}
body.twj-culture-lab-active:is(.blog,.archive) .wp-block-post-template{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 28px;margin:0!important;padding:0!important}
body.twj-culture-lab-active:is(.blog,.archive) .wp-block-query{margin:0!important;padding:0!important;max-width:none!important}
body.twj-culture-lab-active:is(.blog,.archive) .wp-block-post-template>li{margin:0!important}
body.twj-culture-lab-active:is(.blog,.archive) .wp-block-post-template>li>.wp-block-group{padding:0!important;margin:0!important}
body.twj-culture-lab-active:is(.blog,.archive) .wp-block-post-template .wp-block-post-content{display:none}
body.twj-culture-lab-active:is(.blog,.archive) .wp-block-post-title{font-family:var(--twj-body);font-size:25px;line-height:1.22;margin-top:20px;letter-spacing:-.015em}
body.twj-culture-lab-active:is(.blog,.archive) .wp-block-post-title a{color:#f6f7fa;text-decoration:none}
body.twj-culture-lab-active:is(.blog,.archive) .wp-block-post-date{font-size:14px;color:#a7b2c7;margin-top:12px}
body.twj-culture-lab-active:is(.blog,.archive) .wp-block-post-featured-image{margin:0!important}
body.twj-culture-lab-active:is(.blog,.archive) .wp-block-post-featured-image img{aspect-ratio:3/2;object-fit:cover;border-radius:6px}
body.twj-culture-lab-active:is(.blog,.archive) .wp-block-query-pagination{margin-top:48px}
body.twj-culture-lab-active:is(.blog,.archive) .wp-block-query-pagination a{color:#d6ff2f}
@media(max-width:980px){body.twj-culture-lab-active:is(.blog,.archive) .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){body.twj-culture-lab-active.blog main,body.twj-culture-lab-active.archive main{width:calc(100% - 40px);padding-top:32px!important}body.twj-culture-lab-active:is(.blog,.archive) .wp-block-post-template{grid-template-columns:1fr}}
body.twj-culture-lab-active.blog main>h1.wp-block-heading{background:transparent;color:#f6f7fa!important;padding:0 0 32px!important;margin:0!important;font-family:var(--twj-display)!important;font-size:clamp(2.8rem,5vw,4.5rem)!important;line-height:1.1!important}
body.twj-culture-lab-active.blog main>h1.wp-block-heading::before{display:none}
body.twj-culture-lab-active.blog main>h1.wp-block-heading::after{color:#c7cedb;font-family:var(--twj-body);font-size:19px;max-width:65ch}
body.twj-culture-lab-active.blog .wp-block-query{background:transparent;padding:0!important;margin:0!important}
body.twj-culture-lab-active.blog .wp-block-post-template{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:48px 28px!important}
body.twj-culture-lab-active.blog .wp-block-post-template>li{padding:0!important;border:0;background:transparent}
body.twj-culture-lab-active.blog .wp-block-post-title{font-size:25px!important;line-height:1.22!important;margin:20px 0 12px!important}
body.twj-culture-lab-active.blog .wp-block-post-date{color:#a7b2c7!important}
@media(max-width:980px){body.twj-culture-lab-active.blog .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){body.twj-culture-lab-active.blog .wp-block-post-template{grid-template-columns:1fr!important}}
body.twj-culture-lab-active:is(.blog,.archive) .wp-block-post-date a{color:#a7b2c7!important;text-decoration:none}
.twj-feature-media img{position:relative;inset:auto;height:480px}
@media(max-width:640px){.twj-feature-media img{height:300px}}
/* Single-post reading system. Scope avoids changing hubs and archives. */
body.twj-reader{background:#f5f6f8;color:#182235;font-family:var(--twj-body)}
body.twj-reader .twj-reader-main{margin:0!important;padding:0!important;background:#f5f6f8;color:#182235;max-width:none!important}
.twj-reader-shell{width:min(100% - 96px,1248px);margin-inline:auto}
.twj-reader-hero{background:#fff;border-bottom:1px solid #dce1e9;padding:28px 0 56px}
.twj-reader-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:14px;color:#526077;margin-bottom:40px}
.twj-reader-breadcrumb a{text-decoration:none;color:inherit}
.twj-reader-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.twj-reader-no-image{grid-template-columns:1fr;max-width:900px}
.twj-reader-category{font-size:14px;font-weight:700;color:#3154a1;margin:0 0 18px;display:flex;gap:12px;align-items:center}
body.twj-reader h1#twj-reader-title{font-family:var(--twj-body);font-size:clamp(2.3rem,3.6vw,3.35rem);font-weight:700;line-height:1.09;letter-spacing:-.028em;color:#131d31;margin:0;max-width:24ch;text-wrap:balance}
.twj-reader-deck{font-size:19px;line-height:1.6;color:#526077;margin:24px 0 0;max-width:52ch}
.twj-reader-byline{display:grid;gap:6px;margin-top:26px;font-size:14px;line-height:1.5;color:#526077}
.twj-reader-byline>span:first-child{font-weight:700;color:#263650}
.twj-reader-cover{margin:0;aspect-ratio:4/3;border-radius:8px;overflow:hidden;background:#e5eaf1}
body.twj-reader .twj-reader-cover img{height:100%;width:100%;max-height:none;object-fit:cover;filter:none;border:0}
.twj-reader-grid{display:grid;grid-template-columns:240px minmax(0,740px);gap:80px;justify-content:center;align-items:start;padding-block:56px 72px}
.twj-reader-sidebar{position:sticky;top:28px;font-size:15px;line-height:1.5}
.twj-reader-toc{border-top:2px solid #233957;padding-top:18px}
.twj-reader-toc summary{font-weight:700;font-size:17px;cursor:pointer;color:#182235}
.twj-reader-toc ol{list-style:none;padding:0;margin:18px 0 0;max-height:calc(100vh - 280px);overflow:auto}
.twj-reader-toc li{margin:0}
.twj-reader-toc a{display:block;padding:7px 10px;color:#526077;text-decoration:none;line-height:1.4;border-radius:4px}
.twj-reader-toc a:hover,.twj-reader-toc a[aria-current="location"]{background:#e6ebf4;color:#16396f}
.twj-reader-policy{border-top:1px solid #cdd5e1;padding-top:20px;margin-top:24px;color:#59677c;font-size:14px}
.twj-reader-policy a{display:block;margin-top:12px;color:#284f9a}
.twj-reader-content{min-width:0;font-size:19px;line-height:1.8;color:#273246}
.twj-reader-content>:first-child{margin-top:0}
.twj-reader-content p,.twj-reader-content li{font-size:19px;line-height:1.8;text-wrap:pretty}
.twj-reader-content p{margin:0 0 24px}
.twj-reader-content a{color:#244e9b;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}
.twj-reader-content a:hover{color:#102f68}
body.twj-reader .twj-reader-content h2{font-family:var(--twj-body);font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.02em;margin:48px 0 20px;color:#131d31;text-wrap:balance;scroll-margin-top:32px}
body.twj-reader .twj-reader-content h3{font-family:var(--twj-body);font-weight:700;font-size:23px;line-height:1.3;letter-spacing:-.01em;margin:32px 0 14px;color:#182235;scroll-margin-top:32px}
.twj-reader-content ul,.twj-reader-content ol{padding-left:24px;margin:20px 0 28px}
.twj-reader-content li{padding-left:5px;margin-bottom:10px}
.twj-reader-content figure{margin:28px 0;max-width:100%}
.twj-reader-content img{max-width:100%;height:auto;border-radius:6px}
.twj-reader-table{max-width:100%;overflow:auto;border:1px solid #cdd5e1;border-radius:6px;background:#fff;margin:26px 0}
.twj-reader-content table{border-collapse:collapse;width:100%;margin:0;min-width:540px;font-size:15px;line-height:1.6}
.twj-reader-content table td,.twj-reader-content table th{padding:16px!important;text-align:left;vertical-align:top;border:0!important;border-bottom:1px solid #dce1e9!important;font-size:15px!important;line-height:1.6!important;background:transparent!important;color:#263650!important}
.twj-reader-content table th{background:#e8edf5!important;color:#1c3154!important;font-weight:700}
.twj-reader-content table tr:last-child td{border-bottom:0!important}
.twj-reader-content table tr:nth-child(even){background:#f6f8fb}
.twj-reader-content blockquote{margin:28px 0;padding:24px;border:1px solid #cdd5e1;border-radius:6px;background:#fff}
.twj-reader-content figcaption{font-size:14px;line-height:1.6;color:#5b6880;margin-top:12px}
.twj-reader-content .wp-block-table{overflow:visible}
.twj-reader-content :is(.wp-block-group,.wp-block-columns,.wp-block-column){max-width:100%}
.twj-reader-endnote{margin-top:48px;padding:26px;border-radius:6px;background:#e8edf5;color:#263650}
.twj-reader-endnote strong{font-size:22px}
.twj-reader-endnote p{font-size:17px;margin:8px 0 0;line-height:1.65}
.twj-reader-related{background:#fff;border-top:1px solid #dce1e9;padding:56px 0 64px}
.twj-reader-related-heading{display:flex;gap:24px;justify-content:space-between;align-items:center;margin-bottom:28px}
body.twj-reader .twj-reader-related-heading h2{font-family:var(--twj-body);font-size:32px;font-weight:700;margin:0;letter-spacing:-.02em}
.twj-reader-related-heading>a{font-size:16px;color:#244e9b}
.twj-reader-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.twj-reader-related-story a{text-decoration:none;color:#182235}
body.twj-reader .twj-reader-related-story img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:6px;border:0;filter:none}
body.twj-reader .twj-reader-related-story h3{font-family:var(--twj-body);font-size:23px;line-height:1.3;font-weight:700;margin:18px 0 12px;letter-spacing:-.015em}
.twj-reader-related-story time{font-size:14px;color:#59677c}
body.twj-reader :focus-visible{outline:3px solid #477de5;outline-offset:5px}
@media(max-width:1050px){.twj-reader-shell{width:calc(100% - 64px)}.twj-reader-hero-grid{gap:32px}.twj-reader-grid{grid-template-columns:200px minmax(0,1fr);gap:40px}.twj-reader-cover{aspect-ratio:1}.twj-reader-content p,.twj-reader-content li{font-size:18px}}
@media(max-width:780px){.twj-reader-hero-grid{grid-template-columns:1fr}.twj-reader-cover{aspect-ratio:3/2}.twj-reader-grid{grid-template-columns:1fr;gap:28px;padding-top:32px}.twj-reader-sidebar{position:static}.twj-reader-policy{display:none}.twj-reader-toc{padding:16px 20px;border:1px solid #cdd5e1;border-radius:6px;background:#fff}.twj-reader-toc ol{max-height:300px}.twj-reader-related-grid{gap:20px}.twj-reader-related-story h3{font-size:20px!important}.twj-reader-breadcrumb{margin-bottom:28px}}
@media(max-width:540px){.twj-reader-shell{width:calc(100% - 40px)}.twj-reader-hero{padding:22px 0 32px}.twj-reader-breadcrumb{font-size:13px;gap:8px;margin-bottom:24px}body.twj-reader h1#twj-reader-title{font-size:34px;line-height:1.12;letter-spacing:-.02em}.twj-reader-category{font-size:13px;margin-bottom:14px}.twj-reader-deck{font-size:17px;line-height:1.6;margin-top:18px}.twj-reader-byline{font-size:13px;margin-top:20px}.twj-reader-hero-grid{gap:26px}.twj-reader-grid{padding-bottom:40px}.twj-reader-content p,.twj-reader-content li{font-size:18px;line-height:1.75}body.twj-reader .twj-reader-content h2{font-size:26px;line-height:1.22;margin-top:38px}body.twj-reader .twj-reader-content h3{font-size:21px}.twj-reader-endnote{padding:20px}.twj-reader-related{padding:36px 0}.twj-reader-related-heading{align-items:baseline}.twj-reader-related-heading h2{font-size:27px!important}.twj-reader-related-grid{grid-template-columns:1fr;gap:32px}.twj-reader-related-story a{display:block}.twj-reader-updated{display:block;margin-top:4px}}

@media(max-width:540px){.twj-reader-table::before{content:"Swipe to read the full table →";display:block;position:sticky;left:0;padding:10px 14px;background:#e8edf5;color:#263650;font-size:13px;line-height:1.5;border-bottom:1px solid #cdd5e1;}}