/* ---------- workshops page only ---------- */
/* the three durations, drawn to scale, so the choice is visible before it is read */
.scale{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:2.75rem;background:color-mix(in srgb,var(--sage-glow) 26%,transparent);border-radius:var(--r-card);overflow:hidden}
@media(max-width:560px){ .scale{grid-template-columns:1fr} }
.scale-cell{background:var(--forest);padding:1.35rem 1.2rem}
.scale-cell .d{font-size:var(--label);font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--sage-glow);display:block;margin-bottom:.6rem}
.scale-cell .t{font-family:var(--display);font-size:1.05rem;color:var(--on-forest);line-height:1.35;display:block}
.scale-cell .bar{height:4px;border-radius:2px;background:color-mix(in srgb,var(--sage-glow) 26%,transparent);margin-top:1rem;overflow:hidden}
.scale-cell .bar i{display:block;height:100%;background:var(--copper-glow);border-radius:2px}

/* which one fits: a decision table, not a sales grid */
.fit{margin-top:2.5rem;max-width:52rem}
.fit .keyrow{grid-template-columns:11rem minmax(0,1fr)}
@media(max-width:640px){ .fit .keyrow{grid-template-columns:1fr;gap:.3rem} }

.room{max-width:var(--measure)}
.room li{font-size:.95rem}