.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.\!sticky{position:sticky!important}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.-top-\[1px\]{top:-1px}.bottom-0{bottom:0}.bottom-2{bottom:.5rem}.bottom-4{bottom:1rem}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-3{left:.75rem}.left-4{left:1rem}.left-\[-14px\]{left:-14px}.left-\[-18px\]{left:-18px}.right-0{right:0}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.right-\[-14px\]{right:-14px}.right-\[-18px\]{right:-18px}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:.5rem}.top-28{top:7rem}.top-3{top:.75rem}.top-4{top:1rem}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[999\]{z-index:999}.order-1{order:1}.order-2{order:2}.order-3{order:3}.col-span-1{grid-column:span 1/span 1}.col-span-12{grid-column:span 12/span 12}.col-span-2{grid-column:span 2/span 2}.m-0{margin:0}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.-ml-2{margin-left:-.5rem}.-ml-\[50vw\]{margin-left:-50vw}.-mt-1{margin-top:-.25rem}.-mt-10{margin-top:-2.5rem}.-mt-px{margin-top:-1px}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-3{-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[16\/10\]{aspect-ratio:16/10}.aspect-video{aspect-ratio:16/9}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-36{height:9rem}.h-4{height:1rem}.h-40{height:10rem}.h-44{height:11rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-56{height:14rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[18px\]{height:18px}.h-\[260px\]{height:260px}.h-\[30px\]{height:30px}.h-\[360px\]{height:360px}.h-\[36px\]{height:36px}.h-\[42px\]{height:42px}.h-\[64px\]{height:64px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-72{max-height:18rem}.max-h-80{max-height:20rem}.max-h-full{max-height:100%}.min-h-screen{min-height:100vh}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[18px\]{width:18px}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.w-screen{width:100vw}.min-w-0{min-width:0}.min-w-\[200px\]{min-width:200px}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-7xl{max-width:80rem}.max-w-\[120px\]{max-width:120px}.max-w-\[140px\]{max-width:140px}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1{--tw-translate-y:-0.25rem}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px}.translate-x-full{--tw-translate-x:100%}.translate-x-full,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-4{--tw-translate-y:1rem}.rotate-180,.translate-y-4{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-95{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.cursor-zoom-in{cursor:zoom-in}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px*var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem*var(--tw-space-y-reverse))}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-right-width:calc(1px*var(--tw-divide-x-reverse));border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(243 244 246/var(--tw-divide-opacity,1))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(229 231 235/var(--tw-divide-opacity,1))}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.justify-self-end{justify-self:end}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-l-xl{border-top-left-radius:.75rem;border-bottom-left-radius:.75rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-accent{--tw-border-opacity:1;border-color:rgb(30 42 68/var(--tw-border-opacity,1))}.border-accent\/20{border-color:rgba(30,42,68,.2)}.border-brandGold\/15{border-color:rgba(30,42,68,.15)}.border-brandGold\/25{border-color:rgba(30,42,68,.25)}.border-brandGold\/70{border-color:rgba(30,42,68,.7)}.border-brandRed\/20{border-color:rgba(30,42,68,.2)}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-200\/70{border-color:rgba(229,231,235,.7)}.border-gray-200\/80{border-color:rgba(229,231,235,.8)}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-gray-50{--tw-border-opacity:1;border-color:rgb(249 250 251/var(--tw-border-opacity,1))}.border-merah-400{--tw-border-opacity:1;border-color:rgb(74 117 243/var(--tw-border-opacity,1))}.border-merah-500{--tw-border-opacity:1;border-color:rgb(13 61 239/var(--tw-border-opacity,1))}.border-navy-100{--tw-border-opacity:1;border-color:rgb(208 222 252/var(--tw-border-opacity,1))}.border-navy-400{--tw-border-opacity:1;border-color:rgb(74 117 243/var(--tw-border-opacity,1))}.border-navy-600{--tw-border-opacity:1;border-color:rgb(13 61 239/var(--tw-border-opacity,1))}.border-primary\/15{border-color:rgba(30,42,68,.15)}.border-primary\/20{border-color:rgba(30,42,68,.2)}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.border-white\/25{border-color:hsla(0,0%,100%,.25)}.border-white\/40{border-color:hsla(0,0%,100%,.4)}.bg-\[\#fe6f00\]{--tw-bg-opacity:1;background-color:rgb(254 111 0/var(--tw-bg-opacity,1))}.bg-accent{--tw-bg-opacity:1;background-color:rgb(30 42 68/var(--tw-bg-opacity,1))}.bg-accent\/10{background-color:rgba(30,42,68,.1)}.bg-accent\/15{background-color:rgba(30,42,68,.15)}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/10{background-color:rgba(0,0,0,.1)}.bg-black\/20{background-color:rgba(0,0,0,.2)}.bg-black\/35{background-color:rgba(0,0,0,.35)}.bg-black\/60{background-color:rgba(0,0,0,.6)}.bg-black\/70{background-color:rgba(0,0,0,.7)}.bg-black\/90{background-color:rgba(0,0,0,.9)}.bg-brandGold,.bg-brandRed{--tw-bg-opacity:1;background-color:rgb(30 42 68/var(--tw-bg-opacity,1))}.bg-brandRed\/10{background-color:rgba(30,42,68,.1)}.bg-brandRed\/15{background-color:rgba(30,42,68,.15)}.bg-brandRed\/90{background-color:rgba(30,42,68,.9)}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.bg-merah-100{--tw-bg-opacity:1;background-color:rgb(208 222 252/var(--tw-bg-opacity,1))}.bg-merah-500{--tw-bg-opacity:1;background-color:rgb(13 61 239/var(--tw-bg-opacity,1))}.bg-navy-50{--tw-bg-opacity:1;background-color:rgb(234 240 254/var(--tw-bg-opacity,1))}.bg-primary{--tw-bg-opacity:1;background-color:rgb(30 42 68/var(--tw-bg-opacity,1))}.bg-primary\/10{background-color:rgba(30,42,68,.1)}.bg-primary\/60{background-color:rgba(30,42,68,.6)}.bg-primaryDark{--tw-bg-opacity:1;background-color:rgb(20 27 46/var(--tw-bg-opacity,1))}.bg-primarySoft{--tw-bg-opacity:1;background-color:rgb(240 240 241/var(--tw-bg-opacity,1))}.bg-primarySoft\/70{background-color:hsla(240,3%,94%,.7)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-white\/15{background-color:hsla(0,0%,100%,.15)}.bg-white\/20{background-color:hsla(0,0%,100%,.2)}.bg-white\/60{background-color:hsla(0,0%,100%,.6)}.bg-white\/65{background-color:hsla(0,0%,100%,.65)}.bg-white\/90{background-color:hsla(0,0%,100%,.9)}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-black{--tw-gradient-from:#000 var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/45{--tw-gradient-from:rgba(0,0,0,.45) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/80{--tw-gradient-from:rgba(0,0,0,.8) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/85{--tw-gradient-from:rgba(0,0,0,.85) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/90{--tw-gradient-from:rgba(0,0,0,.9) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary{--tw-gradient-from:#1e2a44 var(--tw-gradient-from-position);--tw-gradient-to:rgba(30,42,68,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primarySoft{--tw-gradient-from:#f0f0f1 var(--tw-gradient-from-position);--tw-gradient-to:hsla(240,3%,94%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-black\/30{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(0,0,0,.3) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-black\/35{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(0,0,0,.35) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-black\/40{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(0,0,0,.4) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),transparent var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-white{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#fff var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-primary\/70{--tw-gradient-to:rgba(30,42,68,.7) var(--tw-gradient-to-position)}.to-primary\/80{--tw-gradient-to:rgba(30,42,68,.8) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.to-white{--tw-gradient-to:#fff var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.p-0\.5{padding:.125rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-0{padding-left:0;padding-right:0}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-\[2px\]{padding-top:2px;padding-bottom:2px}.pb-2{padding-bottom:.5rem}.pb-2\.5{padding-bottom:.625rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-10{padding-left:2.5rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pr-10{padding-right:2.5rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pt-0\.5{padding-top:.125rem}.pt-1{padding-top:.25rem}.pt-14{padding-top:3.5rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.leading-\[1\.18\]{line-height:1.18}.leading-\[1\.28\]{line-height:1.28}.leading-\[1\.32\]{line-height:1.32}.leading-\[1\.35\]{line-height:1.35}.leading-\[1\.3\]{line-height:1.3}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-accent,.text-brandGold,.text-brandRed{--tw-text-opacity:1;color:rgb(30 42 68/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-merah-500{--tw-text-opacity:1;color:rgb(13 61 239/var(--tw-text-opacity,1))}.text-merah-600{--tw-text-opacity:1;color:rgb(30 42 68/var(--tw-text-opacity,1))}.text-navy-400{--tw-text-opacity:1;color:rgb(74 117 243/var(--tw-text-opacity,1))}.text-navy-500{--tw-text-opacity:1;color:rgb(35 84 240/var(--tw-text-opacity,1))}.text-navy-600{--tw-text-opacity:1;color:rgb(13 61 239/var(--tw-text-opacity,1))}.text-primary{--tw-text-opacity:1;color:rgb(30 42 68/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/40{color:hsla(0,0%,100%,.4)}.text-white\/60{color:hsla(0,0%,100%,.6)}.text-white\/65{color:hsla(0,0%,100%,.65)}.text-white\/70{color:hsla(0,0%,100%,.7)}.text-white\/80{color:hsla(0,0%,100%,.8)}.text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.placeholder-gray-400::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-1,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-4{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-accent\/30{--tw-ring-color:rgba(30,42,68,.3)}.ring-gray-200{--tw-ring-opacity:1;--tw-ring-color:rgb(229 231 235/var(--tw-ring-opacity,1))}.ring-white{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1))}.ring-white\/70{--tw-ring-color:hsla(0,0%,100%,.7)}.blur{--tw-blur:blur(8px)}.blur,.brightness-75{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.brightness-75{--tw-brightness:brightness(.75)}.backdrop-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-transform{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.placeholder\:text-gray-400::-moz-placeholder{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.placeholder\:text-gray-400::placeholder{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.first\:border-t-0:first-child{border-top-width:0}.first\:pt-0:first-child{padding-top:0}.last\:border-0:last-child{border-width:0}.last\:border-b-0:last-child{border-bottom-width:0}.last\:pb-0:last-child{padding-bottom:0}.focus-within\:border-accent:focus-within{--tw-border-opacity:1;border-color:rgb(30 42 68/var(--tw-border-opacity,1))}.focus-within\:border-brandGold:focus-within{--tw-border-opacity:1;border-color:rgb(30 42 68/var(--tw-border-opacity,1))}.focus-within\:border-primary:focus-within{--tw-border-opacity:1;border-color:rgb(30 42 68/var(--tw-border-opacity,1))}.focus-within\:ring-2:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-within\:ring-accent\/40:focus-within{--tw-ring-color:rgba(30,42,68,.4)}.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem}.hover\:-translate-y-1:hover,.hover\:scale-105:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-\[\#1877F2\]:hover{--tw-border-opacity:1;border-color:rgb(24 119 242/var(--tw-border-opacity,1))}.hover\:border-\[\#E1306C\]:hover{--tw-border-opacity:1;border-color:rgb(225 48 108/var(--tw-border-opacity,1))}.hover\:border-accent:hover{--tw-border-opacity:1;border-color:rgb(30 42 68/var(--tw-border-opacity,1))}.hover\:border-black:hover{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1))}.hover\:border-brandGold:hover,.hover\:border-brandRed:hover{--tw-border-opacity:1;border-color:rgb(30 42 68/var(--tw-border-opacity,1))}.hover\:border-red-600:hover{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity,1))}.hover\:bg-\[\#1877F2\]:hover{--tw-bg-opacity:1;background-color:rgb(24 119 242/var(--tw-bg-opacity,1))}.hover\:bg-\[\#229ED9\]:hover{--tw-bg-opacity:1;background-color:rgb(34 158 217/var(--tw-bg-opacity,1))}.hover\:bg-\[\#25D366\]:hover{--tw-bg-opacity:1;background-color:rgb(37 211 102/var(--tw-bg-opacity,1))}.hover\:bg-\[\#E1306C\]:hover{--tw-bg-opacity:1;background-color:rgb(225 48 108/var(--tw-bg-opacity,1))}.hover\:bg-\[\#E60023\]:hover{--tw-bg-opacity:1;background-color:rgb(230 0 35/var(--tw-bg-opacity,1))}.hover\:bg-accent:hover{--tw-bg-opacity:1;background-color:rgb(30 42 68/var(--tw-bg-opacity,1))}.hover\:bg-accent\/25:hover{background-color:rgba(30,42,68,.25)}.hover\:bg-accent\/90:hover{background-color:rgba(30,42,68,.9)}.hover\:bg-accentDark:hover{--tw-bg-opacity:1;background-color:rgb(30 42 68/var(--tw-bg-opacity,1))}.hover\:bg-black:hover{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.hover\:bg-black\/90:hover{background-color:rgba(0,0,0,.9)}.hover\:bg-brandGold:hover,.hover\:bg-brandRed:hover{--tw-bg-opacity:1;background-color:rgb(30 42 68/var(--tw-bg-opacity,1))}.hover\:bg-brandRed\/15:hover{background-color:rgba(30,42,68,.15)}.hover\:bg-brandRed\/25:hover{background-color:rgba(30,42,68,.25)}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-navy-100:hover{--tw-bg-opacity:1;background-color:rgb(208 222 252/var(--tw-bg-opacity,1))}.hover\:bg-primary:hover{--tw-bg-opacity:1;background-color:rgb(30 42 68/var(--tw-bg-opacity,1))}.hover\:bg-primary\/10:hover{background-color:rgba(30,42,68,.1)}.hover\:bg-primaryDark:hover{--tw-bg-opacity:1;background-color:rgb(20 27 46/var(--tw-bg-opacity,1))}.hover\:bg-primarySoft:hover{--tw-bg-opacity:1;background-color:rgb(240 240 241/var(--tw-bg-opacity,1))}.hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:bg-white\/25:hover{background-color:hsla(0,0%,100%,.25)}.hover\:bg-white\/30:hover{background-color:hsla(0,0%,100%,.3)}.hover\:text-accent:hover,.hover\:text-brandGold:hover{--tw-text-opacity:1;color:rgb(30 42 68/var(--tw-text-opacity,1))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.hover\:text-primary:hover{--tw-text-opacity:1;color:rgb(30 42 68/var(--tw-text-opacity,1))}.hover\:text-red-500:hover{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:brightness-110:hover{--tw-brightness:brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-accent:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(30 42 68/var(--tw-ring-opacity,1))}.focus\:ring-primary:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(30 42 68/var(--tw-ring-opacity,1))}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.group:hover .group-hover\:scale-105,.group:hover .group-hover\:scale-110{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.group:hover .group-hover\:scale-\[1\.02\]{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:bg-black\/25{background-color:rgba(0,0,0,.25)}.group:hover .group-hover\:bg-black\/40{background-color:rgba(0,0,0,.4)}.group:hover .group-hover\:bg-black\/45{background-color:rgba(0,0,0,.45)}.group:hover .group-hover\:text-accent{--tw-text-opacity:1;color:rgb(30 42 68/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-primary{--tw-text-opacity:1;color:rgb(30 42 68/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-white\/80{color:hsla(0,0%,100%,.8)}.group:hover .group-hover\:text-white\/85{color:hsla(0,0%,100%,.85)}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-90{opacity:.9}.dark\:block:is(.dark *){display:block}.dark\:hidden:is(.dark *){display:none}.dark\:divide-navy-700:is(.dark *)>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(30 42 68/var(--tw-divide-opacity,1))}.dark\:divide-navy-800:is(.dark *)>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(20 27 46/var(--tw-divide-opacity,1))}.dark\:border:is(.dark *){border-width:1px}.dark\:border-navy-400:is(.dark *){--tw-border-opacity:1;border-color:rgb(74 117 243/var(--tw-border-opacity,1))}.dark\:border-navy-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(13 61 239/var(--tw-border-opacity,1))}.dark\:border-navy-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(30 42 68/var(--tw-border-opacity,1))}.dark\:border-navy-700\/60:is(.dark *){border-color:rgba(30,42,68,.6)}.dark\:border-navy-700\/70:is(.dark *){border-color:rgba(30,42,68,.7)}.dark\:border-navy-700\/80:is(.dark *){border-color:rgba(30,42,68,.8)}.dark\:border-navy-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(20 27 46/var(--tw-border-opacity,1))}.dark\:border-navy-800\/70:is(.dark *){border-color:rgba(20,27,46,.7)}.dark\:border-navy-900:is(.dark *){--tw-border-opacity:1;border-color:rgb(11 15 28/var(--tw-border-opacity,1))}.dark\:border-primary:is(.dark *){--tw-border-opacity:1;border-color:rgb(30 42 68/var(--tw-border-opacity,1))}.dark\:border-primary\/20:is(.dark *){border-color:rgba(30,42,68,.2)}.dark\:border-primary\/30:is(.dark *){border-color:rgba(30,42,68,.3)}.dark\:border-primary\/40:is(.dark *){border-color:rgba(30,42,68,.4)}.dark\:border-white\/10:is(.dark *){border-color:hsla(0,0%,100%,.1)}.dark\:border-white\/20:is(.dark *){border-color:hsla(0,0%,100%,.2)}.dark\:bg-black:is(.dark *){--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.dark\:bg-merah-500\/20:is(.dark *){background-color:rgba(13,61,239,.2)}.dark\:bg-navy-600:is(.dark *){--tw-bg-opacity:1;background-color:rgb(13 61 239/var(--tw-bg-opacity,1))}.dark\:bg-navy-700:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 42 68/var(--tw-bg-opacity,1))}.dark\:bg-navy-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(20 27 46/var(--tw-bg-opacity,1))}.dark\:bg-navy-800\/50:is(.dark *){background-color:rgba(20,27,46,.5)}.dark\:bg-navy-800\/60:is(.dark *){background-color:rgba(20,27,46,.6)}.dark\:bg-navy-800\/70:is(.dark *){background-color:rgba(20,27,46,.7)}.dark\:bg-navy-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(11 15 28/var(--tw-bg-opacity,1))}.dark\:bg-navy-900\/80:is(.dark *){background-color:rgba(11,15,28,.8)}.dark\:bg-navy-900\/90:is(.dark *){background-color:rgba(11,15,28,.9)}.dark\:bg-primary:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 42 68/var(--tw-bg-opacity,1))}.dark\:bg-primary\/20:is(.dark *){background-color:rgba(30,42,68,.2)}.dark\:bg-slate-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.dark\:bg-white\/10:is(.dark *){background-color:hsla(0,0%,100%,.1)}.dark\:bg-white\/5:is(.dark *){background-color:hsla(0,0%,100%,.05)}.dark\:from-navy-900:is(.dark *){--tw-gradient-from:#0d1726 var(--tw-gradient-from-position);--tw-gradient-to:rgba(11,15,28,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-primary:is(.dark *){--tw-gradient-from:#1e2a44 var(--tw-gradient-from-position);--tw-gradient-to:rgba(30,42,68,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:via-navy-900:is(.dark *){--tw-gradient-to:rgba(11,15,28,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0d1726 var(--tw-gradient-via-position),var(--tw-gradient-to)}.dark\:to-navy-900:is(.dark *){--tw-gradient-to:#0d1726 var(--tw-gradient-to-position)}.dark\:to-primary\/60:is(.dark *){--tw-gradient-to:rgba(30,42,68,.6) var(--tw-gradient-to-position)}.dark\:text-merah-300:is(.dark *){--tw-text-opacity:1;color:rgb(122 157 247/var(--tw-text-opacity,1))}.dark\:text-navy-100:is(.dark *){--tw-text-opacity:1;color:rgb(208 222 252/var(--tw-text-opacity,1))}.dark\:text-navy-200:is(.dark *){--tw-text-opacity:1;color:rgb(163 189 250/var(--tw-text-opacity,1))}.dark\:text-navy-300:is(.dark *){--tw-text-opacity:1;color:rgb(122 157 247/var(--tw-text-opacity,1))}.dark\:text-navy-400:is(.dark *){--tw-text-opacity:1;color:rgb(74 117 243/var(--tw-text-opacity,1))}.dark\:text-navy-600:is(.dark *){--tw-text-opacity:1;color:rgb(13 61 239/var(--tw-text-opacity,1))}.dark\:text-primary:is(.dark *){--tw-text-opacity:1;color:rgb(30 42 68/var(--tw-text-opacity,1))}.dark\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:text-white\/80:is(.dark *){color:hsla(0,0%,100%,.8)}.dark\:ring-navy-700\/60:is(.dark *){--tw-ring-color:rgba(30,42,68,.6)}.dark\:ring-navy-800:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(20 27 46/var(--tw-ring-opacity,1))}.dark\:ring-navy-900:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(11 15 28/var(--tw-ring-opacity,1))}.dark\:ring-primary\/30:is(.dark *){--tw-ring-color:rgba(30,42,68,.3)}.dark\:focus-within\:border-primary:focus-within:is(.dark *){--tw-border-opacity:1;border-color:rgb(30 42 68/var(--tw-border-opacity,1))}.dark\:focus-within\:ring-primary\/40:focus-within:is(.dark *){--tw-ring-color:rgba(30,42,68,.4)}.dark\:hover\:border-\[\#1877F2\]:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(24 119 242/var(--tw-border-opacity,1))}.dark\:hover\:border-\[\#E1306C\]:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(225 48 108/var(--tw-border-opacity,1))}.dark\:hover\:border-black:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1))}.dark\:hover\:border-navy-500:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(35 84 240/var(--tw-border-opacity,1))}.dark\:hover\:border-primary:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(30 42 68/var(--tw-border-opacity,1))}.dark\:hover\:border-red-600:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity,1))}.dark\:hover\:bg-\[\#1877F2\]:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(24 119 242/var(--tw-bg-opacity,1))}.dark\:hover\:bg-\[\#E1306C\]:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(225 48 108/var(--tw-bg-opacity,1))}.dark\:hover\:bg-black:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.dark\:hover\:bg-navy-700:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 42 68/var(--tw-bg-opacity,1))}.dark\:hover\:bg-navy-800:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(20 27 46/var(--tw-bg-opacity,1))}.dark\:hover\:bg-primary:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 42 68/var(--tw-bg-opacity,1))}.dark\:hover\:bg-primary\/20:hover:is(.dark *){background-color:rgba(30,42,68,.2)}.dark\:hover\:bg-primary\/25:hover:is(.dark *){background-color:rgba(30,42,68,.25)}.dark\:hover\:bg-primaryDark:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(20 27 46/var(--tw-bg-opacity,1))}.dark\:hover\:bg-red-600:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.dark\:hover\:text-primary:hover:is(.dark *){--tw-text-opacity:1;color:rgb(30 42 68/var(--tw-text-opacity,1))}.dark\:hover\:text-white:hover:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:focus\:ring-primary:focus:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(30 42 68/var(--tw-ring-opacity,1))}.group:hover .dark\:group-hover\:text-primary:is(.dark *){--tw-text-opacity:1;color:rgb(30 42 68/var(--tw-text-opacity,1))}@media not all and (min-width:768px){.max-md\:bottom-3{bottom:.75rem}}@media (min-width:640px){.sm\:-mt-12{margin-top:-3rem}.sm\:line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:h-24{height:6rem}.sm\:h-28{height:7rem}.sm\:h-36{height:9rem}.sm\:h-64{height:16rem}.sm\:h-\[34px\]{height:34px}.sm\:h-\[40px\]{height:40px}.sm\:h-\[46px\]{height:46px}.sm\:h-\[84px\]{height:84px}.sm\:w-24{width:6rem}.sm\:w-32{width:8rem}.sm\:w-36{width:9rem}.sm\:w-40{width:10rem}.sm\:max-w-none{max-width:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-end{align-items:flex-end}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-1{gap:.25rem}.sm\:space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem*var(--tw-space-y-reverse))}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-7{padding-left:1.75rem;padding-right:1.75rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.sm\:py-8{padding-top:2rem;padding-bottom:2rem}.sm\:pb-7{padding-bottom:1.75rem}.sm\:pt-0{padding-top:0}.sm\:pt-16{padding-top:4rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-\[16px\]{font-size:16px}.sm\:text-\[17px\]{font-size:17px}.sm\:text-\[22px\]{font-size:22px}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xs{font-size:.75rem;line-height:1rem}.sm\:leading-\[1\.32\]{line-height:1.32}.sm\:leading-\[1\.3\]{line-height:1.3}}@media (min-width:768px){.md\:left-0{left:0}.md\:left-auto{left:auto}.md\:right-6{right:1.5rem}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-4{grid-column:span 4/span 4}.md\:ml-0{margin-left:0}.md\:ml-auto{margin-left:auto}.md\:block{display:block}.md\:inline{display:inline}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-\[420px\]{height:420px}.md\:h-\[520px\]{height:520px}.md\:w-full{width:100%}.md\:max-w-sm{max-width:24rem}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-\[1fr_320px\]{grid-template-columns:1fr 320px}.md\:gap-4{gap:1rem}.md\:gap-5{gap:1.25rem}.md\:overflow-visible{overflow:visible}.md\:rounded-lg{border-radius:.5rem}.md\:rounded-xl{border-radius:.75rem}.md\:p-7{padding:1.75rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-\[14px\]{font-size:14px}.md\:text-\[15px\]{font-size:15px}.md\:text-\[16px\]{font-size:16px}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:leading-\[1\.35\]{line-height:1.35}.md\:leading-snug{line-height:1.375}.md\:first\:rounded-tr-xl:first-child{border-top-right-radius:.75rem}.md\:last\:col-span-2:last-child{grid-column:span 2/span 2}.md\:last\:rounded-br-xl:last-child{border-bottom-right-radius:.75rem}}@media (min-width:1024px){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-9{grid-column:span 9/span 9}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-24{height:6rem}.lg\:h-32{height:8rem}.lg\:h-40{height:10rem}.lg\:h-\[38px\]{height:38px}.lg\:h-\[44px\]{height:44px}.lg\:h-\[450px\]{height:450px}.lg\:h-\[52px\]{height:52px}.lg\:w-36{width:9rem}.lg\:w-48{width:12rem}.lg\:min-w-\[300px\]{min-width:300px}.lg\:max-w-\[320px\]{max-width:320px}.lg\:scale-100{--tw-scale-x:1;--tw-scale-y:1}.lg\:scale-100,.lg\:scale-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:scale-90{--tw-scale-x:.9;--tw-scale-y:.9}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[1\.4fr_1fr\]{grid-template-columns:1.4fr 1fr}.lg\:justify-start{justify-content:flex-start}.lg\:px-3{padding-left:.75rem;padding-right:.75rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:pb-2{padding-bottom:.5rem}.lg\:pb-3{padding-bottom:.75rem}.lg\:pb-6{padding-bottom:1.5rem}.lg\:pb-8{padding-bottom:2rem}.lg\:pr-2{padding-right:.5rem}.lg\:pr-6{padding-right:1.5rem}.lg\:pt-2{padding-top:.5rem}.lg\:pt-20{padding-top:5rem}.lg\:pt-3{padding-top:.75rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-\[18px\]{font-size:18px}.lg\:text-\[28px\]{font-size:28px}.lg\:text-\[30px\]{font-size:30px}.lg\:text-\[32px\]{font-size:32px}}@media (min-width:1280px){.xl\:sticky{position:sticky}.xl\:top-28{top:7rem}.xl\:col-span-12{grid-column:span 12/span 12}.xl\:col-span-4{grid-column:span 4/span 4}.xl\:col-span-8{grid-column:span 8/span 8}.xl\:block{display:block}.xl\:h-28{height:7rem}.xl\:w-44{width:11rem}.xl\:max-w-md{max-width:28rem}.xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:last\:col-span-1:last-child{grid-column:span 1/span 1}}.\[\&_figcaption\]\:px-3 figcaption{padding-left:.75rem;padding-right:.75rem}.\[\&_figcaption\]\:py-2 figcaption{padding-top:.5rem;padding-bottom:.5rem}.\[\&_figcaption\]\:text-center figcaption{text-align:center}.\[\&_figcaption\]\:text-sm figcaption{font-size:.875rem;line-height:1.25rem}.\[\&_figcaption\]\:text-gray-600 figcaption{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.dark\:\[\&_figcaption\]\:text-gray-400 figcaption:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.\[\&_figure\]\:my-6 figure{margin-top:1.5rem;margin-bottom:1.5rem}.\[\&_figure\]\:overflow-hidden figure{overflow:hidden}.\[\&_figure\]\:rounded-lg figure{border-radius:.5rem}.\[\&_figure\]\:bg-gray-100 figure{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.dark\:\[\&_figure\]\:bg-gray-800 figure:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.\[\&_figure_img\]\:w-full figure img{width:100%}.\[\&_figure_img\]\:rounded-b-none figure img{border-bottom-right-radius:0;border-bottom-left-radius:0}.\[\&_figure_img\]\:rounded-t-xl figure img{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.\[\&_figure_img\]\:object-contain figure img{-o-object-fit:contain;object-fit:contain}
/* === Daftar berita gaya editorial (lead + baris ringkas), 2026-09-08 === */
.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.mt-2\.5{margin-top:.625rem}.mt-3\.5{margin-top:.875rem}.h-\[70px\]{height:70px}.w-\[104px\]{width:104px}.max-w-\[38rem\]{max-width:38rem}.max-w-\[46rem\]{max-width:46rem}.self-center{align-self:center}.bg-navy-600\/50{background-color:rgba(13,61,239,.5)}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pb-7{padding-bottom:1.75rem}.text-\[10\.5px\]{font-size:10.5px}.text-\[12\.5px\]{font-size:12.5px}.text-\[13\.5px\]{font-size:13.5px}.text-\[21px\]{font-size:21px}.leading-\[1\.24\]{line-height:1.24}.leading-\[1\.4\]{line-height:1.4}.leading-\[1\.7\]{line-height:1.7}.tracking-\[-0\.011em\]{letter-spacing:-.011em}.tracking-\[-0\.022em\]{letter-spacing:-.022em}.tracking-\[0\.02em\]{letter-spacing:.02em}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-\[0\.15em\]{letter-spacing:.15em}.tracking-\[0\.16em\]{letter-spacing:.16em}.tracking-\[0\.17em\]{letter-spacing:.17em}.tracking-\[0\.2em\]{letter-spacing:.2em}.text-navy-700,.text-primary{--tw-text-opacity:1;color:rgb(30 42 68/var(--tw-text-opacity,1))}.hover\:border-navy-600:hover{--tw-border-opacity:1;border-color:rgb(13 61 239/var(--tw-border-opacity,1))}.hover\:text-navy-500:hover{--tw-text-opacity:1;color:rgb(35 84 240/var(--tw-text-opacity,1))}.hover\:text-navy-600:hover{--tw-text-opacity:1;color:rgb(13 61 239/var(--tw-text-opacity,1))}.group\/idx:hover .group-hover\/idx\:translate-x-0\.5{--tw-translate-x:0.125rem}.group:hover .group-hover\:scale-105,.group\/idx:hover .group-hover\/idx\:translate-x-0\.5{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110,.group:hover .group-hover\:scale-\[1\.04\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-\[1\.04\]{--tw-scale-x:1.04;--tw-scale-y:1.04}.group:hover .group-hover\:scale-\[1\.06\]{--tw-scale-x:1.06;--tw-scale-y:1.06;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-navy-600{--tw-text-opacity:1;color:rgb(13 61 239/var(--tw-text-opacity,1))}.dark\:border-navy-800\/80:is(.dark *){border-color:rgba(20,27,46,.8)}.dark\:bg-navy-400\/40:is(.dark *){background-color:rgba(74,117,243,.4)}.dark\:text-navy-50:is(.dark *){--tw-text-opacity:1;color:rgb(234 240 254/var(--tw-text-opacity,1))}.dark\:text-navy-500:is(.dark *){--tw-text-opacity:1;color:rgb(35 84 240/var(--tw-text-opacity,1))}.dark\:text-navy-700:is(.dark *){--tw-text-opacity:1;color:rgb(30 42 68/var(--tw-text-opacity,1))}.dark\:hover\:text-navy-100:hover:is(.dark *){--tw-text-opacity:1;color:rgb(208 222 252/var(--tw-text-opacity,1))}.dark\:hover\:text-navy-200:hover:is(.dark *){--tw-text-opacity:1;color:rgb(163 189 250/var(--tw-text-opacity,1))}.group:hover .dark\:group-hover\:text-navy-200:is(.dark *){--tw-text-opacity:1;color:rgb(163 189 250/var(--tw-text-opacity,1))}@media (min-width:640px){.sm\:col-span-5{grid-column:span 5/span 5}.sm\:col-span-7{grid-column:span 7/span 7}.sm\:h-\[94px\]{height:94px}.sm\:w-\[140px\]{width:140px}.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\:gap-5{gap:1.25rem}.sm\:gap-7{gap:1.75rem}.sm\:self-center{align-self:center}.sm\:text-\[16\.5px\]{font-size:16.5px}.sm\:text-\[23px\]{font-size:23px}}@media (min-width:1024px){.lg\:h-\[117px\]{height:117px}.lg\:w-\[176px\]{width:176px}.lg\:text-\[17\.5px\]{font-size:17.5px}.lg\:text-\[26px\]{font-size:26px}}
/* === Kartu slider gaya editorial (2026-09-08) === */
.aspect-\[16\/9\]{aspect-ratio:16/9}.hover\:border-gray-200:hover{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.dark\:hover\:border-navy-700:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(30 42 68/var(--tw-border-opacity,1))}
/* === Rubrik & daerah gaya editorial (2026-09-08) === */
.text-\[14\.5px\]{font-size:14.5px}
.bg-navy-700\/40{background-color:rgba(30,42,68,.4)}
.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-y-1{row-gap:.25rem}.text-\[22px\]{font-size:22px}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}@media (min-width:640px){.sm\:w-10{width:2.5rem}.sm\:gap-6{gap:1.5rem}.sm\:text-\[26px\]{font-size:26px}}
.h-\[84px\]{height:84px}.w-\[112px\]{width:112px}@media (min-width:640px){.sm\:h-\[96px\]{height:96px}.sm\:w-\[136px\]{width:136px}.sm\:text-\[15\.5px\]{font-size:15.5px}}
.text-\[16px\]{font-size:16px}
.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.gap-y-6{row-gap:1.5rem}.bg-navy-800\/90{background-color:rgba(20,27,46,.9)}.text-\[19px\]{font-size:19px}.leading-\[1\.65\]{line-height:1.65}.tracking-\[-0\.015em\]{letter-spacing:-.015em}@media (min-width:640px){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:grid-cols-\[1\.1fr_1fr\]{grid-template-columns:1.1fr 1fr}.sm\:text-\[21px\]{font-size:21px}}
.left-1\.5{left:.375rem}.top-1\.5{top:.375rem}.bg-navy-700{--tw-bg-opacity:1;background-color:rgb(30 42 68/var(--tw-bg-opacity,1))}@media (min-width:640px){.sm\:grid-cols-\[180px_1fr\]{grid-template-columns:180px 1fr}.sm\:grid-cols-\[280px_1fr\]{grid-template-columns:280px 1fr}}
@media (min-width:640px){.sm\:grid-cols-\[230px_1fr\]{grid-template-columns:230px 1fr}.sm\:grid-cols-\[340px_1fr\]{grid-template-columns:340px 1fr}}
.bg-white\/50{background-color:hsla(0,0%,100%,.5)}
.h-\[280px\]{height:280px}.bg-navy-700\/90{background-color:rgba(30,42,68,.9)}.leading-\[1\.22\]{line-height:1.22}@media (min-width:640px){.sm\:h-\[380px\]{height:380px}.sm\:p-7{padding:1.75rem}}@media (min-width:1024px){.lg\:h-\[460px\]{height:460px}.lg\:p-9{padding:2.25rem}}
.grid-cols-\[110px_1fr\]{grid-template-columns:110px 1fr}
/* === Fix urutan cascade: pastikan sm:grid-cols-[180px_1fr] menang di atas grid-cols-[110px_1fr] (2026-09-09) === */
@media (min-width:640px){.sm\:grid-cols-\[180px_1fr\]{grid-template-columns:180px 1fr}}

.-translate-y-1\/2,.translate-x-0\.5{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0\.5{--tw-translate-x:0.125rem}.ring-white\/40{--tw-ring-color:hsla(0,0%,100%,.4)}.group:hover .group-hover\:bg-navy-700{--tw-bg-opacity:1;background-color:rgb(30 42 68/var(--tw-bg-opacity,1))}
.mb-2\.5{margin-bottom:.625rem}.border-l-\[3px\]{border-left-width:3px}.pl-2\.5{padding-left:.625rem}
/* =====================================================================
 * PARITAS DDTC NEWS — ukuran diukur langsung dari news.ddtc.co.id @1440px
 * (getBoundingClientRect + getComputedStyle, bukan kira-kira).
 * container 944 = kolom utama 624 + gap 16 + sidebar 304.
 * Warna tetap palet PublikaLabs; yang ditiru cuma geometri + tipografi.
 * ===================================================================== */
.pn-container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}
.pn-grid{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}
@media (min-width:1024px){.pn-grid{grid-template-columns:minmax(0,1fr) 336px;gap:32px}}
@media (min-width:1280px){.pn-grid{gap:40px}}
.pn-col-main{min-width:0;display:flex;flex-direction:column;gap:24px}
.pn-col-aside{min-width:0;display:flex;flex-direction:column;gap:24px}
.pn-divider{height:1px;background:rgb(229 231 235)}
.dark .pn-divider{background:rgb(30 41 59)}

/* --- hero headline: 2 kolom sama lebar, tinggi 250px (DDTC persis) --- */
.pn-hero{display:grid;grid-template-columns:1fr;border-radius:8px;overflow:hidden}
.pn-hero-media{position:relative;aspect-ratio:8/5;overflow:hidden;background:rgb(243 244 246)}
.pn-hero-media img{width:100%;height:100%;object-fit:cover;display:block}
.pn-hero-panel{display:flex;flex-direction:column;justify-content:center;gap:8px;
  padding:20px 24px;background:rgb(20 30 51)}
@media (min-width:640px){
  .pn-hero{grid-template-columns:1fr 1fr;aspect-ratio:2.5}
  /* foto menyelinap di bawah panel; bagian SVG yg transparan memperlihatkannya */
  .pn-hero-media{aspect-ratio:auto;height:100%;margin-right:-92px;overflow:hidden}
  .pn-hero-panel{position:relative;z-index:1;background:transparent;
    background-image:url("../img/hero-headline-bg.svg");
    background-size:100% 100%;background-repeat:no-repeat;
    padding:24px 32px 24px 76px}
}

.pn-hero-title{font-size:20px;line-height:28px;font-weight:700}

/* --- kartu grid: 3 kolom (bawah headline) & 2 kolom (video/pilihan redaksi) --- */
.pn-cards-3,.pn-cards-2{display:grid;grid-template-columns:1fr;gap:16px}
@media (min-width:640px){
  .pn-cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pn-cards-2{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.pn-thumb{position:relative;overflow:hidden;border-radius:8px;aspect-ratio:8/5;background:rgb(243 244 246);display:block}
.dark .pn-thumb{background:rgb(23 33 56)}
.pn-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease-out}
.group:hover .pn-thumb img{transform:scale(1.05)}
.pn-card-body{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.pn-kicker{font-size:10px;line-height:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.pn-card-title{font-size:16px;line-height:22px;font-weight:600}

/* --- meta: pill "Berita" + waktu relatif (DDTC: 12/18, pill radius 4, pad 2/4) --- */
.pn-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;line-height:18px}
.pn-pill{display:inline-flex;align-items:center;border:1px solid rgb(229 231 235);border-radius:4px;padding:2px 4px;font-size:12px;line-height:18px;font-weight:500}
.dark .pn-pill{border-color:rgb(34 52 71)}

/* --- baris Berita Terkini: thumb 174x109 (8/5), teks 434, gap 16, antar-baris 24 --- */
/* Jarak antar baris Berita Terkini: dirapatkan di mobile (16px), baru melebar ke 24px dari breakpoint sm ke atas — sebelumnya 24px di semua ukuran, terasa terlalu renggang di layar sempit. */
/* Garis tipis pemisah antar berita. Jarak dibuat lewat padding atas-bawah tiap
   baris (bukan gap) supaya garisnya jatuh tepat di tengah, bukan menempel ke
   konten berikutnya. Banner sela di antara baris tidak kebagian garis karena
   selektornya .pn-row + .pn-row. */
.pn-list{display:flex;flex-direction:column;gap:0}
.pn-list > .pn-row{position:relative;padding:10px 0}
.pn-list > .pn-row:first-child{padding-top:0}
/* Garis pemisah HANYA di mobile, dan bentuknya gradien: tegas di tengah lalu
   memudar habis di ujung kiri-kanan, supaya tidak terasa tebal/kaku. */
.pn-list > .pn-row + .pn-row::before{
  content:"";position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent 0,rgba(15,23,42,.07) 20%,rgba(15,23,42,.07) 80%,transparent 100%)}
.dark .pn-list > .pn-row + .pn-row::before{
  background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.07) 20%,rgba(255,255,255,.07) 80%,transparent 100%)}
@media (min-width:640px){
  /* desktop tanpa garis, jarak antar baris cukup dari padding (12+12 = 24px) */
  .pn-list > .pn-row{padding:12px 0}
  .pn-list > .pn-row:first-child{padding-top:0}
  .pn-list > .pn-row + .pn-row::before{display:none}
}
/* Mobile: thumb dikecilkan (120->96px) & min-height dilepas — thumb 120px di layar
   390px menyisakan cuma ~220px utk judul sehingga judul kepotong, dan min-height
   108px bikin tiap baris punya ruang kosong berlebih. */
.pn-row{display:flex;flex-direction:row;gap:12px}
.pn-row-thumb{flex:0 0 104px;width:104px}
/* Mobile: gambar mengikuti tinggi baris (bukan dikunci rasio 8/5), supaya tidak
   menyisakan ruang kosong di bawah gambar & proporsinya seimbang dgn blok teks. */
.pn-row .pn-thumb{aspect-ratio:auto;height:100%;min-height:78px}
@media (min-width:640px){
  .pn-row{gap:16px;min-height:108px}
  .pn-row-thumb{flex:0 0 27.9%;width:27.9%}
  .pn-row .pn-thumb{aspect-ratio:8/5;height:auto;min-height:0}
}
.pn-row-body{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1 1 auto}
.pn-row-kicker{font-size:12px;line-height:18px;font-weight:500}
.pn-row-title{font-size:15px;line-height:21px;font-weight:600}
/* judul dibatasi 2 baris di semua ukuran (permintaan user) */
@media (min-width:640px){.pn-row-title{font-size:18px;line-height:24px}}

/* --- header seksi: 20/28 bold + bar aksen kiri (DDTC pl-10px) --- */
/* Judul seksi: polos (tanpa bar aksen), panah kecil menempel di sebelah judul —
   mengikuti pola DDTC yg judulnya sendiri jadi link + chevron 18px, gap 8. */
/* Judul seksi punya jarak bawaan 20px. Di beranda wadahnya sudah pakai flex+gap,
   jadi di sana margin ini dinolkan supaya tidak dobel. Halaman detail/kanal yang
   menaruh judul langsung (tanpa wadah bergap) tetap dapat jaraknya. */
.pn-sec-head{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.pn-kanal > .pn-sec-head,
.pn-side-card > .pn-sec-head,
.pn-topik > .pn-sec-head,
.flex > .pn-sec-head{margin-bottom:0}
.pn-sec-title{display:inline-flex;align-items:center;gap:8px;font-size:20px;line-height:28px;font-weight:700}
.pn-sec-title svg{width:18px;height:18px;flex:none;transition:transform .25s ease}
.pn-sec-title a:hover svg{transform:translateX(2px)}

/* --- Trending Topic (DDTC: judul 20/28 w700, chip 14/21 pad 0 4 radius 4, gap 8) --- */
.pn-topik{display:flex;flex-direction:column;gap:20px}
.pn-topik-list{display:flex;flex-wrap:wrap;gap:8px}
.pn-chip{display:inline-flex;align-items:center;border-radius:4px;padding:0 4px;font-size:14px;line-height:21px;border:1px solid rgb(229 231 235);background:rgb(249 250 251)}
.dark .pn-chip{border-color:rgb(34 52 71);background:rgb(26 42 59)}

/* --- Widget kanal bawah (DDTC: panel 944 pad 24 -> 2 kanal 440+440 gap 16,
       tiap kanal 2 kartu mini 212x133 thumb 8/5, judul mini 14/20 w600) --- */
/* Tanpa kotak: kanal-kanal ini mengalir seperti seksi lain, dipisah jarak saja
   (dulu dibungkus panel putih berbingkai — terasa terkurung, dilepas atas permintaan user). */
.pn-panel{padding:0;background:transparent;border:0}
.pn-kanal-grid{display:grid;grid-template-columns:1fr;gap:32px}
@media (min-width:1024px){.pn-kanal-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;row-gap:32px}}
.pn-kanal{display:flex;flex-direction:column;gap:20px;min-width:0}
.pn-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pn-mini-title{font-size:14px;line-height:20px;font-weight:600}
.pn-mini-body{display:flex;flex-direction:column;gap:8px;margin-top:8px}

/* --- Widget sidebar gaya DDTC: kartu 304 (thumb 8/5) + daftar judul ringkas --- */
.pn-side-card{display:flex;flex-direction:column;gap:20px}
.pn-side-list{display:flex;flex-direction:column;gap:12px}
.pn-side-item{display:flex;gap:12px;align-items:flex-start}
.pn-side-thumb{flex:0 0 27.6%;width:27.6%}
.pn-side-title{font-size:14px;line-height:20px;font-weight:600}

/* --- Sidebar sticky: widget terakhir menempel setelah widget lain terlewati,
       supaya sisa ruang kosong (kolom kiri jauh lebih panjang) tetap terisi.
       Seluruh kolom TIDAK boleh dibuat sticky — tingginya > viewport, akibatnya
       widget bagian bawah tak pernah bisa discroll. --- */
@media (min-width:1024px){
  /* aside dibuat setinggi baris grid (kolom kiri), kalau tidak elemen sticky
     tak punya ruang menempel dan langsung ikut terscroll habis. */
  .pn-col-aside{align-self:stretch}
  .pn-side-stack{height:100%}
  .pn-side-stack > :last-child{position:sticky;top:112px}
}

/* Divider + blok kanal bawah adalah anak langsung .pn-container (di luar .pn-grid yg
   punya gap), jadi jaraknya harus dari margin — tanpa ini blok Perspektif dkk
   menempel ke grid di atasnya. */
.pn-container > .pn-divider{margin:40px 0 32px}
.pn-container > .pn-panel{margin-bottom:8px}


/* Sub judul (kolom `lead`) di atas judul — menggantikan badge kategori biru.
   Kategori sekarang jadi pill di bawah judul (lihat meta_kategori() di isi_index3.php). */
.pn-sub{font-size:12px;line-height:18px;color:rgb(107 114 128)}
.dark .pn-sub{color:rgb(148 163 184)}

/* Hover link: abu tenang, BUKAN biru logo (#0D3DEF) — biru terang di hover dinilai
   user terlalu mencolok. CSS front-end tidak di-build Tailwind live, jadi kelas
   hover baru harus ditulis manual di sini. */
.hover\:text-gray-300:hover{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}
.group:hover .group-hover\:text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}
.group:hover .group-hover\:text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}
.hover\:border-gray-400:hover{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}
.hover\:border-gray-500:hover{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity,1))}

/* ===== Override hover GLOBAL (berlaku di semua halaman, bukan cuma beranda) =====
   Semua hover teks yang tadinya biru logo (#0D3DEF / navy-500..700) diganti abu.
   Ditulis sebagai override kelas, bukan diedit di 20+ file view. Specificity dibuat
   sama persis dengan rule aslinya, dan file ini dimuat paling akhir → menang. */
.hover\:text-navy-500:hover,
.hover\:text-navy-600:hover,
.hover\:text-navy-700:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}
.group:hover .group-hover\:text-navy-500,
.group:hover .group-hover\:text-navy-600,
.group:hover .group-hover\:text-navy-700{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}
.dark\:hover\:text-navy-100:hover:is(.dark *),
.dark\:hover\:text-navy-200:hover:is(.dark *){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}
.group:hover .dark\:group-hover\:text-navy-100:is(.dark *),
.group:hover .dark\:group-hover\:text-navy-200:is(.dark *){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}
.hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}

/* Tombol play video: kotak-membulat (bukan lingkaran polos), latar putih buram,
   segitiga navy. Ikon dipusatkan lewat grid + path yg titik beratnya sudah di
   tengah viewBox — versi lama pakai lingkaran hitam + translate-x-0.5 (meleset). */
.pn-play{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.pn-play > span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;
  background:rgba(15,23,42,.28);box-shadow:0 0 0 1px rgba(255,255,255,.55) inset;
  backdrop-filter:blur(3px);transition:transform .25s ease,background-color .25s ease}
.pn-play svg{width:28px;height:28px;color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.45))}
.group:hover .pn-play > span{transform:scale(1.08);background:rgba(15,23,42,.45)}

/* Hover di TOPBAR & FOOTER: kedua area itu berlatar gelap, sementara kelas
   .hover:text-brandGold warisan tema lama bernilai navy #1E2A44 -> teksnya hilang
   saat disentuh. Semua 42 pemakaian kelas ini ada di bg_atas*/bg_bawah* (area gelap),
   jadi aman dijadikan putih. */
.hover\:text-brandGold:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}
/* Selektor lebih spesifik (kelas + elemen + induk) supaya pasti menang atas rule
   .hover:text-brandGold bawaan tema di style-v2.css. */
footer a.hover\:text-brandGold:hover,
footer a:hover .hover\:text-brandGold,
.topbar a.hover\:text-brandGold:hover,
header a.hover\:text-brandGold:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}

/* Rule dark:group-hover:text-gray-300 dipakai 20x (hover judul kartu/baris) tapi
   TIDAK PERNAH ter-generate sebelumnya — sehingga di dark mode hover judul cuma
   pakai warna group-hover:text-gray-600 versi terang (abu gelap), nyaris tak
   terbaca di atas latar navy. */
.group:hover .dark\:group-hover\:text-gray-300:is(.dark *){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}
.dark\:hover\:border-white:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}

/* bg-navy-600 (#0D3DEF, biru logo) & bg-navy-500 (#2354F0, hover) — dipakai tombol
   "Back to top" & "Add to preferred sources" (permintaan user: dua tombol ini
   sengaja pakai biru logo, beda dari aturan "jangan biru" utk menu/badge/judul). */
.bg-navy-600{--tw-bg-opacity:1;background-color:rgb(13 61 239/var(--tw-bg-opacity,1))}
.bg-navy-500{--tw-bg-opacity:1;background-color:rgb(35 84 240/var(--tw-bg-opacity,1))}
.hover\:bg-navy-500:hover{--tw-bg-opacity:1;background-color:rgb(35 84 240/var(--tw-bg-opacity,1))}
.dark\:bg-navy-600:is(.dark *){--tw-bg-opacity:1;background-color:rgb(13 61 239/var(--tw-bg-opacity,1))}
.dark\:hover\:bg-navy-500:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(35 84 240/var(--tw-bg-opacity,1))}

/* Daftar isi otomatis (bg_detail2.php): H2/H3 di dalam artikel diberi jarak scroll
   supaya tidak tersembunyi di bawah header sticky saat diklik dari daftar isi. */
#articleContent h2,
#articleContent h3{scroll-margin-top:100px}
/* Paragraf pertama artikel tidak perlu margin atas — kalau ada daftar isi di atasnya,
   margin itu menumpuk dan jaraknya jadi terlalu jauh. */
#articleContent > p:first-child,
#articleContent > h2:first-child,
#articleContent > h3:first-child{margin-top:0}

/* Blockquote: matikan tanda kutip hias otomatis Tailwind Typography
   (content: open-quote/close-quote) — tampil sbg "?" besar krn glyph tidak
   terbaca font yg dipakai, DAN redundan karena kutipan kita sendiri sudah
   pakai “...” asli sebagai teks biasa. */
.prose blockquote p:first-of-type::before,
.prose blockquote p:last-of-type::after{content:none}

/* Kartu "Baca Juga" inline di tengah artikel (bg_detail2.php) — sebelumnya kotak
   polos tanpa gambar (bentuk generik yg dipakai hampir semua clone CI4 di jaringan
   ini), diganti kartu horizontal dgn thumbnail, konsisten dgn kartu_terkini(). */
/* Jarak diatur di sini (BUKAN kelas my-*): Tailwind my-8/my-10 tidak ada di CSS
   terkompilasi proyek ini, jadi kelas itu diam-diam tidak berefek. */
.baca-juga{margin-top:40px!important;margin-bottom:40px!important;text-decoration:none!important}
.baca-juga *{text-decoration:none!important}
.baca-juga-thumb{width:84px}
@media (min-width:640px){.baca-juga-thumb{width:96px}}
.baca-juga:hover .baca-juga-label{color:rgb(17 24 39)}
.dark .baca-juga:hover .baca-juga-label{color:rgb(243 244 246)}

/* Penanda foto di thumbnail berita (kartu daftar & grid, bukan headline/video).
   Gaya kaca buram menyamai .pn-play, tapi kecil & di pojok kiri-bawah: hampir
   semua kartu berfoto, kalau setinggi tombol play di tengah malah menutup gambar. */
/* Di mobile thumbnail-nya kecil (104px) — badge di atasnya jadi terlalu ramai,
   jadi ikon ini khusus tampil dari lebar >= 640px saja.
   Posisi: DI TENGAH thumbnail, sejajar tombol play kartu video — cuma ukurannya
   jauh lebih kecil (26px vs 44px) supaya tetap terbaca sebagai penanda, bukan
   tombol. Sempat dicoba di kiri-bawah (mepet judul) lalu kiri-atas. */
.pn-ikon-foto{display:none}
@media (min-width:640px){
  .pn-ikon-foto{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
    z-index:1;display:grid;place-items:center;
    width:26px;height:26px;border-radius:8px;pointer-events:none;
    background:rgba(15,23,42,.34);box-shadow:0 0 0 1px rgba(255,255,255,.45) inset;
    backdrop-filter:blur(3px);transition:background-color .25s ease}
  .pn-ikon-foto svg{width:15px;height:15px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}
  .pn-ikon-video svg{width:16px;height:16px}
  .group:hover .pn-ikon-foto{background:rgba(15,23,42,.5)}
}

/* ==========================================================================
   ITC Slimbach Std — font judul (menggantikan Plus Jakarta Sans)
   Ditambahkan 2026-09-16. Body sengaja TETAP Inter (.font-body tidak disentuh).

   Hanya .font-heading yang memakai font ini; selector itu satu-satunya
   pemakai Plus Jakarta Sans di style-v2.css. Override ditaruh di file ini
   (dimuat SETELAH style-v2.css) supaya file Tailwind terkompilasi tidak
   perlu diedit — kalau CSS di-rebuild, perubahan ini tidak hilang.

   Keempat bobot dideklarasikan meski .font-heading dipaksa 700 (!important
   di style-v2.css): browser hanya mengunduh file yang benar-benar dipakai,
   jadi deklarasi ekstra tidak menambah beban muat.
   ========================================================================== */
@font-face {
  font-family: 'ITC Slimbach Std';
  src: url('../fonts/SlimbachStd-Book.woff2') format('woff2'),
       url('../fonts/SlimbachStd-Book.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'ITC Slimbach Std';
  src: url('../fonts/SlimbachStd-Medium.woff2') format('woff2'),
       url('../fonts/SlimbachStd-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'ITC Slimbach Std';
  src: url('../fonts/SlimbachStd-Bold.woff2') format('woff2'),
       url('../fonts/SlimbachStd-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'ITC Slimbach Std';
  src: url('../fonts/SlimbachStd-Black.woff2') format('woff2'),
       url('../fonts/SlimbachStd-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

.font-heading {
  font-family: 'ITC Slimbach Std', 'Plus Jakarta Sans', Inter, Georgia, serif;
}

/* ==========================================================================
   ITC Slimbach Std — badan artikel halaman detail (2026-09-16)

   Italic WAJIB dideklarasikan: isi artikel mengandung <em>/kutipan, dan tanpa
   file italic asli browser akan memiringkan huruf tegak secara paksa (fake
   oblique) yang pada font serif hasilnya buruk.

   Ukuran font TIDAK dipaku di sini. Besar teks artikel dikendalikan variabel
   --article-font-size (tombol "Ukuran teks" A-/A/A+ di bg_bawahdetail.php);
   memaku font-size akan mematikan tombol itu. Yang digeser adalah nilai
   default variabelnya, bukan aturan CSS ini.

   Antarmuka (menu, label kanal, meta, sidebar, tombol) sengaja TETAP Inter —
   hanya isi artikel yang berubah jadi serif.
   ========================================================================== */
@font-face {
  font-family: 'ITC Slimbach Std';
  src: url('../fonts/SlimbachStd-BookItalic.woff2') format('woff2'),
       url('../fonts/SlimbachStd-BookItalic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'ITC Slimbach Std';
  src: url('../fonts/SlimbachStd-BoldItalic.woff2') format('woff2'),
       url('../fonts/SlimbachStd-BoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

.article-content,
.article-content p,
.article-content li,
.article-content blockquote {
  font-family: 'ITC Slimbach Std', Georgia, serif;
}

/* Serif butuh jarak baris lebih lega daripada Inter (tinggi-x Slimbach hanya
   89% Inter). Specificity disamakan dgn aturan prose-p:leading-relaxed di
   style-v2.css (0,1,1) — file ini dimuat belakangan sehingga menang. */
.article-content p,
.article-content li {
  line-height: 1.75;
}

/* ==========================================================================
   Judul daftar berita — diperbesar (2026-09-16)

   Alasan: tinggi-x ITC Slimbach hanya 89% Inter, jadi pada ukuran px yang
   sama judul daftar tampak mengecil setelah pergantian font. Ukuran dinaikkan
   ~1,5px untuk mengembalikan bobot visualnya.

   Bobot SENGAJA dibiarkan 700 (dari .font-heading di style-v2.css). Sempat
   dicoba Black 900, tapi hasilnya terlalu tebal — dikembalikan atas permintaan
   user. Jangan tambahkan font-weight di sini.

   Breakpoint .pn-row-title (15px di HP, 18px di >=640px) SENGAJA dipertahankan
   strukturnya — kalau dipukul rata satu nilai, tampilan HP akan rusak.

   .pn-sec-title ("Sorotan", "Trending", dst) TIDAK disentuh: itu judul seksi,
   bukan judul berita.
   ========================================================================== */
.pn-card-title { font-size: 17.5px; line-height: 24px; }
.pn-mini-title { font-size: 15.5px; line-height: 21px; }
.pn-side-title { font-size: 15.5px; line-height: 21px; }

.pn-row-title { font-size: 16px; line-height: 23px; }
@media (min-width: 640px) {
  .pn-row-title { font-size: 19.5px; line-height: 26px; }
}

/* Item widget Trending tidak punya kelas khusus (hanya .text-sm .font-heading),
   jadi dijangkau lewat wadahnya supaya tidak mengenai .text-sm lain di situs. */
.sidebar-tint-card ol .font-heading.text-sm { font-size: 15.5px; line-height: 21px; }

/* ===== Revisi 2026-10: tagline, deskripsi berita, bio penulis ===== */
.pn-tagline{display:none;margin-left:14px;padding-left:14px;border-left:1px solid #d1d5db;font-size:12px;line-height:16px;font-weight:500;color:#6b7280;max-width:190px}
@media (min-width:1280px){.pn-tagline{display:block}}
.dark .pn-tagline{border-left-color:#374151;color:#9ca3af}
.pn-desc{margin-top:6px;font-size:13.5px;line-height:20px;color:#4b5563;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dark .pn-desc{color:#9ca3af}
.pn-desc-hero{color:rgba(255,255,255,.75)}
.pn-footer-tagline{margin:0 0 8px;font-size:13px;font-weight:600;letter-spacing:.01em}
.pn-bio{margin-top:8px;font-size:14px;line-height:22px;color:#4b5563}
.dark .pn-bio{color:#9ca3af}

/* ===== Membership: form akun & paywall ===== */
.pn-auth-wrap{padding:40px 16px 56px;background:#f9fafb}
.dark .pn-auth-wrap{background:#141b2e}
.pn-auth{max-width:420px;margin:0 auto;padding:28px;background:#fff;border:1px solid #e5e7eb;border-radius:12px}
.pn-auth-lebar{max-width:560px}
.dark .pn-auth{background:#0b0f1c;border-color:#1e2a44}
.pn-auth-judul{font-size:26px;line-height:32px;font-weight:700;color:#111827}
.dark .pn-auth-judul{color:#f3f4f6}
.pn-auth-sub{margin-top:6px;font-size:14px;color:#6b7280}
.pn-auth-sub2{margin-top:28px;font-size:17px;font-weight:600;color:#111827}
.dark .pn-auth-sub2{color:#e5e7eb}
.pn-form{margin-top:18px;display:flex;flex-direction:column;gap:6px}
.pn-label{margin-top:8px;font-size:13px;font-weight:600;color:#374151}
.dark .pn-label{color:#d1d5db}
.pn-input{width:100%;padding:10px 12px;font-size:15px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#111827}
.pn-input:focus{outline:2px solid #224696;outline-offset:0;border-color:#224696}
.dark .pn-input{background:#141b2e;border-color:#374151;color:#f3f4f6}
.pn-cek{margin-top:6px;font-size:13px;color:#4b5563;display:flex;align-items:center;gap:8px}
.pn-tombol{margin-top:16px;padding:11px 16px;font-size:15px;font-weight:600;color:#fff;background:#224696;border:0;border-radius:8px;cursor:pointer;transition:background .15s}
.pn-tombol:hover{background:#1a3a7e}
.pn-tombol-garis{display:inline-block;background:transparent;color:#224696;border:1px solid #224696;text-decoration:none;text-align:center}
.pn-tombol-garis:hover{background:#eef2fb}
.pn-auth-alt{margin-top:18px;font-size:14px;color:#6b7280;text-align:center}
.pn-auth-alt a{color:#224696;font-weight:600}
.dark .pn-auth-alt a{color:#7a9df7}
.pn-auth-galat,.pn-auth-info{margin-top:14px;padding:10px 12px;border-radius:8px;font-size:14px}
.pn-auth-galat{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}
.pn-auth-info{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}
.pn-hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.pn-akun{margin-top:18px;display:grid;grid-template-columns:110px 1fr;gap:10px 14px;font-size:15px;color:#111827}
.dark .pn-akun{color:#e5e7eb}
.pn-akun dt{color:#6b7280;font-weight:600}
.pn-akun-cat{display:block;margin-top:4px;color:#6b7280}
.pn-lencana{display:inline-block;padding:2px 10px;font-size:12px;font-weight:700;border-radius:999px;background:#e5e7eb;color:#374151}
.pn-lencana-premium{background:#224696;color:#fff}
.pn-paywall{position:relative;margin-top:-72px;padding-top:72px;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 62px)}
.dark .pn-paywall{background:linear-gradient(to bottom,rgba(11,15,28,0),#0b0f1c 62px)}
.pn-paywall-kotak{padding:24px;text-align:center;border:1px solid #d6e0f5;border-radius:12px;background:#f5f8fe}
.dark .pn-paywall-kotak{background:#141b2e;border-color:#1e2a44}
.pn-paywall-judul{font-size:19px;line-height:26px;font-weight:700;color:#111827}
.dark .pn-paywall-judul{color:#f3f4f6}
.pn-paywall-teks{margin-top:6px;font-size:14px;color:#4b5563}
.dark .pn-paywall-teks{color:#9ca3af}
.pn-paywall-aksi{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.pn-paywall-aksi .pn-tombol{margin-top:0;text-decoration:none;display:inline-block}
.pn-kunci-label{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;padding:3px 10px;font-size:12px;font-weight:700;border-radius:999px;background:#224696;color:#fff}

.pn-pemisah{display:flex;align-items:center;gap:12px;margin:18px 0 4px;font-size:12px;color:#9ca3af}
.pn-pemisah:before,.pn-pemisah:after{content:"";flex:1;height:1px;background:#e5e7eb}
.dark .pn-pemisah:before,.dark .pn-pemisah:after{background:#374151}
.pn-tombol-google{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px;background:#fff;color:#374151;border:1px solid #d1d5db;text-decoration:none}
.pn-tombol-google:hover{background:#f3f4f6}
.dark .pn-tombol-google{background:#141b2e;color:#e5e7eb;border-color:#374151}
.pn-kunci-kecil{display:inline-flex;align-items:center;padding:1px 8px;font-size:11px;font-weight:700;line-height:16px;border-radius:999px;background:#224696;color:#fff}
.pn-lupa{align-self:flex-end;margin-top:2px;font-size:13px;color:#224696;text-decoration:none}.pn-lupa:hover{text-decoration:underline}.dark .pn-lupa{color:#7a9df7}
.pn-naskah{margin-top:12px;display:flex;flex-direction:column;gap:10px;font-size:15px;color:#111827}
.dark .pn-naskah{color:#e5e7eb}
.pn-naskah li{padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px}
.dark .pn-naskah li{border-color:#1e2a44}
.pn-naskah a{color:#224696;font-weight:600}
.pn-naskah-st{display:inline-block;margin-right:8px;padding:1px 8px;font-size:11px;font-weight:700;border-radius:999px;background:#e5e7eb;color:#374151}
.pn-naskah-ok{background:#dcfce7;color:#166534}.pn-naskah-tunggu{background:#fef3c7;color:#92400e}.pn-naskah-tolak{background:#fee2e2;color:#991b1b}
textarea.pn-input{resize:vertical;line-height:1.5}

/* ===== Widget Instagram (sidebar) ===== */
.pn-ig{padding:18px;border:1px solid #e5e7eb;border-radius:12px;background:#fff}
.dark .pn-ig{background:#0b0f1c;border-color:#1e2a44}
.pn-ig-link{display:flex;align-items:center;gap:12px;text-decoration:none}
.pn-ig-ikon{flex:0 0 46px;width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#feda75,#fa7e1e 28%,#d62976 55%,#962fbf 78%,#4f5bd5)}
.pn-ig-ikon svg{width:24px;height:24px}
.pn-ig-teks{display:flex;flex-direction:column;min-width:0}
.pn-ig-judul{font-size:15px;line-height:20px;font-weight:700;color:#111827}
.dark .pn-ig-judul{color:#f3f4f6}
.pn-ig-handle{font-size:13px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pn-ig-desc{margin-top:10px;font-size:13px;line-height:19px;color:#4b5563}
.dark .pn-ig-desc{color:#9ca3af}
.pn-ig-tombol{display:block;margin-top:12px;padding:9px 14px;text-align:center;font-size:14px;font-weight:600;color:#fff;background:#224696;border-radius:8px;text-decoration:none;transition:background .15s}
.pn-ig-tombol:hover{background:#1a3a7e}