.art-hero{background:var(--bg0);border-radius:var(--radius-lg);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:28px 44px;padding:clamp(24px,4vw,48px);display:grid;position:relative;overflow:hidden}.art-hero.no-media{grid-template-columns:minmax(0,1fr) auto}.ah-art{width:clamp(90px,12vw,150px);height:auto;margin-right:clamp(0px,3vw,40px)}.art-hero:before{content:"";background:var(--bg1);border-radius:50%;width:460px;height:460px;position:absolute;bottom:-220px;left:-140px}.art-hero>*{z-index:1;position:relative}.art-hero .crumbs{padding:0 0 12px}.art-hero h1{margin:0;font-size:clamp(30px,3.6vw,46px);line-height:1.12}.art-hero .ph-lead{color:var(--body);max-width:640px;margin:14px 0 0;font-size:18px}.draft-pill{background:var(--coral-soft);color:var(--cta-ink);letter-spacing:.08em;border-radius:8px;margin:0 0 12px;padding:6px 10px;font:800 12px/1 Outfit;display:inline-block}.ameta{flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none;display:flex}.ameta li{color:var(--text);white-space:nowrap;background:#9aa6cf24;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font:600 13.5px/1 Outfit;display:inline-flex}.ameta svg{color:var(--gold);flex:none}.ah-media .player{box-shadow:0 20px 50px #00000059}.ah-cap{color:var(--mute);justify-content:space-between;gap:12px;margin:12px 2px 0;font-size:14px;display:flex}.ah-cap a{color:var(--gold);align-items:center;gap:6px;font-weight:700;text-decoration:none;display:inline-flex}.ah-cap a:hover{text-decoration:underline}.art-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:28px;display:grid}.art-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);min-width:0;padding:clamp(22px,4vw,52px)}.art-side{gap:16px;display:grid;position:sticky;top:92px}.art-side .card{border-radius:16px;padding:20px 22px}.side-h{color:var(--text);margin:0 0 6px;font:800 17px/1.3 Outfit}.art-side .card p{color:var(--body);margin:0 0 14px;font-size:15px}.toc ol{gap:2px;margin:8px 0 0;padding:0;list-style:none;display:grid}.toc a{color:var(--body);border-radius:10px;grid-template-columns:14px 1fr;gap:6px;padding:7px 8px;font-size:14.5px;line-height:1.35;text-decoration:none;display:grid}.toc a:before{content:"";background:var(--divider);border-radius:50%;width:6px;height:6px;margin-top:8px}.toc a.on:before{background:var(--coral)}.toc a:hover{background:var(--raise);color:var(--text)}.toc a.on{background:var(--raise);color:var(--text);font-weight:700}.side-sub{text-align:center}.side-sub img{border-radius:50%;width:56px;height:56px;margin:0 auto 10px}.side-sub .btn{justify-content:center;width:100%}.side-pz{grid-template-columns:64px 1fr;align-items:center;gap:14px;display:grid}.side-pz p{margin-bottom:0!important}.side-pz .btn{grid-column:1/-1;justify-content:center}.toc-m{display:none}.takeaways{background:var(--raise);border-radius:16px;margin:0 0 28px;padding:20px 24px}.tk-h{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-text);margin:0 0 10px;font:800 13px/1 Outfit}.takeaways ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.takeaways li{color:var(--text);grid-template-columns:24px 1fr;gap:8px;font-weight:500;line-height:1.5;display:grid}.takeaways li svg{color:#0d7a4e;margin-top:3px}.art-body{color:var(--body);font-size:18px;line-height:1.75}.art-body>:first-child{margin-top:0}.art-body h2{color:var(--text);margin:1.9em 0 .6em;scroll-margin-top:96px;font-size:clamp(24px,2.4vw,30px);line-height:1.25}.art-body h3{color:var(--text);margin:1.6em 0 .5em;scroll-margin-top:96px;font-size:21px;line-height:1.3}.art-body p,.art-body li{color:var(--body)}.art-body strong{color:var(--text)}.art-body a{color:var(--link);text-underline-offset:3px;font-weight:600}.art-body a:hover{color:var(--link-h)}.art-body ul,.art-body ol{padding-left:1.3em}.art-body li{margin:.35em 0}.art-body li::marker{color:var(--coral);font-weight:800}.art-body hr{background:var(--divider);border:0;height:1px;margin:2.2em 0}.art-body code{background:var(--raise);color:var(--text);border-radius:6px;padding:2px 6px;font-size:.92em}.art-body table{border-collapse:separate;border-spacing:0;width:100%;box-shadow:0 0 0 1px var(--divider);border-radius:14px;margin:1.4em 0;font-size:16px;line-height:1.5;overflow:hidden}.art-body th{background:var(--bg0);color:var(--cream);text-align:left;padding:12px 14px;font-weight:700}.art-body td{border-top:1px solid var(--divider);color:var(--body);vertical-align:top;padding:11px 14px}.art-body tr:nth-child(2n) td{background:var(--raise)}.tbl{overflow-x:auto}.art-body .cmp-cards{display:none}.cmp-card{background:var(--raise);border-radius:14px;padding:16px 18px}.cmp-h{color:var(--text);margin:0 0 10px;font:800 18px/1.3 Outfit}.cmp-card dl{grid-template-columns:minmax(110px,40%) 1fr;gap:8px 12px;margin:0;font-size:15px;line-height:1.5;display:grid}.cmp-card dt{color:var(--text);font-weight:700}.cmp-card dd{color:var(--body);margin:0}.guide-sec{scroll-margin-top:96px}.guide-sec h2{align-items:center;gap:14px;display:flex}.sec-n{background:var(--bg0);width:40px;height:40px;color:var(--gold);border-radius:10px;flex:none;place-items:center;font:800 19px/1 Outfit;display:inline-grid}.art-body blockquote{color:var(--ink);background:#fff4d6;border-radius:16px;min-height:96px;margin:1.6em 0;padding:18px 22px 18px 92px;position:relative}.art-body blockquote:before{content:"";background:url(/pipion/sombong.svg) 50%/contain no-repeat;width:60px;height:80px;position:absolute;top:14px;left:16px}.art-body blockquote:after{content:"Pipion";background:var(--coral-soft);color:var(--cta-ink);letter-spacing:.06em;border-radius:8px;padding:5px 9px;font:800 12px/1 Outfit;position:absolute;top:-11px;left:92px}:lang(id) .art-body blockquote:after{content:"Kata Pipion"}:lang(en) .art-body blockquote:after{content:"Pipion says"}.art-body blockquote p{color:var(--ink);margin:.3em 0;font-size:17px;line-height:1.6}.art-body blockquote strong{color:var(--ink)}.art-body .note{background:var(--raise);border-radius:14px;margin:1.5em 0;padding:16px 20px}.art-body .note p{margin:.3em 0}.dg{max-width:440px;margin:1.8em auto}.dg-board{aspect-ratio:1;background:#26315e;border-radius:16px;grid-template-columns:repeat(8,1fr);padding:18px;display:grid;position:relative;box-shadow:0 16px 34px #0b102738}.dg-board .sq{position:relative}.dg-board .sq.l{background:var(--sq1)}.dg-board .sq.d{background:var(--sq2)}.dg-board .sq.last:before{content:"";background:#ffc23c73;position:absolute;inset:0}.dg-board .sq.hl:before{content:"";background:#ff6b5e80;position:absolute;inset:0}.dg-board .sq.dot:after{content:"";z-index:3;background:#0d7a4ec7;border-radius:50%;position:absolute;inset:36%}.dg-board .sq.dot.cap:after{background:0 0;border-radius:50%;inset:5%;box-shadow:inset 0 0 0 4px #0d7a4ed9}.dg-board .sq.check:before{content:"";background:radial-gradient(circle,#ff6b5ef2 0%,#ff6b5e66 45%,#0000 72%);position:absolute;inset:0}.dg-board .pc{z-index:2;width:100%;height:100%;position:absolute;inset:0}.dg-board .co{z-index:1;color:var(--cream);pointer-events:none;font:700 11px/1 Outfit;position:absolute}.dg-board .cr{top:50%;left:-12px;transform:translateY(-50%)}.dg-board .cf{bottom:-14px;left:50%;transform:translate(-50%)}.dg-arrows{z-index:3;pointer-events:none;width:calc(100% - 36px);height:calc(100% - 36px);position:absolute;top:18px;left:18px}.dg-bar{justify-content:center;align-items:center;gap:8px;margin:18px 0 6px;display:flex}.dg-btn{border:1.5px solid var(--btn-line);background:var(--surface);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:10px;place-items:center;display:grid}.dg-btn:hover:not(:disabled){background:var(--navy);border-color:var(--navy);color:var(--cream)}.dg-btn:disabled{opacity:.45;cursor:default}.dg-btn.dg-next{background:var(--cta);color:var(--cta-ink);border-color:#0000}.dg-btn.dg-next:disabled{background:var(--surface);border-color:var(--btn-line)}.dg-count{text-align:center;min-width:48px;color:var(--body);font:700 14px/1 Outfit}.dg-line{color:var(--body);flex-wrap:wrap;justify-content:center;gap:4px 6px;margin:10px 0 0;font:600 15px/1.4 Outfit;display:flex}.dg-line .mn{color:var(--mute);padding:4px 0 4px 4px;font-weight:700}.dg-line .mv{font:inherit;color:var(--text);border-radius:8px;padding:4px 8px}.dg-line .mv.pre{color:var(--body)}.dg-line button.mv{background:var(--raise);cursor:pointer;border:0}.dg-line button.mv:hover{background:var(--panel3)}.dg-line button.mv.on{background:var(--navy);color:var(--cream)}.dg figcaption{text-align:center;color:var(--body);margin-top:10px;font-size:15px;line-height:1.5}.art-video{background:var(--bg0);border-radius:16px;margin:1.8em 0;overflow:hidden;box-shadow:0 14px 34px #0b10272e}.art-video .lyt{border-radius:0}.art-video .lyt.short{max-height:none}.art-video figcaption{grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:14px 18px 16px;display:grid}.art-video .vk{letter-spacing:.1em;text-transform:uppercase;color:var(--gold);grid-column:1/-1;font:800 11.5px/1 Outfit}.art-video .vt{color:var(--cream);font-size:16px;font-weight:700;line-height:1.35;text-decoration:none}.art-video .vt:hover{color:var(--cream);text-decoration:underline}.art-video .vm{color:#c9cfea;grid-column:1;font-size:13.5px}.art-video .vy{background:var(--cta);color:var(--cta-ink);white-space:nowrap;border-radius:10px;grid-area:2/2/span 2;align-self:center;padding:10px 12px;font:700 13.5px/1 Outfit;text-decoration:none}.art-video .vy:hover{color:var(--cta-ink);filter:brightness(1.05)}.art-short{background:var(--raise);border-radius:16px;grid-template-columns:76px 1fr;align-items:center;gap:16px;margin:1.4em 0;padding:12px;transition:background .15s;display:grid;text-decoration:none!important}.art-short:hover{background:var(--panel3)}.as-th{aspect-ratio:9/16;background:var(--bg0);border-radius:10px;width:76px;display:block;position:relative;overflow:hidden}.as-th img{object-fit:cover;width:100%;height:100%}.as-th .pl{background:var(--coral);border-radius:50%;width:30px;height:30px;margin:auto;position:absolute;inset:0}.as-th .pl:after{content:"";border-style:solid;border-width:7px 0 7px 11px;border-color:transparent transparent transparent var(--cta-ink);position:absolute;top:8px;left:11px}.as-tx{gap:6px;min-width:0;display:grid}.as-tx .vk{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text);font:800 11.5px/1 Outfit}.as-tx .vt{color:var(--text);font:700 17px/1.35 Outfit}.as-go{color:var(--link);font:700 14.5px/1 Outfit}.art-faq{margin-top:2.4em}.art-faq h2{margin:0 0 16px;font-size:clamp(24px,2.4vw,30px)}.faq{background:var(--raise);border-radius:14px;margin:10px 0}.faq summary{cursor:pointer;color:var(--text);justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:16px 18px;font-size:17px;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary svg{color:var(--mute);flex:none;transition:transform .2s}.faq[open] summary svg{transform:rotate(90deg)}.faq p{color:var(--body);margin:0;padding:0 18px 18px;line-height:1.65}.author-box{background:var(--raise);border-radius:18px;grid-template-columns:96px 1fr;align-items:start;gap:20px;margin-top:2.6em;padding:24px;display:grid}.author-box>img{width:96px;height:96px;box-shadow:0 0 0 4px var(--surface);border-radius:50%}.ab-k{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-text);margin:0;font:800 12px/1 Outfit}.ab-n{color:var(--text);flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:8px 0;font:800 20px/1.2 Outfit;display:flex}.ab-n span{color:var(--mute);font:600 14px/1.2 Outfit}.ab-b{color:var(--body);margin:0 0 14px;line-height:1.65}.art-more{padding-top:56px}.grid-articles{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.grid-articles.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.acard{background:var(--surface);min-width:0;box-shadow:var(--shadow-card);border-radius:16px;flex-direction:column;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden}.acard:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.a-cover{aspect-ratio:16/9;background:var(--panel3);display:block;position:relative;overflow:hidden}.a-cover img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.acard:hover .a-cover img{transform:scale(1.04)}.a-play{color:var(--cream);background:#0b1027e0;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font:700 12.5px/1 Outfit;display:inline-flex;position:absolute;bottom:12px;left:12px}.a-play svg{color:var(--gold)}.a-body{flex-direction:column;flex:1;padding:18px 20px 20px;display:flex}.a-k{letter-spacing:.1em;text-transform:uppercase;min-height:13px;color:var(--accent-text);align-items:center;gap:8px;margin:0 0 8px;font:800 12.5px/1 Outfit;display:flex}.a-draft{background:var(--coral-soft);color:var(--cta-ink);letter-spacing:.06em;border-radius:6px;padding:4px 7px}.acard h3{margin:0;font-size:20px;line-height:1.3}.acard h3 a{color:var(--text);text-decoration:none}.acard h3 a:after{content:"";position:absolute;inset:0}.acard{position:relative}.a-d{color:var(--body);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:10px 0 16px;font-size:15.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.a-m{color:var(--mute);flex-wrap:wrap;align-items:center;gap:6px 8px;margin:auto 0 0;font-size:13.5px;display:flex}.a-m .a-av{border-radius:50%;flex:none;width:28px;height:28px;margin-right:4px}.acard.feature{border-radius:var(--radius-lg);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);display:grid}.acard.feature .a-cover{aspect-ratio:auto;background:var(--bg0);place-items:center;min-height:100%;display:grid}.acard.feature .a-cover img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;position:static}.acard.feature:hover .a-cover img{transform:none}.acard.feature .a-body{justify-content:center;padding:clamp(22px,2.8vw,34px)}.acard.feature h3{font-size:clamp(22px,2.2vw,28px);line-height:1.22}.acard.feature .a-d{-webkit-line-clamp:3;font-size:16px}.acard.feature .a-m{margin-top:0}.grid-terms{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.term-card{background:var(--surface);box-shadow:var(--shadow-card);border-radius:16px;align-content:start;gap:8px;padding:20px 22px;text-decoration:none;display:grid}.term-card:hover{box-shadow:var(--shadow-hover)}.term-card h3{color:var(--text);margin:0;font-size:19px}.term-card p{color:var(--body);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:15px;line-height:1.55;display:-webkit-box;overflow:hidden}@media (width<=1080px){.art-layout{grid-template-columns:minmax(0,1fr) 280px}}@media (width<=960px){.art-hero{grid-template-columns:minmax(0,1fr)}.art-hero.no-media{grid-template-columns:minmax(0,1fr) auto}.art-layout{grid-template-columns:minmax(0,1fr)}.art-side{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.art-side .toc{display:none}.toc-m{background:var(--raise);border-radius:14px;margin:0 0 22px;display:block}.toc-m summary{min-height:48px;color:var(--text);cursor:pointer;align-items:center;gap:10px;padding:14px 18px;font-weight:800;list-style:none;display:flex}.toc-m summary::-webkit-details-marker{display:none}.toc-m ol{gap:6px;margin:0;padding:0 18px 14px 40px;display:grid}.toc-m a{color:var(--link);font-weight:600}.grid-articles,.grid-terms{grid-template-columns:repeat(2,minmax(0,1fr))}.acard.feature{grid-template-columns:minmax(0,1fr)}.acard.feature .a-cover{min-height:0}}@media (width<=640px){.art-hero .ph-lead{font-size:16px}.ah-art{align-self:start;width:64px;margin:0}.art-body{font-size:16.5px;line-height:1.7}.art-body h2{font-size:23px}.art-body h3{font-size:19px}.art-body blockquote{min-height:0;padding:54px 18px 16px}.art-body blockquote:before{width:34px;height:44px;top:10px;left:14px}.art-body blockquote:after{top:22px;left:56px}.art-body table.stack,.art-body table.stack tbody{box-shadow:none;border-radius:0;display:block;overflow:visible}.art-body table.stack thead{display:none}.art-body table.stack tr{background:var(--raise);border-radius:14px;margin:10px 0;padding:12px 16px;display:block}.art-body table.stack td{border:0;grid-template-columns:minmax(96px,38%) 1fr;gap:10px;padding:5px 0;font-size:15px;display:grid;background:0 0!important}.art-body table.stack td:before{content:attr(data-label);color:var(--text);font-weight:700}.art-body table.stack td:first-child{color:var(--text);padding-bottom:8px;font-size:16.5px;font-weight:800;display:block}.art-body table.stack td:first-child:before{content:none}.art-body table.compare{display:none}.art-body .cmp-cards{gap:12px;margin:1.2em 0;display:grid}.art-side,.grid-articles,.grid-articles.cols-2,.grid-terms{grid-template-columns:minmax(0,1fr)}.author-box{grid-template-columns:64px 1fr;gap:14px;padding:18px}.author-box>img{width:64px;height:64px}.art-video figcaption{grid-template-columns:1fr}.art-video .vy{grid-area:auto/1;justify-self:start;margin-top:8px}.ameta li{padding:6px 8px;font-size:12.5px}.dg{max-width:100%}}