@layer theme,base,components;@layer area{.ie-kind{color:var(--color-primary);align-items:center;gap:6px;display:inline-flex}.ie-kind--pendaftaran-dibuka{color:var(--color-gratis)}.ie-kind--kuota-ditambah{color:var(--color-primary)}.ie-kind--jadwal-berubah{color:var(--color-warmText)}.ie-kind--panduan,.ie-kind--rangkuman{color:var(--color-text2)}.ie-poster.ie-lead{aspect-ratio:16/9;border-radius:22px}.ie-poster.ie-artthumb{aspect-ratio:auto;border-radius:14px;flex:0 0 84px;width:84px;height:84px}@media (width>=768px){.ie-poster.ie-artthumb{flex-basis:132px;width:132px;height:88px}}.ie-arttitle{margin:0;font-size:15px;font-weight:700;line-height:1.4}@media (width>=768px){.ie-arttitle{letter-spacing:-.01em;font-size:17px;line-height:1.4}}@media (width>=1200px){.ie-arttitle{font-size:18px}}.ie-phero{margin-top:calc(-1 * var(--spacing-topHp));padding:calc(var(--spacing-topHp) + 12px) 0 28px;background:radial-gradient(40% 50% at 80% 40%, color-mix(in srgb, var(--color-primary) 18%, transparent), transparent), radial-gradient(25% 35% at 96% 75%, color-mix(in srgb, var(--color-accent) 30%, transparent), transparent), linear-gradient(var(--color-tint), var(--color-surface));position:relative;overflow:hidden}@media (width>=768px){.ie-phero{margin-top:calc(-1 * var(--spacing-topTab));padding:calc(var(--spacing-topTab) + 12px) 0 48px}}@media (width>=1200px){.ie-phero{margin-top:calc(-1 * var(--spacing-topDesk));padding-top:calc(var(--spacing-topDesk) + 12px)}}.ie-phero>div{align-items:center;gap:24px;display:grid}@media (width>=768px){.ie-phero>div{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:32px}}.ie-phero h1,.ie-phero p{max-width:620px;margin:0}.ie-read{width:100%;max-width:48rem;margin-inline:auto}.ie-read--wide{max-width:1080px}.ie-story{padding-block:32px}@media (width>=1200px){.ie-story{padding-block:44px}}.ie-story-in{flex-direction:column;align-items:center;gap:24px;display:flex}@media (width>=768px){.ie-story-in{gap:32px}}.ie-story-hd{text-align:center;flex-direction:column;align-items:center;gap:8px;max-width:48rem;display:flex}.ie-story-hd h2,.ie-story-hd p{margin:0}.ie-split{align-items:center;display:grid}.ie-split .ie-story-hd{text-align:left;align-items:flex-start}@media (width>=1200px){.ie-split{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.ie-split--flip{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.ie-split--flip>.ie-art{order:-1}.ie-side{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start}}.ie-ilist{column-gap:40px;margin-block:-16px;display:grid}.ie-ilist>li{border-top:1px solid var(--color-sep2);grid-template-columns:24px minmax(0,1fr);align-items:start;gap:14px;padding-block:16px;display:grid}.ie-ilist>li:first-child{border-top:0}.ie-ilist-ic{color:var(--color-primary);padding-top:1px;display:flex}@media (width>=768px){.ie-ilist--2,.ie-ilist--3{grid-template-columns:repeat(2,minmax(0,1fr))}.ie-ilist--2>li:nth-child(2),.ie-ilist--3>li:nth-child(2){border-top:0}}@media (width>=1200px){.ie-ilist--3{grid-template-columns:repeat(3,minmax(0,1fr))}.ie-ilist--3>li:nth-child(3){border-top:0}}.ie-proc{gap:12px;display:grid}.ie-proc>li{border:1px solid var(--color-sep2);border-radius:var(--radius-panel);background:var(--color-surface);flex-direction:column;gap:8px;padding:20px;display:flex;position:relative}@media (width>=768px){.ie-proc{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media (width>=1200px){.ie-proc{grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}}.ie-duo{gap:14px;display:grid}@media (width>=768px){.ie-duo{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ie-duo--3>li:nth-child(3):last-child{grid-column:span 2}}@media (width>=1200px){.ie-duo--3{grid-template-columns:repeat(3,minmax(0,1fr))}.ie-duo--3>li:nth-child(3):last-child{grid-column:auto}.ie-duo--4{grid-template-columns:repeat(4,minmax(0,1fr))}}.ie-box{border:1px solid var(--color-sep2);border-radius:var(--radius-panelLg);background:var(--color-surface);flex-direction:column;gap:12px;min-width:0;padding:24px;display:flex}@media (width>=768px){.ie-box{padding:32px}}.ie-box :is(h2,h3,p){margin:0}.ie-hl{border-color:var(--color-primary);border-radius:var(--radius-panelLg);background:var(--color-primary);color:var(--color-onPrimary)}.ie-hl :is(.ie-text2,.ie-muted,.ie-primary,.ie-eyebrow,.ie-link,.ie-wm){color:inherit}.ie-hl .ie-btn{background:var(--color-surface);color:var(--color-primary)}.ie-wm{color:var(--color-primary);opacity:.2;pointer-events:none;display:flex;position:absolute;bottom:12px;right:12px}.ie-wm~*{position:relative}.ie-fsteps{border-radius:var(--radius-panelLg);background:var(--color-tint2);cursor:pointer;align-items:center;gap:12px;padding:10px 10px 10px 18px;list-style:none;display:flex}.ie-fsteps:hover{box-shadow:inset 0 0 0 1px var(--color-primary)}.ie-frail{scrollbar-width:none;flex:1;grid-auto-columns:minmax(max-content,1fr);grid-auto-flow:column;gap:18px;display:grid;overflow-x:auto}.ie-frail::-webkit-scrollbar{display:none}.ie-code{border:1px solid var(--color-sep2);border-radius:var(--radius-thumb);background:var(--color-tint2);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:12px 14px;font:13px/1.6 ui-monospace,Menlo,Consolas,monospace}.ie-doc{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;max-width:700px;margin-inline:auto;display:grid}.ie-doc-body{flex-direction:column;gap:28px;min-width:0;display:flex}@media (width>=1200px){.ie-doc--toc{grid-template-columns:248px minmax(0,700px);gap:48px;max-width:996px}.ie-doc-aside{position:sticky;top:92px}}.ie-toc{border:1px solid var(--color-sep2);border-radius:var(--radius-panel);background:var(--color-surface);flex-direction:column;gap:8px;padding:14px 10px 10px;display:flex}.ie-toc>span{padding-inline:8px}.ie-toc ol{flex-direction:column;gap:2px;display:flex}@media (width>=1200px){.ie-toc ol{max-height:calc(100vh - 180px);overflow-y:auto}}.ie-toc a{color:var(--color-text2);border-left:2px solid #0000;border-radius:0 10px 10px 0;align-items:flex-start;gap:10px;padding:6px 8px;font-weight:600;line-height:1.35;transition:color .15s,background-color .15s;display:flex}.ie-toc a:hover{background:var(--color-tint2);color:var(--color-primary)}.ie-toc a[aria-current]{border-left-color:var(--color-primary);background:var(--color-tint2);color:var(--color-primary)}.ie-toc-n{border-radius:var(--radius-pill);background:var(--color-tint);width:20px;height:20px;color:var(--color-muted);font-variant-numeric:tabular-nums;flex:0 0 20px;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.ie-toc a[aria-current] .ie-toc-n{background:var(--color-primary);color:var(--color-onPrimary)}.ie-sum{border-radius:var(--radius-panel);background:var(--color-tint2);flex-direction:column;gap:12px;padding:18px 20px;display:flex}.ie-sum h2{margin:0}@media (width>=1200px){.ie-aside{position:sticky;top:92px}}.ie-rank>li{border-bottom:1px solid var(--color-sep);gap:12px;padding:10px 0;display:flex}.ie-rank>li:last-child{border-bottom:0}.ie-rank>li>b{color:var(--color-primary);font-variant-numeric:tabular-nums;flex:0 0 22px}.ie-artgrid{grid-template-columns:minmax(0,1fr);align-items:start;gap:28px;display:grid}@media (width>=1200px){.ie-artgrid{grid-template-columns:minmax(0,1fr) 300px;gap:48px}}.ie-relev{background:var(--color-tint2);border-radius:20px;align-items:center;gap:12px;padding:12px;display:flex}.ie-relev:hover{color:var(--color-primary)}.ie-poster.ie-relev-img{aspect-ratio:auto;border-radius:12px;flex:0 0 96px;width:96px;height:60px}@media (width>=768px){.ie-slider--hp.ie-others{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}.ie-poster.ie-other-img{aspect-ratio:16/9;border-radius:16px}.ie-formgrid{grid-template-columns:minmax(0,1fr);align-items:start;gap:28px;display:grid}@media (width>=1200px){.ie-formgrid{grid-template-columns:minmax(0,1fr) 340px}.ie-formgrid--320{grid-template-columns:minmax(0,1fr) 320px;gap:32px}}.ie-choice{background:var(--color-tint2);cursor:pointer;border-radius:16px;align-items:center;gap:12px;min-height:48px;padding:8px 14px;transition:background-color .15s;display:flex}.ie-choice:has(:checked){background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-primary)}.ie-choice .ie-check{min-height:0}.ie-authcard{border:1px solid var(--color-sep2);border-radius:var(--radius-panelLg);background:var(--color-surface);width:100%;max-width:440px;padding:28px}.ie-authcard .ie-empty{background:0 0;padding:0}.ie-dp{gap:8px;min-width:0;display:flex;position:relative}.ie-dp>.ie-dd{flex:auto}.ie-dp>.ie-dd--time{flex:0 0 120px}.ie-dp>.ie-dd--time .ie-pop{left:auto;right:0}.ie-cal{min-width:280px;padding:10px}.ie-cal-hd{justify-content:space-between;align-items:center;gap:6px;padding:0 2px 4px;font-size:15px;font-weight:700;display:flex}.ie-cal-grid{text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.ie-cal-grid>span{color:var(--color-muted);padding:4px 0;font-size:11px;font-weight:600}.ie-cal-grid>button{border-radius:var(--radius-pill);height:36px;color:var(--color-ink);font-variant-numeric:tabular-nums;background:0 0;border:0;font-size:14px}.ie-cal-grid>button:hover{background:var(--color-tint2)}.ie-cal-grid>button[data-out]{color:var(--color-muted);opacity:.55}.ie-cal-grid>button[data-today]{color:var(--color-primary);font-weight:700}.ie-cal-grid>button[aria-selected=true]{background:var(--color-primary);color:var(--color-onPrimary);font-weight:700}.ie-cal-grid>button:disabled{opacity:.3;cursor:default;background:0 0}}@layer utilities;
