body { min-width: 0; }
.hero-copy { padding-top: clamp(48px, 7vw, 96px); padding-bottom: 48px; }
h1 { max-width: 1100px; font-size: clamp(42px, 6.8vw, 90px); line-height: 1.08; }
.dek { max-width: 920px; font-size: clamp(20px, 2.4vw, 28px); line-height: 1.55; }
.study-strip { padding: 24px clamp(20px, 4vw, 64px); border-block: 1px solid var(--dharma-ink); background: var(--dharma-paper-2); font: 600 13px/1.9 var(--dharma-font-system); }
.study-strip p { max-width: 1000px; margin: 0; }
.article-layout { padding-top: 64px; padding-bottom: 80px; }
.article-body a { color: var(--dharma-blue-fg); text-underline-offset: 3px; }
.article-body, .section-block > div { min-width: 0; }
.article-body code { white-space: normal; overflow-wrap: anywhere; font-size: .85em; }
.section-block { grid-template-columns: 42px minmax(0, 1fr); gap: 24px; margin-top: 64px; }
h2 { font-size: clamp(29px, 3.3vw, 43px); line-height: 1.2; }
.table-scroll { max-width: 100%; overflow-x: auto; border: 1px solid var(--dharma-ink); margin: 30px 0; }
.results-table { width: 100%; border-collapse: collapse; font: 500 12px/1.8 var(--dharma-font-system); }
.results-table caption { padding: 16px; text-align: left; background: var(--dharma-paper-2); }
.results-table th, .results-table td { padding: 14px 12px; border-top: 1px solid var(--dharma-rule); text-align: left; vertical-align: top; }
.results-table thead { background: var(--dharma-ink); color: var(--dharma-paper); }
.results-table tbody th { min-width: 170px; font-weight: 600; }
.contrast { border-block: 1px solid var(--dharma-rule); padding: 24px 0; }
.contrast strong { color: var(--dharma-orange-fg); }
.method-flow { margin: 32px 0; border: 1px solid var(--dharma-ink); background: var(--dharma-paper-2); }
.method-flow figcaption { padding: 18px; border-bottom: 1px solid var(--dharma-rule); font: 600 12px/1.7 var(--dharma-font-system); }
.method-flow ol { margin: 0; padding: 22px 24px 22px 44px; }
.method-flow li { margin-bottom: 12px; }
.article-cta { padding: 30px; margin-top: 48px; border: 1px solid var(--dharma-ink); background: var(--dharma-paper-2); }
.references { margin-top: 48px; padding-top: 24px; border-top: 1px solid var(--dharma-rule); font-size: 14px; }
.header-meta a { text-underline-offset: 4px; }
@media (max-width: 760px) {
  .section-block { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .results-table { font-size: 11px; }
  .results-table th, .results-table td { padding: 12px 9px; }
  .article-nav { display: none; }
  .header-meta span { display: none; }
}
