@font-face{font-family:barlow;src:url(../media/barlow_400-s.2lnrpvh92kx2u.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:barlow;src:url(../media/barlow_500-s.27x-ozyh5cyyw.woff2)format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:barlow;src:url(../media/barlow_600-s.0e-6oxlplps2m.woff2)format("woff2");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:barlow;src:url(../media/barlow_700-s.08uyx05cw8gdz.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:barlow;src:url(../media/barlow_800-s.2cn68v2pj_-x3.woff2)format("woff2");font-display:swap;font-weight:800;font-style:normal}@font-face{font-family:barlow Fallback;src:local(Arial);ascent-override:103.13%;descent-override:20.63%;line-gap-override:0.0%;size-adjust:96.96%}.grIsXG_className{font-family:barlow,barlow Fallback}.grIsXG_variable{--font-barlow:"barlow", "barlow Fallback"}
@layer tokens {
:root{--primary-50:#f3f0ee;--primary-100:#e8e1dc;--primary-200:#d1c3b9;--primary-300:#b7a192;--primary-400:#93725c;--primary-500:#6f4325;--primary-600:#5e391f;--primary-700:#4e2f1a;--primary-800:#3d2514;--primary-900:#2c1b0f;--secondary-50:#f2f1f1;--secondary-100:#e5e4e3;--secondary-200:#cbc9c7;--secondary-300:#aeaaa8;--secondary-400:#85807c;--secondary-500:#5c5650;--secondary-600:#4e4944;--secondary-700:#403c38;--secondary-800:#332f2c;--secondary-900:#252220;--accent-50:#fbfbfc;--accent-100:#f7f8f8;--accent-200:#f0f1f2;--accent-300:#e7e9ea;--accent-400:#dbdee0;--accent-500:#cfd3d6;--accent-600:#b0b3b6;--accent-700:#919496;--accent-800:#727476;--accent-900:#535456;--color-primary:#6f4325;--color-secondary:#5c5650;--color-accent:#cfd3d6;--color-dark:#1e1b18;--color-light:#eceeef;--color-pendukung:#c8936b;--color-semen-gelap:#b9bec2;--color-white:#fff;--bg:var(--color-white);--surface:var(--color-white);--panel:var(--color-light);--panel-line:var(--color-accent);--card:var(--accent-200);--card-hover:var(--accent-300);--spot:var(--accent-100);--field:var(--accent-300);--chip:var(--primary-100);--chip-hover:var(--primary-200);--brand:var(--primary-500);--brand-hover:var(--primary-600);--brand-active:var(--primary-700);--brand-soft:var(--primary-50);--on-brand:var(--color-white);--heading:var(--color-dark);--text:var(--color-dark);--text-strong:var(--color-dark);--muted:var(--secondary-500);--line:var(--accent-500);--line-strong:var(--secondary-400);--link:var(--primary-500);--focus:var(--primary-500);--focus-ring:var(--primary-100);--focus-on-dark:var(--color-white);--focus-on-photo:var(--color-pendukung);--dark:var(--color-dark);--on-dark:var(--color-white);--on-dark-text:var(--color-accent);--on-dark-muted:var(--accent-600);--on-dark-brand:var(--color-pendukung);--dark-line:var(--secondary-800);--dark-line-soft:var(--secondary-700);--dark-empty:var(--secondary-800);--meter-empty:var(--primary-200);--meter-fill:var(--primary-500);--meter-empty-dark:var(--secondary-500);--meter-fill-dark:var(--color-pendukung);--disabled-bg:var(--accent-300);--disabled-text:var(--secondary-500);--safety-frame:var(--color-dark);--safety-band:var(--color-dark);--on-safety-band:var(--color-white);--font-sans:var(--font-barlow), system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--fs-display:64px;--lh-display:1.05;--ls-display:-.02em;--fs-h1:48px;--lh-h1:1.1;--ls-h1:-.01em;--fs-h2:36px;--lh-h2:1.2;--ls-h2:-.01em;--fs-h3:28px;--lh-h3:1.25;--fs-h4:22px;--lh-h4:1.3;--fs-body-lg:18px;--lh-body-lg:1.6;--fs-body:16px;--lh-body:1.6;--fs-small:14px;--lh-small:1.5;--fs-caption:15px;--lh-caption:1.5;--fs-label:12px;--lh-label:1.4;--ls-label:.06em;--fs-button:16px;--lh-button:1;--ls-button:.01em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:40px;--space-8:48px;--space-9:64px;--space-10:80px;--space-0-5:2px;--space-1-5:6px;--radius-none:0;--radius-segment:2px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-card:16px;--radius-lg:24px;--shadow-card:0 4px 12px #1018281a;--border-thin:1px;--border-thick:2px;--border-focus:3px;--border-safety:3px;--border-nav-active:3px;--dur-fast:.15s;--ease:ease;--bp-xl:1279px;--bp-lg:1179px;--bp-md:1023px;--bp-sm:900px;--bp-xs:767px;--z-base:0;--z-raised:1;--z-above:2;--z-credit:3;--z-header:30;--z-dropdown:40;--z-skip:100;--hairline:1px;--wrap-max:1280px;--wrap-pad:24px;--wrap-pad-m:16px;--prose-max:680px;--sh-max:768px;--sh-p-max:672px;--focus-offset:2px;--skip-off:-999px;--lh-14:14px;--lh-15:15px;--lh-16:16px;--lh-18:18px;--lh-20:20px;--lh-24:24px;--icon-14:14px;--icon-16:16px;--icon-18:18px;--icon-24:24px;--icon-28:28px;--icon-36:36px;--icon-52:52px;--icon-56:56px;--icon-64:64px;--control-h:40px;--control-h-m:44px;--control-h-lg:56px;--kbd:22px;--check-box:20px;--lvl-seg-w:12px;--lvl-seg-h:6px;--dropdown-max-h:360px;--menu-w:320px;--step-num:40px;--hd-h:68px;--logo-h:30px;--logo-h-m:28px;--tagline-max-m:170px;--burger:28px;--hero-h:450px;--hero-h-m:376px;--hero-in:478px;--hero-in-m:299px;--dimg-h:390px;--dimg-h-t:300px;--dimg-h-m:250px;--tile-w:192px;--tbox-h:120px;--tbox-h-m:104px;--promo-h:200px;--promo-h-m:300px;--nimg-h:242px;--nimg-big-h:322px;--nimg-h-m:217px;--nimg-big-h-m:183px;--pimg-h:326px;--pimg-h-m:290px;--marks-h:142px;--marks-h-m:100px;--spot-max:1352px;--spot-gutter:88px;--spot-main:784px;--spot-fig:372px;--spot-list:448px;--spot-img-h:279px;--spot-card:212px;--spot-thumb-h:159px;--item-img-h:180px;--author-foto:80px;--fcol-w:172px;--fcol-w2:360px;--fbrand-logo:80px;--overlay-hero:color-mix(in srgb, var(--color-dark) 52%, transparent);--overlay-credit:color-mix(in srgb, var(--color-dark) 74%, transparent);--overlay-promo-m:color-mix(in srgb, var(--primary-700) 85%, transparent);--on-dark-hover:color-mix(in srgb, var(--color-white) 8%, transparent);--ghost-bg:color-mix(in srgb, var(--color-white) 15%, transparent);--ghost-bg-hover:color-mix(in srgb, var(--color-white) 25%, transparent);--ghost-line:color-mix(in srgb, var(--color-white) 40%, transparent);--on-brand-soft:color-mix(in srgb, var(--color-white) 88%, transparent)}@media (max-width:767px){:root{--fs-display:40px;--fs-h1:32px;--fs-h2:26px;--fs-h3:22px;--fs-h4:18px;--fs-body-lg:17px;--fs-button:15px}}html.kontras-tinggi{--muted:var(--color-dark);--line:var(--secondary-500);--line-strong:var(--color-dark)}
}

@layer base {
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:100%;text-size-adjust:100%}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);font-weight:var(--fw-regular);-webkit-font-smoothing:antialiased;overflow-x:hidden}img,svg{max-width:100%;display:block}img{height:auto}.ic{flex:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}[hidden]{display:none!important}h1,h2,h3,h4{color:var(--heading)}h1{font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:var(--ls-h1);font-weight:var(--fw-bold)}h2{font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--ls-h2);font-weight:var(--fw-bold)}h3{font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:var(--fw-semibold)}h4{font-size:var(--fs-h4);line-height:var(--lh-h4);font-weight:var(--fw-semibold)}:focus-visible{outline:var(--border-focus) solid var(--focus);outline-offset:var(--focus-offset)}.hd :focus-visible,.hero :focus-visible,.dc :focus-visible,.promo :focus-visible,.ft :focus-visible,.bar :focus-visible,.on-dark :focus-visible{outline-color:var(--focus-on-dark)}.sr,.sr-only{width:var(--hairline);height:var(--hairline);margin:calc(-1 * var(--hairline));clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;padding:0;position:absolute;overflow:hidden}.wrap{width:100%;max-width:var(--wrap-max);padding-inline:var(--wrap-pad);margin-inline:auto}.sec{margin-top:var(--space-9)}@media (max-width:767px){.wrap{padding-inline:var(--wrap-pad-m)}.sec{margin-top:var(--space-6)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
}

@layer components {
.skip{left:var(--skip-off);top:var(--space-2);z-index:var(--z-skip);padding:var(--space-2) var(--space-4);background:var(--surface);color:var(--brand);font-weight:var(--fw-semibold);position:absolute}.skip:focus{left:var(--space-2)}.hd{z-index:var(--z-header);background:var(--dark);color:var(--on-dark);position:relative}.hd-in{height:var(--hd-h);padding:0 var(--space-5) 0 var(--space-6);align-items:center;display:flex}.burger{width:var(--burger);height:var(--burger);margin-right:var(--space-5);color:var(--on-dark);background:0 0;border:0;flex:none;order:-1;justify-content:center;align-items:center;display:none}.burger .ic{width:var(--burger);height:var(--burger)}.logo{align-items:flex-start;gap:var(--space-0-5);margin-right:var(--space-2);flex-direction:column;flex:none;display:flex}.logo img{height:var(--logo-h);width:auto}.logo small{font-size:var(--fs-small);font-weight:var(--fw-medium);line-height:var(--lh-18);color:var(--on-dark-text)}.nav{height:var(--hd-h);flex:none;display:flex}.nav-l{height:100%;display:flex}.nav-i{display:flex;position:relative}.nav-t{align-items:center;gap:var(--space-1);height:100%;padding:0 var(--space-5);color:var(--on-dark);font-size:var(--fs-body);font-weight:var(--fw-semibold);line-height:var(--lh-24);transition:background-color var(--dur-fast) var(--ease);background:0 0;border:0;display:flex}.nav-t:hover,.nav-t[aria-expanded=true],.nav-t[data-ds=hover]{background:var(--on-dark-hover)}.nav-t.on{box-shadow:inset 0 calc(-1 * var(--border-nav-active)) 0 var(--on-dark-brand)}.nav-chev{transition:transform var(--dur-fast) var(--ease)}.nav-t[aria-expanded=true] .nav-chev{transform:rotate(180deg)}.nav-dd{z-index:var(--z-dropdown);width:var(--menu-w);padding:var(--space-2);background:var(--surface);color:var(--text);border:var(--border-thin) solid var(--line);border-radius:0 0 var(--radius-sm) var(--radius-sm);box-shadow:var(--shadow-card);border-top:0;position:absolute;top:100%;left:0}.nav-dl{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-xs);font-size:var(--fs-body);font-weight:var(--fw-semibold);line-height:var(--lh-24);display:flex}.nav-dl .ic{color:var(--brand)}.nav-dl:hover{background:var(--card)}.nav-dl[aria-current=page]{background:var(--chip)}.hd .nav-dd :focus-visible{outline-color:var(--focus)}.srch{min-width:0;margin:0 var(--space-5) 0 var(--space-4);flex:1;position:relative}.srch input{width:100%;height:var(--control-h);border-radius:var(--radius-sm);background:var(--field);padding:var(--space-2) var(--space-7);font-size:var(--fs-body);line-height:var(--lh-24);color:var(--text);appearance:none;border:0}.srch input::placeholder,.hsearch input::placeholder{color:var(--muted);opacity:1}.srch input::-webkit-search-cancel-button{appearance:none}.hsearch input::-webkit-search-cancel-button{appearance:none}.srch input:focus,.srch input[data-ds=focus]{background:var(--surface);box-shadow:0 0 0 var(--border-thick) var(--focus), 0 0 0 calc(var(--border-thick) + var(--border-focus)) var(--focus-ring);outline:none}.srch .si,.hsearch .si{left:var(--space-4);color:var(--muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.hsearch .si{top:calc(var(--control-h-lg) / 2)}.srch kbd{right:var(--space-3);width:var(--kbd);height:var(--kbd);border-radius:var(--radius-xs);background:var(--line);font-family:inherit;font-size:var(--fs-label);font-weight:var(--fw-medium);line-height:var(--kbd);text-align:center;color:var(--muted);position:absolute;top:50%;transform:translateY(-50%)}.srch input:focus~kbd,.srch input:not(:placeholder-shown)~kbd{display:none}.hsearch{width:100%;margin-top:var(--space-6);position:relative}.hsearch input{width:100%;height:var(--control-h-lg);border-radius:var(--radius-sm);background:var(--surface);padding:0 var(--space-5) 0 calc(var(--space-7) + var(--space-1));font-size:var(--fs-body);color:var(--text);appearance:none;border:0}.hsearch input:focus,.hsearch input[data-ds=focus]{box-shadow:0 0 0 var(--border-focus) var(--focus-on-photo);outline:none}.sdd{top:calc(100% + var(--space-1));z-index:var(--z-dropdown);max-height:var(--dropdown-max-h);padding:var(--space-1) 0;background:var(--surface);border:var(--border-thin) solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);color:var(--text);text-align:left;position:absolute;left:0;right:0;overflow-y:auto}.sdd-o a{gap:var(--space-1);padding:var(--space-3) var(--space-4);flex-direction:column;display:flex}.sdd-o.on a,.sdd-o a:hover{background:var(--card)}.sdd-j{font-size:var(--fs-body);font-weight:var(--fw-semibold);line-height:var(--lh-small)}.sdd-m{align-items:center;gap:var(--space-2);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--muted);flex-wrap:wrap;display:flex}.sdd-s{padding:var(--space-3) var(--space-4);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--muted)}.sdd-all a{justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--fs-small);font-weight:var(--fw-semibold);line-height:var(--lh-small);color:var(--brand);flex-direction:row}.sdd-o+.sdd-all,.sdd-s+.sdd-all{border-top:var(--border-thin) solid var(--line)}.sdd :focus-visible{outline-color:var(--focus)}.hic{align-items:center;gap:var(--space-5);display:flex}.hic a{width:var(--icon-28);height:var(--icon-28);transition:opacity var(--dur-fast) var(--ease);justify-content:center;align-items:center;display:flex}.hic a:hover{opacity:.8}.hic .m-only{display:none}.acc{margin-left:var(--space-5);font-size:var(--fs-body);font-weight:var(--fw-semibold);line-height:var(--lh-20);white-space:nowrap;align-items:center;display:flex}.acc a:hover{text-underline-offset:var(--focus-offset);text-decoration:underline}.acc a+a{margin-left:var(--space-4);padding-left:var(--space-4);border-left:var(--border-thin) solid var(--dark-line-soft)}.bar{background:var(--brand);color:var(--on-brand);text-align:center;padding:var(--space-4);font-size:var(--fs-body);font-weight:var(--fw-medium);line-height:var(--lh-20)}.bar a:hover{text-underline-offset:var(--focus-offset);text-decoration:underline}.ft{margin-top:var(--space-9);padding:var(--space-8) 0 var(--space-5);background:var(--dark);color:var(--on-dark-text)}.fw{max-width:var(--wrap-max);padding:0 var(--space-6);margin:0 auto}.ftop{gap:var(--space-5) var(--space-8);padding-bottom:var(--space-8);grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);display:grid}.fcol-2 ul{columns:3;column-gap:var(--space-5)}.fh{margin-bottom:var(--space-3);font-size:var(--fs-body);font-weight:var(--fw-semibold);line-height:var(--lh-24);color:var(--on-dark)}.fcol li{padding:var(--space-1-5) 0;font-size:var(--fs-small);line-height:var(--lh-20);break-inside:avoid}.fseg{color:var(--on-dark-muted)}.fseg small{margin-left:var(--space-1);font-size:var(--fs-caption);font-weight:var(--fw-semibold)}.fcol a:hover,.fmid a:hover{color:var(--on-dark);text-underline-offset:var(--focus-offset);text-decoration:underline}.fmid{justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-6) 0;border-top:var(--border-thin) solid var(--dark-line);border-bottom:var(--border-thin) solid var(--dark-line);display:flex}.fmid .tr{align-items:center;gap:var(--space-2);font-size:var(--fs-small);line-height:var(--lh-24);display:inline-flex}.fbrand{align-items:center;gap:var(--space-3);padding:var(--space-6) 0;font-size:var(--fs-body);line-height:var(--lh-24);text-align:center;flex-direction:column;display:flex}.fbrand img{width:var(--fbrand-logo);height:var(--fbrand-logo)}.fcp{padding-top:var(--space-4);text-align:center;font-size:var(--fs-small);line-height:var(--lh-20);color:var(--on-dark-muted)}@media (min-width:1180px) and (max-width:1439px){.nav-t{padding:0 var(--space-4)}.hic .d-only{display:none}}@media (min-width:1180px) and (max-width:1279px){.srch{display:none}.hic{margin-left:auto}.hic .m-only{display:flex}}@media (max-width:1279px){.hd-in{padding:0 var(--space-5)}}@media (max-width:1179px){.nav{display:none}.burger{display:flex}.nav-open .nav{z-index:var(--z-header);top:var(--hd-h);height:auto;max-height:calc(100vh - var(--hd-h));background:var(--dark);border-top:var(--border-thin) solid var(--dark-line);display:block;position:absolute;left:0;right:0;overflow-y:auto}.nav-l{flex-direction:column;height:auto}.nav-i{flex-direction:column}.nav-t{width:100%;padding:var(--space-4) var(--space-5);justify-content:space-between}.nav-t.on{box-shadow:inset var(--border-nav-active) 0 0 var(--on-dark-brand)}.nav-dd{width:auto;padding:0 0 var(--space-2);background:var(--dark);color:var(--on-dark);box-shadow:none;border:0;border-radius:0;position:static}.nav-dl{padding:var(--space-3) var(--space-5) var(--space-3) var(--space-8);border-radius:0}.nav-dl .ic{color:var(--on-dark-brand)}.nav-dl:hover,.nav-dl[aria-current=page]{background:var(--on-dark-hover)}.hd .nav-dd :focus-visible{outline-color:var(--focus-on-dark)}}@media (max-width:1023px){.hic .d-only{display:none}.fcol-2 ul{columns:2}}@media (max-width:900px){.srch{display:none}.hic{margin-left:auto}.hic .m-only{display:flex}}@media (max-width:767px){.hd-in{padding:0 var(--space-4)}.logo img{height:var(--logo-h-m)}.logo small{max-width:var(--tagline-max-m);font-size:var(--fs-label);line-height:var(--lh-15)}.acc{display:none}.fw{padding:0 var(--space-4)}.ftop{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.fcol-2{grid-area:2/1/auto/-1}.fmid{text-align:center;gap:var(--space-4);flex-direction:column}}.prog{z-index:var(--z-dropdown);height:var(--border-focus);pointer-events:none;position:fixed;top:0;left:0;right:0}.prog i{background:var(--brand);width:0;height:100%;display:block}.btt{right:var(--space-5);bottom:var(--space-5);z-index:var(--z-header);width:var(--space-8);height:var(--space-8);border-radius:var(--radius-sm);background:var(--brand);color:var(--on-brand);box-shadow:var(--shadow-card);cursor:pointer;opacity:1;visibility:visible;transition:opacity var(--dur-fast) var(--ease), visibility var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);border:0;justify-content:center;align-items:center;padding:0;display:flex;position:fixed}.btt[data-tampil="0"]{opacity:0;visibility:hidden}.btt:hover{background:var(--brand-hover)}.btt:active{background:var(--brand-active)}.btt:focus-visible{outline:var(--border-focus) solid var(--focus);outline-offset:var(--focus-offset)}@media (max-width:767px){.btt{right:var(--space-4);bottom:var(--space-4)}}@media (prefers-reduced-motion:reduce){.btt{transition:none}}
}

@layer components {
.btn{justify-content:center;align-items:center;gap:var(--space-2);height:var(--control-h);padding:0 var(--space-4);border:var(--border-thin) solid var(--brand);border-radius:var(--radius-sm);background:var(--brand);color:var(--on-brand);font-family:inherit;font-size:var(--fs-button);font-weight:var(--fw-semibold);line-height:var(--lh-button);letter-spacing:var(--ls-button);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);text-decoration:none;display:inline-flex}.btn:hover,.btn[data-ds=hover]{background:var(--brand-hover);border-color:var(--brand-hover)}.btn:active,.btn[data-ds=active]{background:var(--brand-active);border-color:var(--brand-active)}.btn[data-ds=focus]{outline:var(--border-focus) solid var(--focus);outline-offset:var(--focus-offset)}.btn-garis{background:var(--surface);border-color:var(--brand);color:var(--brand)}.btn-garis:hover,.btn-garis[data-ds=hover]{background:var(--brand-soft);border-color:var(--brand-hover);color:var(--brand-hover)}.btn-garis:active,.btn-garis[data-ds=active]{background:var(--chip);border-color:var(--brand-active)}.btn-putih{background:var(--surface);border-color:var(--surface);color:var(--brand)}.btn-putih:hover,.btn-putih[data-ds=hover]{background:var(--brand-soft);border-color:var(--brand-soft)}.btn-putih:active,.btn-putih[data-ds=active]{background:var(--chip);border-color:var(--chip)}.btn-putih[data-ds=focus],.btn-putih-gelap[data-ds=focus],.btn-garis-gelap[data-ds=focus]{outline-color:var(--focus-on-dark)}.btn-putih-gelap{background:var(--surface);border-color:var(--line);color:var(--text)}.btn-putih-gelap:hover,.btn-putih-gelap[data-ds=hover]{background:var(--card-hover);border-color:var(--line)}.btn-putih-gelap:active,.btn-putih-gelap[data-ds=active]{background:var(--line);border-color:var(--line)}.btn-garis-gelap{background:var(--ghost-bg);border-color:var(--ghost-line);color:var(--on-dark)}.btn-garis-gelap:hover,.btn-garis-gelap[data-ds=hover],.btn-garis-gelap:active,.btn-garis-gelap[data-ds=active]{background:var(--ghost-bg-hover);border-color:var(--ghost-line)}.btn-tautan{white-space:normal;text-align:left;max-width:100%;height:auto;color:var(--link);text-underline-offset:var(--focus-offset);background:0 0;border:0;padding:0;text-decoration:underline}.btn-tautan:hover,.btn-tautan[data-ds=hover],.btn-tautan:active,.btn-tautan[data-ds=active]{color:var(--brand-hover);background:0 0}.btn:disabled,.btn[aria-disabled=true]{background:var(--disabled-bg);border-color:var(--disabled-bg);color:var(--disabled-text);cursor:not-allowed}.btn-tautan:disabled,.btn-tautan[aria-disabled=true]{background:0 0;text-decoration:none}.lvl{align-items:center;gap:var(--space-2);font-size:var(--fs-small);font-weight:var(--fw-semibold);line-height:var(--lh-small);color:var(--text);white-space:nowrap;display:inline-flex}.lvl-m{gap:var(--space-0-5);display:inline-flex}.lvl-m i{width:var(--lvl-seg-w);height:var(--lvl-seg-h);border-radius:var(--radius-segment);background:var(--meter-empty)}.lvl[data-lvl="1"] .lvl-m i:nth-child(-n+1),.lvl[data-lvl="2"] .lvl-m i:nth-child(-n+2),.lvl[data-lvl="3"] .lvl-m i{background:var(--meter-fill)}.lvl .ic{width:var(--icon-14);height:var(--icon-14);color:currentColor}.lvl-gelap,.dc .lvl{color:var(--on-dark)}.lvl-gelap .lvl-m i,.dc .lvl .lvl-m i{background:var(--meter-empty-dark)}.lvl-gelap[data-lvl="1"] .lvl-m i:nth-child(-n+1),.lvl-gelap[data-lvl="2"] .lvl-m i:nth-child(-n+2),.lvl-gelap[data-lvl="3"] .lvl-m i{background:var(--meter-fill-dark)}.tag{z-index:var(--z-above);padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);background:var(--chip);color:var(--text);font-size:var(--fs-label);font-weight:var(--fw-semibold);line-height:var(--lh-label);letter-spacing:var(--ls-label);display:inline-block;position:relative}a.tag{transition:background-color var(--dur-fast) var(--ease)}a.tag:hover{background:var(--chip-hover)}.soon{padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);background:var(--disabled-bg);color:var(--disabled-text);font-size:var(--fs-small);font-weight:var(--fw-semibold);line-height:var(--lh-small);align-items:center;display:inline-flex}.sh{max-width:var(--sh-max);margin:0 auto var(--space-9);padding-top:var(--space-6);text-align:center}.sh h2{font-size:var(--fs-h2);font-weight:var(--fw-bold);line-height:var(--lh-h2);letter-spacing:var(--ls-h2);color:var(--heading)}.sh p{max-width:var(--sh-p-max);margin:var(--space-5) auto 0;font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);color:var(--text)}.bc{margin:var(--space-5) 0 var(--space-4)}.bc ol{align-items:center;row-gap:var(--space-1);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--muted);flex-wrap:wrap;display:flex}.bc li{align-items:center;display:inline-flex}.bc-sep{margin:0 var(--space-2);color:var(--line-strong)}.bc a{text-underline-offset:var(--focus-offset);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line)}.bc a:hover{color:var(--text);text-decoration-color:currentColor}.bc [aria-current]{color:var(--text);font-weight:var(--fw-semibold)}@media (max-width:767px){.bc li:last-child{flex:1 1 0;min-width:0}.bc li:last-child [aria-current]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}.pg{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.pg ol{gap:var(--space-1);flex-wrap:wrap;display:flex}.pg-n,.pg-gap{min-width:var(--control-h);height:var(--control-h);padding:0 var(--space-3);border-radius:var(--radius-sm);font-weight:var(--fw-semibold);color:var(--text);justify-content:center;align-items:center;display:inline-flex}.pg-gap{color:var(--muted)}a.pg-n:hover{background:var(--card)}.pg-n[aria-current]{background:var(--dark);color:var(--on-dark)}.pg-step{align-items:center;gap:var(--space-1);height:var(--control-h);padding:0 var(--space-3);border:var(--border-thin) solid var(--line);border-radius:var(--radius-sm);font-weight:var(--fw-semibold);color:var(--brand);transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);display:inline-flex}a.pg-step:hover{background:var(--brand-soft);border-color:var(--brand)}.pg-step[aria-disabled=true]{background:var(--disabled-bg);border-color:var(--disabled-bg);color:var(--disabled-text)}.empty{align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-5);border-radius:var(--radius-card);background:var(--card);text-align:center;flex-direction:column;display:flex}.empty-ic{width:var(--icon-64);height:var(--icon-64);border-radius:var(--radius-sm);background:var(--surface);color:var(--brand);justify-content:center;align-items:center;display:flex}.empty-j{font-size:var(--fs-h4);font-weight:var(--fw-semibold);line-height:var(--lh-h4)}.empty-t{max-width:var(--sh-p-max);color:var(--muted)}.empty .btn{margin-top:var(--space-2)}.alert{gap:var(--space-3);padding:var(--space-4) var(--space-5) var(--space-4) var(--space-4);border-left:var(--border-safety) solid var(--brand);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--card);color:var(--text);display:flex}.alert-ic{margin-top:var(--space-0-5);color:var(--brand)}.alert-tx{min-width:0}.alert-j{font-weight:var(--fw-bold)}.alert a{color:var(--link);text-decoration:underline}.alert-galat{border-left-color:var(--dark);background:var(--surface);box-shadow:inset 0 0 0 var(--hairline) var(--line)}.alert-galat .alert-ic{color:var(--dark)}.alert-penting{border:var(--border-thick) solid var(--dark);background:var(--surface);border-radius:0}.alert-penting .alert-ic{color:var(--dark)}.fld{gap:var(--space-1-5);flex-direction:column;display:flex}.fld-l{font-size:var(--fs-body);font-weight:var(--fw-semibold);line-height:var(--lh-small);color:var(--text)}.fld-req{font-size:var(--fs-small);font-weight:var(--fw-regular);color:var(--muted)}.fld-h{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--muted)}.fld-i{width:100%;height:var(--control-h);padding:var(--space-2) var(--space-4);border:var(--border-thin) solid var(--line);border-radius:var(--radius-sm);background:var(--surface);font-size:var(--fs-body);line-height:var(--lh-24);color:var(--text);appearance:none;transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease)}.fld-i::placeholder{color:var(--muted);opacity:1}.fld-i:hover,.fld-i[data-ds=hover]{border-color:var(--line-strong)}.fld-i:focus,.fld-i[data-ds=focus]{border-color:var(--focus);box-shadow:0 0 0 var(--hairline) var(--focus), 0 0 0 calc(var(--hairline) + var(--border-focus)) var(--focus-ring);outline:none}.fld-i[aria-invalid=true]{border-color:var(--dark);box-shadow:0 0 0 var(--hairline) var(--dark)}.fld-i[aria-invalid=true]:focus{box-shadow:0 0 0 var(--hairline) var(--dark), 0 0 0 calc(var(--hairline) + var(--border-focus)) var(--focus-ring)}.fld-i:read-only:not(select):not(:disabled){background:var(--card)}.fld-i:disabled{background:var(--disabled-bg);border-color:var(--disabled-bg);color:var(--disabled-text);cursor:not-allowed}.fld-ta{height:auto;min-height:calc(var(--control-h) * 3);resize:vertical}.fld-e{align-items:flex-start;gap:var(--space-1-5);font-size:var(--fs-small);font-weight:var(--fw-semibold);line-height:var(--lh-small);color:var(--text);display:flex}.fld-e:empty{display:none}.fld-e .ic{margin-top:var(--space-0-5)}.fld-u,.fld-sel{display:block;position:relative}.fld-u .fld-i{padding-right:var(--space-9)}.fld-us{right:var(--space-4);font-size:var(--fs-small);color:var(--muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.fld-sel .fld-i{padding-right:var(--space-7);cursor:pointer}.fld-chev{right:var(--space-3);color:var(--muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.cb{align-items:flex-start;gap:var(--space-3);font-size:var(--fs-body);line-height:var(--lh-body);cursor:pointer;display:flex;position:relative}.cb-i{left:0;top:var(--space-0-5);width:var(--check-box);height:var(--check-box);opacity:0;position:absolute}.cb-box{width:var(--check-box);height:var(--check-box);margin-top:var(--space-0-5);border:var(--border-thick) solid var(--line-strong);border-radius:var(--radius-xs);background:var(--surface);color:#0000;transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);flex:none;justify-content:center;align-items:center;display:inline-flex}.cb:hover .cb-box,.cb[data-ds=hover] .cb-box{border-color:var(--brand)}.cb-i:checked+.cb-box{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.cb-i:focus-visible+.cb-box,.cb[data-ds=focus] .cb-box{outline:var(--border-focus) solid var(--focus);outline-offset:var(--focus-offset)}.cb-i:disabled+.cb-box{background:var(--disabled-bg);border-color:var(--disabled-bg)}.cb:has(.cb-i:disabled){color:var(--disabled-text);cursor:not-allowed}.cb-c{font-size:var(--fs-small);color:var(--muted)}.tbl-wrap{border:var(--border-thin) solid var(--line);border-radius:var(--radius-sm);max-width:100%;overflow-x:auto}.tbl{border-collapse:collapse;width:100%;font-size:var(--fs-small);line-height:var(--lh-small)}.tbl caption{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--fs-body);font-weight:var(--fw-semibold);caption-side:top}.tbl th,.tbl td{padding:var(--space-3) var(--space-4);border-top:var(--border-thin) solid var(--line);text-align:left;vertical-align:top}.tbl thead th{background:var(--card);font-weight:var(--fw-semibold);white-space:nowrap}.tbl tbody th{font-weight:var(--fw-semibold)}.tbl tbody tr:hover{background:var(--spot)}.tbl .num{text-align:right;font-variant-numeric:tabular-nums}.tbl tfoot th,.tbl tfoot td{border-top:var(--border-thick) solid var(--dark);font-weight:var(--fw-bold)}@media (max-width:767px){.tbl-stack{border:0;border-radius:0;overflow:visible}.tbl-stack thead{width:var(--hairline);height:var(--hairline);clip:rect(0, 0, 0, 0);white-space:nowrap;position:absolute;overflow:hidden}.tbl-stack tr{border:var(--border-thin) solid var(--line);border-radius:var(--radius-sm);display:block;overflow:hidden}.tbl-stack tr+tr{margin-top:var(--space-3)}.tbl-stack tbody tr:hover{background:0 0}.tbl-stack th[scope=row]{background:var(--card);border-top:0;display:block}.tbl-stack td{justify-content:space-between;gap:var(--space-4);text-align:right;display:flex}.tbl-stack td:before{content:attr(data-label);text-align:left;max-width:50%;font-weight:var(--fw-semibold);color:var(--muted);flex:none}.sh{margin-bottom:var(--space-6)}.fld-i{height:var(--control-h-m)}.fld-ta{height:auto}}
}

@layer components {
.ph{background:var(--surface);position:relative;overflow:hidden}.ph img{object-fit:cover;width:100%;height:100%}.ph-empty{width:100%;height:100%;min-height:var(--control-h);background:var(--card);display:block}.cr{right:var(--space-2);bottom:var(--space-2);z-index:var(--z-credit);max-width:calc(100% - var(--space-4));padding:var(--space-0-5) var(--space-1-5);border-radius:var(--radius-xs);background:var(--overlay-credit);color:var(--on-dark);font-size:var(--fs-label);font-weight:var(--fw-regular);line-height:var(--lh-16);position:absolute}.cr a{text-underline-offset:var(--focus-offset);text-decoration:underline}.cr :focus-visible{outline-color:var(--focus-on-dark)}.fig-img{aspect-ratio:4/3;border-radius:var(--radius-sm);background:var(--card);position:relative;overflow:hidden}.fig-img img,.fig-img .ph-empty{object-fit:cover;width:100%;height:100%}.figc{margin-top:var(--space-2);font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--text)}.figc .kredit{color:var(--muted)}.figc a{color:var(--link);text-underline-offset:var(--focus-offset);text-decoration:underline}.figc a:hover{color:var(--brand-hover)}
}

@layer components {
.g3{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.dc{border-radius:var(--radius-card);background:var(--dark);flex-direction:column;display:flex;position:relative;overflow:hidden}.dimg{height:var(--dimg-h);background:var(--dark-empty)}.dbody{align-items:flex-start;gap:var(--space-4);padding:var(--space-5);flex-direction:column;flex:1;display:flex}.stat{align-items:center;gap:var(--space-1);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--on-dark);display:flex}.stat b{font-weight:var(--fw-semibold)}.stat .ic{width:var(--icon-18);height:var(--icon-18);color:var(--on-dark-brand)}.dc h3{font-size:var(--fs-h3);font-weight:var(--fw-semibold);line-height:var(--lh-h3);color:var(--on-dark)}.dc h3 a:after{content:"";z-index:var(--z-raised);position:absolute;inset:0}.dd{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--on-dark-muted)}.dbtn{height:var(--control-h);padding:0 var(--space-4);border:var(--border-thin) solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:var(--fs-button);font-weight:var(--fw-semibold);line-height:var(--lh-button);letter-spacing:var(--ls-button);transition:background-color var(--dur-fast) var(--ease);justify-content:center;align-self:stretch;align-items:center;margin-top:auto;display:flex}.dc:hover .dbtn,.dc[data-ds=hover] .dbtn{background:var(--card-hover)}.dbtn-segera,.dc:hover .dbtn-segera{border-color:var(--ghost-line);color:var(--on-dark-muted);background:0 0}.dc[data-ds=focus]{outline:var(--border-focus) solid var(--focus);outline-offset:var(--focus-offset)}@supports selector(:has(a)){.dc:has(h3 a:focus-visible){outline:var(--border-focus) solid var(--focus);outline-offset:var(--focus-offset)}.dc h3 a:focus-visible{outline:none}}.tiles{justify-content:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.tiles li{width:var(--tile-w)}.tile{gap:var(--space-3);height:100%;padding:var(--space-4) var(--space-4) var(--space-5);border-radius:var(--radius-card);background:var(--card);transition:background-color var(--dur-fast) var(--ease);flex-direction:column;display:flex}.tile:hover,.tile[data-ds=hover]{background:var(--card-hover)}.tile[data-ds=focus]{outline:var(--border-focus) solid var(--focus);outline-offset:var(--focus-offset)}.tbox{height:var(--tbox-h);border-radius:var(--radius-sm);background:var(--surface);color:var(--brand);justify-content:center;align-items:center;display:flex}.tbox .ic{width:var(--icon-64);height:var(--icon-64)}.tl{font-size:var(--fs-body);font-weight:var(--fw-semibold);line-height:var(--lh-label);color:var(--text);text-align:center}.tile-segera:hover{background:var(--card)}.tile-segera .tbox,.tile-segera .tl{color:var(--muted)}.tseg{margin-top:calc(-1 * var(--space-2));font-size:var(--fs-caption);font-weight:var(--fw-semibold);color:var(--muted);text-align:center}.promo{height:var(--promo-h);border-radius:var(--radius-card);background:var(--brand);color:var(--on-brand);align-items:center;display:flex;position:relative;overflow:hidden}.promo-img{background:var(--brand-active);width:56%;height:100%;position:absolute;top:0;right:0}.promo:before{content:"";width:56%;z-index:var(--z-raised);background:var(--overlay-hero);pointer-events:none;position:absolute;top:0;bottom:0;right:0}.ptx{z-index:var(--z-above);padding-left:var(--space-8);max-width:calc(44% - var(--space-5));position:relative}.promo h2{font-size:var(--fs-h2);font-weight:var(--fw-bold);line-height:var(--lh-h2);letter-spacing:var(--ls-h2);color:var(--on-brand)}.promo p{margin-top:var(--space-2);font-size:var(--fs-body-lg);line-height:var(--lh-body-lg)}.pbtn{z-index:var(--z-above);right:var(--space-8);height:var(--control-h);padding:0 var(--space-5);border-radius:var(--radius-sm);background:var(--surface);color:var(--brand);font-size:var(--fs-button);font-weight:var(--fw-semibold);letter-spacing:var(--ls-button);white-space:nowrap;transition:background-color var(--dur-fast) var(--ease);align-items:center;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.pbtn:hover,.pbtn[data-ds=hover]{background:var(--brand-soft)}.news{gap:var(--space-5);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.nc{gap:var(--space-5);padding:var(--space-4) var(--space-4) var(--space-5);border-radius:var(--radius-card);background:var(--card);flex-direction:column;grid-column:span 2;display:flex;position:relative}.nc.big{grid-column:span 3}.nimg{height:var(--nimg-h);border-radius:var(--radius-sm)}.nc.big .nimg{height:var(--nimg-big-h)}.ntx{align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.nc-j{font-size:var(--fs-h4);font-weight:var(--fw-semibold);line-height:var(--lh-h4);color:var(--heading)}.nc-j a:after{content:"";z-index:var(--z-raised);position:absolute;inset:0}.nc:hover .nc-j,.nc[data-ds=hover] .nc-j{text-underline-offset:var(--focus-offset);text-decoration:underline}.nc[data-ds=focus],.pc[data-ds=focus]{outline:var(--border-focus) solid var(--focus);outline-offset:var(--focus-offset)}@supports selector(:has(a)){:is(.nc:has(.nc-j a:focus-visible),.pc:has(.pc-j a:focus-visible)){outline:var(--border-focus) solid var(--focus);outline-offset:var(--focus-offset)}.nc-j a:focus-visible,.pc-j a:focus-visible{outline:none}}.ex{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--muted)}.dt{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--muted)}.nc-faq{gap:var(--space-3)}.nc-faq:hover .nc-j{text-decoration:none}.nc-ringkas{gap:var(--space-3)}.ik{align-items:flex-start;gap:var(--space-4);flex-direction:row}.ik-ic{width:var(--icon-64);height:var(--icon-64);border-radius:var(--radius-sm);background:var(--surface);color:var(--brand);flex:none;justify-content:center;align-items:center;display:flex}.pc{padding:var(--space-4) var(--space-4) var(--space-5);border-radius:var(--radius-card);background:var(--card);flex-direction:column;display:flex;position:relative}.pin{padding:var(--space-4);border-radius:var(--radius-sm);background:var(--surface);text-align:center;flex-direction:column;flex:1;align-items:center;display:flex}.pimg{width:100%;height:var(--pimg-h);border-radius:var(--radius-sm);background:var(--card)}.pc-j{margin-top:var(--space-4);font-size:var(--fs-body);font-weight:var(--fw-bold);line-height:var(--lh-small);color:var(--heading)}.pc-j a:after{content:"";z-index:var(--z-raised);position:absolute;inset:0}.pc-d{margin-top:var(--space-1);margin-bottom:var(--space-3);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--muted)}.pb{height:var(--control-h);padding:0 var(--space-4);border-radius:var(--radius-sm);background:var(--brand);color:var(--on-brand);font-size:var(--fs-button);font-weight:var(--fw-semibold);letter-spacing:var(--ls-button);transition:background-color var(--dur-fast) var(--ease);align-items:center;margin-top:auto;display:inline-flex}.pc:hover .pb,.pc[data-ds=hover] .pb{background:var(--brand-hover)}.pc[aria-disabled=true] .pb{background:var(--disabled-bg);color:var(--disabled-text)}.qp{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-6);border-radius:var(--radius-card);background:var(--brand);color:var(--on-brand);text-align:center;flex-direction:column;display:flex;position:relative}.qp-ic{color:var(--on-brand);display:flex}.qp-ic .ic{width:var(--icon-36);height:var(--icon-36)}.qp-j{font-size:var(--fs-h4);font-weight:var(--fw-semibold);line-height:var(--lh-h4);color:var(--on-brand)}.qp-j a:after{content:"";z-index:var(--z-raised);position:absolute;inset:0}.qp-d{max-width:var(--sh-p-max);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--on-brand-soft)}.qp-b{margin-top:var(--space-2);height:var(--control-h);padding:0 var(--space-5);border-radius:var(--radius-sm);background:var(--surface);color:var(--brand);font-size:var(--fs-button);font-weight:var(--fw-semibold);letter-spacing:var(--ls-button);transition:background-color var(--dur-fast) var(--ease);align-items:center;display:inline-flex}.qp:hover .qp-b,.qp[data-ds=hover] .qp-b{background:var(--brand-soft)}.qp[aria-disabled=true] .qp-b{background:var(--disabled-bg);color:var(--disabled-text)}.qp[data-ds=focus]{outline:var(--border-focus) solid var(--focus);outline-offset:var(--focus-offset)}@supports selector(:has(a)){.qp:has(.qp-j a:focus-visible){outline:var(--border-focus) solid var(--focus);outline-offset:var(--focus-offset)}.qp-j a:focus-visible{outline:none}}.marks{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.marks li{height:var(--marks-h);justify-content:center;align-items:center;gap:var(--space-3);color:var(--text);font-size:var(--fs-h4);font-weight:var(--fw-semibold);line-height:var(--lh-h4);display:flex}.marks .ic{width:var(--icon-52);height:var(--icon-52);color:var(--brand)}.marks a:hover{text-underline-offset:var(--focus-offset);text-decoration:underline}.mb-w{margin-top:var(--space-8);justify-content:center;display:flex}.spot{width:calc(100% - var(--spot-gutter));max-width:var(--spot-max);margin:var(--space-9) auto 0;padding:var(--space-8);border-radius:var(--radius-lg);background:var(--spot)}.spot h2{font-size:var(--fs-h4);font-weight:var(--fw-semibold);line-height:var(--lh-h4);letter-spacing:0;color:var(--heading)}.spot-row{margin-top:var(--space-4);align-items:center;display:flex}.spot-main{flex:0 1 var(--spot-main);align-items:center;min-width:0;display:flex}.sfig{flex:0 1 var(--spot-fig);min-width:0;height:var(--spot-img-h);border-radius:var(--radius-sm);box-shadow:var(--shadow-card)}.stx{flex:0 1 var(--spot-fig);min-width:0;margin-left:var(--space-8);align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.stx h3{font-size:var(--fs-h4);font-weight:var(--fw-semibold);line-height:var(--lh-h4);color:var(--heading)}.stx h3 a:hover{text-underline-offset:var(--focus-offset);text-decoration:underline}.stx p{margin-top:var(--space-1);font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);color:var(--muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sbtn{height:var(--control-h);margin-top:var(--space-4);padding:0 var(--space-4);border-radius:var(--radius-sm);background:var(--brand);color:var(--on-brand);font-size:var(--fs-button);font-weight:var(--fw-semibold);letter-spacing:var(--ls-button);transition:background-color var(--dur-fast) var(--ease);align-items:center;display:inline-flex}.sbtn:hover{background:var(--brand-hover)}.spot-list{flex:0 1 var(--spot-list);min-width:0;margin-left:var(--space-8);border-left:var(--border-thin) solid var(--line)}.spot-list li{position:relative}.spot-list .lt-a{padding:var(--space-3) 0 var(--space-3) var(--space-6);font-size:var(--fs-small);line-height:var(--lh-24);color:var(--muted);display:block;position:relative}.spot-list .lt-a:hover,.spot-list .on .lt-a{color:var(--text)}.spot-list .on .lt-a:before{content:"";left:calc(-1 * var(--hairline));width:var(--border-thick);background:var(--brand);position:absolute;top:0;bottom:0}.sd,.sic{display:none}@media (max-width:1023px){.g3,.news{grid-template-columns:1fr 1fr}.nc,.nc.big{grid-column:auto}.g3>:last-child:nth-child(odd),.news>:last-child:nth-child(odd){grid-column:1/-1}.g3>.dc:last-child:nth-child(odd) .dimg{height:var(--dimg-h-t)}.spot-list{display:none}}@media (max-width:767px){.g3,.news{grid-template-columns:1fr}.g3>:last-child:nth-child(odd),.news>:last-child:nth-child(odd){grid-column:auto}.dimg,.g3>.dc:last-child:nth-child(odd) .dimg{height:var(--dimg-h-m)}.tiles li{width:calc(50% - var(--space-2))}.tbox{height:var(--tbox-h-m)}.tbox .ic{width:var(--icon-56);height:var(--icon-56)}.promo{height:var(--promo-h-m);margin:0 var(--space-2);align-items:flex-start}.promo-img{width:100%}.promo:before{content:"";width:auto;z-index:var(--z-raised);background:var(--overlay-promo-m);position:absolute;inset:0}.ptx{padding:var(--space-5) var(--space-5) 0;max-width:none}.promo p{margin-top:var(--space-1)}.pbtn{top:auto;bottom:var(--space-7);left:50%;right:auto;transform:translate(-50%)}.nimg{height:var(--nimg-h-m)}.nc.big .nimg{height:var(--nimg-big-h-m)}.pimg{height:var(--pimg-h-m)}.qp{padding:var(--space-8) var(--space-4)}.marks{grid-template-columns:1fr 1fr}.marks li{height:auto;min-height:var(--marks-h-m);justify-content:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-2);font-size:var(--fs-body);line-height:var(--lh-small);text-align:center;flex-direction:column}.marks .ic{width:var(--icon-36);height:var(--icon-36)}.mb-w{margin-top:var(--space-5)}.spot{width:100%;margin-top:var(--space-6);padding:var(--space-6) 0;border-radius:0}.spot h2{text-align:center}.spot-row{align-items:flex-start;gap:var(--space-6);margin-top:var(--space-4);padding:0 0 var(--space-1) var(--space-6);scroll-snap-type:x mandatory;scroll-padding-left:var(--space-6);scrollbar-width:none;overflow-x:auto}.spot-row::-webkit-scrollbar{display:none}.sfig .cr,.sic .cr{right:var(--space-1);bottom:var(--space-1);max-width:calc(100% - var(--space-2))}.spot-main{width:var(--spot-card);scroll-snap-align:start;flex-direction:column;flex:none;align-items:flex-start}.sfig{width:var(--spot-card);height:var(--spot-thumb-h);flex:none}.stx{width:var(--spot-card);margin:var(--space-5) 0 0;flex:none}.stx p{font-size:var(--fs-body);line-height:var(--lh-body)}.sbtn{display:none}.spot-list{display:contents}.spot-list li{width:var(--spot-card);scroll-snap-align:start;flex:none}.spot-list li:last-child{margin-right:var(--space-6)}.spot-list .on,.spot-list .stk{display:none}.spot-list .lt-a{color:var(--dark-line);font-size:var(--fs-h4);font-weight:var(--fw-semibold);line-height:var(--lh-h4);padding:0;position:static}.spot-list .lt-a:after{content:"";z-index:var(--z-raised);position:absolute;inset:0}.sic{height:var(--spot-thumb-h);margin-bottom:var(--space-5);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);display:block}.sd{margin-top:var(--space-3);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}
}

@layer components {
.prose{max-width:var(--prose-max);font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);color:var(--text)}.prose>*+*{margin-top:var(--space-4)}.prose h2{margin-top:var(--space-8);font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--ls-h2);font-weight:var(--fw-bold);scroll-margin-top:var(--space-5)}.prose h3{margin-top:var(--space-6);font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:var(--fw-semibold);scroll-margin-top:var(--space-5)}.prose h4{margin-top:var(--space-5);font-size:var(--fs-h4);line-height:var(--lh-h4)}.prose h2+*,.prose h3+*,.prose h4+*{margin-top:var(--space-3)}.prose a{color:var(--link);text-decoration:underline;text-decoration-thickness:var(--hairline);text-underline-offset:var(--focus-offset)}.prose a:hover{color:var(--brand-hover);text-decoration-thickness:var(--border-thick)}.prose strong,.prose b{font-weight:var(--fw-semibold)}.prose ul,.prose ol{padding-left:var(--space-5)}.prose ul{list-style:outside}.prose ol{list-style:decimal}.prose li+li{margin-top:var(--space-2)}.prose li::marker{color:var(--brand)}.prose blockquote{padding:var(--space-2) 0 var(--space-2) var(--space-5);border-left:var(--border-safety) solid var(--brand);color:var(--muted)}.prose code{padding:0 var(--space-1);border-radius:var(--radius-xs);background:var(--card);font-family:inherit;font-weight:var(--fw-semibold)}.prose hr{margin:var(--space-8) 0;border:0;border-top:var(--border-thin) solid var(--line)}.prose table{border-collapse:collapse;width:100%;font-size:var(--fs-small);line-height:var(--lh-small)}.prose th,.prose td{padding:var(--space-3) var(--space-4);border:var(--border-thin) solid var(--line);text-align:left;vertical-align:top}.prose th{background:var(--card);font-weight:var(--fw-semibold)}.prose img{border-radius:var(--radius-sm)}.ksk{padding:var(--space-5);border:var(--border-thin) solid var(--panel-line);border-radius:var(--radius-md);background:var(--panel);scroll-margin-top:var(--space-5)}.ksk-j{font-size:var(--fs-h4);font-weight:var(--fw-semibold);line-height:var(--lh-h4);letter-spacing:0}.ksk-grid{align-items:start;gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ksk-i{padding:var(--space-4);border:var(--border-thin) solid var(--panel-line);border-radius:var(--radius-sm);background:var(--surface)}.ksk-i dt{align-items:center;gap:var(--space-1-5);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--muted);display:flex}.ksk-i dt .ic{color:var(--brand)}.ksk-i dd{margin-top:var(--space-2)}.ksk-v{font-size:var(--fs-h4);font-weight:var(--fw-semibold);line-height:var(--lh-h4)}.ksk-i .ksk-c{margin-top:var(--space-1);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--muted)}.ksk-rata{align-items:stretch}.ksk-dasar{margin-top:var(--space-3);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--muted)}.ksk-dasar b{font-weight:var(--fw-semibold);color:var(--text)}.cl-h{justify-content:space-between;align-items:baseline;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.cl-p{font-size:var(--fs-small);font-weight:var(--fw-semibold);line-height:var(--lh-small);color:var(--muted)}.cl-cols{gap:var(--space-5);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cl-gj{margin-bottom:var(--space-2);font-size:var(--fs-body);font-weight:var(--fw-semibold);line-height:var(--lh-small)}.cl-list{gap:var(--space-2);flex-direction:column;display:flex}.cl-i{justify-content:space-between;align-items:flex-start;gap:var(--space-1) var(--space-3);padding:var(--space-2) var(--space-3);border:var(--border-thin) solid var(--panel-line);border-radius:var(--radius-sm);background:var(--surface);flex-wrap:wrap;display:flex}.cl-i .cb{flex:1;min-width:0}.cl-n{font-weight:var(--fw-semibold)}.cl-i.on .cl-n{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong)}.cl-q{color:var(--muted)}.cl-opt{padding:0 var(--space-1-5);border-radius:var(--radius-xs);background:var(--chip);font-size:var(--fs-label);font-weight:var(--fw-semibold);line-height:var(--lh-20);letter-spacing:var(--ls-label);vertical-align:middle;align-items:center;display:inline-flex}.cl-c{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--muted);display:block}.cl-link{margin-top:var(--space-0-5);font-size:var(--fs-small);font-weight:var(--fw-semibold);line-height:var(--lh-body);color:var(--link);text-underline-offset:var(--focus-offset);white-space:nowrap;text-decoration:underline}.cl-act{align-items:center;gap:var(--space-4);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.cl-act:empty{display:none}.safety{border:var(--border-safety) solid var(--safety-frame);background:var(--surface);color:var(--text);scroll-margin-top:var(--space-5);border-radius:0}.safety-band{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--safety-band);color:var(--on-safety-band);display:flex}.safety-band h2{font-size:var(--fs-h4);font-weight:var(--fw-bold);line-height:var(--lh-h4);letter-spacing:0;color:var(--on-safety-band)}.safety-in{padding:var(--space-5)}.safety-k{font-weight:var(--fw-bold)}.safety-poin{gap:var(--space-3);flex-direction:column;display:flex}.safety-bahaya+.safety-poin{margin-top:var(--space-4)}.safety-poin li{gap:var(--space-3);font-size:var(--fs-body-lg);font-weight:var(--fw-medium);line-height:var(--lh-body-lg);display:flex}.safety-poin .ic{margin-top:var(--space-1);color:var(--dark)}.safety-src{margin-top:var(--space-5);padding-top:var(--space-4);border-top:var(--border-thin) solid var(--line);font-size:var(--fs-small);line-height:var(--lh-small)}.safety-src ul,.safety-src li+li{margin-top:var(--space-1)}.safety-src a{color:var(--link);text-underline-offset:var(--focus-offset);text-decoration:underline}.safety-note{gap:var(--space-3);padding:var(--space-4) var(--space-5);border-left:var(--border-safety) solid var(--safety-frame);background:var(--card);display:flex}.safety-note-ic{color:var(--dark)}.safety-note-j{font-size:var(--fs-body);font-weight:var(--fw-bold);line-height:var(--lh-body);letter-spacing:0}.safety-note ul{margin-top:var(--space-1);padding-left:var(--space-5);list-style:outside}.pro{padding:var(--space-5);border-left:var(--border-safety) solid var(--brand);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--card);scroll-margin-top:var(--space-5)}.pro-h{align-items:center;gap:var(--space-3);color:var(--brand);display:flex}.pro-h h2{font-size:var(--fs-h4);font-weight:var(--fw-semibold);line-height:var(--lh-h4);letter-spacing:0}.pro-p{margin-top:var(--space-3)}.pro-l{gap:var(--space-2);margin-top:var(--space-3);flex-direction:column;display:flex}.pro-l li{gap:var(--space-2);display:flex}.pro-l .ic{margin-top:var(--space-1);color:var(--brand)}.steps{gap:var(--space-8);flex-direction:column;display:flex}.step{scroll-margin-top:var(--space-5)}.step-h{align-items:flex-start;gap:var(--space-4);display:flex}.step-n{width:var(--step-num);height:var(--step-num);border-radius:var(--radius-sm);background:var(--dark);color:var(--on-dark);font-size:var(--fs-h4);font-weight:var(--fw-bold);line-height:var(--lh-button);flex:none;justify-content:center;align-items:center;display:inline-flex}.step-k{font-size:var(--fs-small);font-weight:var(--fw-semibold);line-height:var(--lh-small);color:var(--muted)}.step-j{font-size:var(--fs-h4);font-weight:var(--fw-semibold);line-height:var(--lh-h4)}.step-b{margin-top:var(--space-4);padding-left:calc(var(--step-num) + var(--space-4))}.step-isi{max-width:none}.step-cek{gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--card);display:flex}.step-cek .ic{margin-top:var(--space-1);color:var(--brand)}.step-cek b{font-weight:var(--fw-semibold)}.step-fig{margin-top:var(--space-4);max-width:var(--prose-max)}.faql{border-top:var(--border-thin) solid var(--line)}.faql-i{padding:var(--space-5) 0;border-bottom:var(--border-thin) solid var(--line)}.faql-i h3{font-size:var(--fs-h4);font-weight:var(--fw-semibold);line-height:var(--lh-h4)}.faql-i p{margin-top:var(--space-2);max-width:var(--prose-max)}.faql-i a{color:var(--link);text-underline-offset:var(--focus-offset);text-decoration:underline}.srcl{padding-left:var(--space-5);font-size:var(--fs-small);line-height:var(--lh-small);list-style:decimal}.srcl li+li{margin-top:var(--space-2)}.srcl li::marker{color:var(--muted)}.srcl a{color:var(--link);font-weight:var(--fw-semibold);text-underline-offset:var(--focus-offset);text-decoration:underline}.srcl-m{color:var(--muted)}.review{align-items:flex-start;gap:var(--space-2);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--muted);display:flex}.review .ic{margin-top:var(--space-0-5);color:var(--brand)}.review a{color:var(--link);text-underline-offset:var(--focus-offset);text-decoration:underline}.author{gap:var(--space-5);padding:var(--space-5);border:var(--border-thin) solid var(--line);border-radius:var(--radius-card);display:flex}.author-av{width:var(--author-foto);height:var(--author-foto);border-radius:var(--radius-sm);background:var(--card);color:var(--brand);flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.author-av img{object-fit:cover;width:100%;height:100%}.author-k{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--muted)}.author-n{font-size:var(--fs-h4);font-weight:var(--fw-semibold);line-height:var(--lh-h4)}.author-n a:hover{text-underline-offset:var(--focus-offset);text-decoration:underline}.author-p{font-size:var(--fs-small);font-weight:var(--fw-semibold);line-height:var(--lh-small);color:var(--muted)}.author-b{margin-top:var(--space-3);max-width:var(--prose-max)}.author .review{margin-top:var(--space-3)}.author-cara{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--muted)}.review-cat{color:var(--text)}.share{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.share-l{font-weight:var(--fw-semibold)}.share-s{font-size:var(--fs-small);color:var(--muted);flex-basis:100%}.share-s:empty{display:none}.related h2{margin-bottom:var(--space-5)}.wa{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.wa-n{font-size:var(--fs-small);color:var(--muted)}@media (max-width:767px){.ksk{padding:var(--space-4)}.ksk-grid,.cl-cols{grid-template-columns:1fr}.step-b{padding-left:0}.author{padding:var(--space-4);flex-direction:column}}@media print{.hd,.ft,.skip,.cl-act,.share,.wa{display:none!important}.ksk,.cl-i{background:var(--surface)}.cb-box{border-color:var(--dark);transition:none}.cb-i:checked+.cb-box{background:var(--surface);border-color:var(--dark);color:var(--dark)}.safety-band{padding-left:var(--space-5);background:var(--surface);color:var(--dark);border-bottom:var(--border-safety) solid var(--safety-frame)}.safety-band h2{color:var(--dark)}}
}

@layer pages {
.hero{height:var(--hero-h);padding:var(--space-3) 0;background:var(--dark);justify-content:center;align-items:center;display:flex;position:relative}.hero-img{background:var(--dark);position:absolute;inset:0}.hero:after{content:"";background:var(--overlay-hero);pointer-events:none;position:absolute;inset:0}.hero-in{z-index:var(--z-raised);width:var(--hero-in);max-width:calc(100% - var(--space-6));text-align:center;color:var(--on-dark);flex-direction:column;align-items:center;display:flex;position:relative}.hero-in:focus-within{z-index:var(--z-dropdown)}.hero h1{color:var(--on-dark)}.hero-sub{margin-top:var(--space-1);font-size:var(--fs-h4);font-weight:var(--fw-semibold);line-height:var(--lh-h4)}.or{margin-top:var(--space-2);font-size:var(--fs-small);font-weight:var(--fw-medium);line-height:var(--lh-20)}.hero .fdev{margin-top:var(--space-2)}.h-semua{margin-top:var(--space-4);justify-content:center;display:flex}.row3{margin-top:var(--space-5)}@media (max-width:767px){.hero{height:var(--hero-h-m);padding:var(--space-3) 0 var(--space-5)}.hero-in{width:var(--hero-in-m)}}
}

@layer pages {
.pl{padding-top:var(--space-5)}.pl-head{align-items:flex-start;gap:var(--space-6);margin-top:var(--space-6);display:flex}.pl-ic{width:var(--tbox-h);height:var(--tbox-h);border-radius:var(--radius-card);background:var(--panel);color:var(--brand);flex:none;justify-content:center;align-items:center;display:flex}.pl-ic svg{width:var(--icon-64);height:var(--icon-64)}.pl-ht{min-width:0;max-width:var(--prose-max)}.pl-ht h1{margin-top:var(--space-3)}.pl-hn{font-weight:var(--fw-medium);color:var(--muted)}.pl-ans{margin-top:var(--space-4);font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);color:var(--text-strong)}.pl-stat{align-items:center;gap:var(--space-2);margin-top:var(--space-4);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--text);display:flex}.pl-stat svg{color:var(--brand);flex:none}.pl-stat b{font-weight:var(--fw-semibold)}.pl-intro{margin-top:var(--space-6);padding-top:var(--space-6);border-top:var(--border-thin) solid var(--line)}.pl-intro .prose{margin-left:calc(var(--tbox-h) + var(--space-6))}.pl-sec{margin-top:var(--space-9)}.pl-lh{gap:var(--space-5);margin-bottom:var(--space-6);flex-direction:column;display:flex}.pl-lh h2{scroll-margin-top:var(--space-5)}.pl-lh h2:focus{outline:none}.pl-lh h2:focus-visible{outline:var(--border-focus) solid var(--focus);outline-offset:var(--focus-offset)}.pl-filter{gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-card);background:var(--panel);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.pl-filter.is-5{grid-template-columns:repeat(5,minmax(0,1fr))}.pl-res{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.pl-count{font-size:var(--fs-body);line-height:var(--lh-body);font-weight:var(--fw-semibold);color:var(--text-strong)}.pl-list.is-loading{opacity:.55}.pl-browse .pg{margin-top:var(--space-8)}.pl-browse .alert,.pl-browse .empty{margin-top:var(--space-2)}.pl-sec>h2{margin-bottom:var(--space-5)}.pl-sec .faql,.pl-sec .srcl{max-width:var(--prose-max)}.pl-bantu>.nc.big:last-child:nth-child(odd){grid-column:1/-1}.news+.pl-tools{margin-top:var(--space-5)}.pl-more-a{margin-top:var(--space-6)}.pl-more>h2{text-align:center;margin-bottom:var(--space-6)}@media (max-width:1023px){.pl-filter,.pl-filter.is-5{grid-template-columns:repeat(2,minmax(0,1fr))}.pl-filter.is-5>:first-child{grid-column:1/-1}.pl-intro .prose{margin-left:0}}@media (max-width:767px){.pl{padding-top:var(--space-4)}.pl-head{gap:var(--space-4);margin-top:var(--space-5);flex-direction:column}.pl-ic{width:var(--space-9);height:var(--space-9);border-radius:var(--radius-sm)}.pl-ic svg{width:var(--icon-36);height:var(--icon-36)}.pl-sec{margin-top:var(--space-6)}.pl-filter{gap:var(--space-3);padding:var(--space-4)}.pl-browse .pg{margin-top:var(--space-6)}}
}

@layer pages {
.pd{padding-bottom:var(--space-9)}.pd-grid{gap:var(--space-9);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.pd-main>*+*{margin-top:var(--space-8)}.pd-hd h1{max-width:var(--spot-main)}.pd-meta{margin-top:var(--space-4);gap:var(--space-2) var(--space-4);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--muted)}.pd-by a{color:var(--link);font-weight:var(--fw-semibold);text-underline-offset:var(--focus-offset);text-decoration:underline}.pd-by a:hover{color:var(--brand-hover)}.pd-hd .review{margin-top:var(--space-3)}.pd-main>.pd-rk{margin-top:var(--space-6)}.pd-rk-t{margin-top:var(--space-3);max-width:var(--prose-max);font-size:var(--fs-body-lg);line-height:var(--lh-body-lg)}.pd-main>.ksk+.ksk,.pd-main>.pd-rk+.ksk{margin-top:var(--space-4)}.pd-cl{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.pd-sec{scroll-margin-top:var(--space-5)}.pd-h2{margin-bottom:var(--space-5)}.pd-main>.pd-sec+.pd-sec{margin-top:var(--space-9)}.pd-side{display:none}.pd-toc{padding-left:var(--space-4);border-left:var(--border-thin) solid var(--line)}.pd-toc-j{font-size:var(--fs-body);font-weight:var(--fw-semibold);line-height:var(--lh-body);color:var(--heading)}.pd-toc ol{gap:var(--space-2);margin-top:var(--space-3);flex-direction:column;display:flex}.pd-toc a{margin-left:calc(-1 * var(--space-4) - var(--border-thin));padding-left:calc(var(--space-4) - var(--border-nav-active) + var(--border-thin));border-left:var(--border-nav-active) solid transparent;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--muted);transition:color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);display:block}.pd-toc a[aria-current=location]{border-left-color:var(--link);color:var(--link);font-weight:var(--fw-semibold)}.pd-toc a:hover{color:var(--link);text-underline-offset:var(--focus-offset);text-decoration:underline}.pd .related{margin-top:var(--space-9)}@media (min-width:1024px){.pd-grid{grid-template-columns:minmax(0, 1fr) var(--menu-w)}.pd-side{top:var(--space-5);display:block;position:sticky}}@media (max-width:767px){.pd{padding-bottom:var(--space-8)}.pd-main>*+*{margin-top:var(--space-6)}.pd-main>.pd-sec+.pd-sec,.pd .related{margin-top:var(--space-8)}}@media print{.pd-side,.pd .related{display:none}}.pd-penafian{margin-top:var(--space-4);max-width:var(--prose-max);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--muted)}.pd-penafian a{color:var(--link);text-underline-offset:var(--focus-offset);text-decoration:underline}
}

@layer pages {
.ck{padding-top:var(--space-5);padding-bottom:var(--space-9)}.ck-head{align-items:flex-start;gap:var(--space-6);margin-top:var(--space-6);display:flex}.ck-ic{width:var(--tbox-h);height:var(--tbox-h);border-radius:var(--radius-card);background:var(--panel);color:var(--brand);flex:none;justify-content:center;align-items:center;display:flex}.ck-ic svg{width:var(--icon-64);height:var(--icon-64)}.ck-ht{min-width:0}.ck-ht>:not(.ck-cta){max-width:var(--prose-max)}.ck-ht h1{margin-top:var(--space-3)}.ck-ans{margin-top:var(--space-4);font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);color:var(--text-strong)}.ck-info{gap:var(--space-2) var(--space-5);margin-top:var(--space-4);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--text);flex-wrap:wrap;display:flex}.ck-info>span{align-items:center;gap:var(--space-2);display:inline-flex}.ck-info svg{color:var(--brand);flex:none}.ck-info b{font-weight:var(--fw-semibold)}.ck-cta{align-items:center;gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.ck-note{align-items:flex-start;gap:var(--space-2);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--muted);display:inline-flex}.ck-note svg{color:var(--brand);flex:none}.ck-print{display:none}.ck-sec{margin-top:var(--space-8)}.ck-sec>h2{margin-bottom:var(--space-4)}.ck-ol{gap:var(--space-2);max-width:var(--prose-max);padding-left:var(--space-5);flex-direction:column;list-style:decimal;display:flex}.ck-ol li{padding-left:var(--space-1)}.ck-ol li::marker{font-weight:var(--fw-semibold);color:var(--brand)}.ck-hint{margin-top:var(--space-3);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--muted)}.ck-pair>p a,.ck-all a{font-weight:var(--fw-semibold);color:var(--link);text-underline-offset:var(--focus-offset);text-decoration:underline}.ck-all{margin-top:var(--space-5)}.ck-steps{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ck-steps li{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:var(--border-thin) solid var(--line);border-radius:var(--radius-card);display:flex}.ck-steps-ic{width:var(--control-h);height:var(--control-h);border-radius:var(--radius-sm);background:var(--panel);color:var(--brand);flex:none;justify-content:center;align-items:center;display:flex}.ck-steps b{font-weight:var(--fw-semibold);color:var(--heading);display:block}.ck-steps-t{margin-top:var(--space-1);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--muted);display:block}@media (max-width:1023px){.ck-steps{grid-template-columns:1fr}}@media (max-width:767px){.ck-head{gap:var(--space-4);margin-top:var(--space-4);flex-direction:column}.ck-ic{width:var(--tbox-h-m);height:var(--tbox-h-m)}.ck-ic svg{width:var(--icon-36);height:var(--icon-36)}.ck-ans{font-size:var(--fs-body);line-height:var(--lh-body)}.ck-sec{margin-top:var(--space-6)}.ck-grid{grid-template-columns:1fr}.ck-grid>:last-child:nth-child(odd){grid-column:auto}.ck .cl-cols{grid-template-columns:1fr}}@media print{.ck{padding:0}.ck .bc,.ck-ic,.ck-cta,.ck-hint,.ck-pair,.ck-more,.ck .meta,.bar{display:none!important}.ck-print{margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:var(--border-thin) solid var(--dark);font-size:var(--fs-small);line-height:var(--lh-small);display:block}.ck-head{margin-top:0}.ck-ans{font-size:var(--fs-body);line-height:var(--lh-body)}.ck-sec{margin-top:var(--space-5)}.ck .cl-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.ck .cl-i,.ck .safety,.ck .safety-note{break-inside:avoid}.ck .srcl a:after{content:" (" attr(href) ")";word-break:break-all}}
}

@layer pages {
.alat-main>.alat-head,.alat-main>.alat-ringkas,.alat-main>.alat-fig,.alat-main>.safety,.alat-main>.alat-sec{max-width:var(--prose-max)}.alat-head{margin-bottom:var(--space-5)}.alat-head h1{font-size:var(--fs-h1);font-weight:var(--fw-bold);line-height:var(--lh-h1);letter-spacing:var(--ls-h1);color:var(--heading)}.alat-meta{margin-top:var(--space-4);gap:var(--space-2) var(--space-4)}.alat-meta .dt a{color:var(--link);text-underline-offset:var(--focus-offset);text-decoration:underline}.alat-lead{max-width:var(--sh-p-max);margin-top:var(--space-4);font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);color:var(--text)}.alat-ringkas p{margin-top:var(--space-3);font-size:var(--fs-body-lg);line-height:var(--lh-body-lg)}.alat-fig{margin-top:var(--space-6)}.alat-main>.safety{margin-top:var(--space-8)}.alat-sec{margin-top:var(--space-8);scroll-margin-top:var(--space-5)}.alat-sec>h2{margin-bottom:var(--space-4);font-size:var(--fs-h2);font-weight:var(--fw-bold);line-height:var(--lh-h2);letter-spacing:var(--ls-h2);color:var(--heading)}.alat-jenis+.alat-jenis{margin-top:var(--space-5)}.alat-jenis h3{margin-top:0}.alat-cat{margin-top:var(--space-3);max-width:var(--prose-max);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--muted)}.alat-sec>.alat-cat:first-of-type{margin-top:0;margin-bottom:var(--space-4)}.alat-jelajah{margin-top:var(--space-5)}.alat-jelajah .meta{margin-top:var(--space-2)}.alat-pilar .btn{margin-top:var(--space-4)}.alat-idx,.alat{padding-bottom:var(--space-9)}@media (max-width:767px){.alat-sec,.alat-main>.safety{margin-top:var(--space-7)}}@media (min-width:1024px){.alat-sec.related .news>:first-child:nth-last-child(4),.alat-sec.related .news>:first-child:nth-last-child(4)~*{grid-column:span 3}}.alat-sec.related .news{align-items:stretch}.alat-sec.related .news>.nc{height:100%}
}

@layer pages {
.kalk-page{padding-bottom:var(--space-9)}.kalk-head{max-width:var(--prose-max);margin-bottom:var(--space-6)}.kalk-lead{margin-top:var(--space-4);font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);color:var(--text)}.kalk{gap:var(--space-6);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;display:grid}.kalk-form{gap:var(--space-5);flex-direction:column;display:flex}.kalk-fs{gap:var(--space-4);min-width:0;padding:var(--space-5);border:var(--border-thin) solid var(--line);border-radius:var(--radius-card);flex-direction:column;display:flex}.kalk-fs legend{padding:0 var(--space-2);margin-left:calc(-1 * var(--space-2));font-size:var(--fs-h4);font-weight:var(--fw-semibold);line-height:var(--lh-h4);color:var(--heading)}.kalk-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}.kalk-solo .fld-u,.kalk-solo .fld-i{max-width:calc((100% - 2 * var(--space-4)) / 3)}.kalk-solo .fld-u .fld-i{max-width:none}.kalk-cat{gap:var(--space-4);flex-direction:column;display:flex}.kalk-cat .kalk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kalk-src{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--muted)}.kalk-src a{color:var(--link);text-decoration:underline}.kalk-act{gap:var(--space-3);flex-wrap:wrap;display:flex}.kalk-out{top:var(--space-5);gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-card);background:var(--card);flex-direction:column;display:flex;position:sticky}.kalk-out-j{font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:var(--fw-semibold)}.kalk-hasil{gap:var(--space-4);flex-direction:column;display:flex}.kalk-out .ksk{padding:var(--space-4)}.kalk-out .ksk-grid{grid-template-columns:minmax(0,1fr);margin-top:0}.kalk-sub{font-size:var(--fs-h4);line-height:var(--lh-h4)}.kalk-rumus{gap:var(--space-2);padding-left:var(--space-5);font-size:var(--fs-small);line-height:var(--lh-small);flex-direction:column;list-style:decimal;display:flex}.kalk-sec h2{margin-bottom:var(--space-4)}.kalk-p{max-width:var(--prose-max);margin-bottom:var(--space-5)}.kalk-langkah{gap:var(--space-4);grid-template-columns:repeat(5,minmax(0,1fr));padding-left:0;list-style:none;display:grid}.kalk-langkah li{padding:var(--space-4);border-radius:var(--radius-card);background:var(--card)}.kalk-langkah h3{font-size:var(--fs-h4);line-height:var(--lh-h4)}.kalk-langkah p{margin-top:var(--space-2);font-size:var(--fs-small);line-height:var(--lh-small)}@media (max-width:1279px){.kalk-langkah{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1023px){.kalk{grid-template-columns:minmax(0,1fr)}.kalk-out{position:static}.kalk-out .ksk-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kalk-langkah{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.kalk-fs{padding:var(--space-4)}.kalk-solo .fld-u,.kalk-solo .fld-i{max-width:none}.kalk-grid,.kalk-cat .kalk-grid,.kalk-out .ksk-grid,.kalk-langkah{grid-template-columns:minmax(0,1fr)}.kalk-out{padding:var(--space-4)}}
}

@layer pages {
.est-page{padding-top:var(--space-5);padding-bottom:var(--space-9)}.est-h{margin-top:var(--space-5)}.est-intro{max-width:var(--prose-max);margin-top:var(--space-4);font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);color:var(--text)}.est{margin-top:var(--space-8)}.est-grid{gap:var(--space-7);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;display:grid}.est-sec+.est-sec{margin-top:var(--space-8);padding-top:var(--space-7);border-top:var(--border-thin) solid var(--line)}.est-sec>*+*,.est-side>*+*{margin-top:var(--space-4)}.est-sec h2,.est-side h2{font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:0;font-weight:var(--fw-bold)}.est-lead{color:var(--muted)}.est-note{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--muted)}.est-preset{gap:var(--space-2);flex-wrap:wrap;display:flex}.est-bahaya{align-items:center;gap:var(--space-2);font-size:var(--fs-small);line-height:var(--lh-small);flex-wrap:wrap;display:flex}.est-tautan{align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.est-tautan .btn,.est-preset .btn{white-space:normal;text-align:left;max-width:100%}.est-preset .btn{height:auto;min-height:var(--control-h);padding-block:var(--space-2)}.est-grup{margin-top:var(--space-6)}.est-gj{font-size:var(--fs-h4);line-height:var(--lh-h4)}.est-grup>*+*{margin-top:var(--space-3)}.est-list{gap:var(--space-4);display:grid}.est-row{gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:var(--border-thin) solid var(--line);display:grid}.est-row-lain{grid-template-columns:minmax(0,3fr) minmax(0,2fr) auto;align-items:end}.est-row-lain .est-hapus{height:var(--control-h)}.est-dua{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.est-side{top:var(--space-5);padding:var(--space-5);border:var(--border-thin) solid var(--panel-line);border-radius:var(--radius-md);background:var(--panel);position:sticky}.est-side .tbl-wrap{background:var(--surface)}.est-hasil>*+*{margin-top:var(--space-4)}.est .ksk{margin-top:var(--space-8)}.est .pro{margin-top:var(--space-5)}.est-info{margin-top:var(--space-9)}@media (max-width:1023px){.est-grid{gap:var(--space-8);grid-template-columns:minmax(0,1fr)}.est-side{position:static}}@media (max-width:767px){.est{margin-top:var(--space-6)}.est-dua,.est-row-lain{grid-template-columns:minmax(0,1fr)}.est-row-lain .est-hapus{justify-self:start;height:auto}.est-side{padding:var(--space-4)}.est-info{margin-top:var(--space-8)}}
}

@layer pages {
.diag{padding-bottom:var(--space-9)}.diag-head{max-width:var(--sh-max);margin-bottom:var(--space-6)}.diag-lead{margin-top:var(--space-4);font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);color:var(--text)}.diag-note{gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-left:var(--border-safety) solid var(--safety-frame);background:var(--panel);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--text);align-items:flex-start;display:flex}.diag-note svg{margin-top:var(--space-0-5);flex:none}.diag-panel{gap:var(--space-5);max-width:var(--sh-max);display:grid}.diag-barang{border:0;min-width:0;margin:0;padding:0}.diag-barang legend{margin-bottom:var(--space-3);font-size:var(--fs-h4);line-height:var(--lh-h4);font-weight:var(--fw-semibold);color:var(--heading)}.diag-opts{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.diag-opt{gap:var(--space-2);min-height:var(--control-h-lg);padding:var(--space-3) var(--space-4);border:var(--border-thick) solid transparent;border-radius:var(--radius-md);background:var(--card);color:var(--text);font-size:var(--fs-small);font-weight:var(--fw-semibold);line-height:var(--lh-small);cursor:pointer;transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);flex-direction:column;align-items:flex-start;display:flex;position:relative}.diag-opt svg{color:var(--brand)}.diag-opt:hover{background:var(--card-hover)}.diag-opt input{opacity:0;cursor:pointer;position:absolute;inset:0}.diag-opt:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}.diag-opt:has(input:focus-visible){outline:var(--border-focus) solid var(--focus);outline-offset:var(--focus-offset)}.diag-barang:disabled .diag-opt{cursor:default}.diag-barang:disabled .diag-opt:not(:has(input:checked)){background:var(--disabled-bg);color:var(--disabled-text)}.diag-barang:disabled .diag-opt:not(:has(input:checked)) svg{color:var(--disabled-text)}.diag-log{gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-card);background:var(--card);display:grid}.diag-msg{gap:var(--space-3);align-items:flex-start;min-width:0;display:flex}.diag-msg-u{justify-content:flex-end}.diag-av{width:var(--control-h);height:var(--control-h);border-radius:var(--radius-sm);background:var(--brand);color:var(--on-brand);flex:none;justify-content:center;align-items:center;display:inline-flex}.diag-b{min-width:0;max-width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text);overflow-wrap:anywhere}.diag-msg-a .diag-b{flex:1}.diag-msg-u .diag-b{max-width:var(--prose-max);background:var(--chip)}.diag-b>*+*{margin-top:var(--space-3)}.diag-k{font-size:var(--fs-label);line-height:var(--lh-label);font-weight:var(--fw-semibold);color:var(--muted)}.diag-tx>*+*{margin-top:var(--space-2)}.diag-tx ol,.diag-tx ul{padding-left:var(--space-5)}.diag-tx ol{list-style:decimal}.diag-tx ul{list-style:outside}.diag-tx li+li{margin-top:var(--space-1)}.diag-tx li::marker{color:var(--brand)}.diag-ref{padding-top:var(--space-3);border-top:var(--border-thin) solid var(--line)}.diag-ref-j{font-size:var(--fs-small);line-height:var(--lh-small);font-weight:var(--fw-semibold);color:var(--heading)}.diag-ref ul{gap:var(--space-2);margin-top:var(--space-2);display:grid}.diag-ref li{gap:var(--space-2);align-items:flex-start;display:flex}.diag-ref li svg{margin-top:var(--space-1);color:var(--brand);flex:none}.diag-ref a{color:var(--link);font-weight:var(--fw-semibold);text-decoration:underline;text-decoration-thickness:var(--hairline);text-underline-offset:var(--focus-offset)}.diag-ref a:hover{color:var(--brand-hover);text-decoration-thickness:var(--border-thick)}.diag-ref-n{color:var(--muted);font-weight:var(--fw-regular)}.diag-contoh{gap:var(--space-2);padding-left:calc(var(--control-h) + var(--space-3));display:grid}.diag-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.diag-chip{min-height:var(--control-h);padding:var(--space-2) var(--space-3);border-radius:var(--radius-xs);background:var(--chip);color:var(--text);font:inherit;font-size:var(--fs-small);font-weight:var(--fw-semibold);line-height:var(--lh-small);text-align:left;transition:background-color var(--dur-fast) var(--ease);border:0}.diag-chip:hover:not(:disabled){background:var(--chip-hover)}.diag-chip:disabled{background:var(--disabled-bg);color:var(--disabled-text);cursor:default}.diag-typing{gap:var(--space-2);color:var(--muted);font-size:var(--fs-small);align-items:center;display:flex}.diag-dots{gap:var(--space-1);display:inline-flex}.diag-dots i{width:var(--space-1-5);height:var(--space-1-5);border-radius:var(--radius-xs);background:var(--brand);animation:diag-dot calc(var(--dur-fast) * 8) var(--ease) infinite}.diag-dots i:nth-child(2){animation-delay:calc(var(--dur-fast) * 2)}.diag-dots i:nth-child(3){animation-delay:calc(var(--dur-fast) * 4)}@keyframes diag-dot{0%,to{opacity:.25}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.diag-dots i{animation:none}}.diag-err{gap:var(--space-3);justify-items:start;display:grid}.diag-batas{gap:var(--space-3);display:grid}.diag-darurat{gap:var(--space-4);display:grid}.diag-kontak{padding:var(--space-4);border:var(--border-thick) solid var(--safety-frame);background:var(--surface)}.diag-kontak-j{font-size:var(--fs-body);font-weight:var(--fw-bold);color:var(--heading)}.diag-kontak ul{gap:var(--space-3);margin-top:var(--space-3);display:grid}.diag-kontak li{gap:var(--space-3);align-items:flex-start;display:flex}.diag-kontak li>svg{margin-top:var(--space-1);color:var(--brand);flex:none}.diag-kontak-n{font-weight:var(--fw-bold);color:var(--heading)}.diag-kontak-u{font-size:var(--fs-small);line-height:var(--lh-small)}.diag-kontak a{gap:var(--space-1);margin-top:var(--space-1);color:var(--link);font-size:var(--fs-small);text-decoration:underline;text-decoration-thickness:var(--hairline);text-underline-offset:var(--focus-offset);align-items:center;display:inline-flex}.diag-in{gap:var(--space-3);display:grid}.diag-act{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.diag-count{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--muted);margin-right:auto}.diag-priv{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--muted)}.diag-priv a{color:var(--link);text-underline-offset:var(--focus-offset);text-decoration:underline}.diag-soon{gap:var(--space-5);max-width:var(--sh-max);padding:var(--space-6);border-radius:var(--radius-card);background:var(--card);align-items:flex-start;display:flex}.diag-soon-ic{color:var(--brand);flex:none;display:inline-flex}.diag-soon h2{margin-top:var(--space-3);font-size:var(--fs-h3);line-height:var(--lh-h3)}.diag-soon p{margin-top:var(--space-3);font-size:var(--fs-body-lg);line-height:var(--lh-body-lg)}.diag-soon-l{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.diag-faq{max-width:var(--sh-max);margin-top:var(--space-9)}.diag-faq>h2{margin-bottom:var(--space-5)}@media (min-width:1024px){.diag-tata{grid-template-columns:minmax(0, var(--sh-max)) minmax(0, 1fr);column-gap:var(--space-8);grid-template-areas:"utama pop""tanya pilar";align-items:start;display:grid}.diag-utama{grid-area:utama}.diag-pop{grid-area:pop;margin-top:0}.diag-pilar{grid-area:pilar}.diag-tanya{grid-area:tanya}.diag-pop>h2,.diag-pilar>h2{font-size:var(--fs-h4);line-height:var(--lh-h4)}.diag-pop .news{grid-template-columns:minmax(0,1fr)}.diag-pop .nc{grid-column:auto}.diag-pilar .tiles{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.diag-pilar .tiles li{width:auto}.diag-pilar .tiles li:last-child:nth-child(odd){grid-column:1/-1}}@media (max-width:1023px){.diag-opts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.diag-log{padding:var(--space-4) var(--space-3)}.diag-msg-a .diag-av{display:none}.diag-b{padding:var(--space-3)}.diag-contoh{padding-left:0}.diag-soon{padding:var(--space-5);flex-direction:column}.diag-faq{margin-top:var(--space-8)}.diag-act .btn{flex:1}.diag-count{flex-basis:100%}}
}

@layer pages {
.st{padding-bottom:var(--space-9)}.st-head{max-width:var(--prose-max);margin-bottom:var(--space-6)}.st-lead{margin-top:var(--space-3);font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);color:var(--muted)}.st-meta{margin-top:var(--space-3);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--muted)}.st-grid{gap:var(--space-6);grid-template-columns:minmax(0,1fr);display:grid}.st-main{gap:var(--space-7);min-width:0;max-width:var(--prose-max);flex-direction:column;display:flex}.st-main>.prose h2:first-child{margin-top:0}.st-main .prose [id]{scroll-margin-top:var(--space-6)}.st-toc{padding:var(--space-5);border-radius:var(--radius-card);background:var(--card);align-self:start}.st-toc-j{margin-bottom:var(--space-3);font-size:var(--fs-body);font-weight:var(--fw-semibold);line-height:var(--lh-small);color:var(--heading)}.st-toc ol{gap:var(--space-2);flex-direction:column;display:flex}.st-toc a{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--link)}.st-toc a:hover{text-underline-offset:var(--focus-offset);text-decoration:underline}@media (min-width:1024px){.st-grid-toc{grid-template-columns:var(--fcol-w2) minmax(0, var(--prose-max));gap:var(--space-8)}.st-grid-toc .st-toc{top:var(--space-5);position:sticky}}.st-kanal{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.st-kartu{align-items:flex-start;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-card);background:var(--card);flex-direction:column;display:flex}.st-kartu-ic{width:var(--control-h-lg);height:var(--control-h-lg);border-radius:var(--radius-sm);background:var(--surface);color:var(--brand);justify-content:center;align-items:center;display:flex}.st-kartu-tx{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.st-kartu-tx h3{font-size:var(--fs-h4);line-height:var(--lh-h4)}.st-kartu-n{font-size:var(--fs-body-lg);font-weight:var(--fw-semibold);line-height:var(--lh-body-lg);color:var(--text-strong);overflow-wrap:anywhere}.st-kartu-tx p:last-child{color:var(--muted)}@media (max-width:767px){.st-kanal{grid-template-columns:minmax(0,1fr)}.st-kartu .btn{width:100%}}.st-prof{gap:var(--space-6);max-width:var(--wrap-max);display:flex}.st-prof-av{width:var(--author-foto);height:var(--author-foto);border-radius:var(--radius-card);background:var(--card);color:var(--brand);font-size:var(--fs-h2);font-weight:var(--fw-bold);line-height:var(--lh-h2);flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.st-prof-av img{object-fit:cover;width:100%;height:100%}.st-prof-tx{gap:var(--space-2);max-width:var(--prose-max);flex-direction:column;min-width:0;display:flex}.st-prof-k{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--muted)}.st-prof-p{font-size:var(--fs-body);font-weight:var(--fw-semibold);line-height:var(--lh-body);color:var(--muted)}.st-prof-b{margin-top:var(--space-2);font-size:var(--fs-body-lg);line-height:var(--lh-body-lg)}.st-prof-bidang{margin-top:var(--space-4)}.st-prof-h{margin-bottom:var(--space-2);font-size:var(--fs-body);font-weight:var(--fw-semibold);line-height:var(--lh-small);letter-spacing:normal}.st-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.st-prof-list{gap:var(--space-2);flex-direction:column;display:flex}.st-prof-list a,.st-prof-link a,.nf-catatan a{color:var(--link);text-underline-offset:var(--focus-offset);text-decoration:underline}.st-prof-link{align-items:center;gap:var(--space-2);margin-top:var(--space-4);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--brand);display:flex}@media (max-width:767px){.st-prof{gap:var(--space-4);flex-direction:column}.st-prof-av{width:var(--control-h-lg);height:var(--control-h-lg);border-radius:var(--radius-sm);font-size:var(--fs-body);line-height:var(--lh-body)}}.st-form{align-items:end;gap:var(--space-3);max-width:var(--prose-max);grid-template-columns:minmax(0,1fr) auto;display:grid}.st-form .fld-e:empty{display:none}.st-blok{margin-top:var(--space-6)}.st-tabs{margin-top:var(--space-6);border-bottom:var(--border-thin) solid var(--line)}.st-tabs ul{gap:var(--space-5);display:flex;overflow-x:auto}.st-tabs a{padding:var(--space-3) 0;border-bottom:var(--border-nav-active) solid transparent;font-size:var(--fs-body);font-weight:var(--fw-semibold);line-height:var(--lh-body);color:var(--muted);white-space:nowrap;display:inline-block}.st-tabs a:hover{color:var(--text)}.st-tabs a[aria-current=page]{border-bottom-color:var(--brand);color:var(--heading)}.st-tabs-n{font-weight:var(--fw-regular)}.st-ringkas{margin:var(--space-4) 0;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--muted)}.st-ringkas:empty{display:none}.st-hasil{gap:var(--space-4);max-width:var(--prose-max);margin-bottom:var(--space-6);flex-direction:column;display:flex}.st-hasil .nc{padding:var(--space-5)}.st-hasil h2.nc-j{letter-spacing:normal}.st-hasil mark{background:var(--chip);color:inherit;border-radius:var(--radius-xs)}@media (max-width:767px){.st-form{grid-template-columns:minmax(0,1fr)}.st-form .btn{width:100%}}.nf{padding-top:var(--space-8)}.nf-ic{width:var(--icon-64);height:var(--icon-64);margin-bottom:var(--space-4);border-radius:var(--radius-sm);background:var(--card);color:var(--brand);justify-content:center;align-items:center;display:flex}.nf .st-lead{max-width:var(--prose-max);margin-bottom:var(--space-5)}.nf-aksi{align-items:center;gap:var(--space-4);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.nf-catatan{margin-top:var(--space-5);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--muted)}@media (max-width:767px){.nf{padding-top:var(--space-6)}}
}

@layer pages {
.ds-top{padding:var(--space-8) 0 var(--space-5);border-bottom:var(--border-thin) solid var(--line)}.ds-k{font-size:var(--fs-small);font-weight:var(--fw-semibold);color:var(--muted)}.ds-top h1{margin-top:var(--space-2)}.ds-lead{max-width:var(--prose-max);margin-top:var(--space-3);font-size:var(--fs-body-lg);line-height:var(--lh-body-lg)}.ds-toc ul{gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.ds-toc a{padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);background:var(--card);font-size:var(--fs-small);font-weight:var(--fw-semibold);line-height:var(--lh-small);display:inline-block}.ds-toc a:hover{background:var(--card-hover)}.ds-sec{padding:var(--space-8) 0;border-bottom:var(--border-thin) solid var(--line);scroll-margin-top:var(--space-4)}.ds-h{font-size:var(--fs-h2)}.ds-c{max-width:var(--sh-max);margin-top:var(--space-2);color:var(--muted)}.ds-body{gap:var(--space-5);margin-top:var(--space-5);flex-direction:column;display:flex}.ds-sub{gap:var(--space-3);flex-direction:column;display:flex}.ds-sh{font-size:var(--fs-h4);line-height:var(--lh-h4)}.ds-row{gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-sm);border:var(--border-thin) solid var(--line);flex-wrap:wrap;display:flex}.ds-k2,.ds-k3,.ds-k4{display:grid}.ds-k2{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-k3{grid-template-columns:repeat(3,minmax(0,1fr))}.ds-k4{grid-template-columns:repeat(4,minmax(0,1fr))}.ds-gelap{background:var(--dark);border-color:var(--dark);color:var(--on-dark)}.ds-cokelat{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.ds-abu{background:var(--card)}.ds-cell{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.ds-lbl{font-size:var(--fs-label);font-weight:var(--fw-semibold);line-height:var(--lh-label);letter-spacing:var(--ls-label);color:var(--muted)}.ds-gelap .ds-lbl,.ds-cokelat .ds-lbl{color:var(--on-dark-text)}.ds-gelap :focus-visible,.ds-cokelat :focus-visible{outline-color:var(--focus-on-dark)}.ds-demo{min-width:0}.ds-stack{gap:var(--space-3);flex-direction:column;display:flex}.ds-mt{margin-top:var(--space-5)}.ds-shell{padding:var(--space-5);border:var(--border-thin) solid var(--line);border-radius:var(--radius-sm)}.ds-bleed .spot{width:100%;margin-top:0}.ds-sws{grid-template-columns:repeat(auto-fill, minmax(var(--tile-w), 1fr));gap:var(--space-3);display:grid}.ds-sws-s{grid-template-columns:repeat(auto-fill, minmax(var(--fcol-w), 1fr))}.ds-sw{gap:var(--space-1);font-size:var(--fs-small);line-height:var(--lh-small);flex-direction:column;display:flex}.ds-sw-c{height:var(--icon-56);border-radius:var(--radius-sm);border:var(--border-thin) solid var(--line)}.ds-sw-n{font-weight:var(--fw-semibold);overflow-wrap:anywhere}.ds-sw-v{color:var(--muted);overflow-wrap:anywhere}.ds-types{flex-direction:column;display:flex}.ds-type{padding:var(--space-4) 0;border-top:var(--border-thin) solid var(--line)}.ds-type-m{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--muted)}.ds-type-m b{color:var(--text)}.ds-type-s{margin-top:var(--space-1);overflow-wrap:anywhere}.ds-space,.ds-radius{gap:var(--space-4) var(--space-6);font-size:var(--fs-small);line-height:var(--lh-small);flex-wrap:wrap;display:flex}.ds-space li,.ds-radius li{align-items:center;gap:var(--space-2);display:flex}.ds-space-b{height:var(--space-4);background:var(--brand);display:block}.ds-radius-b{width:var(--icon-52);height:var(--icon-52);border:var(--border-thick) solid var(--brand);background:var(--chip);display:block}.ds-line{width:var(--icon-52);height:var(--icon-36);background:var(--surface);display:block}.ds-line-thin{border:var(--border-thin) solid var(--line)}.ds-line-safety{border:var(--border-safety) solid var(--safety-frame)}.ds-line-focus{outline:var(--border-focus) solid var(--focus);outline-offset:var(--focus-offset)}.ds-line-shadow{border-radius:var(--radius-sm);box-shadow:var(--shadow-card)}.ds-icons{grid-template-columns:repeat(auto-fill, minmax(var(--fcol-w), 1fr));gap:var(--space-2);display:grid}.ds-icons li{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--card);font-size:var(--fs-small);line-height:var(--lh-small);overflow-wrap:anywhere;display:flex}.ds-icons .ic{color:var(--brand)}.ds-ph{height:var(--nimg-h);border-radius:var(--radius-sm)}.ds-hd-demo{padding:var(--space-3) 0;display:flex}.ds-hd-demo .srch{margin:0}.ds-sdd{position:relative}.ds-static{position:static}.ds-nav-demo{color:var(--on-dark);flex-direction:column;align-items:flex-start;display:flex}.ds-nav-demo .nav-t{height:var(--hd-h)}.ds-nav-demo .nav-dd{display:block}.ds-nav-row{flex-direction:row}.ds-rot{transform:rotate(180deg)}.nav-dl.ds-current{background:var(--chip)}.nav-dl.ds-hover{background:var(--card)}@media (max-width:1023px){.ds-k3,.ds-k4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.ds-k2,.ds-k3,.ds-k4{grid-template-columns:1fr}.ds-ph{height:var(--nimg-h-m)}.ds-nav-demo .nav-dd{width:100%;position:static}}
}

@layer tokens,base,components,pages;