/* JadiinCuan: warm paper, evergreen, and spacious editorial typography. */
html[data-brand=jadiinkelas]{color-scheme:light;--background:100 20% 97%;--foreground:160 28% 18%;--card:0 0% 100%;--card-foreground:160 28% 18%;--popover:0 0% 100%;--popover-foreground:160 28% 18%;--primary:166 66% 25%;--primary-foreground:0 0% 100%;--secondary:112 21% 92%;--secondary-foreground:160 28% 18%;--muted:114 15% 93%;--muted-foreground:156 8% 44%;--accent:166 66% 25%;--accent-foreground:0 0% 100%;--border:120 11% 86%;--input:120 11% 86%;--ring:166 66% 25%;--card-hover:110 32% 96%;--sidebar-background:100 20% 97%;--sidebar-foreground:160 28% 18%;--sidebar-primary:166 66% 25%;--sidebar-accent:115 22% 91%;--sidebar-border:120 11% 86%;--sidebar-ring:166 66% 25%}
html[data-brand] body{background:#f7f9f5;color:#233e35;font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
html[data-brand] body[data-site=acre]{--primary:166 66% 25%;--accent:166 66% 25%;--ring:166 66% 25%;--sidebar-primary:166 66% 25%}
html[data-brand] div[class*="bg-[#121212]"],html[data-brand] div[class*="bg-[#111111]"],html[data-brand] div[class*="bg-[#111]"]{background:#f7f9f5;color:#233e35}
html[data-brand] header:not(.jk-public-header){background:#ffffffed;backdrop-filter:blur(18px);min-height:76px;border-color:#dce4da;padding-inline:30px}
html[data-brand] header .jk-logo{width:175px!important;height:36px!important;max-width:100%;object-fit:contain}
.jk-logo{object-fit:contain}
.jk-material-body{white-space:pre-wrap;line-height:1.9;font-size:14px;color:#536b48;padding:22px 0}
.jk-auth-brand{display:block;width:190px;margin:0 auto 28px}
.jk-auth-brand img{display:block;width:190px;height:auto}
.jk-catalog-title{font:400 36px/1.2 Georgia,"Times New Roman",serif;letter-spacing:-1px;margin-bottom:24px}
html[data-brand] .jk-course-card>div{border:1px solid #dfe7dc;border-radius:17px;box-shadow:0 5px 18px #26463704;transition:box-shadow .2s,transform .2s}
html[data-brand] .jk-course-card:hover>div{box-shadow:0 15px 32px #26463712;transform:translateY(-3px)}
html[data-brand] .jk-course-card h3{font-size:16px;line-height:1.45;letter-spacing:-.3px}
html[data-brand] .jk-course-card .jk-logo{width:104px!important;height:22px!important}
html[data-brand] h1{letter-spacing:-1px}
html[data-brand] input:not([type=range]):not([type=checkbox]),html[data-brand] textarea{background:#fff;border-color:#d6dfd2;color:#233e35}
html[data-brand] button:focus-visible,html[data-brand] a:focus-visible{outline:3px solid #166b5870;outline-offset:4px}
html[data-brand] .local-drawer{background:#fbfcf9;color:#233e35;border-color:#dce4da}
html[data-brand] .local-drawer nav a{color:#435f53;border-radius:8px}
html[data-brand] .local-drawer nav a:hover{background:#e8f0e3;color:#166b58}
html[data-brand] .local-drawer-head button{color:#486254}
html[data-brand] .local-dropdown{background:#fff;color:#233e35;border-color:#dce4da;box-shadow:0 10px 32px #1e40301a}
html[data-brand] .local-dropdown a:hover,html[data-brand] .local-dropdown button:hover{background:#edf3e8}
html[data-brand] .local-toast{background:#173e32;border-color:#245744;color:#fff}
html[data-brand] .local-play{background:#166b58}
html[data-brand] .local-player-controls input{accent-color:#8bc5a2}
html[data-brand] .local-current-lesson{background:#dfeedd!important;color:#166b58}
html[data-brand] .local-show-sidebar{background:#fff;border-color:#dce4da;color:#166b58}
html[data-brand] [data-page=login] .bg-zinc-900,html[data-brand] [data-page=login] .bg-zinc-950{background:#fff}
html[data-brand] [data-page=login] .text-white:not(button),html[data-brand] [data-page=login] .text-zinc-100{color:#233e35}
html[data-brand] [data-page=login] .text-zinc-400{color:#6a7a6e}
html[data-brand] [data-page=login] .border-zinc-800{border-color:#dce4da}
.jk-home{margin:0;background:#f7f9f5;color:#233e35}
.jk-public-header{max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:27px 42px;gap:28px;background:#f7f9f5;position:relative;z-index:10}
.jk-wordmark img{width:205px;height:auto}
.jk-public-header nav{display:flex;align-items:center;gap:30px;font-size:13px;color:#596e61}
.jk-public-header nav a:hover{color:#166b58}
.jk-login{display:flex;align-items:center;justify-content:center;gap:30px;background:#fff;border:1px solid #cfdace;border-radius:9px;font-size:13px;font-weight:600;padding:13px 18px;color:#254d3b}
.jk-mobile-menu{display:none;color:#254d3b;border:1px solid #d6e0d0;border-radius:7px;padding:8px}

.jk-eyebrow{font:600 10px/1.6 Inter,Arial,sans-serif;letter-spacing:1.6px;color:#527a61;margin:0 0 25px;display:flex;align-items:center;gap:8px}
.jk-eyebrow>span{width:7px;height:7px;border-radius:50%;background:#6d9b72;box-shadow:0 0 0 4px #e6eee1}

.jk-home h2 em{font-weight:400;color:#166b58;font-style:italic}




.jk-solid-link{background:#166b58;color:white;border:1px solid #166b58;border-radius:7px;font-size:12px;font-weight:500;padding:15px 18px;display:inline-flex;align-items:center;justify-content:center;gap:23px;white-space:nowrap;transition:background .2s}
.jk-solid-link:hover{background:#0d5142}
.jk-solid-link span{font-size:17px;line-height:1}




.jk-check{background:#e0edda;border-radius:50%;width:17px;height:17px;display:grid;place-items:center;color:#166b58;font-size:10px}




















.jk-topics-strip{border-top:1px solid #e0e7db;border-bottom:1px solid #e0e7db;display:flex;align-items:center;justify-content:center;gap:32px;padding:27px 25px;background:#f0f4ec;font-size:12px;color:#74866a;flex-wrap:wrap}
.jk-topics-strip>span{font-size:10px;color:#91a088;margin-right:20px}
.jk-topics-strip strong{font-weight:500}.jk-topics-strip b{font-size:13px;font-weight:400;color:#9eb58e}
.jk-course-section{max-width:1320px;margin:auto;padding:86px 42px}
.jk-section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:35px;gap:30px}
.jk-section-heading .jk-eyebrow{margin-bottom:17px}
.jk-home h2{font:400 clamp(32px,3.4vw,49px)/1.15 Georgia,"Times New Roman",serif;letter-spacing:-1.8px;margin:0;color:#233e35}
.jk-text-link{font-size:12px;color:#166b58;display:flex;align-items:center;gap:30px;border-bottom:1px solid #b5c5ac;padding-bottom:8px;white-space:nowrap;margin-bottom:7px}
.jk-home-courses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.jk-home-courses .min-h-\[60px\]{min-height:24px}
.jk-home-courses .aspect-\[16\/10\]{aspect-ratio:16/10}
.jk-how{max-width:1236px;margin:0 auto 80px;display:grid;grid-template-columns:1fr 1fr;gap:80px;border:1px solid #dce6d5;background:#edf2e7;border-radius:22px;padding:65px 65px}
.jk-how>div>p:not(.jk-eyebrow){font-size:13px;line-height:1.9;color:#7d8b74;max-width:310px;margin:22px 0}
.jk-how ol{list-style:none;margin:0;padding:0}
.jk-how li{display:flex;align-items:flex-start;gap:24px;padding:23px 0;border-bottom:1px solid #d5dfcd}
.jk-how li:last-child{border-bottom:0}
.jk-how li>span{font-family:Georgia,serif;font-style:italic;font-size:25px;color:#9ab18a}
.jk-how li h3{font-size:14px;font-weight:600;color:#34563c;margin:0 0 10px}
.jk-how li p{font-size:12px;line-height:1.8;color:#7a8b70;margin:0}
.jk-final-cta{text-align:center;padding:20px 24px 85px}
.jk-final-cta>span{display:block;font-size:9px;letter-spacing:1.5px;color:#8a9e7b;margin-bottom:22px}
.jk-final-cta h2{margin-bottom:26px}
.jk-footer{border-top:1px solid #dce5d7;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px max(28px,calc((100vw - 1236px)/2));background:#f7f9f5;flex-wrap:wrap}
.jk-footer img{width:180px;height:auto}
.jk-footer p{font-size:11px;color:#85947b}.jk-footer small{font-size:10px;color:#94a08d}
.jk-footer nav{display:flex;gap:22px;font-size:11px;color:#68805b}
.jk-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.jk-public-header{padding-inline:30px}.jk-how{margin-inline:30px;gap:40px;padding:45px}.jk-topics-strip{gap:22px}.jk-topics-strip>span{width:100%;text-align:center;margin:0}}
@media(max-width:760px){.jk-public-header{padding:20px;gap:16px}.jk-wordmark img{width:170px}.jk-public-header nav{display:none}.jk-login{font-size:12px;padding:10px 13px;gap:15px}.jk-eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:21px}.jk-topics-strip{gap:13px 20px;padding:22px;font-size:10px}.jk-course-section{padding:52px 24px}.jk-section-heading{align-items:flex-start;flex-direction:column;gap:22px}.jk-home h2{font-size:35px;letter-spacing:-1.5px}.jk-home-courses{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.jk-how{display:block;padding:30px;margin:0 24px 50px}.jk-how ol{margin-top:25px}.jk-how h2{font-size:35px}.jk-final-cta{padding-bottom:55px}.jk-footer{padding:28px 24px;gap:20px}.jk-footer p{width:100%;order:3;margin:0}.jk-footer nav{gap:17px}.jk-footer small{order:4}html[data-brand] header:not(.jk-public-header){padding-inline:16px;min-height:64px}html[data-brand] header .jk-logo{width:148px!important;height:30px!important}}
@media(max-width:480px){.jk-home-courses{grid-template-columns:minmax(0,1fr)}.jk-wordmark img{width:157px}}
@media(prefers-reduced-motion:reduce){html[data-brand] *{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:760px){.jk-mobile-menu{display:block;margin-left:auto}.jk-public-header{gap:10px}}