/* =============================================================================
 * ArgentumX Research · editorial surface
 * Institutional / editorial voice. Inherits palette + typography from
 * landing.css and layers editorial-specific composition on top.
 * ========================================================================== */

/* --- current-nav state on masthead ---------------------------------------- */
.research-page .main-nav .is-current{color:var(--text)}
.research-page .main-nav .is-current:after{right:0;background:var(--auric)}

/* =============================================================================
 * HERO · editorial masthead
 * ========================================================================== */
.rsx-hero{
  position:relative;
  padding:120px 0 92px;
  border-bottom:1px solid var(--line);
  overflow:hidden;
}
.rsx-hero-atmosphere{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.rsx-hero-veil{
  position:absolute;left:-6%;right:-6%;top:-8%;bottom:-8%;
  background:
    radial-gradient(900px 460px at 22% 30%,rgba(230,201,106,.06),transparent 60%),
    radial-gradient(760px 400px at 78% 60%,rgba(116,172,223,.09),transparent 62%);
  filter:blur(24px);
}
.rsx-hero-grid{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);
  background-size:96px 96px;
  mask-image:radial-gradient(ellipse at 50% 30%,#000,transparent 78%);
  opacity:.5;
}
.rsx-hero-inner{
  position:relative;z-index:2;
  display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;
  gap:36px 56px;
  align-items:end;
}
/* Masthead: publication-title strip that spans the top. */
.rsx-masthead{
  grid-column:1/-1;
  display:flex;align-items:center;gap:18px;
  padding-bottom:22px;
  border-bottom:1px solid rgba(214,225,239,.18);
}
.rsx-masthead-rule{
  flex:0 0 auto;width:36px;height:1px;
  background:linear-gradient(90deg,var(--auric),transparent);
}
.rsx-masthead-title{
  font-family:var(--serif);font-weight:500;font-size:18px;letter-spacing:-.005em;
  color:var(--text);
}
.rsx-masthead-issue{
  margin-left:auto;
  font:10px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);
}
.rsx-hero-copy{grid-column:1/3;max-width:960px}
.rsx-hero-copy h1{
  font-family:var(--serif);font-weight:340;letter-spacing:-.038em;line-height:1.02;
  font-size:clamp(48px,6vw,88px);
  margin:0 0 22px;
}
.rsx-hero-lede{color:var(--text-dim);font-size:18px;line-height:1.7;max-width:720px;margin:0}
.rsx-hero-meta{
  grid-column:3;max-width:320px;
  padding:20px 22px;
  border:1px solid rgba(230,201,106,.20);border-radius:14px;
  background:linear-gradient(160deg,rgba(11,22,44,.6),rgba(5,11,26,.5));
}
.rsx-hero-meta p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.6}

/* =============================================================================
 * TOPICS · editorial index band
 * Not filter pills. A restrained typographic navigation with a "TOPICS"
 * micro-label, subtle top/bottom rules, and hairline separators between
 * items. Auric hover/active underline. No stickiness.
 * ========================================================================== */
.rsx-topics{
  border-top:1px solid rgba(214,225,239,.10);
  border-bottom:1px solid rgba(214,225,239,.10);
  background:transparent;
}
.rsx-topics-inner{
  display:grid;grid-template-columns:auto 1fr;align-items:center;gap:44px;
  padding:26px 0;
}
.rsx-topics-label{
  font:10px var(--mono);letter-spacing:.22em;text-transform:uppercase;
  color:var(--muted-2);
  padding-right:20px;border-right:1px solid rgba(214,225,239,.10);
  align-self:stretch;display:flex;align-items:center;
}
.rsx-topics-list{
  list-style:none;counter-reset:rsx-topic;
  margin:0;padding:0;
  display:flex;flex-wrap:wrap;
  column-gap:0;row-gap:12px;
}
.rsx-topics-list li{
  counter-increment:rsx-topic;
  position:relative;
  padding:0 22px;
}
.rsx-topics-list li + li:before{
  content:"";position:absolute;left:0;top:20%;bottom:20%;width:1px;
  background:rgba(214,225,239,.10);
}
.rsx-topics-list li:first-child{padding-left:0}
.rsx-topics-list li:last-child{padding-right:0}
/* Research topics — non-interactive editorial taxonomy. Previous anchor-
 * styles preserved as label styles (typography, numbering, rhythm) but
 * without hover-underline, pointer, focus ring — nothing that would
 * imply navigation while no per-topic archive exists (GH #15). */
.rsx-topics-list span{
  position:relative;display:inline-block;
  font-family:var(--serif);font-weight:400;font-size:15px;letter-spacing:-.005em;
  line-height:1.3;
  color:var(--text-dim);
  padding:2px 0 6px;
  cursor:default;
}
.rsx-topics-list span:before{
  content:counter(rsx-topic,decimal-leading-zero);
  display:inline-block;margin-right:8px;
  font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;
  color:var(--muted-2);vertical-align:1px;
}
.rsx-topics-note{
  margin:24px 0 0;padding-top:16px;
  border-top:1px solid rgba(214,225,239,.06);
  font-family:var(--mono);font-size:10.5px;letter-spacing:.10em;text-transform:uppercase;
  color:var(--muted-2);
}
/* Footer taxonomy items — same visual weight as the anchor links they
 * replaced but with no interaction affordance. */
.footer-taxonomy-item{
  display:block;
  color:var(--muted);
  cursor:default;
  padding:2px 0;
}

/* =============================================================================
 * FEATURED · main essay in progress
 * ========================================================================== */
.rsx-featured{
  padding:96px 0;
  border-bottom:1px solid var(--line);
  position:relative;
}
.rsx-featured-grid{
  display:grid;grid-template-columns:1.35fr .95fr;gap:60px;align-items:start;
}
.rsx-tag-row{
  display:flex;flex-wrap:wrap;gap:8px;align-items:center;
  margin-bottom:14px;
}
.rsx-tag{
  font:9px var(--mono);letter-spacing:.14em;text-transform:uppercase;
  padding:4px 10px;border-radius:999px;
  border:1px solid var(--line-2);color:var(--muted);
  background:rgba(255,255,255,.02);
}
.rsx-tag--featured{
  color:var(--auric);border-color:rgba(230,201,106,.4);
  background:rgba(230,201,106,.06);
}
.rsx-tag--topic{color:var(--celeste-hi);border-color:rgba(116,172,223,.32)}
.rsx-tag--note{color:var(--celeste);border-color:rgba(116,172,223,.28)}
.rsx-tag--essay{color:var(--green);border-color:rgba(78,214,161,.28);background:rgba(78,214,161,.04)}
.rsx-tag--theme{color:var(--auric-light);border-color:rgba(230,201,106,.32);background:rgba(230,201,106,.05)}
.rsx-state{
  font:9px var(--mono);letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted-2);padding:4px 10px;
  border:1px dashed rgba(214,225,239,.14);border-radius:999px;
}
.rsx-featured-copy h2{
  font-family:var(--serif);font-weight:340;letter-spacing:-.03em;line-height:1.02;
  font-size:clamp(40px,4.6vw,68px);
  margin:0 0 20px;
}
.rsx-dek{
  color:var(--text-dim);font-size:17px;line-height:1.6;
  font-family:var(--serif);font-weight:340;letter-spacing:-.005em;
  margin:0 0 28px;max-width:680px;
}
.rsx-featured-abstract p{
  margin:0 0 14px;color:var(--muted);font-size:15px;line-height:1.75;max-width:680px;
}
.rsx-featured-abstract em{color:var(--auric-light);font-style:italic}
.rsx-key{
  list-style:none;margin:26px 0 0;padding:20px 22px;
  border:1px solid var(--line);border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.014),rgba(255,255,255,0));
  display:flex;flex-direction:column;gap:8px;
}
.rsx-key li{
  color:var(--muted);font-size:12.5px;line-height:1.5;
}
.rsx-key em{color:var(--auric);font-style:normal;font-weight:600;letter-spacing:.02em;margin-right:6px}

/* Working diagram: light architectural sketch, deliberately not a chart.
 * Reads as an editorial illustration, not a product screenshot. */
.rsx-featured-figure{
  position:sticky;top:calc(var(--header) + 80px);
}
.rsx-figure-frame{
  position:relative;padding:12px;
  border:1px solid rgba(230,201,106,.22);border-radius:18px;
  background:
    radial-gradient(500px 220px at 50% 0%,rgba(116,172,223,.06),transparent 60%),
    linear-gradient(180deg,rgba(10,20,42,.8),rgba(4,10,22,.7));
  box-shadow:0 40px 100px rgba(0,0,0,.45);
  overflow:hidden;
}
.rsx-figure-corners{position:absolute;inset:6px;pointer-events:none}
.rsx-figure-corners i{
  position:absolute;width:14px;height:14px;
  border-color:rgba(230,201,106,.55);
}
.rsx-figure-corners i:nth-child(1){top:-1px;left:-1px;border-top:1px solid;border-left:1px solid}
.rsx-figure-corners i:nth-child(2){top:-1px;right:-1px;border-top:1px solid;border-right:1px solid}
.rsx-figure-corners i:nth-child(3){bottom:-1px;left:-1px;border-bottom:1px solid;border-left:1px solid}
.rsx-figure-corners i:nth-child(4){bottom:-1px;right:-1px;border-bottom:1px solid;border-right:1px solid}
.rsx-figure-inner{
  position:relative;aspect-ratio:1/.95;
  border-radius:10px;overflow:hidden;
  background:linear-gradient(180deg,#050b1a 0%,#040814 100%);
  padding:14px;
  display:flex;flex-direction:column;justify-content:space-between;
}
.rsx-figure-legend{
  font:9px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);
}
.rsx-figure-fragments{position:absolute;inset:14px}
.rsx-figure-fragments span{
  position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%) rotate(-4deg);
  padding:5px 10px;border-radius:999px;
  font:9px var(--mono);letter-spacing:.10em;text-transform:uppercase;color:var(--muted);
  border:1px solid var(--line-2);background:rgba(15,26,46,.7);
}
.rsx-figure-fragments span:nth-child(2n){transform:translate(-50%,-50%) rotate(3deg)}
.rsx-figure-fragments span:nth-child(3n){transform:translate(-50%,-50%) rotate(-7deg)}
.rsx-figure-tax{
  position:relative;z-index:2;
  padding:12px 12px 0;border-top:1px dashed rgba(230,201,106,.25);
}
.rsx-figure-tax em{
  font-style:normal;font:9px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--auric);
}
.rsx-figure-tax div{
  display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:8px;
}
.rsx-figure-tax span{
  height:6px;border-radius:2px;
  background:linear-gradient(90deg,rgba(230,201,106,.55),rgba(230,201,106,.12));
}
.rsx-figure-tax span:nth-child(2){opacity:.7}
.rsx-figure-tax span:nth-child(3){opacity:.5}
.rsx-figure-tax span:nth-child(4){opacity:.32}
.rsx-featured-figure figcaption{
  margin-top:10px;text-align:center;
  font:9px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);
}

/* =============================================================================
 * SELECTED NOTES · four-card editorial grid
 * ========================================================================== */
.rsx-notes{padding:92px 0;border-bottom:1px solid var(--line)}
.rsx-section-head{max-width:820px;margin-bottom:44px}
.rsx-section-head h2{
  font-family:var(--serif);font-weight:340;letter-spacing:-.03em;line-height:1.06;
  font-size:clamp(34px,3.6vw,52px);
  margin:10px 0 14px;
}
.rsx-section-head p{color:var(--muted);font-size:15px;line-height:1.7;margin:0;max-width:660px}

.rsx-notes-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:22px;
}
.rsx-note{
  position:relative;
  padding:26px 28px 30px;
  border:1px solid var(--line);border-radius:18px;
  background:linear-gradient(180deg,rgba(11,22,44,.72),rgba(5,11,26,.6));
  display:flex;flex-direction:column;gap:12px;
  transition:border-color .28s ease,transform .28s var(--ease);
}
.rsx-note:before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(230,201,106,.4) 30%,rgba(230,201,106,.15) 70%,transparent);
  opacity:.7;
}
.rsx-note:hover{transform:translateY(-2px);border-color:rgba(230,201,106,.28)}
.rsx-note-head{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.rsx-note-topic{
  font:9px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);
}
.rsx-note h3{
  font-family:var(--serif);font-weight:400;font-size:26px;letter-spacing:-.015em;line-height:1.15;
  margin:6px 0 4px;
}
.rsx-note .rsx-dek{
  font-size:14.5px;line-height:1.55;max-width:none;margin:0 0 10px;
}
.rsx-note > p{
  margin:0;color:var(--muted);font-size:13.5px;line-height:1.65;
}
.rsx-note-foot{
  margin-top:auto;padding-top:14px;border-top:1px dashed rgba(214,225,239,.1);
  display:flex;flex-wrap:wrap;gap:10px;
}

/* =============================================================================
 * BANDS · institutional intelligence / academic research
 * ========================================================================== */
.rsx-band{padding:96px 0;border-bottom:1px solid var(--line)}
.rsx-band--intel{
  background:
    radial-gradient(900px 400px at 100% 0%,rgba(116,172,223,.05),transparent 60%),
    linear-gradient(180deg,rgba(6,12,26,.4),rgba(4,8,20,.6));
}
.rsx-band--academic{
  background:
    radial-gradient(900px 400px at 0% 100%,rgba(230,201,106,.05),transparent 60%),
    linear-gradient(180deg,rgba(4,8,20,.6),rgba(6,12,26,.4));
}
.rsx-band-grid{
  display:grid;grid-template-columns:1.55fr .85fr;gap:60px;align-items:start;
}
.rsx-band-copy h2{
  font-family:var(--serif);font-weight:340;letter-spacing:-.028em;line-height:1.06;
  font-size:clamp(30px,3.4vw,48px);
  margin:10px 0 16px;
}
.rsx-band-copy > p{color:var(--muted);font-size:14.5px;line-height:1.7;max-width:640px;margin:0 0 22px}
.rsx-band-copy .micro-label{color:var(--celeste-hi)}
.rsx-band--academic .rsx-band-copy .micro-label{color:var(--auric)}
.rsx-band-topics{
  list-style:none;margin:0;padding:0;
  display:flex;flex-direction:column;gap:8px;
}
.rsx-band-topics li{
  padding:12px 16px;border:1px dashed rgba(214,225,239,.14);border-radius:12px;
  color:var(--text-dim);font-size:13px;line-height:1.55;
  background:rgba(255,255,255,.015);
}

.rsx-band-side{position:sticky;top:calc(var(--header) + 80px)}
.rsx-band-card{
  padding:20px 22px;
  border:1px solid rgba(116,172,223,.24);border-radius:14px;
  background:linear-gradient(160deg,rgba(11,22,44,.8),rgba(5,11,26,.7));
  display:flex;flex-direction:column;gap:10px;
}
.rsx-band-card--academic{border-color:rgba(230,201,106,.28)}
.rsx-band-card p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.6}

/* --- research themes inside the academic band -- */
.rsx-themes{
  margin-top:28px;
  display:grid;grid-template-columns:1fr 1fr;gap:16px;
}
.rsx-theme{
  padding:22px 22px 20px;
  border:1px solid var(--line);border-radius:14px;
  background:linear-gradient(180deg,rgba(11,22,44,.72),rgba(5,11,26,.6));
  display:flex;flex-direction:column;gap:8px;
}
.rsx-theme header{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.rsx-theme h3{
  font-family:var(--serif);font-weight:400;font-size:20px;letter-spacing:-.01em;line-height:1.2;
  margin:6px 0 4px;
}
.rsx-theme p{margin:0;color:var(--text-dim);font-size:13px;line-height:1.55}

/* =============================================================================
 * DISCUSSION · truthful CTA
 * ========================================================================== */
.rsx-discussion{padding:96px 0 88px}
.rsx-discussion-inner{
  display:grid;grid-template-columns:1.4fr .8fr;gap:60px;align-items:end;
}
.rsx-discussion h2{
  font-family:var(--serif);font-weight:340;letter-spacing:-.028em;line-height:1.06;
  font-size:clamp(30px,3.4vw,44px);
  margin:10px 0 12px;
}
.rsx-discussion p{color:var(--muted);font-size:14.5px;line-height:1.65;max-width:640px;margin:0}
.rsx-discussion .micro-label{color:var(--auric)}
.rsx-discussion-actions{
  display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;
}

/* =============================================================================
 * RESPONSIVE
 * ========================================================================== */
@media (max-width:1180px){
  .rsx-hero-inner{grid-template-columns:1fr}
  .rsx-hero-copy{grid-column:1}
  .rsx-hero-meta{grid-column:1;max-width:none}
  .rsx-featured-grid{grid-template-columns:1fr;gap:36px}
  .rsx-featured-figure{position:static}
  .rsx-notes-grid{grid-template-columns:1fr}
  .rsx-band-grid{grid-template-columns:1fr;gap:36px}
  .rsx-band-side{position:static}
  .rsx-themes{grid-template-columns:1fr}
  .rsx-discussion-inner{grid-template-columns:1fr;gap:22px}
  .rsx-discussion-actions{justify-content:flex-start}
}
@media (max-width:900px){
  .rsx-hero{padding:88px 0 68px}
  .rsx-hero-copy h1{font-size:clamp(38px,10vw,62px)}
  .rsx-featured{padding:72px 0}
  .rsx-notes{padding:72px 0}
  .rsx-band{padding:72px 0}
  /* Editorial index collapses to a two-column grid on mobile.
     Hairline separators between items are dropped; only the top/bottom
     rules remain. Keeps typography, drops the pill cloud. */
  .rsx-topics-inner{grid-template-columns:1fr;gap:16px;padding:22px 0}
  .rsx-topics-label{
    padding-right:0;border-right:0;border-bottom:1px solid rgba(214,225,239,.10);
    padding-bottom:12px;
  }
  .rsx-topics-list{
    display:grid;grid-template-columns:1fr 1fr;
    column-gap:24px;row-gap:14px;
  }
  .rsx-topics-list li{padding:0}
  .rsx-topics-list li + li:before{display:none}
  .rsx-topics-list span{font-size:14.5px;padding-bottom:5px}
}
@media (max-width:640px){
  .rsx-hero{padding:72px 0 52px}
  .rsx-hero-copy h1{font-size:42px}
  .rsx-hero-lede{font-size:15.5px}
  .rsx-hero-meta{padding:16px 18px}
  .rsx-featured{padding:56px 0}
  .rsx-featured-copy h2{font-size:36px}
  .rsx-featured-abstract p{font-size:14px}
  .rsx-note{padding:22px 22px 24px}
  .rsx-note h3{font-size:22px}
  .rsx-band{padding:56px 0}
  .rsx-discussion h2{font-size:30px}
  .rsx-topics-list{grid-template-columns:1fr;column-gap:0}
  .rsx-topics-list span{font-size:14px}
}