/* training-dna.css — Training DNA page-specific styles */
.training-dna .topnav a{min-height:44px;display:inline-flex;align-items:center;}
.training-dna .back-link{min-height:44px;display:inline-flex;align-items:center;gap:6px;color:var(--cy);text-decoration:none;font:600 .85rem var(--font-body);margin-bottom:20px;}
.training-dna .back-link:hover{text-decoration:underline;}
.training-dna .back-link:focus-visible{outline:2px solid var(--cy);outline-offset:3px;}
.training-dna .dna-canvas-wrap{display:flex;justify-content:center;margin:20px 0;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);padding:16px;}
.training-dna #dna-canvas{display:block;max-width:100%;height:auto;}
.training-dna .dna-traits{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:16px;}
.training-dna .dna-trait{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:14px;text-align:center;}
.training-dna .dna-trait .dna-trait-name{font:600 .72rem var(--font-mono);color:var(--dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;}
.training-dna .dna-trait .dna-trait-val{font:700 1.3rem var(--font-display);color:var(--ink);}
.training-dna .dna-trait .dna-trait-bar{height:4px;background:var(--surface-2);border-radius:2px;margin-top:8px;overflow:hidden;}
.training-dna .dna-trait .dna-trait-fill{height:100%;border-radius:2px;transition:width .4s ease;}
.training-dna .dna-personality{margin-top:20px;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);text-align:center;}
.training-dna .dna-personality h3{font:700 1.2rem var(--font-display);color:var(--cy);margin:0 0 6px;}
.training-dna .dna-personality p{font:400 .9rem var(--font-body);color:var(--dim);margin:0;}