/* Original Bengkel Karir website. Local system fonts; no remote assets. */
:root{--ink:#232321;--paper:#f6f5ef;--white:#fff;--lime:#F3B63F;--olive:#232321;--muted:#65615B;--line:#DED7CB;--orange:#b45029;--radius:20px;--font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}a:hover{color:var(--olive)}p{margin:0 0 1.2em}h1,h2,h3,h4{line-height:1.12;letter-spacing:-.055em;margin:0 0 .7em}h1{font-size:clamp(2.7rem,6.5vw,6.3rem);font-weight:760}h2{font-size:clamp(2rem,3.8vw,3.5rem);font-weight:720}h3{font-size:1.5rem;font-weight:700}ul,ol{padding-left:1.3rem}li{margin:.5em 0}small{font-size:.83rem}.shell{width:min(1216px,calc(100% - 64px));margin:auto}.skip{position:fixed;top:-100px;left:20px;padding:12px;background:var(--lime);z-index:100}.skip:focus{top:12px}.top-note{background:var(--ink);color:var(--paper);text-align:center;font:600 .72rem/1.5 var(--font);letter-spacing:.08em;padding:8px 15px}.site-head{position:sticky;top:0;background:rgba(246,245,239,.96);backdrop-filter:blur(12px);z-index:20;border-bottom:1px solid var(--line)}.head-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px}.wordmark{display:flex;gap:10px;align-items:center;line-height:1;font-size:1.4rem;font-weight:850;letter-spacing:-.065em;flex-shrink:0}.wordmark-mark{display:grid;place-items:center;width:36px;height:36px;background:var(--ink);color:var(--lime);font-size:17px;border-radius:9px;letter-spacing:-2px;padding-right:2px}.wordmark span:last-child small{display:block;font-weight:500;font-size:.56rem;letter-spacing:.2em;margin-top:7px}.nav{display:flex;gap:28px;align-items:center;font-size:.85rem;font-weight:600}.nav a[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}.nav .nav-login{border:1px solid var(--ink);border-radius:8px;padding:10px 20px}.menu-button{display:none;background:transparent;border:1px solid var(--line);border-radius:8px;padding:8px 13px}.eyebrow{font-size:.7rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase;display:flex;align-items:center;gap:9px;margin:0 0 25px}.dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:var(--olive)}.hero{padding:80px 0 68px;display:grid;grid-template-columns:1.18fr 1fr;align-items:center;gap:70px}.hero h1{max-width:700px}.hero .lead{max-width:530px;font-size:1.06rem;color:var(--muted)}.highlight{position:relative;display:inline-block;z-index:0}.highlight:after{position:absolute;content:"";bottom:1px;left:-6px;right:-6px;height:40%;background:var(--lime);z-index:-1;transform:rotate(-2deg)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:29px 0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:50px;border:1px solid var(--ink);padding:12px 22px;border-radius:9px;font-weight:650;font-size:.86rem;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-2px);color:var(--ink);background:var(--lime)}.btn-dark{background:var(--ink);color:var(--white)}.btn-dark:hover{background:var(--olive);color:var(--white)}.btn-lime{background:var(--lime)}.btn-light{background:var(--white)}.micro{font-size:.74rem;color:var(--muted)}.hero-note{display:flex;flex-wrap:wrap;gap:18px;font-size:.72rem;font-weight:600;margin-top:24px}.hero-note span:before{content:"✓";color:var(--olive);margin-right:7px}.service-board{background:var(--ink);color:var(--white);padding:26px;border-radius:22px;position:relative;transform:rotate(1.3deg);box-shadow:9px 13px 0 #DED7CB}.board-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #232321;padding-bottom:22px;margin-bottom:26px}.board-head .eyebrow{color:#C2BCB2;margin:0 0 10px;font-size:.62rem}.board-number{font:700 2.3rem/1 ui-monospace,monospace;letter-spacing:-.07em}.pill{display:inline-block;border:1px solid currentColor;border-radius:100px;font-size:.65rem;font-weight:650;padding:3px 10px;white-space:nowrap}.service-board .pill{color:var(--lime)}.board-title{font-size:2rem;letter-spacing:-.05em;font-weight:700;line-height:1.12;margin:0 0 22px}.receipt-line{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px dashed #232321;font-size:.79rem}.receipt-line span:last-child{color:var(--lime)}.board-foot{display:flex;justify-content:space-between;align-items:center;padding-top:24px}.board-foot strong{font-size:.85rem;color:var(--lime)}.board-foot span{color:#C2BCB2;font-size:.64rem}.barcode{width:88px;height:28px;background:repeating-linear-gradient(90deg,#F3B63F 0px,#F3B63F 2px,transparent 2px,transparent 4px,#F3B63F 4px,#F3B63F 5px,transparent 5px,transparent 9px)}.ticket-tab{background:var(--lime);color:var(--ink);position:absolute;right:-15px;top:110px;padding:8px 17px;font-size:.64rem;font-weight:800;border-radius:4px;transform:rotate(8deg);letter-spacing:.08em}.benefit-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0;margin-bottom:12px}.benefit-strip div{padding:0 24px;border-right:1px solid var(--line)}.benefit-strip div:first-child{padding-left:0}.benefit-strip div:last-child{border:0}.benefit-strip strong{display:block;font-size:.9rem}.benefit-strip small{display:block;color:var(--muted);font-size:.73rem;margin-top:3px}.section{padding:85px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:35px}.section-head h2{margin:0;max-width:620px}.section-head p{max-width:340px;margin:0;color:var(--muted);font-size:.9rem}.section .eyebrow{margin-bottom:16px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:29px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);position:relative}.card p{color:var(--muted);font-size:.88rem}.card h3{margin-top:22px;margin-bottom:15px}.card-number{font:600 .73rem/1.4 ui-monospace,monospace;color:var(--muted)}.card-label{font-size:.65rem;font-weight:750;letter-spacing:.09em}.card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.card-bottom{margin-top:30px;border-top:1px solid var(--line);padding-top:17px;display:flex;align-items:center;justify-content:space-between;font-size:.76rem;font-weight:650}.card:hover{border-color:var(--olive)}.card-lime{background:var(--lime);border-color:var(--lime)}.card-lime p,.card-lime .card-number{color:#232321}.card-ink{background:var(--ink);color:var(--white);border-color:var(--ink)}.card-ink p,.card-ink .card-number{color:#C2BCB2}.card-ink .card-bottom{border-color:#232321}.wide-link{grid-column:span 2;display:flex;align-items:center;justify-content:space-between;gap:50px}.wide-link h3{max-width:400px;font-size:2rem;margin:0 0 15px}.wide-link p{max-width:450px;margin:0}.arrow-round{width:55px;height:55px;border:1px solid currentColor;display:grid;place-items:center;border-radius:50%;font-size:1.4rem;flex-shrink:0}.dark-section{background:var(--ink);color:var(--white)}.dark-section p{color:#C2BCB2}.dark-section .eyebrow{color:var(--lime)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:50px}.step{border-top:1px solid #65615B;padding-top:22px}.step .step-no{display:block;color:var(--lime);font:600 .7rem ui-monospace,monospace;margin-bottom:26px}.step h3{font-size:1.35rem}.step p{font-size:.84rem}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.sim-list{display:grid;gap:14px}.sim-row{border:1px solid var(--line);border-radius:13px;padding:21px;display:flex;align-items:center;justify-content:space-between;background:var(--white);gap:20px}.sim-row strong{display:block;font-size:1rem;letter-spacing:-.025em}.sim-row small{display:block;font-size:.73rem;color:var(--muted);margin-top:5px}.sim-row .arrow{font-size:1.3rem}.notice{border-left:3px solid var(--olive);padding:13px 18px;background:#F7F3EA;font-size:.8rem;color:#65615B;margin-top:22px}.notice strong{color:var(--ink)}.chooser{padding:45px;border:1px solid var(--line);border-radius:var(--radius);background:#F7F3EA}.chooser h2{font-size:2rem}.choice-list{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0}.choice{border:1px solid #C2BCB2;border-radius:100px;background:var(--paper);padding:10px 16px;font-size:.79rem}.choice[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--white)}.choice-result{font-size:.9rem;max-width:720px;min-height:56px}.choice-result a{text-decoration:underline;text-underline-offset:4px;font-weight:700}.cta{border-radius:22px;background:var(--lime);padding:45px 50px;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:2.5rem;max-width:650px;margin:0 0 12px}.cta p{margin:0;font-size:.9rem;max-width:650px}.footer{padding:50px 0 25px;border-top:1px solid var(--line);margin-top:65px}.footer-top{display:flex;justify-content:space-between;gap:50px;margin-bottom:35px}.footer-top p{max-width:450px;font-size:.8rem;color:var(--muted);margin-top:20px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:10px 35px;align-content:start;font-size:.78rem}.footer-bottom{padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;font-size:.67rem;color:var(--muted)}.page-hero{padding:65px 0 45px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(2.7rem,5vw,4.7rem);max-width:900px}.page-hero p{max-width:670px;color:var(--muted);font-size:1.05rem}.page-body{padding:50px 0}.prose{max-width:780px}.prose h2{font-size:1.8rem;margin:1.5em 0 .6em}.prose h3{font-size:1.2rem;margin:1.7em 0 .6em}.prose p,.prose li{color:#232321;font-size:.96rem}.prose a{text-decoration:underline;text-underline-offset:4px}.chapter{display:grid;grid-template-columns:90px 1fr;gap:20px;padding:35px 0;border-bottom:1px solid var(--line)}.chapter-no{font:600 2.7rem/1 ui-monospace,monospace;color:var(--olive)}.chapter h2{font-size:2rem;margin-bottom:13px}.chapter p{color:var(--muted);max-width:730px;font-size:.9rem}.module-list{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.module-list li{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:18px;font-size:.84rem}.module-list span{display:block;font-size:.7rem;color:var(--muted);margin-top:5px}.faq{max-width:850px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-weight:650;font-size:1.05rem;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:"+";font-size:1.3rem;color:var(--olive)}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--muted);font-size:.9rem;padding-right:40px;margin:17px 0 0}.three-values{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.values{padding:25px;border:1px solid var(--line);border-radius:14px}.values h3{font-size:1.2rem}.values p{font-size:.84rem;color:var(--muted);margin-bottom:0}.status-tag{display:inline-flex;gap:7px;align-items:center;font-size:.68rem;font-weight:600;border:1px solid var(--line);border-radius:30px;padding:5px 11px;background:var(--white)}.table-wrap{overflow-x:auto;margin:25px 0}table{border-collapse:collapse;width:100%;font-size:.85rem;text-align:left}th,td{border-bottom:1px solid var(--line);padding:14px;vertical-align:top}th{font-weight:650;background:#DED7CB}.empty-state{padding:80px 0;text-align:center}.empty-state h1{font-size:7rem;color:var(--olive)}.empty-state h2{font-size:2rem}.empty-state p{color:var(--muted)}.empty-state .actions{justify-content:center}
@media(min-width:1450px){.hero{padding-top:100px;padding-bottom:90px}}
@media(max-width:1000px){.hero{gap:35px}.nav{gap:18px}.hero h1{font-size:4rem}.service-board{padding:23px}.cards{grid-template-columns:repeat(2,1fr)}.wide-link{grid-column:span 1;gap:20px}.wide-link h3{font-size:1.6rem}.two-col{gap:35px}.steps{gap:20px}.shell{width:calc(100% - 44px)}}
@media(max-width:760px){.shell{width:calc(100% - 36px)}.top-note{font-size:.6rem}.head-inner{height:73px;gap:15px}.wordmark{font-size:1.2rem}.wordmark-mark{width:32px;height:32px}.menu-button{display:block}.nav{display:none;position:absolute;top:73px;left:0;right:0;background:var(--paper);padding:15px 22px 25px;border-bottom:1px solid var(--line);flex-direction:column;gap:10px;align-items:stretch}.nav[data-open=true]{display:flex}.nav a{padding:9px}.nav .nav-login{text-align:center}.hero{padding:42px 0 42px;grid-template-columns:1fr;gap:35px}.hero h1{font-size:clamp(2.65rem,11vw,4.5rem)}.hero .lead{font-size:.95rem;max-width:560px}.hero .eyebrow{font-size:.62rem;margin-bottom:21px}.hero-note{font-size:.67rem;gap:13px}.service-board{transform:none;margin:0 7px 5px 0;max-width:530px}.ticket-tab{right:-12px;top:95px}.board-title{font-size:1.8rem}.benefit-strip{grid-template-columns:1fr 1fr;gap:18px;padding:22px 0}.benefit-strip div,.benefit-strip div:first-child{padding:0 10px 0 0;border:0}.benefit-strip strong{font-size:.8rem}.benefit-strip small{font-size:.65rem}.section{padding:50px 0}.section-head{display:block;margin-bottom:25px}.section-head h2{font-size:2rem;margin-bottom:17px}.section-head p{max-width:560px;font-size:.85rem}.cards{gap:12px}.card{padding:22px;border-radius:15px}.card h3{font-size:1.3rem}.card p{font-size:.8rem}.card-bottom{font-size:.7rem;margin-top:20px}.card-label{font-size:.6rem}.wide-link{display:block}.wide-link .arrow-round{margin-top:20px;width:40px;height:40px}.wide-link h3{font-size:1.5rem}.steps{grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}.step .step-no{margin-bottom:18px}.step h3{font-size:1.2rem}.step p{font-size:.78rem}.two-col{grid-template-columns:1fr;gap:25px}.two-col h2{font-size:2rem}.chooser{padding:25px}.chooser h2{font-size:1.8rem}.choice{font-size:.73rem;padding:9px 13px}.choice-result{font-size:.83rem}.cta{padding:28px;display:block}.cta h2{font-size:2rem}.cta p{font-size:.82rem}.cta .btn{margin-top:22px}.footer{margin-top:40px;padding-top:35px}.footer-top{display:block}.footer-links{margin-top:25px;gap:12px;font-size:.74rem}.footer-bottom{display:block;font-size:.63rem}.footer-bottom span{display:block;margin-top:8px}.page-hero{padding:40px 0 30px}.page-hero h1{font-size:2.7rem}.page-hero p{font-size:.93rem}.page-body{padding:30px 0}.chapter{grid-template-columns:45px 1fr;gap:12px;padding:28px 0}.chapter-no{font-size:1.9rem}.chapter h2{font-size:1.7rem}.module-list{grid-template-columns:1fr}.three-values{grid-template-columns:1fr}.faq summary{font-size:.94rem}.faq details p{font-size:.83rem;padding-right:10px}.prose p,.prose li{font-size:.88rem}}
@media(max-width:420px){.cards{grid-template-columns:1fr}.wide-link{display:flex}.wide-link .arrow-round{margin:0}.hero-note{gap:8px}.btn{padding:12px 17px;gap:15px}.board-head{padding-bottom:18px;margin-bottom:20px}.service-board{padding:21px}.chapter{grid-template-columns:1fr}.chapter-no{font-size:1.3rem}.steps{gap:20px}.step h3{font-size:1.12rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Existing page structures, aligned to the warm brand direction on 25 October 2026. */
.upskill-site{--paper:#f7f7f0;--ink:#232321;--lime:#F3B63F;--olive:#65615B;--line:#DED7CB;--muted:#65615B;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.7}
.upskill-site .shell{width:min(1220px,calc(100% - 80px))}.upskill-site .top-note{background:#DED7CB;color:#65615B;border-bottom:1px solid #DED7CB;padding:9px 0;font-size:9px;letter-spacing:1.5px}.up-topline{display:flex;justify-content:space-between;gap:15px}.up-topline>span:last-child{letter-spacing:.3px;font-size:10px;text-transform:none}.up-topline>span:last-child>span{margin-left:12px}
.upskill-site .site-head{background:#f7f7f0f5;border-bottom:1px solid #DED7CB}.upskill-site .head-inner{height:92px}.upskill-site .wordmark{font-size:22px;letter-spacing:-1.2px;gap:11px;font-weight:800}.upskill-site .wordmark-mark{width:42px;height:43px;border-radius:12px;letter-spacing:-2px;font-size:22px;display:flex;align-items:center;justify-content:center;padding:0 3px 0 0;transform:rotate(-5deg)}.upskill-site .wordmark-mark span{color:#fff}.upskill-site .wordmark span:last-child small{font-size:7px;letter-spacing:1.8px;font-weight:650;margin-top:8px;color:#65615B}.upskill-site .nav{gap:33px;font-size:11px}.upskill-site .nav a{position:relative;padding:9px 0;font-weight:600}.upskill-site .nav a[aria-current=page]{text-decoration:none}.upskill-site .nav a[aria-current=page]:after{content:'';height:3px;position:absolute;left:0;right:0;bottom:-2px;background:#65615B;border-radius:5px}.upskill-site .nav .nav-login{background:#232321;color:#fff;border-color:#232321;border-radius:7px;padding:11px 22px;margin-left:11px;display:flex;align-items:center;gap:26px;font-size:11px}.upskill-site .nav .nav-login:hover{background:#232321}.upskill-site .nav .nav-login:after{display:none}
.upskill-site .eyebrow{font-size:9px;letter-spacing:1.8px;line-height:1.7;font-weight:750}.upskill-site .dot{width:6px;height:6px;background:#65615B}.upskill-site h1,.upskill-site h2,.upskill-site h3{font-family:Inter,"Segoe UI",Arial,sans-serif}.upskill-site h2{font-size:clamp(30px,3.3vw,44px);font-weight:750;line-height:1.17;letter-spacing:-1.9px}.upskill-site h3{line-height:1.3;letter-spacing:-.7px}.upskill-site .btn{min-height:48px;font-size:11px;padding:13px 23px;gap:35px;border-radius:7px;letter-spacing:.05px;font-weight:700}.upskill-site .btn>span{font-size:18px;font-weight:400;line-height:1}.upskill-site .btn-dark{background:#232321;border-color:#232321}.upskill-site .btn-dark:hover{background:#232321;border-color:#232321;color:#fff}.up-text-link{display:inline-flex;align-items:center;gap:13px;color:#232321;font-size:11px;font-weight:700;line-height:1.7;text-decoration:none}.up-text-link span{font-size:17px;font-weight:500}.up-text-link:hover{color:#232321;text-decoration:underline;text-underline-offset:5px}.upskill-site :is(a,button,summary):focus-visible{outline:3px solid #65615B;outline-offset:5px}.up-olive-text{color:#65615B}
.upskill-site .section{padding:86px 0}.upskill-site .section-head{margin-bottom:34px;gap:55px;align-items:end}.upskill-site .section .eyebrow{margin-bottom:17px}.upskill-site .section-head>p{font-size:12px;line-height:1.85;max-width:315px;color:#65615B;margin-bottom:2px}
.up-hero{padding:72px 0 66px;overflow:hidden}.up-hero-grid{display:grid;grid-template-columns:1.18fr 1fr;align-items:center;gap:66px}.up-hero-copy{padding:7px 0 10px}.up-hero .eyebrow{margin-bottom:26px;color:#65615B;font-size:9px}.up-hero h1{font-size:clamp(51px,5.3vw,77px);line-height:1.08;font-weight:780;letter-spacing:-4.5px;margin:0 0 28px}.up-headline-accent{color:#65615B;position:relative;white-space:nowrap;display:inline-block}.up-headline-accent:after{content:'';position:absolute;bottom:-5px;left:0;right:0;height:9px;background:#F3B63F;border-radius:50% 10% 50% 10%;transform:rotate(-1.1deg);z-index:-1}.up-lead{max-width:495px;color:#65615B;font-size:14px;line-height:1.95;margin-bottom:0}.up-hero .actions{align-items:center;gap:28px;margin-top:30px;margin-bottom:25px}.up-hero .actions .up-text-link{font-size:11px}.up-hero-proof{display:flex;gap:16px;flex-wrap:wrap;color:#65615B;font-size:9px}.up-hero-proof>span{display:inline-flex;align-items:center;gap:5px}.up-hero-proof>span>span{font-size:12px;color:#65615B}
.up-hero-art{position:relative;padding:29px 0 25px;min-width:0}.up-orbit{position:absolute;border:1px solid #DED7CB;z-index:0;border-radius:50%;pointer-events:none}.up-orbit-one{width:570px;height:570px;top:-15px;left:-40px}.up-orbit-two{width:430px;height:430px;top:50px;left:33px}.up-course-ticket{position:relative;background:#232321;color:#F7F3EA;border-radius:18px;box-shadow:12px 16px 0 #DED7CB;transform:rotate(2deg);padding:26px 29px 20px;z-index:1}.up-ticket-top{display:flex;align-items:center;gap:11px;border-bottom:1px solid #232321;padding-bottom:19px;margin-bottom:26px}.up-ticket-mark{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#F3B63F;color:#232321;font-size:20px;letter-spacing:-2px;font-weight:800}.up-ticket-top>span:nth-child(2){font-size:6px;letter-spacing:1.3px;line-height:1.9;color:#C2BCB2}.up-ticket-top strong{font-weight:650;color:#DED7CB;font-size:7px;letter-spacing:1.2px}.up-mini-arrow{font-size:27px;margin-left:auto;color:#F3B63F;line-height:1}.up-ticket-heading{position:relative}.up-tiny-label{font-size:7px;letter-spacing:1.1px;color:#C2BCB2}.up-ticket-heading h2{font-size:48px;color:#F7F3EA;letter-spacing:-2.6px;line-height:1.06;margin:13px 0 19px;font-weight:650}.up-ticket-heading em{font-style:normal;color:#F3B63F}.up-ticket-status{position:absolute;right:-36px;top:61px;background:#F3B63F;color:#232321;padding:8px 10px;border-radius:4px;font-size:6px;letter-spacing:.8px;font-weight:800;transform:rotate(8deg);box-shadow:0 3px 12px #00000010}
.up-workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:27px 0 25px}.up-workflow>div{border-top:1px solid #232321;padding-top:12px}.up-workflow>div>span{display:block;font-size:6px;letter-spacing:.8px;color:#65615B;margin-bottom:9px}.up-workflow strong{font-size:11px;display:block;font-weight:650;letter-spacing:-.1px}.up-workflow p{font-size:8px;color:#C2BCB2;line-height:1.8;margin:5px 0 0}.up-ticket-output{display:flex;align-items:center;gap:11px;padding:14px 12px;background:#232321;border:1px solid #232321;border-radius:9px}.up-output-icon{width:30px;height:33px;display:grid;place-items:center;background:#F3B63F;color:#232321;border-radius:6px;font-size:22px;line-height:1}.up-ticket-output>div{flex:1}.up-ticket-output>div>span{display:block;font-size:5px;letter-spacing:1px;color:#C2BCB2}.up-ticket-output strong{font-size:10px;display:block;font-weight:650;margin-top:3px}.up-ticket-output>span:last-child{color:#F3B63F;font-size:20px}.up-ticket-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:22px;color:#65615B}.up-ticket-bottom>span:first-child{font-size:5px;letter-spacing:1px}.up-ticket-bottom>span:last-child{font-size:20px;letter-spacing:-3px;font-weight:700;color:#C2BCB2}.up-floating-note{position:absolute;bottom:9px;left:-40px;display:flex;align-items:center;gap:11px;border:1px solid #DED7CB;background:#fffffa;border-radius:10px;padding:14px 20px;z-index:2;box-shadow:0 5px 25px #2323210c;transform:rotate(-4deg);font-size:9px;line-height:1.7;color:#65615B}.up-floating-note>span:first-child{font-size:30px;color:#65615B}.up-floating-note strong{font-weight:700;color:#232321}.up-art-caption{position:relative;font-size:7px;text-align:right;color:#65615B;margin:32px 2px 0;z-index:1}
.up-value-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;border-top:1px solid #DED7CB;border-bottom:1px solid #DED7CB;padding:24px 0}.up-value-strip>div{display:flex;gap:12px;align-items:flex-start}.up-value-no{font-size:9px;color:#65615B;font-family:ui-monospace,monospace;line-height:1.6;flex-shrink:0;margin-top:2px}.up-value-strip p{margin:0;line-height:1.7}.up-value-strip strong{font-size:11px;display:block;font-weight:700;letter-spacing:-.05px}.up-value-strip p>span{font-size:9px;display:block;color:#65615B;margin-top:3px}.up-context-section{padding-bottom:58px!important}.up-context-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:start}.up-context-grid h2{font-size:39px;line-height:1.25}.up-context-grid>div:last-child{padding-top:9px}.up-context-grid p:not(.eyebrow){font-size:12px;line-height:1.95;color:#65615B}.up-context-grid .up-context-lead,.up-context-lead{font-size:17px!important;line-height:1.7!important;color:#232321!important;letter-spacing:-.3px;font-weight:550}.up-context-grid .up-text-link{margin-top:6px}
.up-course-section{padding-top:35px!important}.up-featured-course{display:grid;grid-template-columns:.85fr 1.15fr;border:1px solid #DED7CB;background:#fffefa;border-radius:18px;overflow:hidden}.up-featured-cover{display:flex;flex-direction:column;justify-content:space-between;background:#DED7CB;padding:28px 32px;position:relative;isolation:isolate;min-height:480px}.up-featured-cover:after{content:'';position:absolute;bottom:-80px;right:-120px;border:1px solid #65615B66;width:370px;height:370px;border-radius:50%;z-index:-1}.up-featured-cover:before{content:'';position:absolute;bottom:-40px;right:-80px;border:1px solid #65615B55;width:290px;height:290px;border-radius:50%;z-index:-1}.up-featured-top{display:flex;justify-content:space-between;gap:20px;font-size:6px;letter-spacing:1.5px;font-weight:750;color:#65615B}.up-featured-top>span:last-child{font-size:10px;letter-spacing:1px}.up-course-symbol{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin:14px 0 20px;font-size:46px;color:#232321;line-height:1;width:86px;height:86px;border:1px solid #65615B;border-radius:22px;transform:rotate(-8deg)}.up-course-symbol>span{font-size:21px;font-weight:600}.up-featured-cover h3{font-size:53px;letter-spacing:-2.6px;line-height:1.04;font-weight:700;margin:0 0 19px;color:#232321}.up-featured-cover p{font-size:11px;line-height:1.85;color:#232321}.up-featured-bottom{display:flex;justify-content:space-between;gap:20px;font-size:6px;letter-spacing:1.1px;color:#65615B;padding-top:20px;border-top:1px solid #C2BCB2;margin-top:22px}
.up-featured-copy{padding:34px 38px 27px}.up-course-tags{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:20px}.up-tag{display:inline-flex;align-items:center;gap:6px;font-size:7px;letter-spacing:.25px;color:#65615B;background:#F7F3EA;border:1px solid #DED7CB;border-radius:4px;padding:5px 7px;line-height:1.45;font-weight:650}.up-tag-olive{color:#65615B;background:#DED7CB;border-color:#DED7CB}.up-featured-copy>h3{font-size:29px;letter-spacing:-1.1px;font-weight:700;line-height:1.22;margin:0 0 15px}.up-featured-copy>p{font-size:11px;color:#65615B;line-height:1.9;max-width:440px;margin-bottom:20px}.up-course-modules{padding:0;margin:17px 0 24px;list-style:none;display:grid;gap:0}.up-course-modules>li{display:flex;gap:13px;align-items:center;padding:11px 0;margin:0;border-top:1px solid #DED7CB}.up-course-modules>li:last-child{border-bottom:1px solid #DED7CB}.up-course-modules>li>span{display:grid;place-items:center;width:25px;height:27px;font-size:8px;color:#65615B;background:#F7F3EA;border-radius:6px;font-family:ui-monospace,monospace;flex-shrink:0}.up-course-modules strong{font-size:10px;display:block;color:#232321;line-height:1.6;font-weight:700}.up-course-modules small{font-size:9px;color:#65615B;display:block;margin-top:2px}.up-course-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.up-course-foot>span{font-size:9px;color:#65615B}.up-course-foot .btn{font-size:10px;min-height:42px;padding:10px 16px;gap:20px}.up-featured-copy>.up-course-status,.up-course-status{font-size:8px!important;color:#65615B!important;line-height:1.8!important;margin:18px 0 0!important;max-width:none!important}
.up-paths-section{padding-top:10px!important}.up-profession-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.up-profession-card{display:flex;flex-direction:column;padding:23px 21px;border:1px solid #DED7CB;border-radius:12px;background:#F7F3EA}.up-profession-available{background:#fffefa;border-color:#C2BCB2}.up-profession-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:27px}.up-profession-icon{font-size:24px;line-height:1;color:#65615B;font-weight:550}.up-profession-card h3{font-size:22px;line-height:1.2;letter-spacing:-.8px;margin:0 0 14px;font-weight:650}.up-profession-card>p{font-size:10px;color:#65615B;line-height:1.9;flex:1;margin-bottom:22px}.up-profession-card .up-text-link,.up-plan-label{font-size:8px;font-weight:650;border-top:1px solid #DED7CB;padding-top:14px;margin-top:auto;display:flex;justify-content:space-between}.up-plan-label{color:#65615B;font-weight:500;line-height:2.3}.up-profession-card .up-text-link span{font-size:15px}
.up-method-section{background:#232321;color:#F7F3EA}.up-method-section .eyebrow{color:#C2BCB2}.up-method-section .section-head>p{color:#C2BCB2}.up-method-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:47px}.up-method-grid>article{border-top:1px solid #232321;padding-top:18px;min-width:0}.up-method-no{display:flex;justify-content:space-between;align-items:center;color:#65615B;font-family:ui-monospace,monospace;font-size:8px}.up-method-no>span{color:#C2BCB2;font-size:16px}.up-method-icon{display:block;color:#F3B63F;font-size:31px;letter-spacing:-2px;line-height:1;margin:27px 0 23px;font-weight:550}.up-method-grid h3{font-size:21px;letter-spacing:-.6px;font-weight:600;margin-bottom:14px}.up-method-grid p{font-size:10px;line-height:1.95;color:#C2BCB2;max-width:240px;margin:0}.up-method-bottom{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;border-top:1px solid #232321;padding-top:22px;margin-top:39px}.up-method-bottom strong{font-size:10px;color:#C2BCB2;font-weight:600}.up-method-bottom>span{font-size:9px;color:#65615B}
.up-faq-preview{display:grid;grid-template-columns:1fr 1.15fr;gap:100px;align-items:start}.up-faq-preview h2{font-size:37px;letter-spacing:-1.6px;margin-bottom:24px}.upskill-site .faq details{padding:21px 0;border-bottom:1px solid #DED7CB}.upskill-site .faq details:first-child{border-top:1px solid #DED7CB}.upskill-site .faq summary{font-size:12px;line-height:1.6;letter-spacing:-.1px;font-weight:650;gap:20px;align-items:flex-start}.upskill-site .faq summary:after{font-size:18px;line-height:1.1;color:#65615B}.upskill-site .faq details p{font-size:11px;line-height:1.95;color:#65615B;margin-top:15px;padding-right:22px}.upskill-site .faq details a{color:#232321;text-decoration:underline;text-underline-offset:3px}
.up-final-section{padding-bottom:10px}.up-final-cta{position:relative;isolation:isolate;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:30px;background:#F3B63F;border-radius:16px;padding:44px 48px}.up-final-cta .eyebrow{color:#65615B;font-size:8px;margin-bottom:18px}.up-final-cta h2{font-size:42px;letter-spacing:-2px;line-height:1.14;margin:0 0 17px;font-weight:750}.up-final-cta p{font-size:11px;color:#65615B;margin:0}.up-final-cta>div:nth-child(2){display:flex;flex-direction:column;align-items:center;gap:16px;flex-shrink:0;z-index:1}.up-final-cta>div:nth-child(2)>.up-text-link{font-size:10px}.up-final-mark{position:absolute;right:-16px;bottom:-83px;font-size:205px;line-height:1;letter-spacing:-21px;font-weight:800;color:#65615B24;z-index:-1}.up-final-compact h2{font-size:36px;margin:0}.upskill-site .footer{border-top:1px solid #DED7CB;margin-top:72px;padding:42px 0 24px}.upskill-site .footer-top{margin-bottom:30px}.upskill-site .footer-top p{font-size:10px;line-height:1.9;max-width:330px;color:#65615B;margin-top:20px}.upskill-site .footer-links{font-size:10px;gap:12px 45px;padding-top:5px}.upskill-site .footer-bottom{font-size:8px;border-color:#DED7CB;padding-top:20px;color:#65615B}
.up-page-intro{padding:68px 0 45px;background:linear-gradient(120deg,#f7f7f0 40%,#F7F3EA);border-color:#DED7CB}.up-page-intro .eyebrow{font-size:8px;color:#232321;margin-bottom:23px}.up-page-intro h1{font-size:clamp(42px,5.1vw,68px);font-weight:750;line-height:1.12;letter-spacing:-3.2px;margin-bottom:24px;max-width:1000px}.up-page-intro p:not(.eyebrow){font-size:13px;line-height:1.9;max-width:610px;color:#65615B}.up-page-intro .btn{margin-top:11px}
.up-curriculum-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:75px;align-items:start}.up-curriculum-nav{position:sticky;top:130px;display:grid;gap:16px;padding-top:4px}.up-curriculum-nav .eyebrow{font-size:8px;margin:0 0 7px;color:#232321}.up-curriculum-nav a{font-size:11px;color:#232321;padding-left:12px;border-left:2px solid #DED7CB}.up-curriculum-nav a:hover{border-left-color:#65615B;color:#232321}.up-curriculum-nav>.up-tag{justify-self:start;margin-top:11px}.up-curriculum-course>h2{font-size:39px;margin:18px 0 23px}.up-curriculum-course>p:not(.up-course-status){font-size:12px;color:#65615B;line-height:1.95;max-width:700px}.up-curriculum-meta{display:flex;flex-wrap:wrap;gap:15px;font-size:9px;color:#65615B;margin:25px 0;padding-bottom:24px;border-bottom:1px solid #DED7CB}.up-curriculum-meta>span+span:before{content:'·';color:#C2BCB2;margin-right:15px}.up-curriculum-modules{display:grid;gap:15px}.up-curriculum-modules>article{border:1px solid #DED7CB;background:#fffefa;border-radius:12px;padding:25px 28px}.up-module-no{font-size:7px;font-weight:750;letter-spacing:1.4px;color:#65615B}.up-curriculum-modules h3{font-size:21px;font-weight:650;letter-spacing:-.6px;margin:12px 0 14px}.up-curriculum-modules p{font-size:11px;color:#65615B;line-height:1.9;margin-bottom:0}.up-curriculum-modules>article>div{border-top:1px solid #DED7CB;margin-top:18px;padding-top:15px}.up-curriculum-modules strong{font-size:9px;color:#65615B;font-weight:700;display:block;margin-bottom:4px}.up-course-note{border-left:3px solid #65615B;background:#F7F3EA;padding:18px 20px;margin:25px 0;font-size:11px;color:#65615B}.up-course-note>strong{font-size:11px;color:#65615B}.up-course-note p{font-size:10px;line-height:1.95;margin:7px 0 0}.up-curriculum-block{padding-top:55px;margin-top:50px;border-top:1px solid #DED7CB}.up-curriculum-block .eyebrow{color:#65615B;margin-bottom:16px}.up-curriculum-block h2{font-size:32px;margin-bottom:20px}.up-curriculum-block>p:not(.eyebrow){font-size:12px;color:#65615B;line-height:1.85}.up-mini-method{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.up-mini-method>article{border-top:2px solid #C2BCB2;padding-top:17px}.up-mini-method strong{font-size:11px;color:#65615B}.up-mini-method p{font-size:10px;line-height:1.9;color:#65615B;margin-top:7px;max-width:250px}.up-muted-note{font-size:10px!important;color:#65615B!important}.up-plan-list{display:grid;gap:0;margin:25px 0}.up-plan-list>article{display:flex;gap:19px;align-items:center;border-top:1px solid #DED7CB;padding:22px 0}.up-plan-list>article:last-child{border-bottom:1px solid #DED7CB}.up-plan-list>article>span:first-child{display:grid;place-items:center;flex-shrink:0;width:38px;height:40px;border:1px solid #DED7CB;border-radius:10px;font-size:21px;color:#65615B}.up-plan-list>article>div{flex:1}.up-plan-list h3{font-size:14px;letter-spacing:-.25px;margin:0 0 5px}.up-plan-list p{font-size:10px;color:#65615B;line-height:1.8;margin:0}
.up-about-grid{display:grid;grid-template-columns:1.18fr 1fr;gap:95px;align-items:start}.up-about-grid h2{font-size:40px;line-height:1.2;letter-spacing:-1.7px}.up-about-grid p:not(.eyebrow){font-size:12px;line-height:2;color:#65615B;max-width:590px}.up-about-note{position:relative;overflow:hidden;background:#DED7CB;border:1px solid #C2BCB2;border-radius:15px;padding:34px}.up-about-mark{display:block;font-size:65px;letter-spacing:-7px;line-height:1;color:#65615B;font-weight:800;margin:4px 0 37px}.up-about-note .eyebrow{font-size:7px;color:#65615B}.up-about-note h3{font-size:29px;line-height:1.25;letter-spacing:-1.3px;color:#232321;margin-bottom:20px}.up-about-note>p:not(.eyebrow){font-size:11px;max-width:290px}.up-about-note .up-text-link{margin-top:8px;font-size:10px}.up-principles-section{background:#F7F3EA}.up-principles-section>.shell>.eyebrow{color:#65615B}.up-principles-section h2{font-size:39px}.up-principles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:38px}.up-principles-grid>article{border-top:1px solid #C2BCB2;padding-top:21px}.up-principles-grid>article>span{font-size:7px;letter-spacing:1.3px;font-weight:700;color:#65615B}.up-principles-grid h3{font-size:20px;line-height:1.3;letter-spacing:-.6px;margin:25px 0 13px;max-width:240px}.up-principles-grid p{font-size:11px;color:#65615B;line-height:1.95;margin:0;max-width:300px}.up-status-card{border:1px solid #DED7CB;border-radius:14px;background:#fffefa;padding:29px}.up-status-card>h3{font-size:27px;letter-spacing:-.9px;margin:26px 0 18px}.up-status-card>p{font-size:10px!important;line-height:1.95!important}.up-status-card a{color:#65615B;text-decoration:underline;text-underline-offset:3px}.up-faq-page{display:grid;grid-template-columns:.7fr 1.3fr;gap:110px;align-items:start}.up-faq-page>aside{position:sticky;top:135px}.up-faq-page h2{font-size:37px;line-height:1.2}.up-faq-page>aside>.eyebrow{color:#65615B}.up-faq-page>aside>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#65615B;margin-bottom:25px;max-width:260px}

/* Readable secondary copy across the new course pages. */
.upskill-site :is(.up-lead,.up-context-grid p:not(.eyebrow),.up-featured-copy>p,.up-profession-card>p,.up-page-intro p:not(.eyebrow),.up-curriculum-course>p:not(.up-course-status),.up-curriculum-modules p,.up-curriculum-block>p:not(.eyebrow),.up-about-grid p:not(.eyebrow),.up-principles-grid p,.up-faq-page>aside>p:not(.eyebrow),.faq details p){color:#65615B;font-size:13px}
.upskill-site :is(.up-tag,.up-value-strip p>span,.up-hero-proof,.up-course-modules small,.up-course-foot>span,.up-plan-label,.up-curriculum-meta,.up-module-no,.up-mini-method p,.up-plan-list p,.footer-top p,.footer-bottom,.up-art-caption){color:#65615B}
.upskill-site .up-tag{font-size:9px}.upskill-site .up-tag-olive{color:#232321}.upskill-site .up-course-modules strong{font-size:12px}.upskill-site .up-course-modules small{font-size:10px}.upskill-site .up-course-status,.upskill-site .up-featured-copy>.up-course-status,.upskill-site .up-muted-note{font-size:10px!important;color:#65615B!important}.upskill-site .up-method-grid p{font-size:12px;color:#C2BCB2}.upskill-site .up-method-bottom>span{font-size:10px;color:#C2BCB2}.upskill-site .up-value-strip strong{font-size:12px}.upskill-site .up-value-strip p>span{font-size:10px}.upskill-site .up-course-note{color:#232321}.upskill-site .up-course-note p{font-size:12px}.upskill-site .up-curriculum-modules strong{font-size:11px}.upskill-site .up-mini-method p{font-size:12px}.upskill-site .up-principles-grid>article>span{font-size:9px;color:#65615B}.upskill-site .up-final-cta p{font-size:12px;color:#232321}.upskill-site .footer-top p,.upskill-site .footer-links{font-size:11px}.upskill-site .footer-bottom{font-size:9px}

@media(min-width:1500px){.up-hero{padding:86px 0 80px}.up-hero-grid{gap:90px}.up-hero h1{font-size:80px}.upskill-site .section{padding:95px 0}}
@media(max-width:1200px){.upskill-site .shell{width:calc(100% - 60px)}.up-hero-grid{gap:40px;grid-template-columns:1.15fr 1fr}.up-hero h1{font-size:clamp(48px,5.4vw,66px);letter-spacing:-3.6px}.up-course-ticket{padding:23px}.up-ticket-heading h2{font-size:43px}.up-floating-note{left:-20px;font-size:8px;padding:12px 16px}.up-value-strip{gap:15px}.up-value-strip>div{gap:8px}.up-context-grid{gap:55px}.up-featured-copy{padding:28px}.up-profession-grid{gap:12px}.up-profession-card{padding:22px 17px}.up-profession-card h3{font-size:20px}.up-profession-top{gap:6px}.up-context-grid h2{font-size:34px}.up-faq-preview{gap:65px}.up-curriculum-layout{gap:40px;grid-template-columns:190px 1fr}.up-about-grid{gap:60px}.up-faq-page{gap:70px}}
@media(max-width:980px){.upskill-site .nav{gap:23px}.upskill-site .wordmark{font-size:20px}.up-hero{padding:55px 0 50px}.up-hero-grid{gap:30px}.up-hero h1{font-size:51px;letter-spacing:-3px}.up-lead{font-size:13px;line-height:1.95}.up-hero .actions{gap:18px}.up-hero .actions .btn{font-size:10px;gap:24px;padding:12px 19px}.up-hero .actions .up-text-link{font-size:10px}.up-hero-proof{gap:10px;font-size:9px}.up-course-ticket{padding:22px 20px}.up-ticket-heading h2{font-size:38px}.up-ticket-status{font-size:5px;right:-29px}.up-workflow{gap:9px}.up-workflow strong{font-size:9px}.up-workflow p{font-size:7px}.up-ticket-output strong{font-size:8px}.up-floating-note{left:-18px;bottom:10px;font-size:8px;padding:10px 14px}.up-art-caption{font-size:8px}.up-value-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.up-context-grid{gap:40px}.up-context-grid h2{font-size:30px}.up-context-grid .up-context-lead{font-size:16px!important}.up-featured-course{grid-template-columns:.8fr 1.2fr}.up-featured-cover{padding:24px}.up-featured-cover h3{font-size:45px}.up-featured-copy{padding:25px}.up-featured-copy>h3{font-size:25px}.up-featured-cover p{font-size:11px}.up-featured-top{font-size:7px}.up-profession-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.up-profession-card{padding:25px}.up-profession-card h3{font-size:25px}.up-profession-card>p{max-width:280px}.up-method-grid{gap:20px}.up-method-grid h3{font-size:18px}.up-method-bottom{gap:12px}.up-faq-preview{gap:45px}.up-faq-preview h2{font-size:30px}.up-final-cta{padding:36px}.up-final-cta h2{font-size:35px}.up-page-intro h1{font-size:55px}.up-about-grid{gap:45px}.up-about-grid h2{font-size:33px}.up-about-note{padding:27px}.up-principles-grid{gap:28px}.up-curriculum-layout{grid-template-columns:160px 1fr;gap:30px}.up-curriculum-nav a{font-size:10px}.up-curriculum-course>h2{font-size:33px}.up-faq-page{grid-template-columns:.7fr 1.3fr;gap:42px}.up-faq-page h2{font-size:31px}}
@media(max-width:760px){
 .upskill-site .shell{width:calc(100% - 40px)}.upskill-site .top-note{padding:7px 0}.up-topline>span:first-child{font-size:8px;letter-spacing:1px}.up-topline>span:last-child{font-size:8px}.upskill-site .head-inner{height:76px}.upskill-site .wordmark{font-size:20px;gap:9px}.upskill-site .wordmark-mark{width:35px;height:36px;font-size:20px}.upskill-site .wordmark span:last-child small{font-size:6px;letter-spacing:1.4px;margin-top:7px}.upskill-site .menu-button{display:flex;gap:16px;align-items:center;padding:8px 12px;border-color:#DED7CB;color:#232321;font-size:11px}.upskill-site .menu-button span{font-size:17px}.upskill-site .nav{top:76px;background:#f7f7f0;gap:7px;padding:15px 20px 25px}.upskill-site .nav a{padding:10px 12px;font-size:12px}.upskill-site .nav a[aria-current=page]:after{display:none}.upskill-site .nav a[aria-current=page]{background:#F7F3EA;border-radius:5px;color:#65615B}.upskill-site .nav .nav-login{margin:7px 0 0;justify-content:center;padding:12px;font-size:12px}
 .up-hero{padding:40px 0 42px}.up-hero-grid{grid-template-columns:1fr;gap:25px}.up-hero h1{font-size:clamp(46px,8.8vw,66px);letter-spacing:-2.9px;line-height:1.09;max-width:600px;margin-bottom:24px}.up-hero .eyebrow{font-size:8px;margin-bottom:24px;letter-spacing:1.4px}.up-lead{font-size:13px;max-width:570px;line-height:1.9}.up-hero .actions{margin:26px 0 22px;gap:25px}.up-hero .actions .btn{font-size:12px;padding:13px 22px}.up-hero .actions .up-text-link{font-size:11px}.up-hero-proof{font-size:9px;gap:14px}.up-hero-art{max-width:480px;width:calc(100% - 10px);margin:5px auto 0;padding:25px 0 20px}.up-course-ticket{padding:26px}.up-ticket-heading h2{font-size:49px}.up-ticket-top>span:nth-child(2){font-size:7px}.up-ticket-top strong{font-size:8px}.up-ticket-status{font-size:6px;right:-36px}.up-workflow strong{font-size:11px}.up-workflow p{font-size:8px}.up-workflow>div>span{font-size:7px}.up-ticket-output strong{font-size:10px}.up-ticket-bottom>span:first-child{font-size:6px}.up-ticket-output>div>span{font-size:6px}.up-floating-note{left:-10px;bottom:2px;font-size:9px;padding:13px 18px}.up-art-caption{font-size:8px;margin-top:35px}.up-value-strip{gap:23px 17px;padding:25px 0}.up-value-strip strong{font-size:11px}.up-value-strip p>span{font-size:10px}
 .upskill-site .section{padding:55px 0}.upskill-site .section-head{margin-bottom:27px;display:block}.upskill-site .section-head h2{font-size:32px;letter-spacing:-1.3px;margin-bottom:18px}.upskill-site .section-head>p{font-size:13px;max-width:500px}.up-context-section{padding-bottom:40px!important}.up-context-grid{grid-template-columns:1fr;gap:23px}.up-context-grid h2{font-size:32px;margin-bottom:0}.up-context-grid>div:last-child{padding-top:0}.up-context-grid .up-context-lead{font-size:17px!important;max-width:500px}.up-context-grid p:not(.eyebrow){font-size:13px;max-width:570px}.up-course-section{padding-top:20px!important}.up-featured-course{grid-template-columns:1fr;max-width:590px;margin:auto}.up-featured-cover{min-height:340px;padding:26px 28px}.up-featured-cover>div:nth-child(2){display:grid;grid-template-columns:85px 1fr;gap:7px 20px;align-items:center;margin:25px 0 10px}.up-course-symbol{grid-row:1 / 3;font-size:42px;width:76px;height:80px;margin:0}.up-featured-cover h3{font-size:43px;margin:0;letter-spacing:-2px}.up-featured-cover p{font-size:12px;grid-column:2;margin:5px 0 0}.up-featured-top{font-size:8px}.up-featured-bottom{font-size:8px;margin-top:20px}.up-featured-copy{padding:27px}.up-featured-copy>h3{font-size:28px;letter-spacing:-1.1px}.up-featured-copy>p{font-size:13px;max-width:100%}.up-course-modules strong{font-size:12px}.up-course-modules small{font-size:10px}.up-course-modules>li{padding:13px 0}.up-course-foot .btn{font-size:12px;min-height:45px}.up-course-foot>span{font-size:11px}.up-featured-copy>.up-course-status{font-size:10px!important}
 .up-paths-section{padding-top:8px!important}.up-profession-card{padding:23px}.up-profession-card h3{font-size:23px}.up-profession-card>p{font-size:12px}.up-profession-card .up-text-link,.up-plan-label{font-size:10px}.up-method-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 28px;margin-top:34px}.up-method-grid h3{font-size:21px}.up-method-grid p{font-size:12px;max-width:260px}.up-method-icon{font-size:29px;margin:22px 0 18px}.up-method-bottom{margin-top:30px;padding-top:19px}.up-method-bottom strong{font-size:11px}.up-method-bottom>span{font-size:11px}.up-faq-preview{grid-template-columns:1fr;gap:27px}.up-faq-preview h2{font-size:33px;letter-spacing:-1.3px;margin-bottom:19px}.upskill-site .faq summary{font-size:13px}.upskill-site .faq details p{font-size:13px;padding-right:5px}
 .up-final-cta{padding:30px;display:block}.up-final-cta h2{font-size:33px;letter-spacing:-1.5px}.up-final-cta p{font-size:12px;max-width:430px}.up-final-cta>div:nth-child(2){align-items:flex-start;margin-top:27px;gap:15px}.up-final-cta>div:nth-child(2)>.up-text-link{font-size:11px}.up-final-mark{font-size:180px;right:0;bottom:-60px}.up-final-compact>.btn{margin-top:25px}.up-final-compact h2{font-size:31px}.upskill-site .footer{margin-top:45px;padding-top:35px}.upskill-site .footer-top p{font-size:12px;max-width:350px}.upskill-site .footer-links{gap:14px 30px;font-size:12px;max-width:400px;margin-top:27px}.upskill-site .footer-bottom{font-size:10px}
 .up-page-intro{padding:45px 0 35px}.up-page-intro h1{font-size:clamp(39px,7.7vw,56px);letter-spacing:-2.1px;line-height:1.15;margin-bottom:21px}.up-page-intro p:not(.eyebrow){font-size:13px;max-width:530px}.up-page-intro .eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:20px}.up-page-intro .btn{font-size:12px}.up-curriculum-layout{grid-template-columns:1fr;gap:35px}.up-curriculum-nav{position:static;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding-bottom:25px;border-bottom:1px solid #DED7CB}.up-curriculum-nav .eyebrow{width:100%;margin:0 0 4px}.up-curriculum-nav a{font-size:11px}.up-curriculum-nav>.up-tag{margin:0}.up-curriculum-course>h2{font-size:34px;margin:18px 0 22px}.up-curriculum-course .up-context-lead{font-size:17px!important}.up-curriculum-course>p:not(.up-course-status){font-size:13px}.up-curriculum-modules>article{padding:22px}.up-curriculum-modules h3{font-size:20px;line-height:1.35}.up-curriculum-modules p{font-size:13px}.up-curriculum-modules strong{font-size:11px}.up-curriculum-meta{font-size:10px;gap:10px}.up-curriculum-meta>span+span:before{margin-right:10px}.up-course-note{padding:16px 17px}.up-course-note p{font-size:12px}.up-curriculum-block{padding-top:35px;margin-top:35px}.up-curriculum-block h2{font-size:29px;letter-spacing:-1px}.up-curriculum-block>p:not(.eyebrow){font-size:13px}.up-mini-method{gap:20px}.up-mini-method p{font-size:13px}.up-mini-method strong{font-size:13px}.up-plan-list>article{gap:13px}.up-plan-list h3{font-size:14px}.up-plan-list p{font-size:12px}.up-plan-list>article>span:first-child{width:34px;height:37px}
 .up-about-grid{grid-template-columns:1fr;gap:30px}.up-about-grid h2{font-size:33px;letter-spacing:-1.4px}.up-about-grid p:not(.eyebrow){font-size:13px;max-width:600px}.up-about-grid .up-context-lead{font-size:17px!important}.up-about-note{padding:28px;max-width:520px}.up-about-mark{font-size:58px;margin-bottom:24px}.up-about-note h3{font-size:29px}.up-about-note>p:not(.eyebrow){font-size:13px;max-width:340px}.up-about-note .up-text-link{font-size:12px}.up-principles-section h2{font-size:33px}.up-principles-grid{grid-template-columns:1fr;gap:28px}.up-principles-grid h3{max-width:500px;font-size:22px;margin:16px 0 12px}.up-principles-grid p{font-size:13px;max-width:550px}.up-status-card>p{font-size:12px!important}.up-faq-page{grid-template-columns:1fr;gap:30px}.up-faq-page>aside{position:static}.up-faq-page h2{font-size:32px;margin-bottom:19px}.up-faq-page>aside>p:not(.eyebrow){max-width:400px;font-size:13px}
 html:not(.js-enabled) .upskill-site .head-inner{height:auto;min-height:76px;flex-wrap:wrap;padding:18px 0}html:not(.js-enabled) .upskill-site .nav{position:static;display:flex;width:100%;padding:10px 0 0;border:0}html:not(.js-enabled) .upskill-site .menu-button{display:none}
}
@media(max-width:430px){.upskill-site .shell{width:calc(100% - 34px)}.up-topline>span:last-child{font-size:7px}.up-hero h1{font-size:43px;letter-spacing:-2.5px}.up-hero .eyebrow{font-size:8px;letter-spacing:1px}.up-hero .actions{gap:18px;flex-wrap:wrap}.up-hero .actions .btn{font-size:11px;gap:27px;padding:13px 19px}.up-hero .actions .up-text-link{font-size:10px;gap:9px}.up-hero-proof{font-size:9px;gap:10px}.up-course-ticket{padding:23px 20px}.up-ticket-heading h2{font-size:43px}.up-ticket-status{font-size:6px;right:-29px;top:57px}.up-workflow{gap:10px}.up-workflow>div>span{font-size:7px}.up-workflow strong{font-size:10px}.up-workflow p{font-size:8px}.up-ticket-output strong{font-size:10px}.up-floating-note{font-size:9px;left:-4px;padding:12px 15px}.up-ticket-bottom>span:first-child{font-size:6px}.up-art-caption{font-size:8px}.up-value-strip{gap:21px 15px}.up-value-strip>div{gap:6px}.up-value-strip strong{font-size:10px}.up-value-strip p>span{font-size:9px}.up-value-no{font-size:9px}.upskill-site .section-head h2{font-size:29px}.up-context-grid h2{font-size:29px;letter-spacing:-1.3px}.up-profession-grid{grid-template-columns:1fr}.up-profession-card{padding:25px}.up-profession-card h3{font-size:26px}.up-profession-card>p{font-size:13px;max-width:100%;margin-bottom:24px}.up-profession-card h3>br{display:none}.up-profession-card .up-text-link,.up-plan-label{font-size:11px}.up-profession-top .up-tag{font-size:9px}.up-profession-top{margin-bottom:22px}.up-featured-cover{padding:25px;min-height:300px}.up-featured-cover>div:nth-child(2){grid-template-columns:66px 1fr;gap:7px 17px}.up-course-symbol{width:64px;height:69px;font-size:36px}.up-featured-cover h3{font-size:39px}.up-featured-copy{padding:23px}.up-featured-copy>h3{font-size:26px}.up-course-foot{align-items:flex-start;gap:15px}.up-course-foot>span{flex-basis:100%}.up-course-modules strong{font-size:11px}.up-course-modules small{font-size:10px}.up-method-grid{gap:28px 22px}.up-method-grid h3{font-size:19px}.up-final-cta{padding:26px}.up-final-cta h2{font-size:29px;letter-spacing:-1.4px}.up-final-cta .eyebrow{font-size:8px;letter-spacing:1.1px}.up-page-intro h1{font-size:39px;letter-spacing:-1.8px}.up-mini-method{grid-template-columns:1fr}.up-mini-method p{max-width:100%}.up-plan-list .up-tag{font-size:8px}.up-plan-list h3{font-size:13px}.up-plan-list p{font-size:11px}.up-curriculum-nav{gap:14px 10px}.up-curriculum-nav a{font-size:10px}.up-curriculum-course>h2{font-size:31px}.up-curriculum-modules>article{padding:20px}.up-curriculum-modules h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){.up-orbit,.up-course-ticket,.up-floating-note{animation:none!important;transition:none!important}.upskill-site .btn:hover{transform:none}}
@media print{.upskill-site .top-note,.upskill-site .site-head,.upskill-site .footer,.up-hero-art,.up-curriculum-nav{display:none}.upskill-site .shell{width:100%}.up-hero-grid,.up-context-grid,.up-featured-course,.up-curriculum-layout,.up-about-grid,.up-faq-page{display:block}.upskill-site .section{padding:25px 0}.up-method-section{background:#fff;color:#232321}.up-method-section p{color:#333}}
@media(max-width:360px){.up-hero h1{font-size:clamp(35px,11vw,39px);letter-spacing:-2px}.up-headline-accent{white-space:normal;max-width:100%;overflow-wrap:normal;vertical-align:top}}
@media(min-width:1024px){.upskill-site .cards.cards-two{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* Bengkel Karir, 25 October 2026: two equal learning paths, warm identity,
   readable UI and progressive mobile navigation. Existing page structures retained. */
:root,.upskill-site{--ink:#232321;--paper:#F7F3EA;--white:#fff;--lime:#F3B63F;--olive:#B84118;--muted:#65615B;--line:#DED7CB;--orange:#B84118;--radius:16px;font-size:16px;line-height:1.75}
body{overflow-wrap:break-word}a,button,input,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #B84118;outline-offset:4px}
.shell,.upskill-site .shell{width:min(1216px,calc(100% - 64px))}.site-head,.upskill-site .site-head{background:#F7F3EAfa;border-color:#DED7CB}.head-inner,.upskill-site .head-inner{height:88px;gap:24px}.wordmark,.upskill-site .wordmark{font-size:22px;letter-spacing:-1px}.wordmark-mark,.upskill-site .wordmark-mark{background:#232321;color:#F7F3EA;border-radius:8px}.wordmark span:last-child small,.upskill-site .wordmark span:last-child small{color:#65615B;font-size:9px;letter-spacing:1.2px;line-height:1.3}.nav,.upskill-site .nav{gap:23px;font-size:13px}.nav a,.upskill-site .nav a{min-height:44px;display:inline-flex;align-items:center}.nav a:hover,.upskill-site .nav a:hover{color:#B84118}.nav a[aria-current=page],.upskill-site .nav a[aria-current=page]{color:#B84118}.upskill-site .nav a[aria-current=page]:after{background:#B84118}.nav .nav-login,.upskill-site .nav .nav-login{background:#232321;border-color:#232321;color:#fff;font-size:13px;margin-left:0;gap:14px}.nav .nav-login:hover,.upskill-site .nav .nav-login:hover{background:#B84118;border-color:#B84118;color:#fff}.top-note,.upskill-site .top-note{background:#232321;color:#F7F3EA}.up-topline>span:first-child{font-size:10px;letter-spacing:1px}.up-topline>span:last-child{font-size:11px}.skip{background:#F3B63F;color:#232321}
.btn,.upskill-site .btn{font-size:14px;min-height:48px;gap:16px;border-radius:8px;padding:12px 21px;line-height:1.5}.btn-dark,.upskill-site .btn-dark{background:#B84118;border-color:#B84118;color:#fff}.btn-dark:hover,.upskill-site .btn-dark:hover{background:#983312;border-color:#983312;color:#fff}.btn-light,.upskill-site .btn-light{background:transparent;border-color:#817A70;color:#232321}.btn-light:hover,.upskill-site .btn-light:hover{background:#fff;color:#232321}.btn-lime{background:#F3B63F;color:#232321}.up-text-link{font-size:14px!important;line-height:1.6;min-height:44px;display:inline-flex;align-items:center;gap:10px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;color:#B84118}.up-text-link:hover{color:#983312}.eyebrow,.upskill-site .eyebrow{font-size:11px;line-height:1.6;letter-spacing:1.2px;color:#B84118}.dot{background:#B84118}.upskill-site .section{padding:76px 0}.upskill-site .section-head{gap:45px}.upskill-site .section-head>p{font-size:15px;color:#65615B;max-width:370px}.upskill-site .section-head h2{font-size:clamp(30px,3.4vw,44px);line-height:1.16;letter-spacing:-1.7px}
.up-hero{padding:66px 0 56px}.up-hero-grid{grid-template-columns:1.08fr 1fr;gap:64px;align-items:center}.up-hero h1{font-size:clamp(46px,5.15vw,72px);line-height:1.1;letter-spacing:-3.6px}.up-headline-accent{white-space:normal;color:#B84118}.up-headline-accent:after{background:#F3B63F;opacity:.35;height:9px;bottom:3px}.up-hero .eyebrow{font-size:11px}.upskill-site .up-lead{font-size:17px;line-height:1.85;color:#65615B;max-width:560px}.up-hero .actions{gap:12px}.up-hero .actions .btn{font-size:14px;padding:13px 20px;gap:15px}.up-hero-proof{font-size:12px;gap:15px;color:#65615B}.up-hero-proof>span>span{color:#B84118}.up-olive-text{color:#B84118}
.bk-hero-board{background:#232321;border:1px solid #232321;border-radius:18px;padding:28px;box-shadow:10px 12px 0 #E8DFD2;transform:rotate(1deg);width:100%;max-width:510px;margin:auto;color:#F7F3EA}.bk-board-head,.bk-board-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;font:600 10px/1.5 ui-monospace,monospace;letter-spacing:.7px}.bk-board-head{border-bottom:1px solid #65615B;padding-bottom:17px}.bk-board-head>span:last-child{font-size:22px;color:#F3B63F}.bk-board-title{font-size:35px;font-weight:750;letter-spacing:-1.5px;line-height:1.18;margin:22px 0 25px}.bk-service-ticket{display:flex;align-items:flex-start;gap:16px;border-radius:10px;background:#F7F3EA;color:#232321;padding:21px;margin:13px 0;border:2px solid transparent;transition:transform .15s,border-color .15s}.bk-service-ticket:hover{color:#232321;border-color:#F3B63F;transform:translateX(3px)}.bk-service-ticket:focus-visible{outline-color:#F3B63F}.bk-ticket-no{font:600 12px/1.5 ui-monospace,monospace;border-bottom:2px solid #B84118;padding-bottom:5px;margin-top:3px}.bk-service-ticket>div{flex:1}.bk-ticket-label{font-size:10px;letter-spacing:1.1px;font-weight:750;color:#B84118;display:block}.bk-service-ticket strong{font-size:23px;line-height:1.25;letter-spacing:-.65px;display:block;margin:9px 0 12px}.bk-service-ticket>div>span:last-child{font-size:12px;color:#65615B}.bk-service-ticket>span:last-child{font-size:21px;color:#B84118}.bk-board-foot{padding-top:15px;color:#C2BCB2;font-size:9px}
.up-value-strip{border-color:#DED7CB;padding:28px 0;gap:22px}.up-value-no{font-size:12px;color:#B84118}.upskill-site .up-value-strip strong{font-size:14px;color:#232321}.upskill-site .up-value-strip p>span{font-size:12px;color:#65615B}.bk-pathways{padding-bottom:50px!important}.bk-pathway-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.bk-pathway{border:1px solid #DED7CB;background:#fff;border-radius:16px;padding:32px;display:flex;flex-direction:column;align-items:flex-start}.bk-pathway-top{display:flex;justify-content:space-between;align-items:center;width:100%;padding-bottom:24px;border-bottom:1px solid #DED7CB}.bk-pathway-number{font:600 11px/1.5 ui-monospace,monospace;letter-spacing:1px;color:#B84118}.bk-pathway-top>span:last-child{font-size:26px;color:#B84118}.bk-pathway h3{font-size:31px;line-height:1.2;letter-spacing:-1px;margin:26px 0 18px}.bk-pathway>p{font-size:15px;color:#65615B;line-height:1.8}.bk-pathway ul{font-size:14px;color:#232321;margin:0 0 28px;padding-left:20px}.bk-pathway li{padding-left:3px;margin:8px 0}.bk-pathway-actions{margin-top:auto;display:flex;gap:10px 18px;flex-wrap:wrap;align-items:center}.bk-pathway>.bk-pathway-note{font-size:12px;line-height:1.75;border-top:1px solid #DED7CB;margin:22px 0 0;padding-top:18px;width:100%}
.up-context-section{border-color:#DED7CB}.up-context-grid{gap:70px}.up-context-grid h2{font-size:36px;letter-spacing:-1.4px}.upskill-site :is(.up-context-grid p:not(.eyebrow),.up-featured-copy>p,.up-profession-card>p,.up-page-intro p:not(.eyebrow),.up-curriculum-course>p:not(.up-course-status),.up-curriculum-modules p,.up-curriculum-block>p:not(.eyebrow),.up-about-grid p:not(.eyebrow),.up-principles-grid p,.up-faq-page>aside>p:not(.eyebrow),.faq details p){font-size:15px;line-height:1.85;color:#65615B}.up-context-grid .up-context-lead,.up-about-grid .up-context-lead{font-size:19px!important;color:#232321!important}.up-featured-course{border-color:#DED7CB;background:#fff}.up-featured-cover{background:#F3B63F;color:#232321}.up-featured-cover h3{color:#232321}.up-featured-cover p{color:#232321;font-size:15px}.up-featured-top,.up-featured-bottom{font-size:10px;color:#232321}.up-course-symbol{background:#232321;color:#F3B63F;border-color:#232321}.up-featured-copy{padding:34px}.up-featured-copy>h3{font-size:32px;line-height:1.2;letter-spacing:-1px}.up-course-modules strong,.upskill-site .up-course-modules strong{font-size:14px;color:#232321}.up-course-modules small,.upskill-site .up-course-modules small{font-size:12px;color:#65615B}.up-course-modules>li>span{font-size:12px;color:#B84118}.up-course-modules>li,.up-course-foot{border-color:#DED7CB}.up-course-foot>span,.upskill-site .up-course-foot>span{font-size:12px;color:#65615B}.up-tag,.upskill-site .up-tag{font-size:11px;line-height:1.5;border-color:#DED7CB;color:#65615B;background:#F7F3EA}.up-tag-olive,.upskill-site .up-tag-olive{background:#F7EEE8;color:#983312;border-color:#E5C2B4}.upskill-site .up-course-status,.upskill-site .up-featured-copy>.up-course-status,.upskill-site .up-muted-note{font-size:12px!important;color:#65615B!important;line-height:1.8!important}.up-profession-grid{gap:18px}.up-profession-card{background:#fff;border-color:#DED7CB;padding:27px}.up-profession-card:hover{border-color:#B84118}.up-profession-card h3{font-size:25px;letter-spacing:-.7px}.up-profession-card .up-profession-icon{color:#B84118;border-color:#DED7CB}.up-profession-card-planned{background:#F7F3EA}.up-plan-label,.upskill-site .up-plan-label{font-size:12px;color:#65615B}
.up-method-section{background:#232321;color:#F7F3EA}.up-method-section h2,.up-method-section h3{color:#F7F3EA}.up-method-section .eyebrow{color:#F3B63F}.up-method-grid>article{border-color:#65615B}.up-method-grid h3{font-size:24px}.up-method-grid p,.upskill-site .up-method-grid p{font-size:15px;line-height:1.85;color:#C2BCB2}.up-method-no,.up-method-icon{color:#F3B63F}.up-method-bottom{border-color:#65615B}.up-method-bottom strong{color:#F7F3EA;font-size:14px}.up-method-bottom>span,.upskill-site .up-method-bottom>span{font-size:13px;color:#C2BCB2}.up-final-cta{background:#F3B63F;border-color:#F3B63F}.up-final-cta .eyebrow{color:#232321}.up-final-cta h2{color:#232321}.up-final-cta p,.upskill-site .up-final-cta p{color:#232321;font-size:15px}.up-final-cta .up-text-link{color:#232321}.up-final-mark{color:#232321;opacity:.07}
.up-page-intro{border-color:#DED7CB}.up-page-intro h1{font-size:clamp(40px,5vw,65px);letter-spacing:-2.4px;line-height:1.14}.up-curriculum-nav{top:120px}.up-curriculum-nav a{font-size:13px;line-height:1.55;color:#65615B;min-height:36px}.up-curriculum-nav a:hover,.up-curriculum-nav a.active{color:#B84118}.up-curriculum-course{scroll-margin-top:112px}.up-curriculum-course>h2{font-size:36px;line-height:1.18;letter-spacing:-1.3px}.up-curriculum-meta,.up-module-no,.upskill-site .up-curriculum-meta,.upskill-site .up-module-no{font-size:12px;color:#65615B}.up-curriculum-modules>article{border-color:#DED7CB;background:#fff;padding:26px}.up-curriculum-modules h3{font-size:23px;line-height:1.25;letter-spacing:-.6px}.up-curriculum-modules strong,.upskill-site .up-curriculum-modules strong{font-size:12px;color:#B84118}.up-mini-method strong{font-size:14px;color:#B84118}.up-mini-method p,.upskill-site .up-mini-method p{font-size:14px;color:#65615B}.up-course-note{border-color:#B84118;background:#F7EEE8;color:#65615B}.up-course-note>strong{color:#983312;font-size:14px}.up-course-note p,.upskill-site .up-course-note p{font-size:14px;color:#65615B}.up-about-note,.up-principles-section{background:#EFE7DB;border-color:#DED7CB}.up-about-mark{color:#B84118}.up-about-note h3{color:#232321}.up-principles-grid>article{border-color:#C2BCB2}.up-principles-grid>article>span,.upskill-site .up-principles-grid>article>span{font-size:11px;color:#B84118}.up-principles-grid h3{font-size:24px;line-height:1.3}.up-status-card{border-color:#DED7CB;background:#fff}.up-status-card>p,.up-about-note>p:not(.eyebrow){font-size:15px!important;line-height:1.85!important}.up-status-card a{color:#B84118}
.faq details{border-color:#DED7CB}.faq summary,.upskill-site .faq summary{font-size:16px;line-height:1.5;padding-top:20px;padding-bottom:20px;min-height:56px;color:#232321}.faq summary:hover{color:#B84118}.faq details p a{color:#B84118;text-decoration:underline;text-underline-offset:3px}.notice{border-color:#B84118;background:#F7EEE8;color:#65615B}.footer,.upskill-site .footer{border-color:#DED7CB}.footer-top p,.upskill-site .footer-top p{font-size:14px;line-height:1.85;color:#65615B}.footer-links,.upskill-site .footer-links{font-size:14px;gap:8px 28px}.footer-links a{min-height:36px;display:inline-flex;align-items:center}.footer-bottom,.upskill-site .footer-bottom{font-size:12px;color:#65615B;border-color:#DED7CB}.prose p,.prose li,.prose td,.prose th{font-size:16px;line-height:1.85}.prose a{color:#B84118;text-decoration:underline;text-underline-offset:3px}table{max-width:100%}td,th{overflow-wrap:anywhere}
@media(max-width:1080px){.up-hero-grid{gap:35px}.up-hero h1{font-size:52px;letter-spacing:-2.5px}.bk-hero-board{padding:23px}.bk-board-title{font-size:30px}.bk-service-ticket{padding:17px}.bk-service-ticket strong{font-size:21px}.up-featured-copy{padding:27px}.up-context-grid{gap:40px}.up-curriculum-layout{gap:35px}.nav,.upskill-site .nav{gap:16px}}
@media(max-width:1160px){.head-inner,.upskill-site .head-inner{height:80px}.menu-button,.upskill-site .menu-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;border-color:#817A70;color:#232321;background:transparent;font-size:14px;padding:9px 14px}.nav,.upskill-site .nav{position:absolute;top:80px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;padding:16px 24px 22px;gap:5px;background:#F7F3EA;border-bottom:1px solid #817A70;max-height:calc(100dvh - 95px);overflow:auto;box-shadow:0 12px 20px #23232110}.nav[data-open=true],.upskill-site .nav[data-open=true]{display:flex}.nav a,.upskill-site .nav a{display:flex;padding:11px 14px;min-height:46px;font-size:15px}.nav a[aria-current=page],.upskill-site .nav a[aria-current=page]{background:#F7EEE8;border-radius:6px}.upskill-site .nav a[aria-current=page]:after{display:none}.nav .nav-login,.upskill-site .nav .nav-login{justify-content:center;margin:8px 0 0;padding:12px 18px;font-size:15px}html:not(.js-enabled) .head-inner,html:not(.js-enabled) .upskill-site .head-inner{height:auto;min-height:80px;flex-wrap:wrap;padding:20px 0}html:not(.js-enabled) .nav,html:not(.js-enabled) .upskill-site .nav{position:static;display:flex;flex-direction:row;flex-wrap:wrap;width:100%;max-height:none;padding:8px 0;border:0;box-shadow:none}html:not(.js-enabled) .menu-button,html:not(.js-enabled) .upskill-site .menu-button{display:none}.up-curriculum-nav{top:105px}}
@media(max-width:760px){.shell,.upskill-site .shell{width:calc(100% - 40px)}.up-topline{gap:10px;justify-content:space-between}.up-topline>span:first-child{font-size:8px;letter-spacing:.6px}.up-topline>span:last-child{font-size:9px}.wordmark,.upskill-site .wordmark{font-size:21px}.wordmark span:last-child small,.upskill-site .wordmark span:last-child small{font-size:8px;letter-spacing:.7px}.up-hero{padding:42px 0 45px}.up-hero-grid{grid-template-columns:1fr;gap:32px}.up-hero h1{font-size:clamp(42px,9.5vw,64px);letter-spacing:-2px}.upskill-site .up-lead{font-size:16px;line-height:1.85}.up-hero .actions .btn{font-size:14px;padding:13px 18px}.up-hero-proof{font-size:11px;gap:12px}.bk-hero-board{width:calc(100% - 10px);padding:25px;transform:rotate(.6deg);box-shadow:7px 8px 0 #E8DFD2;margin:0 auto 10px}.bk-board-title{font-size:34px}.bk-service-ticket{padding:20px;gap:14px}.bk-service-ticket strong{font-size:24px}.bk-pathway-grid{grid-template-columns:1fr;gap:20px}.bk-pathway{padding:26px}.bk-pathway h3{font-size:29px}.upskill-site .section{padding:54px 0}.up-value-strip{gap:23px 16px}.upskill-site .up-value-strip strong{font-size:13px}.upskill-site .up-value-strip p>span{font-size:11px}.upskill-site .section-head h2,.up-context-grid h2{font-size:32px;letter-spacing:-1.1px}.upskill-site .section-head>p{font-size:15px}.up-featured-copy{padding:26px}.up-featured-copy>h3{font-size:29px}.up-featured-cover h3{font-size:43px}.up-profession-grid{gap:16px}.up-profession-card{padding:25px}.up-profession-card h3{font-size:25px}.up-method-grid{gap:30px 22px}.up-method-grid p,.upskill-site .up-method-grid p{font-size:14px}.up-method-grid h3{font-size:23px}.up-page-intro h1{font-size:clamp(37px,8vw,56px);letter-spacing:-1.6px}.up-curriculum-nav{position:static;gap:10px 15px}.up-curriculum-nav a{font-size:13px}.up-curriculum-modules>article{padding:24px}.up-curriculum-modules h3{font-size:23px}.up-course-foot .btn{font-size:14px}.up-final-cta{padding:29px}.up-final-cta h2{font-size:34px}.up-final-cta p,.upskill-site .up-final-cta p{font-size:15px}.upskill-site .footer-top p,.upskill-site .footer-links{font-size:14px}.footer-bottom,.upskill-site .footer-bottom{font-size:12px}.up-faq-page h2{font-size:32px}.up-about-note{padding:28px}.up-about-grid h2{font-size:33px}}
@media(max-width:430px){.shell,.upskill-site .shell{width:calc(100% - 34px)}.wordmark,.upskill-site .wordmark{font-size:20px}.wordmark-mark,.upskill-site .wordmark-mark{width:34px;height:36px;font-size:20px}.up-topline>span:first-child{max-width:190px;font-size:8px}.up-topline>span:last-child{font-size:8px;text-align:right}.up-hero h1{font-size:clamp(37px,10.5vw,45px);letter-spacing:-1.8px}.up-hero .actions{display:grid;grid-template-columns:1fr;width:100%;gap:10px}.up-hero .actions .btn{justify-content:space-between;width:100%}.up-hero-proof{gap:8px 12px}.bk-hero-board{padding:22px}.bk-board-title{font-size:30px}.bk-service-ticket{padding:17px 14px;gap:11px}.bk-service-ticket strong{font-size:21px}.bk-ticket-label{font-size:9px;letter-spacing:.75px}.bk-service-ticket>div>span:last-child{font-size:11px}.bk-board-head{font-size:9px;letter-spacing:.4px}.bk-board-foot{font-size:8px;letter-spacing:0}.bk-pathway{padding:23px}.bk-pathway h3{font-size:28px}.bk-pathway-actions{width:100%;gap:7px}.bk-pathway-actions .btn{width:100%;justify-content:space-between;font-size:14px}.upskill-site .section-head h2{font-size:30px}.up-value-strip>div{gap:8px}.upskill-site .up-value-strip strong{font-size:12px}.upskill-site .up-value-strip p>span{font-size:11px}.up-featured-copy{padding:24px}.up-profession-grid{grid-template-columns:1fr}.up-profession-card h3{font-size:27px}.up-method-grid{grid-template-columns:1fr;gap:30px}.up-method-grid p{max-width:100%}.up-method-grid h3{font-size:25px}.up-method-icon{margin:17px 0}.up-method-bottom{display:block}.up-method-bottom strong{display:block;margin-bottom:10px}.up-final-cta h2{font-size:30px}.up-curriculum-course>h2{font-size:32px}.up-curriculum-modules h3{font-size:22px}.footer-bottom{flex-direction:column;gap:7px}.up-faq-page{gap:26px}.up-page-intro{padding-top:40px}.up-page-intro h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){.bk-hero-board{transform:none}.bk-service-ticket{transition:none}.bk-service-ticket:hover{transform:none}}
@media print{.bk-hero-board{display:none}.bk-pathway-grid{display:block}.bk-pathway{margin-bottom:20px;break-inside:avoid}.upskill-site{font-size:12pt}.upskill-site p{color:#232321!important}.bk-pathways{padding:20px 0!important}.up-method-section h2,.up-method-section h3{color:#232321}.bk-pathway-actions{display:none}}

.upskill-site .up-curriculum-block p a,.upskill-site .up-course-note p a,.upskill-site .notice a{color:#B84118;text-decoration:underline;text-underline-offset:3px}

/* Browser contrast verification: supporting copy on the charcoal methods panel. */
.up-method-section .section-head>p{color:#c2bcb2}

/* Contrasting labels on dark cards and tinted about panels; prose links keep CTA text white. */
.card-ink .eyebrow{color:#f3b63f}
.up-about-note .eyebrow,.up-about-note .up-text-link,.up-principles-grid>article>span,.upskill-site .up-principles-grid>article>span{color:#983312}
.prose a.btn-dark,.prose a.btn-dark:hover{color:#fff}

/* BK-W3-WEB: monogram dekoratif tetap terbaca pada panel emas. */
.upskill-site .up-final-mark{color:#754f13;opacity:1}

/* BK-WEB-CPNS-20261108: persiapan CPNS/SKD, latihan statis, penanda "segera hadir". Memakai token warna yang sudah ada. */
.up-soon,.btn-soon{display:inline-flex;align-items:center;gap:8px;color:#65615B;font-size:14px;line-height:1.6;min-height:44px;cursor:default}
.up-soon:before,.btn-soon:before{content:"";width:8px;height:8px;border-radius:50%;background:#F3B63F;flex:none}
.btn-soon{border:1px dashed #817A70;border-radius:8px;padding:12px 21px;background:transparent}
.arrow-round.up-soon{width:auto;height:auto;border:0;font-size:12px}
.cpns-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 8px}
.cpns-grid>article{background:#fff;border:1px solid #DED7CB;border-radius:16px;padding:26px 24px}
.cpns-grid h3{margin:6px 0 10px;font-size:22px;line-height:1.25}
.cpns-grid p{margin:0;font-size:15px;line-height:1.75;color:#65615B}
.cpns-sources{width:100%;border-collapse:collapse;font-size:14px;line-height:1.6;margin:14px 0 6px}
.cpns-sources caption{text-align:left;font-weight:700;padding:0 0 8px}
.cpns-sources th,.cpns-sources td{border:1px solid #DED7CB;padding:10px 12px;text-align:left;vertical-align:top}
.cpns-sources thead th{background:#F7EEE8}
.skd-panel{background:#fff;border:1px solid #DED7CB;border-radius:16px;padding:30px 28px;margin:0 0 24px}
.skd-panel h2{margin:0 0 18px;font-size:clamp(24px,3vw,32px);line-height:1.2}
.skd-sub{margin:34px 0 14px;font-size:22px}
.skd-fieldset,.skd-soal{border:0;margin:0 0 22px;padding:0;min-width:0}
.skd-fieldset legend,.skd-soal legend{padding:0;margin:0 0 12px;font-weight:700;font-size:16px;line-height:1.6}
.skd-soal legend{font-size:19px;line-height:1.55}
.skd-soal legend:focus{outline:none}
.skd-choice{display:flex;align-items:flex-start;gap:12px;border:1px solid #DED7CB;border-radius:12px;padding:14px 16px;margin:0 0 10px;background:#fff}
.skd-choice:hover{border-color:#B84118}
.skd-choice input{margin-top:5px;flex:none;width:18px;height:18px;accent-color:#B84118}
.skd-choice label{display:flex;flex-direction:column;gap:3px;cursor:pointer;flex:1;line-height:1.6}
.skd-choice-compact label{flex-direction:row;gap:6px;flex-wrap:wrap}
.skd-choice small{color:#65615B;font-size:13px;line-height:1.6}
.skd-note{font-size:14px;line-height:1.7;color:#65615B;margin:0 0 18px}
.skd-progress{margin:0 0 12px;font-size:14px;color:#65615B}
.skd-grid{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 22px}
.skd-num{min-width:40px;min-height:40px;border:1px solid #DED7CB;border-radius:8px;background:#fff;color:#232321;font:inherit;font-size:13px;cursor:pointer}
.skd-num.is-done{background:#F7EEE8;border-color:#B84118}
.skd-num.is-current{background:#232321;border-color:#232321;color:#fff}
.skd-tag{margin:0 0 8px}
.skd-actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 6px}
.skd-actions .btn{cursor:pointer}
.skd-actions .btn[disabled]{opacity:.45;cursor:not-allowed}
.skd-link{background:none;border:0;padding:0;font:inherit;cursor:pointer;margin-top:14px}
.skd-warn{margin:16px 0 0;padding:14px 16px;border:1px solid #B84118;border-radius:10px;font-size:14px;line-height:1.7}
.skd-table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6;margin:0 0 14px}
.skd-table caption{text-align:left;font-weight:700;padding:0 0 8px}
.skd-table th,.skd-table td{border:1px solid #DED7CB;padding:10px 12px;text-align:left;vertical-align:top}
.skd-table thead th{background:#F7EEE8}
.skd-total{font-weight:700;font-size:18px;margin:0 0 10px}
.skd-review{display:grid;gap:14px;margin-top:16px}
.skd-item{border:1px solid #DED7CB;border-left:5px solid #B84118;border-radius:10px;padding:18px 20px;background:#fff}
.skd-item.is-ok{border-left-color:#8A8272}
.skd-prompt{margin:0 0 10px;font-weight:600;line-height:1.7}
.skd-opts{margin:0 0 12px;padding:0;list-style:none;display:grid;gap:6px;font-size:15px;line-height:1.6}
.skd-opts li{padding:6px 10px;border-radius:8px;border:1px solid transparent}
.skd-opts li.is-key{background:#F7EEE8;border-color:#B84118}
.skd-opts li.is-pick{border-color:#232321}
.skd-opts em{color:#65615B;font-style:normal;font-size:13px}
.skd-explain{margin:0;font-size:15px;line-height:1.75;color:#3d3a35;overflow-wrap:anywhere}
#skd-app :focus-visible,.skd-num:focus-visible{outline:3px solid #B84118;outline-offset:2px}
@media(max-width:760px){.cpns-grid{grid-template-columns:1fr}.skd-panel{padding:22px 16px}.skd-table th,.skd-table td,.cpns-sources th,.cpns-sources td{padding:8px}}

/* ===== Mode Tryout, dialog konfirmasi, dan Dashboard belajar lokal (8 November 2026) ===== */
.bk-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skd-bar{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 16px;margin:-30px -28px 18px;padding:12px 28px;background:#F7F3EA;border-bottom:1px solid #DED7CB;border-radius:16px 16px 0 0}
.skd-bar .skd-progress{margin:0}
.skd-timer{margin:0;font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.5px;color:#232321}
.skd-timer.is-kritis{color:#B84118}
.skd-num.is-belum{background:#fff}
.skd-num.is-dijawab{background:#F7EEE8;border-color:#B84118}
.skd-num.is-ragu{position:relative;background:#FFF4D6;border:2px dashed #8A6D1F}
.skd-num.is-ragu::after{content:"?";position:absolute;top:-6px;right:-3px;min-width:14px;height:14px;border-radius:7px;background:#8A6D1F;color:#fff;font-size:10px;font-weight:800;line-height:14px;text-align:center}
.skd-num.is-current{box-shadow:0 0 0 2px #fff,0 0 0 4px #232321}
.skd-legenda{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:-8px 0 18px;font-size:13px;color:#65615B}
.skd-kunci{display:inline-block;width:14px;height:14px;border-radius:4px;border:1px solid #DED7CB;background:#fff;vertical-align:-2px}
.skd-kunci.is-dijawab{background:#F7EEE8;border-color:#B84118}
.skd-kunci.is-ragu{background:#FFF4D6;border:2px dashed #8A6D1F}
.skd-ragu.is-on{background:#FFF4D6;border-color:#8A6D1F}
.skd-ringkas{margin:0 0 14px;padding-left:20px;line-height:1.8}
.bk-dialog-latar{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(35,35,33,.55)}
.bk-dialog{width:min(480px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#fff;border:1px solid #DED7CB;border-radius:16px;padding:24px 22px}
.bk-dialog h2{margin:0 0 12px;font-size:22px;line-height:1.3}
.bk-dialog-isi{line-height:1.7;font-size:15px}
.bk-dialog-isi p{margin:0 0 8px}
.bk-dialog-aksi{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:18px}
.bk-dialog-aksi .btn{cursor:pointer}
.bk-dialog :focus-visible{outline:3px solid #B84118;outline-offset:2px}
body.bk-dialog-buka{overflow:hidden}
.dash-chart{display:block;width:100%;height:auto;max-width:720px;margin:0 0 10px}
.dash-legend{display:flex;flex-wrap:wrap;gap:6px 18px;list-style:none;margin:0 0 12px;padding:0;font-size:14px}
.dash-legend li{display:inline-flex;align-items:center;gap:6px}
.dash-topik{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:14px}
.dash-topik li{display:grid;gap:4px}
.dash-topik-nama{font-weight:700;line-height:1.5}
.dash-topik-nilai{font-size:13px;color:#65615B}
.dash-bar{display:block;height:10px;border-radius:5px;background:#EFE9DD;overflow:hidden}
.dash-bar>span{display:block;height:100%;background:#B84118}
.dash-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.dash-riwayat{min-width:620px;font-size:14px}
.dash-scroll:focus-visible{outline:3px solid #B84118;outline-offset:2px}
@media(max-width:760px){.skd-bar{margin:-22px -16px 16px;padding:10px 16px}.skd-timer{font-size:20px}.skd-num{min-width:44px;min-height:44px}.skd-actions .btn{flex:1 1 140px;justify-content:center}.bk-dialog-aksi .btn{flex:1 1 140px;justify-content:center}}
@media(prefers-reduced-motion:reduce){.bk-dialog-latar{animation:none}}
.skd-passage{margin:0 0 18px;padding:16px 18px;border:1px solid #DED7CB;border-left:5px solid #8A6D1F;border-radius:10px;background:#FBF8F1;font-size:16px;line-height:1.75;overflow-wrap:anywhere}
.skd-passage p{margin:0 0 10px}
.skd-passage p:last-child{margin-bottom:0}
.skd-passage .skd-tag{margin:0 0 8px}
.lat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin:0 0 30px}
.lat-card{display:flex;flex-direction:column;gap:8px;padding:22px 20px;border:1px solid #DED7CB;border-radius:14px;background:#fff}
.lat-card h3{margin:0;font-size:20px;line-height:1.3}
.lat-card p{margin:0;font-size:15px;line-height:1.7;color:#3d3a35}
.lat-card .lat-hitung{font-weight:700;color:#232321}
.lat-card .btn{align-self:flex-start;margin-top:auto}
.dash-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.dash-filter .btn{cursor:pointer}
.dash-filter .btn[aria-pressed="true"]{background:#232321;border-color:#232321;color:#fff}

/* ===== BK-UX-01 (9 November 2026): token palet v1 (guideline §5), komponen bersama, mode gelap
   mengikuti sistem, bottom nav HP, slot maskot sementara (ikon Kartu Servis, master belum ada),
   progres bar layar latihan, badge status Benar/Salah/Ragu (ikon + teks, bukan warna saja). ===== */
:root{--bk-v1-bg:#F7F3EA;--bk-v1-surface:#FFFFFF;--bk-v1-text:#232321;--bk-v1-muted:#65615B;--bk-v1-border:#817A70;--bk-v1-divider:#DED7CB;--bk-v1-brand:#B84118;--bk-v1-brand-hover:#983312;--bk-v1-on-brand:#FFFFFF;--bk-v1-highlight:#F3B63F;--bk-v1-success:#386135;--bk-v1-success-bg:#EDF4E8;--bk-v1-warning:#785000;--bk-v1-warning-bg:#FFF1CF;--bk-v1-error:#A82D32;--bk-v1-error-bg:#FCEBEC;--bk-v1-info:#4D478C;--bk-v1-info-bg:#F0ECFA;--bk-v1-font-title:"Barlow Condensed","Arial Narrow",system-ui,sans-serif;--bk-v1-font-body:Inter,system-ui,"Segoe UI",Arial,sans-serif;--bk-v1-font-number:"IBM Plex Mono",ui-monospace,Consolas,monospace}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]){--bk-v1-bg:#1B1C1A;--bk-v1-surface:#282925;--bk-v1-text:#F7F3EA;--bk-v1-muted:#C2BCB2;--bk-v1-border:#8D887E;--bk-v1-divider:#494A44;--bk-v1-brand:#FFAE87;--bk-v1-brand-hover:#FFC5AA;--bk-v1-on-brand:#1B1C1A;--bk-v1-highlight:#F3B63F;--bk-v1-success:#B8DEA7;--bk-v1-success-bg:#263823;--bk-v1-warning:#F3CD78;--bk-v1-warning-bg:#3D321B;--bk-v1-error:#FFB6BC;--bk-v1-error-bg:#47262A;--bk-v1-info:#D6C7FF;--bk-v1-info-bg:#332D48;color-scheme:dark}}
html[data-theme="dark"]{--bk-v1-bg:#1B1C1A;--bk-v1-surface:#282925;--bk-v1-text:#F7F3EA;--bk-v1-muted:#C2BCB2;--bk-v1-border:#8D887E;--bk-v1-divider:#494A44;--bk-v1-brand:#FFAE87;--bk-v1-brand-hover:#FFC5AA;--bk-v1-on-brand:#1B1C1A;--bk-v1-highlight:#F3B63F;--bk-v1-success:#B8DEA7;--bk-v1-success-bg:#263823;--bk-v1-warning:#F3CD78;--bk-v1-warning-bg:#3D321B;--bk-v1-error:#FFB6BC;--bk-v1-error-bg:#47262A;--bk-v1-info:#D6C7FF;--bk-v1-info-bg:#332D48;color-scheme:dark}
/* Hero beranda v1: satu kalimat, satu tombol utama, chip jalur. */
.bk-hero{padding:56px 0 44px;background:var(--bk-v1-bg)}
.bk-hero h1{font-family:var(--bk-v1-font-title);font-weight:700;font-size:clamp(34px,7vw,60px);line-height:1.08;letter-spacing:-1px;max-width:640px;margin:0 0 14px}
.bk-hero .bk-lead{font-size:17px;line-height:1.7;color:var(--bk-v1-muted);max-width:520px;margin:0 0 20px}
.bk-hero .actions{margin:0 0 16px;gap:12px}
.bk-chiprow{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;list-style:none}
.bk-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 14px;border:1px solid var(--bk-v1-border);border-radius:999px;background:var(--bk-v1-surface);color:var(--bk-v1-text);font-size:13px;font-weight:600}
.bk-chip small{color:var(--bk-v1-muted);font-weight:500}
/* Tiga langkah bergambar (ikon garis sederhana, grid 24). */
.bk-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0 8px}
.bk-step{background:var(--bk-v1-surface);border:1px solid var(--bk-v1-divider);border-radius:14px;padding:20px}
.bk-step svg{display:block;width:34px;height:34px;margin-bottom:12px}
.bk-step .bk-step-no{font:600 11px/1.5 var(--bk-v1-font-number);letter-spacing:1px;color:var(--bk-v1-brand);display:block;margin-bottom:8px}
.bk-step h3{font-size:19px;margin:0 0 6px;line-height:1.3}
.bk-step p{margin:0;font-size:14px;line-height:1.7;color:var(--bk-v1-muted)}
/* Kartu jalur. */
.bk-jalur-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0 8px}
.bk-card{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid var(--bk-v1-divider);border-radius:14px;background:var(--bk-v1-surface)}
.bk-card h3{margin:0;font-size:20px;line-height:1.3}
.bk-card p{margin:0;font-size:14px;line-height:1.7;color:var(--bk-v1-muted)}
.bk-card .btn{align-self:flex-start;margin-top:auto}
/* Progres bar layar latihan ("Soal 3 dari 20"). */
.bk-progress{height:8px;border-radius:4px;background:var(--bk-v1-divider);overflow:hidden;margin:8px 0 14px}
.bk-progress>span{display:block;height:100%;background:var(--bk-v1-brand)}
/* Badge status: ikon + teks (guideline §3), bukan warna saja. */
.bk-badge{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:3px 10px;border-radius:999px;font-size:13px;font-weight:700}
.bk-badge.is-benar{background:var(--bk-v1-success-bg);color:var(--bk-v1-success)}
.bk-badge.is-ragu{background:var(--bk-v1-warning-bg);color:var(--bk-v1-warning)}
.bk-badge.is-salah{background:var(--bk-v1-error-bg);color:var(--bk-v1-error)}
.bk-badge.is-benar:before{content:"✓"}
.bk-badge.is-ragu:before{content:"⚑"}
.bk-badge.is-salah:before{content:"✕"}
/* Toast status sesuai hasil nyata. */
.bk-toast{margin:14px 0 0;padding:12px 16px;border-radius:10px;background:var(--bk-v1-success-bg);color:var(--bk-v1-success);font-size:14px;font-weight:600}
.bk-toast:before{content:"✓ "}
/* Empty state. */
.bk-empty{padding:34px 24px;text-align:center}
.bk-empty h2,.bk-empty h3{margin:10px 0 8px}
.bk-empty p{color:var(--bk-v1-muted);max-width:420px;margin:0 auto 16px}
/* Maskot Beka (master SVG dari sesi maskot). Dekoratif: alt kosong, ukuran eksplisit agar tidak menggeser tata letak. */
.bk-maskot{display:block;margin:0 auto;width:96px;height:96px}
/* Bottom nav HP: Beranda, Latihan, Materi, Dashboard. */
.bk-bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;background:var(--bk-v1-surface);border-top:1px solid var(--bk-v1-divider);padding-bottom:env(safe-area-inset-bottom)}
.bk-bottomnav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:56px;padding:6px 4px;font-size:11px;font-weight:650;color:var(--bk-v1-muted)}
.bk-bottomnav a[aria-current="page"]{color:var(--bk-v1-brand)}
.bk-bottomnav a:before{font-size:17px;line-height:1.2}
.bk-bottomnav a[aria-current="page"]:before{content:"●"}
.bk-bottomnav a[aria-current="page"]:after{display:none}
/* Rekomendasi langkah berikutnya di layar hasil. */
.bk-next{margin:18px 0 0;padding:16px 18px;border:1px solid var(--bk-v1-divider);border-left:4px solid var(--bk-v1-brand);border-radius:10px;background:var(--bk-v1-surface);font-size:15px;line-height:1.7}
.bk-next .btn{margin-top:10px}
/* Umpan balik akhir menyemangati. */
.bk-semangat{margin:12px 0 0;font-size:15px;line-height:1.7;color:var(--bk-v1-text)}
/* Tabel latihan di layar sempit: panel menggulir, halaman tetap tidak. */
.skd-panel{overflow-x:auto}
.skd-panel table{min-width:520px}
@media(max-width:760px){
 .bk-bottomnav{display:flex}
 body.upskill-site{padding-bottom:58px}
 .bk-steps{grid-template-columns:1fr}
 .bk-jalur-grid{grid-template-columns:1fr}
 .skd-actions .btn{flex:1 1 100%;justify-content:center;min-height:50px}
 .skd-actions .btn,.btn{min-height:48px}
 .bk-hero{padding:40px 0 36px}
}
@media(max-width:900px){.bk-hero h1{font-size:clamp(32px,8.5vw,48px)}}

/* ===== BK-FITUR-01 (10 November 2026): pencarian paket di Pusat Latihan (F4) ===== */
.cari-baris input[type="search"]{width:100%;min-height:48px;padding:10px 16px;border:1px solid #817A70;border-radius:10px;background:#fff;color:#232321;font:inherit}
.cari-baris input[type="search"]:focus-visible{outline:3px solid #B84118;outline-offset:2px}
.cari-daftar{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.cari-daftar .cari-baris{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:14px 16px;border:1px solid #DED7CB;border-radius:12px;background:#fff;flex-wrap:wrap}
.cari-isi{display:grid;gap:3px;min-width:220px;flex:1}
.cari-meta{font-size:13px;color:#65615B}
.cari-desc{font-size:13px;color:#65615B;line-height:1.6}
@media(max-width:600px){.cari-daftar .cari-baris{align-items:flex-start}.cari-daftar .cari-baris .btn{width:100%;justify-content:center}}

/* BK-MUTU-01: sr-only untuk judul penjelas struktur; h3.skd-sub pertama pada panel materi
   meniru gaya h4 yang digantikan (font, margin), tanpa mengubah h3.skd-sub "Pembahasan" mesin. */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.skd-panel>h3.skd-sub:first-child{font-size:1em;font-weight:700;line-height:1.12;letter-spacing:-.055em;margin:0 0 .7em}

/* ===== BK-GEL4 V2 (12 November 2026): rencana belajar 30 hari ===== */
.rencana-minggu{display:grid;gap:16px}
@media(min-width:760px){.rencana-minggu{grid-template-columns:1fr 1fr}}
.rencana-hari h3{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:1.35rem}
.rencana-isi{list-style:none;padding:0;margin:0 0 12px}
.rencana-isi li{margin:6px 0;font-size:.96rem;line-height:1.6}
.rencana-isi a{text-decoration:underline;text-underline-offset:4px;font-weight:650}
.rencana-hari.is-done{border-color:#2F6B4F;background:#F2F7F1}
.rencana-toggle{margin-top:6px;min-height:44px}

/* ===== BK-GEL4 V3 (12 November 2026): kalender latihan 8 minggu ===== */
.kalender-daftar{list-style:none;padding:0;margin:0;display:grid;gap:16px}
.kalender-sesi{margin:0}
.kalender-sesi.is-done{border-color:#2F6B4F;background:#F2F7F1}
.kalender-judul{margin:0 0 8px;font-size:1.02rem;line-height:1.6}
.kalender-judul a{text-decoration:underline;text-underline-offset:4px;font-weight:650}
.kalender-meta{font-size:.85rem;color:#65615B}

/* ===== BK-GEL4 V4 (12 November 2026): cetak materi dan kartu skor ===== */
@media print{
.top-note,.menu-button,.site-head .nav,.bk-bottomnav,.footer-links,.btn,.choice-list,.actions,.skip,.rencana-toggle,.up-final-cta,.bk-maskot{display:none!important}
.site-head{position:static;border-bottom:0}
body{background:#fff}
.section{padding:22px 0}
.skd-panel{break-inside:avoid}
#sumber{break-inside:avoid}
details>summary{display:none}
details>:not(summary){display:block!important}
.prose a{text-decoration:underline}
}

/* ===== BK-JUAL-01 (13 November 2026): etalase jual di belakang saklar =====
   Banner pratinjau, kartu produk, sampul ilustratif, fakta, dan tombol beli.
   Seluruh warna memakai palet yang sudah dipakai situs; tanpa aset luar. */
.jual-banner{margin:0 0 26px;padding:14px 18px;border:1px dashed #B84118;border-radius:12px;background:#F7EEE8;font-size:15px;line-height:1.7;color:#65615B}
.jual-banner strong{color:#983312}
.jual-etalase{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 10px}
.jual-kartu{display:grid;grid-template-columns:190px 1fr;gap:24px;padding:26px;border:1px solid #DED7CB;border-radius:16px;background:#fff}
.jual-kartu:hover{border-color:#B84118}
.jual-kartu h3{margin:0 0 10px;font-size:24px;line-height:1.25;letter-spacing:-.6px}
.jual-kartu h3 a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.jual-kartu>p,.jual-kartu-isi>p{font-size:15px;line-height:1.8;color:#65615B;margin:0 0 14px}
.jual-kartu-sampul{display:flex;align-items:flex-start;justify-content:center}
.jual-sampul{display:block;width:100%;max-width:180px;height:auto}
.jual-fakta-grid{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.jual-fakta{display:inline-flex;align-items:baseline;gap:8px;border:1px solid #DED7CB;border-radius:8px;background:#F7F3EA;padding:7px 11px;font-size:13px}
.jual-fakta span{color:#65615B}
.jual-fakta strong{color:#232321}
.jual-isi{margin:0 0 16px;padding-left:20px}
.jual-isi li{margin:7px 0;font-size:15px;line-height:1.7}
.jual-meta{font-size:14px;color:#65615B;border-top:1px solid #DED7CB;padding-top:12px;margin:0}
.jual-meta strong{color:#232321}
.jual-kartu-aksi{margin:14px 0 10px}
.jual-kartu-detail{margin:0}
.jual-harga{margin:12px 0 0;font-size:20px}
.jual-harga-ket{display:block;font-size:13px;font-weight:400;color:#65615B}
.jual-tunggu{margin:12px 0 0;font-size:14px;color:#65615B}
.jual-kontak-kosong{color:#65615B;font-size:15px}
.jual-beli-box{display:grid;grid-template-columns:200px 1fr;gap:28px;align-items:center;border:1px solid #DED7CB;border-radius:16px;background:#F7F3EA;padding:28px;margin:0 0 24px}
.jual-wajib{margin:14px 0 0;font-size:14px;font-weight:700;color:#983312}
.jual-halaman{background:#fff;border:1px solid #DED7CB;border-radius:6px;padding:22px 24px 30px;box-shadow:4px 5px 0 #E8DFD2;font-size:14px;line-height:1.7;position:relative}
.jual-halaman h4{margin:0 0 4px;font-size:15px;letter-spacing:0}
.jual-halaman .jual-halaman-no{position:absolute;bottom:8px;right:14px;font:600 11px/1.5 ui-monospace,monospace;color:#65615B}
.jual-halaman-opsi{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:5px;font-size:14px}
.jual-halaman-opsi li{padding:5px 10px;border:1px solid #DED7CB;border-radius:8px}
.jual-halaman-opsi li.is-key{background:#F7EEE8;border-color:#B84118}
.jual-halaman-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 8px}
.jual-langkah{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0 8px}
.jual-pita{display:inline-block;background:#F3B63F;color:#232321;font:700 12px/1.5 ui-monospace,monospace;letter-spacing:.6px;border-radius:6px;padding:4px 10px;margin:0 0 10px}
@media(max-width:1000px){.jual-etalase{grid-template-columns:1fr}.jual-langkah{grid-template-columns:1fr}}
@media(max-width:760px){.jual-kartu{grid-template-columns:1fr;gap:16px;padding:22px}.jual-kartu-sampul{justify-content:flex-start}.jual-beli-box{grid-template-columns:1fr;gap:18px;padding:22px}.jual-halaman-grid{grid-template-columns:1fr}.jual-fakta{font-size:12px}.jual-banner{font-size:14px}}
@media print{.jual-banner{display:none}.jual-beli-box{break-inside:avoid}}

/* ===== BK-JUAL-01 J3: penanda keputusan pemilik dan identitas penjual ===== */
.jual-belum{background:#FFF1CF;color:#785000;padding:1px 6px;border-radius:4px;font-weight:600;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.jual-identitas{display:grid;gap:0;margin:18px 0 0;border:1px solid #DED7CB;border-radius:14px;background:#fff;overflow:hidden}
.jual-identitas>div{display:grid;grid-template-columns:220px 1fr;gap:14px;padding:14px 18px;border-bottom:1px solid #DED7CB}
.jual-identitas>div:last-child{border-bottom:0}
.jual-identitas dt{font-size:13px;font-weight:700;color:#65615B;margin:0}
.jual-identitas dd{margin:0;font-size:15px}
@media(max-width:760px){.jual-identitas>div{grid-template-columns:1fr;gap:2px}}
/* BK-SIAP-06 (A8) — lantai keterbacaan dan kontras AA. Blok terakhir: menimpa ukuran label mikro di semua
   lebar layar. Diukur dengan web/tools/uji-a11y.mjs (axe color-contrast + huruf terlihat >= 12px). */
.up-topline>span,.upskill-site .up-topline>span,.top-note,.upskill-site .top-note{font-size:13px!important;letter-spacing:.04em!important;line-height:1.5}
.wordmark small,.upskill-site .wordmark small{font-size:12px!important;letter-spacing:.04em!important}
.eyebrow,.upskill-site .eyebrow,.up-page-intro .eyebrow,.up-hero .eyebrow,.pill,.up-tag,.up-tag span,.bk-step .bk-step-no,.bk-pathway-number,.card-label,.up-principles-grid>article>span,.upskill-site .up-principles-grid>article>span{font-size:13px!important;letter-spacing:.04em!important}
.bk-ticket-label,.bk-board-head span,.bk-board-foot span,.up-featured-top span,.up-featured-bottom span,.up-method-no,.jual-halaman-no{font-size:12px!important;letter-spacing:.04em!important}
.bk-service-ticket div>span:not(.bk-ticket-label),.bk-service-ticket div>span span,.upskill-site .up-value-strip p span,.up-value-strip p span{font-size:13px!important}
.choice,.upskill-site .choice,.card-number{font-size:14px!important}
.bk-bottomnav a{font-size:12px!important}
/* Kontras: tautan di sel kepala tabel, tombol "segera" di kartu kuning, panah bulat, tautan nav aktif di latar gelap. */
tbody th a,table th[scope="row"] a{color:#983312}
.btn-soon,.up-soon{color:#232321}
.arrow-round,.upskill-site .arrow-round{color:#F7F3EA}
.nav-login[aria-current],.upskill-site .nav-login[aria-current],.site-head .nav a.nav-login[aria-current]{color:#F3B63F!important}
@media(max-width:430px){.up-topline>span,.upskill-site .up-topline>span{font-size:12px!important;letter-spacing:.02em!important}}

/* ===== web-v2 (13 Nov 2026): kerangka baru semua halaman + beranda/paket ===== */
[hidden]{display:none!important}
/* Header: logo, 5 menu (desktop), satu CTA netral. Navigasi HP = bilah bawah dengan 5 menu yang sama. */
.bk-head{position:sticky;top:0;z-index:50;background:#F7F3EAf2;backdrop-filter:blur(10px);border-bottom:1px solid #DED7CB}
.bk-head-in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px}
.bk-head .wordmark{font-size:20px;gap:9px;color:#232321}
.bk-head .wordmark-mark{width:34px;height:34px;font-size:16px}
.bk-nav{display:none;gap:6px;align-items:center}
.bk-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:10px;font-size:15px;font-weight:650;color:#232321}
.bk-nav a:hover{background:#EFE8DA;color:#232321}
.bk-nav a[aria-current=page]{color:#983312;background:#F7EEE8;box-shadow:inset 0 -3px 0 #B84118}
.bk-head-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:12px;background:#B84118;color:#fff;font-size:14px;font-weight:750;white-space:nowrap}
.bk-head-cta:hover{background:#983312;color:#fff}
.bk-bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;background:#fff;border-top:1px solid #DED7CB;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -6px 18px #2323210f}
.bk-bottomnav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:60px;padding:6px 2px;font-size:12px!important;font-weight:700;color:#65615B}
.bk-bottomnav a:before,.bk-bottomnav a[aria-current=page]:before{content:none}
.bk-bottomnav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.bk-bottomnav a[aria-current=page]{color:#983312}
.bk-bottomnav a[aria-current=page] svg{stroke-width:2.4}
body{padding-bottom:76px}
@media(min-width:900px){.bk-nav{display:flex}.bk-bottomnav{display:none!important}body{padding-bottom:0}.bk-head-in{min-height:72px}}
/* Footer: satu penyangkal untuk seluruh situs. */
.bk-foot{background:#232321;color:#F7F3EA;padding:40px 0 28px;margin-top:48px}
.bk-foot .wordmark{color:#F7F3EA;font-size:20px}
.bk-foot .wordmark-mark{background:#F7F3EA;color:#232321;width:34px;height:34px;font-size:16px}
.bk-foot-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px}
.bk-foot-top p{margin:0;font-size:15px;color:#F3B63F;font-weight:650}
.bk-foot-links{display:flex;flex-wrap:wrap;gap:4px 6px;margin:22px 0 18px}
.bk-foot-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;margin-left:-10px;margin-right:4px;font-size:15px;color:#F7F3EA;text-decoration:underline;text-decoration-color:#F7F3EA59;text-underline-offset:5px}
.bk-foot-links a:hover{color:#F3B63F}
.bk-foot-note{margin:0 0 8px;font-size:14px;line-height:1.7;color:#D9D3C7;max-width:760px}
.bk-foot-copy{margin:0;font-size:13px;color:#C2BCB2}
/* Komponen beranda & halaman v2 */
.bk-v2 main{font-size:16px;line-height:1.65}
.bk2-hero{padding:24px 0 30px;background:linear-gradient(180deg,#F7F3EA 0,#F3EBDD 100%);border-bottom:1px solid #DED7CB}
.bk2-hero-in{display:flex;flex-direction:column;gap:6px}
.bk2-beka{order:-1;margin:0;display:flex;align-items:center;gap:12px}
.bk2-beka img{width:84px;height:84px;flex:none}
.bk2-beka figcaption{font-size:14px;line-height:1.5;color:#65615B;font-weight:600;max-width:220px}
.bk2-eyebrow{margin:6px 0 8px;font-size:13px!important;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:#983312}
.bk2-hero h1{font-size:clamp(34px,9vw,60px);line-height:1.06;letter-spacing:-1.4px;font-weight:820;margin:0 0 12px;color:#232321;max-width:680px}
.bk2-lead{font-size:17px;line-height:1.6;color:#4A4640;margin:0 0 18px;max-width:600px}
.bk2-lead a{color:#983312;text-decoration:underline;text-underline-offset:4px}
.bk2-aksi{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.bk2-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:14px;background:#B84118;color:#fff;font-size:16px;font-weight:750;box-shadow:0 3px 0 #7d2a0e}
.bk2-btn:hover{background:#983312;color:#fff}
.bk2-btn-terang{background:#fff;color:#983312;border:2px solid #B84118;box-shadow:none}
.bk2-btn-terang:hover{background:#F7EEE8;color:#983312}
.bk2-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:15px;font-weight:750;color:#983312;text-decoration:underline;text-underline-offset:5px}
.bk2-link:hover{color:#7d2a0e}
.bk2-sec{padding:30px 0}
.bk2-sec-alt{background:#fff;border-top:1px solid #DED7CB;border-bottom:1px solid #DED7CB}
.bk2-h2{font-size:clamp(24px,5.6vw,36px)!important;line-height:1.15;letter-spacing:-.6px;font-weight:800;margin:0 0 14px;color:#232321}
.bk2-sub{font-size:15px;line-height:1.65;color:#4A4640;margin:0 0 14px;max-width:720px}
.bk2-sub a,.bk2-kecil a,.bk2-cek a,.bk2-info-grid a:not(.bk2-link){color:#983312;text-decoration:underline;text-underline-offset:4px}
.bk2-kecil{font-size:14px;line-height:1.7;color:#65615B;margin:18px 0 0}
.bk2-ubin{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bk2-tile{display:flex;flex-direction:column;gap:4px;min-height:118px;padding:14px;border:1px solid #DED7CB;border-radius:16px;background:#fff;color:#232321;transition:border-color .15s,transform .15s}
.bk2-tile:hover{border-color:#B84118;transform:translateY(-2px);color:#232321}
.bk2-tag{align-self:flex-start;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#983312;background:#F7EEE8;border-radius:999px;padding:3px 10px}
.bk2-tile strong{font-size:16px;line-height:1.3;font-weight:750;margin-top:4px}
.bk2-n{margin-top:auto;font-size:13px;color:#65615B;font-weight:600}
.bk2-langkah{list-style:none;counter-reset:langkah;margin:0;padding:0;display:grid;gap:10px}
.bk2-langkah li{counter-increment:langkah;position:relative;margin:0;padding:12px 14px 12px 56px;background:#F7F3EA;border:1px solid #DED7CB;border-radius:14px;font-size:15px;line-height:1.55;color:#4A4640}
.bk2-sec:not(.bk2-sec-alt) .bk2-langkah li{background:#fff}
.bk2-langkah li:before{content:counter(langkah);position:absolute;left:14px;top:12px;width:30px;height:30px;border-radius:50%;background:#232321;color:#F3B63F;display:grid;place-items:center;font:800 15px/1 ui-monospace,monospace}
.bk2-langkah strong{color:#232321}
.bk2-soal{padding:16px;border:1px solid #DED7CB;border-radius:18px;background:#fff;box-shadow:0 6px 0 #EFE8DA}
.bk2-soal-meta{margin:0 0 6px;font-size:13px;font-weight:700;color:#983312}
.bk2-soal-teks{margin:0 0 14px;font-size:16px;line-height:1.6;color:#232321}
.bk2-opsi{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bk2-opsi button{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 12px;border:1.5px solid #C9C1B4;border-radius:12px;background:#F7F3EA;color:#232321;font-size:16px;font-weight:650;text-align:left}
.bk2-opsi button:hover{border-color:#B84118}
.bk2-opsi b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;border:1px solid #C9C1B4;font-size:14px;flex:none}
.bk2-opsi button.is-benar{background:#EDF4E8;border-color:#386135}
.bk2-opsi button.is-benar b{background:#386135;color:#fff;border-color:#386135}
.bk2-opsi button.is-salah{background:#FCEBEC;border-color:#A82D32}
.bk2-soal-hasil{margin-top:14px;padding-top:12px;border-top:1px dashed #DED7CB}
.bk2-soal-status{margin:0 0 6px;font-size:16px;font-weight:800}
.bk2-soal-status.is-benar{color:#386135}.bk2-soal-status.is-salah{color:#A82D32}
.bk2-soal-bahas{margin:0 0 4px;font-size:15px;line-height:1.65;color:#4A4640}
.bk2-produk{list-style:none;margin:0 0 6px;padding:0;border:1px solid #DED7CB;border-radius:16px;background:#F7F3EA;overflow:hidden}
.bk2-sec:not(.bk2-sec-alt) .bk2-produk{background:#fff}
.bk2-produk li{margin:0;border-bottom:1px solid #DED7CB}
.bk2-produk li:last-child{border-bottom:0}
.bk2-produk a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:10px 14px;color:#232321;font-size:16px;font-weight:650}
.bk2-produk a:hover{background:#F7EEE8;color:#232321}
.bk2-produk small{display:block;font-size:13px;font-weight:500;color:#65615B}
.bk2-produk strong{font-size:16px;color:#983312;white-space:nowrap}
.bk2-tier{display:grid;gap:8px;margin:0 0 16px}
.bk2-tier p{margin:0;padding:12px 14px;border-radius:12px;background:#232321;color:#F7F3EA;font-size:15px}
.bk2-tier strong{color:#F3B63F;margin-right:6px}
.bk2-tier-grid{display:grid;gap:12px}
.bk2-tier-kartu{padding:18px;border:1px solid #DED7CB;border-radius:16px;background:#fff}
.bk2-tier-kartu h3{font-size:20px;margin:0 0 4px}
.bk2-tier-harga{font-size:26px;font-weight:800;color:#983312;margin:0 0 10px}
.bk2-tier-kartu ul{margin:0 0 14px;padding-left:20px;font-size:15px;line-height:1.6}
.bk2-faq details{padding:14px 0}
.bk2-faq summary{font-size:17px;min-height:44px;align-items:center}
.bk2-faq details p{font-size:15px;color:#4A4640;margin:10px 0 0}
.bk2-info-grid{display:grid;gap:12px}
.bk2-info-grid>div{padding:16px;border:1px solid #DED7CB;border-radius:16px;background:#fff}
.bk2-sec-alt .bk2-info-grid>div{background:#F7F3EA}
.bk2-info-grid h3{font-size:18px;margin:0 0 8px;letter-spacing:-.3px}
.bk2-info-grid p{font-size:15px;line-height:1.65;color:#4A4640;margin:0 0 6px}
.bk2-cek{margin:0;padding-left:22px;font-size:16px;line-height:1.7}
.bk2-cek li{margin:6px 0}
.bk2-penutup{padding:30px 0 6px}
.bk2-penutup-in{display:flex;align-items:center;gap:16px;padding:22px;border-radius:20px;background:#232321;color:#F7F3EA}
.bk2-penutup-in img{width:84px;height:84px;flex:none}
.bk2-penutup h2{font-size:clamp(22px,5vw,32px);margin:0 0 6px;color:#F3B63F;letter-spacing:-.5px}
.bk2-penutup p{margin:0 0 14px;font-size:15px;color:#E9E3D7}
.bk2-hero-kecil{padding-bottom:22px}
.bk-v2 .jual-banner{margin:18px 0 0}
/* Etalase produk: harga jelas. */
.jual-harga{margin:0 0 10px}
.jual-harga strong{font-size:26px;font-weight:850;color:#983312;letter-spacing:-.5px}
.jual-harga-ket{font-size:14px;color:#65615B}
.jual-bundel-ket{font-size:14px;font-weight:650;color:#386135;background:#EDF4E8;border-radius:10px;padding:8px 12px;margin:0 0 12px}
.jual-kartu-bundel{border:2px solid #B84118}
.jual-tunggu{font-size:14px;color:#65615B;margin:10px 0 0}
.jual-tunggu a{color:#983312;text-decoration:underline}
@media(min-width:700px){
  .bk2-hero{padding:48px 0 52px}
  .bk2-hero-in{flex-direction:row;align-items:center;justify-content:space-between;gap:40px}
  .bk2-beka{order:0;flex-direction:column;text-align:center;flex:none}
  .bk2-beka img{width:200px;height:200px}
  .bk2-beka figcaption{max-width:220px}
  .bk2-ubin{grid-template-columns:repeat(3,1fr);gap:14px}
  .bk2-tile{min-height:140px;padding:18px}
  .bk2-tile strong{font-size:18px}
  .bk2-langkah{grid-template-columns:repeat(3,1fr)}
  .bk2-sec{padding:56px 0}
  .bk2-opsi{grid-template-columns:repeat(4,1fr)}
  .bk2-tier{grid-template-columns:repeat(3,1fr)}
  .bk2-tier-grid{grid-template-columns:repeat(3,1fr)}
  .bk2-info-grid{grid-template-columns:repeat(3,1fr)}
  .bk2-soal{padding:24px}
  .bk2-penutup-in{padding:32px 36px;gap:28px}
  .bk2-penutup-in img{width:120px;height:120px}
  #coba-soal .shell,#tanya .shell{max-width:880px}
}
@media(max-width:360px){.bk2-ubin{grid-template-columns:1fr}.bk2-opsi{grid-template-columns:1fr}.bk-head-cta{padding:0 12px}}
@media print{.bk-head,.bk-bottomnav,.bk-foot-links,.bk-head-cta,.bk2-aksi,.bk2-btn{display:none!important}.bk-foot{background:#fff;color:#232321}body{padding-bottom:0}}
@media(max-width:760px){.jual-kartu{grid-template-columns:72px 1fr;gap:14px;padding:16px}.jual-kartu-sampul{justify-content:flex-start}.jual-sampul{max-width:72px}.jual-kartu h3{font-size:20px}.jual-kartu-isi>p{font-size:14px;line-height:1.6;margin:0 0 10px}.jual-fakta-grid{gap:6px;margin:0 0 10px}.jual-harga strong{font-size:24px}.jual-kartu-aksi .jual-tunggu{margin-top:8px}}

.wordmark-sub{display:inline-block;margin-left:6px;padding:3px 7px;border-radius:6px;background:var(--lime);color:var(--ink);font-size:.6em;letter-spacing:.02em;vertical-align:middle;line-height:1.2}
.sim-row small{font-size:.78rem}