/* Scoped atlas typography and visual comparisons. */
#pengelompokan-bakteri{scroll-margin-top:125px}#pengelompokan-bakteri .inside{padding-top:9px}.atlas-hero{position:relative;display:grid;grid-template-columns:1.05fr 1fr;isolation:isolate;overflow:hidden;border-radius:23px;background:#102e28;color:#f2f3df;margin:0 0 23px;min-height:290px}.atlas-hero-copy{z-index:2;padding:32px 34px}.atlas-hero .lab-kicker{color:#c9ce9f;font-size:9px}.atlas-hero h3{font:500 clamp(34px,4vw,49px)/1.1 'Fraunces',serif;letter-spacing:-.04em;margin:17px 0}.atlas-hero h3 em{font-weight:400;color:#d6c18b}.atlas-hero-copy>p{font-size:12px;line-height:1.85;max-width:370px;color:#c2d0c3}.atlas-hero-art{position:relative;min-height:280px}.atlas-hero-art img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.atlas-hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102e28,transparent 45%)}.atlas-hero-art>span{position:absolute;right:20px;bottom:17px;z-index:2;font-size:7px;letter-spacing:.12em;color:#e1e8d4}.atlas-method-note{display:flex;gap:12px;align-items:center;padding:15px 18px;background:var(--tint);border:1px solid var(--line);border-radius:12px;margin:0 0 21px}.atlas-method-note>span{font:500 29px 'Fraunces',serif;color:#b1985c}.atlas-method-note>p{font-size:11px;line-height:1.8;color:var(--muted)}.atlas-method-note strong{color:var(--ink)}.atlas-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:26px}.atlas-category{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:14px;text-align:left;padding:16px;display:flex;flex-direction:column;gap:9px;transition:background .2s,border-color .2s,transform .2s;min-height:130px;position:relative}.atlas-category:hover{transform:translateY(-3px);border-color:#95ad88}.atlas-category.is-active{background:var(--tint);border-color:#809b76;box-shadow:inset 0 -3px #819269}.atlas-category>span{font-size:9px;letter-spacing:.12em;color:var(--muted)}.atlas-category strong{font-size:13px;line-height:1.4}.atlas-category small{font-size:10px;color:var(--muted);line-height:1.5}.atlas-nav-icon{width:48px;height:30px;align-self:flex-end;position:absolute;right:13px;top:10px;opacity:.85}.atlas-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.atlas-heading .lab-kicker{font-size:8px}.atlas-heading h3{font:500 clamp(27px,3vw,35px)/1.2 'Fraunces',serif;margin:8px 0 0}.atlas-compare-toggle{border:1px solid var(--line);border-radius:9px;padding:10px 13px;font-size:10px;font-weight:700;background:var(--card);color:var(--ink);min-height:42px;white-space:nowrap}.atlas-compare-toggle[aria-pressed=true]{background:var(--tint);border-color:#819269}.atlas-family-info{font-size:12px;color:var(--muted);max-width:760px;margin:0 0 16px;line-height:1.8}.atlas-families{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}.atlas-families button{font-size:11px;font-weight:700;border:1px solid var(--line);background:var(--card);color:var(--muted);padding:10px 17px;min-height:42px;border-radius:9px}.atlas-families button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.atlas-selection{display:flex;gap:7px;flex-wrap:wrap;padding:13px 0 19px}.atlas-selection button{font-size:11px;font-weight:600;border:1px solid var(--line);border-radius:100px;background:var(--card);color:var(--muted);padding:9px 15px;min-height:40px}.atlas-selection button[aria-pressed=true]{background:var(--tint);border-color:#829876;color:var(--ink);box-shadow:inset 0 -2px #a6ad7b}.atlas-focus{display:grid;grid-template-columns:1.25fr 1fr;gap:22px;align-items:stretch}.atlas-model-wrap{border-radius:19px;background:radial-gradient(ellipse at 40% 40%,#235448,#0c2824 83%);overflow:hidden;position:relative;color:#d9e2c9;display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:390px}.atlas-model-head{display:flex;justify-content:space-between;align-items:center;padding:19px 22px 0;font-size:8px;letter-spacing:.14em;color:#b5c6ab}.atlas-model-head b{font-size:9px;letter-spacing:.09em;color:#e3d6a8;border:1px solid #91bda03b;border-radius:100px;padding:5px 9px}.atlas-model{width:100%;margin:auto;min-width:0}.atlas-svg{width:100%;display:block;max-height:355px;overflow:hidden}.atlas-model-note{padding:0 20px 17px;text-align:center;font-size:8px;line-height:1.5;color:#a8bead}.atlas-copy{display:flex;flex-direction:column;justify-content:center;padding:22px 22px 22px 6px;min-width:0}.atlas-copy .lab-kicker{font-size:8px}.atlas-copy h4{font:500 clamp(29px,3.7vw,43px)/1.1 'Fraunces',serif;margin:15px 0 17px;letter-spacing:-.04em;color:var(--ink)}.atlas-copy #atlas-description{font-size:13px;color:var(--muted);line-height:1.85;margin:0 0 20px}.atlas-tag{font-size:10px;font-weight:700;display:inline-flex;align-self:flex-start;gap:8px;border:1px solid var(--line);border-radius:100px;padding:6px 11px;color:var(--ink);background:var(--tint);margin-bottom:20px}.atlas-tag:before{content:'';width:6px;height:6px;background:#9eae73;border-radius:50%;align-self:center}.atlas-observation{background:var(--tint);border-left:2px solid #b6a16b;border-radius:0 12px 12px 0;padding:14px 16px}.atlas-observation>span{font-size:8px;letter-spacing:.08em;color:var(--muted);font-weight:800}.atlas-observation p{font-size:12px;line-height:1.8;margin:7px 0 0;color:var(--ink)}.atlas-pagination{display:flex;gap:12px;align-items:center;justify-content:center;margin:18px 0}.atlas-pagination span{min-width:60px;font-size:10px;text-align:center;color:var(--muted)}.atlas-pagination button{background:var(--card);border:1px solid var(--line);border-radius:9px;min-width:44px;min-height:40px;color:var(--ink);font-size:20px}.atlas-pagination button:disabled{opacity:.3}.atlas-tip{display:flex;gap:12px;border-top:1px solid var(--line);padding:16px 0 0;margin-top:16px;font-size:11px;color:var(--muted)}.atlas-tip>span{color:#a58b52}.atlas-food-note{background:var(--tint);border:1px solid var(--line);padding:17px 20px;border-radius:12px;margin-top:20px;font-size:11px;line-height:1.85;color:var(--muted)}.atlas-food-note strong{color:var(--ink)}.atlas-footnote{font-size:9px!important;line-height:1.9;color:var(--muted);margin:19px 0 7px}.atlas-sources{font-size:9px;color:var(--muted);line-height:1.9}.atlas-sources a{text-decoration:underline;text-underline-offset:3px}.atlas-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.atlas-compare-card{background:var(--card);border:1px solid var(--line);border-radius:15px;overflow:hidden}.atlas-compare-art{background:radial-gradient(ellipse at 40% 40%,#235448,#0c2824 83%)}.atlas-compare-copy{padding:16px}.atlas-compare-copy>span{font-size:9px;color:var(--muted)}.atlas-compare-copy h4{font:500 23px/1.25 'Fraunces',serif;margin:7px 0}.atlas-compare-copy p{font-size:11px;line-height:1.75;color:var(--muted);min-height:39px}.atlas-compare-copy button{width:100%;display:flex;justify-content:space-between;text-align:left;font-size:10px;font-weight:700;color:var(--ink);border-top:1px solid var(--line);background:transparent;min-height:42px;padding:13px 0 0;margin-top:12px}.atlas-food-photo{height:245px;position:relative;overflow:hidden}.atlas-food-photo img{width:100%;height:100%;object-fit:cover}.atlas-food-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 65%,#0d2c27)}.atlas-food-photo>span{position:absolute;bottom:13px;left:20px;z-index:2;color:#e9edd5;font-size:7px;letter-spacing:.12em}.atlas-nutrition-flow{display:flex;align-items:center;justify-content:center;gap:15px;padding:16px 18px 8px;color:#e6ead3}.atlas-nutrition-flow span{display:block;font-size:7px;letter-spacing:.05em;color:#b8c9b6;margin-bottom:6px}.atlas-nutrition-flow strong{font-size:13px;line-height:1.4}.atlas-nutrition-flow b{color:#d6c18b;font-size:21px}.atlas-energy{text-align:center;font-size:10px;color:#d6c18b;margin:7px 0 18px}.atlas-compare-art .atlas-food-photo{height:150px}.atlas-compare-art .atlas-nutrition-flow{gap:9px;padding:13px 10px 5px}.atlas-compare-art .atlas-nutrition-flow strong{font-size:10px}.atlas-compare-art .atlas-nutrition-flow span{font-size:6px}.atlas-compare-art .atlas-energy{font-size:9px;margin-bottom:0;padding-bottom:13px}.atlas-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.atlas-flag{animation:atlas-glint 3s ease-in-out infinite}.atlas-flex{transform-origin:300px 200px;animation:atlas-flex 5s ease-in-out infinite}@keyframes atlas-glint{50%{stroke:#f5dfa3;stroke-opacity:.72}}@keyframes atlas-flex{50%{transform:scaleY(.9)}}#pengelompokan-bakteri [hidden]{display:none!important}
@media(max-width:950px){.atlas-focus{gap:15px}.atlas-copy{padding:15px 5px}.atlas-model-wrap{min-height:340px}.atlas-category{padding:14px}.atlas-nav-icon{width:35px;right:10px}.atlas-category strong{font-size:12px}.atlas-comparison{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.atlas-hero{grid-template-columns:1fr;min-height:0}.atlas-hero-copy{padding:25px 24px}.atlas-hero h3{font-size:34px;max-width:360px}.atlas-hero-copy>p{font-size:12px}.atlas-hero-art{min-height:200px}.atlas-hero-art:after{background:linear-gradient(#102e28,transparent 35%)}.atlas-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.atlas-category{min-height:122px;padding:14px}.atlas-category strong{font-size:13px;padding-top:4px}.atlas-category small{font-size:10px}.atlas-focus{grid-template-columns:1fr;gap:10px}.atlas-model-wrap{min-height:0}.atlas-svg{max-height:360px}.atlas-copy{padding:16px 5px 8px}.atlas-copy h4{font-size:34px;margin-top:12px}.atlas-copy #atlas-description{font-size:13px}.atlas-tag{margin-bottom:14px}.atlas-observation p{font-size:12px}.atlas-method-note{align-items:flex-start}.atlas-method-note>p{font-size:11px}.atlas-heading{align-items:flex-start;flex-direction:column;gap:12px}.atlas-heading h3{font-size:29px}.atlas-compare-toggle{font-size:9px;padding:8px 10px}.atlas-family-info{font-size:12px}.atlas-families button{font-size:10px;padding:10px 12px}.atlas-selection{gap:6px}.atlas-selection button{font-size:10px;padding:9px 12px;min-height:42px}.atlas-comparison{gap:10px}.atlas-compare-copy{padding:12px}.atlas-compare-copy h4{font-size:20px}.atlas-compare-copy p{font-size:10px;min-height:50px}.atlas-compare-copy button{font-size:9px}.atlas-compare-art .atlas-svg{min-height:130px}.atlas-compare-art .atlas-food-photo{height:115px}.atlas-compare-art .atlas-nutrition-flow{flex-direction:column;gap:4px;text-align:center}.atlas-compare-art .atlas-nutrition-flow b{transform:rotate(90deg);line-height:1}.atlas-footnote,.atlas-sources{font-size:9px!important}.atlas-food-photo{height:230px}.atlas-pagination{margin-top:8px}}
@media(max-width:380px){.atlas-heading{flex-wrap:wrap}.atlas-hero h3{font-size:33px}.atlas-hero-copy{padding:22px}.atlas-nav-icon{width:31px}.atlas-comparison{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.atlas-flag,.atlas-flex{animation:none}}