@layer components {
.x-feat{background:var(--panel)}.x-feat .ph{height:var(--feat-ph-h)}.x-feat-b{padding:var(--space-5)}.x-feat-t{font-size:var(--fs-feat);line-height:var(--lh-feat);font-weight:var(--fw-heading);min-height:var(--feat-t-min)}.x-feat-x{font-size:var(--fs-sm);line-height:var(--lh-sm);font-weight:var(--fw-regular);min-height:var(--feat-x-min)}.x-feat .meta{justify-content:flex-start;gap:var(--space-4)}.x-fp-h{font-size:var(--fs-more);line-height:var(--lh-more);font-weight:var(--fw-semibold);color:var(--heading);padding-bottom:var(--space-1);border-bottom:var(--border-thick) solid var(--brand)}.x-fp-i{padding:var(--space-4) 0;border-bottom:var(--border-thick) solid var(--line)}.x-fp-i:first-of-type{padding-top:var(--space-3)}.x-fp-i:last-of-type{border-bottom:0}.x-fp-i .meta{margin-top:var(--space-2)}.x-fp-i .ex{margin-top:var(--space-1)}.x-fp-n{grid-template-columns:var(--ic-size) minmax(0, 1fr);gap:var(--space-3);align-items:start;display:grid}.x-card .ph{height:var(--card-ph-h)}.x-card .ttl{margin:var(--space-2) 0 var(--space-3);min-height:var(--card-t-min)}.x-card .ex{margin-bottom:var(--space-2);min-height:var(--card-x-min)}.x-card .au{font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--muted)}.x-card time{margin-top:var(--space-1-5);font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--muted);display:block}.x-tc-ph{display:none}.x-tc-b{height:100%;padding-bottom:var(--space-2);border-bottom:var(--border-thick) solid var(--line);flex-direction:column;display:flex}.x-tc .ex,.x-hc .ex,.x-ws-big .ex{margin-top:var(--space-2)}.x-tc .meta,.x-hc .meta,.x-ws-big .meta{padding-top:var(--space-2);margin-top:auto}.x-hc{grid-template-columns:var(--hc-ph-w) minmax(0, 1fr);gap:var(--space-2);display:grid}.x-hc .ph{height:var(--hc-ph-h)}.x-hc .x-tc-b{min-height:var(--hc-ph-h)}.x-kartu-kamus .meta span:first-child{font-weight:var(--fw-semibold);color:var(--brand)}.x-ws-big .ph{height:var(--ws-ph-h)}.x-ws-big .x-tc-b{margin-top:var(--space-2);min-height:var(--hc-ph-h)}.x-ws-i .meta{margin-top:var(--ws-meta-mt);padding-top:0}.x-ws-i .ex{margin-top:var(--space-1-5)}.x-ws-def{justify-content:flex-start}.x-ws-def span:first-child{flex:none}.x-ws-def-x{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.x-vc{flex:0 0 var(--vc-w);scroll-snap-align:start;border-bottom:var(--border-thick) solid var(--line)}.x-vc .ph{height:var(--vc-ph-h)}.x-vc h3{margin-top:var(--space-4);height:var(--vc-t-h);font-size:var(--fs-more);line-height:var(--lh-more);font-weight:var(--fw-heading)}.x-vc .meta{margin-top:var(--space-4)}.x-vc .dur{align-items:center;gap:var(--space-2);font-weight:var(--fw-semibold);display:inline-flex}.x-vc.sc .lab{margin-top:var(--space-4);font-size:var(--fs-sm);line-height:var(--lh-sm);font-weight:var(--fw-semibold);color:var(--muted)}.x-cvr{padding:var(--cvr-pad-t) var(--cvr-pad-x) var(--cvr-pad-b);flex-direction:column;display:flex;position:relative;overflow:hidden}.x-vc.sc .x-cvr{margin-top:var(--space-4);height:var(--cvr-h)}.x-cvr .k{font-size:var(--fs-label);line-height:var(--lh-label);letter-spacing:var(--ls-label);font-weight:var(--fw-semibold);text-transform:uppercase}.x-cvr .j{z-index:var(--z-raised);margin-top:var(--space-2-5);font-size:var(--fs-cover);line-height:var(--lh-cover);letter-spacing:var(--ls-cover);font-weight:var(--fw-extrabold);position:relative}.x-cvr:after{content:"";border-radius:var(--radius-full);position:absolute}.x-cvr-1{background:var(--brand);color:var(--on-dark)}.x-cvr-1 .k,.x-cvr-3 .k{color:var(--accent)}.x-cvr-1:after{width:var(--cvr1-dot);height:var(--cvr1-dot);right:var(--cvr1-dot-r);bottom:var(--cvr1-dot-b);background:var(--accent)}.x-cvr-2{background:var(--accent);color:var(--brand)}.x-cvr-2:after{width:var(--cvr2-ring);height:var(--cvr2-ring);right:var(--cvr2-ring-off);bottom:var(--cvr2-ring-off);border:var(--cvr2-ring-w) solid var(--brand)}.x-cvr-3{background:var(--dark);color:var(--on-dark)}.x-cvr-3:after{width:var(--cvr3-dot);height:var(--cvr3-dot);right:var(--cvr3-dot-r);top:var(--space-7);background:var(--brand)}.x-cvr-4{background:var(--accent-200);color:var(--brand)}.x-cvr-4:after{width:var(--cvr4-w);height:var(--cvr4-h);border-radius:var(--cvr4-w) var(--cvr4-w) 0 0;right:var(--space-5);background:var(--brand);bottom:0}.x-cvr-1 .j,.x-cvr-3 .j{color:var(--on-dark)}.x-cvr-2 .j,.x-cvr-4 .j{color:var(--brand)}.x-vc.sc .x-cvr:after{display:none}.x-cvr .cp{height:var(--cvr-ph-h);margin:0;position:absolute;bottom:0;left:0;right:0}.x-cvr .w{right:var(--space-2-5);bottom:var(--space-2);z-index:var(--z-decor-top);padding:var(--space-half) var(--space-1-5);background:var(--overlay-credit);position:absolute}.x-cvr .w img{height:var(--cvr-mark-h);width:auto}.x-opt{align-items:flex-start;gap:var(--space-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4-5) var(--space-3) var(--space-3);transition:border-color var(--dur-fast) var(--ease);display:flex;position:relative}.x-ic{width:var(--ic-size);height:var(--ic-size);border-radius:var(--radius-full);font-size:var(--fs-sm);line-height:var(--lh-none);font-weight:var(--fw-bold);flex:none;justify-content:center;align-items:center;display:flex}.x-ic-a{background:var(--brand);color:var(--on-dark)}.x-ic-b{background:var(--accent);color:var(--brand)}.x-ic-c{background:var(--dark);color:var(--accent)}.x-ic-d{background:var(--accent-200);color:var(--brand);box-shadow:inset 0 0 0 var(--hairline) var(--ic-d-ring)}.x-opt .tx{flex:1;min-width:0}.x-opt h3,.x-opt .nm{font-size:var(--fs-card-lg);line-height:var(--lh-card-lg);font-weight:var(--fw-heading);color:var(--heading);margin-top:calc(var(--space-half) * -1);display:block}.x-opt .ds{font-size:var(--fs-sm);line-height:var(--lh-sm);font-weight:var(--fw-regular);color:var(--text);display:block}.x-opt .pl{width:var(--ic-size);height:var(--ic-size);margin-left:var(--space-2);color:var(--brand);flex:none;display:flex}.x-opt .pl-ring{fill:none;stroke:currentColor;stroke-width:var(--ill-stroke)}.x-opt .pl-fill{fill:var(--brand)}.x-opt .pl-ck{fill:none;stroke:var(--on-dark);stroke-width:var(--ill-stroke)}.x-opt a:after{content:"";border-radius:var(--radius-md);position:absolute;inset:0}:is(.x-opt:has(a):hover,.x-opt.is-hover){border-color:var(--brand)}.x-opt h3 a:hover,.x-opt.is-hover h3 a{text-underline-offset:var(--underline-offset);text-decoration:underline}.x-opt:has(a:focus-visible){outline:var(--border-focus) solid var(--focus);outline-offset:var(--focus-offset)}.x-opt a:focus-visible{outline:0}label.x-opt{cursor:pointer}label.x-opt input{opacity:0;width:var(--hairline);height:var(--hairline);position:absolute}.x-opt .on,.x-opt input:checked~.pl .off{display:none}.x-opt input:checked~.pl .on{display:block}.x-opt input:checked~.tx .nm{color:var(--brand)}label.x-opt.is-checked{border-color:var(--brand);box-shadow:inset 0 0 0 var(--hairline) var(--brand)}label.x-opt:has(input:checked){border-color:var(--brand);box-shadow:inset 0 0 0 var(--hairline) var(--brand)}label.x-opt:hover,label.x-opt.is-hover{border-color:var(--line-strong)}label.x-opt:has(input:checked):hover{border-color:var(--brand)}label.x-opt.is-focus{outline:var(--border-focus) solid var(--focus);outline-offset:var(--focus-offset)}label.x-opt:has(input:focus-visible){outline:var(--border-focus) solid var(--focus);outline-offset:var(--focus-offset)}label.x-opt.is-disabled{background:var(--primary-50);border-color:var(--line);cursor:not-allowed}label.x-opt:has(input:disabled){background:var(--primary-50);border-color:var(--line);cursor:not-allowed}label.x-opt.is-disabled .nm,label.x-opt.is-disabled .ds,label.x-opt.is-disabled .pl{color:var(--primary-300)}label.x-opt:has(input:disabled) .nm{color:var(--primary-300)}label.x-opt:has(input:disabled) .ds{color:var(--primary-300)}label.x-opt:has(input:disabled) .pl{color:var(--primary-300)}label.x-opt.is-disabled .x-ic{background:var(--primary-100);color:var(--primary-300);box-shadow:none}label.x-opt:has(input:disabled) .x-ic{background:var(--primary-100);color:var(--primary-300);box-shadow:none}label.x-opt.is-invalid{border-color:var(--danger)}label.x-opt:has(input[aria-invalid=true]){border-color:var(--danger)}.x-opt.plain{padding-right:var(--space-4)}.x-exp-c{background:var(--panel);border-radius:var(--radius-md);flex-direction:column;display:flex;position:relative;overflow:hidden}.x-exp-ill{height:var(--exp-ill-h);background:var(--surface);justify-content:center;align-items:center;display:flex}.x-exp-ill svg{width:var(--exp-svg-w);height:auto}.x-exp-l{height:var(--exp-l-h);justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--fs-more);line-height:var(--lh-more);font-weight:var(--fw-semibold);color:var(--heading);display:flex}.x-exp-l u{text-underline-offset:var(--underline-offset)}a.x-exp-c:hover .x-exp-l u,.x-exp-c.is-hover .x-exp-l u{-webkit-text-decoration-color:var(--brand);text-decoration-color:var(--brand);text-decoration-thickness:var(--border-thick)}.x-exp-c[aria-disabled=true] .x-exp-l{color:var(--muted)}.x-exp-c[aria-disabled=true] .x-exp-l u{text-decoration:none}.x-exp-c .badge{top:var(--space-2);right:var(--space-2);position:absolute}.x-ill-s{fill:none;stroke:var(--brand);stroke-width:var(--ill-stroke);stroke-linecap:round;stroke-linejoin:round}.x-ill-a{fill:var(--accent)}.x-ill-p{fill:var(--panel)}.x-ill-w{fill:var(--surface)}.x-ill-b{fill:var(--brand)}.x-ill-thick{stroke-width:var(--ill-stroke-thick)}@media (max-width:1100px){.x-hc{grid-template-columns:var(--hc-ph-w-md) minmax(0, 1fr)}.x-hc .ph{height:var(--hc-ph-w-md)}.x-hc .x-tc-b{min-height:var(--hc-ph-w-md)}}@media (max-width:640px){.x-feat .ph{height:var(--feat-ph-h-m)}.x-feat-b{padding:var(--space-4)}.x-feat-t,.x-feat-x{min-height:0;margin-bottom:var(--space-4)}.x-card .ttl{margin:var(--space-2) 0 var(--space-2);min-height:0}.x-card .ex{min-height:0}.x-tc.th,.x-hc,.x-ws-i.th{grid-template-columns:var(--thumb-w) minmax(0, 1fr);gap:var(--space-2);display:grid}.x-tc.th .x-tc-ph,.x-ws-i.th .x-tc-ph{height:var(--thumb-h);display:block}.x-hc .ph{height:var(--thumb-h)}.x-tc.th .x-tc-b,.x-hc .x-tc-b,.x-ws-i.th .x-tc-b{min-height:var(--thumb-h);padding-bottom:var(--space-1-5)}.x-tc.th .ttl,.x-hc .ttl,.x-ws-i.th .ttl{-webkit-line-clamp:3;line-clamp:3}.x-tc.th .ex,.x-hc .ex{display:none}.x-hc.x-kartu-kamus .ex{display:-webkit-box}.x-ws-big .ph{height:var(--card-ph-h)}.x-ws-i .meta{padding-top:var(--space-2);margin-top:auto}.x-vc{flex:0 0 100%}.x-vc .ph{height:var(--card-ph-h)}.x-vc h3{height:var(--vc-t-h-m);-webkit-line-clamp:2;line-clamp:2}.x-vc.sc .x-cvr{height:var(--cvr-h-m)}.x-cvr .cp{height:var(--cvr-ph-h-m)}.x-exp-c{height:var(--exp-row-h);text-align:left;flex-direction:row}.x-exp-ill{width:var(--exp-row-h);height:var(--exp-row-h);flex:none}.x-exp-ill svg{width:var(--exp-row-h)}.x-exp-l{height:var(--exp-row-h);padding:0 var(--space-4) 0 var(--space-5);flex:1;justify-content:space-between}}.x-hero{padding-top:var(--space-7)}.x-hero-g{gap:var(--space-5-5);padding:0 var(--space-2);grid-template-columns:minmax(0,600fr) minmax(0,436fr);align-items:start;display:grid}.x-pil{padding-top:var(--space-5-5)}.x-pil-g{gap:var(--space-4);padding:0 var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.x-cat,.x-intr-s{padding-top:var(--space-10)}.x-band+.x-cat,.x-band+.x-intr-s{padding-top:var(--space-9)}.x-cat-in{padding:0 var(--space-4)}.x-cat-hd{justify-content:space-between;align-items:flex-end;gap:var(--space-5);margin-bottom:var(--cat-hd-mb);display:flex}.x-mk-g{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) var(--cv-w);column-gap:var(--space-5);row-gap:var(--space-5);display:grid}.x-mk-g .x-cv{grid-area:1/3/span 2}.x-cv{background:var(--brand);color:var(--on-dark-soft);border-radius:var(--radius-md);padding:var(--space-6) var(--space-5) var(--cv-pb);text-align:center;align-self:stretch;position:relative;overflow:hidden}.x-cv p{z-index:var(--z-raised);font-size:var(--fs-card-lg);line-height:var(--lh-cv);font-weight:var(--fw-semibold);position:relative}.x-cv .btn{z-index:var(--z-raised);width:100%;margin-top:var(--space-4);position:relative}.x-cv:after{content:"";left:50%;top:var(--cv-dot-top);width:var(--cv-dot);height:var(--cv-dot);border-radius:var(--radius-full);background:var(--accent);position:absolute;transform:translate(-50%)}.x-cv.x-cv-sm{padding:var(--space-5)}.x-cv.x-cv-sm:after{display:none}.x-hc-g{gap:var(--space-5);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.x-ws-g{gap:var(--space-5);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.x-ws-list{gap:var(--space-5);flex-direction:column;display:flex}.x-tri-g{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.x-tri-g .x-fp-i:last-of-type{border-bottom:var(--border-thick) solid var(--line)}.x-band{margin-top:var(--space-9);padding:var(--space-9) 0 var(--space-7);background:var(--panel)}.x-band-h{margin:var(--space-2) 0 var(--space-7);text-align:center}.x-car{padding:0 var(--space-10);position:relative}.x-car-tr{gap:var(--car-gap);scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;display:flex;overflow-x:auto}.x-car-tr::-webkit-scrollbar{display:none}.x-car-btn{top:var(--car-btn-top);width:var(--car-btn);height:var(--car-btn);border-radius:var(--radius-full);background:var(--surface);color:var(--text-strong);box-shadow:var(--shadow-sm);transition:background-color var(--dur-fast) var(--ease);border:0;justify-content:center;align-items:center;display:flex;position:absolute}.x-car-btn:hover,.x-car-btn.is-hover{background:var(--accent)}.x-car-btn:active,.x-car-btn.is-active{background:var(--accent-active)}.x-car-sc .x-car-btn{top:var(--car-btn-top-sc)}.x-car-btn.x-prev{left:0}.x-car-btn.x-next{right:0}.x-car-ctl{margin:var(--space-7) 0 var(--space-8);justify-content:center;align-items:center;display:flex}.x-dots{gap:var(--space-2);height:var(--dot);align-items:center;display:flex}.x-dots i{width:var(--dot);height:var(--dot);border-radius:var(--radius-full);background:var(--primary-200)}.x-dots i.on{background:var(--brand)}@media (min-width:641px){.x-car.few .x-car-ctl,.x-car.few .x-car-btn{display:none}}.x-intr{grid-template-columns:var(--intr-cover-w) minmax(0, 1fr);gap:var(--space-6);background:var(--panel-accent);border-radius:var(--radius-md);padding:var(--space-8) var(--panel-px);align-items:center;display:grid}.x-intr-t{font-size:var(--fs-card-lg);line-height:var(--lh-card-lg);font-weight:var(--fw-semibold)}.x-intr p{max-width:var(--intr-p-max);margin-top:var(--space-4);font-size:var(--fs-sm);line-height:var(--lh-sm)}.x-intr .btn{margin-top:var(--space-4)}.x-cover{height:var(--cover-h);background:var(--brand);color:var(--on-dark);padding:var(--cover-pt) var(--cover-pr) var(--space-5) var(--space-6);position:relative;overflow:hidden}.x-cover:before{content:"";right:var(--cover-ph-w);width:var(--space-2);background:var(--accent);position:absolute;top:0;bottom:0}.x-cover:after{content:"";right:var(--cover-dot-r);bottom:var(--cover-dot-b);z-index:var(--z-decor-top);width:var(--cover-dot);height:var(--cover-dot);border-radius:var(--radius-full);background:var(--accent);position:absolute}.x-cover .k{font-size:var(--fs-label);line-height:var(--lh-label);letter-spacing:var(--ls-label);font-weight:var(--fw-semibold);text-transform:uppercase;color:var(--accent);display:block}.x-cover .j{margin-top:var(--space-3-5);font-size:var(--fs-cover-sm);line-height:var(--lh-cover-sm);letter-spacing:var(--ls-cover-sm);font-weight:var(--fw-extrabold);display:block}.x-cover .s{max-width:var(--cover-s-max);margin-top:var(--space-3-5);font-size:var(--fs-cover-s);line-height:var(--lh-cover-s);color:var(--on-dark-82);display:block}.x-cover .cp{width:var(--cover-ph-w);margin:0;position:absolute;top:0;bottom:0;right:0}.x-cover .cp .kredit{z-index:var(--z-cover-text)}.x-role{padding-top:var(--space-10)}.x-role-hd{max-width:var(--narrow-max);text-align:center;margin:0 auto}.x-role-g{max-width:var(--narrow-max);margin:var(--space-5) auto 0;gap:var(--space-2) var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.x-role-g.wide{max-width:none}.x-duo{grid-template-columns:minmax(0, 1fr) var(--hairline) minmax(0, 1fr);gap:var(--space-8);background:var(--panel-accent);border:var(--border-thick) solid var(--accent);border-radius:var(--radius-md);padding:var(--space-8) var(--panel-px);display:grid}.x-duo .rule{background:var(--primary-200)}.x-eb{font-size:var(--fs-sm);line-height:var(--lh-sm);font-weight:var(--fw-semibold);color:var(--muted);display:block}.x-duo h3{margin-top:var(--space-2);font-size:var(--fs-card-lg);line-height:var(--lh-card-lg);font-weight:var(--fw-heading)}.x-duo p{margin-top:var(--space-4);font-size:var(--fs-sm);line-height:var(--lh-sm)}.x-duo .btn{margin-top:var(--space-4)}.x-url{margin-top:var(--space-2);font-size:var(--fs-xs);line-height:var(--lh-xs);font-weight:var(--fw-semibold);color:var(--muted);display:block}.x-exp{padding-top:var(--space-11);text-align:center}.x-exp .lead{margin-top:var(--space-4);line-height:var(--lh-lead-exp)}.x-exp-g{grid-template-columns:repeat(3, minmax(0, var(--exp-c-w)));gap:var(--space-5);margin-top:var(--space-6);justify-content:center;display:grid}.x-nl{margin-top:var(--space-9);padding:var(--space-7) 0 var(--space-8);background:var(--panel)}.x-nl-in{max-width:var(--narrow-max);margin:0 auto}.x-nl h2,.x-nl .lead{text-align:center}.x-nl-g{grid-template-columns:var(--nl-opts-w) minmax(0, 1fr);gap:var(--nl-gap);margin-top:var(--space-5);align-items:start;display:grid}.x-opt-g{gap:var(--space-2) var(--space-4);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.x-nl-f label{margin-top:var(--space-2);display:block}.x-nl-f .input{margin-top:var(--space-half)}.x-nl-f .btn{width:100%;margin-top:var(--space-3);display:flex}.x-nl-f small{margin-top:var(--space-4);font-size:var(--fs-xs);line-height:var(--lh-xs);font-weight:var(--fw-semibold);display:block}.x-nl-f small a{text-decoration:underline}@media (max-width:1100px){.x-hero-g{grid-template-columns:minmax(0,1.38fr) minmax(0,1fr)}.x-intr,.x-duo{padding:var(--space-7)}.x-intr{grid-template-columns:minmax(0, var(--intr-cover-w)) minmax(0, 1fr)}.x-pil-g{row-gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.x-mk-g{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.x-mk-g .x-cv{padding-bottom:var(--space-7);grid-area:auto/1/auto/-1}.x-mk-g .x-cv:after{display:none}.x-role-g{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.x-nl-g{grid-template-columns:1fr}}@media (max-width:860px){.x-hc-g,.x-intr{grid-template-columns:1fr}.x-cover{max-width:var(--intr-cover-w)}.x-duo{gap:var(--space-6);grid-template-columns:1fr}.x-duo .rule{height:var(--hairline)}.x-tri-g{grid-template-columns:1fr}}@media (max-width:640px){.x-hero{padding-top:var(--space-5)}.x-hero-g{gap:var(--space-6);grid-template-columns:1fr}.x-pil{padding-top:var(--space-6)}.x-pil-g{row-gap:var(--space-5);grid-template-columns:1fr}.x-cat,.x-intr-s,.x-band+.x-cat,.x-band+.x-intr-s{padding-top:var(--space-8);padding-bottom:var(--space-7)}.x-cat-in{flex-direction:column;padding:0;display:flex}.x-cat-hd{margin-bottom:var(--space-5)}.x-mk-g{display:contents}.x-mk-g .x-tc{margin-bottom:var(--space-5)}.x-mk-g .x-tc:nth-of-type(3){margin-bottom:0}.x-mk-g .x-tc:nth-of-type(4){display:none}.x-mk-g .x-cv{margin:var(--space-7) var(--space-4) 0;padding:var(--space-6) var(--space-5);order:3}.x-cat-in .more-m{order:2}.x-hc-g .x-hc:nth-of-type(4){display:none}.x-intr{padding:var(--space-7) var(--space-5) var(--space-8);gap:var(--space-6);text-align:center}.x-cover{height:auto;min-height:var(--cover-h-m);text-align:left;max-width:none;padding:var(--cover-pad-m) var(--cover-pr-m) var(--cover-pad-m) var(--cover-pad-m)}.x-cover .s{z-index:var(--z-cover-text);max-width:var(--cover-s-max-m);position:relative}.x-cover .cp{width:var(--cover-ph-w-m)}.x-cover:before{right:var(--cover-ph-w-m);width:var(--space-1-5)}.x-cover:after{right:var(--cover-dot-r-m);bottom:var(--cover-dot-b-m)}.x-intr-t{font-size:var(--fs-feat);line-height:var(--lh-feat)}.x-intr p{margin-left:auto;margin-right:auto}.x-intr .btn{width:100%;display:flex}.x-band,.x-band+.x-band{padding:var(--space-8) 0 var(--space-7);margin-top:0}.x-band-h{margin:0 0 var(--space-5)}.x-car{padding:0}.x-car-tr{gap:var(--space-4)}.x-car-btn{position:static}.x-car-ctl{margin:var(--space-6) var(--space-4) var(--space-4);justify-content:space-between}.x-ws-g{grid-template-columns:1fr}.x-ws-list .x-ws-i:nth-of-type(n+3){display:none}.x-role{padding-top:var(--space-8);padding-bottom:var(--space-7)}.x-role-g{grid-template-columns:1fr}.x-tri-g{gap:var(--space-6)}.x-tri-g .x-fp-i:nth-of-type(4){display:none}.x-tri-g .x-fp-i:nth-of-type(3){border-bottom:var(--border-thick) solid var(--line)}.x-duo{padding:var(--space-7) var(--space-5)}.x-duo .btn{width:100%;display:flex}.x-exp{padding-top:var(--space-8)}.x-exp .lead{line-height:var(--lh-lead)}.x-exp-g{margin:var(--space-5) var(--space-3) 0;grid-template-columns:1fr}.x-nl{margin-top:var(--space-7)}.x-nl .lead{font-size:var(--fs-lead-d);line-height:var(--lh-lead-d)}.x-opt-g{grid-template-columns:1fr}}
}

@layer pages {
.w-tool .hed{margin:var(--s-4) 0 var(--s-2);text-align:left}
}

@layer pages {
.lst-hd .phd{max-width:var(--art-col);text-align:center;margin-inline:auto}.lst-hd .phd-eb,.lst-hd .phd-meta{justify-content:center}.lst-hd .phd h1:after,.lst-hd .phd .lead{margin-left:auto;margin-right:auto}:where(.lst-hd) .crumbs ol{justify-content:center}.lst-hd .lst-sum{max-width:var(--art-col);margin:var(--s-6) auto 0;padding-inline:max(var(--s-6), calc((min(100%, var(--art-col)) - var(--prose-max)) / 2))}@media (max-width:640px){.lst-hd .phd{text-align:left}.lst-hd .phd-eb,.lst-hd .phd-meta,.lst-hd .crumbs ol,.lst-sub{justify-content:flex-start}.lst-hd .phd h1:after,.lst-hd .phd .lead{margin-left:0}}.lst-sum .sum-b p+p{margin-top:var(--s-3)}.lst-sum .sum-b .lst-sum-src{margin-top:var(--s-3);font-size:var(--fs-sm);line-height:var(--lh-sm)}.lst-hd .phd-meta .more{margin-left:var(--s-2)}.lst-sub{max-width:calc(var(--art-col) + var(--wrap-pad) * 2);justify-content:center;align-items:center;gap:var(--s-2) var(--s-3);margin-top:var(--s-8);flex-wrap:wrap;display:flex}.lst-sub .chips{gap:var(--s-2);flex-wrap:wrap;display:flex}.lst .sh{margin-bottom:var(--s-4)}.lst .filter{margin-bottom:var(--s-8)}.lst .filter[aria-busy=true] .filter-n{color:var(--muted)}.lst .filter-n .link{margin-left:var(--s-1);white-space:nowrap}.lst .filter-sort .btn{min-height:var(--touch)}.lst-main{min-width:0}.lst-main .pop-note{margin-top:var(--s-6)}.lst-rail .pop-note{margin-top:var(--s-3);text-align:center}.lst .empty{max-width:var(--prose-max)}.lst-src .sh,.lst-bahan .sh{margin-bottom:var(--s-4)}.lst-src{padding-bottom:var(--s-16)}.lst-bahan+.lst-src{margin-top:var(--s-14)}@media (max-width:1100px){.lst-rail{display:none}.lst-sub{max-width:calc(var(--art-col) + var(--wrap-pad-t) * 2)}}@media (max-width:640px){.lst-sub{max-width:none;margin-top:var(--s-6);flex-direction:column;align-items:flex-start}.lst .filter-g{row-gap:var(--s-2)}.lst .filter-l{flex-basis:100%}.lst .filter-bar{flex-direction:column;align-items:flex-start}.lst-src{padding-bottom:var(--s-12)}}.lst-all.sp-lg{margin-top:var(--s-8);padding-bottom:var(--s-16)}.lst-all .gr-in{grid-template-columns:minmax(0,1fr)}.lst-all .g3 .si{grid-row:span 6;grid-template-rows:subgrid;grid-template-columns:minmax(0,1fr);row-gap:0;display:grid}.lst-all .g3 .si-b{display:contents}.lst-all .g3 .si-b>.rub{padding-top:var(--s-4)}.lst-all .g3 .si-b>.badges{align-self:start}.lst-all .media .cr{max-width:none;padding:var(--s-1-5) 0 0;color:var(--muted);font-size:var(--fs-xs);line-height:var(--lh-xs);text-align:left;background:0 0;display:block;position:static}@media (max-width:640px){.lst-all.sp-lg{margin-top:var(--s-6);padding-bottom:var(--s-12)}.lst-all .filter-g{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.lst-all .filter-g>*{flex:none}.lst-all .filter-l{flex-basis:auto}}
}

@layer pages {
.art-pg{padding-bottom:var(--space-4)}.art-pg .art-hd{margin-top:var(--space-6)}.art-pg .phd.center{max-width:none;padding-top:var(--space-6)}.art-kick a:hover,.art-kick a:focus-visible{text-underline-offset:var(--underline-offset);text-decoration:underline}.art-cap{margin-top:var(--space-2);font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--muted)}.art-cap .art-kredit{margin-top:var(--space-1)}.art-hd .sponsor{margin-bottom:var(--space-4)}.art-hd .phd-eb{flex-wrap:wrap}.art-ymyl{margin-top:var(--space-5)}.art-ymyl a{color:var(--text-strong);font-weight:var(--fw-semibold);text-underline-offset:var(--underline-offset);text-decoration:underline}.art-ymyl strong{font-weight:var(--fw-semibold)}.art-kick a,.art-meta a,.author-n a{position:relative}.art-kick a:after,.art-meta a:after,.author-n a:after{content:"";left:0;right:0;top:calc(var(--s-3) * -1);bottom:calc(var(--s-3) * -1);position:absolute}.art-kick a,.art-meta a,.author-n a{min-height:var(--s-6);align-items:center;display:inline-flex}@media (pointer:coarse),(max-width:640px){.art-kick a,.art-meta a,.author-n a{min-height:var(--touch)}}.art-cara{max-width:var(--prose-max)}.art-cara a{color:var(--link);text-underline-offset:var(--underline-offset);text-decoration:underline}.art-c>.prose+.prose{margin-top:var(--space-6)}.art-steps>*+*{margin-top:var(--space-5)}.prose .ta-center{text-align:center}.prose .ta-right{text-align:right}.prose .fig-ph,.shot .fig-ph{aspect-ratio:16/9;display:block}.shot .fig-k{margin-top:var(--space-1);display:block}.shot .fig-k a{text-underline-offset:var(--space-half);text-decoration:underline}.step-b a{color:var(--link);font-weight:var(--fw-semibold);text-decoration:underline;-webkit-text-decoration-color:var(--link-underline);text-decoration-color:var(--link-underline);text-decoration-thickness:var(--border-thick);text-underline-offset:var(--underline-offset)}.step-b strong{font-weight:var(--fw-semibold);color:var(--text-strong)}.step-b ul,.step-b ol{padding-left:var(--space-5);list-style:outside}.faq-a a{color:var(--link);text-underline-offset:var(--underline-offset);text-decoration:underline}.author-k{font-size:var(--fs-label);line-height:var(--lh-label);letter-spacing:var(--ls-label);font-weight:var(--fw-semibold);text-transform:uppercase;color:var(--muted)}.author-m a{color:var(--text);font-weight:var(--fw-semibold)}.author-m a:hover{text-underline-offset:var(--underline-offset);text-decoration:underline}.related{padding-bottom:var(--space-10)}.related-g{gap:var(--space-7) var(--space-6);margin-top:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.related-g .x-card .ph{aspect-ratio:3/2;height:auto}@media (max-width:767px){.art-pg .art-hd{margin-top:var(--space-4)}.art-pg .phd.center{padding-top:var(--space-4)}.art-pg .art-c{margin-top:var(--space-6)}.related{padding-bottom:var(--space-8)}}@media (max-width:640px){.related-g{grid-template-columns:minmax(0,1fr)}}
}

@layer pages {
.bhn-pg{padding-bottom:var(--space-10)}.bhn-pg .art-hd{margin-top:var(--space-6)}.bhn-pg .art-c>.prose+.bhn-sec,.bhn-pg .art-c>.bhn-sec+.prose{margin-top:var(--space-8)}.bhn-sec>.sec-h2+*{margin-top:var(--space-3)}.bhn-ref{font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--muted)}.bhn-ref a{white-space:nowrap;color:var(--link);font-weight:var(--fw-semibold);text-underline-offset:var(--underline-offset);text-decoration:underline;position:relative}.bhn-ref a:after{content:"";left:0;right:0;top:calc(var(--s-1) * -1);bottom:calc(var(--s-1) * -1);position:absolute}.bhn-ref a:hover{color:var(--link-hover)}.bhn-note{font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--muted)}.bhn-note a{color:var(--link);font-weight:var(--fw-semibold);text-underline-offset:var(--underline-offset);text-decoration:underline}.bhn-fakta dl{border-top:var(--hairline) solid var(--line);display:grid}.bhn-fakta dl>div{grid-template-columns:var(--gl-filter-w) minmax(0, 1fr);gap:var(--space-2) var(--space-4);padding:var(--space-3) 0;border-bottom:var(--hairline) solid var(--line);display:grid}.bhn-fakta dt,.bhn-aman dt{font-size:var(--fs-sm);line-height:var(--lh-sm);font-weight:var(--fw-semibold);color:var(--muted)}.bhn-fakta dd{font-size:var(--fs-body);line-height:var(--lh-body)}.bhn-waktu{gap:var(--space-2);flex-wrap:wrap;display:inline-flex}.bhn-kmb{margin-top:var(--space-4);border-top:var(--hairline) solid var(--line)}.bhn-kmb>li{padding:var(--space-4) 0;border-bottom:var(--hairline) solid var(--line)}.bhn-kmb-h{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.bhn-kmb-n{font-family:var(--font-heading);font-size:var(--fs-card-lg);line-height:var(--lh-card-lg);font-weight:var(--fw-heading);color:var(--heading)}.bhn-kmb-n a:hover{text-underline-offset:var(--underline-offset);text-decoration:underline}.bhn-kmb-b{margin-top:var(--space-2);font-size:var(--fs-body);line-height:var(--lh-body)}.bhn-kmb-a a{align-items:center;gap:var(--space-1-5);min-height:var(--touch);color:var(--link);font-weight:var(--fw-semibold);text-underline-offset:var(--underline-offset);text-decoration:underline;display:inline-flex}.bhn-kmb-a a:hover{color:var(--link-hover)}.bhn-aman{border-top:var(--hairline) solid var(--line)}.bhn-aman>div{padding:var(--space-4) 0;border-bottom:var(--hairline) solid var(--line)}.bhn-aman dd{margin-top:var(--space-1);font-size:var(--fs-body);line-height:var(--lh-body)}.bhn-rel{column-gap:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.bhn-art>li{padding:var(--space-3) 0;border-bottom:var(--hairline) solid var(--line)}.bhn-art>li:first-child{border-top:var(--hairline) solid var(--line)}.bhn-art a{min-height:var(--touch);font-family:var(--font-heading);font-size:var(--fs-card-lg);line-height:var(--lh-card-lg);font-weight:var(--fw-heading);color:var(--heading);align-items:center;display:inline-flex}.bhn-art a:hover{text-underline-offset:var(--underline-offset);text-decoration:underline}.bhn-art p{font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--muted)}.bhn-art-s{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.bhn-idx{scroll-margin-top:var(--space-5)}.bhn-idx>.gl-f{margin-top:var(--space-4)}.bhn-st{margin-top:var(--space-3);font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--muted)}.bhn-idx>.az{margin-top:var(--space-4)}.bhn-kosong{padding-top:var(--space-8)}.bhn-psg{padding-top:var(--space-10);scroll-margin-top:var(--space-5)}.bhn-psg>.bhn-note{margin-top:var(--space-2)}.bhn-psg>ul{column-gap:var(--space-8);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.bhn-psg li{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-3) 0;border-bottom:var(--hairline) solid var(--line);flex-wrap:wrap;display:flex}.bhn-psg li>a{min-height:var(--touch);flex-direction:column;justify-content:center;min-width:0;display:flex}.bhn-psg-n{font-family:var(--font-heading);font-size:var(--fs-card-lg);line-height:var(--lh-card-lg);font-weight:var(--fw-heading);color:var(--heading)}.bhn-psg-j{font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--muted)}.bhn-psg li>a:hover .bhn-psg-n{text-underline-offset:var(--underline-offset);text-decoration:underline}@media (min-width:1180px){.bhn-idx>.az ol{flex-wrap:nowrap;justify-content:space-between;gap:0}}@media (max-width:767px){.bhn-pg{padding-bottom:var(--space-8)}.bhn-fakta dl>div{gap:var(--space-1);grid-template-columns:minmax(0,1fr)}.bhn-rel,.bhn-psg>ul{grid-template-columns:minmax(0,1fr)}.bhn-ref a{white-space:normal;overflow-wrap:anywhere}}
}

@layer pages {
.alat-page .phd .lead{max-width:var(--lead-max)}.alat-page>.phd{max-width:var(--art-col);text-align:center;margin-inline:auto}.alat-page>.phd .phd-eb,.alat-page>.phd .phd-meta{justify-content:center}.alat-page>.phd h1:after,.alat-page>.phd .lead{margin-left:auto;margin-right:auto}:where(.alat-page)>.crumbs ol{justify-content:center}@media (max-width:640px){.alat-page>.phd{text-align:left}.alat-page>.phd .phd-eb,.alat-page>.phd .phd-meta,.alat-page>.crumbs ol{justify-content:flex-start}.alat-page>.phd h1:after,.alat-page>.phd .lead{margin-left:0}}.alat-sec{margin-top:var(--space-9)}.kuis-page>.alat-sec{max-width:var(--prose-max);margin-inline:auto}.alat-sec>.sec-h2+*{margin-top:var(--space-3)}.alat-prose{max-width:var(--prose-max);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text)}.alat-prose p+p{margin-top:var(--space-3)}.alat-hint{margin-top:var(--space-3);font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--muted)}.alat-link{font-weight:var(--fw-semibold);color:var(--link);text-decoration:underline;-webkit-text-decoration-color:var(--link-underline);text-decoration-color:var(--link-underline);text-underline-offset:var(--underline-offset)}.alat-link:hover{color:var(--link-hover)}.alat-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-heading);color:var(--heading)}.alat-h3{font-family:var(--font-heading);font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:var(--fw-heading);color:var(--heading)}.alat-h2:focus,.alat-h3:focus,.kuis-q:focus{outline:none}.alat-h2:focus-visible,.kuis-q:focus-visible{outline:var(--border-focus) solid var(--focus);outline-offset:var(--focus-offset)}.alat-grid{margin-top:0}.alat-card .si-b{margin-top:var(--space-3)}.alat-ring{margin-top:var(--space-2);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--muted)}.alat-stub .sum{margin-top:var(--space-6)}.alat-stub-lain{max-width:var(--prose-max);margin-top:var(--space-5);font-size:var(--fs-body);line-height:var(--lh-body)}.alat-stub-lain a{font-weight:var(--fw-semibold);color:var(--link);text-underline-offset:var(--underline-offset);text-decoration:underline}.alat-intro{margin-top:var(--space-6)}.kuis-page .alat-intro .callout{padding-inline:max(var(--s-5), calc((100% - var(--prose-max)) / 2))}.kuis-page>.alat-panel{padding-inline:max(var(--s-4), calc((100% - var(--prose-max)) / 2))}.alat-panel{margin-top:var(--space-6);padding:var(--s-8);border-radius:var(--radius-md);background:var(--panel)}.alat-panel .kuis{margin-inline:auto}.alat-panel fieldset{border:0;min-width:0;margin:0;padding:0}.alat-panel legend{padding:0}.kuis-hasil>.rujuk,.kuis-hasil>.result{margin-top:var(--space-5)}.kuis-hasil .result{background:var(--surface)}.kuis-ciri,.kuis-hamil{margin-top:var(--space-2);padding-left:var(--space-5);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text);list-style:outside}.kuis-ciri li+li,.kuis-hamil li+li{margin-top:var(--space-2)}.kuis-ciri li::marker{color:var(--brand)}.kuis-hamil li::marker{color:var(--brand)}.kuis-src{font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--muted-tint);display:inline}.kuis-src a{padding-block:var(--space-half);color:var(--link);text-underline-offset:var(--underline-offset);text-decoration:underline}.kuis-hamil .alat-link{min-height:var(--s-6);display:inline-block}.rujuk-b p+ul,.rujuk-b ul+p{margin-top:var(--space-2)}.kuis-hasil .result-act .btn{white-space:normal;text-align:center}.kuis-related{padding-top:var(--space-8)}.kuis-related .g3{margin-top:var(--space-4)}.alat-end{height:var(--space-10)}@media (max-width:767px){.alat-sec{margin-top:var(--space-7)}.alat-panel,.kuis-hasil .result{padding:var(--s-5) var(--s-4)}.kuis-hasil .result-act .btn{width:100%}.alat-end{height:var(--space-8)}}
}

@layer pages {
.tanya{padding-bottom:var(--space-10)}.tanya .phd{max-width:var(--narrow-max);margin-left:auto;margin-right:auto}.tanya .phd .chat-note{max-width:var(--prose-max);margin-left:auto;margin-right:auto}.tanya .chat{margin-top:var(--space-6)}.tanya .bub,.tanya .chat-cta,.tanya .chat-err{overflow-wrap:anywhere;min-width:0}.chat-turn{gap:var(--space-4);flex-direction:column;display:flex}.chat-sug{margin-top:0}.chat-mode,.chat-privasi{align-items:flex-start;gap:var(--space-2);font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--muted-tint);display:flex}.chat-mode{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--surface);color:var(--text)}.chat-privasi{margin-top:var(--space-4)}.chat-mode .icon,.chat-privasi .icon{margin-top:var(--space-half);color:var(--brand);flex:none}.chat-privasi+.chat-in{margin-top:var(--space-2)}.bub-src{font-size:var(--fs-xs);line-height:var(--lh-xs);font-weight:var(--fw-semibold);color:var(--muted)}.bub-ref-j{font-size:var(--fs-xs);line-height:var(--lh-xs);color:var(--muted)}.chat-rujuk{align-self:flex-start;max-width:85%}.bub-list{padding-left:var(--space-5)}ul.bub-list{list-style:outside}ol.bub-list{list-style:decimal}.bub-list li+li,.bub-refs ul{margin-top:var(--space-1)}.chat-in .textarea{field-sizing:content}.chat-foot{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.chat-foot .chat-count{margin-top:0}.tanya-faq{max-width:var(--narrow-max);margin:var(--space-10) auto 0}.tanya-faq .faq{max-width:none}@media (max-width:640px){.chat-rujuk{max-width:none;padding:var(--space-4)}}@media (max-width:767px){.tanya{padding-bottom:var(--space-8)}.tanya .chat{margin-top:var(--space-5)}.tanya-faq{margin-top:var(--space-8)}.chat-in .btn{padding-left:var(--space-4);padding-right:var(--space-4)}}
}

@layer pages {
.pf{padding-bottom:var(--space-10)}.pf .avatar{width:var(--avatar-sm);height:var(--avatar-sm)}.pf .avatar-lg{width:var(--avatar-lg);height:var(--avatar-lg)}.pf-list{gap:var(--space-5);display:grid}.pf-list .author{max-width:none}.pf-list .author-n a{padding:var(--space-1) 0;color:var(--heading);display:inline-block}.pf-list .author-n a:hover{text-underline-offset:var(--underline-offset);text-decoration:underline}.pf-more{margin-top:var(--space-3)}.pf-more .more{min-height:var(--touch);align-items:center;display:inline-flex}.pf-note{margin-top:var(--space-8);font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--muted)}.pf-note a{color:var(--link);text-decoration:underline;-webkit-text-decoration-color:var(--link-underline);text-decoration-color:var(--link-underline);text-underline-offset:var(--underline-offset)}.pf-note a:hover{text-decoration-color:currentColor}.pf-hd{grid-template-columns:var(--avatar-lg) minmax(0, 1fr);gap:var(--space-6);padding-top:var(--space-6);align-items:start;display:grid}.pf-tx 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-heading);color:var(--heading)}.pf-tx h1:after{content:"";width:var(--accent-line-w);height:var(--accent-line-h);margin-top:var(--s-4);background:var(--brand);display:block}.pf-r{margin-top:var(--space-3);font-size:var(--fs-card-lg);line-height:var(--lh-card-lg);font-weight:var(--fw-semibold);color:var(--brand)}.pf-tx .lead{max-width:var(--lead-max);margin-top:var(--space-4);font-size:var(--fs-lead);line-height:var(--lh-lead);color:var(--text)}.pf-links{gap:0 var(--space-5);margin-top:var(--space-3);font-size:var(--fs-sm);line-height:var(--lh-sm);font-weight:var(--fw-semibold);flex-wrap:wrap;display:flex}.pf-links a,.pf-exp-s a{align-items:center;gap:var(--space-1);min-height:var(--touch);color:var(--link);text-decoration:underline;-webkit-text-decoration-color:var(--link-underline);text-decoration-color:var(--link-underline);text-underline-offset:var(--underline-offset);display:inline-flex}.pf-links a:hover,.pf-exp-s a:hover{color:var(--link-hover);text-decoration-color:currentColor}.pf-sec{padding-top:var(--space-9)}.pf-list-sec{padding-top:var(--space-6)}.pf-sec .sh{margin-bottom:var(--space-5)}.pf-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.pf-exp{border-top:1px solid var(--line)}.pf-exp li{padding:var(--space-4) 0 var(--space-2);border-bottom:1px solid var(--line)}.pf-exp-t{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text)}.pf-exp-s{font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--muted)}.pf-grid{margin-bottom:var(--space-6)}@media (max-width:767px){.pf-hd{text-align:center;justify-items:center;gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.pf-tx .lead,.pf-tx h1:after{margin-left:auto;margin-right:auto}.pf-links{justify-content:center}.pf-sec{padding-top:var(--space-8)}}
}

@layer pages {
.st{padding-bottom:var(--space-10)}.st .phd.center{max-width:none}.st-body .prose h2{scroll-margin-top:var(--space-6)}.st-mail{margin-bottom:var(--space-8)}.st-dl{gap:var(--space-2);margin-bottom:var(--space-3);display:grid}.st-dl>div{gap:0 var(--space-2);flex-wrap:wrap;display:flex}.st-dl dt{min-width:var(--space-11);font-weight:var(--fw-semibold);color:var(--heading)}.st-dl dd{overflow-wrap:anywhere;margin:0}.st-dl a{font-weight:var(--fw-semibold);color:var(--link);text-decoration:underline;-webkit-text-decoration-color:var(--link-underline);text-decoration-color:var(--link-underline);text-underline-offset:var(--underline-offset)}.st-dl a:hover{color:var(--link-hover);text-decoration-color:currentColor}.st-act{gap:var(--space-3);flex-wrap:wrap;display:flex}.nf{padding-top:var(--space-8);padding-bottom:var(--space-10)}.nf-cari{max-width:var(--prose-max);margin:var(--space-6) auto 0}.nf-sec{margin-top:var(--space-10)}.nf-pil{column-gap:var(--space-8);border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.nf-pil li{padding:var(--space-3) 0 var(--space-4);border-bottom:1px solid var(--line)}.nf-pil .hed a{align-items:center;gap:var(--space-1);min-height:var(--touch);color:var(--heading);display:inline-flex}.nf-pil .hed a:hover{text-underline-offset:var(--underline-offset);text-decoration:underline}.nf-pil-d{font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--muted)}.nf-act{margin-top:var(--space-6);justify-content:center;display:flex}.nf-more{margin-top:var(--space-8);text-align:center}.nf-more ul{justify-content:center;gap:0 var(--space-6);flex-wrap:wrap;display:flex}.nf-more .more{min-height:var(--touch);align-items:center;display:inline-flex}.ge-hd{min-height:var(--hd-prim-h);border-bottom:1px solid var(--line);align-items:center;display:flex}@media (max-width:1100px){.nf-pil{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.st-body{margin-top:var(--space-6)}.nf{padding-top:var(--space-6)}.nf-sec{margin-top:var(--space-8)}}@media (max-width:640px){.nf-pil{grid-template-columns:minmax(0,1fr)}.st-act .btn{flex:100%}}
}

@layer pages {
.cari{padding-bottom:var(--space-10)}.cari-hd .phd.center{max-width:none}.cari-fw{max-width:var(--prose-max);margin:var(--space-6) auto 0}.cari-hd .cari-meta,.cari-jelajah .cari-topik{text-align:center;justify-content:center}.cari-hd .cari-f .input-w{align-self:stretch}.cari-hd .cari-meta{margin-top:var(--space-4)}.cari-res{margin-top:var(--space-8)}.cari-main{min-width:0;max-width:var(--prose-max)}.cari-l>li{padding:var(--s-5) 0;border-bottom:var(--hairline) solid var(--line)}.cari-l>li:first-child{border-top:var(--hairline) solid var(--line)}.cari-ib{min-width:0}.cari-ex{margin-top:var(--s-2);font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--text);overflow-wrap:anywhere}.cari-mt{align-items:center;gap:var(--s-2) var(--s-3);margin-top:var(--s-3);font-size:var(--fs-time);line-height:var(--lh-time);color:var(--muted);flex-wrap:wrap;display:flex}.cari-mt .badge{margin-top:0}.cari-pager{margin-top:var(--space-6)}.cari-pager:empty{display:none}.cari-main .empty{margin-top:var(--space-2)}.cari-main .empty a,.cari-saran a{color:var(--link);text-underline-offset:var(--underline-offset);text-decoration:underline}.cari-kosong{margin-top:var(--space-8)}.cari-kosong .empty{max-width:var(--prose-max)}.cari-saran{font-weight:var(--fw-semibold);color:var(--heading)}.cari-saran+p{margin-top:var(--space-2)}.cari-jelajah{margin-top:var(--space-8)}.cari-jelajah .sh{margin-bottom:var(--space-4)}.cari .gr-in:has(>.g3:only-child){grid-template-columns:minmax(0,1fr)}@media (max-width:640px){.cari-res,.cari-kosong,.cari-jelajah{margin-top:var(--space-6)}.cari-l>li{padding:var(--s-4) 0}}
}

@layer pages {
.kp-cat{margin-top:var(--s-2);font-size:var(--fs-sm);line-height:var(--lh-sm);display:block}.kp-bahan{gap:var(--s-1);display:grid}.kp-bahan .muted{font-size:var(--fs-sm);line-height:var(--lh-sm)}.kp-dl a.kp-src{min-height:var(--touch);font-size:var(--fs-sm);line-height:var(--lh-sm);align-items:center;display:inline-flex}.kp-dl .kp-bahan a{display:inline}.kp-bpom{align-items:flex-start;gap:var(--s-2);flex-direction:column;display:flex}.kp-bpom .btn{text-decoration:none}.cara-uji{max-width:var(--prose-max)}.cara-b,.cara-b>*+*{margin-top:var(--s-3)}.cara-b p{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg)}.cara-dl{gap:var(--s-3);display:grid}.cara-dl dt{font-size:var(--fs-label);line-height:var(--lh-label);letter-spacing:var(--ls-label);font-weight:var(--fw-semibold);text-transform:uppercase;color:var(--muted)}.cara-dl dd a{color:var(--link);text-underline-offset:var(--underline-offset);text-decoration:underline}@media (max-width:640px){.kp-bpom,.kp-bpom .btn{width:100%}}
}

@layer pages {
.urut-page .phd .lead{max-width:var(--lead-max)}.urut-work{grid-template-columns:var(--tool-side-w) minmax(0, 1fr);margin-top:var(--space-6)}.urut-form{gap:var(--space-5);padding:var(--s-6);border:var(--hairline) solid var(--line);border-radius:var(--radius-md);background:var(--surface);grid-template-columns:minmax(0,1fr);display:grid}.urut-form-h{font-family:var(--font-heading);font-size:var(--fs-h4);line-height:var(--lh-h4);letter-spacing:var(--ls-h4);font-weight:var(--fw-heading);color:var(--heading)}.urut-help{align-items:flex-start;gap:var(--s-2);display:flex}.urut-help .icon{margin-top:var(--space-half);flex:none}.urut-result .result-row>.result-x+.result-x{margin-top:var(--s-2)}.urut-kols{gap:var(--s-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.urut-h{align-items:center;gap:var(--s-2);margin-bottom:var(--s-3);font-family:var(--font-heading);font-size:var(--fs-h4);line-height:var(--lh-h4);letter-spacing:var(--ls-h4);font-weight:var(--fw-heading);color:var(--heading);display:flex}.urut-kol .urut-i{grid-template-columns:var(--ic-size) minmax(0, 1fr)}.urut-kol .urut-w{justify-self:start;gap:var(--s-1);flex-wrap:wrap;grid-column:2;display:flex}.urut-src,.urut-pr{margin-top:var(--s-1);font-size:var(--fs-xs);line-height:var(--lh-xs);color:var(--muted-tint)}.urut-src a,.urut-pr a{color:var(--link);text-underline-offset:var(--underline-offset);text-decoration:underline}.urut-src a:hover,.urut-pr a:hover{color:var(--link-hover)}.urut-dihapus .cocok,.urut-perhatian .cocok{margin-top:var(--s-3);max-width:none}.urut-rujuk{margin:var(--s-4) 0}.urut-teks{margin-inline:auto;margin-top:var(--space-9)}.urut-teks .tbl-w{margin-top:var(--s-4)}.urut-teks ol li[id]{scroll-margin-top:var(--s-8)}@media (max-width:1100px){.urut-work{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.urut-form{padding:var(--s-5)}.urut-kols{grid-template-columns:minmax(0,1fr)}.urut-teks{margin-top:var(--space-8)}}
}

@layer pages {
.cek-page .phd .lead{max-width:var(--lead-max)}.cek-work{grid-template-columns:var(--tool-side-w) minmax(0, 1fr);gap:var(--s-8);margin-top:var(--space-6);align-items:start;display:grid}.cek-form{gap:var(--space-5);padding:var(--s-6);border:var(--hairline) solid var(--line);border-radius:var(--radius-md);background:var(--surface);grid-template-columns:minmax(0,1fr);display:grid}.cek-form-h{font-family:var(--font-heading);font-size:var(--fs-h4);line-height:var(--lh-h4);letter-spacing:var(--ls-h4);font-weight:var(--fw-heading);color:var(--heading)}.cek-add{gap:var(--s-3);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.cek-chips{gap:var(--s-2);margin-top:var(--s-2);flex-wrap:wrap;display:flex}.cek-chips .chip{padding-top:var(--s-2);padding-bottom:var(--s-2);line-height:var(--lh-sm);text-align:left}.cek-ringkas{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.cek-ringkas .result-u{flex-basis:100%}.cek-list .cocok{max-width:none}.cek-list .cocok+.cocok{margin-top:var(--s-3)}.cek-hamil .callout ul{padding-left:var(--space-5);list-style:outside}.cek-hamil .callout li+li,.cek-hamil .callout p{margin-top:var(--s-2)}.cek-hamil a,.cek-src a{color:var(--link);text-underline-offset:var(--underline-offset);text-decoration:underline}.cek-src{font-size:var(--fs-xs);line-height:var(--lh-xs);color:var(--muted)}.cek-teks{margin-inline:auto;margin-top:var(--space-9)}@media (max-width:1100px){.cek-work{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.cek-form{padding:var(--s-5)}.cek-add{grid-template-columns:minmax(0,1fr)}.cek-teks{margin-top:var(--space-8)}}
}

@layer pages {
.cbp-sec{max-width:var(--prose-max)}.cbp-sec>*+*{margin-top:var(--space-4)}.cbp-sec>.sec-h2+*{margin-top:var(--space-3)}.cbp-sec-d{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--muted)}.cbp-go{align-items:center;gap:var(--space-3) var(--space-4);max-width:var(--prose-max);flex-wrap:wrap;display:flex}.cbp-go-n{min-width:0;max-width:var(--lead-max);font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--muted);flex:1}.cbp-sec>.cbp-go{margin-top:var(--space-6)}.cbp-pola{background:var(--panel-accent);border:var(--hairline) solid var(--chip-line);border-radius:var(--radius-md);padding:var(--space-5)}.cbp-pola-g{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;display:grid}.cbp-pola-g>li{gap:var(--space-1);background:var(--surface);border:var(--hairline) solid var(--line);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);flex-direction:column;display:flex}.cbp-pola-v{font-family:var(--font-heading);font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:var(--fw-heading);color:var(--brand)}.cbp-pola-k{font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--text)}.cbp-pola figcaption{margin-top:var(--space-3);font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--muted-tint)}.cbp-ruj{font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--muted)}.cbp-ruj a{color:var(--text);font-weight:var(--fw-semibold);text-decoration:underline;-webkit-text-decoration-color:var(--brand);text-decoration-color:var(--brand);text-underline-offset:var(--underline-offset)}.cbp-ruj a:hover{color:var(--brand)}.cbp-sub{border-top:var(--hairline) solid var(--line);padding-top:var(--space-6)}.cbp-sec>.cbp-sub{margin-top:var(--space-6)}.cbp-sub>h3{font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--ls-h3);font-weight:var(--fw-heading);scroll-margin-top:var(--space-6)}.cbp-sub-d{margin-top:var(--space-2);font-size:var(--fs-body);line-height:var(--lh-body)}.cbp-cek{margin-top:var(--space-4)}.cbp-cek .result-act .btn{overflow-wrap:anywhere;flex:0 auto;max-width:100%}.cbp-cek-f{align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.cbp-cek-f>.field{flex:1;min-width:0}.cbp-cek-f .input{text-transform:uppercase;width:100%;letter-spacing:var(--ls-label)}.cbp-cek-f>.btn{flex:none}.cbp-cek-cat{margin-top:var(--space-3);font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--muted)}.cbp-cek-hasil:not(:empty){margin-top:var(--space-4)}.cbp-cek-v{align-items:center;gap:var(--space-2);font-size:var(--fs-h3);line-height:var(--lh-h3);display:flex}.cbp-cek-v .icon{flex:none}.result[data-status]:not([data-status=cocok]) .cbp-cek-v{color:var(--text-strong)}.cbp-cek .result-x{overflow-wrap:anywhere}.cbp-steps .step,.cbp-sec [id^=langkah-]{scroll-margin-top:var(--space-6)}.cbp-shot img{width:100%;height:auto;display:block}.cbp-shot .fig-ph{aspect-ratio:16/9;background:var(--panel);display:block}.cbp-asli ol{margin-top:var(--space-3)}.cbp-prod-g{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;display:grid}.cbp-prod{gap:var(--space-2);background:var(--surface);border:var(--hairline) solid var(--line);border-radius:var(--radius-md);padding:var(--space-4-5);flex-direction:column;display:flex}.cbp-prod-t{font-size:var(--fs-h17);line-height:var(--lh-h17);letter-spacing:var(--ls-h17);font-weight:var(--fw-heading)}.cbp-prod-t a{min-height:var(--touch);color:var(--heading);align-items:center;display:flex}.cbp-prod-t a:hover{color:var(--brand);text-underline-offset:var(--underline-offset);text-decoration:underline}.cbp-prod-n{font-size:var(--fs-sm);line-height:var(--lh-sm);font-weight:var(--fw-semibold);color:var(--text-strong)}.cbp-prod-k{font-size:var(--fs-label);line-height:var(--lh-label);letter-spacing:var(--ls-label);font-weight:var(--fw-semibold);text-transform:uppercase;color:var(--muted);display:block}.cbp-prod .badges{margin-top:var(--space-1)}.cbp-prod-a{padding-top:var(--space-2);margin-top:auto}.cbp-prod-a .link{align-items:center;gap:var(--space-2);min-height:var(--touch);font-size:var(--fs-sm);line-height:var(--lh-sm);font-weight:var(--fw-semibold);display:inline-flex}.cbp-cta .badges{margin-top:var(--space-3)}.cbp-warn{border:var(--hairline) solid var(--panel-line);background:var(--panel);border-radius:var(--radius-sm);padding:var(--space-5)}.cbp-warn>p:first-child{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg)}.cbp-warn-a{margin-top:var(--space-4)}.cbp-warn-l{align-items:center;gap:var(--space-2);margin-top:var(--space-4);min-height:var(--touch);font-size:var(--fs-body);line-height:var(--lh-body);display:flex}.cbp-warn-l .icon{color:var(--brand);flex:none}.cbp-warn-l a{font-weight:var(--fw-semibold);color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--brand);text-decoration-color:var(--brand);text-underline-offset:var(--underline-offset)}.cbp-warn-l a:hover{color:var(--brand)}.cbp-note{max-width:var(--prose-max);font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--muted)}@media (max-width:640px){.cbp-pola{padding:var(--space-4)}.cbp-pola-g{gap:var(--space-2);grid-template-columns:minmax(0,1fr)}.cbp-pola-g>li{align-items:baseline;gap:var(--space-3);flex-direction:row}.cbp-pola-v{font-size:var(--fs-h4);line-height:var(--lh-h4);flex:0 0 40%}.cbp-cek-f>.btn,.cbp-go>.btn,.cbp-warn-a>.btn{width:100%}.cbp-prod-g{grid-template-columns:minmax(0,1fr)}.cbp-steps .cbp-shot{margin-left:calc(-1 * (var(--ic-size) + var(--space-3)))}.cbp-warn{padding:var(--space-4)}}
}

@layer tokens,base,components,pages;
