.article-site{color:#192433;min-height:100vh;font-family:var(--font-main),Arial,sans-serif;background:#f3f4f6;padding-top:126px}.article-site *{box-sizing:border-box}.article-site a{text-decoration:none}.article-wrap{max-width:1160px;margin:auto;padding:68px 24px 100px}.article-eyebrow{color:#9a6a28;letter-spacing:.13em;margin-bottom:18px;font-size:12px;font-weight:800}.article-eyebrow a{color:#9a6a28}.article-wrap h1{color:#142232;letter-spacing:-.025em;max-width:880px;margin:0 0 21px;font-size:clamp(32px,5vw,54px);font-weight:800;line-height:1.16}.article-lead{color:#576473;max-width:830px;margin:0 0 42px;font-size:18px;line-height:1.85}.article-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;display:grid}.article-card{background:#fff;border:1px solid #e5e9ef;border-radius:19px;padding:34px;transition:transform .15s,border-color .15s;box-shadow:0 12px 32px #1422320e;color:inherit!important}.article-card:hover{border-color:#e4ae62;transform:translateY(-3px)}.article-card-number{color:#e9cda5;font-size:52px;font-weight:900;line-height:1}.article-card-category{color:#a26c22;letter-spacing:.12em;margin-top:20px;font-size:11px;font-weight:800}.article-card h2{color:#142232;margin:14px 0;font-size:25px;line-height:1.4}.article-card p{color:#5d6875;font-size:14px;line-height:1.8}.article-read{color:#a26c22;margin-top:18px;font-size:13px;font-weight:800;display:inline-block}.article-layout{grid-template-columns:minmax(0,1fr) 285px;align-items:start;gap:55px;display:grid}.article-prose{background:#fff;border:1px solid #e8ebef;border-radius:20px;padding:clamp(22px,4vw,46px)}.article-prose p{color:#354455;margin:0 0 24px;font-size:15.5px;line-height:2.05}.article-prose h2{color:#172638;margin:40px 0 17px;scroll-margin-top:125px;font-size:clamp(21px,2.5vw,28px);font-weight:800;line-height:1.4}.article-prose h2:first-child{margin-top:0}.article-sidebar{overscroll-behavior:contain;background:#fff;border:1px solid #e5e9ef;border-radius:18px;max-height:calc(100dvh - 130px);padding:27px;position:sticky;top:112px;overflow-y:auto}.article-sidebar h2{color:#172638;margin:0 0 17px;font-size:17px;font-weight:800}.article-sidebar ol{margin:0;padding-left:21px}.article-sidebar li{color:#986922;padding:0 0 14px;font-size:13px}.article-sidebar a{line-height:1.65;color:#435366!important}.article-sidebar a:hover{color:#b47825!important}.article-related{border-top:1px solid #eee;margin-top:22px;padding-top:22px}.article-related>a{margin-bottom:13px;font-size:13px;font-weight:700;display:block}.article-cta{color:#fff;background:#142638;border-radius:16px;margin-top:45px;padding:30px}.article-cta h2{margin:0 0 12px;color:#fff!important}.article-cta p{color:#e3eaf1!important}.article-cta>a{background:#e0a85d;border-radius:8px;padding:12px 17px;font-weight:800;display:inline-block;color:#142638!important}.article-back{margin-top:35px}.article-back a{color:#96651f;font-weight:700}@media (max-width:850px){.article-layout{grid-template-columns:1fr;gap:24px}.article-sidebar{max-height:none;position:static;overflow:visible}.article-cards{grid-template-columns:1fr}}@media (max-width:560px){.article-nav-inner{flex-direction:column;align-items:flex-start}.article-nav nav{gap:15px}.article-wrap{padding:42px 18px 70px}.article-prose{padding:23px}}@media (max-width:768px){.article-site{padding-top:114px}}.article-prose [id^=bagian-]{scroll-margin-top:125px}