/* Practice history is accumulation, never a mastery or completion state. */
.atlas-tech-node.practiced{background:var(--atlas-panel);border-color:#a1b78e;color:var(--atlas-ink);box-shadow:inset 0 0 0 1px #b4ce9b12,0 2px 7px #0b160e14}
.atlas-tech-node.practiced:hover{background:#3c4b3d;border-color:#c2d8aa}
.atlas-tech-node.practiced .atlas-node-icon{background:#c0d2c4;border-color:#d7e4d5;color:#40594e}
.atlas-tech-node.practiced .atlas-node-state{display:block;width:auto;height:auto;border:0;border-radius:0;background:transparent;font-size:17px;color:#bad29e}
.atlas-tech-node.practiced .atlas-node-copy>em{color:#c0d5aa}
.atlas-legend i.practiced{background:#303b34;border-color:#b1c99d;box-shadow:inset 0 0 0 2px #303b34}
.atlas-controls button[data-atlas=focus]{border-left:1px solid #45543e;border-radius:0;padding-left:12px;margin-left:4px}
.atlas-controls button[data-atlas=fit]{padding-left:10px;margin-left:0;border-left:0}
.atlas-controls button[aria-pressed=true]{background:#405039;color:#e0edcf;border-radius:4px}
.atlas-pan-hint{max-width:45%;line-height:1.6}
@media(max-width:760px){
  .atlas-toolbar{flex-wrap:nowrap;gap:10px;padding:12px 16px;min-height:72px}
  .atlas-toolbar h2{font-size:18px;white-space:nowrap}
  .atlas-toolbar>div:first-child>span{font-size:7px;letter-spacing:.12em}
  .atlas-filter-label{gap:6px;font-size:10px}
  .atlas-filter-label select{max-width:142px;font-size:12px;min-height:36px;padding-left:9px}
  .atlas-controls{left:12px;right:12px;bottom:14px;justify-content:center;gap:2px;padding:5px}
  .atlas-controls button{min-height:36px;padding:4px 8px;font-size:11px;white-space:nowrap}
  .atlas-controls output{min-width:35px;font-size:10px}
  .atlas-controls button[data-atlas=focus]{padding-left:10px;margin-left:2px}
  .atlas-controls button[data-atlas=fit]{padding-left:8px}
  .atlas-controls button[data-atlas=reset]{display:none}
  .atlas-pan-hint{left:17px;bottom:69px;max-width:calc(100% - 34px);font-size:11px;color:#b2c1a8}
  .atlas-node-copy>strong{font-size:15px;line-height:1.35}
  .atlas-node-copy>em{font-size:11px}
  .atlas-node-copy>small{font-size:10px}
  .atlas-status{font-size:9px;padding:9px 14px}
  .atlas-status p{font-size:9px;max-width:55%}
}
@media(max-width:360px){
  .atlas-toolbar{padding-inline:12px}
  .atlas-filter-label select{max-width:126px}
}