/* 1.49 — Tingkat Website: Pemula · Sedang · Canggih */
.tkt-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}
.lv1 .tkt-ik{background:color-mix(in srgb,var(--mut) 16%,transparent);color:var(--mut)}.lv1 .tkt-bar i.on{background:var(--mut)}
@media (max-width:1200px){.tkt-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tkt-k{position:relative;display:flex;flex-direction:column;gap:10px;padding:16px;border:1.5px solid var(--line);border-radius:16px;background:var(--card);cursor:default}
label.tkt-k{cursor:pointer;margin:0}
.tkt-k input[type=radio]{position:absolute;opacity:0;pointer-events:none}
.tkt-k.on,.tkt-k:has(input:checked){border-color:var(--teal);box-shadow:0 0 0 3px color-mix(in srgb,var(--teal) 22%,transparent)}
.tkt-k.kunci{border-style:dashed}
.tkt-k.kunci ul{opacity:.62}
.tkt-hd{display:flex;align-items:center;gap:10px}
.tkt-hd>span:nth-child(2){display:grid;flex:1}
.tkt-hd b{font-size:1.02rem}.tkt-hd small{color:var(--mut);font-size:.78rem}
.tkt-ik{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--teal) 14%,transparent);color:var(--teal)}
.lv2 .tkt-ik{background:color-mix(in srgb,var(--green) 14%,transparent);color:var(--green)}
.lv3 .tkt-ik{background:color-mix(in srgb,var(--teal) 14%,transparent);color:var(--teal)}.lv4 .tkt-ik{background:color-mix(in srgb,var(--amber) 16%,transparent);color:var(--amber)}
.tkt-bar{display:flex;gap:4px}.tkt-bar i{flex:1;height:5px;border-radius:9px;background:var(--line)}
.lv2 .tkt-bar i.on{background:var(--green)}.lv3 .tkt-bar i.on{background:var(--teal)}.lv4 .tkt-bar i.on{background:var(--amber)}
.tkt-k ul{margin:0;padding-left:18px;font-size:.85rem;line-height:1.55;flex:1}
.tkt-g.mini .tkt-k ul{font-size:.8rem}
.tkt-pv{align-self:flex-start}
.tkt-cek{display:flex;gap:8px;align-items:flex-start;font-size:.88rem;margin:4px 0 12px}
.tkt-dev-box{display:grid;gap:6px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--amber) 12%,transparent);border:1px solid color-mix(in srgb,var(--amber) 40%,transparent);font-size:.86rem}
.tkt-dev-box b{display:flex;gap:6px;align-items:center;color:var(--amber)}
.tkt-dev-box .btn{justify-self:start}
.tkt-form,.tkt-dev{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tkt-form label,.tkt-dev label{margin:0}.tkt-form .s2,.tkt-dev .s2{grid-column:1/-1}
.tkt-form textarea,.tkt-dev textarea{width:100%}
.tkt-kb{text-align:center;max-width:640px;margin:0 auto;padding:34px 22px}
.tkt-kb-ik{display:inline-grid;place-items:center;width:72px;height:72px;border-radius:22px;background:color-mix(in srgb,var(--amber,#d97706) 16%,transparent);color:var(--amber,#b45309);margin-bottom:10px}
.tkt-kb-kick{text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;font-weight:800;color:var(--amber,#b45309);margin:0 0 4px}
.tkt-kb h1,.tkt-kb h2{margin:0 0 8px}
.tkt-kb-p{font-size:1.02rem;margin:0 auto 14px;max-width:520px}
.tkt-pub{max-width:880px;margin:0 auto;padding:30px 16px 50px}
.tkt-kb-f{max-width:760px;margin:10px auto 0;padding:20px;border:1px solid rgba(0,0,0,.1);border-radius:16px;background:rgba(255,255,255,.6)}
.tkt-kb-f h2{font-size:1.2rem;margin:0 0 12px}
.tkt-pub .tkt-form input,.tkt-pub .tkt-form select,.tkt-pub .tkt-form textarea{width:100%}
/* Tampilan publik Pemula: lebih tenang dan ringan */
body.tkt-pemula .gk-sec{scroll-margin-top:70px}
@media (max-width:900px){.tkt-g{grid-template-columns:1fr}.tkt-form,.tkt-dev{grid-template-columns:1fr}}