/* Papan Kapur — papan tulis hijau, tulisan kapur, bingkai kayu, coretan tangan */
.fam-kapur { --card: color-mix(in oklab, var(--bg) 92%, #fff); --sec-y: clamp(48px, 6vw, 96px); background: radial-gradient(1200px 700px at 20% 0%, rgb(255 255 255 / .05), transparent 60%), var(--bg); }
.fam-kapur .display, .fam-kapur .h1, .fam-kapur .h2 { text-shadow: 0 0 1px rgb(255 255 255 / .5); }
.fam-kapur .h2 em, .fam-kapur .h1 em, .fam-kapur .display em { font-style: normal; color: #ffd166; }
.fam-kapur .h2 { text-decoration: underline; text-decoration-style: wavy; text-decoration-color: rgb(244 241 232 / .35); text-underline-offset: 10px; text-decoration-thickness: 2px; }
.fam-kapur .eyebrow { color: #ffd6e0; font-family: var(--font-head), cursive; text-transform: none; letter-spacing: 0; font-size: 1rem; }
.fam-kapur .btn { border: 2px solid currentColor; border-radius: 10px 14px 12px 16px / 14px 10px 16px 12px; font-family: var(--font-head), cursive; font-size: 1.05rem; }
.fam-kapur .btn--primary { --btn-bg: var(--ink); --btn-ink: var(--bg); border-color: var(--ink); }
.fam-kapur .btn--ghost { --btn-ink: #f4f1e8; }
.fam-kapur .link-arrow { color: #ffd166; }
.fam-kapur .hdr { background: var(--bg); border-bottom: 10px solid #7a5232; }
.fam-kapur .hdr.is-scrolled { border-bottom-color: #7a5232; }
.fam-kapur .brand__mark { border-radius: 50%; background: transparent; color: #f4f1e8; border: 2px dashed #f4f1e8; }
.fam-kapur .brand__name { font-family: var(--font-head), cursive; font-size: 1.4rem; }
.fam-kapur .nav__a { color: rgb(244 241 232 / .8); font-family: var(--font-head), cursive; font-size: 1.1rem; }
.fam-kapur .nav__a:hover { background: rgb(255 255 255 / .06); color: #fff; }
.fam-kapur .nav__a.is-active::after { background: #ffd166; height: 3px; transform: rotate(-2deg); }
.fam-kapur .icon-btn { border-color: rgb(244 241 232 / .35); }
.fam-kapur .feat, .fam-kapur .tcard, .fam-kapur .step, .fam-kapur .cinfo { border: 2px dashed rgb(244 241 232 / .3); border-radius: 14px; background: transparent; }
.fam-kapur .feat__ic { background: transparent; border: 2px solid currentColor; color: #ffd166; border-radius: 50%; }
.fam-kapur .feat__t, .fam-kapur .tcard__q { font-family: var(--font-head), cursive; }
.fam-kapur .tcard__q { font-size: 1.2rem; }
.fam-kapur .prow { border-bottom: 2px dotted rgb(244 241 232 / .25); }
.fam-kapur .prow__name { font-family: var(--font-head), cursive; font-size: 1.25rem; }
.fam-kapur .prow__dots { border-bottom: 2px dotted rgb(244 241 232 / .4); }
.fam-kapur .prow__price { color: #ffd166; font-family: var(--font-head), cursive; font-size: 1.15rem; }
.fam-kapur .about__img, .fam-kapur .gitem, .fam-kapur .cat, .fam-kapur .pd__main { border: 8px solid #fff; border-bottom-width: 24px; border-radius: 2px; box-shadow: 0 10px 20px rgb(0 0 0 / .4); }
.fam-kapur .gmason .gitem:nth-child(odd) { transform: rotate(-1.5deg); }
.fam-kapur .faq__i { border-bottom: 2px dotted rgb(244 241 232 / .25); }
.fam-kapur .cta { border: 10px solid #7a5232; }
.fam-kapur .ftr { background: color-mix(in oklab, var(--bg) 85%, #000); border-top: 10px solid #7a5232; }
.fam-kapur .badge { background: #ffd166; color: #1b1b1b; }
.fam-kapur .stars { color: #ffd166; }