:root{--ink:#171717;--muted:#595959;--paper:#fff;--soft:#f4f4f2;--line:#d9d9d5;--accent:#795720;--accent-soft:#f4e8cc;--dark:#121311;color:var(--ink);background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color-scheme:light}*{box-sizing:border-box}html{scroll-padding-top:1.25rem}body{margin:0;font-size:1rem;line-height:1.65;-webkit-text-size-adjust:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.12;letter-spacing:-.035em;text-wrap:balance}h1{font-size:clamp(2.25rem,5vw,4.25rem);font-weight:650}h2{font-size:clamp(1.75rem,3.4vw,2.75rem);font-weight:650}h3{font-size:1.375rem;font-weight:650}p{max-width:65ch}a{color:inherit;text-underline-offset:.2em}button,a,summary{touch-action:manipulation}img{display:block;max-width:100%;height:auto}main,section,article,nav,div,header,footer{min-width:0}h1,h2,h3,p,a,span,summary{overflow-wrap:break-word}:focus-visible{outline:3px solid #2074ce;outline-offset:4px}.wrap{width:min(1120px,calc(100% - 40px));margin-inline:auto}.reading{width:min(800px,calc(100% - 40px));margin-inline:auto}.eyebrow{font-size:.875rem;letter-spacing:.1em;font-weight:650;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem}.skip{position:absolute;left:1rem;top:-8rem;z-index:99;padding:.8rem 1rem;background:white;color:black}.skip:focus{top:1rem}.topbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding-block:.6rem}.brand{display:inline-flex;align-items:center;min-height:48px;text-decoration:none;font-size:1.5rem;letter-spacing:.18em;font-weight:750}.top-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.4rem .7rem;font-size:.875rem;text-decoration:none}.top-link:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:52px;padding:.8rem 1.1rem;border:1px solid var(--ink);border-radius:8px;background:var(--ink);color:white;text-decoration:none;text-align:center;font-size:1rem;font-weight:650;line-height:1.4}.btn:hover{filter:brightness(.93)}.text-link{display:inline-flex;align-items:center;min-height:48px;padding:.35rem 0;font-weight:600}.footer{margin-top:48px;border-top:1px solid var(--line);padding:32px 0 max(32px,env(safe-area-inset-bottom))}.footer-inner{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.footer .brand{font-size:1.25rem}.footer p{color:var(--muted);font-size:.875rem}.footer nav{display:flex;flex-wrap:wrap;gap:0 24px}.footer nav a{font-size:.875rem;min-height:48px;display:inline-flex;align-items:center}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;min-height:58px;padding:16px 34px 16px 0;position:relative;font-weight:600;line-height:1.5;list-style:none}summary::-webkit-details-marker{display:none}summary::after{content:"+";position:absolute;right:4px;top:16px;font-size:1.375rem;font-weight:400}details[open]>summary::after{content:"−"}details>.answer{padding:0 0 22px;color:var(--muted);max-width:68ch}.answer p+p{margin-top:14px}.answer a{min-height:44px;display:inline-flex;align-items:center;padding-block:5px}.page-intro{padding-block:36px 24px}.page-intro h1{font-size:clamp(2.1rem,4.5vw,3.5rem);max-width:19ch}.page-intro>p:not(.eyebrow){margin-top:14px;color:var(--muted)}.reading-help{margin-top:28px}.guide-nav{display:grid;gap:10px;margin:4px 0 28px}.guide-nav a{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:16px 18px;border:1px solid var(--line);border-radius:10px;text-decoration:none;min-height:78px}.guide-nav a:hover{background:var(--soft)}.guide-nav .num{color:var(--accent);font-size:.875rem;font-weight:650}.guide-nav strong{display:block;font-size:1rem}.guide-nav small{display:block;font-size:.875rem;color:var(--muted);margin-top:3px}.guide-section{padding-block:36px;border-top:1px solid var(--line);scroll-margin-top:18px}.guide-section>h2{font-size:clamp(1.8rem,4vw,2.5rem)}.guide-section>.lead{color:var(--muted);margin-top:14px}.rule{background:var(--dark);color:#fff;padding:24px;border-radius:12px;margin:24px 0}.rule b{display:block;font-size:1.5rem;color:#ebcf91;line-height:1.3;margin-bottom:8px}.rule p{color:#dedfd7}.steps-text{padding:0;list-style:none;counter-reset:steps}.steps-text li{position:relative;counter-increment:steps;padding:18px 0 18px 44px;border-bottom:1px solid var(--line)}.steps-text li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:20px;color:var(--accent);font-size:.875rem;font-weight:650}.steps-text strong{display:block;font-size:1.125rem;margin-bottom:5px}.steps-text p{color:var(--muted)}.guide-note{padding:16px 20px;border-left:3px solid var(--accent);background:var(--soft);margin-top:18px;font-size:1rem}.guide-section>.text-link{margin-top:12px;font-size:.875rem}.atomizer-steps{margin:20px 0 0;padding:0;list-style:none;counter-reset:atomizer}.atomizer-steps li{counter-increment:atomizer;display:grid;grid-template-columns:1fr 140px;align-items:center;gap:24px;border-bottom:1px solid var(--line);padding:24px 0}.atomizer-steps .step-copy::before{content:"LANGKAH " counter(atomizer);font-size:.875rem;color:var(--accent);font-weight:650;letter-spacing:.08em}.atomizer-steps h3{font-size:1.25rem;margin-top:8px;margin-bottom:10px}.atomizer-steps p{color:var(--muted)}.atomizer-steps img{border-radius:10px;aspect-ratio:1;object-fit:cover}.care-contact{padding:24px;border-radius:12px;background:var(--soft);margin-top:28px}.care-contact h3{margin-bottom:10px}.care-contact p{color:var(--muted);margin-bottom:16px}.care-contact .btn{width:100%}@media (max-width:700px){.wrap,.reading{width:calc(100% - 40px)}.topbar{min-height:64px}.brand{font-size:1.25rem}.footer{margin-top:32px;padding-top:24px}.footer-inner{display:block}.footer nav{margin-top:12px;gap:0 20px}.page-intro{padding-block:26px 22px}.page-intro h1{font-size:2.1rem}.page-intro>p:not(.eyebrow){margin-top:12px}.page-intro .eyebrow{margin-bottom:8px}.guide-nav{margin-bottom:24px}.guide-nav a{padding:13px 14px;gap:10px;grid-template-columns:26px 1fr auto}.guide-nav small{margin-top:2px}.guide-section{padding-block:28px}.guide-section>h2{font-size:1.8rem}.rule{padding:20px}.atomizer-steps li{grid-template-columns:minmax(0,1fr) 104px;gap:16px;padding:20px 0}.atomizer-steps h3{font-size:1.125rem}.atomizer-steps img{width:104px}.care-contact{padding:20px}}@media (max-width:350px){.wrap,.reading{width:calc(100% - 32px)}.topbar{gap:6px}.top-link{padding-inline:.35rem}.atomizer-steps li{grid-template-columns:1fr}.atomizer-steps img{width:160px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}@media (forced-colors:active){.btn,.hub-choice,.rule{border:1px solid CanvasText}a:focus-visible,summary:focus-visible{outline:3px solid Highlight}}