/* Scoped editorial design. The converter and other pages retain their styles. */
.velocity-editorial {
  color-scheme: light;
  --bg: #eff1e9; --text: #152724; --muted: #4b5d57; --accent: #126358;
  --line: #bfc9bf; --line-soft: #d7ddd1;
  background: var(--bg); color: var(--text); font-size: 17px;
  -webkit-font-smoothing: antialiased;
}
.velocity-editorial ::selection { background: #cdf1a2; color: #122721; }
.velocity-editorial .site-header, .velocity-editorial main, .velocity-editorial footer {
  width: min(1240px, calc(100% - 96px)); max-width: 1240px;
}
.velocity-editorial .site-header { height: 100px; border-bottom: 1px solid #bdc8bd; }
.velocity-editorial .brand { gap: 12px; font-size: 19px; line-height: 1.2; letter-spacing: -.035em; }
.lab-logo { width: 40px; height: 40px; flex-shrink: 0; }
.brand-sub { display: block; margin-top: 5px; font: 10px/1.3 ui-monospace, monospace; letter-spacing: .12em; }
.back-tool { display: flex; gap: 30px; padding: 12px 0 12px 20px; font-size: 13px; font-weight: 650; text-decoration: none; }
.back-tool span { font-size: 20px; transition: transform .2s; }
.back-tool:hover span { transform: translate(3px,-3px); }
.skip-link { position: fixed; z-index: 20; top: -100px; left: 20px; padding: 12px 20px; background: #152724; color: white; }
.skip-link:focus { top: 12px; }
.velocity-editorial :is(a,summary,button):focus-visible { outline: 3px solid #1b746b; outline-offset: 5px; border-radius: 2px; }
.velocity-editorial .article-hero { display: grid; grid-template-columns: 1.24fr 1fr; gap: clamp(36px,5vw,84px); padding: 60px 0 54px; align-items: center; }
.velocity-editorial .eyebrow { display: flex; justify-content: space-between; gap: 14px; font: 11px/1.5 ui-monospace,monospace; letter-spacing: .075em; color: #476158; margin-bottom: 24px; }
.velocity-editorial .article-hero h1 { max-width: 620px; font: 400 clamp(42px,4.65vw,66px)/1.02 Georgia, 'Times New Roman', serif; letter-spacing: -.055em; margin: 0 0 24px; text-wrap: balance; }
.velocity-editorial h1 em { color: #1b6b5b; font-weight: 400; }
.velocity-editorial .article-lead { font-size: clamp(16px,1.24vw,18px); line-height: 1.72; max-width: 61ch; color: #344d44; }
.evidence-button { margin-top: 26px; display: inline-flex; justify-content: space-between; gap: 45px; align-items: center; padding: 12px 20px; min-height: 48px; border-radius: 3px; background: #152e25; color: #eff8e8; text-decoration: none; font-size: 13px; font-weight: 650; transition: background .2s, transform .2s; }
.evidence-button:hover { background: #256849; transform: translateY(-2px); }
.velocity-editorial .article-meta { max-width: 60ch; font-size: 11px; line-height: 1.7; margin: 18px 0 0; color: #5d6d64; }
.hero-specimen { background: #132a26; color: #ebf3df; border: 1px solid #263e36; border-radius: 5px; padding: 30px; position: relative; overflow: hidden; box-shadow: 0 18px 32px -25px #16312866; }
.specimen-label { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #3e5344; padding-bottom: 26px; font: 10px/1.5 ui-monospace,monospace; letter-spacing: .13em; }
.specimen-label > span:last-child { color: #ccedaa; font-size: 22px; }
.specimen-numbers { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; padding: 30px 0 20px; }
.specimen-numbers span { display: block; font: 9px/1 ui-monospace,monospace; color: #b7c7b9; letter-spacing: .12em; }
.specimen-numbers strong { display: block; font-size: clamp(42px,5.2vw,74px); font-weight: 450; line-height: 1.2; letter-spacing: -.07em; font-variant-numeric: tabular-nums; }
.specimen-plot { height: 130px; display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; align-items: end; background: repeating-linear-gradient(to top, transparent 0px, transparent 31px, #3e534466 32px, transparent 33px); border-bottom: 1px solid #758b75; }
.specimen-plot span { height: var(--bar); background: #cdebb0; border-radius: 2px 2px 0 0; transform-origin: bottom; }
.specimen-plot span:nth-child(2) { background: #9ac9b5; }
.specimen-plot span:nth-child(3) { background: #68beab; }
.specimen-scale { display: flex; justify-content: space-between; margin-top: 8px; font: 9px/1.4 ui-monospace,monospace; color: #b1c4b5; letter-spacing: .08em; }
.hero-specimen > p { font: 24px/1.22 Georgia,serif; letter-spacing: -.025em; margin: 30px 0; }
.hero-specimen > p em { color: #bbd4b9; }
.specimen-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid #3e5344; padding-top: 18px; font: 9px/1.7 ui-monospace,monospace; letter-spacing: .02em; }
.specimen-footer a { font-size: 11px; text-underline-offset: 4px; }
.chapter-nav { display: flex; align-items: center; gap: 26px; padding: 18px 0; border-block: 1px solid #bcc8bc; background: #eff1e9f5; position: sticky; top: 0; z-index: 5; font: 11px/1.5 ui-monospace,monospace; backdrop-filter: blur(12px); }
.chapter-label { color: #63756b; margin-right: auto; font-size: 9px; white-space: nowrap; letter-spacing: .12em; }
.chapter-nav a { text-decoration: none; color: #4b6257; white-space: nowrap; padding-block: 5px; transition: color .2s; border-bottom: 1px solid transparent; }
.chapter-nav a:hover,.chapter-nav a[aria-current="location"] { color: #122f25; border-color: #346b47; }
.velocity-editorial .article-section { position: relative; padding: 64px 0 64px 24%; border-top: 0; border-bottom: 1px solid #c6d0c3; scroll-margin-top: 86px; }
.velocity-editorial .article-section::before { content: attr(data-chapter); position: absolute; top: 69px; left: 0; max-width: 170px; color: #466052; font: 11px/1.6 ui-monospace,monospace; letter-spacing: .08em; }
.velocity-editorial .article-section h2 { font: 400 clamp(28px,2.9vw,40px)/1.13 Georgia,serif; letter-spacing: -.035em; margin: 0 0 28px; max-width: 26ch; text-wrap: balance; }
.velocity-editorial .article-section p,.velocity-editorial .article-section li { color: #40554a; max-width: 68ch; line-height: 1.85; }
.velocity-editorial .article-section > p { margin-bottom: 22px; }
.velocity-editorial .article-section a { overflow-wrap: anywhere; text-underline-offset: 4px; text-decoration-thickness: 1px; transition: color .15s; }
.velocity-editorial .article-section a:hover { color: #107765; }
.velocity-editorial .article-section code { font-size: .8em; background: #dfe7d8; border: 1px solid #cdd9c5; padding: 3px 5px; border-radius: 2px; overflow-wrap: anywhere; }
.velocity-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 32px 0; }
.velocity-cards article { padding: 22px 18px 16px; min-width: 0; background: #e4e9de; border: 1px solid #b8c8b3; border-top: 3px solid #6c9476; border-radius: 3px; transition: background .2s, border-color .2s, transform .2s; }
.velocity-cards article:hover { background: #dce7d4; border-color: #709977; transform: translateY(-3px); }
.velocity-editorial .velocity-cards h3 { margin: 0 0 15px; font-size: 17px; letter-spacing: -.03em; }
.velocity-editorial .velocity-cards p { font-size: 13px; line-height: 1.7; margin: 0 0 16px; }
.velocity-cards audio { width: 100%; height: 36px; margin: 5px 0 17px; }
.velocity-editorial .velocity-cards p:last-child { margin: 0; display: flex; gap: 9px; align-items: center; flex-wrap: wrap; }
.velocity-cards a { font-size: 11px; }
.velocity-figure { margin: 36px 0; padding: 26px; border: 1px solid #213935; border-radius: 5px; background: #0b1020; }
.velocity-figure img { display: block; width: 100%; height: auto; }
.velocity-figure figcaption { border-top: 1px solid #394844; padding: 18px 0 0; color: #b9c7c0; font-size: 12px; line-height: 1.75; margin-top: 18px; max-width: 65ch; }
.mobile-data { display: none; }
.velocity-editorial .velocity-figure figcaption a { display: inline-block; color: #c3e6b7; margin-top: 5px; }
.velocity-editorial .article-section ol { list-style: none; padding: 0; counter-reset: instruction; margin: 0 0 30px; }
.velocity-editorial .article-section ol li { counter-increment: instruction; display: grid; grid-template-columns: 30px 1fr; gap: 14px; position: relative; padding: 19px 0 19px 45px; border-top: 1px solid #c6d0c3; display: block; }
.velocity-editorial .article-section ol li::before { content: counter(instruction,decimal-leading-zero); position: absolute; left: 0; top: 22px; font: 11px/1.5 ui-monospace,monospace; color: #28634a; }
.velocity-editorial #evidence { background: #e0e7d8; box-shadow: -24px 0 #e0e7d8,24px 0 #e0e7d8; }
.velocity-editorial .faq details { border-color: #b9c8b3; }
.velocity-editorial .faq summary { font-size: 16px; font-weight: 550; line-height: 1.55; padding: 24px 40px 24px 0; transition: color .2s; }
.velocity-editorial .faq summary:hover { color: #0b7662; }
.velocity-editorial .faq summary::after { color: #246b50; transition: transform .2s; }
.velocity-editorial .faq details[open] summary::after { transform: rotate(180deg); }
.velocity-editorial .faq details p { font-size: 15px; padding-bottom: 26px; }
.velocity-editorial footer { border-top: 0; padding: 58px 0 46px; color: #466054; font-size: 11px; gap: 50px; }
.velocity-editorial footer > div > span { display: block; }
.footer-title { font: 30px/1.14 Georgia,serif; color: #19372a; letter-spacing: -.035em; margin-bottom: 24px; }
.footer-title em { color: #51785e; }
.velocity-editorial .footer-links { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px 35px; align-content: start; }
@keyframes bar-entry { from { transform: scaleY(.15); opacity: .4; } to { transform: scaleY(1); opacity: 1; } }
@keyframes gentle-entry { from { opacity: .5; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: no-preference) {
  .specimen-plot span { animation: bar-entry .7s cubic-bezier(.2,.7,.3,1) both; }
  .specimen-plot span:nth-child(2) { animation-delay: .08s; }
  .specimen-plot span:nth-child(3) { animation-delay: .16s; }
  .hero-copy { animation: gentle-entry .5s both; }
}
@media (max-width: 1080px) {
  .velocity-editorial .site-header,.velocity-editorial main,.velocity-editorial footer { width: calc(100% - 64px); }
  .chapter-nav { gap: 18px; font-size: 10px; }
  .chapter-label { display: none; }
  .velocity-editorial .article-section { padding-left: 18%; }
  .velocity-editorial .article-section::before { max-width: 120px; font-size: 10px; }
  .hero-specimen { padding: 24px; }
  .specimen-footer { flex-wrap: wrap; }
}
@media (max-width: 760px) {
  .velocity-editorial .site-header,.velocity-editorial main,.velocity-editorial footer { width: calc(100% - 40px); }
  .velocity-editorial .site-header { height: 78px; }
  .velocity-editorial .brand { font-size: 16px; gap: 9px; }
  .lab-logo { width: 34px; height: 34px; }
  .brand-sub { font-size: 8px; }
  .back-tool { font-size: 11px; gap: 12px; }
  .velocity-editorial .article-hero { grid-template-columns: 1fr; gap: 34px; padding: 32px 0 34px; }
  .velocity-editorial .article-hero h1 { font-size: clamp(35px,6.6vw,52px); max-width: 21ch; margin-bottom: 20px; }
  .velocity-editorial .eyebrow { font-size: 9px; margin-bottom: 18px; letter-spacing: .05em; }
  .velocity-editorial .article-lead { font-size: 16px; line-height: 1.7; }
  .velocity-editorial .article-meta { font-size: 11px; }
  .evidence-button { margin-top: 20px; }
  .hero-specimen { padding: 24px; }
  .specimen-numbers strong { font-size: 64px; }
  .specimen-plot { height: 106px; }
  .chapter-nav { overflow-x: auto; gap: 24px; padding: 14px 0; font-size: 11px; scrollbar-width: thin; }
  .velocity-editorial .article-section { padding: 50px 0; scroll-margin-top: 76px; }
  .velocity-editorial .article-section::before { position: static; display: block; max-width: none; margin-bottom: 18px; font-size: 10px; }
  .velocity-editorial .article-section h2 { font-size: 31px; margin-bottom: 24px; }
  .velocity-editorial .article-section p,.velocity-editorial .article-section li { font-size: 16px; line-height: 1.8; }
  .velocity-cards { grid-template-columns: 1fr; gap: 16px; }
  .velocity-cards article { padding: 23px; }
  .velocity-editorial .velocity-cards p { font-size: 14px; }
  .velocity-cards audio { max-width: 360px; height: 40px; }
  .velocity-figure { padding: 10px; margin-block: 28px; }
  .velocity-figure figcaption { padding: 14px 6px 8px; margin-top: 12px; }
  .velocity-figure img { display: none; }
  .mobile-data { display: block; padding: 10px 6px; }
  .velocity-editorial .mobile-data .data-title { color: #f2f6e9; font: 25px/1.2 Georgia,serif; letter-spacing: -.04em; margin: 6px 0 20px; }
  .mobile-data table { background: transparent; min-width: 0; width: 100%; }
  .mobile-data caption { text-align: left; font-size: 12px; color: #b7c7c0; padding-bottom: 16px; }
  .mobile-data th,.mobile-data td { padding: 16px 5px; border-color: #35433f; }
  .mobile-data th { text-transform: none; letter-spacing: 0; font: 10px/1.6 ui-monospace,monospace; color: #b7c7c0; }
  .mobile-data td { font-size: 16px; color: #e8f2e0; font-variant-numeric: tabular-nums; }
  .event-sequence { padding: 18px 0; border-top: 1px solid #35433f; }
  .event-sequence > span { color: #b4dfc2; font: 10px/1.5 ui-monospace,monospace; letter-spacing: .02em; }
  .velocity-editorial .event-sequence p { color: #b6c6be; font-size: 12px; margin: 8px 0; }
  .event-sequence strong { display: block; font-size: clamp(18px,5.1vw,25px); font-weight: 450; color: #f2f6e9; white-space: nowrap; }
  .event-sequence small { color: #b6c6be; font-size: 11px; display: block; margin-top: 8px; }
  .velocity-editorial #evidence { box-shadow: -10px 0 #e0e7d8,10px 0 #e0e7d8; padding-inline: 10px; }
  .velocity-editorial footer { flex-direction: column; padding-block: 42px; gap: 32px; }
  .velocity-editorial .footer-links { grid-template-columns: repeat(2,minmax(0,1fr)); font-size: 12px; }
}
@media (max-width: 360px) {
  .velocity-editorial .site-header,.velocity-editorial main,.velocity-editorial footer { width: calc(100% - 32px); }
  .velocity-editorial .article-hero h1 { font-size: 33px; }
  .back-tool { gap: 7px; font-size: 10px; padding-left: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .velocity-editorial *, .velocity-editorial *::before, .velocity-editorial *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
