#driver-learning {margin-top:7px;pointer-events:auto;text-align:right;font:11px/1.5 var(--font-body,system-ui);}
#driver-learning>summary {display:inline-block;cursor:pointer;border:1px solid #78998b;border-radius:8px;background:#203d32;color:#f7f2df;padding:7px 10px;list-style:none;}
#driver-learning>summary::after {content:' ▾';}
#driver-learning[open]>summary::after {content:' ▴';}
#driver-learning summary:focus-visible,#driver-learning button:focus-visible,#driver-learning select:focus-visible {outline:3px solid #93dac6;outline-offset:2px;}
.learning-panel {position:absolute;top:calc(100% + 8px);right:0;width:310px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 340px);overflow:auto;box-sizing:border-box;text-align:left;padding:16px;border:1px solid #78998b;border-radius:12px;background:#172824;color:#eef3e9;box-shadow:0 15px 40px #071f2640;}
.learning-panel-heading {display:flex;align-items:center;justify-content:space-between;gap:8px;}
.learning-panel-heading strong {font:500 20px var(--font-display,Georgia);color:#fff1d5;}
#driver-learning button {cursor:pointer;border:1px solid #81978b;background:#284235;color:#f7f2df;border-radius:7px;padding:8px 11px;font:inherit;min-height:34px;}
#driver-learning button:hover {background:#365443;}
#driver-learning .learning-panel>label {display:block;margin:12px 0 5px;font-weight:600;color:#eef3e9;}
#driver-profile {width:100%;background:#284235;color:#f7f2df;border:1px solid #81978b;border-radius:7px;min-height:36px;padding:8px;font:inherit;}
.learning-panel p {margin:9px 0;}
.learning-note {font-size:10px;color:#c9d7ca;}
.learning-panel .learning-check {display:flex;align-items:center;gap:8px;}
#adaptive-learning {accent-color:#a0e0c5;width:17px;height:17px;}
.learning-stats {display:flex;justify-content:space-between;border-block:1px solid #526a5c;padding:10px 0;margin:12px 0;gap:12px;}
.learning-stats span {font:8px var(--font-mono,monospace);color:#c9d7ca;}
.learning-stats b {display:block;font-size:18px;color:#f7f2df;margin-top:5px;}
.learning-chart {height:48px;display:flex;align-items:flex-end;gap:3px;padding:5px 0;border-bottom:1px solid #526a5c;}
.learning-chart span {flex:1;max-width:25px;background:#aac5b7;border-radius:3px 3px 0 0;min-height:3px;}
.learning-chart span.improved {background:#f4d59c;}
[data-learning-memories] {padding-left:18px;color:#dbe6d9;font-size:10px;}
@media(max-width:600px){
 #driver-learning {font-size:10px;}
 .learning-panel {position:fixed;top:190px;right:16px;max-height:calc(100dvh - 310px);width:310px;}
}