@layer evolution-genetics{.genetics-page{background:radial-gradient(circle at 12% 2%,#82b7b329,#0000 22rem),radial-gradient(circle at 84% 0,#f0c97821,#0000 21rem),linear-gradient(120deg,#080b0be6,#0f120fe0)}.genetics-section-heading,.genetics-page .curiosity-facts-heading{border:0;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.75rem;margin:1.5rem 0 1rem;padding:0;display:grid}.genetics-section-heading>svg,.genetics-page .curiosity-facts-heading>svg{color:var(--gold);margin-top:.2rem}.genetics-section-heading h2,.genetics-page .curiosity-facts-heading h2{font-family:var(--font-display);letter-spacing:0;margin:.25rem 0 .45rem;font-size:max(1.5rem,min(2.3vw,2rem));line-height:1.15}.genetics-section-heading p:not(.eyebrow),.genetics-page .curiosity-facts-heading p:not(.eyebrow){max-width:85ch;color:var(--muted);margin:0;line-height:1.6}.genetics-flow{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.2rem;margin:1.35rem 0 1.5rem;padding:0;list-style:none;display:grid}.genetics-flow li{grid-template-rows:subgrid;grid-row:span 3;row-gap:.5rem;min-width:0;display:grid;position:relative}.genetics-flow li:not(:last-child):before{border-top:1px solid var(--line);content:"";position:absolute;top:1rem;left:2.6rem;right:-.6rem}.genetics-step-number{border:1px solid var(--line-strong);width:2rem;height:2rem;color:var(--gold);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-size:.72rem;font-weight:700;display:grid}.genetics-flow strong{font-family:var(--font-display);font-size:1.25rem;line-height:1.25}.genetics-flow p{color:var(--muted);margin:0;font-size:.85rem;line-height:1.5}.codon-lab{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(125deg,#82b7b312,#0000 52%),#080b0b8f;padding:1.25rem}.codon-lab .genetics-section-heading{margin-top:0}.codon-workbench{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:1.5rem;display:grid}.codon-control-label{color:var(--text);margin:0 0 .65rem;font-size:.85rem;font-weight:600}.codon-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.codon-buttons button{border:1px solid var(--line);border-radius:var(--radius);min-width:0;min-height:64px;color:var(--text);cursor:pointer;background:#080b0bb8;gap:.2rem;padding:.55rem .2rem;display:grid}.codon-buttons button.is-active{border-color:var(--gold);box-shadow:inset 0 -2px 0 var(--gold);background:#f0c9781f}.codon-buttons button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.genetics-image-zoom:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.codon-buttons span,.codon-buttons small,.codon-sequence strong{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.codon-buttons span{letter-spacing:.08em;font-size:1rem;font-weight:700}.codon-buttons small{color:var(--muted);font-size:.78rem}.codon-transcription-note{color:var(--muted);margin:.7rem 0 0;font-size:.8rem;line-height:1.5}.codon-reader{border-left:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) minmax(0,1.7fr);align-items:center;gap:.8rem;padding-left:1.5rem;display:grid}.codon-sequence,.codon-meaning{gap:.5rem;display:grid}.codon-sequence>span,.codon-meaning>span{color:var(--muted);font-size:.72rem;font-weight:600}.codon-sequence strong{font-size:1.7rem;font-weight:700;line-height:1.25;display:flex}.codon-sequence strong>span{padding:.04rem .08rem}.codon-sequence .is-transcribed{color:var(--gold);text-underline-offset:.2em;background:#f0c9781f;border-radius:3px;text-decoration:underline}.codon-translation-arrow{color:var(--gold)}.codon-meaning{border-left:1px solid var(--line);padding-left:1rem}.codon-meaning strong{align-items:center;gap:.4rem;font-size:1.1rem;line-height:1.3;display:flex}.codon-meaning.is-stop strong{color:var(--gold)}.codon-meaning svg{flex-shrink:0}.codon-reader>p{color:var(--muted);grid-column:1/-1;margin:0;font-size:.9rem;line-height:1.5}.molecule-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem 1rem;display:grid}.molecule-card{grid-template-rows:subgrid;min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;grid-row:span 4;margin:0;display:grid;overflow:visible}.molecule-card-copy{grid-template-rows:subgrid;grid-row:span 3;padding:0;display:grid}.molecule-card-copy>span{color:var(--gold);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:700}.molecule-card h3,.genetics-evidence-card h3,.genetics-page .curiosity-card h3{font-family:var(--font-display);letter-spacing:0;margin:0;font-size:1.4rem;font-weight:700;line-height:1.25}.molecule-card p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.55}.genetics-image-zoom{border-radius:var(--radius);width:100%;min-width:0;color:inherit;cursor:zoom-in;background:#080b0b;border:0;align-self:start;padding:0;display:block}.molecule-card img,.genetics-evidence-media img{aspect-ratio:3/2;object-fit:contain;border-radius:var(--radius);width:100%;height:auto;padding:0;display:block}.genome-comparison-group{border-top:1px solid var(--line-strong);grid-template-columns:minmax(180px,.65fr) minmax(0,2fr);gap:1.5rem;margin-top:1.25rem;padding-top:1.25rem;display:grid}.genome-comparison-metric h3{color:var(--gold);font-family:var(--font-display);margin:0 0 .5rem;font-size:1.4rem;font-weight:700;line-height:1.25}.genome-comparison-metric p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.55}.genome-comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem 1.5rem;display:grid}.genome-comparison-card{grid-template-rows:subgrid;grid-row:span 6;min-width:0;padding:0 0 .5rem;display:grid}.genome-comparison-card:only-child{grid-column:1/-1}.genome-comparison-card h4{color:var(--text);margin:0;font-size:.95rem;font-weight:700}.genome-comparison-card>strong{color:var(--text);font-family:var(--font-display);font-size:max(2rem,min(3vw,2.45rem));line-height:1.1}.genome-comparison-card p,.genome-comparison-card small{max-width:75ch;color:var(--muted);margin:0;font-size:.9rem;line-height:1.6}.genome-comparison-card .genome-comparison-definition{color:var(--text)}.genome-comparison-card small{border-top:1px solid var(--line);padding-top:.65rem;font-size:.8rem}.genome-comparison-card a,.genetics-evidence-sources a{color:var(--gold);justify-self:start;align-items:center;gap:.35rem;font-size:.75rem;line-height:1.5;text-decoration:none;display:inline-flex}.genome-comparison-card a:hover,.genetics-evidence-sources a:hover{text-decoration:underline}.genome-comparison-card a svg,.genetics-evidence-sources a svg{flex-shrink:0}.genetics-evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem 1.25rem;display:grid}.genetics-evidence-card{grid-template-rows:subgrid;border:1px solid var(--line);border-radius:var(--radius);background:#080b0b85;grid-row:span 6;min-width:0;padding:1rem;display:grid}.genetics-evidence-media{grid-template-rows:subgrid;min-width:0;box-shadow:none;background:0 0;border:0;grid-row:span 2;margin:0;display:grid;overflow:visible}.genetics-evidence-media figcaption{color:var(--muted);border:0;margin:0;padding:0;font-size:.78rem;line-height:1.5}.genetics-evidence-heading{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.65rem;display:grid}.genetics-evidence-heading>svg{color:var(--gold);margin-top:.15rem}.genetics-evidence-card dl{grid-template-rows:subgrid;grid-row:span 2;margin:0;display:grid}.genetics-evidence-card dl>div{border-top:1px solid var(--line);padding-top:.75rem}.genetics-evidence-card dt{color:var(--gold);letter-spacing:.07em;text-transform:uppercase;margin-bottom:.45rem;font-size:.72rem;font-weight:700}.genetics-evidence-card dd{color:var(--muted);margin:0;font-size:.95rem;line-height:1.6}.genetics-evidence-sources{border-top:1px solid var(--line);flex-wrap:wrap;align-content:start;align-items:flex-start;gap:.5rem 1rem;padding-top:.75rem;display:flex}.genetics-page .curiosity-facts{box-shadow:none;background:0 0;border:0;border-radius:0}.genetics-page .curiosity-facts-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem 1.25rem;padding:0}.genetics-page .curiosity-card{grid-template-rows:subgrid;border:0;border-top:1px solid var(--line);background:0 0;border-radius:0;grid-row:span 5;min-width:0;padding:1rem 0}.genetics-page .curiosity-card p,.genetics-page .curiosity-card small{font-size:.9rem;line-height:1.6}.genetics-page .curiosity-card small{color:var(--muted)}.genetics-page .curiosity-card-actions a{font-size:.7rem}.genetics-sources{border-top:1px solid var(--line);flex-wrap:wrap;gap:.55rem 1rem;margin-top:1.25rem;padding-top:1rem;display:flex}.genetics-sources a{color:var(--muted);font-size:.72rem;line-height:1.5;text-decoration:none}.genetics-sources a:hover{color:var(--gold);text-decoration:underline}.genetics-bridge{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1.25rem;display:flex}.genetics-bridge>div{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.75rem;display:grid}.genetics-bridge svg{color:var(--gold)}.genetics-bridge strong{font-family:var(--font-display);font-size:1.35rem}.genetics-bridge p{max-width:75ch;color:var(--muted);margin:.4rem 0 0;line-height:1.6}@media (max-width:1000px){.codon-workbench{grid-template-columns:1fr;gap:1rem}.codon-reader{border-left:0;border-top:1px solid var(--line);padding:1rem 0 0}.genome-comparison-group{grid-template-columns:1fr;gap:1rem}}@media (max-width:720px){.genetics-flow{grid-template-columns:1fr;gap:.9rem}.genetics-flow li{grid-row:auto;grid-template-rows:auto auto;grid-template-columns:2rem minmax(0,1fr);gap:.15rem .8rem}.genetics-step-number{grid-row:span 2}.genetics-flow li>p{grid-column:2}.genetics-flow li:not(:last-child):before{border-top:0;border-left:1px solid var(--line);top:2.35rem;bottom:-.6rem;left:1rem;right:auto}.codon-lab{padding:1rem}.genetics-section-heading,.genetics-page .curiosity-facts-heading{grid-template-columns:1fr;gap:.5rem}.codon-reader{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.8rem}.codon-sequence{justify-items:center}.codon-meaning{border:0;grid-column:1/-1;align-items:baseline;gap:1rem;padding:0;display:flex}.molecule-gallery-grid,.genetics-evidence-grid,.genome-comparison-grid,.genetics-page .curiosity-facts-grid{grid-template-columns:1fr}.molecule-card{margin-bottom:1rem}.genome-comparison-card+.genome-comparison-card{border-top:1px solid var(--line);margin-top:.8rem;padding-top:1rem}.genetics-bridge{flex-direction:column;align-items:flex-start}}}@layer evolution-responsive{.genetics-page .curiosity-facts-heading{grid-template-columns:auto minmax(0,1fr);padding:0}.genetics-page .curiosity-facts-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:0}@media (max-width:720px){.genetics-page .curiosity-facts-heading,.genetics-page .curiosity-facts-grid{grid-template-columns:1fr}}}