/* Compact PC charts use real counts and keep their values visible as text. */
.learning-progress{width:100%;min-width:0}
.learning-progress-label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:calc(10px * var(--study-text-scale, 1));color:var(--muted);margin-bottom:7px}
.learning-progress-label strong{font-size:calc(12px * var(--study-text-scale, 1));color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.learning-progress-label strong span{font-size:calc(10px * var(--study-text-scale, 1));color:var(--muted);font-weight:400}
.learning-progress-track{height:5px;border-radius:3px;background:var(--line);overflow:hidden}
.learning-progress-track>span{display:block;height:100%;background:var(--accent);border-radius:inherit}
.record-insight-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px;align-items:start;margin-bottom:18px}
.record-insight-side{display:grid;gap:18px;min-width:0}
.record-insight-grid .settings-panel{min-width:0}
.learning-chart-legend{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:calc(10px * var(--study-text-scale, 1));color:var(--muted);margin:0 0 10px}
.learning-chart-legend>span{display:flex;align-items:center;gap:6px}
.learning-chart-legend i{display:block;width:9px;height:9px;border-radius:2px;background:var(--accent)}
.learning-chart-legend .legend-review{background:var(--gold)}
.learning-chart-legend .legend-new{background:repeating-linear-gradient(135deg,transparent 0 2px,var(--muted) 2px 3px);border:1px solid var(--line)}
.learning-field-row{padding:7px 0;border-bottom:1px solid var(--line)}
.learning-field-row:last-child{padding-bottom:0;border-bottom:0}
.learning-field-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:5px}
.learning-field-heading>strong{font-size:calc(11px * var(--study-text-scale, 1));font-weight:550;line-height:1.7}
.learning-field-heading .button{flex:none;min-height:24px;padding:2px 8px;font-size:calc(9px * var(--study-text-scale, 1));white-space:nowrap}
.learning-stacked-bar{height:12px;display:flex;overflow:hidden;border-radius:3px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}
.learning-stacked-bar>span{display:block;height:100%;flex:none}
.learning-segment-correct{background:var(--accent)}
.learning-segment-review{background:var(--gold)}
.learning-segment-new{background:repeating-linear-gradient(135deg,transparent 0 4px,color-mix(in srgb,var(--muted) 25%,transparent) 4px 5px)}
.learning-field-counts{display:flex;align-items:center;gap:12px;margin-top:4px;font-size:calc(9px * var(--study-text-scale, 1));line-height:1.5;color:var(--muted);font-variant-numeric:tabular-nums}
.learning-field-counts b{color:var(--ink);font-weight:500;margin-left:2px}
.learning-field-total{margin-left:auto;white-space:nowrap}
.learning-chart-note{font-size:calc(10px * var(--study-text-scale, 1))!important;line-height:1.9!important;color:var(--muted);margin:12px 0 0!important}
.learning-chart-empty{display:grid;gap:9px;padding:14px 0 8px;color:var(--muted)}
.learning-chart-empty p{font-size:calc(12px * var(--study-text-scale, 1));color:var(--ink)}
.learning-chart-empty>span{font-size:calc(11px * var(--study-text-scale, 1));line-height:1.9}
.learning-chart-empty .text-link{font-size:calc(11px * var(--study-text-scale, 1))}
.learning-time-axis{position:relative;height:22px;margin-top:16px;font-size:calc(9px * var(--study-text-scale, 1));color:var(--muted)}
.learning-time-axis>span{position:absolute;top:0}
.learning-time-axis>span:nth-child(2){transform:translateX(-50%)}
.learning-time-axis>span:last-child{right:0}
.learning-time-row{display:block;padding:9px 0;color:var(--ink);text-decoration:none;border-top:1px solid var(--line)}
.learning-time-row:hover .learning-time-heading strong{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.learning-time-heading{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.learning-time-heading strong{font-size:calc(10px * var(--study-text-scale, 1));font-weight:550;line-height:1.8}
.learning-time-heading>span{font-size:calc(9px * var(--study-text-scale, 1));white-space:nowrap;color:var(--muted)}
.learning-time-theme{font-size:calc(11px * var(--study-text-scale, 1));line-height:1.7;margin:3px 0 7px!important}
.learning-time-track{position:relative;height:10px;background:var(--paper);border-radius:3px;box-shadow:inset 0 0 0 1px var(--line)}
.learning-time-fill{display:block;height:100%;background:var(--accent);border-radius:inherit;max-width:100%}
.learning-time-goal{position:absolute;top:-4px;bottom:-4px;border-left:2px dashed var(--muted);transform:translateX(-1px)}
.learning-time-row.is-over .learning-time-fill{background:var(--gold)}
.learning-time-values{display:flex;flex-wrap:wrap;gap:3px 12px;margin-top:7px;font-size:calc(9px * var(--study-text-scale, 1));color:var(--muted);font-variant-numeric:tabular-nums}
.learning-time-values>span:first-child{color:var(--ink)}
.learning-time-values>time{margin-left:auto}
.learning-time-row.is-over .learning-time-values>span:nth-child(2){color:var(--gold)}
.learning-time-unknown{margin:7px 0!important;font-size:calc(10px * var(--study-text-scale, 1));color:var(--muted)}
.record-insight-side .record-chart{height:100px;margin-top:18px}
.record-recent-section{margin-bottom:18px!important}
@media(min-width:900px) and (max-width:1180px){
 .record-insight-grid{grid-template-columns:1fr}
 .record-insight-side{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
 .learning-field-row{display:grid;grid-template-columns:170px minmax(0,1fr);column-gap:20px;padding:12px 0}
 .learning-field-heading{grid-row:1/3;display:grid;justify-content:start;gap:6px;margin:0}
 .learning-field-heading .button{justify-self:start}
 .learning-field-counts{gap:16px}
 .learning-stacked-bar{align-self:end}
}