/* Model follow-ups share the model-interview design and add the pre-visit chart,
   the audio-in-preparation panel, and the reusable-phrase list. */
@import url("../model-interviews/styles.css");

.audio-pending .pending-badge{padding:.1rem .6rem;border:1px solid #34496c;border-radius:var(--radius-pill);color:#8eb2ff;font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.audio-pending .audio-title-row{align-items:center}
.pending-copy{margin:.85rem 0 0;color:#b7c2d8;font-size:var(--text-sm);line-height:1.55}
.chart-section{display:grid;grid-template-columns:18rem minmax(0,1fr);gap:clamp(2rem,6vw,5rem);align-items:start;padding-block:4.5rem;border-top:1px solid var(--color-rule)}
.chart-intro p:last-child{color:var(--color-ink-2)}
.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.chart-card{padding:1.35rem 1.5rem;border:1px solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper-3)}
.chart-card h3{margin:0 0 .7rem;color:var(--color-accent);font-size:var(--text-xs);font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.chart-card p{margin:0}
.chart-card ul{display:grid;gap:.4rem;margin:0;padding-left:1.1rem}
.chart-wide{grid-column:span 2}
.chart-tasks{grid-column:span 2;background:var(--color-accent-wash);border-color:transparent}
.recall-details summary{display:inline-block;list-style:none}
.recall-details summary::-webkit-details-marker{display:none}
.recall-details summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:.2rem}
.recall-details[open] summary{opacity:.7}
.phrase-section{display:grid;grid-template-columns:1fr 2fr;gap:2rem;padding-block:0 6rem}
.phrase-list{display:grid;gap:0;margin:0}
.phrase{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:1.5rem;padding:1.1rem 0;border-top:1px solid var(--color-rule)}
.phrase dt{font-family:var(--font-display);font-size:clamp(1.3rem,2.4vw,1.6rem);line-height:1.25}
.phrase dd{margin:0;color:var(--color-ink-2);font-size:var(--text-sm)}
.follow-up-page .recall-answer p{font-weight:500}
@media (max-width:54rem){.chart-section,.phrase-section{grid-template-columns:1fr}.chart-grid{grid-template-columns:1fr}.chart-wide,.chart-tasks{grid-column:auto}.phrase{grid-template-columns:1fr;gap:.35rem}}