/* Exam classification cards. Card insets and gaps share the portal spacing. */
.exam-panel{display:flex;flex-direction:column;gap:var(--space);height:calc(100dvh - 2 * var(--space) - var(--header-row-height));min-height:0}
.exam-columns{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr) minmax(0,3fr);gap:var(--space)}
.exam-column{min-width:0;min-height:0}
/* Columns are layout/scroll wrappers, not extra focus stops. Keyboard users
   reach the buttons directly; focused buttons scroll into view as needed.
   バーは表示せず、列内のホイール・タッチ操作は維持する。 */
.exam-column-body{height:100%;min-height:0;overflow:auto;scrollbar-width:none;overscroll-behavior:contain}
.exam-column-body::-webkit-scrollbar{display:none}
.exam-list{display:grid;align-content:start;gap:var(--space)}
.exam-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space);min-width:0;width:100%;padding:calc(var(--space) / 2) var(--space);border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-2);color:var(--text);font-size:.95rem;font-weight:700;line-height:1.65;text-align:left}
.exam-card:hover{background:var(--panel-3)}
/* Link-based cards (such as trial signup) use the same button appearance. */
a.exam-card{text-decoration:none}
.exam-card.is-dimmed{background:var(--panel);border-color:var(--line);color:var(--muted)}
.exam-card.is-dimmed .exam-card-level{color:var(--muted)}
.exam-card.is-dimmed:hover{background:var(--panel-2);color:var(--text)}
.exam-card:disabled{opacity:.45;cursor:not-allowed}
.exam-card-name{min-width:0;white-space:nowrap;overflow:hidden}
.exam-card-level{flex:none;color:var(--mint);font-variant-numeric:tabular-nums;white-space:nowrap}
.exam-card-level small{font-size:.65em;color:#b4b9b5}
.exam-card[aria-pressed="true"] .exam-card-level{color:inherit}
.exam-card[aria-pressed="true"] .exam-card-level small{color:inherit}
.exam-card-recommended{border-color:var(--mint);color:var(--mint)}
.exam-panel #exam-feedback{margin:0}
.exam-panel #exam-retry{align-self:start}
.exam-option-toast{z-index:10000}

  .exam-view.active{display:flex;flex-direction:column;height:calc(100dvh - 2 * var(--space))}
  .exam-view>.heading-row{flex:none}
  .exam-panel{flex:1;height:auto}


/* Selection colour identifies the active card. Keep focus/Enter, without an extra ring. */
.exam-card:focus,.exam-column-body:focus{outline:none}