@font-face{font-family:Literata;font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/60f58a7a803855c6-s.2mgcr0scld764.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Literata;font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/187df20e17b435d1-s.1de5oe27h2kcs.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Literata;font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/5e8350fc289b169a-s.2m6nwxvnysiq2.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Literata;font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/f99ec718d2aa2628-s.2s656e8rzol1k.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Literata;font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/252b59f46c3165d8-s.445tgcafqxet_.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Literata;font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/2ce13b16b29213e7-s.0hl3_-74zo9b6.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Literata;font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/c8d3663ba40d1542-s.p.3t6wimnoqat92.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Literata Fallback;src:local(Times New Roman);ascent-override:99.62%;descent-override:26.07%;line-gap-override:0.0%;size-adjust:118.15%}.IHFeDq_className{font-family:Literata,Literata Fallback;font-style:normal}.IHFeDq_variable{--font-literata:"Literata", "Literata Fallback"}
@layer tokens {
:root{--primary-50:#efeef5;--primary-100:#dfdeeb;--primary-200:#c0bdd6;--primary-300:#9c98c0;--primary-400:#6b64a0;--primary-500:#3a3080;--primary-600:#31296d;--primary-700:#29225a;--primary-800:#201a46;--primary-900:#171333;--secondary-50:#f2f2f4;--secondary-100:#e5e4e8;--secondary-200:#cbcad1;--secondary-300:#adacb8;--secondary-400:#848294;--secondary-500:#5b5870;--secondary-600:#4d4b5f;--secondary-700:#403e4e;--secondary-800:#32303e;--secondary-900:#24232d;--accent-50:#fcfcfd;--accent-100:#f9f8fc;--accent-200:#f3f2f8;--accent-300:#eceaf4;--accent-400:#e2e0ef;--accent-500:#d9d6ea;--accent-600:#b8b6c7;--accent-700:#9896a4;--accent-800:#777681;--accent-900:#57565e;--color-primary:#3a3080;--color-secondary:#5b5870;--color-accent:#d9d6ea;--color-dark:#1e1c29;--color-light:#fff;--color-pendukung:#6e65b8;--bg:var(--color-light);--bg-2:var(--accent-200);--bg-3:var(--accent-300);--ink:var(--color-dark);--ink-2:var(--color-secondary);--line:var(--color-accent);--control:var(--secondary-400);--control-hover:var(--secondary-500);--mute:var(--secondary-300);--disabled-bg:var(--secondary-50);--accent:var(--color-primary);--accent-hover:var(--primary-600);--accent-active:var(--primary-700);--accent-tint:var(--primary-50);--accent-tint-2:var(--primary-100);--on-accent:var(--color-light);--pendukung:var(--color-pendukung);--toast-bg:var(--color-dark);--on-toast:var(--color-light);--overlay:#1e1c2966;--credit-bg:#ffffffeb;--font-heading:var(--font-literata), "Literata", system-ui, sans-serif;--font-body:var(--font-literata), "Literata", system-ui, 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;--fw-display:800;--fs-h1:48px;--lh-h1:1.1;--ls-h1:-.01em;--fw-h1:700;--fs-h2:36px;--lh-h2:1.2;--ls-h2:-.01em;--fw-h2:700;--fs-h3:28px;--lh-h3:1.25;--ls-h3:0;--fw-h3:600;--fs-h4:22px;--lh-h4:1.3;--ls-h4:0;--fw-h4:600;--fs-h5:18px;--lh-h5:1.3;--ls-h5:0;--fw-h5:600;--fs-body-lg:18px;--lh-body-lg:1.6;--ls-body-lg:0;--fw-body-lg:400;--fs-body:16px;--lh-body:1.6;--ls-body:0;--fw-body:400;--fs-small:14px;--lh-small:1.5;--ls-small:0;--fw-small:400;--fs-label:12px;--lh-label:1.4;--ls-label:.06em;--fw-label:600;--fs-button:16px;--lh-button:1;--ls-button:.01em;--fw-button:600;--fs-credit:12px;--lh-credit:1.4;--ls-credit:0;--fw-credit:400;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-half:2px;--space-1-5:6px;--radius-none:0;--radius-sm:8px;--radius-md:12px;--radius-lg:24px;--radius-full:999px;--shadow-card:0 4px 12px #1018281a;--shadow-halo:0 0 0 var(--space-4) var(--hov);--shadow-none:none;--border-hair:1px;--border-thick:2px;--border-focus:2px;--border-progress:4px;--dur-card:.15s;--dur-nav:.25s;--dur-spin:.8s;--dur-dot:1.2s;--ease:ease;--bp-desktop:1024px;--bp-tablet:1023px;--bp-mobile:767px;--z-base:0;--z-stretch:1;--z-over:2;--z-sticky:20;--z-header:30;--z-snav:40;--z-search:50;--z-drawer:60;--z-toast:70;--z-skip:100;--wrap-max:1440px;--header-max:2000px;--pad:80px;--hin-pad:24px;--hside-pad:36px;--hside-gap:24px;--read-max:720px;--media-max:1064px;--lead-max:600px;--helpbox-max:720px;--snav-h:56px;--snav-pad:24px;--snav-gap:24px;--mp-gap:64px;--drawer-w:420px;--footer-col:400px;--scroll-margin:72px;--life-w:83.36%;--search-w:640px;--toast-max:420px;--card-halo:16px;--stretch-inset:-16px;--control-h:48px;--control-h-lg:56px;--chip-h:40px;--page-n:40px;--check:20px;--arrow:48px;--habit-cell:32px;--textarea-min:240px;--focus-offset:3px;--btn-pad-x:32px;--btn-pad-y:16px;--spinner:16px;--dot:6px;--icon-ui:32px;--icon-lg:32px;--icon-md:24px;--icon-sm:20px;--icon-xs:16px;--save-w:16px;--save-h:20px;--thumb-video:156px;--thumb-note:120px;--avatar:64px;--book-cover:120px;--logo-h:56px;--logo-snav:28px;--logo-foot:72px;--logo-mark:64px}@media (max-width:1023px){:root{--pad:16px;--hin-pad:16px;--hside-pad:20px;--card-halo:0px;--stretch-inset:0px;--logo-h:44px}}@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;--hin-pad:12px;--hside-pad:12px;--hside-gap:12px;--snav-pad:12px;--snav-gap:12px;--arrow:40px;--habit-cell:28px;--icon-ui:24px;--thumb-video:144px;--thumb-note:64px;--logo-h:32px;--logo-foot:48px}}html.kontras-tinggi{--ink-2:var(--color-dark);--line:var(--secondary-400);--mute:var(--secondary-500);--pendukung:var(--primary-500)}
}

@layer base {
*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);font-weight:var(--fw-regular);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}img,svg{max-width:100%}img{height:auto}svg{flex:none}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3,h4,h5,p,ul,ol,dl,dd,figure,blockquote,fieldset{margin:0}ul,ol{padding:0;list-style:none}fieldset{border:0;min-width:0;padding:0}legend{padding:0}h1,h2,h3,h4,h5{font-family:var(--font-heading)}h1{font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:var(--ls-h1);font-weight:var(--fw-h1)}h2{font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--ls-h2);font-weight:var(--fw-h2)}h3{font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:var(--fw-h3)}h4{font-size:var(--fs-h4);line-height:var(--lh-h4);font-weight:var(--fw-h4)}strong,b{font-weight:var(--fw-semibold)}time{font-variant-numeric:tabular-nums}:focus-visible,.is-focus{outline:var(--border-focus) solid var(--accent);outline-offset:var(--focus-offset)}.on-accent :focus-visible,.on-accent.is-focus{outline-color:var(--on-accent)}[id]{scroll-margin-top:var(--scroll-margin)}[hidden]{display:none!important}.sr-only{width:var(--border-hair);height:var(--border-hair);margin:calc(-1 * var(--border-hair));clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;padding:0;overflow:hidden;position:absolute!important}.skip{left:var(--space-2);top:calc(-1 * var(--space-20));z-index:var(--z-skip);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--space-4);text-decoration:underline;position:absolute}.skip:focus,.skip.is-focus{top:var(--space-2)}.wrap{max-width:var(--wrap-max);padding-left:var(--pad);padding-right:var(--pad);margin:0 auto}.wrap-read{max-width:calc(var(--read-max) + 2 * var(--pad));padding-left:var(--pad);padding-right:var(--pad);margin:0 auto}.t-display{font-family:var(--font-heading);font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:var(--ls-display);font-weight:var(--fw-display)}.t-h1{font-family:var(--font-heading);font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:var(--ls-h1);font-weight:var(--fw-h1)}.t-h2{font-family:var(--font-heading);font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--ls-h2);font-weight:var(--fw-h2)}.t-h3{font-family:var(--font-heading);font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--ls-h3);font-weight:var(--fw-h3)}.t-h4{font-family:var(--font-heading);font-size:var(--fs-h4);line-height:var(--lh-h4);letter-spacing:var(--ls-h4);font-weight:var(--fw-h4)}.t-h5{font-family:var(--font-heading);font-size:var(--fs-h5);line-height:var(--lh-h5);font-weight:var(--fw-h5)}.t-body-lg{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);font-weight:var(--fw-body-lg)}.t-body{font-size:var(--fs-body);line-height:var(--lh-body);font-weight:var(--fw-body)}.t-body-strong{font-size:var(--fs-body);line-height:var(--lh-body);font-weight:var(--fw-semibold)}.t-small{font-size:var(--fs-small);line-height:var(--lh-small)}.t-label{font-size:var(--fs-label);line-height:var(--lh-label);letter-spacing:var(--ls-label);font-weight:var(--fw-label);text-transform:uppercase}.t-mute{color:var(--ink-2)}.num{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
}

@layer components {
.ib{align-items:center;gap:var(--space-2);color:var(--ink);transition:color var(--dur-card) var(--ease);display:inline-flex}.ib .icon{width:var(--icon-ui);height:var(--icon-ui);display:block}.ib:hover,.ib.is-hover,.ib[aria-expanded=true]{color:var(--accent)}.logo{align-items:center;gap:calc(var(--logo-h) / 2);color:var(--ink-2);flex-direction:column;display:inline-flex}.logo .logo-img{height:var(--logo-h);width:auto;display:block}.logo .tg{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);color:var(--ink-2)}.logo.sm .logo-img{height:var(--logo-snav)}.logo.foot{align-items:flex-start}.logo.foot .logo-img{height:var(--logo-foot)}.logo-mark{width:var(--logo-mark);height:var(--logo-mark);display:block}.hdr{z-index:var(--z-header);background:var(--bg);position:relative}.hin{max-width:var(--header-max);padding:var(--hin-pad);grid-template-columns:1fr auto 1fr;align-items:start;margin:0 auto;display:grid}.hl,.hr{align-items:center;gap:var(--hside-gap);padding:var(--hside-pad) 0;display:flex}.hr{justify-content:flex-end}.tl{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);transition:color var(--dur-card) var(--ease)}.hl a.tl:hover,.hl a.tl.is-hover,.hr a:hover .tl{color:var(--accent)}.snav{z-index:var(--z-snav);background:var(--bg);border-bottom:1px solid var(--line);visibility:hidden;transition:transform var(--dur-nav) var(--ease), visibility var(--dur-nav);position:fixed;top:0;left:0;right:0;transform:translateY(-100%)}.snav.show{visibility:visible;transform:none}.snav.is-static{visibility:visible;z-index:var(--z-base);position:relative;transform:none}.min{max-width:var(--header-max);height:var(--snav-h);padding:0 var(--snav-pad);align-items:center;gap:var(--snav-gap);margin:0 auto;display:flex}.mp{justify-content:center;gap:var(--mp-gap);flex:1;display:flex}.mp a{font-family:var(--font-heading);font-size:var(--fs-h4);line-height:var(--lh-h4);font-weight:var(--fw-h4);color:var(--accent);text-underline-offset:var(--space-1)}.mp a:hover,.mp a.is-hover,.mp a[aria-current=page]{text-decoration:underline}.mr{align-items:center;gap:var(--snav-gap);display:flex}.drawer{z-index:var(--z-drawer);background:var(--overlay);position:fixed;inset:0}.drawer.is-static{z-index:var(--z-base);min-height:calc(var(--snav-h) * 10);position:relative;inset:auto}.dpanel{width:min(var(--drawer-w), 100%);background:var(--bg);padding:var(--space-6) var(--space-8) var(--space-12);box-shadow:var(--shadow-card);position:absolute;top:0;bottom:0;left:0;overflow:auto}.dpanel .close{margin-bottom:var(--space-6)}.flabel{font-size:var(--fs-label);line-height:var(--lh-label);letter-spacing:var(--ls-label);font-weight:var(--fw-label);text-transform:uppercase;color:var(--ink-2)}.dpanel .flabel{margin-top:var(--space-8)}.dl{gap:var(--space-3);margin-top:var(--space-3);flex-direction:column;display:flex}.dl a,.dl .off{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);text-underline-offset:var(--space-1)}.dl .off{align-items:center;gap:var(--space-3);color:var(--ink-2);flex-wrap:wrap;display:inline-flex}.dl.big a{font-family:var(--font-heading);font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:var(--fw-h3);color:var(--accent)}.dl a:hover,.dl a.is-hover{text-decoration:underline}.gs-p{top:100%;right:var(--hin-pad);width:min(var(--search-w), calc(100% - 2 * var(--hin-pad)));z-index:var(--z-search);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex;position:absolute}.gs-p.is-static{width:100%;max-width:var(--search-w);position:relative;top:auto;right:auto}.gs-r{flex-direction:column;display:flex}.gs-i{gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-sm);flex-direction:column;display:flex}.gs-i:hover,.gs-i.is-hover,.gs-r [aria-selected=true] .gs-i{background:var(--bg-2)}.gs-i .gs-t{font-weight:var(--fw-semibold)}.gs-k{font-size:var(--fs-label);line-height:var(--lh-label);letter-spacing:var(--ls-label);font-weight:var(--fw-label);text-transform:uppercase;color:var(--accent)}.gs-s{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--ink-2)}.gs-s:empty{display:none}.ftr{background:var(--bg-3)}.ftr .wrap{padding-top:var(--space-14);padding-bottom:var(--space-14)}.ftop{gap:var(--space-20);display:flex}.fl{flex:0 0 var(--footer-col)}.ftag{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);padding:var(--space-10) 0 0}.fgrid{gap:var(--space-14);flex:1;grid-template-columns:repeat(3,1fr);align-items:start;display:grid}.fgrid .flabel{margin-bottom:var(--space-5)}.fgrid ul{gap:var(--space-3);flex-direction:column;display:flex}.fgrid ul a,.fgrid ul .off{font-size:var(--fs-body);line-height:var(--lh-body)}.fgrid ul .off{color:var(--ink-2)}.fgrid ul .segera{font-size:var(--fs-small);line-height:var(--lh-small);white-space:nowrap}.fgrid ul a:hover,.fgrid ul a.is-hover,.flinks a:hover,.flinks a.is-hover{text-underline-offset:var(--space-1);text-decoration:underline}.fbot{margin-top:var(--space-14);border-top:1px solid var(--line);padding-top:var(--space-6);gap:var(--space-2);font-size:var(--fs-small);line-height:var(--lh-small);flex-direction:column;display:flex}.flinks{gap:var(--space-4);flex-wrap:wrap;display:flex}@media (max-width:1023px){.mp,.hl .tl,.hr .tl{display:none}.min{justify-content:space-between}.ftop{gap:var(--space-14);flex-direction:column}.fl{flex:none}}@media (max-width:767px){.logo .tg{font-size:var(--fs-small);line-height:var(--lh-small)}.fgrid{grid-template-columns:1fr 1fr}}
}

@layer components {
.btn{justify-content:center;align-items:center;gap:var(--space-3);min-height:var(--control-h);padding:var(--space-2) var(--btn-pad-x);border-radius:var(--radius-sm);border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);font-family:var(--font-body);font-size:var(--fs-button);line-height:var(--lh-button);letter-spacing:var(--ls-button);font-weight:var(--fw-button);text-align:center;cursor:pointer;transition:background-color var(--dur-card) var(--ease), border-color var(--dur-card) var(--ease), color var(--dur-card) var(--ease);display:inline-flex}.btn .icon{width:var(--icon-sm);height:var(--icon-sm)}.btn:hover,.btn.is-hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn:active,.btn.is-active{background:var(--accent-active);border-color:var(--accent-active)}.btn:disabled,.btn[aria-disabled=true],.btn.is-disabled{background:var(--mute);border-color:var(--mute);color:var(--on-accent);cursor:default;pointer-events:none}.btn[aria-busy=true]{cursor:progress}.btn-outline{color:var(--accent);background:0 0}.btn-outline:hover,.btn-outline.is-hover{background:var(--accent-tint);border-color:var(--accent)}.btn-outline:active,.btn-outline.is-active{background:var(--accent-tint-2);border-color:var(--accent)}.btn-outline:disabled,.btn-outline[aria-disabled=true],.btn-outline.is-disabled{border-color:var(--mute);color:var(--mute);background:0 0}.btn-block{width:100%}.btns{gap:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.spin{width:var(--spinner);height:var(--spinner);animation:putar var(--dur-spin) linear infinite}@keyframes putar{to{transform:rotate(360deg)}}.all{text-underline-offset:var(--focus-offset);white-space:nowrap;font-size:var(--fs-body);line-height:var(--lh-body);transition:color var(--dur-card) var(--ease);text-decoration:underline}.all:hover,.all.is-hover{color:var(--accent)}.all:active,.all.is-active{color:var(--accent-active)}.link{color:var(--accent);text-underline-offset:var(--focus-offset);text-decoration:underline}.link:hover,.link.is-hover{color:var(--accent-hover);text-decoration-thickness:var(--border-thick)}.arrow{width:var(--arrow);height:var(--arrow);color:var(--ink);transition:color var(--dur-card) var(--ease);place-items:center;display:grid}.arrow .icon{width:var(--icon-md);height:var(--icon-md)}.arrow:hover,.arrow.is-hover{color:var(--accent)}.arrow:disabled,.arrow.is-disabled{color:var(--mute);cursor:default}.save{z-index:var(--z-over);width:var(--save-w);height:var(--save-h);color:var(--ink);transition:color var(--dur-card) var(--ease);flex:none;display:block;position:relative}.save:before{content:"";inset:calc(-1 * var(--space-3));position:absolute}.save-txt:before{inset:calc(-1 * var(--space-3)) calc(-1 * var(--space-2))}.save svg{width:var(--save-w);height:var(--save-h);display:block}.save:hover,.save.is-hover,.save[aria-pressed=true]{color:var(--accent)}.save[aria-pressed=true] path{fill:currentColor}.save-txt{align-items:center;gap:var(--space-2);width:auto;font-size:var(--fs-small);line-height:var(--lh-small);display:inline-flex}.cat{z-index:var(--z-over);min-width:0;padding-block:var(--space-1);margin-block:calc(-1 * var(--space-1));text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-label);line-height:var(--lh-label);letter-spacing:var(--ls-label);font-weight:var(--fw-label);text-transform:uppercase;color:var(--accent);position:relative;overflow:hidden}a.cat:hover,a.cat.is-hover{text-underline-offset:var(--focus-offset);text-decoration:underline}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{align-items:center;gap:var(--space-1-5);min-height:var(--chip-h);padding:0 var(--space-4);border:1px solid var(--control);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink);font-size:var(--fs-body);line-height:var(--lh-body);transition:background-color var(--dur-card) var(--ease), border-color var(--dur-card) var(--ease);display:inline-flex}.chip .n{color:var(--ink-2)}.chip:hover,.chip.is-hover{background:var(--accent-tint)}.chip[aria-pressed=true],.chip[aria-current=page],.chip.is-active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.chip[aria-pressed=true] .n,.chip.is-active .n{color:var(--on-accent)}.chip:disabled,.chip.is-disabled{border-color:var(--mute);color:var(--mute);background:var(--bg);cursor:default}.chip-status{padding:var(--space-half) var(--space-2);border:1px solid var(--control);border-radius:var(--radius-sm);font-size:var(--fs-label);line-height:var(--lh-label);letter-spacing:var(--ls-label);font-weight:var(--fw-label);text-transform:uppercase;color:var(--ink-2);white-space:nowrap;align-items:center;display:inline-flex}.crumbs ol{gap:var(--space-2);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--ink-2);flex-wrap:wrap;display:flex}.crumbs li{gap:var(--space-2);display:inline-flex}.crumbs li+li:before{content:"/";color:var(--mute)}.crumbs a:hover,.crumbs a.is-hover{color:var(--accent);text-underline-offset:var(--focus-offset);text-decoration:underline}.crumbs [aria-current=page]{color:var(--ink)}.pager{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.pager-n,.pager-gap{min-width:var(--page-n);height:var(--page-n);font-size:var(--fs-body);border-radius:var(--radius-sm);font-variant-numeric:tabular-nums;place-items:center;display:inline-grid}a.pager-n:hover,.pager-n.is-hover,.pager-btn:hover,.pager-btn.is-hover{background:var(--accent-tint)}.pager-n[aria-current=page]{box-shadow:inset 0 calc(-1 * var(--border-thick)) 0 var(--accent);color:var(--accent);font-weight:var(--fw-semibold);border-radius:0}.pager-btn{align-items:center;gap:var(--space-2);height:var(--page-n);padding:0 var(--space-3);border-radius:var(--radius-sm);font-size:var(--fs-body);display:inline-flex}.pager-btn .icon{width:var(--icon-xs);height:var(--icon-xs)}.pager-btn[aria-disabled=true]{color:var(--mute);cursor:default;background:0 0}.tabs{gap:var(--space-6);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.tab{padding:var(--space-3) 0;color:var(--ink-2)}.tab:hover,.tab.is-hover{color:var(--accent)}.tab[aria-current=page]{color:var(--accent);box-shadow:inset 0 calc(-1 * var(--border-thick)) 0 var(--accent)}.toast{left:50%;bottom:var(--space-6);z-index:var(--z-toast);max-width:min(var(--toast-max), calc(100% - 2 * var(--space-4)));align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);background:var(--toast-bg);color:var(--on-toast);box-shadow:var(--shadow-card);font-size:var(--fs-body);display:inline-flex;position:fixed;transform:translate(-50%)}.toast.is-static{max-width:var(--toast-max);position:relative;bottom:auto;left:auto;transform:none}.toast .icon{width:var(--icon-xs);height:var(--icon-xs)}.page-head{padding-top:var(--space-12);padding-bottom:var(--space-14);gap:var(--space-4);flex-direction:column;display:flex}.page-head .cat{white-space:normal}.page-head .lead{max-width:var(--read-max);color:var(--ink);margin:0}.page-head.center{text-align:center;align-items:center}.page-head.center .lead{margin:0 auto}.page-head-meta{gap:var(--space-4);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--ink-2);flex-wrap:wrap;display:flex}.fmsg{align-items:flex-start;gap:var(--space-2);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--accent);display:flex}.fmsg .icon{width:var(--icon-xs);height:var(--icon-xs);margin-top:var(--space-half)}.fmsg-info{color:var(--ink-2)}.empty{border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-8) var(--space-6);align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;display:flex}.empty .icon{width:var(--icon-lg);height:var(--icon-lg);color:var(--pendukung)}.tbl-w{overflow-x:auto}@media (max-width:767px){.pager-t{display:none}.page-head{padding-top:var(--space-8)}}.ds-nav{z-index:var(--z-sticky);background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0}.ds-nav ul{gap:var(--space-4);padding-top:var(--space-3);padding-bottom:var(--space-3);font-size:var(--fs-small);line-height:var(--lh-small);white-space:nowrap;display:flex;overflow-x:auto}.ds-nav a{text-underline-offset:var(--space-half);text-decoration:underline}.ds-sec{border-top:1px solid var(--line)}.ds-sec>.wrap{padding-top:var(--space-16);padding-bottom:var(--space-16);gap:var(--space-10);flex-direction:column;display:flex}.ds-h{gap:var(--space-2);flex-direction:column;display:flex}.ds-h p{color:var(--ink-2);max-width:var(--read-max)}.ds-sub{gap:var(--space-5);flex-direction:column;display:flex}.ds-sub>h3{font-size:var(--fs-h5);line-height:var(--lh-h5);font-weight:var(--fw-h5)}.ds-row{gap:var(--space-6) var(--space-8);flex-wrap:wrap;align-items:flex-end;display:flex}.ds-state{gap:var(--space-2);flex-direction:column;align-items:flex-start;display:flex}.ds-state>small{font-size:var(--fs-credit);line-height:var(--lh-credit);color:var(--ink-2)}.ds-grid{grid-template-columns:repeat(auto-fill, minmax(calc(var(--thumb-video) * 1.5), 1fr));gap:var(--space-6);display:grid}.ds-swatch{gap:var(--space-1);font-size:var(--fs-small);line-height:var(--lh-small);flex-direction:column;display:flex}.ds-swatch .chip-w{height:var(--space-16);border:1px solid var(--line);border-radius:var(--radius-sm)}.ds-swatch code{font-family:var(--font-body);color:var(--ink-2)}.ds-scale{gap:var(--space-2);grid-template-columns:repeat(10,1fr);display:grid}.ds-type{gap:var(--space-6);flex-direction:column;display:flex}.ds-type>div{grid-template-columns:calc(var(--footer-col) / 2) 1fr;gap:var(--space-6);border-top:1px solid var(--line);padding-top:var(--space-4);align-items:baseline;display:grid}.ds-type small{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--ink-2)}.ds-bar{height:var(--space-4);background:var(--pendukung)}.ds-box{width:var(--space-20);height:var(--space-20);border:1px solid var(--control);font-size:var(--fs-small);place-items:center;display:grid}.ds-table{border-collapse:collapse;width:100%;font-size:var(--fs-small);line-height:var(--lh-small)}.ds-table small{font-size:var(--fs-label);line-height:var(--lh-label);color:var(--ink-2)}.ds-table th,.ds-table td{overflow-wrap:anywhere;border-top:1px solid var(--line);padding:var(--space-2) var(--space-3) var(--space-2) 0;text-align:left;vertical-align:top}.ds-frame{border:1px dashed var(--control);position:relative;overflow:hidden}.ds-icons{grid-template-columns:repeat(auto-fill, minmax(calc(var(--avatar) * 2), 1fr));gap:var(--space-4);display:grid}.ds-icons div{align-items:center;gap:var(--space-2);font-size:var(--fs-credit);color:var(--ink-2);text-align:center;flex-direction:column;display:flex}.ds-icons .icon{width:var(--icon-md);height:var(--icon-md);color:var(--ink)}@media (max-width:767px){.ds-scale{grid-template-columns:repeat(5,1fr)}.ds-type>div{gap:var(--space-2);grid-template-columns:1fr}}.ds-sec .art-col{gap:var(--space-12);flex-direction:column;display:flex}
}

@layer components {
.media{background:var(--bg-3);position:relative;overflow:hidden}.media img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto;display:block}.media.r-sq img{aspect-ratio:1}.media.r-life img{aspect-ratio:1067/711}.media.ilus{background:var(--bg);border:1px solid var(--line)}.media.ilus img{object-fit:contain}.media .ph{aspect-ratio:3/2;background:var(--bg-3);width:100%;display:block}.media.r-sq .ph{aspect-ratio:1}.media.r-life .ph{aspect-ratio:1067/711}.credit{z-index:var(--z-over);background:var(--credit-bg);max-width:100%;color:var(--ink);font-size:var(--fs-credit);line-height:var(--lh-credit);padding:var(--space-half) var(--space-1-5);white-space:nowrap;text-overflow:ellipsis;margin:0;position:absolute;bottom:0;right:0;overflow:hidden}.credit a,.credit-line a{text-underline-offset:var(--space-half);text-decoration:underline}.credit a:hover,.credit a.is-hover,.credit-line a:hover,.credit-line a.is-hover{text-decoration-thickness:var(--border-thick)}.credit-line{z-index:var(--z-over);font-size:var(--fs-credit);line-height:var(--lh-credit);color:var(--ink-2);position:relative}.fig{gap:var(--space-3);flex-direction:column;display:flex}.fig img{width:100%;height:auto;display:block}.fig figcaption{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--ink-2)}.fig .kredit{font-size:var(--fs-credit);line-height:var(--lh-credit);display:block}.fig .kredit a{text-underline-offset:var(--space-half);text-decoration:underline}.hero-media{max-width:var(--media-max);margin:0 auto}
}

@layer components {
.card{transition:background-color var(--dur-card) var(--ease), box-shadow var(--dur-card) var(--ease);position:relative}.card:hover,.card.is-hover{background:var(--hov);box-shadow:0 0 0 var(--card-halo) var(--hov)}.card .body{margin-top:var(--space-6);gap:var(--space-3);flex-direction:column;display:flex}.card .meta{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--space-5);display:flex}.stretch:after{content:"";inset:var(--stretch-inset);z-index:var(--z-stretch);position:absolute}.card h3 a:hover,.card h3 a.is-hover,.card.is-hover h3 a{text-decoration:underline;text-decoration-thickness:var(--border-hair);text-underline-offset:var(--space-1)}.card h3 a:focus-visible{outline-offset:var(--focus-offset)}.dek{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg)}.dek.sm{font-size:var(--fs-body);line-height:var(--lh-body)}.by{font-size:var(--fs-body);line-height:var(--lh-body);font-weight:var(--fw-medium);color:var(--ink-2)}.by.sm{font-size:var(--fs-small);line-height:var(--lh-small)}.card-off{cursor:default}.card-off:hover{box-shadow:none;background:0 0}.hero-grid{row-gap:var(--space-24);grid-template-columns:repeat(6,1fr);display:grid}.hero-main{gap:var(--space-10);grid-column:1/-1;grid-template-columns:2fr 1fr;align-items:center;display:grid}.hero-main .body{margin-top:0}.hero-a{grid-column:1/span 2}.hero-b{grid-column:4/span 3}.rows{gap:var(--space-10);flex-direction:column;display:flex}.row{gap:var(--space-10);grid-template-columns:1fr 1fr;align-items:center;display:grid}.row .body{margin-top:0}.life-card{width:var(--life-w);text-align:center;margin:0 auto}.life-card .meta{gap:var(--space-2);flex-direction:column-reverse;justify-content:center}.life-card .body{align-items:center}.mini .media{flex:none}.mini.video{align-items:flex-start;gap:var(--space-3);display:flex}.mini.video .media{width:var(--thumb-video)}.mini.video .body{margin-top:var(--space-2);gap:var(--space-1-5);flex:1;min-width:0}.mini.note{align-items:flex-start;gap:var(--space-4);display:flex}.mini.note .media{width:var(--thumb-note)}.mini.note .body{gap:var(--space-1-5);flex:1;min-width:0;margin-top:0}.mini .meta .chip-status{z-index:var(--z-over);position:relative}.notes{grid-template-columns:1fr var(--border-hair) 1fr var(--border-hair) 1fr;column-gap:var(--space-5);row-gap:var(--space-10);align-items:start;display:grid}.vr{background:var(--line);align-self:stretch}.vlist{gap:var(--space-4);flex-direction:column;display:flex}.tcard,.qa{border-top:1px solid var(--line);padding-top:var(--space-6);gap:var(--space-3);flex-direction:column;display:flex}.faq{gap:var(--space-12) var(--space-10);grid-template-columns:1fr 1fr;display:grid}.qa h3{font-size:var(--fs-h4);line-height:var(--lh-h4);font-weight:var(--fw-h4)}.qa p{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg)}.qcard blockquote{font-family:var(--font-heading);font-size:var(--fs-h4);line-height:var(--lh-h4);font-weight:var(--fw-regular)}.qcard .atr{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--ink-2)}.qcard .atr a{text-underline-offset:var(--space-half);text-decoration:underline}.qcard .catatan{font-size:var(--fs-body);line-height:var(--lh-body)}.qcard .aksi{gap:var(--space-4);align-items:center;display:flex}.qgrid{gap:var(--space-12) var(--space-10);grid-template-columns:1fr 1fr;display:grid}.book{grid-template-columns:var(--book-cover) 1fr;gap:var(--space-6);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-6);align-items:start;display:grid}.book.no-cover{grid-template-columns:1fr}.book .cover{gap:var(--space-1);flex-direction:column;display:flex}.book .cover img{width:100%;height:auto;display:block}.book .cover .icon{width:var(--icon-lg);height:var(--icon-lg);color:var(--pendukung)}.book .info{gap:var(--space-2);flex-direction:column;display:flex}.book dl{gap:var(--space-1) var(--space-4);font-size:var(--fs-small);line-height:var(--lh-small);grid-template-columns:auto 1fr;display:grid}.book dt{color:var(--ink-2)}@media (max-width:1023px){.hero-main{gap:var(--space-6);grid-template-columns:3fr 2fr}.notes{row-gap:var(--space-5);grid-template-columns:1fr}.vr{height:var(--border-hair)}}@media (max-width:767px){.hero-grid{row-gap:var(--space-16);grid-template-columns:1fr}.hero-main,.hero-a,.hero-b{grid-column:1/-1}.hero-main{display:block}.hero-main .body{margin-top:var(--space-6)}.rows{gap:var(--space-16)}.row{display:block}.row .body{margin-top:var(--space-6)}.life-card{width:100%}.life-card .media img,.life-card .media .ph{aspect-ratio:3/2}.life-card .body{padding:0 var(--pad)}.vlist{gap:var(--space-6)}.faq,.qgrid{gap:var(--space-10);grid-template-columns:1fr}.book{grid-template-columns:1fr}.book .cover img{max-width:var(--book-cover)}}
}

@layer components {
.band{background:var(--bg);--hov:var(--bg-2)}.band.alt{background:var(--bg-2);--hov:var(--bg-3)}.band.ft3{background:var(--bg-3);--hov:var(--bg-2)}.p80{padding-top:var(--space-20);padding-bottom:var(--space-20)}.p96{padding-top:var(--space-24);padding-bottom:var(--space-24)}.p56{padding-top:var(--space-14);padding-bottom:var(--space-14)}.s-hero{padding-top:var(--space-4);padding-bottom:var(--space-24)}.sh{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-12);display:flex}.sh h2{font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:var(--ls-h1);font-weight:var(--fw-h1)}.sh h2.h40{font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--ls-h2);font-weight:var(--fw-h2)}.p56 .sh{margin-bottom:var(--space-10)}.sh.center{align-items:center;gap:var(--space-4);text-align:center;flex-direction:column}.g4{gap:var(--space-20) var(--space-10);grid-template-columns:repeat(4,1fr);align-items:start;display:grid}.g3{gap:var(--space-12) var(--space-10);grid-template-columns:repeat(3,1fr);align-items:start;display:grid}.g21{gap:var(--space-10);grid-template-columns:2fr 1fr;align-items:start;display:grid}.life{padding-top:var(--space-20);padding-bottom:var(--space-20);text-align:center}.car-head{padding-top:var(--space-24);justify-content:space-between;align-items:flex-end;gap:var(--space-4);display:flex}.car-head h2{font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:var(--ls-h1);font-weight:var(--fw-h1)}.arrows{gap:var(--space-4);flex:none;display:flex}.car-body{padding:var(--space-12) 0 var(--space-24);overflow:hidden}.track{gap:var(--space-10);scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(-1 * var(--pad));padding:0 var(--pad);scroll-padding-inline:var(--pad);scroll-behavior:smooth;display:flex;overflow-x:auto}.track::-webkit-scrollbar{display:none}.track>.card{flex:0 0 calc((100% - 2 * var(--space-10)) / 3);scroll-snap-align:start}.track.per4>.card{flex-basis:calc((100% - 3 * var(--space-10)) / 4)}.track .card:hover,.track .card.is-hover{box-shadow:none;background:0 0}.track .stretch:after{inset:0}.center{text-align:center}.center .sh{margin-bottom:var(--space-6)}.lead{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);max-width:var(--lead-max);margin:0 auto}.lead+.btn,.lead+.btns{margin-top:var(--space-10)}.center .btns{justify-content:center}.fine{max-width:var(--lead-max);margin:var(--space-6) auto 0;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--ink-2)}.rcols{gap:var(--space-14) var(--space-10);grid-template-columns:repeat(4,1fr);display:grid}.col .flabel{color:var(--accent)}.col .flabel a:hover,.col .flabel a.is-hover{text-underline-offset:var(--focus-offset);text-decoration:underline}.fdesc{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);margin:var(--space-4) 0 var(--space-5)}.col ul{gap:var(--space-3);flex-direction:column;display:flex}.col ul a{font-size:var(--fs-body);line-height:var(--lh-body)}.col ul a:hover,.col ul a.is-hover{text-underline-offset:var(--focus-offset);text-decoration:underline}@media (max-width:1023px){.g4{gap:var(--space-14) var(--space-6);grid-template-columns:repeat(2,1fr)}.g3,.rcols{grid-template-columns:repeat(2,1fr)}.track>.card{flex-basis:calc((100% - var(--space-10)) / 2)}.track.per4>.card{flex-basis:calc((100% - 2 * var(--space-10)) / 3)}.vid.g21{gap:var(--space-12);grid-template-columns:1fr}}@media (max-width:767px){.p80,.p96{padding-top:var(--space-16);padding-bottom:var(--space-16)}.s-hero{padding-top:var(--space-3);padding-bottom:var(--space-16)}.g4,.g3{gap:var(--space-12);grid-template-columns:1fr}.g21{gap:var(--space-16);grid-template-columns:1fr}.vid.g21{gap:var(--space-12)}.life{padding:var(--space-16) 0}.life .sh{padding:0 var(--pad)}.car-head{padding-top:var(--space-16)}.car-body{padding:var(--space-12) 0 var(--space-16)}.track{gap:var(--space-6)}.track>.card,.track.per4>.card{flex-basis:calc(100% - var(--space-8) - var(--space-1))}.rcols{gap:var(--space-12) var(--space-6);grid-template-columns:1fr 1fr}.fdesc{display:none}.col .flabel{margin-bottom:var(--space-5)}}
}

@layer components {
.field{gap:var(--space-2);flex-direction:column;display:flex}.label{font-size:var(--fs-body);line-height:var(--lh-body);font-weight:var(--fw-semibold)}.label .opsional{font-weight:var(--fw-regular);color:var(--ink-2)}.help{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--ink-2)}.input,.select,.textarea{width:100%;min-height:var(--control-h);padding:var(--space-3) var(--space-4);border:1px solid var(--control);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink);font-size:var(--fs-body);line-height:var(--lh-body);transition:border-color var(--dur-card) var(--ease)}.input::placeholder,.textarea::placeholder{color:var(--ink-2);opacity:1}.input:hover,.select:hover,.textarea:hover,.input.is-hover,.select.is-hover,.textarea.is-hover{border-color:var(--control-hover)}.select:hover,.select.is-hover{border-color:var(--accent)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible,.input.is-focus,.select.is-focus,.textarea.is-focus{border-color:var(--accent);box-shadow:inset 0 0 0 var(--border-hair) var(--accent);outline:var(--border-focus) solid var(--accent);outline-offset:var(--focus-offset)}.input:disabled,.select:disabled,.textarea:disabled,.input.is-disabled,.select.is-disabled,.textarea.is-disabled{background:var(--disabled-bg);border-color:var(--mute);color:var(--ink-2);cursor:default}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--accent);box-shadow:inset 0 0 0 var(--border-hair) var(--accent)}.input,.select{height:var(--control-h);padding-top:0;padding-bottom:0}.textarea{min-height:var(--textarea-min);font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);resize:vertical}.select{appearance:none;padding-right:var(--space-10);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - var(--space-5)) 50%, calc(100% - var(--space-4)) 50%;background-size:var(--space-1-5) var(--space-1-5);cursor:pointer;background-repeat:no-repeat}.input-w{display:block;position:relative}.input-w .lead-ic{left:var(--space-4);width:var(--icon-sm);height:var(--icon-sm);color:var(--ink-2);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-w.has-ic .input{padding-left:calc(var(--space-4) + var(--icon-sm) + var(--space-3))}.input.lg{min-height:var(--control-h-lg)}.check{align-items:flex-start;gap:var(--space-3);cursor:pointer;font-size:var(--fs-body);line-height:var(--lh-body);display:inline-flex}.check input{appearance:none;width:var(--check);height:var(--check);margin:var(--space-half) 0 0;border:1px solid var(--control);border-radius:var(--radius-none);background:var(--bg);cursor:pointer;transition:border-color var(--dur-card) var(--ease), background-color var(--dur-card) var(--ease);flex:none;place-items:center;display:grid}.check input[type=checkbox]{border-radius:calc(var(--radius-sm) / 2)}.check input[type=radio]{border-radius:var(--radius-full)}.check:hover input,.check.is-hover input{border-color:var(--accent)}.check input:checked{background:var(--accent);border-color:var(--accent)}.check input[type=checkbox]:checked:after{content:"";width:var(--space-1-5);height:calc(var(--space-2) + var(--space-half));border:solid var(--on-accent);transform:translateY(calc(-1 * var(--space-half))) rotate(45deg);border-width:0 2px 2px 0}.check input[type=radio]:checked:after{content:"";width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:var(--on-accent)}.check input:disabled{border-color:var(--mute);background:var(--disabled-bg);cursor:default}.check input:disabled:checked{background:var(--mute)}.check:has(input:disabled){color:var(--mute);cursor:default}.likert{gap:var(--space-2);grid-template-columns:repeat(5,1fr);display:grid}.likert legend{margin-bottom:var(--space-4)}.likert label{display:flex;position:relative}.likert input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.likert span{min-height:var(--control-h);padding:var(--space-2) var(--space-3);border:1px solid var(--control);border-radius:var(--radius-sm);text-align:center;font-size:var(--fs-small);line-height:var(--lh-small);transition:background-color var(--dur-card) var(--ease), border-color var(--dur-card) var(--ease);flex:1;place-items:center;display:grid}.likert label:hover span,.likert label.is-hover span{background:var(--accent-tint)}.likert input:focus-visible+span,.likert label.is-focus span{outline:var(--border-focus) solid var(--accent);outline-offset:var(--focus-offset)}.likert input:checked+span,.likert label.is-active span{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:var(--fw-semibold)}.cari-f{gap:var(--space-3);width:100%;max-width:var(--read-max);align-items:stretch;display:flex}.cari-f .input-w{flex:1}.form-row{gap:var(--space-4);flex-wrap:wrap;align-items:flex-end;display:flex}.form-stack{gap:var(--space-6);flex-direction:column;display:flex}@media (max-width:767px){.likert{grid-template-columns:1fr}.cari-f{flex-direction:column}}
}

@layer components {
.helpbox{max-width:var(--helpbox-max);margin:var(--space-10) auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:var(--space-8) 0;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.helpbox .cat{white-space:normal}.helpbox .big a{text-decoration:underline;text-decoration-thickness:var(--border-hair);text-underline-offset:var(--space-1)}.helpbox .big a:hover,.helpbox .big a.is-hover{color:var(--accent)}.helpbox .t-small a{text-underline-offset:var(--space-half);text-decoration:underline}.kb{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg);padding:var(--space-6);gap:var(--space-3);flex-direction:column;display:flex}.kb-h{align-items:center;gap:var(--space-2);color:var(--accent);display:flex}.kb-h .icon{width:var(--icon-md);height:var(--icon-md)}.kb-t{font-family:var(--font-heading);font-size:var(--fs-h4);line-height:var(--lh-h4);font-weight:var(--fw-h4)}.kb ul{gap:var(--space-3);flex-direction:column;display:flex}.kb li{gap:var(--space-1);flex-direction:column;display:flex}.kb li a{color:var(--accent);font-weight:var(--fw-semibold);text-underline-offset:var(--focus-offset);overflow-wrap:anywhere;text-decoration:underline}.kb li a:hover,.kb li a.is-hover{color:var(--accent-hover);text-decoration-thickness:var(--border-thick)}.kb-dicek{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--ink-2)}.kb-dicek a{text-underline-offset:var(--space-half);text-decoration:underline}.kb.penuh{padding:var(--space-8);gap:var(--space-4)}.kb.penuh .kb-t{font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:var(--fw-h3)}.kb-dir{border-top:1px solid var(--line);padding-top:var(--space-4)}.kb-tautan{align-items:center;gap:var(--space-2);display:inline-flex}.kb-tautan .icon{width:var(--icon-xs);height:var(--icon-xs)}@media (max-width:767px){.helpbox{margin:var(--space-8) auto}.kb,.kb.penuh{padding:var(--space-5)}}
}

@layer components {
.panel-alat{width:100%;max-width:var(--read-max);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg);padding:var(--space-8);gap:var(--space-6);flex-direction:column;margin:0 auto;display:flex}.panel-alat-t{font-family:var(--font-heading);font-size:var(--fs-h4);line-height:var(--lh-h4);font-weight:var(--fw-h4)}.panel-status{align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);text-align:center;color:var(--ink-2);flex-direction:column;display:flex}.panel-status .icon{width:var(--icon-lg);height:var(--icon-lg);color:var(--pendukung)}.panel-status.galat{color:var(--ink)}.panel-status.galat .icon{color:var(--accent)}.privasi{align-items:flex-start;gap:var(--space-2);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--ink-2);max-width:var(--read-max);margin:0 auto;display:flex}.privasi .icon{width:var(--icon-xs);height:var(--icon-xs);margin-top:var(--space-half);color:var(--pendukung)}.ekspor-hapus{gap:var(--space-3);max-width:var(--read-max);flex-wrap:wrap;align-items:center;margin:0 auto;display:flex}.konfirmasi{border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-3);flex-direction:column;flex-basis:100%;display:flex}.progres{gap:var(--space-2);flex-direction:column;display:flex}.progres-trek{height:var(--border-progress);background:var(--line);border-radius:var(--radius-full);overflow:hidden}.progres-isi{background:var(--pendukung);border-radius:var(--radius-full);height:100%;transition:width var(--dur-nav) var(--ease);display:block}.progres-teks{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--ink-2)}.chat{gap:var(--space-4);flex-direction:column;display:flex}.bubble{max-width:85%;font-size:var(--fs-body);line-height:var(--lh-body)}.bubble.pengguna{border:1px solid var(--accent-tint-2);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);align-self:flex-end}.bubble.pemandu{border-left:2px solid var(--pendukung);padding:var(--space-1) 0 var(--space-1) var(--space-4);align-self:flex-start}.bubble.status{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--ink-2);text-align:center;align-self:center}.mengetik{gap:var(--space-1);min-height:var(--space-6);align-items:center;display:inline-flex}.mengetik i{width:var(--dot);height:var(--dot);border-radius:var(--radius-full);background:var(--pendukung);animation:titik var(--dur-dot) var(--ease) infinite}.mengetik i:nth-child(2){animation-delay:calc(var(--dur-dot) / 6)}.mengetik i:nth-child(3){animation-delay:calc(var(--dur-dot) / 3)}@keyframes titik{0%,80%,to{opacity:.3}40%{opacity:1}}.batasan{border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--fs-small);line-height:var(--lh-small)}.kuota{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--ink-2)}@media (max-width:767px){.panel-alat{padding:var(--space-5)}}
}

@layer components {
.art-col{max-width:var(--read-max);margin:0 auto}.art-head{gap:var(--space-4);padding-top:var(--space-12);padding-bottom:var(--space-10);flex-direction:column;display:flex}.art-head .cat{white-space:normal;align-self:flex-start}.art-dek{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);color:var(--ink-2)}.art-meta{justify-content:space-between;align-items:center;gap:var(--space-4);border-top:1px solid var(--line);padding-top:var(--space-4);flex-wrap:wrap;display:flex}.art-meta-i{align-items:center;gap:var(--space-2) var(--space-4);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--ink-2);flex-wrap:wrap;display:flex}.art-meta-i a{color:var(--accent);text-underline-offset:var(--focus-offset);text-decoration:underline}.art-meta-i .ic{align-items:center;gap:var(--space-1);display:inline-flex}.art-meta-i .icon{width:var(--icon-xs);height:var(--icon-xs)}.art-aksi{align-items:center;gap:var(--space-4);display:flex}.kotak{border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-6);gap:var(--space-3);flex-direction:column;display:flex}.kotak-h{align-items:center;gap:var(--space-2);color:var(--accent);display:flex}.kotak-h .icon{width:var(--icon-md);height:var(--icon-md)}.ringkasan .isi,.ringkasan li{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg)}.ringkasan ul,.coba ol{gap:var(--space-2);padding-left:var(--space-6);flex-direction:column;display:flex}.ringkasan ul{list-style:outside}.ringkasan li::marker{color:var(--accent)}.coba{border-color:var(--accent)}.coba ol{list-style:decimal}.coba li::marker{color:var(--accent);font-weight:var(--fw-semibold)}.coba .catatan{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--ink-2)}.coba .btns{margin-top:var(--space-2)}.toc{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:var(--space-5) 0}.toc summary{justify-content:space-between;align-items:center;gap:var(--space-3);cursor:pointer;list-style:none;display:flex}.toc summary::-webkit-details-marker{display:none}.toc summary .icon{width:var(--icon-sm);height:var(--icon-sm);transition:transform var(--dur-card) var(--ease)}.toc[open] summary .icon{transform:rotate(180deg)}.toc ol{margin-top:var(--space-4);gap:var(--space-2);counter-reset:toc;flex-direction:column;display:flex}.toc li{font-size:var(--fs-body);line-height:var(--lh-body)}.toc li.l3{padding-left:var(--space-5);font-size:var(--fs-small);line-height:var(--lh-small)}.toc a:hover,.toc a.is-hover{color:var(--accent);text-underline-offset:var(--focus-offset);text-decoration:underline}.toc a[aria-current=true],.toc a.is-active{color:var(--accent);font-weight:var(--fw-semibold)}.prose{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg)}.prose>*+*{margin-top:var(--space-6)}.prose h2{margin-top:var(--space-14)}.prose h3{margin-top:var(--space-10)}.prose h2+*,.prose h3+*{margin-top:var(--space-4)}.prose a{color:var(--accent);text-underline-offset:var(--focus-offset);text-decoration:underline}.prose a:hover,.prose a.is-hover{color:var(--accent-hover);text-decoration-thickness:var(--border-thick)}.prose ul,.prose ol{padding-left:var(--space-6);gap:var(--space-2);flex-direction:column;display:flex}.prose ul{list-style:outside}.prose ol{list-style:decimal}.prose li::marker{color:var(--accent)}.prose blockquote{border-left:2px solid var(--accent);padding-left:var(--space-5)}.prose figure{margin-top:var(--space-8);margin-bottom:var(--space-8)}.prose figcaption{margin-top:var(--space-3);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--ink-2)}.prose table{border-collapse:collapse;width:100%;font-size:var(--fs-body);line-height:var(--lh-body)}.prose th,.prose td{border:1px solid var(--line);padding:var(--space-2) var(--space-3);text-align:left;vertical-align:top}.prose th{font-size:var(--fs-label);line-height:var(--lh-label);letter-spacing:var(--ls-label);font-weight:var(--fw-label);text-transform:uppercase}.prose code{font-family:var(--font-body);background:var(--bg-2);border-radius:calc(var(--radius-sm) / 2);padding:0 var(--space-1)}.penulis{border-top:1px solid var(--line);padding-top:var(--space-6);grid-template-columns:var(--avatar) 1fr;gap:var(--space-4);align-items:start;display:grid}.penulis img{width:var(--avatar);height:var(--avatar);object-fit:cover;display:block}.penulis .info{gap:var(--space-1-5);flex-direction:column;display:flex}.penulis .nama a:hover,.penulis .nama a.is-hover{text-underline-offset:var(--space-1);text-decoration:underline}.penulis .peran,.penulis .peninjau{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--ink-2)}.penulis .peninjau{margin-top:var(--space-2);border-top:1px solid var(--line);padding-top:var(--space-2)}.sumber ol{padding-left:var(--space-6);gap:var(--space-3);font-size:var(--fs-small);line-height:var(--lh-small);flex-direction:column;list-style:decimal;display:flex}.sumber h2{margin-bottom:var(--space-4)}.sumber a{color:var(--accent);text-underline-offset:var(--space-half);overflow-wrap:anywhere;text-decoration:underline}.sumber a:hover,.sumber a.is-hover{text-decoration-thickness:var(--border-thick)}.sumber .diakses{color:var(--ink-2)}.bagikan{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.bagikan .btn{min-height:var(--chip-h);padding:var(--space-2) var(--space-5)}.art-stack{gap:var(--space-10);flex-direction:column;display:flex}@media (max-width:767px){.art-head{padding-top:var(--space-8)}.kotak{padding:var(--space-5)}}
}

@layer components {
.angka-display{font-family:var(--font-heading);font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:var(--ls-display);font-weight:var(--fw-display);font-variant-numeric:tabular-nums;color:var(--ink)}.hsel{width:var(--habit-cell);height:var(--habit-cell);border:1px solid var(--control);border-radius:var(--radius-sm);background:var(--bg);color:var(--on-accent);transition:background-color var(--dur-card) var(--ease), border-color var(--dur-card) var(--ease);place-items:center;display:inline-grid}.hsel .icon{width:var(--icon-xs);height:var(--icon-xs)}.hsel:hover,.hsel.is-hover{border-color:var(--accent)}.hsel[aria-pressed=true],.hsel.is-active{background:var(--accent);border-color:var(--accent)}.hsel.hari-ini{border:2px solid var(--accent)}.hsel:disabled{border-color:var(--mute);background:var(--disabled-bg);cursor:default}.rantai{gap:var(--space-1);flex-direction:column;display:inline-flex}.rantai .t-h3{font-variant-numeric:tabular-nums}
}

@layer components {
.filter-bar{justify-content:space-between;align-items:flex-end;gap:var(--space-4) var(--space-8);padding-bottom:var(--space-6);margin-bottom:var(--space-12);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.filter-bar .field{min-width:calc(var(--avatar) * 3)}.daftar-kosong{margin:var(--space-12) 0}.pager-w{margin-top:var(--space-16);justify-content:center;display:flex}
}

@layer pages {

}

@layer pages {

}

@layer pages {

}

@layer pages {

}

@layer pages {

}

@layer pages {

}

@layer pages {

}

@layer pages {

}

@layer pages {

}

@layer pages {

}

@layer pages {

}

@layer pages {

}

@layer pages {

}

@layer tokens,base,components,pages;