/* JEJAK ARSIP — fase 1 */
.ja-page{--ja-brown:#2b1810;--ja-green:#174b36;--ja-gold:#c49a4a;--ja-cream:#f7f1e5;--ja-blue:#173b68;background:linear-gradient(180deg,#f8f3e8 0%,#efe5d3 100%);min-height:70vh;padding:38px 16px 64px;color:#2b211b}.ja-wrap{max-width:980px;margin:0 auto}.ja-hero{background:linear-gradient(135deg,#2b1810,#174b36 62%,#173b68);border-radius:28px;padding:36px;color:#fff;box-shadow:0 20px 50px rgba(43,24,16,.18);position:relative;overflow:hidden}.ja-hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-80px;top:-90px;background:rgba(255,255,255,.07)}.ja-kicker{font:700 12px/1 Arial,sans-serif;letter-spacing:.16em;color:#f0cd82;text-transform:uppercase}.ja-hero h1{font-size:clamp(36px,7vw,68px);line-height:.95;margin:12px 0 10px}.ja-hero h1 span{display:block;font-size:.42em;line-height:1.3;color:#f4e9d5;margin-top:8px}.ja-hero p{max-width:690px;line-height:1.7;color:#f5eee4}.ja-start{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:22px}.ja-btn{appearance:none;border:0;border-radius:14px;background:#f2c968;color:#2b1810;font-weight:800;padding:14px 22px;text-decoration:none;cursor:pointer;display:inline-flex;gap:9px;align-items:center}.ja-btn-secondary{background:#fff;color:#174b36}.ja-mini{font-size:12px;color:#eadcc9}.ja-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.ja-stat{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.13);border-radius:14px;padding:14px}.ja-stat strong{font-size:24px;display:block}.ja-stat span{font-size:12px;color:#e8dac9}.ja-card{background:#fff;border:1px solid #dfd3c1;border-radius:22px;padding:24px;margin-top:20px;box-shadow:0 10px 30px rgba(43,24,16,.07)}.ja-how{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.ja-how article{padding:18px;border-radius:16px;background:#faf7f0}.ja-how i{font-size:28px;color:#174b36}.ja-how h3{margin:8px 0 4px}.ja-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.ja-pill{background:#eee5d6;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700}.ja-progress{height:8px;background:#e8dfd2;border-radius:99px;overflow:hidden;margin:10px 0 24px}.ja-progress span{display:block;height:100%;background:linear-gradient(90deg,#174b36,#c49a4a)}.ja-question{font-size:clamp(24px,5vw,38px);line-height:1.18;margin:10px 0 22px;color:#2b1810}.ja-image{width:100%;max-height:340px;object-fit:contain;border-radius:18px;background:#eee7db;margin-bottom:18px}.ja-timer{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#2b1810;color:#fff;font-weight:800;font-size:20px;box-shadow:inset 0 0 0 5px #c49a4a}.ja-answers{display:grid;grid-template-columns:1fr 1fr;gap:13px}.ja-answer{border:0;border-radius:16px;padding:18px;text-align:left;font-size:16px;font-weight:700;color:#fff;min-height:78px;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.08)}.ja-answer b{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,.18);margin-right:8px}.ja-answer:nth-child(1){background:#b63434}.ja-answer:nth-child(2){background:#2867a8}.ja-answer:nth-child(3){background:#b48217}.ja-answer:nth-child(4){background:#2f7b4a}.ja-feedback{text-align:center}.ja-feedback-icon{width:90px;height:90px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;font-size:46px;color:#fff}.is-correct .ja-feedback-icon{background:#2f7b4a}.is-wrong .ja-feedback-icon{background:#b63434}.ja-feedback h1{font-size:40px;margin:8px 0}.ja-fact{text-align:left;background:#f8f3e8;border-left:5px solid #c49a4a;border-radius:12px;padding:18px;margin:22px 0}.ja-source{display:inline-flex;gap:7px;align-items:center;color:#174b36;font-weight:800;text-decoration:none}.ja-result{text-align:center}.ja-badge{width:130px;height:130px;border-radius:50%;margin:8px auto 16px;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,#f6d77d,#b88225);color:#fff;font-size:58px;box-shadow:0 16px 34px rgba(169,116,31,.25)}.ja-score{font-size:56px;font-weight:900;color:#174b36;line-height:1}.ja-share{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px}@media(max-width:700px){.ja-page{padding:20px 12px 50px}.ja-hero{padding:26px 20px}.ja-stats,.ja-how,.ja-answers{grid-template-columns:1fr}.ja-answer{min-height:68px}.ja-card{padding:18px}.ja-question{font-size:26px}}

/* Multi-tema */
.ja-section-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;flex-wrap:wrap;margin-bottom:18px}
.ja-section-head h2{margin:5px 0 0;font-size:30px;color:#2b1810}
.ja-theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ja-theme-card{display:flex;gap:16px;padding:20px;border:1px solid #e4d8c5;border-radius:18px;background:#fbf8f2;position:relative;overflow:hidden}
.ja-theme-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#174b36}
.ja-theme-gold:before{background:#b58a29}.ja-theme-blue:before{background:#2867a8}.ja-theme-navy:before{background:#173b68}.ja-theme-brown:before{background:#68412e}
.ja-theme-icon{width:54px;height:54px;border-radius:15px;background:#174b36;color:#fff;display:grid;place-items:center;font-size:27px;flex:0 0 auto}
.ja-theme-gold .ja-theme-icon{background:#b58a29}.ja-theme-blue .ja-theme-icon{background:#2867a8}.ja-theme-navy .ja-theme-icon{background:#173b68}.ja-theme-brown .ja-theme-icon{background:#68412e}
.ja-theme-body{min-width:0;flex:1}.ja-theme-body h3{margin:0 0 7px;font-size:22px;color:#2b1810}.ja-theme-body p{margin:0 0 12px;color:#63574e;line-height:1.55}
.ja-theme-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:#786b60;margin-bottom:14px}.ja-theme-meta span{display:inline-flex;gap:5px;align-items:center}
.ja-theme-card .ja-btn{padding:11px 16px}.ja-empty{padding:28px;text-align:center;color:#75695f;background:#faf7f0;border-radius:14px}
@media(max-width:760px){.ja-theme-grid{grid-template-columns:1fr}.ja-theme-card{padding:16px}.ja-theme-icon{width:46px;height:46px;font-size:23px}}

/* Jalur balik dari kuis Sejarah & Memori Wonogiri ke Museum V2 */
.ja-back-museum{display:inline-flex;align-items:center;gap:8px;margin:0 0 4px;padding:9px 13px;border:1px solid #d7c7aa;border-radius:999px;background:rgba(255,255,255,.72);color:#684a22;font:800 12px/1 Arial,sans-serif;text-decoration:none;box-shadow:0 6px 18px rgba(43,24,16,.05)}.ja-back-museum:hover{background:#fff;border-color:#c49a4a}.ja-btn-museum{background:#2b1810;color:#f2cf83}.ja-btn-museum:hover{background:#3a2116}


/* Buku tamu & kuis berhadiah — Pameran Virtual 2026 */
.ja-guestbook h1{margin:8px 0 8px;font-size:clamp(28px,5vw,42px);color:#2b1810}.ja-guestbook>p{color:#65594f;line-height:1.65;max-width:760px}.ja-form-alert{padding:12px 14px;border-radius:12px;background:#fff1ef;border:1px solid #f4c7c2;color:#9f2d22;font-weight:700;margin:14px 0}.ja-guest-form{margin-top:20px}.ja-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ja-form-grid label{display:grid;gap:7px;font-weight:700;color:#3f342c}.ja-form-grid label span{font-size:13px}.ja-form-grid input,.ja-form-grid select{width:100%;box-sizing:border-box;border:1px solid #d8cdbd;border-radius:12px;background:#fff;padding:13px 14px;font:inherit;color:#2b211b}.ja-form-wide{grid-column:1/-1}.ja-consent{display:flex;gap:10px;align-items:flex-start;margin:16px 0;color:#55483e;line-height:1.5}.ja-consent input{margin-top:4px}.ja-guest-actions{display:flex;gap:10px;flex-wrap:wrap}.ja-competition-note{margin-top:16px;padding:14px;border-radius:13px;background:#f8f3e8;border-left:4px solid #c49a4a;color:#5e5145}.ja-pill-official{background:#174b36;color:#fff}.ja-rank-result{margin:18px auto 0;max-width:520px;padding:14px 18px;border-radius:14px;background:#eef7f1;border:1px solid #b8ddc4}.ja-rank-result strong{display:block;font-size:22px;color:#174b36}.ja-rank-result span{display:block;margin-top:4px;color:#5d695f;font-size:13px}.ja-rank-result.is-practice{background:#f5f1e9;border-color:#dfd3c1}.ja-rank-result.is-practice strong{color:#68412e}@media(max-width:700px){.ja-form-grid{grid-template-columns:1fr}.ja-form-wide{grid-column:auto}.ja-guest-actions .ja-btn{width:100%;justify-content:center}}

.ja-practice-note{margin:0 0 12px;padding:11px 13px;border-radius:11px;background:#fff7df;border:1px solid #e8d29a;color:#715514;font-size:13px;font-weight:700}

/* Museum Focus Mode — alur khusus dari Pameran Virtual 2026 */
.ja-focus-body{margin:0;min-height:100vh;background:linear-gradient(180deg,#f8f3e8 0%,#efe5d3 100%);color:#2b211b;font-family:Georgia,"Times New Roman",serif}.ja-focus-header{position:sticky;top:0;z-index:30;background:rgba(43,24,16,.97);border-bottom:1px solid rgba(196,154,74,.45);box-shadow:0 8px 28px rgba(43,24,16,.12)}.ja-focus-header__inner{max-width:1040px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.ja-focus-brand{display:flex;align-items:center;gap:11px;color:#f5ead6;text-decoration:none;min-width:0}.ja-focus-brand__mark{width:38px;height:38px;border:1px solid rgba(242,201,104,.58);border-radius:50%;display:grid;place-items:center;color:#f2c968;flex:0 0 auto}.ja-focus-brand small{display:block;font:700 9px/1.2 Arial,sans-serif;letter-spacing:.14em;color:#cdbb99}.ja-focus-brand strong{display:block;margin-top:3px;font:800 13px/1.2 Arial,sans-serif;letter-spacing:.08em}.ja-focus-return{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid rgba(242,201,104,.35);border-radius:999px;color:#f2d58f;text-decoration:none;font:800 11px/1 Arial,sans-serif;white-space:nowrap}.ja-focus-return:hover{background:rgba(242,201,104,.1)}.ja-focus-main{min-height:calc(100vh - 126px)}.ja-focus-body .ja-page{min-height:calc(100vh - 126px);padding-top:28px;padding-bottom:40px}.ja-focus-body .ja-wrap{max-width:980px}.ja-focus-body .ja-back-museum{display:none}.ja-focus-body .ja-card{margin-top:0;box-shadow:0 18px 46px rgba(43,24,16,.10)}.ja-focus-footer{background:#2b1810;color:#cdbb99;border-top:1px solid rgba(196,154,74,.35)}.ja-focus-footer__inner{max-width:1040px;margin:0 auto;padding:14px 20px;display:flex;justify-content:space-between;gap:18px;font:600 10px/1.4 Arial,sans-serif;letter-spacing:.06em}.ja-focus-body input,.ja-focus-body select,.ja-focus-body button{font-family:inherit}
@media(max-width:700px){.ja-focus-header__inner{padding:10px 12px}.ja-focus-brand small{font-size:8px}.ja-focus-brand strong{font-size:11px}.ja-focus-return{width:38px;height:38px;padding:0;justify-content:center;border-radius:50%;font-size:0}.ja-focus-return i{font-size:17px}.ja-focus-body .ja-page{padding:16px 10px 28px}.ja-focus-body .ja-card{border-radius:18px}.ja-focus-footer__inner{padding:12px;display:block;text-align:center}.ja-focus-footer__inner span{display:block}.ja-focus-footer__inner span+span{margin-top:4px}}