.di-method{
  --navy:#0d1b2e;
  --ink:#1a2332;
  --muted:#5a6577;
  --line:#e2e9f1;
  --soft:#f8fafc;
  --blue:#086ad8;
  padding: 48px 0 80px;
  color: var(--ink);
}
.di-method .wrap{max-width: 820px; margin: 0 auto; padding: 0 32px;}
.di-method .crumb{
  font-size: 13px; color: var(--muted); margin: 0 0 22px;
}
.di-method .crumb a{color: var(--blue); text-decoration: none;}
.di-method .kicker{
  font-size: 11px; letter-spacing: .16em; text-transform: uppercase;
  font-weight: 600; color: var(--muted); margin: 0 0 10px;
}
.di-method h1{
  font-family: Poppins, sans-serif;
  font-size: clamp(28px, 4vw, 40px);
  line-height: 1.2; color: var(--navy); margin: 0 0 16px; font-weight: 700;
}
.di-method .deck{
  font-size: 18px; line-height: 1.55; margin: 0 0 28px; color: var(--ink);
}
.di-method h2{
  font-family: Poppins, sans-serif;
  font-size: 22px; color: var(--navy); margin: 36px 0 12px; font-weight: 600;
}
.di-method h3{
  font-size: 16px; color: var(--navy); margin: 22px 0 8px; font-weight: 600;
}
.di-method p, .di-method li{font-size: 16px; line-height: 1.7; margin: 0 0 12px;}
.di-method ul, .di-method ol{margin: 0 0 16px; padding-left: 22px;}
.di-method table{width: 100%; border-collapse: collapse; margin: 12px 0 20px; font-size: 14.5px;}
.di-method th, .di-method td{border-bottom: 1px solid var(--line); padding: 10px 12px; text-align: left; vertical-align: top;}
.di-method thead th{font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted);}
.di-method .note{
  background: var(--soft); border-left: 3px solid var(--blue); padding: 14px 16px; margin: 16px 0 24px;
}
.di-method time{font-weight: 600;}
@media (max-width: 430px){
  .di-method .wrap{padding: 0 18px;}
  .di-method table{font-size: 13px;}
}