/* Native visual articles: readable text, responsive panels and small vector cues. */
.va-article { width:min(1440px,calc(100% - 48px)); margin:28px auto 48px; color:#263b3a; container-type:inline-size; }
.va-article * { min-width:0; }
.va-title { margin-bottom:28px; }
.va-title .breadcrumbs { margin:0 0 19px; font-size:12px; }
.va-kicker { margin:0 0 10px; color:#c67a70; font-size:11px; font-weight:800; letter-spacing:.065em; text-transform:uppercase; }
.va-title h1 { max-width:none; margin:0 0 13px; font-size:clamp(26px,2.6vw,38px); line-height:1.17; color:#263b3a; letter-spacing:-.025em; }
.va-subtitle { margin:0; color:#637471; font-size:14px; line-height:1.5; }
.va-article .va-dates { margin:8px 0 0; color:#637471; font-size:11px; line-height:1.5; }
.va-stages { display:grid; grid-template-columns:220fr 374fr 350fr 370fr; gap:16px; }
.va-stage { padding:18px 16px 22px; border:1px solid #dce3de; border-top:4px solid var(--va-accent); border-radius:5px 5px 12px 12px; background:#fff; }
.va-exposure { --va-accent:#c67a70; }
.va-routes { --va-accent:#9a89af; }
.va-signals { --va-accent:#c5a057; }
.va-later { --va-accent:#5bb4a7; }
.va-article h2,.va-article h3,.va-article h4 { color:#263b3a; letter-spacing:0; }
.va-stage-heading { display:flex; align-items:center; gap:10px; margin:0 0 25px; font-size:12px; font-weight:800; line-height:1.35; text-transform:uppercase; }
.va-stage-heading span { display:grid; place-items:center; width:28px; height:28px; flex:0 0 28px; border-radius:50%; background:var(--va-accent); color:#fff; font-size:10px; }
.va-article p { color:#637471; font-size:13.5px; line-height:1.48; }
.va-stage p { margin:0; }
.va-intro { margin-bottom:20px!important; }
.va-text-block { margin-bottom:22px; }
.va-block-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:7px; }
.va-block-heading h3 { margin:0; font-size:15px; font-weight:750; line-height:1.3; }
.va-block-heading .va-icon { width:27px; height:27px; flex:0 0 27px; color:#a8b9b1; }
.va-article sup { font-size:9px; line-height:0; vertical-align:super; white-space:nowrap; }
.va-article sup a { color:#598bb3; text-decoration:none; padding:1px 2px; }
.va-article sup a:hover { text-decoration:underline; }
.va-article a:focus-visible { outline:2px solid #729fc5; outline-offset:3px; border-radius:2px; }
.va-exposure .va-spectrum-title { margin:0 0 20px; font-size:25px; line-height:1.23; }
.va-spectrum { display:flex; gap:9px; margin-bottom:18px; }
.va-spectrum span { display:block; padding:6px 10px; border:1px solid #eedbd5; border-radius:7px; background:#f9eeea; color:#c67a70; font-size:11px; font-weight:800; text-align:center; flex:1; text-transform:uppercase; }
.va-spectrum span+span { color:#816d99; background:#f0edf3; border-color:#e0d8e7; }
.va-light { margin:0 0 22px; padding:12px; border:1px solid #eddfd7; border-radius:10px; background:#fcf5f1; }
.va-light svg { display:block; width:100%; }
.va-light figcaption { margin-top:5px; color:#637471; font-size:11px; font-weight:750; }
.va-parameters { display:grid; gap:10px; margin:0 0 25px; }
.va-parameters div { padding:9px 11px; border:1px solid #dce3de; border-radius:8px; background:#f7f8f5; }
.va-parameters dt { font-size:13px; font-weight:750; line-height:1.3; }
.va-parameters dd { margin:3px 0 0; color:#637471; font-size:11px; line-height:1.4; }
.va-delivery { margin-top:35px; }
.va-delivery h3 { margin:0 0 16px; font-size:12px; text-transform:uppercase; }
.va-delivery p+p { margin-top:23px; }
.va-signal-grid { display:grid; gap:16px; }
.va-signal { padding:13px; border:1px solid #e8e3d5; border-radius:9px; background:#fbf7ec; }
.va-signal .va-block-heading { align-items:center; margin-bottom:3px; }
.va-signal h3 { color:#9c792e; font-size:23px; }
.va-signal .va-icon { color:#c9b77f; width:29px; height:29px; flex-basis:29px; }
.va-signal h4 { margin:0 0 9px; color:#927b46; font-size:12px; font-weight:750; line-height:1.3; }
.va-interaction { margin-top:23px; }
.va-interaction h3 { margin:0 0 8px; font-size:13px; }
.va-protective { padding:13px; border:1px solid #dce3de; border-radius:9px; background:#edf5ef; }
.va-protective h3 { margin:0 0 8px; font-size:13.5px; line-height:1.4; }
.va-timing { margin-top:23px!important; }
.va-outcomes { margin-top:34px; }
.va-section-heading { margin:0 0 14px; font-size:12px; font-weight:800; line-height:1.4; text-transform:uppercase; color:#637471!important; }
.va-context { margin:0 0 18px; font-size:12px!important; }
.va-outcome-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:20px 14px; }
.va-outcome { --va-tone:#447f73; --va-tint:#edf5f1; --va-line:#a8cbc0; padding:16px 15px 20px; border:1px solid #e1e5e2; border-top:3px solid var(--va-line); border-radius:10px; background:#fff; }
.va-tone-blue { --va-tone:#527da0; --va-tint:#edf3f8; --va-line:#b1cadf; }
.va-tone-rose { --va-tone:#a26978; --va-tint:#f8eef1; --va-line:#dbb6c2; }
.va-tone-ochre { --va-tone:#92723b; --va-tint:#f8f3e9; --va-line:#dfc99e; }
.va-outcome .va-icon { box-sizing:border-box; padding:4px; border-radius:9px; color:var(--va-tone); background:var(--va-tint); }
.va-outcome-heading { display:flex; align-items:flex-start; gap:12px; min-height:45px; margin-bottom:13px; }
.va-icon { display:block; width:34px; height:34px; flex:0 0 34px; color:#83aea2; }
.va-outcome h3 { margin:3px 0 0; font-size:13.5px; font-weight:750; line-height:1.35; }
.va-outcome h4 { margin:0 0 13px; color:var(--va-tone); font-size:11.5px; font-weight:750; line-height:1.45; }
.va-outcome p { margin:0; font-size:13px; line-height:1.5; }
.va-factors { margin-top:28px; }
.va-factor-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px 16px; }
.va-factor { padding:13px 15px; border:1px solid #e6e1d9; border-radius:10px; background:#f8f6f2; }
.va-factor h3 { margin:0 0 7px; font-size:13px; line-height:1.35; }
.va-factor p { margin:0; font-size:12px; }
.va-timing-examples { margin-top:14px; padding:15px; border:1px solid #e6e1d9; border-radius:10px; background:#fff; }
.va-timing-examples h3 { margin:0 0 12px; font-size:13px; }
.va-timing-example-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.va-timing-example-grid p { margin:0; font-size:12px; }
.va-timing-example-grid strong { color:#527da0; }
.va-references { margin-top:28px; padding-top:18px; border-top:1px solid #e1e5e2; }
.va-references ol { margin:0; padding-left:22px; column-count:2; column-gap:34px; }
.va-references li { padding-left:3px; margin:0 0 8px; break-inside:avoid; color:#637471; font-size:11px; line-height:1.45; }
.va-references li::marker { color:#527da0; font-weight:700; }
.va-references a { color:#3f626f; text-decoration:none; }
.va-references a:hover { text-decoration:underline; }
.va-ref-author { color:#263b3a; }
.va-ref-journal { font-style:italic; }
@container (max-width:1050px) {
  .va-stages { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
  .va-outcome-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .va-exposure .va-spectrum-title br { display:none; }
  .va-light { max-width:260px; }
}
@container (max-width:720px) {
  .va-references ol { column-count:1; }
  .va-outcome-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .va-factor-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@container (max-width:500px) {
  .va-stages,.va-outcome-grid,.va-factor-grid,.va-timing-example-grid { grid-template-columns:minmax(0,1fr); }
  .va-stage-heading { margin-bottom:20px; }
  .va-outcome-heading { min-height:0; align-items:center; }
  .va-outcome p,.va-stage p { font-size:14px; }
}
@media (max-width:600px) { .va-article { width:calc(100% - 30px); margin-top:22px; } }
@media print {
  .site-header,.site-footer,.breadcrumbs,.view-edge { display:none!important; }
  html { zoom:1; }
  body { padding:0!important; }
  .va-article { width:100%; margin:0; }
  .va-stage,.va-outcome,.va-factor,.va-timing-examples { break-inside:avoid; }
  .va-article { -webkit-print-color-adjust:exact; print-color-adjust:exact; }
}