/* ============ izinpostel.com — stylesheet utama ============ */

/* ---- Fonts (self-hosted, subset per unicode-range) ---- */
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url("fonts/2091ff48-b604-42c8-a2fe-e75a7b1750f4.woff2") format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url("fonts/85af88cd-d2e1-422c-9497-34cc0e869915.woff2") format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url("fonts/960462ce-ad87-42ab-b91a-50b73061de13.woff2") format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url("fonts/5095c1a8-ce53-46b8-bd01-08a730eea3ea.woff2") format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url("fonts/a887dca9-e20e-455c-b5e9-e839b20e0c37.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url("fonts/3a51d78a-2a34-441f-a590-4e33a6598171.woff2") format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url("fonts/e11cc083-e55f-49de-85a1-a46e37911d7f.woff2") format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url("fonts/8e32eb04-5702-4d81-bb97-f4fe686231a0.woff2") format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url("fonts/35163a2e-1a4e-4516-8bf9-81965fbb5e4d.woff2") format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url("fonts/6bce49b4-3997-4939-b59a-00ded5e4f814.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url("fonts/fe6a0aad-5345-400a-8feb-568e8be6a548.woff2") format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url("fonts/cae1dc38-79c7-4906-9647-5dc466f8b21a.woff2") format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url("fonts/ba34e969-b037-47f5-9d5d-b4c7a97f0161.woff2") format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url("fonts/0b648c83-8054-4112-95e8-3844ec5163bc.woff2") format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url("fonts/ccfa32a9-05bf-4d62-9b14-e5a3b14499b9.woff2") format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url("fonts/d886b5b8-869d-4735-8476-2cc9acf14745.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url("fonts/fe6a0aad-5345-400a-8feb-568e8be6a548.woff2") format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url("fonts/cae1dc38-79c7-4906-9647-5dc466f8b21a.woff2") format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url("fonts/ba34e969-b037-47f5-9d5d-b4c7a97f0161.woff2") format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url("fonts/0b648c83-8054-4112-95e8-3844ec5163bc.woff2") format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url("fonts/ccfa32a9-05bf-4d62-9b14-e5a3b14499b9.woff2") format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url("fonts/d886b5b8-869d-4735-8476-2cc9acf14745.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url("fonts/fe6a0aad-5345-400a-8feb-568e8be6a548.woff2") format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url("fonts/cae1dc38-79c7-4906-9647-5dc466f8b21a.woff2") format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url("fonts/ba34e969-b037-47f5-9d5d-b4c7a97f0161.woff2") format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url("fonts/0b648c83-8054-4112-95e8-3844ec5163bc.woff2") format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url("fonts/ccfa32a9-05bf-4d62-9b14-e5a3b14499b9.woff2") format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url("fonts/d886b5b8-869d-4735-8476-2cc9acf14745.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:400;font-display:swap;src:url("fonts/ca3a8782-bdbc-454d-b98c-751d38057157.woff2") format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:400;font-display:swap;src:url("fonts/a9497d35-cfbf-45bb-ab9f-121353ea9227.woff2") format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:400;font-display:swap;src:url("fonts/4f8c7339-90c0-48c8-af11-b76e8508c18f.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:600;font-display:swap;src:url("fonts/ca3a8782-bdbc-454d-b98c-751d38057157.woff2") format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:600;font-display:swap;src:url("fonts/a9497d35-cfbf-45bb-ab9f-121353ea9227.woff2") format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:600;font-display:swap;src:url("fonts/4f8c7339-90c0-48c8-af11-b76e8508c18f.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

/* ---- Base ---- */
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:#F6F5F1;color:#14181C;font-family:'IBM Plex Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased;}
a{color:#0A5CB8;text-decoration:none;}
a:hover{color:#084a93;}
p{text-wrap:pretty;}
img{max-width:100%;}
input:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #0A5CB8;outline-offset:2px;}
::selection{background:#0A5CB8;color:#fff;}

.wrap{max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px;}
.mono{font-family:'IBM Plex Mono',monospace;}
.serif{font-family:'Newsreader',Georgia,serif;}
.eyebrow{font-family:'IBM Plex Mono',monospace;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.1em;color:#5A6470;margin-bottom:18px;}
.breadcrumb{font-family:'IBM Plex Mono',monospace;font-size:0.72rem;color:#5A6470;margin-bottom:24px;}
.breadcrumb a{color:#5A6470;}

/* ---- Header ---- */
.site-header{position:sticky;top:0;z-index:60;background:#F6F5F1;border-bottom:1px solid transparent;height:68px;transition:border-color .2s ease;}
.site-header.scrolled{border-bottom-color:#D8D5CC;}
.header-inner{max-width:1200px;margin:0 auto;padding:0 24px;height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.logo-link{display:flex;align-items:center;line-height:1;}
.logo-link img{height:31px;width:auto;display:block;}
.main-nav{display:flex;align-items:center;gap:28px;}
.main-nav>a{font-size:0.95rem;color:#14181C;font-weight:500;}
.main-nav>a.active{color:#0A5CB8;}
.btn-wa{display:inline-flex;align-items:center;gap:8px;background:#0A5CB8;color:#fff !important;padding:10px 18px;border-radius:4px;font-weight:600;font-size:0.92rem;}
.btn-wa:hover{background:#084a93;}
.menu-btn{display:none;background:none;border:1px solid #D8D5CC;border-radius:4px;width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer;color:#0B2239;}
.drawer{display:none;position:fixed;inset:68px 0 0;z-index:55;background:#F6F5F1;padding:24px;flex-direction:column;gap:4px;}
.drawer.open{display:flex;}
.drawer>a{padding:16px 4px;border-bottom:1px solid #D8D5CC;font-size:1.1rem;color:#0B2239;font-family:'Newsreader',Georgia,serif;}
.drawer>a.drawer-wa{margin-top:20px;text-align:center;background:#0A5CB8;color:#fff;padding:16px;border-radius:4px;font-weight:600;border-bottom:none;font-family:'IBM Plex Sans',sans-serif;}
@media (max-width:899px){
  .main-nav{display:none;}
  .menu-btn{display:flex;}
}

/* ---- Buttons ---- */
.btn-primary{display:inline-flex;align-items:center;gap:9px;background:#0A5CB8;color:#fff !important;padding:15px 24px;border-radius:4px;font-weight:600;font-size:1rem;}
.btn-primary:hover{background:#084a93;}
.btn-green{display:inline-flex;align-items:center;gap:9px;background:#147A55;color:#fff !important;padding:15px 24px;border-radius:4px;font-weight:600;}
.btn-green:hover{background:#0f6244;}
.btn-outline{display:inline-flex;align-items:center;gap:8px;border:1px solid #0B2239;color:#0B2239 !important;padding:15px 24px;border-radius:4px;font-weight:600;font-size:1rem;}

/* ---- Section headings ---- */
.h1-page{font-family:'Newsreader',Georgia,serif;font-weight:600;font-size:clamp(2.2rem,4.5vw,3.4rem);line-height:1.08;letter-spacing:-0.02em;color:#0B2239;margin:0 0 20px;}
.h2-section{font-family:'Newsreader',Georgia,serif;font-weight:600;font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:-0.02em;color:#0B2239;}
.h2-sub{font-family:'Newsreader',Georgia,serif;font-weight:600;font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-0.02em;color:#0B2239;}
.lead{font-size:1.0625rem;line-height:1.7;color:#14181C;max-width:66ch;margin:0;}

/* ---- Cards ---- */
.card{background:#FFFFFF;border:1px solid #D8D5CC;border-radius:4px;}
.kartu-regulasi{position:relative;background:#FFFFFF;border:1px solid #D8D5CC;border-left:3px solid #0B2239;border-radius:4px;padding:20px 22px;overflow:hidden;}
.kartu-regulasi .kr-corner{position:absolute;top:0;right:0;width:56px;height:56px;opacity:0.15;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cg fill='%230B2239'%3E%3Crect x='0' y='0' width='3' height='1'/%3E%3Crect x='0' y='0' width='1' height='3'/%3E%3Crect x='2' y='0' width='1' height='3'/%3E%3Crect x='0' y='2' width='3' height='1'/%3E%3Crect x='5' y='0' width='3' height='1'/%3E%3Crect x='7' y='0' width='1' height='3'/%3E%3Crect x='5' y='0' width='1' height='3'/%3E%3Crect x='5' y='2' width='3' height='1'/%3E%3Crect x='0' y='5' width='3' height='1'/%3E%3Crect x='0' y='5' width='1' height='3'/%3E%3Crect x='2' y='5' width='1' height='3'/%3E%3Crect x='0' y='7' width='3' height='1'/%3E%3Crect x='4' y='4' width='1' height='1'/%3E%3Crect x='5' y='5' width='1' height='1'/%3E%3Crect x='4' y='6' width='1' height='1'/%3E%3Crect x='6' y='4' width='1' height='1'/%3E%3Crect x='6' y='6' width='1' height='1'/%3E%3C/g%3E%3C/svg%3E");background-size:14px 14px;background-repeat:no-repeat;}
.kartu-regulasi .kr-label{font-family:'IBM Plex Mono',monospace;font-size:0.72rem;text-transform:uppercase;letter-spacing:0.1em;color:#5A6470;margin-bottom:14px;}
.kartu-regulasi .kr-rule{height:1px;background:#D8D5CC;margin-bottom:14px;}
.kartu-regulasi .kr-judul{font-family:'Newsreader',Georgia,serif;font-weight:600;font-size:1.14rem;line-height:1.25;color:#0B2239;}
.kartu-regulasi .kr-pasal{font-family:'IBM Plex Mono',monospace;font-size:0.8rem;color:#5A6470;margin-top:4px;}
.kartu-regulasi .kr-isi{font-size:0.98rem;line-height:1.65;color:#14181C;margin:14px 0 0;max-width:60ch;}

/* ---- FAQ ---- */
.faq-list{border-top:1px solid #D8D5CC;}
.faq-item{border-bottom:1px solid #D8D5CC;}
.faq-item summary{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;cursor:pointer;list-style:none;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary .q{font-family:'Newsreader',Georgia,serif;font-weight:600;font-size:1.15rem;color:#0B2239;}
.faq-item summary .icon{font-family:'IBM Plex Mono',monospace;font-size:1.4rem;color:#0A5CB8;flex:none;transition:transform .2s ease;}
.faq-item[open] summary .icon{transform:rotate(45deg);}
.faq-item .a{font-size:1rem;line-height:1.7;color:#14181C;margin:0 0 22px;max-width:68ch;}

/* ---- Checker widget ---- */
.checker-opt{display:flex;align-items:center;gap:9px;padding:10px 11px;border:1px solid #D8D5CC;border-radius:4px;cursor:pointer;font-size:0.88rem;color:#14181C;background:#FFFFFF;transition:background .15s ease,border-color .15s ease;line-height:1.25;}
.checker-opt.checked{border-color:#0A5CB8;background:#EEF4FB;}
.checker-opt input{accent-color:#0A5CB8;width:16px;height:16px;flex:none;}

/* ---- Footer ---- */
.site-footer{background:#0B2239;color:#AEB7C2;border-top:3px solid #0A5CB8;}
.site-footer a{color:#C7CDD4;}
.site-footer a:hover{color:#fff;}
.footer-head{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:24px;align-items:flex-end;justify-content:space-between;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,0.1);}
.footer-col-title{font-family:'IBM Plex Mono',monospace;font-size:0.72rem;text-transform:uppercase;letter-spacing:0.1em;color:#6E7A88;margin-bottom:16px;}
.footer-links{display:flex;flex-direction:column;gap:11px;font-size:0.92rem;}
.footer-bottom{max-width:1200px;margin:32px auto 0;padding:20px 24px;border-top:1px solid rgba(255,255,255,0.1);display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;align-items:center;font-family:'IBM Plex Mono',monospace;font-size:0.72rem;color:#6E7A88;}
.footer-bottom a{color:#AEB7C2;}

/* ---- WA FAB (mobile) ---- */
.wa-fab{display:none;position:fixed;right:16px;bottom:16px;z-index:70;width:56px;height:56px;border-radius:50%;background:#147A55;color:#fff !important;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,0.25);}
@media (max-width:899px){.wa-fab{display:flex;}}

/* ---- Artikel body (dipakai halaman artikel & output CMS) ---- */
.article-body h2{font-family:'Newsreader',Georgia,serif;font-weight:600;font-size:1.5rem;line-height:1.25;letter-spacing:-0.015em;color:#0B2239;margin:28px 0 14px;}
.article-body h3{font-family:'Newsreader',Georgia,serif;font-weight:600;font-size:1.25rem;line-height:1.3;color:#0B2239;margin:24px 0 12px;}
.article-body p{font-size:1.075rem;line-height:1.75;color:#14181C;margin:0 0 14px;}
.article-body ul,.article-body ol{font-size:1.075rem;line-height:1.75;color:#14181C;margin:0 0 14px;padding-left:26px;}
.article-body li{margin-bottom:6px;}
.article-body blockquote{border-left:3px solid #0A5CB8;margin:0 0 14px;padding:8px 0 8px 18px;color:#5A6470;font-family:'Newsreader',Georgia,serif;font-size:1.1rem;}
.article-body img{border-radius:6px;border:1px solid #D8D5CC;height:auto;margin:6px 0 14px;}
.article-body a{text-decoration:underline;text-underline-offset:2px;}
.article-body table{width:100%;border-collapse:collapse;margin:10px 0 22px;font-size:0.95rem;border:1px solid #D8D5CC;border-radius:6px;overflow:hidden;}
.article-body thead th{background:#0B2239;color:#F6F5F1;text-align:left;padding:12px 14px;font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:0.8rem;line-height:1.35;}
.article-body tbody td{padding:12px 14px;border-top:1px solid #D8D5CC;vertical-align:top;color:#14181C;line-height:1.5;}
.article-body tbody tr:nth-child(even){background:#F6F5F1;}
.article-body tbody td:first-child{font-weight:600;color:#0B2239;}
@media (max-width:560px){.article-body table{font-size:0.86rem;}.article-body thead th,.article-body tbody td{padding:9px 10px;}}

/* ---- Reveal animation ---- */
@media (prefers-reduced-motion: no-preference){
  [data-reveal]{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease;}
  [data-reveal].revealed{opacity:1;transform:none;}
}

/* ---- Card hover ---- */
.hover-card{transition:border-color .15s ease,transform .15s ease;}
.hover-card:hover{border-color:#0A5CB8;transform:translateY(-2px);}
.reg-row{transition:background .15s ease;}
.reg-row:hover{background:#EEF4FB !important;}

/* ---- Pemilih bahasa (bendera bahasa aktif + dropdown) ---- */
.lang-sw{position:relative;flex:none;margin-left:4px;}
.lang-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;background:#fff;border:1px solid #D8D5CC;border-radius:4px;cursor:pointer;font-family:inherit;font-size:0.82rem;font-weight:600;line-height:1;color:#14181C;}
.lang-btn:hover{border-color:#0A5CB8;color:#0A5CB8;}
.lang-btn:focus-visible{outline:2px solid #0A5CB8;outline-offset:2px;}
.lang-sw .flag{display:block;border-radius:2px;flex:none;}
.lang-btn .chev{opacity:.55;transition:transform .15s ease;}
.lang-sw.open .lang-btn{border-color:#0A5CB8;color:#0A5CB8;}
.lang-sw.open .chev{transform:rotate(180deg);}
.lang-menu{display:none;position:absolute;top:calc(100% + 8px);right:0;min-width:206px;padding:5px;background:#fff;border:1px solid #D8D5CC;border-radius:4px;box-shadow:0 10px 28px rgba(11,34,57,.14);z-index:60;}
.lang-sw.open .lang-menu{display:block;}
.lang-menu a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:3px;font-size:0.9rem;color:#14181C;white-space:nowrap;}
.lang-menu a:hover{background:#F6F5F1;}
.lang-menu a[aria-current="true"]{font-weight:600;color:#0A5CB8;}
.lang-menu a[aria-current="true"]::after{content:"\2713";margin-left:auto;font-size:0.8rem;}

.drawer-langs{display:flex;flex-direction:column;gap:0;margin-top:8px;border-top:1px solid #D8D5CC;}
.drawer-langs a{display:flex;align-items:center;gap:12px;padding:16px 4px;border-bottom:1px solid #D8D5CC;font-size:1.1rem;color:#0B2239;font-family:'Newsreader',Georgia,serif;}
.drawer-langs .flag{display:block;border-radius:2px;flex:none;width:24px;height:17px;}
.drawer-langs a[aria-current="true"]{color:#0A5CB8;font-weight:600;}
.drawer-langs a[aria-current="true"]::after{content:"\2713";margin-left:auto;font-size:0.95rem;}