.jfr-interview-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}
.jfr-interview-tab{--tab-color:#1d4ed8;display:grid;grid-template-columns:1fr auto;gap:6px;text-align:left;padding:16px;background:#fff;border:2px solid #e2e8f0;border-radius:14px;color:#334155;cursor:pointer}
.jfr-interview-tab.completed{--tab-color:#15803d}.jfr-interview-tab.cancelled{--tab-color:#b91c1c}
.jfr-interview-tab.active{border-color:var(--tab-color);box-shadow:0 3px 12px #0f172a12}
.jfr-interview-tab strong{font-size:24px;color:var(--tab-color);grid-column:2;grid-row:1/3}
.jfr-interview-tab span{font-weight:750;font-size:14px}.jfr-interview-tab small{font-size:11px;color:#64748b}
.jfr-interview-tab:focus-visible{outline:3px solid #60a5fa;outline-offset:3px}
.jfr-lesson-guide{line-height:1.85;font-size:15px;overflow-wrap:anywhere}
.jfr-lesson-guide .guide-summary{padding:16px;background:#f0f9ff;border-radius:12px;margin:12px 0}
.jfr-lesson-guide.np{font-size:16px}
.jfr-lesson-guide article{border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin:12px 0}
.jfr-lesson-guide blockquote{margin:12px 0;padding:12px 16px;background:#f8fafc;border-left:3px solid #2563eb;color:#0f172a}
.jfr-lesson-guide h4{font-size:16px;margin:0 0 10px}.jfr-lesson-guide p{margin:8px 0}
@media(max-width:600px){.jfr-interview-tabs{gap:6px}.jfr-interview-tab{padding:10px;display:flex;flex-direction:column}.jfr-interview-tab span{font-size:12px}.jfr-interview-tab strong{font-size:22px}.jfr-interview-tab small{font-size:10px}.jfr-lesson-guide article{padding:12px}}