.area-row { background: var(--bs-tertiary-bg); border: 1px solid var(--bs-border-color); border-radius: .75rem; padding: 1rem; }
.area-row + .area-row { margin-top: .75rem; }
.bag-grid { display: grid; gap: .75rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.bag-card { background: #fff; border: 1px solid var(--bs-border-color); border-radius: .75rem; padding: 1rem; }
.bag-card strong { display: block; font-size: 1.35rem; }
.measurement-summary { border-top: 1px solid #cfe2ff; }
.info-tooltip { align-items: center; background: var(--bs-primary); border: 0; border-radius: 50%; color: #fff; display: inline-flex; font-size: .75rem; font-weight: 700; height: 1.25rem; justify-content: center; line-height: 1; padding: 0; vertical-align: .1rem; width: 1.25rem; }
.info-tooltip:hover, .info-tooltip:focus-visible { background: var(--bs-primary-text-emphasis); color: #fff; }
@media (max-width: 575.98px) { .bag-grid { grid-template-columns: 1fr; } }