:root{--paper:#FFFFFF;--card:#FFFFFF;--ink:#1D2433;--ink-2:#3B4457;--muted:#5D6678;--line:#E2E8EA;--line-2:#CBD5D8;--wash:#F2F7F8;--wash-2:#F7F2F7;--teal:#5EAAB6;--cyan:#49B4C9;--purple:#A564A5;--violet:#7C57A1;--teal-ink:#2B7480;--purple-ink:#7A3E7B;--accent:var(--purple);--accent-ink:var(--purple-ink);--focus:var(--violet);--duo:linear-gradient(90deg,var(--cyan) 0 62%,var(--purple) 62% 100%);--serif:"Newsreader", "Iowan Old Style", Georgia, "Times New Roman", serif;--sans:"Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--w:1180px;--read:680px;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3,h4{font-family:var(--serif);font-weight:600;line-height:1.15;margin:0;text-wrap:balance;letter-spacing:-.005em}p{margin:0}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:2px}.wrap{max-width:var(--w);margin:0 auto;padding-inline:20px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.mast{border-bottom:0;background:var(--duo) bottom/100% 3px no-repeat}.mast-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:16px 12px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none}.logo svg{flex:none}.logo b{font-family:var(--serif);font-size:30px;font-weight:600;letter-spacing:-.02em;line-height:1}.logo b span{color:var(--accent)}.mast-tag{font-family:var(--serif);font-style:italic;color:var(--muted);font-size:16px}.mast-cta{display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;gap:8px;font:700 14px/1 var(--sans);padding:11px 18px;border-radius:999px;border:1px solid var(--teal-ink);background:var(--teal-ink);color:#fff;text-decoration:none;cursor:pointer}.btn:hover{background:#23626c;border-color:#23626c}.btn.line{background:transparent;color:var(--teal-ink);border-color:var(--teal)}.btn.line:hover{background:var(--wash)}.nav{border-top:1px solid var(--line);margin-bottom:3px;display:flex;gap:4px;flex-wrap:wrap;padding-block:6px}.nav a,.nav summary{font:600 13.5px/1 var(--sans);letter-spacing:.02em;text-decoration:none;padding:10px 12px;border-radius:6px;cursor:pointer;list-style:none;color:var(--ink-2)}.nav summary::-webkit-details-marker{display:none}.nav summary:after{content:"";display:inline-block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-3px);margin-left:8px}.nav a:hover,.nav summary:hover,.nav details[open] summary{background:var(--wash);color:var(--teal-ink)}.nav a[aria-current=page]{color:var(--accent-ink)}.nav details{position:relative}.menu{position:absolute;z-index:20;top:calc(100% + 6px);left:0;min-width:260px;background:var(--card);border:1px solid var(--line-2);border-radius:10px;box-shadow:0 12px 30px #181b2b1f;padding:8px;display:grid}.menu a{font-weight:500;letter-spacing:0;padding:9px 10px}.menu a.all{border-top:1px solid var(--line);margin-top:4px;color:var(--accent-ink);font-weight:600}.kicker{display:flex;flex-wrap:wrap;gap:4px 8px;font:700 11.5px/1.3 var(--sans);letter-spacing:.09em;text-transform:uppercase}.kicker a{text-decoration:none;color:var(--accent-ink)}.kicker a:hover{text-decoration:underline}.kicker .sep{color:var(--line-2)}.byline{font-size:14px;color:var(--muted)}.byline a{color:var(--ink-2);font-weight:600;text-decoration:none}.byline a:hover{text-decoration:underline}.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;background:var(--duo) top/100% 3px no-repeat;padding-top:14px;margin-bottom:22px}.sec-head h2{font-size:26px}.sec-head a{font:700 14px var(--sans);color:var(--teal-ink);text-decoration:none;white-space:nowrap}.sec-head a:hover{text-decoration:underline}.card{display:grid;gap:10px;align-content:start;min-width:0}.card .cover{border-radius:10px;overflow:hidden;aspect-ratio:9/6.5;background:var(--wash)}.card .cover svg,.card .cover img{width:100%;height:100%;display:block}.card .cover img{object-fit:cover;object-position:center 35%}.card h3{font-size:21px}.card h3 a{text-decoration:none}.card h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.card .ex{color:var(--ink-2);font-size:15px}.card.lg h3{font-size:clamp(28px,3.4vw,40px)}.card.lg .ex{font-family:var(--serif);font-size:19px;line-height:1.45;color:var(--ink-2)}.card.sm h3{font-size:18px}.card.row{grid-template-columns:120px 1fr;gap:14px;align-items:start}.card.row .cover{aspect-ratio:1}.hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:40px;padding-block:34px 44px}.hero-side{display:grid;gap:28px;align-content:start;border-left:1px solid var(--line);padding-left:32px}.block{padding-block:40px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 26px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 26px}.split{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:40px}.reading{list-style:none;margin:0;padding:0;display:grid;counter-reset:r}.reading li{display:grid;grid-template-columns:34px 1fr;gap:4px 10px;padding-block:14px;border-bottom:1px solid var(--line);counter-increment:r}.reading li:before{content:counter(r);font:600 24px/1 var(--serif);color:var(--purple);grid-row:span 2}.reading a{font:600 17px/1.3 var(--serif);text-decoration:none}.reading a:hover{text-decoration:underline}.reading span{font-size:13px;color:var(--muted)}.topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.topic{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--card);text-decoration:none}.topic:hover{border-color:var(--teal)}.topic svg{width:44px;height:44px;border-radius:6px}.topic b{font:600 16px/1.2 var(--serif)}.topic small{display:block;color:var(--muted);font-size:12.5px}.people{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.person{display:grid;justify-items:center;text-align:center;gap:8px;text-decoration:none}.avatar{width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,#e3f3f6,#f3e6f3);border:1px solid var(--line);display:grid;place-items:center;font:600 26px var(--serif);color:var(--ink-2);overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.person b{font:600 16px/1.2 var(--serif)}.person small{color:var(--teal-ink);font-weight:600;font-size:13px}.join{border:1px dashed var(--teal);background:var(--wash);border-radius:12px;padding:18px;display:grid;gap:8px;align-content:center}.join p{color:var(--ink-2);font-size:14.5px}.join a{color:var(--teal-ink);font-weight:600}.news{background:linear-gradient(120deg,#2b7480,#4f5f9e 55%,#7c57a1);color:#f4f2ec;border-radius:16px;padding:36px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;align-items:center}.news h2{font-size:32px;color:#fff}.news p{color:#e7eef3;margin-top:10px}.news .note{font-size:14px;color:#e7eef3}.news .btn{background:#fff;color:var(--teal-ink);border-color:#fff}.news .btn:hover{background:#eaf5f7}.empty{padding:28px;border:1px dashed var(--line-2);border-radius:12px;color:var(--muted);text-align:center}.page-head{padding-block:40px 28px;border-bottom:1px solid var(--line);margin-bottom:34px;display:grid;gap:10px}.page-head .eyebrow{font:800 12px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--teal-ink)}.page-head h1{font-size:clamp(34px,5vw,52px)}.page-head p{font-family:var(--serif);font-size:19px;color:var(--ink-2);max-width:60ch}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.chips a{font:600 13px var(--sans);text-decoration:none;padding:7px 12px;border:1px solid var(--line-2);border-radius:999px;background:var(--card)}.chips a:hover{border-color:var(--teal)}.chips a[aria-current=page]{background:var(--teal-ink);color:#fff;border-color:var(--teal-ink)}.dir{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dir a{display:grid;gap:4px;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--card);text-decoration:none}.dir a:hover{border-color:var(--teal)}.dir b{font:600 20px/1.2 var(--serif)}.dir span{color:var(--muted);font-size:14.5px}.dir em{font-style:normal;font-size:12.5px;font-weight:700;color:var(--teal-ink)}.art-head{max-width:860px;margin:0 auto;padding-block:46px 26px;display:grid;gap:16px;text-align:center;justify-items:center}.art-head h1{font-size:clamp(34px,5.4vw,58px);line-height:1.08}.art-head .dek{font-family:var(--serif);font-size:clamp(19px,2.2vw,23px);line-height:1.45;color:var(--ink-2);max-width:40ch}.art-head .kicker{justify-content:center}.art-cover{max-width:1000px;margin:0 auto 10px;border-radius:14px;overflow:hidden;aspect-ratio:16/7.5}.art-cover svg{width:100%;height:100%;display:block}.art-photo{max-width:1000px;margin:0 auto 10px;display:grid;gap:8px;justify-items:center}.art-photo img{max-height:560px;width:auto;max-width:100%;border-radius:14px;background:var(--wash)}.art-photo figcaption{font-size:13px;color:var(--muted)}.prose{max-width:var(--read);margin:0 auto;padding-block:30px 20px;font-family:var(--serif);font-size:20px;line-height:1.7;color:#22253a}.prose>*+*{margin-top:1.05em}.prose h2{font-size:28px;margin-top:1.8em}.prose h3{font-size:23px;margin-top:1.5em}.prose a{color:var(--teal-ink);text-underline-offset:3px}.prose blockquote{margin:1.6em 0;padding:4px 0 4px 22px;border-left:3px solid var(--accent);font-style:italic;color:var(--ink-2)}.prose ul,.prose ol{padding-left:1.3em}.prose li+li{margin-top:.4em}.prose hr{border:0;border-top:1px solid var(--line);margin:2em 0}.prose>p:first-of-type:first-letter{float:left;font-size:3.6em;line-height:.85;padding:6px 10px 0 0;font-weight:600;color:var(--accent)}.prose .refs,.prose h2#referensi+ul,.prose h2#referensi+ol{font-family:var(--sans);font-size:14px;line-height:1.55;color:var(--muted)}.art-foot{max-width:var(--read);margin:0 auto;padding-block:10px 40px;display:grid;gap:22px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags a{font:600 13px var(--sans);text-decoration:none;padding:7px 12px;border:1px solid var(--line-2);border-radius:999px;background:var(--card)}.tags a:hover{border-color:var(--teal)}.author-box{display:grid;grid-template-columns:64px 1fr;gap:16px;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--card)}.author-box .avatar{width:64px;height:64px;font-size:20px}.author-box b{font:600 18px var(--serif)}.author-box p{color:var(--ink-2);font-size:14.5px;margin-top:4px}.disclaimer{font-size:14px;color:var(--ink-2);background:var(--wash-2);border-radius:10px;padding:14px 16px}.text{max-width:var(--read);margin:0 auto;padding-block:10px 50px;font-family:var(--serif);font-size:19px;line-height:1.7}.text>*+*{margin-top:1em}.text h2{font-size:26px;margin-top:1.6em}.text a{color:var(--teal-ink)}.text ul{padding-left:1.3em}.foot{margin-top:40px;background:var(--duo) top/100% 3px no-repeat,var(--wash)}.foot-in{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:32px;padding-block:40px}.foot p{color:var(--ink-2);font-family:var(--serif);font-size:17px;margin-top:12px;max-width:34ch}.foot h4{font:700 12px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.foot ul a{text-decoration:none;font-size:14.5px}.foot ul a:hover{text-decoration:underline}.foot-bar{border-top:1px solid var(--line);padding-block:16px;font-size:13px;color:var(--muted);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}@media(max-width:980px){.hero{grid-template-columns:1fr}.hero-side{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:26px;grid-template-columns:1fr 1fr}.grid4,.topics,.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}.people{grid-template-columns:repeat(3,minmax(0,1fr))}.news{grid-template-columns:1fr}.foot-in{grid-template-columns:1fr 1fr}.mast-tag{display:none}}@media(max-width:620px){.wrap{padding-inline:16px}.hero-side,.grid4,.grid3,.topics,.dir{grid-template-columns:1fr}.people{grid-template-columns:repeat(2,minmax(0,1fr))}.foot-in{grid-template-columns:1fr}.logo img{height:30px!important}.mast-cta .btn.line{display:none}.prose{font-size:18.5px}.news{padding:24px}.menu{position:fixed;left:16px;right:16px;top:auto;min-width:0}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}