#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;}
}
.learning-transfer {border-top:1px solid #526a5c;margin-top:12px;padding-top:2px;}
.learning-panel p.learning-health {display:inline-flex;align-items:center;gap:6px;margin:4px 0 0;padding:3px 9px;border:1px solid #526a5c;border-radius:999px;font-size:10px;color:#eef3e9;}
.learning-health::before {content:'';flex:none;width:7px;height:7px;border-radius:50%;background:#aac5b7;}
.learning-health[data-state="Drifting"]::before {background:#d8e08c;}
.learning-health[data-state="Healthy"]::before {background:#a0e0c5;}
.learning-health[data-state="Stuck"]::before,.learning-health[data-state="NeedsReplan"]::before {background:#f4d59c;}
.learning-health[data-state="Contradicting"]::before,.learning-health[data-state="Collapsing"]::before,.learning-health[data-state="NeedsHumanReview"]::before {background:#f0a09a;}
.learning-panel p.learning-health[hidden] {display:none;}
.learning-demo {border-top:1px solid #526a5c;margin-top:12px;padding-top:2px;}
.learning-demo-badge {color:#ffb4ab;}
.learning-demo-badge[hidden],.learning-panel p.learning-demo-live[hidden] {display:none;}
.learning-panel p.learning-demo-live {margin:6px 0 0;font:10px/1.5 var(--font-mono,monospace);color:#f7f2df;}
#driver-learning button[data-demo-record][data-active="true"] {background:#4a2a28;border-color:#ffb4ab;}
#driver-learning button[data-demo-record][data-active="true"]:hover {background:#5a2f2c;}
#driver-learning button[aria-disabled="true"] {cursor:not-allowed;opacity:.6;}
#driver-learning button[aria-disabled="true"]:hover {background:#284235;}
.learning-use {margin-top:10px;}
.learning-use p.learning-demo-live {margin:0 0 6px;}
#driver-learning button[data-demo-seed][hidden] {display:none;}
