/* ═══════════════════════════════════════════════════════════════════════════
   FEDERATION INTELLIGENCE — METHOD CHROME
   fed-method.css · D3 · branch federation-os-v2 · styles ORIGINAL legacy
   classes (methodology.html / forecast-spec.html); content byte-unchanged.
   Persistent "built / not currently operating" chrome frames present-tense
   pipeline material without editing it.
   ═══════════════════════════════════════════════════════════════════════ */
.mtd-page { padding-block: var(--space-6) var(--space-8); }
.mtd-head { max-width: var(--fed-reading-max); margin-bottom: var(--space-5); }
.mtd-head h1 { font-family: var(--font-fed-display); font-weight: 900; font-size: var(--heading-lg); line-height: var(--line-heading); text-transform: uppercase; color: var(--fed-text-display); }
/* Persistent standing ribbon — sticky under the rail; the frame that keeps
   operational present tense honestly framed at any scroll position. */
.mtd-standing { position: sticky; top: calc(var(--fed-nav-height-desktop) + 44px); z-index: var(--z-sticky); display: flex; align-items: center; gap: var(--space-3); background: color-mix(in srgb, var(--fed-warning) 8%, var(--fed-space)); border: 1px solid color-mix(in srgb, var(--fed-warning) 35%, transparent); border-left: 2px solid var(--fed-warning); border-radius: var(--radius-xs); padding: var(--space-3) var(--space-4); margin-bottom: var(--space-5); font-family: var(--font-fed-system); font-size: var(--text-xs); letter-spacing: var(--system-letter-spacing); color: var(--fed-warning); text-transform: uppercase; }
.mtd-standing::before { content: ""; width: 7px; height: 7px; border-radius: 1px; background: currentColor; flex-shrink: 0; }
.mtd-scope .marker { font-family: var(--font-fed-system); font-size: var(--text-xs); letter-spacing: var(--system-letter-spacing-wide); text-transform: uppercase; color: var(--fed-command); margin: var(--space-6) 0 var(--space-3); }
.mtd-scope .gl { color: var(--fed-command); }
.mtd-scope .sec-h { font-family: var(--font-fed-interface); font-weight: 700; font-size: var(--heading-sm); line-height: var(--line-heading); color: var(--fed-text-display); margin-bottom: var(--space-3); }
.mtd-scope .lede { font-family: var(--font-fed-body); font-size: var(--text-lg); line-height: var(--line-body); color: var(--fed-text); max-width: var(--fed-reading-max); margin-bottom: var(--space-4); }
.mtd-scope .body, .mtd-scope .txt { font-family: var(--font-fed-body); font-size: var(--text-base); line-height: var(--line-body); color: var(--fed-text); max-width: var(--fed-reading-max); margin-bottom: var(--space-3); }
.mtd-scope .accent-c { color: var(--fed-command); }
.mtd-scope .step { display: grid; grid-template-columns: auto 1fr; gap: var(--space-3); align-items: start; border: 1px solid var(--fed-border-soft); border-radius: var(--radius-xs); background: var(--surface-panel); padding: var(--space-4); margin-bottom: var(--space-3); }
.mtd-scope .step .n { font-family: var(--font-fed-display); font-weight: 700; font-size: var(--heading-sm); color: var(--fed-command); }
.mtd-scope .step .t { font-family: var(--font-fed-interface); font-weight: 700; font-size: var(--text-lg); color: var(--fed-text-display); margin-bottom: var(--space-1); }
.mtd-scope .step .d { font-family: var(--font-fed-body); font-size: var(--text-sm); line-height: var(--line-body); color: var(--fed-text); }
.mtd-scope .def { display: grid; gap: var(--space-1); border-left: 2px solid var(--fed-border-strong); padding-left: var(--space-4); margin-bottom: var(--space-3); }
.mtd-scope .def .k, .mtd-scope .rule .k { font-family: var(--font-fed-system); font-size: var(--text-xs); letter-spacing: var(--system-letter-spacing); text-transform: uppercase; color: var(--fed-muted); }
.mtd-scope .def .v, .mtd-scope .rule .v { font-family: var(--font-fed-body); font-size: var(--text-sm); line-height: var(--line-body); color: var(--fed-text); }
.mtd-scope .rule { display: grid; grid-template-columns: 160px 1fr; gap: var(--space-3); padding: var(--space-2) 0; border-bottom: 1px solid var(--fed-border-soft); }
@media (max-width: 639px) { .mtd-scope .rule { grid-template-columns: 1fr; gap: 2px; } }
/* Boundaries / limitations — elevated as first-class epistemic content */
.mtd-boundaries { border: 1px solid var(--fed-border-default); border-left: 2px solid var(--fed-command); border-radius: var(--radius-sm); background: var(--surface-panel); padding: var(--space-5); margin-top: var(--space-6); }
.mtd-scope .cta-row, .mtd-scope .tier { display: none; } /* legacy pitch/pricing chrome not carried into Intelligence method */
.mtd-scope .btn { display: inline-flex; align-items: center; min-height: var(--touch-target-min); padding: var(--space-2) var(--space-4); font-family: var(--font-fed-system); font-size: var(--text-xs); letter-spacing: var(--system-letter-spacing); text-transform: uppercase; color: var(--fed-command); border: 1px solid var(--fed-command); border-radius: var(--radius-xs); text-decoration: none; }