/* Reuse the existing paper, seal, typography, palette and reduced-motion styles. */
.test-presentation img{display:block;width:96px;height:96px;max-width:100%;object-fit:contain;margin-block:16px}
.expanded-view audio{display:block;width:100%;min-width:0;margin-block:16px}
.expanded-view .course-cover{margin:16px 0;min-width:0}
.expanded-view .course-cover-image{display:block;width:100%;max-width:640px;height:auto}
.expanded-view .course-cover figcaption{margin-top:8px}
.expanded-view .detail-text,.expanded-view .record-text{overflow-wrap:anywhere}
.expanded-view [type=file]{max-width:100%;min-width:0}
.expanded-view .detail-sheet>h3{margin-top:18px}
.expanded-view .field-error{color:var(--vermilion);border-inline-start:2px solid var(--vermilion);padding-inline-start:10px}

/* Participant tasks use the existing paper/ink palette and retain native controls. */
.consultation-steps{display:flex;flex-wrap:wrap;gap:12px 24px;list-style:none;margin:16px 0 24px;padding:0;color:var(--text-secondary,#666)}
.consultation-steps li{display:flex;align-items:center;gap:8px;font-size:14px}
.consultation-steps li span{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid currentColor;border-radius:50%}
.consultation-steps .current{color:var(--vermilion,#a64332);font-weight:700}
.consultation-section{border-block-start:1px solid var(--border-color,#d8d3ca);padding:12px 0;margin-block:12px}
.consultation-section>summary{cursor:pointer;min-height:44px;align-content:center;font-size:18px;font-weight:600}
.consultation-section>summary:focus-visible{outline:2px solid var(--vermilion,#a64332);outline-offset:4px}
.consultation-section .detail-sheet{margin-block:12px}
.consultation-toolbar{display:flex;flex-wrap:wrap;gap:12px;margin-block:16px}
@media(max-width:600px){.consultation-steps{gap:8px 12px}.consultation-steps li{font-size:13px}.consultation-section>summary{font-size:17px}}

main.participant-flow{max-width:1060px;margin-inline:auto;padding:24px 20px 64px}
@media(max-width:600px){main.participant-flow{padding:16px 12px 40px}}

/* Keep the active question and answer close together; long background stays optional. */
.consultation-workspace .detail-sheet{padding:20px 24px;margin-bottom:16px}
.consultation-workspace .detail-section{padding-block:14px}
.consultation-workspace .scroll-container{padding:24px}
.consultation-workspace .notice{padding:14px 16px}
.consultation-workspace .consultation-section{padding-block:6px;margin-block:8px}
.consultation-workspace .field{margin-bottom:16px}
@media(max-width:600px){.consultation-workspace .detail-sheet,.consultation-workspace .scroll-container{padding:16px}.consultation-workspace .detail-section{padding-block:10px}}

.consultation-tabs{margin-block:20px 16px}
.consultation-tabs .btn[aria-current="page"]{border-color:var(--vermilion);background:var(--vermilion);color:var(--rice-paper);font-weight:600}

/* Questions lead; record metadata and assistance stay visually secondary. */
.question-form{padding:28px 32px}
.question-form .field-label{border:0;padding:0;color:var(--ink);font-size:14px;letter-spacing:0;margin-bottom:8px}
.question-form .field{margin-bottom:22px}
.question-form .consultation-section{border:0;margin-block:4px;padding-block:0}
.question-form .consultation-section>summary{font-size:13px;font-weight:400;color:var(--ink-light)}
.question-form .question-policy{margin-block:8px 20px}
.form-assist{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--line)}
.form-assist .hint-text{margin:0}
.question-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin-block:12px 18px;color:var(--ink-light);font-size:12px}
.list-status{font-size:13px;color:var(--ink-light);margin-block:18px 8px}
.question-card,.master-card{padding:24px 28px;margin-block:16px 20px;background:var(--field);border:1px solid var(--line)}
.question-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.question-card>h2,.question-card>div,.question-card>.btn{grid-column:1/-1}
.question-card>h2,.master-card>h2{font-size:20px;letter-spacing:.5px;line-height:1.6}
.question-card>.detail-section{padding-block:12px;border:0}
.question-card .detail-label{letter-spacing:0;font-size:12px}
.question-card>.btn{justify-self:start;margin-top:12px}
.master-card .detail-text{max-width:65ch;line-height:1.9}
.consultation-steps{color:var(--ink-light);gap:8px 20px;margin-block:18px 24px}
.consultation-section{border-color:var(--line)}
.consultation-section>summary{font-size:15px;font-weight:500}
@media(max-width:600px){
  .question-form,.question-card,.master-card{padding:20px}
  .question-card{gap:0 16px}
  .question-card>h2{font-size:18px}
  .question-card>.btn{width:100%}
  .consultation-steps{gap:8px 12px}
  .form-assist{align-items:flex-start;flex-direction:column;gap:4px}
}

/* Consultation reading has one consistent measure; records remain complete. */
.consultation-workspace .detail-text,.consultation-workspace .record-text{max-width:65ch;line-height:1.9;white-space:pre-wrap}
.consultation-workspace .record{padding:16px 0;border-block-end:1px solid var(--line)}
.consultation-workspace .record .detail-label{font-size:12px;letter-spacing:0}
.consultation-workspace .record .detail-section{border:0;padding-block:8px}
.consultation-workspace .compact-form textarea{min-height:132px}

/* Participant lists keep titles, status and next action in a stable rhythm. */
.participant-flow .order-card{padding:22px 24px;margin-block:16px;border:1px solid var(--line)}
.participant-flow .order-card>h2{font-size:20px;letter-spacing:.5px;line-height:1.6;margin-bottom:12px}
.participant-flow .order-card>.btn{margin-top:12px}
.consultation-workspace .record{padding-inline:20px}
@media(max-width:600px){.participant-flow .order-card{padding:18px}.participant-flow .order-card>.btn{width:100%}}

/* Teacher editing follows the same label/help hierarchy as account settings. */
.main-content .scroll-container .field-label{border:0;padding:0;font-size:14px;letter-spacing:0;color:var(--ink)}
.main-content .scroll-container .field{margin-bottom:22px}
.record-list>.record{padding:20px;overflow-wrap:anywhere}
.record-list>.record>.detail-section{padding-block:12px}

/* Use the existing list/detail sections, with a static wide-screen comparison. */
[data-catalog-layout]{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px}
[data-catalog-layout]:has(>[tabindex]:not(:empty)){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
[data-catalog-layout]>section:not(:empty){padding:24px;background:var(--rice-paper-warm);border:1px solid var(--line);overflow-wrap:anywhere}
[data-catalog-layout] .order-card{padding:20px;margin-bottom:16px}
[data-catalog-layout] h2{font-size:20px;letter-spacing:.5px;line-height:1.6}
[data-catalog-layout] .detail-label{letter-spacing:0;font-size:12px}
@media(max-width:700px){[data-catalog-layout]:has(>[tabindex]:not(:empty)){grid-template-columns:minmax(0,1fr)}}

/* Inbox reading prioritizes event, time and the original destination. */
[data-notification-list]>.record{margin-block:16px;padding:22px 24px;border:1px solid var(--line);background:var(--field)}
[data-notification-list] h2{font-size:20px;line-height:1.6;letter-spacing:.5px;margin-bottom:8px}
[data-notification-list] .consultation-section{border:0;padding:0}
[data-notification-list] .consultation-section>summary{font-size:13px;color:var(--ink-light)}
[data-notification-list]>.record>.btn{margin-top:12px}
@media(max-width:600px){[data-notification-list]>.record{padding:18px}[data-notification-list]>.record>.btn{width:100%}}