.hemo-page .hemo-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;width:min(1136px,100% - 32px);margin:0 auto 80px;display:grid}.hemo-form,.hemo-preview{background:#fff;border:1px solid #dce4ef;border-radius:16px;padding:24px}.hemo-preview{min-width:0;position:sticky;top:80px}.hemo-form h2{margin:12px 0 20px;font-size:22px}.hemo-form h2:not(:first-child){margin-top:32px}.hemo-form h3{margin:24px 0 12px;font-size:17px}.hemo-field{flex-direction:column;flex:1;gap:6px;min-width:0;margin:12px 0;font-size:14px;font-weight:600;display:flex}.hemo-field input,.hemo-field select,.hemo-table-scroll input{color:#172f49;background:#fff;border:1px solid #aebdd0;border-radius:7px;width:100%;min-width:0;height:44px;padding:8px 10px}.hemo-field input:focus-visible,.hemo-field select:focus-visible,.hemo-table-scroll:focus-visible,.hemo-grid:focus-visible{outline-offset:2px;outline:3px solid #74a8f6}.hemo-field input[aria-invalid=true],.hemo-table-scroll input[aria-invalid=true]{border-color:#c33}.hemo-row{gap:12px;display:flex}.hemo-check{align-items:center;gap:9px;min-height:44px;font-size:14px;display:flex}.hemo-check input{accent-color:#2563eb;width:20px;height:20px}.hemo-segment{border:0;margin:16px 0;padding:0}.hemo-segment legend{margin-bottom:7px;font-size:14px;font-weight:600}.hemo-segment>div{background:#edf1f6;border-radius:8px;gap:3px;padding:4px;display:flex}.hemo-segment button{cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;min-height:44px;padding:7px;font-size:13px}.hemo-segment button[aria-pressed=true]{color:#194c9b;background:#fff;box-shadow:0 1px 4px #0002}.hemo-segment button:hover{background:#dfe9f8}.hemo-segment button:focus-visible,.hemo-actions button:focus-visible{outline:3px solid #74a8f6}.hemo-error{color:#b42318;font-size:13px;font-weight:400;display:block}.hemo-table-scroll{max-width:100%;margin:14px 0;overflow:auto}.hemo-table-scroll table,.hemo-reading table{border-collapse:collapse;width:100%;font-size:14px}.hemo-table-scroll th,.hemo-table-scroll td,.hemo-reading th,.hemo-reading td{text-align:left;white-space:nowrap;border-bottom:1px solid #dce4ef;padding:8px}.hemo-table-scroll th:first-child,.hemo-table-scroll td:first-child{z-index:1;background:#fff;position:sticky;left:0;box-shadow:2px 0 4px #0002}.hemo-table-scroll input{min-width:90px}.hemo-remove{cursor:pointer;background:0 0;border:0;min-width:44px;min-height:44px;font-size:24px}.hemo-card{border:1px solid #dce4ef;border-radius:10px;margin-bottom:12px;padding:18px}.hemo-card p{margin:8px 0 0}.hemo-result{color:#164da4;font-size:28px}.hemo-warning{background:#fff7df;border-left:3px solid #d49a1b;margin:8px 0;padding:9px 12px;font-size:14px}.hemo-grid{text-align:center;width:100%;max-height:310px;overflow:auto}.hemo-grid svg{width:min(100%,300px);height:auto}.hemo-grid [data-row]{cursor:pointer}.hemo-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.hemo-actions .pfd-btn{min-height:40px;font-size:14px}.hemo-actions details{position:relative}.hemo-actions summary{cursor:pointer;list-style:none}.hemo-actions details>div{z-index:3;background:#fff;border-radius:6px;min-width:165px;position:absolute;right:0;box-shadow:0 3px 12px #0002}.hemo-actions details button{text-align:left;background:#fff;border:0;width:100%;padding:10px;display:block}.hemo-section{padding:48px 0}.hemo-section .heading{text-align:center;max-width:800px;margin:0 auto 36px}.hemo-section .heading p{margin:12px auto 0}.hemo-examples{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.hemo-example{border:1px solid #dce4ef;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.hemo-thumbnail{background:#fff}.hemo-thumbnail svg{width:100%;height:auto;display:block}.hemo-example>div:last-child{flex-direction:column;flex:1;align-items:flex-start;padding:18px;display:flex}.hemo-example h3{font-size:18px}.hemo-example p{color:#64748b;font-size:14px}.hemo-example button{margin-top:auto}.hemo-steps{grid-template-columns:repeat(4,1fr);gap:20px;padding:0;list-style:none;display:grid}.hemo-mini{width:120px;max-width:100%}.hemo-mini svg{width:100%;height:auto}.hemo-steps h3{font-size:17px}.hemo-reading{max-width:800px}.hemo-reading h2{text-align:center}.hemo-reading p{line-height:1.7}.hemo-chambers{text-align:center;grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.hemo-chambers .hemo-mini{margin:auto}.hemo-chambers h3{font-size:14px}.hemo-section a{color:#1857ad;text-decoration:underline}@media (width<=900px){.hemo-page .hemo-workspace{flex-direction:column;display:flex}.hemo-form,.hemo-preview{width:100%}.hemo-preview-column{order:-1;width:100%}.hemo-preview{position:static}.hemo-examples,.hemo-steps{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.hemo-row{flex-wrap:wrap}.hemo-row .hemo-field{min-width:120px}.hemo-form,.hemo-preview{padding:16px}.hemo-examples,.hemo-steps{grid-template-columns:1fr}.hemo-chambers{grid-template-columns:repeat(2,1fr)}.hemo-section{padding:36px 0}.hemo-grid svg{width:300px;max-width:none}.hemo-grid{text-align:left}}.hemo-form,.hemo-preview,.hemo-example,.hemo-reading,.hemo-steps{text-align:left}.hemo-grid{text-align:center}.hemo-grid svg{width:min(100%,240px)}.hemo-grid{max-height:250px}.hemo-segment legend,.hemo-section .wrap>p{text-align:left}@media (width<=600px){.hemo-grid{text-align:left}.hemo-grid svg{width:300px}}.hemo-controls{display:contents}.hemo-controls:disabled{opacity:.8}.hemo-grid svg path{pointer-events:none}.hemo-reading table{table-layout:fixed}.hemo-reading th,.hemo-reading td{white-space:normal;overflow-wrap:anywhere}.hemo-grid svg text{pointer-events:none}.hemo-grid{max-height:none;overflow:auto hidden}.hemo-grid svg{margin-inline:auto}@media (width<=600px){.hemo-grid svg{margin-inline:0}}.hemo-mobile-diagram,.hemo-thumbnail-mobile{display:none}@media (width<=600px){.hemo-grid,.hemo-thumbnail-desktop{display:none}.hemo-mobile-diagram{display:block}.hemo-mobile-diagram svg{width:100%;height:auto;display:block}.hemo-mobile-counts{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:12px 0;display:grid}.hemo-mobile-counts button{text-align:left;background:#eff6ff;border:1px solid #b7cbed;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;min-width:0;min-height:44px;padding:6px 10px;font-size:12px;display:flex}.hemo-mobile-counts button:focus-visible{outline:3px solid #74a8f6}.hemo-thumbnail-mobile{background:#fff;grid-template-columns:minmax(0,40%) minmax(0,1fr);align-items:center;gap:12px;padding:14px;display:grid}.hemo-thumbnail-grid svg{width:100%;height:auto;display:block}.hemo-thumbnail-summary{overflow-wrap:anywhere;flex-direction:column;gap:4px;min-width:0;font-size:12px;display:flex}.hemo-thumbnail-summary strong{font-size:17px}.hemo-mini svg text{display:none}.hemo-mobile-count-legend{color:#526176;margin:10px 0 0;font-size:12px}}.hemo-remove-header{position:relative}@media (width<=600px){.hemo-mobile-counts strong{overflow-wrap:anywhere;min-width:0}}.hemo-preview,.hemo-page .hemo-workspace{scroll-margin-top:72px}.hemo-actions{margin:0 0 10px}.hemo-mobile-count-legend{color:#526176;margin:0 0 6px;font-size:12px}.hemo-mobile-counts{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0 0 12px;display:grid}.hemo-mobile-counts button{text-align:left;background:#eff6ff;border:1px solid #b7cbed;border-radius:6px;justify-content:space-between;align-items:center;gap:6px;min-width:0;min-height:40px;padding:6px;font-size:12px;display:flex}.hemo-mobile-counts button:focus-visible{outline:3px solid #74a8f6}@media (width>=901px){.hemo-preview-column{align-self:stretch;min-width:0;position:relative}.hemo-preview-rail{position:absolute;inset:0}.hemo-preview{flex-direction:column;max-height:min(100%,100vh - 96px);padding:14px;display:flex}.hemo-preview>.hemo-card,.hemo-preview>.hemo-actions{flex:none}.hemo-preview .hemo-card{margin-bottom:8px;padding:10px 12px}.hemo-preview .hemo-card p{margin-top:4px}.hemo-preview-content{grid-template-columns:minmax(0,40%) minmax(0,1fr);align-content:start;gap:8px;min-height:0;display:grid;overflow-y:auto}.hemo-preview-content>.hemo-warning,.hemo-preview-content>.hemo-card{grid-column:1/-1}.hemo-preview .hemo-grid svg{width:100%;max-height:min(25vh,200px);display:block}.hemo-preview .hemo-warning{margin:0;padding:5px 8px}}main.ga2#top.hemo-page .pfd-landing .pfd-steps.hemo-steps{grid-template-columns:repeat(4,minmax(0,1fr))}main.ga2#top.hemo-page .pfd-landing .wrap.hemo-reading{max-width:864px}.hemo-examples{grid-template-columns:repeat(2,minmax(0,1fr))}main.ga2#top.hemo-page .pfd-landing .hemo-steps .art-panel{height:120px;min-height:120px}.hemo-steps .hemo-mini{flex:none;width:90px}.hemo-load-art{justify-content:center;align-items:center;gap:6px;width:100%;display:flex}.hemo-load-pipette{color:#164da4;white-space:nowrap;align-items:center;gap:3px;font-size:12px;display:flex}.hemo-count-art{margin-inline:auto;position:relative}.hemo-count-art>span{color:#173b5c;background:#bfdbfe;padding:0 1px;font-size:12px;line-height:1;position:absolute;transform:translate(-50%,-50%)}.hemo-count-art>span:first-of-type{top:16.67%;left:16.67%}.hemo-count-art>span:nth-of-type(2){top:16.67%;left:83.33%}.hemo-count-art>span:nth-of-type(3){top:83.33%;left:16.67%}.hemo-count-art>span:nth-of-type(4){top:83.33%;left:83.33%}.hemo-sample-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.hemo-sample-table th,.hemo-sample-table td{white-space:nowrap;border-bottom:1px solid #dde3ea;padding:3px}.hemo-art-segments{background:#e8edf3;border-radius:5px;align-items:center;gap:4px;padding:4px;display:flex}.hemo-art-segments>*{text-align:center;white-space:nowrap;flex:1;min-width:max-content;padding:7px 3px;font-size:12px}.hemo-art-segments b{background:#fff;border-radius:4px;box-shadow:0 1px 3px #0002}@media (width>=601px) and (width<=900px){main.ga2#top.hemo-page .pfd-landing .pfd-steps.hemo-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){main.ga2#top.hemo-page .pfd-landing .pfd-steps.hemo-steps,.hemo-examples{grid-template-columns:1fr}.hemo-seeding-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.hemo-seeding-row .hemo-field:last-child{grid-column:1/-1}.hemo-chambers{grid-template-columns:1fr}.hemo-chambers h3{white-space:nowrap}.hemo-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.hemo-segment>div{flex-direction:column}.hemo-mobile-counts button{flex-direction:column;justify-content:center;align-items:flex-start;gap:2px}.hemo-mobile-counts button span{white-space:nowrap}.hemo-seeding-row .hemo-field:not(:last-child)>span:first-child{align-items:end;min-height:3.1em;display:flex}}.hemo-recipe{gap:8px;margin:10px 0 0;font-size:14px;line-height:1.4;display:grid}.hemo-recipe>div{grid-template-columns:minmax(105px,.34fr) minmax(0,1fr);gap:10px;display:grid}.hemo-recipe dt{font-weight:600}.hemo-recipe dd{overflow-wrap:anywhere;min-width:0;margin:0}@media (width<=600px){.hemo-recipe>div{grid-template-columns:1fr;gap:2px}}.hemo-formula-cards{gap:16px;display:grid}.hemo-formula-card{background:#f6f8fc;border:1px solid #dfe6ef;border-radius:12px;padding:18px 20px}main.ga2#top.hemo-page .pfd-landing .hemo-formula-card h3{color:#334765;margin:0;font-size:14px;font-weight:600}.hemo-formula-card math{color:#172f49;margin:16px 0 18px;font-size:25px}main.ga2#top.hemo-page .pfd-landing .hemo-formula-card p{color:#526783;margin:0;font-size:14px;line-height:1.55}.hemo-formula-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.hemo-formula-example{margin-top:40px}main.ga2#top.hemo-page .pfd-landing .hemo-formula-example h3{margin:0 0 12px;font-size:20px}main.ga2#top.hemo-page .pfd-landing .hemo-formula-example>p{color:#526783;margin:0 0 16px}.hemo-formula-example th{width:32%}.hemo-formula-example td{text-align:right;font-variant-numeric:tabular-nums}@media (width<=600px){.hemo-formula-pair{grid-template-columns:1fr;gap:12px}.hemo-formula-example th,.hemo-formula-example td{width:100%;display:block}.hemo-formula-example th{border-bottom:0;padding-bottom:0}}.hemo-section.hemo-howto{padding:0}