#reproduksi-bakteri .process-intro{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:17px 3px 26px}.process-intro h3{font:600 clamp(34px,4vw,48px)/1.1 'Fraunces',serif;letter-spacing:-.04em;margin:15px 0;color:var(--ink)}.process-intro h3>span{color:#ad9257}.process-intro>div>p{font-size:13px;line-height:1.9;color:var(--muted);max-width:560px}.process-intro>aside{background:var(--tint);border:1px solid var(--line);padding:22px 25px;border-radius:19px;min-width:212px}.process-intro aside strong{font:600 43px/1.1 'Fraunces',serif;display:block;color:var(--ink)}.process-intro aside>span{display:block;font-size:11px;color:var(--muted);margin:8px 0 13px}.process-intro aside p{font-size:10px;line-height:1.9;color:var(--muted)}.process-learning-note{display:flex;gap:15px;align-items:center;padding:15px 18px;border:1px solid var(--line);background:var(--tint);border-radius:12px;margin-bottom:24px}.process-learning-note>span{font-size:25px;color:#aa8d50}.process-learning-note p{font-size:12px;line-height:1.8;color:var(--muted)}.process-learning-note strong{color:var(--ink)}.process-library{gap:23px}.process-film{border-radius:19px;background:var(--card);box-shadow:var(--shadow)}.process-film-heading{display:flex;align-items:center;gap:13px;padding:20px 21px;min-height:92px}.process-film-number{font-size:11px;font-weight:800;display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;background:var(--tint);color:var(--ink)}.process-film-heading>div{min-width:0;flex:1}.process-film-heading .lab-kicker{font-size:7px}.process-film-heading h3{font:600 27px/1.15 'Fraunces',serif;letter-spacing:-.025em;margin:5px 0 0;color:var(--ink)}.process-duration{font-size:9px;white-space:nowrap;color:var(--muted);border:1px solid var(--line);background:var(--tint);padding:6px 8px;border-radius:7px}.process-screen{position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.process-screen video{aspect-ratio:16/9;width:100%;height:auto;display:block;background:#0b3027}.process-screen .video-play{left:12px;top:12px;font-size:10px;padding:8px 12px;min-height:34px;background:#e8efd8e6;color:#214b37;backdrop-filter:blur(6px);box-shadow:0 4px 12px #09291d66}.process-screen .video-play[hidden]{display:none}.process-film .video-copy{padding:19px 22px 22px}.process-film-meta{display:flex;flex-wrap:wrap;gap:7px;align-items:center;color:var(--muted);font-size:9px;font-weight:500}.process-film-meta i{display:block;width:3px;height:3px;background:#ab9861;border-radius:50%}.process-film .process-observe{font-size:12px;line-height:1.9;margin:15px 0;min-height:65px}.process-key-point{border-left:2px solid #b6a16b;padding:11px 13px;background:var(--tint);border-radius:0 10px 10px 0}.process-key-point>span{font-size:7px;font-weight:800;letter-spacing:.1em;color:var(--muted)}.process-key-point>p{font-size:11px!important;line-height:1.8!important;margin-top:5px;color:var(--ink)!important;min-height:39px}.process-film .transcript{margin-top:17px}.process-film .transcript summary{font-size:11px!important;line-height:1.6;padding:13px 0!important;color:var(--ink)}.process-film .transcript ol{font-size:11px;line-height:1.85;color:var(--muted)}.process-film .transcript li{margin:10px 0}.process-film .transcript strong{font-weight:700;color:var(--ink)}.process-download{font-size:10px;font-weight:700;display:flex;justify-content:space-between;align-items:center;padding-top:13px;margin-top:4px;border-top:1px solid var(--line);color:var(--ink)}.process-download>span{font-size:17px;font-weight:400}.process-media-note{font-size:10px;line-height:1.85;color:var(--muted);margin:20px 0 9px}.process-references{font-size:9px;line-height:1.9;color:var(--muted)}.process-references a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.process-library{grid-template-columns:1fr}.process-film .process-observe{min-height:0}.process-key-point>p{min-height:0}.process-film-heading h3{font-size:28px}.process-film-heading .lab-kicker{font-size:8px}.process-film .process-observe{font-size:13px}.process-film .transcript ol{font-size:12px}.process-learning-note{align-items:flex-start}.process-learning-note p{font-size:11px}.process-film-meta{font-size:10px}}
@media(max-width:620px){#reproduksi-bakteri .process-intro{flex-direction:column;align-items:stretch;gap:20px;padding-top:8px}.process-intro h3{font-size:37px}.process-intro>div>p{font-size:12px}.process-intro>aside{min-width:0;display:grid;grid-template-columns:auto 1fr;gap:0 18px;align-items:center;padding:16px 20px}.process-intro aside strong{grid-row:1/3;font-size:39px}.process-intro aside>span{margin:0;font-size:11px}.process-intro aside p{font-size:10px}.process-intro aside p br{display:none}.process-film-heading{padding:17px;gap:10px}.process-film-heading h3{font-size:25px}.process-duration{font-size:8px}.process-film-heading .lab-kicker{font-size:6px}.process-film .video-copy{padding:18px}.process-key-point>p{font-size:12px!important}.process-media-note{font-size:10px}.process-references{font-size:9px}.process-download{font-size:11px;min-height:40px}.process-film .transcript summary{font-size:11px!important}}