/* Laboratorio Tu huella digital · estilos propios (solo tokens de academy.css) */
[hidden]{display:none!important}
.hd-apps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.hd-app{display:grid;justify-items:center;gap:8px;padding:14px 8px;border:1px solid var(--line-2);border-radius:12px;background:transparent;color:var(--muted);font:500 13px/1.2 var(--body);cursor:pointer;transition:border-color .25s var(--ease),background .25s var(--ease),color .25s var(--ease)}
.hd-app:hover{border-color:var(--def);color:var(--ink)}
.hd-app[aria-pressed="true"]{background:var(--def-soft);color:var(--ink)}
.hd-app.sel{border-color:var(--def);box-shadow:0 0 0 3px var(--def-soft)}
.hd-ini{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-2);font-family:var(--display);font-stretch:130%;font-size:16px;color:var(--def)}
.hd-app[aria-pressed="true"] .hd-ini{border-color:var(--def)}
.hd-body{justify-items:center}
.hd-body .toolbar{width:100%}
.hd-sil{width:min(220px,60vw);height:auto}
.hd-part{fill:var(--line);stroke:var(--line-2);stroke-width:1;transition:fill .5s var(--ease),stroke .5s var(--ease)}
.hd-part.hd-fine{fill:var(--line-2)}
#part-ears{fill:none;stroke-width:4;stroke-linecap:round}
.hd-part.prev{fill:color-mix(in oklab,var(--def) 35%,var(--line))}
.hd-part.on{fill:var(--def);stroke:var(--def)}
#part-ears.prev{fill:none;stroke:color-mix(in oklab,var(--def) 45%,var(--line))}
#part-ears.on{fill:none;stroke:var(--def)}
.hd-legend{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;width:100%;font-size:12.5px;color:var(--faint)}
.hd-legend li{display:flex;gap:8px;align-items:center}
.hd-legend i{width:10px;height:10px;border-radius:3px;border:1px solid var(--line-2);flex:none}
.hd-legend li.prev{color:var(--muted)}
.hd-legend li.prev i{background:color-mix(in oklab,var(--def) 35%,var(--line))}
.hd-legend li.on{color:var(--ink)}
.hd-legend li.on i{background:var(--def);border-color:var(--def)}
.hd-risk i{background:linear-gradient(90deg,var(--ok),var(--warn),var(--crit))}
#hd-detail .label{display:block;margin-bottom:4px}
#hd-detail p{font-size:15px}
.tbl{min-width:880px}
.tbl td{font-size:13.5px}
@media (max-width:520px){.hd-apps{grid-template-columns:repeat(2,minmax(0,1fr))}.hd-legend{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.hd-part,.hd-app{transition:none}}