.reaction-context{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(170px,1fr);gap:20px;align-items:center;margin:24px 0 28px;padding:20px 24px;background:#f6efe5;border:1px solid #d8c2a9;border-left:4px solid #a57445;border-radius:9px;color:#30241f}.reaction-context dt{margin:0 0 8px;color:#785333;font-size:11px;line-height:1.5;letter-spacing:.09em;text-transform:uppercase;font-weight:700}.reaction-context dd{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0;font-size:19px;line-height:1.5;font-weight:650;font-variant-numeric:tabular-nums}.reaction-period dd>span{white-space:nowrap}.reaction-context .reaction-period-divider{color:#987451;font-weight:400}.reaction-unit{padding-left:24px;border-left:1px solid #dbc8b2}.reaction-unit dd>span{display:inline-block;padding:4px 14px;background:#785333;color:#fff8ee;border-radius:6px;font-size:18px;line-height:1.5}@media(max-width:680px){.reaction-context{grid-template-columns:1fr;gap:17px;padding:17px 16px;margin:20px 0 24px}.reaction-context dd{font-size:16px;gap:8px}.reaction-unit{padding:15px 0 0;border-left:0;border-top:1px solid #dbc8b2;display:flex;align-items:center;justify-content:space-between;gap:12px}.reaction-unit dt{margin:0;max-width:135px}.reaction-unit dd>span{font-size:16px;padding:4px 12px}}