.dragon-lab-section{background:#f7f5ed}.dragon-lab{--dragon-ink: #203e34;--dragon-ink-soft: #657166;--dragon-forest: #254f3e;--dragon-forest-light: #eef1e8;--dragon-paper: #fffefa;--dragon-line: #dce1d5;--dragon-gold: #b7954c;--dragon-gold-soft: #f4edd9;color:var(--dragon-ink);font-family:var(--font-body, Arial, Helvetica, sans-serif);font-size:1rem;line-height:1.6}.dragon-lab,.dragon-lab *{box-sizing:border-box}.dragon-lab .title{max-width:900px}.dragon-lab .eyebrow{margin:0;color:#65765d;font-size:.69rem;font-weight:700;letter-spacing:.18em;line-height:1.4;text-transform:uppercase}.dragon-lab h1,.dragon-lab h2,.dragon-lab h3{color:var(--dragon-ink);font-family:Georgia,Times New Roman,serif;font-weight:400;line-height:1.2}.dragon-lab h1{margin:.8rem 0;font-size:clamp(2.3rem,5vw,3.65rem);letter-spacing:-.045em}.dragon-lab h1 span{color:var(--dragon-gold)}.dragon-lab h2{margin:.8rem 0 1.2rem;font-size:clamp(1.65rem,3vw,2rem)}.dragon-lab h3{margin:1.1rem 0 .5rem;font-family:var(--font-body, Arial, Helvetica, sans-serif);font-size:1.05rem;font-weight:700}.dragon-lab p{color:var(--dragon-ink-soft)}.dragon-lab .title>p:last-child{margin-bottom:0;font-size:1.05rem}.dragon-lab nav{display:flex;gap:clamp(1rem,4vw,2.2rem);margin:2rem 0 1.9rem;border-block:1px solid var(--dragon-line);color:#697267;font-size:.8rem}.dragon-lab nav span{padding:.9rem 0}.dragon-lab nav .active{box-shadow:inset 0 -3px var(--dragon-gold);color:var(--dragon-forest);font-weight:700}.dragon-lab .layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:1.75rem;align-items:start}.dragon-lab .card,.dragon-lab .notebook{border:1px solid var(--dragon-line);border-radius:1.1rem;padding:clamp(1.45rem,4vw,2rem)}.dragon-lab .card{display:block;background:var(--dragon-paper)}.dragon-lab .notebook{position:sticky;top:1.5rem;background:#edf0e6}.dragon-lab .notebook h2{margin-top:.7rem;font-size:1.65rem}.dragon-lab .notebook>p{font-size:.82rem}.dragon-lab .lesson{margin:1.5rem 0;padding:.15rem 1.35rem;border-left:3px solid var(--dragon-gold);background:#f0f2e9}.dragon-lab .small,.dragon-lab small{color:var(--dragon-ink-soft);font-size:.75rem}.dragon-lab .toolbar{display:flex;flex-wrap:wrap;gap:.65rem}.dragon-lab button,.dragon-lab select{min-height:2.8rem;border-radius:.5rem;font:inherit}.dragon-lab button{margin-top:1rem;padding:.65rem 1.2rem;border:1px solid var(--dragon-forest);background:var(--dragon-forest);color:#fff;cursor:pointer;font-weight:700}.dragon-lab button:hover{background:#35664f}.dragon-lab button:disabled{cursor:not-allowed;opacity:.45}.dragon-lab .toolbar button{background:transparent;color:var(--dragon-forest)}.dragon-lab .toolbar button:hover{background:var(--dragon-forest-light)}.dragon-lab button:focus-visible,.dragon-lab select:focus-visible,.dragon-lab summary:focus-visible{outline:3px solid var(--dragon-gold);outline-offset:3px}.dragon-lab select{display:block;width:100%;margin:.45rem 0 .9rem;padding:.45rem .7rem;border:1px solid #a9b6a5;background:var(--dragon-paper);color:var(--dragon-ink)}.dragon-lab label{display:block;color:var(--dragon-ink);font-size:.88rem;font-weight:700}.dragon-lab details{margin-top:1.4rem;padding-top:.9rem;border-top:1px solid var(--dragon-line)}.dragon-lab summary{color:var(--dragon-forest);cursor:pointer;font-size:.88rem;font-weight:700}.dragon-lab .parent-table>div{display:grid;grid-template-columns:1fr 5.3rem 5.3rem;gap:.7rem;align-items:center;margin-top:.9rem;font-size:.8rem}.dragon-lab .parent-table label{font-size:.68rem}.dragon-lab progress{display:block;width:100%;height:.3rem;accent-color:#55755b}.dragon-lab .parents{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin:1.4rem 0 .5rem}.dragon-lab .parents>div{padding:1rem .5rem;border:1px solid #d6ddce;border-radius:.75rem;background:var(--dragon-forest-light);text-align:center}.dragon-lab .parents span,.dragon-lab .coin-results span{display:block;font-size:.67rem;letter-spacing:.1em;text-transform:uppercase}.dragon-lab .parents b{display:block;font-size:2.35rem}.dragon-lab .parents small{display:block}.dragon-lab .gene{font-family:ui-monospace,Consolas,monospace;font-weight:700;letter-spacing:.12em}.dragon-lab .prediction{margin-top:1.5rem}.dragon-lab .feedback{margin:1.25rem 0;padding:.8rem 1rem;border-radius:.5rem;background:var(--dragon-gold-soft);color:var(--dragon-ink);font-size:.88rem}.dragon-lab .feedback:empty{display:none}.dragon-lab .cross{display:flex;flex-wrap:wrap;gap:1.3rem;align-items:center;font-size:.88rem}.dragon-lab .cross table{min-width:11.25rem;text-align:center}.dragon-lab table{width:100%;border-collapse:collapse;font-size:.75rem;text-align:left}.dragon-lab th,.dragon-lab td{padding:.7rem .35rem;border-bottom:1px solid var(--dragon-line)}.dragon-lab .cross td,.dragon-lab .cross th{border:1px solid #cbd3c3;padding:.5rem}.dragon-lab .cross caption{margin-bottom:.4rem;font-size:.68rem}.dragon-lab thead{color:#6b7666;font-size:.63rem;text-transform:uppercase}.dragon-lab .coin-results{display:flex;gap:1.1rem;margin-top:1.4rem}.dragon-lab .coin-results>div{flex:1;text-align:center}.dragon-lab .coin-results b{display:grid;width:4rem;height:4rem;margin:.7rem auto;place-items:center;border:2px solid #b1944f;border-radius:50%;background:#f1e5bd;font:700 1.8rem Georgia,serif}.dragon-lab .specimen{padding:.9rem 2rem;text-align:center}.dragon-lab .specimen>svg{width:100%;height:17.5rem}.dragon-lab .specimen h2{font-size:1.7rem}.dragon-lab .specimen .small{margin-top:1.7rem}.dragon-lab .reveal{text-align:center}.dragon-lab .reveal details{text-align:left}.dragon-lab .dragon svg{width:100%;max-height:23.75rem}@media (max-width: 800px){.dragon-lab .layout{grid-template-columns:1fr}.dragon-lab .notebook{position:static}.dragon-lab .specimen{order:2}}@media (max-width: 500px){.dragon-lab nav{gap:.65rem;font-size:.68rem}.dragon-lab nav span{flex:1}.dragon-lab .card,.dragon-lab .notebook{padding:1.25rem}.dragon-lab .specimen{padding-inline:.35rem}.dragon-lab .specimen>svg{height:14rem}.dragon-lab .parent-table>div{grid-template-columns:1fr 4.5rem 4.5rem}}@media print{.dragon-lab .title,.dragon-lab nav,.dragon-lab button,.dragon-lab details{display:none!important}.dragon-lab .layout{display:block}.dragon-lab .card,.dragon-lab .notebook{position:static;padding:.75rem;border:0;break-inside:avoid}.dragon-lab .dragon svg{max-height:18.75rem}}