.class-main{display:grid;gap:1.25rem;padding-block:1.5rem 3rem}.class-nav{display:flex;align-items:center;gap:.75rem;margin-inline-start:auto}.class-card{display:grid;gap:.5rem;align-content:start}.class-card h3{margin:0}.class-card h3 a{color:inherit;text-decoration:none}.class-cover{width:100%;aspect-ratio:1200 / 630;-o-object-fit:cover;object-fit:cover;border-radius:12px}.class-hero{max-height:260px}.class-description{white-space:pre-line}.class-inline{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-block-end:1rem}.class-inline .input{flex:1 1 12rem;width:auto}.class-form{display:grid;gap:.75rem}.class-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end}.class-row .form-field{flex:1 1 8rem}.class-sessions{list-style:none;padding:0;margin:0 0 1rem;display:grid;gap:.5rem}.class-sessions li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .8rem;border:1px solid var(--line);border-radius:10px}.class-sessions code{word-break:break-all}.class-switches{display:grid;gap:.5rem;border:1px solid var(--line);border-radius:10px;padding:.75rem 1rem}.class-switches label{display:flex;gap:.5rem;align-items:center}.class-join{display:grid;gap:.75rem;max-width:36rem;margin-inline:auto}.history-table .badge{margin-inline-start:.4rem}