/* =========================================================
   JBRay.org — Research
   Page-specific styles for archive.html and its scholarly
   source-guide apparatus.
   ========================================================= */

/* =========================================================
   Research prologue
   Three-part opening sequence:
   1. Oxblood portal
   2. Forest evidence chamber
   3. Parchment museum-layer map
   ========================================================= */

.research-prologue {
   background: var(--paper);
   padding: 54px 0;
}

.research-prologue-banner {
   display: grid;
   grid-template-columns: minmax(300px, .9fr) 48px minmax(0, 1.1fr);
   gap: clamp(28px, 4vw, 48px);
   align-items: center;
   padding: clamp(38px, 5vw, 60px);
   background: var(--oxblood);
   border: 1px solid var(--bronze);
   box-shadow:
      0 0 0 6px rgba(154, 116, 65, .16),
      0 18px 42px rgba(53, 31, 28, .16);
}

.research-prologue-title .kicker {
   margin: 0 0 14px;
   color: #e5bd62;
}

.research-prologue-title h1 {
   margin: 0;
   color: var(--ivory);
   font-size: clamp(58px, 7vw, 92px);
   line-height: .98;
   letter-spacing: -.025em;
}

.research-prologue-copy > p:first-child {
   max-width: 720px;
   margin: 0;
   color: rgba(245, 240, 230, .94);
   font-size: clamp(20px, 1.8vw, 26px);
   line-height: 1.58;
}

.research-prologue-closing {
   margin: 26px 0 0;
   color: #e5bd62;
   font: 700 12px/1.4 var(--sans);
   text-transform: uppercase;
   letter-spacing: .12em;
}


/* Forest introduction chamber ----------------------------------------- */

.research-introduction--ornate {
   background: var(--paper-deep);
   border-block: 1px solid var(--line);
}

.research-introduction-panel {
   display: grid;
   grid-template-columns: minmax(300px, .78fr) minmax(0, 1.22fr);
   gap: clamp(44px, 7vw, 92px);
   align-items: start;
   padding: clamp(38px, 5vw, 58px);
   background: var(--forest);
   border-top: 3px solid var(--bronze);
   box-shadow: 0 16px 38px rgba(38, 30, 22, .12);
}

.research-introduction-panel .object-label {
   color: #d6b675;
}

.research-intro-heading h2 {
   max-width: 560px;
   margin-bottom: 0;
   color: #f6efe1;
}

.research-intro-copy > p:first-child {
   margin-top: 0;
}

.research-intro-copy > p {
   color: #e1d8c8;
   font-size: 19px;
}

.research-question {
   margin-top: 34px;
   padding: 22px 24px 24px;
   background: #f0d69a;
   border-left: 4px solid #fff0c8;
   box-shadow: 0 9px 24px rgba(0, 0, 0, .12);
}

.research-question .object-label {
   margin: 0 0 9px;
   color: var(--oxblood);
}

.research-question p:last-child {
   margin: 0;
   color: var(--oxblood);
   font-size: clamp(18px, 1.35vw, 22px);
   line-height: 1.45;
}


/* Museum layers ------------------------------------------------------- */

.research-position {
   background: var(--paper-deep);
}

.research-position-frame {
   display: grid;
   grid-template-columns: minmax(280px, .8fr) 38px minmax(0, 1.2fr);
   gap: clamp(26px, 4vw, 44px);
   align-items: center;
   margin-bottom: 28px;
   padding: 30px 34px;
   background: rgba(251, 248, 241, .72);
   border: 1px solid var(--line);
   border-top: 3px solid var(--bronze);
   box-shadow: 0 10px 28px rgba(38, 30, 22, .055);
}

.research-position-heading .kicker {
   margin: 0 0 8px;
}

.research-position-heading h2 {
   margin: 0;
   font-size: clamp(38px, 3.7vw, 52px);
}

.research-position-intro {
   margin: 0;
   color: var(--muted);
   font-size: 18px;
   line-height: 1.65;
}

.research-position-divider {
   display: flex;
   min-height: 106px;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 8px;
}

.research-position-divider-line {
   width: 1px;
   flex: 1;
   min-height: 26px;
   background: var(--bronze);
}

.research-position-diamond {
   width: 10px;
   height: 10px;
   flex: 0 0 auto;
   transform: rotate(45deg);
   background: var(--paper);
   border: 1px solid var(--bronze);
   box-shadow: 0 0 0 4px rgba(154, 116, 65, .09);
}

.research-layer-grid {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 20px;
}

.research-layer {
   position: relative;
   min-height: 100%;
   padding: 34px 28px 32px;
   background: var(--paper);
   border: 1px solid var(--line);
   border-top: 3px solid var(--bronze);
   box-shadow: 0 12px 30px rgba(38, 30, 22, .065);
}

.research-layer-number {
   position: absolute;
   top: 16px;
   right: 18px;
   margin: 0;
   color: rgba(154, 116, 65, .72);
   font: 700 11px/1 var(--sans);
   letter-spacing: .12em;
}

.research-layer .object-label {
   margin: 0 0 10px;
}

.research-layer h3 {
   margin-bottom: 14px;
   font-size: clamp(27px, 2.5vw, 34px);
}

.research-layer p:last-child {
   margin-bottom: 0;
   color: var(--muted);
}

.research-layer--current {
   background: var(--forest);
   border-color: var(--forest);
   border-top-color: #d6b675;
}

.research-layer--current .research-layer-number,
.research-layer--current .object-label {
   color: #d6b675;
}

.research-layer--current h3 {
   color: #f6efe1;
}

.research-layer--current p:last-child {
   color: #e1d8c8;
}


/* Opening responsiveness ---------------------------------------------- */

@media (max-width: 900px) {
   .research-prologue-banner,
   .research-introduction-panel,
   .research-position-frame,
   .research-layer-grid {
      grid-template-columns: 1fr;
   }

   .research-prologue-banner,
   .research-introduction-panel {
      gap: 28px;
   }

   .research-guide-divider {
      min-height: 0;
      width: 100%;
      flex-direction: row;
   }

   .research-guide-divider-line {
      width: auto;
      height: 1px;
      min-height: 0;
      min-width: 36px;
   }

   .research-guide-divider-ornament {
      transform: rotate(90deg);
   }

   .research-position-frame {
      gap: 18px;
   }

   .research-position-divider {
      min-height: 0;
      width: 100%;
      flex-direction: row;
   }

   .research-position-divider-line {
      width: auto;
      height: 1px;
      min-height: 0;
      min-width: 36px;
   }
}

@media (max-width: 680px) {
   .research-prologue {
      padding: 36px 0;
   }

   .research-prologue-banner,
   .research-introduction-panel {
      padding: 30px 24px;
   }

   .research-prologue-banner {
      box-shadow:
         0 0 0 4px rgba(154, 116, 65, .14),
         0 12px 28px rgba(53, 31, 28, .13);
   }

   .research-question,
   .research-layer {
      padding: 24px 22px;
   }

   .research-position-frame {
      padding: 26px 22px;
   }
}


/* =========================================================
   Source Guide 01 — archival chamber
   Reuses the Entrance coda's oxblood / gold / fleuron language
   without importing Entrance-specific CSS.
   ========================================================= */

.research-guide-banner {
   display: grid;
   grid-template-columns: minmax(300px, .92fr) 48px minmax(0, 1.18fr);
   gap: clamp(28px, 4vw, 48px);
   align-items: center;
   margin-bottom: 40px;
   padding: clamp(34px, 4vw, 52px);
   background: var(--oxblood);
   border: 1px solid var(--bronze);
   box-shadow:
      0 0 0 6px rgba(154, 116, 65, .16),
      0 16px 36px rgba(53, 31, 28, .15);
}

.research-guide-banner .kicker {
   margin: 0 0 14px;
   color: #e5bd62;
}

.research-guide-banner h2 {
   max-width: 620px;
   margin: 0;
   color: var(--ivory);
   font-size: clamp(38px, 4vw, 58px);
   line-height: 1.08;
}

.research-guide-banner-copy > p:first-child {
   max-width: 720px;
   margin: 0;
   color: rgba(245, 240, 230, .92);
   font-size: clamp(17px, 1.35vw, 20px);
   line-height: 1.7;
}

.research-guide-banner-closing {
   margin: 24px 0 0;
   color: #e5bd62;
   font: 700 12px/1.4 var(--sans);
   text-transform: uppercase;
   letter-spacing: .12em;
}

.research-guide-divider {
   display: flex;
   min-height: 180px;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 8px;
}

.research-guide-divider-line {
   width: 1px;
   flex: 1;
   min-height: 36px;
   background: #e5bd62;
}

.research-guide-divider-ornament {
   position: relative;
   display: block;
   flex: 0 0 auto;
   width: 38px;
   height: 58px;
}

.research-guide-divider-ornament::before {
   content: "";
   position: absolute;
   top: 7px;
   bottom: 7px;
   left: 50%;
   width: 1px;
   transform: translateX(-50%);
   background: #e5bd62;
}

.research-fleuron-top {
   position: absolute;
   top: 1px;
   left: 50%;
   width: 7px;
   height: 7px;
   transform: translateX(-50%) rotate(45deg);
   border-top: 1px solid #e5bd62;
   border-left: 1px solid #e5bd62;
}

.research-fleuron-center {
   position: absolute;
   top: 50%;
   left: 50%;
   z-index: 2;
   width: 10px;
   height: 10px;
   transform: translate(-50%, -50%) rotate(45deg);
   background: var(--oxblood);
   border: 1px solid #e5bd62;
}

.research-fleuron-arm {
   position: absolute;
   top: 50%;
   width: 15px;
   height: 9px;
   border-top: 1px solid #e5bd62;
}

.research-fleuron-arm-left {
   right: 20px;
   transform: translateY(-1px) rotate(18deg);
   border-radius: 70% 0 0 0;
}

.research-fleuron-arm-right {
   left: 20px;
   transform: translateY(-1px) rotate(-18deg);
   border-radius: 0 70% 0 0;
}

.research-fleuron-leaf {
   position: absolute;
   top: 32px;
   width: 10px;
   height: 16px;
   border: 1px solid #e5bd62;
}

.research-fleuron-leaf-left {
   left: 8px;
   transform: rotate(-38deg);
   border-radius: 100% 0 100% 0;
}

.research-fleuron-leaf-right {
   right: 8px;
   transform: rotate(38deg);
   border-radius: 0 100% 0 100%;
}

.research-fleuron-bottom {
   position: absolute;
   bottom: 2px;
   left: 50%;
   width: 6px;
   height: 6px;
   transform: translateX(-50%) rotate(45deg);
   border-right: 1px solid #e5bd62;
   border-bottom: 1px solid #e5bd62;
}


/* =========================================================
   Source Guide · first evidence tranche
   ========================================================= */

.research-guide {
   background: var(--paper);
   border-top: 1px solid var(--line);
}

.research-guide-heading {
   display: grid;
   grid-template-columns: minmax(320px, .82fr) minmax(0, 1.18fr);
   gap: clamp(44px, 7vw, 92px);
   align-items: end;
   margin-bottom: 38px;
}

.research-guide-heading h2 {
   max-width: 620px;
   margin-bottom: 0;
}

.research-guide-heading .intro {
   max-width: 700px;
   margin: 0;
}

.research-source-key {
   margin-bottom: 46px;
   padding: 28px 30px 30px;
   background: var(--forest);
   color: #f6efe1;
   border-top: 3px solid var(--bronze);
}

.research-source-key > .object-label {
   margin: 0 0 18px;
   color: #d6b675;
}

.research-source-key-grid {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 0;
}

.research-source-key-grid > div {
   padding: 0 26px;
   border-left: 1px solid rgba(214, 182, 117, .28);
}

.research-source-key-grid > div:first-child {
   padding-left: 0;
   border-left: 0;
}

.research-source-key-grid > div:last-child {
   padding-right: 0;
}

.research-source-key h3 {
   margin: 0 0 8px;
   color: #f6efe1;
   font-size: 20px;
}

.research-source-key p {
   margin: 0;
   color: #ddd3c2;
   font-size: 15px;
   line-height: 1.6;
}

.research-source-ledger {
   border-top: 1px solid var(--line);
}

.research-source-record {
   display: grid;
   grid-template-columns: 74px minmax(0, 1fr);
   gap: 28px;
   padding: 38px 0 40px;
   border-bottom: 1px solid var(--line);
}

.research-source-number {
   padding-top: 3px;
   color: var(--bronze);
   font: 700 12px/1 var(--sans);
   letter-spacing: .14em;
}

.research-source-body {
   min-width: 0;
}

.research-source-body > .object-label {
   margin: 0 0 8px;
}

.research-source-body h3 {
   max-width: 900px;
   margin: 0 0 12px;
   color: var(--oxblood);
   font-size: clamp(25px, 2.3vw, 32px);
   line-height: 1.2;
}

.research-source-body > p:not(.object-label) {
   max-width: 920px;
   margin: 0;
   color: var(--muted);
}

.research-source-metadata {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 0;
   margin: 24px 0 0;
   padding: 0;
   border-top: 1px solid rgba(207, 194, 173, .72);
   border-bottom: 1px solid rgba(207, 194, 173, .72);
}

.research-source-metadata > div {
   min-width: 0;
   padding: 16px 20px 17px;
   border-left: 1px solid rgba(207, 194, 173, .72);
}

.research-source-metadata > div:first-child {
   padding-left: 0;
   border-left: 0;
}

.research-source-metadata dt {
   margin-bottom: 5px;
   color: var(--bronze);
   font: 700 10px/1.35 var(--sans);
   text-transform: uppercase;
   letter-spacing: .09em;
}

.research-source-metadata dd {
   margin: 0;
   color: var(--ink);
   font-size: 15px;
   line-height: 1.5;
}

.research-source-actions {
   display: flex;
   flex-wrap: wrap;
   gap: 10px 26px;
   margin-top: 18px;
}

.research-source-actions a {
   display: inline-flex;
   align-items: baseline;
   gap: 7px;
   color: var(--forest);
   font: 700 12px/1.4 var(--sans);
   text-decoration: none;
   text-transform: uppercase;
   letter-spacing: .065em;
}

.research-source-actions a:hover,
.research-source-actions a:focus-visible {
   color: var(--oxblood);
   text-decoration: underline;
   text-underline-offset: 4px;
}

@media (max-width: 980px) {
   .research-guide-heading {
      grid-template-columns: 1fr;
      gap: 24px;
      align-items: start;
   }

   .research-source-key-grid {
      grid-template-columns: 1fr;
   }

   .research-source-key-grid > div,
   .research-source-key-grid > div:first-child,
   .research-source-key-grid > div:last-child {
      padding: 18px 0;
      border-left: 0;
      border-top: 1px solid rgba(214, 182, 117, .28);
   }

   .research-source-key-grid > div:first-child {
      padding-top: 0;
      border-top: 0;
   }

   .research-source-key-grid > div:last-child {
      padding-bottom: 0;
   }
}

@media (max-width: 680px) {
   .research-source-key {
      padding: 24px 22px;
   }

   .research-source-record {
      grid-template-columns: 1fr;
      gap: 12px;
      padding: 32px 0 34px;
   }

   .research-source-number {
      padding-top: 0;
   }

   .research-source-metadata {
      grid-template-columns: 1fr;
   }

   .research-source-metadata > div,
   .research-source-metadata > div:first-child {
      padding: 13px 0;
      border-left: 0;
      border-top: 1px solid rgba(207, 194, 173, .72);
   }

   .research-source-metadata > div:first-child {
      border-top: 0;
   }
}

/* =========================================================
   Source Guide · institutional and posthumous record
   ========================================================= */

.research-guide--posthumous {
   background: var(--paper-deep);
}

.research-evidence-note {
   margin: 0 0 46px;
   padding: 28px 30px 30px;
   background: var(--forest);
   color: #f6efe1;
   border-top: 3px solid var(--bronze);
}

.research-evidence-note p {
   max-width: 1040px;
   margin: 0;
   color: #ddd3c2;
   font-size: 16px;
   line-height: 1.65;
}

.research-evidence-note strong {
   color: #d6b675;
   font-weight: 700;
}

.research-guide--posthumous .research-source-ledger {
   border-top-color: rgba(154, 116, 65, .34);
}

.research-guide--posthumous .research-source-record {
   border-bottom-color: rgba(154, 116, 65, .34);
}

.research-guide--posthumous .research-source-metadata {
   border-top-color: rgba(154, 116, 65, .32);
   border-bottom-color: rgba(154, 116, 65, .32);
}

.research-guide--posthumous .research-source-metadata > div {
   border-left-color: rgba(154, 116, 65, .32);
}

@media (max-width: 680px) {
   .research-evidence-note {
      padding: 24px 22px;
   }
}

/* =========================================================
   Source Guide 03 — modern scholarship
   ========================================================= */

.research-guide--scholarship {
   background: var(--paper);
}

.research-guide--scholarship .research-source-ledger {
   border-top-color: rgba(111, 45, 45, .24);
}

.research-guide--scholarship .research-source-record {
   border-bottom-color: rgba(111, 45, 45, .20);
}

.research-source-byline {
   margin: -2px 0 14px !important;
   color: var(--forest) !important;
   font-size: 16px !important;
   font-weight: 600;
   line-height: 1.45;
}

@media (max-width: 900px) {
   .research-guide-banner {
      grid-template-columns: 1fr;
      gap: 24px;
   }

   .research-guide-divider {
      min-height: 0;
      width: 100%;
      flex-direction: row;
   }

   .research-guide-divider-line {
      width: auto;
      height: 1px;
      min-height: 0;
      min-width: 36px;
   }

   .research-guide-divider-ornament {
      transform: rotate(90deg);
   }
}

@media (max-width: 680px) {
   .research-guide-banner {
      margin-inline: 0;
      padding: 28px 24px;
      box-shadow:
         0 0 0 4px rgba(154, 116, 65, .14),
         0 12px 28px rgba(53, 31, 28, .13);
   }

   .research-guide-banner h2 {
      font-size: clamp(34px, 10vw, 46px);
   }
}

/* =========================================================
   Source Guide 04 — reference and biographical works
   ========================================================= */

.research-guide--reference {
   background: var(--paper-deep);
}

.research-guide--reference .research-source-ledger {
   border-top-color: rgba(154, 116, 65, .34);
}

.research-guide--reference .research-source-record {
   border-bottom-color: rgba(154, 116, 65, .34);
}

.research-guide--reference .research-source-metadata {
   border-top-color: rgba(154, 116, 65, .32);
   border-bottom-color: rgba(154, 116, 65, .32);
}

.research-guide--reference .research-source-metadata > div {
   border-left-color: rgba(154, 116, 65, .32);
}

/* =========================================================
   Source Guide 05 — civic, official and diplomatic record
   Style A: oxblood guide banner + forest explanatory key.
   ========================================================= */

.research-guide--official {
   background: var(--paper);
}

.research-guide--official .research-source-ledger {
   border-top-color: rgba(111, 45, 45, .24);
}

.research-guide--official .research-source-record {
   border-bottom-color: rgba(111, 45, 45, .20);
}

.research-platform-record {
   max-width: 920px;
   margin-top: 24px;
   padding: 20px 22px 8px;
   background: rgba(236, 227, 211, .58);
   border-left: 3px solid var(--bronze);
}

.research-platform-record > .object-label {
   margin: 0 0 10px;
}

.research-platform-record ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.research-platform-record li {
   display: grid;
   grid-template-columns: minmax(145px, .38fr) minmax(0, 1.62fr);
   gap: 18px;
   padding: 11px 0;
   border-top: 1px solid rgba(154, 116, 65, .24);
}

.research-platform-record li:first-child {
   border-top: 0;
}

.research-platform-record li > span {
   color: var(--bronze);
   font: 700 11px/1.5 var(--sans);
   text-transform: uppercase;
   letter-spacing: .08em;
}

.research-platform-record a {
   color: var(--forest);
   font-weight: 600;
   text-decoration-thickness: 1px;
   text-underline-offset: 4px;
}

.research-platform-record a:hover,
.research-platform-record a:focus-visible {
   color: var(--oxblood);
}

@media (max-width: 680px) {
   .research-platform-record {
      padding: 18px 18px 8px;
   }

   .research-platform-record li {
      grid-template-columns: 1fr;
      gap: 4px;
   }
}

/* =========================================================
   Source Guide 06 — newspapers and later reporting
   Style A: oxblood guide banner + forest explanatory key.
   ========================================================= */

.research-guide--press {
   background: var(--paper-deep);
}

.research-guide--press .research-source-ledger {
   border-top-color: rgba(154, 116, 65, .34);
}

.research-guide--press .research-source-record {
   border-bottom-color: rgba(154, 116, 65, .34);
}

.research-guide--press .research-source-metadata {
   border-top-color: rgba(154, 116, 65, .32);
   border-bottom-color: rgba(154, 116, 65, .32);
}

.research-guide--press .research-source-metadata > div {
   border-left-color: rgba(154, 116, 65, .32);
}

/* =========================================================
   Research Practice 07 — Repositories & Access
   Continues the alternating section rhythm after Guide 06.
   ========================================================= */

.research-practice--repositories {
   background: var(--paper);
   border-top: 1px solid var(--line);
}

.research-repository-grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 22px;
}

.research-repository-card {
   display: flex;
   min-width: 0;
   flex-direction: column;
   padding: 28px 30px 30px;
   background: rgba(251, 248, 241, .72);
   border: 1px solid var(--line);
   box-shadow: 0 10px 28px rgba(38, 30, 22, .055);
}

.research-repository-card > .object-label {
   margin: 0 0 9px;
}

.research-repository-card h3 {
   margin: 0 0 13px;
   color: var(--oxblood);
   font-size: clamp(24px, 2vw, 30px);
   line-height: 1.15;
}

.research-repository-card > p:not(.object-label) {
   margin: 0;
   color: var(--muted);
   font-size: 16px;
   line-height: 1.65;
}

.research-repository-card dl {
   margin: 24px 0 0;
   padding: 0;
   border-top: 1px solid rgba(154, 116, 65, .28);
}

.research-repository-card dl > div {
   display: grid;
   grid-template-columns: minmax(130px, .38fr) minmax(0, 1.62fr);
   gap: 18px;
   margin: 0;
   padding: 11px 0;
   border-bottom: 1px solid rgba(154, 116, 65, .22);
}

.research-repository-card dt {
   color: var(--bronze);
   font: 700 10px/1.45 var(--sans);
   text-transform: uppercase;
   letter-spacing: .09em;
}

.research-repository-card dd {
   margin: 0;
   color: var(--forest);
   font-size: 15px;
   line-height: 1.5;
}

.research-repository-card .research-source-actions {
   margin-top: auto;
   padding-top: 20px;
}

@media (max-width: 900px) {
   .research-repository-grid {
      grid-template-columns: 1fr;
   }
}

@media (max-width: 520px) {
   .research-repository-card {
      padding: 24px 22px 26px;
   }

   .research-repository-card dl > div {
      grid-template-columns: 1fr;
      gap: 3px;
   }
}

/* =========================================================
   Research Practice 08 — Editorial & Citation Practice
   Style A: oxblood guide banner + forest explanatory key.
   ========================================================= */

.research-practice--editorial {
   background: var(--paper-deep);
   border-top: 1px solid var(--line);
}

.research-editorial-grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 22px;
}

.research-editorial-card {
   display: flex;
   min-width: 0;
   flex-direction: column;
   padding: 30px 32px 28px;
   background: rgba(251, 248, 241, .82);
   border: 1px solid var(--line);
   border-top: 3px solid var(--bronze);
   box-shadow: 0 10px 28px rgba(38, 30, 22, .055);
}

.research-editorial-card > .object-label {
   margin: 0 0 10px;
}

.research-editorial-card h3 {
   margin: 0 0 14px;
   color: var(--oxblood);
   font-size: clamp(24px, 2vw, 30px);
   line-height: 1.18;
}

.research-editorial-card > p:not(.object-label):not(.research-editorial-example) {
   margin: 0;
   color: var(--muted);
   font-size: 16px;
   line-height: 1.68;
}

.research-editorial-example {
   margin: auto 0 0;
   padding-top: 22px;
   color: var(--forest);
   font-size: 15px;
   line-height: 1.55;
}

.research-editorial-example span {
   display: block;
   margin-bottom: 5px;
   color: var(--bronze);
   font: 700 10px/1.35 var(--sans);
   text-transform: uppercase;
   letter-spacing: .1em;
}

.research-citation-note {
   display: grid;
   grid-template-columns: minmax(150px, .28fr) minmax(0, 1.72fr);
   gap: 24px;
   align-items: start;
   margin-top: 28px;
   padding: 22px 26px;
   background: #f0d69a;
   border-left: 4px solid var(--oxblood);
   box-shadow: 0 8px 22px rgba(70, 48, 31, .07);
}

.research-citation-note .object-label {
   margin: 3px 0 0;
   color: var(--oxblood);
}

.research-citation-note > p:last-child {
   max-width: 960px;
   margin: 0;
   color: var(--oxblood);
   font-size: 16px;
   line-height: 1.65;
}

@media (max-width: 900px) {
   .research-editorial-grid {
      grid-template-columns: 1fr;
   }
}

@media (max-width: 680px) {
   .research-editorial-card {
      padding: 26px 22px 24px;
   }

   .research-citation-note {
      grid-template-columns: 1fr;
      gap: 8px;
      padding: 20px 22px;
   }

   .research-citation-note .object-label {
      margin-top: 0;
   }
}

/* =========================================================
   Research Practice 09 — Provenance & Source Notes
   Style A: oxblood guide banner + forest explanatory key.
   ========================================================= */

.research-practice--provenance {
   background: var(--paper);
   border-top: 1px solid var(--line);
}

.research-provenance-grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 22px;
}

.research-provenance-card {
   display: flex;
   min-width: 0;
   flex-direction: column;
   padding: 30px 32px 28px;
   background: rgba(251, 248, 241, .78);
   border: 1px solid var(--line);
   border-top: 3px solid var(--bronze);
   box-shadow: 0 10px 28px rgba(38, 30, 22, .055);
}

.research-provenance-card > .object-label {
   margin: 0 0 10px;
}

.research-provenance-card h3 {
   margin: 0 0 14px;
   color: var(--oxblood);
   font-size: clamp(24px, 2vw, 30px);
   line-height: 1.18;
}

.research-provenance-card > p:not(.object-label):not(.research-provenance-rule) {
   margin: 0;
   color: var(--muted);
   font-size: 16px;
   line-height: 1.68;
}

.research-provenance-rule {
   margin: auto 0 0;
   padding-top: 22px;
   color: var(--forest);
   font-size: 15px;
   line-height: 1.55;
}

.research-provenance-rule span {
   display: block;
   margin-bottom: 5px;
   color: var(--bronze);
   font: 700 10px/1.35 var(--sans);
   text-transform: uppercase;
   letter-spacing: .1em;
}

.research-provenance-note {
   display: grid;
   grid-template-columns: minmax(150px, .28fr) minmax(0, 1.72fr);
   gap: 24px;
   align-items: start;
   margin-top: 28px;
   padding: 22px 26px;
   background: #f0d69a;
   border-left: 4px solid var(--oxblood);
   box-shadow: 0 8px 22px rgba(70, 48, 31, .07);
}

.research-provenance-note .object-label {
   margin: 3px 0 0;
   color: var(--oxblood);
}

.research-provenance-note > p:last-child {
   max-width: 960px;
   margin: 0;
   color: var(--oxblood);
   font-size: 16px;
   line-height: 1.65;
}

@media (max-width: 900px) {
   .research-provenance-grid {
      grid-template-columns: 1fr;
   }
}

@media (max-width: 680px) {
   .research-provenance-card {
      padding: 26px 22px 24px;
   }

   .research-provenance-note {
      grid-template-columns: 1fr;
      gap: 8px;
      padding: 20px 22px;
   }

   .research-provenance-note .object-label {
      margin-top: 0;
   }
}

/* =========================================================
   Research Practice 10 — Research Pathways
   Style A: oxblood guide banner + forest explanatory key.
   ========================================================= */

.research-practice--pathways {
   background: var(--paper-deep);
   border-top: 1px solid var(--line);
}

.research-pathway-grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 22px;
}

.research-pathway-card {
   position: relative;
   display: flex;
   min-width: 0;
   flex-direction: column;
   padding: 32px 34px 30px;
   background: rgba(251, 248, 241, .82);
   border: 1px solid var(--line);
   border-top: 3px solid var(--bronze);
   box-shadow: 0 10px 28px rgba(38, 30, 22, .055);
}

.research-pathway-index {
   position: absolute;
   top: 20px;
   right: 22px;
   color: rgba(154, 116, 65, .78);
   font: 700 11px/1 var(--sans);
   letter-spacing: .13em;
}

.research-pathway-card > .object-label {
   max-width: calc(100% - 44px);
   margin: 0 0 10px;
}

.research-pathway-card h3 {
   max-width: 560px;
   margin: 0 0 16px;
   color: var(--oxblood);
   font-size: clamp(25px, 2.1vw, 31px);
   line-height: 1.16;
}

.research-pathway-question {
   margin: 0 0 18px;
   padding: 16px 18px;
   color: var(--forest);
   background: rgba(236, 227, 211, .66);
   border-left: 3px solid var(--bronze);
   font-size: 17px;
   font-weight: 600;
   line-height: 1.58;
}

.research-pathway-card > p:not(.object-label):not(.research-pathway-question) {
   margin: 0;
   color: var(--muted);
   font-size: 16px;
   line-height: 1.68;
}

.research-pathway-links {
   display: grid;
   gap: 8px;
   margin-top: auto;
   padding-top: 24px;
}

.research-pathway-links a {
   display: flex;
   align-items: baseline;
   justify-content: space-between;
   gap: 16px;
   padding: 9px 0;
   color: var(--forest);
   border-top: 1px solid rgba(154, 116, 65, .24);
   font: 700 12px/1.45 var(--sans);
   text-decoration: none;
   text-transform: uppercase;
   letter-spacing: .055em;
}

.research-pathway-links a:hover,
.research-pathway-links a:focus-visible {
   color: var(--oxblood);
   text-decoration: underline;
   text-underline-offset: 4px;
}

.research-pathways-note {
   display: grid;
   grid-template-columns: minmax(170px, .3fr) minmax(0, 1.7fr);
   gap: 24px;
   align-items: start;
   margin-top: 30px;
   padding: 24px 28px;
   background: #f0d69a;
   border-left: 4px solid var(--oxblood);
   box-shadow: 0 8px 22px rgba(70, 48, 31, .07);
}

.research-pathways-note .object-label {
   margin: 3px 0 0;
   color: var(--oxblood);
}

.research-pathways-note > p:last-child {
   max-width: 960px;
   margin: 0;
   color: var(--oxblood);
   font-size: 16px;
   line-height: 1.65;
}

@media (max-width: 900px) {
   .research-pathway-grid {
      grid-template-columns: 1fr;
   }
}

@media (max-width: 680px) {
   .research-pathway-card {
      padding: 28px 22px 26px;
   }

   .research-pathway-index {
      top: 18px;
      right: 18px;
   }

   .research-pathway-question {
      padding: 14px 16px;
   }

   .research-pathways-note {
      grid-template-columns: 1fr;
      gap: 8px;
      padding: 20px 22px;
   }

   .research-pathways-note .object-label {
      margin-top: 0;
   }
}

/* =========================================================
   Research closing coda
   Short, atmospheric epilogue after the ten-part sequence.
   ========================================================= */

.research-coda {
   padding: 64px 0 70px;
   background: var(--paper);
   border-top: 1px solid var(--line);
}

.research-coda-panel {
   display: grid;
   grid-template-columns: 44px minmax(0, 1fr);
   gap: clamp(26px, 4vw, 44px);
   align-items: center;
   padding: clamp(34px, 5vw, 52px);
   background: var(--forest);
   border: 1px solid rgba(214, 182, 117, .48);
   box-shadow: 0 16px 38px rgba(38, 30, 22, .12);
}

.research-coda-ornament {
   display: flex;
   min-height: 150px;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 8px;
}

.research-coda-line {
   width: 1px;
   flex: 1;
   min-height: 32px;
   background: #d6b675;
}

.research-coda-diamond {
   width: 12px;
   height: 12px;
   flex: 0 0 auto;
   transform: rotate(45deg);
   background: var(--forest);
   border: 1px solid #d6b675;
   box-shadow: 0 0 0 4px rgba(214, 182, 117, .08);
}

.research-coda-copy {
   max-width: 880px;
}

.research-coda-copy .kicker {
   margin: 0 0 12px;
   color: #d6b675;
}

.research-coda-copy h2 {
   margin: 0 0 16px;
   color: #f6efe1;
   font-size: clamp(34px, 3.8vw, 50px);
}

.research-coda-copy > p:not(.kicker):not(.research-coda-closing) {
   max-width: 780px;
   margin: 0;
   color: #e1d8c8;
   font-size: 18px;
   line-height: 1.65;
}

.research-coda-closing {
   margin: 24px 0 0;
   color: #d6b675;
   font: 700 12px/1.4 var(--sans);
   text-transform: uppercase;
   letter-spacing: .12em;
}

@media (max-width: 680px) {
   .research-coda {
      padding: 46px 0 52px;
   }

   .research-coda-panel {
      grid-template-columns: 1fr;
      gap: 20px;
      padding: 28px 24px;
   }

   .research-coda-ornament {
      min-height: 0;
      width: 100%;
      flex-direction: row;
   }

   .research-coda-line {
      width: auto;
      height: 1px;
      min-height: 0;
      min-width: 36px;
   }
}