/* ELARVEN engagements addendum
   Additive only. Loads after elarven-20260830.2.css.
   Nothing here overrides an existing rule except the 430px nav rule,
   which hid the second nav link and would otherwise hide "Engagements". */

/* --- nav: four items must all survive on small screens --- */
.masthead-inner{gap:18px}
.nav{flex-wrap:wrap;justify-content:flex-end}
@media(max-width:620px){
  .nav{gap:14px}
}
@media(max-width:430px){
  .nav-link:nth-child(2){display:inline}
  .masthead-inner{height:auto;padding:12px 0;flex-wrap:wrap;gap:8px 18px}
  .nav{gap:12px}
  .nav-link{font-size:11px}
}

/* --- engagement blocks --- */
.eng-stack{border-top:1px solid var(--line)}
.eng{
  display:grid;grid-template-columns:220px minmax(0,1fr);gap:46px;
  padding:38px 0;border-bottom:1px solid var(--line)
}
.eng-side{padding-top:4px}
.eng-price{
  margin:12px 0 14px;font-size:34px;line-height:1;
  letter-spacing:-.045em;font-weight:470
}
.eng-terms{margin:0;padding:0;list-style:none;font-size:12px;color:var(--muted);line-height:1.75}
.eng-body h3{
  margin:0;font-size:25px;line-height:1.14;letter-spacing:-.031em;font-weight:520
}
.eng-for{margin:12px 0 0;max-width:760px;color:#555c56;font-size:14px;line-height:1.6}
.eng .data-table{margin:22px 0 0;max-width:860px}
.eng .data-table th[scope=row]{
  width:150px;white-space:nowrap;vertical-align:top;font-weight:600
}
.eng .callout{margin:26px 0 0;max-width:860px}
.eng .callout a{text-decoration:none;border-bottom:1px solid currentColor}

/* --- process / independence: em-dash marker instead of a false sequence --- */
.method-item .num{line-height:1.9}

/* --- closing block --- */
.eng-cta-head{
  margin:14px 0 0;font-size:clamp(26px,3.4vw,40px);line-height:1.1;
  letter-spacing:-.04em;font-weight:470;max-width:20ch
}
.eng-cta-desc{margin:18px 0 0;max-width:660px;font-size:15px;line-height:1.6;color:#555c56}
.contact-block .contact-email{margin-top:30px}

@media(max-width:900px){
  .eng{grid-template-columns:1fr;gap:18px}
  .eng-side{order:2;border-top:1px solid var(--line);padding-top:20px}
  .eng-body{order:1}
  .eng-price{margin:10px 0 12px;font-size:30px}
}
@media(max-width:620px){
  .eng{padding:28px 0}
  .eng-body h3{font-size:22px}
  .eng .data-table th[scope=row]{
    display:block;width:auto;white-space:normal;
    border-bottom:0;padding-bottom:2px
  }
  .eng .data-table td{display:block;padding-top:0}
}

/* charts are drawn on the page background, not on a white plate */
.research-figure img{background:transparent}