.supervision-intro { max-width:var(--content); margin:0 auto; padding:2.5rem 1.1rem 1.1rem; }.supervision-intro h1 { max-width:760px; margin:0 0 .55rem; font:500 clamp(2.25rem,4vw,3.2rem)/1.06 var(--serif); letter-spacing:-.04em; }.supervision-intro > p:not(.eyebrow) { max-width:700px; margin:0; color:var(--muted); font:1rem/1.55 var(--serif); }.stat-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; max-width:760px; margin-top:1.35rem; }.stat-card { padding:.9rem 1rem; border:1px solid var(--line); border-top:3px solid var(--teal); background:color-mix(in srgb,var(--paper) 84%,transparent); }.stat-card:nth-child(2) { border-top-color:var(--violet); }.stat-card:nth-child(3) { border-top-color:var(--amber); }.stat-card strong { display:block; color:var(--ink); font:500 1.8rem/1 var(--serif); }.stat-card span { display:block; margin-top:.3rem; font-size:.72rem; font-weight:700; }.stat-card small { display:block; margin-top:.3rem; color:var(--muted); font-size:.62rem; }.quick-links { display:flex; flex-wrap:wrap; gap:.4rem; max-width:var(--content); margin:0 auto 1.2rem; padding:0 1.1rem; }.quick-links a { padding:.38rem .6rem; border:1px solid var(--line); border-radius:4px; color:var(--muted); font-size:.68rem; text-decoration:none; }.quick-links a:hover { color:var(--ink); background:var(--paper-deep); }
.supervision-panel { max-width:var(--content); margin:0 auto 1.2rem; padding:1.2rem; border:1px solid var(--line); background:color-mix(in srgb,var(--paper) 86%,transparent); box-shadow:0 .3rem 1.1rem rgba(16,36,58,.05); }.panel-heading { display:flex; align-items:baseline; justify-content:space-between; gap:1rem; padding-bottom:.85rem; border-bottom:1px solid var(--line); }.panel-heading h2 { margin:0; font:500 1.55rem/1.1 var(--serif); letter-spacing:-.025em; }.panel-note { color:var(--muted); font-size:.66rem; }.section-toggle { border:1px solid var(--line); border-radius:4px; color:var(--muted); background:transparent; font-size:.65rem; cursor:pointer; }.section-toggle:hover { color:var(--ink); background:var(--paper-deep); }.record-toolbar { display:grid; grid-template-columns:minmax(180px,1fr) auto; gap:.8rem; align-items:center; padding:1rem 0; }.record-search input { width:100%; min-height:38px; padding:.5rem .7rem; border:1px solid var(--line); border-radius:4px; color:var(--ink); background:var(--paper); }.filter-group { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.3rem; }.filter-button { padding:.42rem .55rem; border:1px solid var(--line); border-radius:4px; color:var(--muted); background:transparent; font-size:.62rem; cursor:pointer; }.filter-button.active,.filter-button:hover { color:#fff; border-color:var(--teal); background:var(--teal); }.record-table-wrap { overflow-x:auto; }.record-table { width:100%; min-width:760px; border-collapse:collapse; font-size:.68rem; }.record-table th { padding:.55rem .6rem; color:var(--muted); background:var(--paper-deep); font-size:.61rem; font-weight:700; letter-spacing:.05em; text-align:left; text-transform:uppercase; }.record-table td { padding:.7rem .6rem; border-bottom:1px solid var(--line); vertical-align:top; }.record-table td strong,.record-table td small { display:block; }.record-table td strong { font:500 .82rem var(--serif); }.record-table td small { margin-top:.15rem; color:var(--muted); font-size:.62rem; }.record-table td:nth-child(3) { white-space:nowrap; color:var(--muted); }.level-badge { display:inline-block; padding:.16rem .32rem; border:1px solid currentColor; border-radius:3px; font-size:.58rem; }.level-badge.phd { color:var(--violet); }.level-badge.msc { color:var(--teal); }.level-badge.external { color:var(--amber); }.empty-state { margin:1rem 0 0; color:var(--muted); font:1rem var(--serif); }
.supervision-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:1.2rem; max-width:var(--content); margin:0 auto; }.supervision-grid .supervision-panel { width:100%; }.timeline-list,.project-list { display:grid; }.timeline-list article { display:grid; grid-template-columns:76px minmax(0,1fr); gap:.8rem; padding:.85rem 0; border-bottom:1px solid var(--line); }.timeline-list article:last-child,.project-list article:last-child { border-bottom:0; }.timeline-list article > span { color:var(--amber); font:500 .76rem var(--serif); }.timeline-list h3,.project-list h3 { margin:0; font:500 1rem var(--serif); }.timeline-list p,.project-list p { margin:.25rem 0; color:var(--muted); font-size:.72rem; }.timeline-list small,.project-list small { color:var(--muted); font-size:.61rem; }.project-list article { padding:.75rem 0; border-bottom:1px solid var(--line); }.project-list article small { display:block; margin-top:.12rem; }.achievement-grid,.area-grid,.resource-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.8rem; margin-top:1rem; }.achievement-grid article,.area-grid article { min-height:145px; padding:.9rem; border:1px solid var(--line); background:var(--paper-deep); }.achievement-grid strong { color:var(--amber); font:500 1.75rem/1 var(--serif); }.achievement-grid h3,.area-grid h3 { margin:.65rem 0 .3rem; font:500 1rem var(--serif); }.achievement-grid p,.area-grid p { margin:0; color:var(--muted); font-size:.7rem; }.area-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.area-grid article { min-height:132px; }.area-grid span { display:inline-block; margin-top:.55rem; color:var(--teal); font-size:.61rem; font-weight:700; }.resource-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.resource-grid a { display:grid; grid-template-columns:28px minmax(0,1fr); gap:.1rem .6rem; padding:.85rem; border:1px solid var(--line); text-decoration:none; }.resource-grid a:hover { background:var(--paper-deep); }.resource-grid a > span { grid-row:span 2; color:var(--amber); font-size:1.2rem; }.resource-grid strong { font:500 1rem var(--serif); }.resource-grid small { color:var(--muted); font-size:.66rem; }
@media(max-width:980px) { .supervision-grid { grid-template-columns:1fr; }.achievement-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.area-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:860px) { .supervision-intro { padding:2rem .35rem 1rem; }.supervision-intro h1 { font-size:2.35rem; }.stat-strip { grid-template-columns:1fr; max-width:none; }.quick-links { gap:.3rem; padding:0 .35rem; }.supervision-panel { margin-bottom:1rem; padding:1rem; }.record-toolbar { grid-template-columns:1fr; }.filter-group { justify-content:flex-start; }.supervision-grid { display:block; }.supervision-grid .supervision-panel { margin-bottom:1rem; }.achievement-grid,.area-grid,.resource-grid { grid-template-columns:1fr; }.timeline-list article { grid-template-columns:58px minmax(0,1fr); }.panel-heading h2 { font-size:1.3rem; } }