@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800&family=Noto+Serif+JP:wght@600&display=swap";:root{--bg:#f6f5ef;--paper:#fffefa;--surface:#f0f2ea;--surface-strong:#e6ebe0;--text:#2a3830;--ink:#213a2f;--muted:#5c695f;--line:#dde2d6;--line-strong:#c6d0c1;--green:#1f6556;--green-strong:#154c40;--green-tint:#e5eee6;--orange:#a3582a;--orange-text:#82461f;--orange-tint:#f6ecdf;--focus:#a3582a;--fs-xs:12px;--fs-sm:13px;--fs-md:14px;--fs-body:16px;--fs-h3:19px;--fs-h2:26px;--gutter:clamp(16px, 4vw, 48px);--frame:1080px;--contents:200px;--column-gap:56px;--measure:42rem;--radius:10px;--radius-sm:6px;color:var(--text);background:var(--bg);font-synthesis:none;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:24px;font-family:Noto Sans JP,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}.home-page{flex-direction:column;min-height:100svh;display:flex}.home-page main{flex:1}.home-page .site-footer{width:100%}a{color:var(--green);text-underline-offset:4px;text-decoration-thickness:1px}a:hover{color:var(--green-strong)}button,select{font:inherit}button,a,select,summary{-webkit-tap-highlight-color:transparent}button,select,summary{cursor:pointer}button{border:1px solid var(--line-strong);background:var(--paper);color:var(--ink);font-size:var(--fs-md);border-radius:8px;min-height:44px;padding:10px 16px;font-weight:600;line-height:1.4}button:hover:not(:disabled){background:var(--surface);border-color:#8da890}button:disabled{cursor:default;opacity:.45}button.primary{background:var(--green);color:#fff;border-color:var(--green)}button.primary:hover:not(:disabled){background:var(--green-strong);border-color:var(--green-strong)}select{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper);font-size:var(--fs-md);color:var(--ink);max-width:100%;min-height:44px;padding:8px 30px 8px 12px}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}fieldset{border:0;min-width:0;margin:0;padding:0}svg{width:100%;height:auto;display:block}svg text{fill:#55635a;font:12px Noto Sans JP,sans-serif}h1,h2,h3,h4,p{margin-top:0}p{line-height:1.9}strong{font-weight:700}code{background:var(--surface);border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}summary{list-style:none}summary::-webkit-details-marker{display:none}summary:before{content:"";border-bottom:2px solid;border-right:2px solid;flex:none;width:.42em;height:.42em;margin:0 .75em .12em .1em;transition:transform .15s;display:inline-block;transform:rotate(-45deg)}details[open]>summary:before{transform:rotate(45deg)}::selection{background:#d9e5ce}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--paper);border-radius:var(--radius-sm);padding:12px 16px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:12px}.site-header,.site-footer{max-width:calc(var(--frame) + var(--gutter) * 2);padding:0 var(--gutter);justify-content:space-between;align-items:center;gap:16px 32px;margin:0 auto;display:flex}.site-header{border-bottom:1px solid var(--line);min-height:72px}.brand{color:var(--ink);letter-spacing:-.5px;white-space:nowrap;align-items:center;gap:5px;font-size:22px;font-weight:500;text-decoration:none;display:inline-flex}.brand:hover{color:var(--ink)}.brand b{font-weight:800}.brand-dot{color:var(--orange)}.brand-icon{align-items:flex-end;gap:4px;width:24px;height:26px;margin-right:8px;padding:3px 0;display:flex}.brand-icon i{background:var(--green);border-radius:2px;width:5px}.brand-icon i:first-child{height:13px}.brand-icon i:nth-child(2){height:8px}.brand-icon i:nth-child(3){height:20px}.site-header nav{font-size:var(--fs-md);gap:4px;display:flex}.site-header nav a{min-height:44px;color:var(--muted);border-radius:var(--radius-sm);align-items:center;padding:0 12px;text-decoration:none;display:inline-flex}.site-header nav a:hover{color:var(--green);background:var(--surface)}.site-header nav a[aria-current=page]{color:var(--green);box-shadow:inset 0 -2px var(--green);border-radius:0;font-weight:700}.site-footer{border-top:1px solid var(--line);font-size:var(--fs-sm);padding-block:28px 40px}.site-footer .brand{font-size:18px}.site-footer>a:last-child{color:var(--muted);text-decoration:none}.site-footer>a:last-child:hover{color:var(--green);text-decoration:underline}.page-frame{max-width:calc(48rem + var(--gutter) * 2);padding:0 var(--gutter);margin:0 auto}.page-frame.with-contents{max-width:calc(var(--frame) + var(--gutter) * 2)}.page-frame.simulation-layout,.page-frame.home-layout{max-width:calc(60rem + var(--gutter) * 2)}.lesson-title{padding:56px 0 0}.with-contents .lesson-title{padding-left:calc(var(--contents) + var(--column-gap))}.lesson-title h1{letter-spacing:.03em;color:var(--ink);margin:0;font-family:Noto Serif JP,serif;font-size:clamp(28px,3.4vw,38px);font-weight:600;line-height:1.45}.intro-hero picture{margin-top:28px;display:block}.intro-hero img{object-fit:cover;object-position:center 56%;border:1px solid var(--line);background:var(--paper);border-radius:16px;width:100%;height:clamp(320px,36vw,420px);display:block}.reading-layout{padding:40px 0 96px}.home-layout .reading-layout{padding-top:32px}.with-contents .reading-layout{grid-template-columns:var(--contents) minmax(0, 1fr);gap:var(--column-gap);display:grid}.contents{align-self:start;max-height:calc(100dvh - 48px);position:sticky;top:24px;overflow-y:auto}.contents-label{font-size:var(--fs-xs);color:var(--muted);letter-spacing:.12em;margin:0 0 10px;padding-left:12px;font-weight:700}.contents ol{border-left:1px solid var(--line);margin:0;padding:0;list-style:none}.contents li{margin:0}.contents a{font-size:var(--fs-sm);color:var(--muted);border-left:2px solid #0000;align-items:baseline;gap:10px;margin-left:-1px;padding:8px 8px 8px 12px;line-height:1.6;text-decoration:none;display:flex}.contents a>span{font-size:var(--fs-xs);color:#7b867c;font-variant-numeric:tabular-nums}.contents a:hover{color:var(--green);background:var(--surface)}.contents a[aria-current]{color:var(--green);border-color:var(--green);font-weight:700}.contents a[aria-current]>span{color:var(--green)}.lesson-body{min-width:0;font-size:var(--fs-body);letter-spacing:.02em}.lesson-body>section{border-bottom:1px solid var(--line);margin:0 0 56px;padding:0 0 56px;scroll-margin-top:24px}.lesson-body>section:last-of-type{border-bottom:0;margin-bottom:0;padding-bottom:0}.lesson-body h2{font-size:var(--fs-h2);letter-spacing:.02em;color:var(--ink);margin-bottom:24px;font-weight:700;line-height:1.5}.lesson-body h3{font-size:var(--fs-h3);color:var(--ink);margin:48px 0 14px;line-height:1.6}.lesson-body>section>:is(p,ul,ol:not(.reading-steps),h2,h3,.callout,.molecular-path){max-width:var(--measure)}.lesson-body>section>p{margin-bottom:20px}.topic-card{border:1px solid var(--line-strong);background:var(--paper);color:var(--ink);border-radius:16px;justify-content:space-between;align-items:center;gap:24px;text-decoration:none;display:flex;overflow:hidden}.topic-card:hover{border-color:var(--green);color:var(--ink);background:var(--surface)}.topic-card-copy{padding:clamp(28px,4vw,48px)}.lesson-body .topic-card h2{margin:0 0 16px;font-size:clamp(28px,3vw,34px);line-height:1.3}.topic-card-copy p{max-width:32rem;margin:0;line-height:1.9}.topic-card-arrow{color:var(--green);flex:none;padding-right:clamp(28px,4vw,48px);font-size:30px}.lesson-body p{overflow-wrap:anywhere}.lesson-body ul,.lesson-body ol{padding-left:1.4em}.lesson-body li{margin-bottom:6px;line-height:1.9}.lesson-body li::marker{color:var(--green)}.caption{color:var(--muted);font-size:var(--fs-sm)!important;margin:12px 0 0!important;line-height:1.8!important}.callout{background:var(--surface);border-radius:0 var(--radius) var(--radius) 0;border-left:3px solid #9aaa83;margin:28px 0;padding:20px 24px;font-size:15px}.callout>strong{color:var(--ink);display:block}.callout p{margin:8px 0 0;line-height:1.85}.rna-caution{border-left-color:var(--orange);background:var(--orange-tint)}.rna-caution>strong{color:var(--orange-text)}.rna-caution-relations{flex-wrap:wrap;justify-content:center;gap:8px 24px;margin-block:14px;font-weight:700;display:flex}.rna-caution-relations p{margin:0}.molecular-path{text-align:center;background:var(--surface);border-radius:var(--radius);letter-spacing:.06em;color:var(--ink);margin:24px 0;padding:18px;font-size:17px;font-weight:700}.rna-workflow-figure,.sales-ratio-figure{margin:28px 0}.rna-workflow-figure img{border:1px solid var(--line);border-radius:var(--radius);background:#fff;width:100%;height:auto;display:block}.rna-workflow-figure a:hover img{border-color:var(--line-strong)}table{border-collapse:collapse;width:100%;font-size:var(--fs-md);text-align:right;font-variant-numeric:tabular-nums}th,td{border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 14px}thead{color:var(--muted);background:var(--surface);font-size:var(--fs-sm)}thead th{font-weight:600}th:first-child{text-align:left}tbody th{font-weight:500}tbody tr:last-child>th,tbody tr:last-child>td{border-bottom:0}caption{caption-side:top;text-align:left;font-size:var(--fs-sm);color:var(--muted);padding:0 0 8px}.lesson-body>section>table{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);border-collapse:separate;border-spacing:0;width:auto;min-width:min(100%,26rem);margin:24px 0;overflow:hidden}.lesson-body>section>table td:last-child{text-align:left}.table-scroll{overscroll-behavior:contain;position:relative;overflow:auto}.lesson-body>section>.table-scroll{margin:24px 0 0}.market-table,.expression-counts,.lesson-body>section>.count-table{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper)}.count-table{max-height:440px}.count-table thead{z-index:1;background:var(--surface);position:sticky;top:0}.expression-counts{margin-bottom:24px}.expression-counts caption{background:var(--paper);padding:10px 14px}.expression-counts th:first-child{background:var(--surface);position:sticky;left:0}.expression-counts tbody th:first-child{background:var(--paper)}.expression-counts td,.expression-counts th,.market-table td,.market-table th{padding:9px 14px}.lab{border:1px solid var(--line);background:var(--paper);border-radius:12px;margin:28px 0;overflow:hidden}.lab-heading{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:16px 24px;display:flex}.lesson-body .lab-heading h3{margin:0;font-size:17px;line-height:1.5}.lab-index{font-size:var(--fs-xs);color:var(--muted);letter-spacing:.06em}.data-badge{background:var(--surface);color:var(--muted);font-size:var(--fs-xs);white-space:nowrap;border-radius:999px;padding:4px 10px;display:inline-block}.lab-controls{flex-wrap:wrap;gap:16px;padding:20px 24px 16px;display:flex}.lab-controls label{font-size:var(--fs-sm);color:var(--muted);align-items:center;gap:10px;display:flex}.lab-intro{font-size:var(--fs-sm);color:var(--muted);margin:16px 24px 0;line-height:1.8}.lab-foot{border-top:1px solid var(--line);font-size:var(--fs-sm);background:#f8f8f2;padding:18px 24px}.lab-foot p{font-size:var(--fs-sm);margin:0;line-height:1.85}.lab-foot p+p{margin-top:8px}.lab-foot details{border-top:1px solid var(--line);margin-top:12px;padding-top:8px}.lab-foot summary{min-height:40px;color:var(--green);align-items:center;font-weight:600;display:flex}.lab-foot details[open] summary{margin-bottom:8px}.market-body{padding:0 24px 24px}.market-sales{padding-top:24px}.ranking-body{padding:0 24px 24px}.market-lab .market-table,.recipe-lab .market-table{max-height:440px}.recipe-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:24px;display:grid}.recipe-card{text-align:left;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.recipe-card strong{justify-content:space-between;align-items:center;gap:8px;font-size:15px;display:flex}.recipe-card strong small{color:var(--muted);font-size:var(--fs-xs);font-weight:500}.recipe-card span{font-size:var(--fs-sm);color:var(--muted);font-weight:400;line-height:1.7}.recipe-card[aria-pressed=true]{background:var(--orange-tint);border-color:var(--orange);box-shadow:inset 0 0 0 1px var(--orange)}.recipe-card .ingredient-chips{flex-wrap:wrap;gap:4px;display:flex}.ingredient-chips>span{background:var(--surface);border-radius:4px;padding:1px 7px}.recipe-card[aria-pressed=true] .ingredient-chips>span{color:var(--orange-text);background:#efdcc4}.recipe-status{border-top:1px solid var(--line);font-size:var(--fs-md);margin:0 24px 16px;padding-top:16px}.ingredient-row{background:var(--orange-tint)}.ingredient-row th{box-shadow:inset 3px 0 var(--orange);color:var(--orange-text);font-weight:700}.ingredient-swatch{background:var(--orange);border-radius:2px;width:11px;height:11px;margin-right:8px;display:inline-block}.sales-ratio-crop{aspect-ratio:1536/800;border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}.sales-ratio-figure img{width:100%;height:auto;display:block}.ratio-examples{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 8px;display:grid}.ratio-example{border:1px solid var(--line);background:var(--paper);border-radius:var(--radius);margin:0;padding:16px 18px}.ratio-example figcaption{font-size:var(--fs-md);margin-bottom:10px;font-weight:700}.ratio-example svg text{font-size:13px}.winter-bar{fill:#a5b6aa}.summer-bar{fill:var(--green)}.ratio-reference{stroke:var(--muted);stroke-dasharray:3 3}.ratio-example-result{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:8px;margin-top:8px;display:flex}.ratio-example-result strong{color:var(--green);font-size:22px}.ratio-example-result span{color:var(--muted);font-size:15px}.ratio-example p{font-size:var(--fs-sm);color:var(--muted);margin:4px 0 0}.ranking-recipe-options{flex-wrap:wrap;align-items:center;gap:8px;margin:20px 24px 0;display:flex}.ranking-recipe-options legend{float:left;color:var(--muted);font-size:var(--fs-sm);margin:0 8px 0 0}.ranking-recipe-options button{padding:8px 16px}.ranking-recipe-options button[aria-pressed=true]{background:var(--orange-tint);border-color:var(--orange);color:var(--orange-text)}.market-rank-figure{margin:20px 24px 24px}.market-rank-figure figcaption{font-size:var(--fs-md);margin-bottom:12px}.rank-direction{font-size:var(--fs-xs);color:var(--muted);align-items:center;gap:16px;margin-top:6px;display:flex}.rank-direction span:nth-child(2){text-align:center;border-bottom:1px solid var(--line);flex:1;line-height:0}.market-analogy{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0 28px;display:grid}.analogy-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);text-align:center;margin:0;padding:22px}.analogy-panel>figcaption{color:var(--ink);margin-bottom:18px;font-size:15px;font-weight:700}.matrix-diagram{grid-template-columns:auto repeat(var(--matrix-columns), minmax(0, 1fr));font-size:var(--fs-xs);gap:4px;display:grid}.matrix-diagram strong,.matrix-diagram span{padding:5px;font-weight:400}.matrix-diagram strong{font-size:var(--fs-xs);align-self:end;padding-inline:0}.matrix-replicates strong{writing-mode:vertical-rl;white-space:nowrap;justify-self:center}.matrix-diagram i{background:var(--green-tint);border:1px solid #d0dccb;border-radius:2px}.matrix-diagram i.matrix-member{background:#f1e2cb;border-color:#dac3a4}.matrix-value{font-size:var(--fs-sm);color:var(--muted);margin:10px 0 0}.analogy-plus,.analogy-arrow{color:#7f9279;margin:10px 0;font-size:22px;line-height:1.2;display:block}.known-set{border:1px dashed var(--line-strong);font-size:var(--fs-md);border-radius:8px;gap:4px;padding:14px;display:grid}.known-set>span:last-child{font-size:var(--fs-sm);color:var(--muted);line-height:1.7}.set-symbol{justify-content:center;gap:8px;padding:4px;display:flex}.set-symbol i{background:#c7884e;border-radius:50%;width:12px;height:12px}.analogy-question{font-size:var(--fs-md);color:var(--green);background:var(--green-tint);border-radius:var(--radius-sm);margin:0;padding:10px;font-weight:700}.rank-number{font-size:var(--fs-xs);color:#7b867c;margin-right:8px}.membership-mark{width:18px;color:var(--orange);font-size:11px;display:inline-block}.member-row{background:var(--orange-tint)}.member-row td:last-child{color:var(--orange-text);font-weight:700}.current-row{outline:2px solid var(--green);outline-offset:-2px}.gene-rank-lab .market-table{max-height:420px}.score-panel{margin-top:24px}.score-panel svg text{font-size:15px}.step-status{background:var(--surface);border-radius:8px;align-items:center;gap:16px;min-height:76px;padding:14px 16px;display:flex}.step-status>span{color:var(--green);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:22px}.step-status small{font-size:var(--fs-xs);color:var(--muted)}.step-status p{font-size:var(--fs-md);flex:1;margin:0;line-height:1.6}.step-status p strong{font-size:var(--fs-xs);color:var(--muted);font-weight:400;display:block}.step-status>b{font-variant-numeric:tabular-nums;color:var(--green);font-size:21px}.step-controls{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.axis-cards{grid-template-columns:1fr 1fr;gap:12px;margin:24px 0;display:grid}.axis-cards>div{border-top:3px solid var(--green);background:var(--surface);border-radius:0 0 var(--radius-sm) var(--radius-sm);padding:16px 20px}.axis-cards span{font-size:var(--fs-xs);color:var(--muted);letter-spacing:.08em;font-weight:700}.lesson-body .axis-cards h3{margin:4px 0 6px;font-size:16px}.axis-cards p{font-size:var(--fs-md);margin:0;line-height:1.8}.plot-legend{font-size:var(--fs-sm);color:var(--muted);flex-wrap:wrap;gap:6px 18px;margin:14px 24px 0;display:flex}.plot-legend>span{align-items:center;gap:6px;display:flex}.volcano-mark{font-weight:700}.volcano-mark.status-decrease{color:#2c6b89}.volcano-mark.status-increase{color:var(--orange-text)}.volcano-mark.status-other{color:#65726b}.plot-threshold{color:var(--muted);font-size:var(--fs-sm);margin:8px 24px 4px}.volcano-chart{padding:4px 16px 12px}.volcano-chart.compact-chart text,.volcano-chart.compact-chart .selected-label{font-size:13px!important}.gene-point{cursor:pointer;fill:var(--paper);stroke:#65726b;stroke-width:1.6px}.gene-point circle[fill=transparent]{stroke:none}.gene-point.status-decrease{fill:#2c6b89;stroke:#2c6b89}.gene-point.status-increase{fill:var(--orange);stroke:var(--orange)}.gene-point:hover,.gene-point:focus{stroke:#1b3024;stroke-width:3px}.gene-point:focus{outline:none}.selected-label{fill:var(--ink);paint-order:stroke;stroke:var(--paper);stroke-width:4px;font-size:12px!important;font-weight:700!important}.gene-data{grid-template-columns:1.15fr 1fr;gap:20px;margin:12px 24px 24px;display:grid}.gene-table{border:1px solid var(--line);border-radius:var(--radius-sm);height:260px;scroll-padding-top:40px}.gene-table thead{z-index:1;position:sticky;top:0}.gene-table td,.gene-table th{font-size:var(--fs-sm);padding:4px 12px}.gene-table button{min-height:36px;font-size:var(--fs-sm);white-space:nowrap;background:0 0;border:0;padding:4px}.selected-row{background:var(--green-tint)}.selected-row th{box-shadow:inset 3px 0 var(--green)}.gene-detail{background:var(--surface);border-radius:8px;padding:18px 20px}.gene-detail h4{letter-spacing:.03em;color:var(--ink);margin:4px 0;font-size:22px;font-weight:700}.gene-detail>p{font-size:var(--fs-sm);color:var(--muted);margin-bottom:12px;line-height:1.7}.gene-detail dl{margin:0}.gene-detail dl>div{font-size:var(--fs-sm);border-top:1px solid var(--line);justify-content:space-between;gap:10px;padding:8px 0;display:flex}.gene-detail dt{color:var(--muted)}.gene-detail dd{font-variant-numeric:tabular-nums;margin:0;font-weight:700}.questions{border-top:1px solid var(--line);max-width:var(--measure);margin-top:24px}.questions details{border-bottom:1px solid var(--line)}.questions summary{padding:16px 8px 16px 0;font-size:16px;font-weight:600;line-height:1.7}.questions summary:hover,.questions details[open] summary{color:var(--green)}.questions details p{background:var(--surface);border-radius:8px;margin:0 0 18px;padding:16px 20px;font-size:15px;line-height:1.85}.reference-section h2{font-size:21px}.glossary{max-width:var(--measure);margin:0}.glossary>div{border-bottom:1px solid var(--line);grid-template-columns:9.5rem 1fr;gap:16px;padding:12px 0;font-size:15px;line-height:1.8;display:grid}.glossary>div:first-child{border-top:1px solid var(--line)}.glossary dt{color:var(--ink);font-weight:700}.glossary dd{margin:0}#sources>ol,#sources>p{font-size:var(--fs-md);color:var(--muted)}#sources li{padding-bottom:8px;line-height:1.8}.lesson-pagination{border-top:1px solid var(--line);flex-wrap:wrap;gap:12px;margin-top:56px;padding-top:32px;display:flex}.lesson-pagination a{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--paper);min-height:64px;color:var(--green);flex:18rem;align-items:center;gap:12px;padding:16px 20px;font-weight:700;text-decoration:none;display:flex}.lesson-pagination a[rel=next]{text-align:right;justify-content:flex-end}.lesson-pagination a:hover{background:var(--surface);border-color:var(--green)}@media (width>=1100px){.ranking-body{grid-template-columns:1fr 1.15fr;align-items:start;gap:20px;display:grid}.ranking-body .market-table th,.ranking-body .market-table td{padding-inline:10px}.score-panel{margin-top:0}.score-panel svg text{font-size:18px}}@media (width<=1000px){:root{--contents:168px;--column-gap:36px}.gene-data{grid-template-columns:1fr;gap:12px}.gene-detail dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.gene-detail dl>div{display:block}.gene-detail dd{margin-top:4px}}@media (width<=1100px){.market-analogy{grid-template-columns:1fr}}@media (width<=760px){:root{--fs-h2:23px;--fs-h3:18px;scroll-padding-top:12px}.site-header{flex-wrap:wrap;gap:4px 16px;min-height:0;padding-top:12px}.site-header nav{scrollbar-width:none;width:calc(100% + 24px);margin:0 -12px;overflow-x:auto}.site-header nav a{white-space:nowrap;padding:0 12px}.lesson-title,.with-contents .lesson-title{padding:32px 0 0}.intro-hero picture{margin-top:20px}.intro-hero img{height:clamp(240px,58vw,330px)}.lesson-title h1{font-size:26px}.reading-layout{padding:24px 0 64px}.home-layout .reading-layout{padding-top:24px}.topic-card{gap:8px}.topic-card-copy{padding:28px 24px}.topic-card-arrow{padding-right:24px}.with-contents .reading-layout{display:block}.contents{border-block:1px solid var(--line);max-height:none;margin-bottom:40px;padding:14px 4px 10px;position:static;overflow:visible}.contents-label{margin-bottom:6px;padding-left:8px}.contents ol{border-left:0;grid-template-columns:1fr 1fr;column-gap:8px;display:grid}.contents a{border-radius:var(--radius-sm);border-left:0;margin-left:0;padding:8px}.lesson-body{letter-spacing:.01em;font-size:15.5px}.lesson-body>section{margin-bottom:40px;padding-bottom:40px}.lesson-body h2{margin-bottom:18px}.lesson-body h3{margin-top:36px}.callout{padding:16px 18px;font-size:14.5px}.lab{border-radius:var(--radius);margin:24px 0}.lab-heading{padding:14px 16px}.lesson-body .lab-heading h3{font-size:16px}.lab-controls{gap:12px;padding:16px}.lab-controls label{flex-direction:column;flex:1;align-items:stretch;gap:6px;min-width:130px}.lab-controls select{width:100%}.lab-intro,.plot-legend,.plot-threshold{margin-inline:16px}.lab-foot{padding:16px}.market-body,.ranking-body{padding:0 16px 16px}.market-sales{padding-top:16px}.market-table th,.market-table td,.expression-counts th,.expression-counts td{font-size:var(--fs-sm);padding:9px 10px}.recipe-options{grid-template-columns:1fr;gap:8px;padding:16px}.recipe-status{margin-inline:16px}.ranking-recipe-options{margin:16px 16px 0}.ranking-recipe-options legend{float:none;width:100%;margin-bottom:4px}.market-rank-figure{margin:16px}.ratio-examples{gap:8px}.ratio-example{padding:12px 10px}.ratio-example figcaption{min-height:2.6em;font-size:var(--fs-sm);line-height:1.3}.ratio-example svg text{font-size:25px}.ratio-example-result{flex-direction:column;align-items:flex-start;gap:0}.ratio-example-result strong{font-size:20px}.ratio-example-result span{font-size:var(--fs-sm)}.ratio-example p{font-size:var(--fs-xs)}.analogy-panel{padding:18px 14px}.rank-number{margin-right:6px}.membership-mark{width:14px}.score-panel svg{width:calc(100% + 16px);margin-inline:-8px}.score-panel svg text{font-size:21px}.step-status{gap:10px;padding:12px}.step-status>span{font-size:19px}.step-status>b{font-size:18px}.step-controls button{padding-inline:14px}.axis-cards{gap:8px}.axis-cards>div{padding:14px}.lesson-body .axis-cards h3{font-size:15px}.axis-cards p{font-size:var(--fs-sm)}.volcano-chart{padding:8px 4px 4px}.gene-data{margin:12px 16px 16px}.gene-table{height:240px}.gene-table button{min-height:40px}.gene-detail{padding:16px}.gene-detail dl{gap:8px}.gene-detail dt{font-size:var(--fs-xs)}.questions summary{font-size:15px}.glossary>div{grid-template-columns:7rem 1fr;gap:12px;font-size:14.5px}.lesson-pagination{margin-top:40px;padding-top:24px}.lesson-pagination a{flex-basis:100%}.site-footer{flex-wrap:wrap;padding-block:24px 32px}}@media (width<=374px){.contents ol,.axis-cards{grid-template-columns:1fr}.market-table th,.market-table td{padding-inline:6px}.step-controls button{padding-inline:10px}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.site-header nav,.contents,.step-controls,.lab-controls,.lesson-pagination,.site-footer>a:last-child{display:none}body{background:#fff}.with-contents .lesson-title{padding-left:0}.with-contents .reading-layout{display:block}.reading-layout{padding:24px 0}.lab,.callout{break-inside:avoid}.market-lab,.volcano-lab{break-inside:auto}.table-scroll{height:auto;max-height:none;overflow:visible}.gene-data{display:block}.gene-table{height:auto}.gene-table thead{position:static}.gene-point{pointer-events:none}.lesson-body>section{padding-bottom:20px}a{color:inherit}.brand-icon{print-color-adjust:exact}}