/* Scoped format layouts. Load in the head after sessions.css. */
#formats .formats-group{margin-top:32px;min-width:0}
#formats .formats-group>h3{font-family:var(--f-head);color:var(--navy);font-size:1.25rem;line-height:1.4;margin-bottom:16px}
#formats .formats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
#formats .formats-grid>.card{min-width:0;overflow-wrap:anywhere;background:var(--white);border:1px solid var(--border);border-radius:var(--r-md);padding:22px 20px;display:flex;flex-direction:column;gap:8px}
#formats .formats-grid .c-title{font-family:var(--f-head);font-size:1.06rem;font-weight:700;color:var(--navy);line-height:1.3}
#formats .formats-grid .c-text{font-size:.87rem;color:var(--text-soft);line-height:1.6}
#formats .formats-grid>.formats-assessment{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:center}
#formats .formats-assessment-copy{min-width:0;display:flex;flex-direction:column;gap:8px}
#formats .formats-assessment-photo{width:100%;max-width:280px;margin:0;animation:none;opacity:1;transform:none}
#formats .formats-assessment-photo img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
@media(max-width:700px){
  #formats .formats-grid{grid-template-columns:minmax(0,1fr)}
  #formats .formats-grid>.formats-assessment{grid-template-columns:minmax(0,1fr);gap:16px}
}