.genetics-main{display:block;min-height:100vh;background:#f7faf8;color:var(--ink)}
.detail-hero.genetics-hero{display:flex;min-height:290px;align-items:center;padding:116px 24px 30px;background:linear-gradient(118deg,#17332a 0%,#245538 68%,#2f672e 100%)!important}
.detail-hero.genetics-hero .hero-content{display:block;width:min(1180px,100%);margin:0 auto;padding:0!important}
.genetics-hero .hero-kicker{margin-bottom:8px;color:#f3a641;font-size:13px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.detail-hero.genetics-hero h1{display:block;max-width:1100px;margin:0 0 12px;color:#fff;font-size:clamp(34px,4.2vw,58px);font-weight:900;line-height:1.1;letter-spacing:-.025em;overflow-wrap:normal;word-break:normal;hyphens:auto}
.genetics-hero p{max-width:900px;margin:0;color:#fff;font-size:17px;font-weight:750;line-height:1.45}
.genetics-section{display:block;padding:42px 0 72px;background:linear-gradient(180deg,#f7faf8,#fff)}
.genetics-layout{display:grid;grid-template-columns:300px minmax(0,1fr);align-items:start;gap:32px;width:min(1180px,calc(100% - 36px));margin:0 auto}
.directory-nav.genetics-directory{position:sticky;top:108px;align-self:start;width:300px!important;max-height:calc(100vh - 132px);overflow:auto;padding:16px;border:1px solid var(--line);border-radius:10px;background:#fff}
.genetics-directory nav{display:grid;gap:7px}.genetics-directory .directory-label{margin:0 0 8px;padding:4px 4px 12px;border-bottom:1px solid var(--line);font-size:13px;font-weight:900;line-height:1.35;text-transform:uppercase}
.genetics-directory .nav-link{padding:12px 13px;border:1px solid transparent;border-radius:8px;color:var(--muted);font-size:15px;font-weight:800;line-height:1.28;overflow-wrap:anywhere}
.genetics-directory .nav-link:hover{color:var(--teal-dark);background:var(--brand-soft)}
.genetics-directory .nav-link.active{color:var(--teal-dark);border-color:rgba(55,115,37,.2);background:var(--brand-soft);box-shadow:inset 4px 0 0 var(--teal)}
.genetics-article{display:block;min-width:0;width:100%}.genetics-article .article-body{display:grid;min-width:0;gap:16px}
.content-block{padding:25px 28px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 8px 26px rgba(19,34,25,.04)}
.content-block p{margin:0;color:var(--muted);font-size:17px;line-height:1.72}.content-block strong{color:var(--ink)}
.content-block ul{display:grid;gap:8px;margin:16px 0 0;padding-left:22px}.content-block li{padding-left:4px;color:var(--muted);font-size:16px;line-height:1.55}
.content-block sup a{color:var(--teal-dark);font-weight:900;text-decoration:none}
.genetics-figure{overflow:hidden;margin:0;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 8px 26px rgba(19,34,25,.05)}
.genetics-figure img{display:block;width:100%;height:auto;max-height:720px;object-fit:contain;background:#fff}
.genetics-figure figcaption{display:grid;gap:7px;padding:18px 22px;border-top:1px solid var(--line);color:var(--muted);font-size:14px;line-height:1.55}
.genetics-figure figcaption strong{color:var(--ink);font-size:17px}.genetics-figure figcaption small{color:var(--teal-dark);font-size:12px;font-weight:850}
.journey-flow{padding:28px;border:1px solid rgba(55,115,37,.2);border-radius:12px;background:linear-gradient(145deg,#fff,#edf5ea);box-shadow:0 12px 30px rgba(19,34,25,.06)}
.journey-flow ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 18px;margin:0;padding:0;list-style:none;counter-reset:journey}
.journey-flow li{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:start;min-height:145px;padding:19px;border:1px solid rgba(55,115,37,.18);border-radius:10px;background:#fff}
.journey-flow li:not(:nth-child(3n))::after{content:"→";position:absolute;right:-31px;top:50%;z-index:2;display:grid;width:42px;height:42px;place-items:center;border-radius:50%;color:#fff;background:var(--teal);font-size:21px;font-weight:900;transform:translateY(-50%)}
.journey-flow li:nth-child(4)::before,.journey-flow li:nth-child(5)::before,.journey-flow li:nth-child(6)::before{content:"";position:absolute;top:-29px;left:50%;width:2px;height:20px;background:rgba(55,115,37,.35)}
.journey-number{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;color:#fff;background:var(--teal-dark);font-size:14px;font-weight:900}
.journey-flow strong{display:block;margin:5px 0 8px;color:var(--ink);font-size:17px;line-height:1.25}.journey-flow p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.pager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px;padding:14px;border:1px solid rgba(55,115,37,.2);border-radius:10px;background:#fff}
.pager a{display:grid;min-height:58px;place-content:center;padding:12px 16px;border-radius:8px;color:#fff;background:var(--teal-dark);font-size:15px;font-weight:900;line-height:1.25;text-align:center}
.pager a.next{background:var(--teal)}.pager a span{margin-bottom:3px;color:rgba(255,255,255,.75);font-size:10px;letter-spacing:.07em;text-transform:uppercase}.pager-placeholder{min-height:1px}
.references{margin-top:28px;padding:26px 30px;border-radius:10px;color:#fff;background:var(--graphite)}.references h2{margin:0 0 16px;color:#fff;font-size:28px}.references ol{margin:0;padding:0;list-style:none}.references li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.14);font-size:14px;line-height:1.6}.references li:last-child{border-bottom:0}.references a{color:#fff}.references li:target{background:rgba(255,255,255,.08)}
.pending-content{min-height:180px;display:grid;place-items:center;text-align:center}
@media(max-width:1050px){.journey-flow ol{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-flow li:not(:nth-child(3n))::after{display:none}.journey-flow li:nth-child(4)::before,.journey-flow li:nth-child(5)::before,.journey-flow li:nth-child(6)::before{display:none}}
@media(max-width:980px){.genetics-layout{grid-template-columns:1fr}.directory-nav.genetics-directory{position:static!important;width:100%!important;max-height:none}.genetics-directory nav{grid-template-columns:repeat(2,minmax(0,1fr))}.genetics-directory .directory-label{grid-column:1/-1}.journey-flow ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.detail-hero.genetics-hero{min-height:260px;padding:108px 18px 24px}.detail-hero.genetics-hero h1{font-size:clamp(28px,8.5vw,36px);line-height:1.12}.genetics-hero p{font-size:15px}.genetics-section{padding-top:24px}.genetics-layout{width:min(100% - 20px,1180px)}.genetics-directory nav,.pager,.journey-flow ol{grid-template-columns:1fr}.content-block{padding:21px 18px}.content-block p{font-size:16px}.references{padding:23px 20px}.journey-flow{padding:16px}.journey-flow li{min-height:0}}