@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/_astro/figtree-latin-ext-wght-normal.DCwSJGxG.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/_astro/figtree-latin-wght-normal.D_ZTVpCC.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-vietnamese-wght-normal.CnvboYUG.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-ext-wght-normal.Ca2vKHc0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-wght-normal.ukD16Tqj.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ground:#e9efe7;--ground-2:#dde7da;--card:#fbfcf9;--tint:#f7e4da;--tint-2:#efc9b6;--clay:#c46a43;--clay-ink:#9b3d19;--deep:#5b2717;--deep-2:#74341f;--on-deep:#fbefe8;--on-deep-2:#f0cdbd;--leaf:#4d6b4f;--leaf-ink:#3b5640;--daun:#4f6236;--ink:#1f2a24;--ink-2:#4a5850;--line:#cfdccb;--line-2:#7f9283;--ok:#2f6b3e;--ok-bg:#e6f1e6;--warn:#7a4a07;--warn-bg:#fbedd2;--serif:"Fraunces Variable", Georgia, serif;--sans:"Figtree Variable", system-ui, sans-serif;--r-arch:999px 999px 18px 18px}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--ground);color:var(--ink);font:400 1.0625rem/1.65 var(--sans);margin:0}img,svg{max-width:100%;height:auto}a{color:var(--clay-ink);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--deep)}:focus-visible{outline:3px solid var(--leaf-ink);outline-offset:2px;border-radius:4px}h1,h2,h3{font-family:var(--serif);color:var(--deep);font-variation-settings:"SOFT" 50, "WONK" 0;font-weight:600;line-height:1.2}h1{letter-spacing:-.01em;margin:0 0 .6rem;font-size:clamp(1.85rem,6vw,2.9rem)}h2{margin:0 0 .8rem;font-size:clamp(1.45rem,4.4vw,2rem)}h3{margin:1.6rem 0 .5rem;font-size:1.2rem}p{margin:0 0 1rem}ul,ol{margin:0 0 1rem;padding-left:1.3rem}li{margin-bottom:.35rem}.wrap{width:min(100% - 2.5rem,68rem);margin-inline:auto}.narrow{width:min(100% - 2.5rem,44rem)}.muted{color:var(--ink-2);font-size:.95rem}.skip{background:var(--deep);color:var(--on-deep);z-index:10;padding:.7rem 1rem;position:absolute;top:0;left:-999px}.skip:focus{left:1rem}.top{background:var(--card);border-bottom:1px solid var(--line)}.top-in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem 1.2rem;padding:.7rem 0;display:flex}.brand{font:650 1.3rem/1 var(--serif);color:var(--deep);align-items:center;gap:.55rem;min-height:44px;text-decoration:none;display:inline-flex}.tld{color:var(--clay-ink);font-weight:500}.nav{flex-wrap:wrap;gap:.3rem;display:flex}.nav a{min-height:44px;color:var(--ink-2);border-radius:999px;align-items:center;padding:0 .85rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.nav a:hover{background:var(--tint);color:var(--deep)}.nav a[aria-current=page]{background:var(--deep);color:var(--on-deep)}.hero{background:radial-gradient(circle at 100% 0, var(--tint) 0 18rem, transparent 18rem), var(--ground);padding:2.2rem 0 2.6rem}.hero-grid{align-items:end;gap:1.8rem;display:grid}.kicker{font:700 .8rem/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--clay-ink);margin-bottom:.7rem}.lede{color:var(--ink);max-width:38rem;font-size:1.15rem}.byline{color:var(--ink-2);margin:.2rem 0 1rem;font-size:.92rem}.byline a{color:var(--ink-2)}.answer{background:var(--card);border:1px solid var(--line);border-radius:var(--r-arch);text-align:center;padding:2.6rem 1.4rem 1.3rem;box-shadow:0 10px 30px -18px #5b27174d}.answer h2{font-size:1.25rem}.answer .big{font:600 2.4rem/1 var(--serif);color:var(--deep);margin:.2rem 0 .3rem}.answer p{font-size:.98rem}@media (width>=860px){.hero-grid{grid-template-columns:1.35fr 1fr}.hero{padding:3.2rem 0 3.4rem}}.blk{padding:2.6rem 0}.blk+.blk{border-top:0}.blk.alt{background:var(--ground-2)}.blk.dark{background:var(--deep);color:var(--on-deep)}.blk.dark h2,.blk.dark h3,.blk.dark a{color:#fff}.blk.dark .muted{color:var(--on-deep-2)}.scallop{width:100%;height:14px;color:var(--ground-2);display:block}.orn{color:var(--clay-ink);font:700 .78rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.6rem;margin-bottom:.6rem;display:flex}.orn:before{content:"";background:var(--leaf);flex:none;width:10px;height:10px;transform:rotate(45deg)}.blk.dark .orn{color:var(--on-deep-2)}.sides{gap:1.2rem;display:grid}@media (width>=760px){.sides{grid-template-columns:1fr 1fr}}.side{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:1.3rem 1.3rem .6rem}.side h3{margin-top:0}.trays{padding:0;list-style:none}.trays li{margin-bottom:.6rem;padding-left:2.1rem;position:relative}.trays li:before{content:"";border:2px solid var(--clay);background:radial-gradient(circle, var(--tint-2) 0 38%, transparent 40%);border-radius:50%;width:1.3rem;height:1.3rem;position:absolute;top:.28rem;left:0}.tag{background:var(--tint);color:var(--clay-ink);vertical-align:1px;border-radius:999px;padding:.1rem .5rem;font-size:.78rem;font-weight:700;display:inline-block}.tbl-wrap{margin:0 0 1.2rem;overflow-x:auto}table{border-collapse:collapse;background:var(--card);width:100%;font-size:.98rem}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.65rem .75rem}th{font-family:var(--sans);color:var(--deep);background:var(--tint);font-weight:700}.note{border-left:5px solid var(--leaf);background:var(--card);border-radius:0 14px 14px 0;margin:1.2rem 0;padding:1rem 1.1rem}.note p:last-child{margin:0}.figure{background:var(--card);border:1px solid var(--line);border-radius:22px;margin:1.4rem 0;padding:1rem}.figure figcaption{color:var(--ink-2);text-align:center;margin-top:.5rem;font-size:.92rem}.cols{gap:1.5rem;display:grid}@media (width>=860px){.cols{grid-template-columns:1.1fr 1fr;align-items:start}}.steps{counter-reset:s;gap:.9rem;padding:0;list-style:none;display:grid}.steps>li{counter-increment:s;background:var(--card);border:1px solid var(--line);border-radius:18px;margin:0;padding:1rem 1rem 1rem 3.6rem;position:relative}.steps>li:before{content:counter(s);background:var(--deep);width:1.9rem;height:1.9rem;color:var(--on-deep);font:600 1rem/1.9rem var(--serif);text-align:center;border-radius:50%;position:absolute;top:1rem;left:1rem}.steps h3{margin:0 0 .3rem;font-size:1.1rem}.steps p:last-child{margin:0}.themes{grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:1rem;display:grid}.theme{background:var(--card);border:1px solid var(--line);border-radius:var(--r-arch);padding:1.2rem 1.1rem 1rem}.theme svg{margin:0 auto .4rem;display:block}.theme h3{text-align:center;margin:.3rem 0;font-size:1.12rem}.theme p{margin-bottom:.4rem;font-size:.96rem}.swatches{justify-content:center;gap:.35rem;margin:.2rem 0 .6rem;padding:0;list-style:none;display:flex}.swatches li{border:1px solid #0000002e;border-radius:50%;width:1.4rem;height:1.4rem;margin:0}.planner{background:var(--card);border:2px solid var(--tint-2);border-radius:26px;padding:1.2rem}.tally{grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:1rem;display:grid}.tally div{background:var(--tint);text-align:center;border-radius:18px;padding:.8rem}.tally .n{font:600 2.2rem/1.1 var(--serif);color:var(--deep);display:block}.tally .l{color:var(--ink-2);font-size:.9rem;font-weight:600}.tally .r{color:var(--ink-2);font-size:.85rem;display:block}.notes{margin:0 0 1rem;padding:0;list-style:none}.notes li{border-radius:12px;margin-bottom:.4rem;padding:.6rem .8rem;font-size:.97rem}.notes .info{background:var(--ground-2)}.notes .check{background:var(--warn-bg);color:var(--warn)}.notes .ok{background:var(--ok-bg);color:var(--ok)}.pl-sides{gap:1rem;display:grid}@media (width>=760px){.pl-sides{grid-template-columns:1fr 1fr}}.pl-side{border:1px solid var(--line);border-radius:18px;padding:.9rem}.pl-side h3{margin:0 0 .5rem;font-size:1.1rem}.pl-list{margin:0 0 .7rem;padding:0;list-style:none}.pl-list li{border-bottom:1px dashed var(--line);flex-wrap:nowrap;align-items:center;gap:.4rem;margin:0;display:flex}.pl-list label{cursor:pointer;flex:auto;align-items:center;gap:.55rem;min-width:0;min-height:44px;display:flex}.pl-list label span{overflow-wrap:anywhere}.pl-list .ready{color:var(--ink-2);flex:none;padding-right:.2rem;font-size:.88rem}.pl-list input{width:1.25rem;height:1.25rem;accent-color:var(--deep);flex:none}.pl-list .rm{min-width:44px;min-height:44px;color:var(--clay-ink);cursor:pointer;background:0 0;border:0;border-radius:10px;font-size:1.3rem}.pl-add{flex-wrap:wrap;gap:.5rem;display:flex}.pl-add label{width:100%;color:var(--ink-2);font-size:.92rem;font-weight:600}.pl-add input{border:1px solid var(--line-2);min-height:44px;font:inherit;color:var(--ink);background:#fff;border-radius:12px;flex:10rem;padding:0 .8rem}.btn{border:2px solid var(--deep);background:var(--deep);min-height:44px;color:var(--on-deep);font:700 .97rem var(--sans);cursor:pointer;border-radius:999px;padding:0 1.1rem}.btn.ghost{color:var(--deep);background:0 0}.pl-actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1rem;display:flex}.undo{min-height:44px;color:var(--clay-ink);font:700 .92rem var(--sans);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0 .6rem;text-decoration:underline}.pl-msg{color:var(--ink-2);min-height:1.4em;margin:.4rem 0 0;font-size:.92rem}.print-only{display:none}.sources{margin-top:1.8rem;font-size:.95rem}.sources h3{font-size:1.05rem}.about{max-width:46rem}.foot{background:var(--deep);color:var(--on-deep);padding:2.2rem 0 2.6rem;font-size:.95rem}.foot a{color:#fff}.foot-in{gap:1.4rem;display:grid}@media (width>=860px){.foot-in{grid-template-columns:1.5fr 1fr 1fr}}.foot-name{font:600 1.25rem/1 var(--serif);color:#fff}.foot-links{flex-direction:column;display:flex}.foot-links a{align-items:center;min-height:44px;display:flex}.ad-slot{margin:1.6rem 0}@media print{body{color:#000;background:#fff;font-size:11pt}.top,.foot,.ad-slot,.skip,.pl-actions,.pl-add,.rm,.no-print{display:none!important}.blk,.hero{color:#000;padding:1rem 0;background:0 0!important}.blk.dark h2,.blk.dark h3,.blk.dark a,h1,h2,h3{color:#000}.planner,.side,.theme,.figure,.steps>li,.tally div{box-shadow:none;background:#fff;border:1px solid #555}.notes li,.notes .check,.notes .ok,.notes .info{color:#000;background:#fff;border:1px solid #555}body.cetak-perancang main>:not(#perancang-blk){display:none!important}body.cetak-perancang .print-only{display:block}a{color:#000}}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}fieldset.pl-side{min-width:0;margin:0}.pl-side-title{font:600 1.1rem/1.2 var(--serif);color:var(--deep);margin:0 0 .4rem}.pl-list li.off{color:var(--ink-2)}@media print{.pl-list li.off{display:none}.pl-list .ready{display:none!important}.pl-list input{display:none}.pl-list li span:before{content:"☐ "}.pl-list li[data-done-mark="1"] span:before{content:"☑ "}.pl-list .rm{display:none}}h4{font:700 1.02rem/1.35 var(--sans);color:var(--deep);margin:1.2rem 0 .3rem}.blk.dark h4{color:#fff}.steps.diy{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr))}.steps.diy>li{text-align:left;padding:1rem}.steps.diy>li:before{display:none}.steps.diy svg{margin:0 auto .5rem;display:block}