.fik-topik-root,.fik-topik-official{--fik-accent:#4e40a0;--fik-soft:#f4f2ff;--fik-line:#e6e4ef;--fik-ink:#262438;box-sizing:border-box;font-family:inherit;max-width:1100px;margin:20px auto;color:var(--fik-ink);line-height:1.65}
.fik-topik-root *,.fik-topik-official *{box-sizing:border-box}.fik-topik-root h2,.fik-topik-official h2{font-size:clamp(1.45rem,3vw,2rem);line-height:1.3;margin:15px 0}.fik-hero{background:linear-gradient(135deg,#3e3288,#6a55b2);border-radius:18px;padding:34px;color:#fff}.fik-hero h2{color:#fff}.fik-hero span{letter-spacing:.13em;font-weight:750;font-size:.75rem}.fik-hero p{margin:0;opacity:.95}
.fik-exam-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:15px;margin:22px 0}.fik-exam-card{background:#fff;border:1px solid var(--fik-line);border-radius:16px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.035)}.fik-exam-card h3{font-size:1.2rem;margin:11px 0}.fik-pill{border-radius:20px;background:var(--fik-soft);color:var(--fik-accent);font-size:.82rem;font-weight:750;padding:5px 12px;display:inline-block}.fik-btn{border:0;border-radius:10px;background:var(--fik-accent);color:#fff;padding:12px 21px;font-weight:700;font-size:1rem;cursor:pointer;line-height:1.3}.fik-btn:hover{filter:brightness(1.09);color:#fff}.fik-btn:disabled{opacity:.35;cursor:not-allowed}.fik-secondary{background:#eeecf7;color:var(--fik-ink)}.fik-small{font-size:.85rem;padding:8px 11px}.fik-disclaimer,.fik-progress-label{color:#757187;font-size:.88rem}
.fik-start,.fik-confirm,.fik-empty{text-align:center;background:#fff;border:1px solid var(--fik-line);border-radius:17px;padding:33px 25px}.fik-start p,.fik-confirm p{max-width:650px;margin:12px auto}.fik-test-header{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid var(--fik-line);padding:15px 5px}.fik-test-header #fik-clock{font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:800;letter-spacing:.07em;white-space:nowrap}.fik-progress{height:8px;border-radius:9px;background:#e9e6f0;margin-top:14px;overflow:hidden}.fik-progress span{height:100%;background:#6d5db8;display:block;transition:width .25s}.fik-question{background:#fff;border:1px solid var(--fik-line);border-radius:16px;padding:28px;margin-top:15px}.fik-section-title{color:#6758ac;font-weight:750;font-size:.93rem}.fik-question-body{white-space:pre-wrap;font-size:1.06rem;margin:20px 0;line-height:1.8}.fik-question-img{max-width:100%;max-height:580px;object-fit:contain;display:block;margin:15px auto}.fik-options{display:grid;gap:12px}.fik-choice{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--fik-line);border-radius:12px;padding:15px;cursor:pointer;background:#fff}.fik-choice:hover,.fik-selected{background:#f5f3ff;border-color:#8b80c6}.fik-choice input{margin-top:7px}.fik-opt-index{display:inline-flex;justify-content:center;align-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:#efedf7;font-weight:700}.fik-option-text{white-space:pre-wrap;flex:1}.fik-toolbar{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin:18px 0}.fik-write{width:100%;min-height:190px;border:1px solid var(--fik-line);border-radius:12px;padding:15px;font:inherit}.fik-label{display:block;font-weight:750;margin:10px 0}.fik-audio{padding:15px;border:1px solid #dad6f1;background:#f7f5ff;border-radius:13px;display:grid;gap:10px;margin:16px 0}.fik-audio audio{width:100%}.fik-audio small{font-size:.8rem}.fik-consent{display:block;text-align:left;max-width:650px;margin:20px auto;padding:12px;background:var(--fik-soft);border-radius:9px}.fik-loading,.fik-alert{padding:22px;border-radius:12px;background:#f7f5ff}.fik-alert{background:#fff1ed;color:#9e3b2d}.fik-result{text-align:center;border-radius:17px;background:var(--fik-soft);padding:35px}.fik-grade{font-size:2.6rem;font-weight:850;color:var(--fik-accent);margin:15px}.fik-score{font-weight:800;font-size:1.35rem}.fik-result-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:18px 0}.fik-result-sections>div{padding:17px;border:1px solid var(--fik-line);border-radius:12px;display:flex;justify-content:space-between;gap:10px}.fik-review>div{border-bottom:1px solid var(--fik-line);padding:12px}
.fik-topik-official{background:#fff;border:1px solid var(--fik-line);border-radius:17px;padding:25px}.fik-countdown{display:flex;flex-wrap:wrap;align-items:center;gap:14px;background:var(--fik-soft);padding:17px;border-radius:13px}.fik-countdown strong{font-size:2.4rem;color:var(--fik-accent);font-variant-numeric:tabular-nums}.fik-event-list,.fik-notice-list{padding-left:22px}.fik-event-list li{margin:9px 0}.fik-event-list time{font-weight:800;color:var(--fik-accent)}.fik-history{width:100%;border-collapse:collapse}.fik-history td,.fik-history th{padding:9px;border-bottom:1px solid #ddd;text-align:left}
@media(max-width:640px){.fik-hero{padding:23px}.fik-question{padding:18px}.fik-test-header{align-items:flex-start}.fik-btn{padding:11px 15px}.fik-topik-official{padding:18px}.fik-toolbar{justify-content:space-between}}

/* Verbatim PDF mode: the actual uploaded page remains authoritative. */
.fik-original-wrapper{border:1px solid var(--fik-line);border-radius:12px;padding:12px;margin:14px 0;background:#fbfbff}
.fik-original-info{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:10px}
.fik-original-info a{font-size:.9rem;text-decoration:underline}
.fik-original-frame{display:block;width:100%;height:min(75vh,760px);min-height:420px;border:1px solid #d8d5e6;background:#fff}
.fik-original-wrapper .fik-disclaimer{margin:10px 2px 0}
@media(max-width:640px){.fik-original-frame{height:68vh;min-height:320px}.fik-original-wrapper{padding:8px}}

/* Native web exam: printed question as an image, not a PDF embed. */
.fik-online-question-image{display:block;width:auto;max-width:100%;height:auto;margin:12px auto;background:#fff}
.fik-question-body{overflow-wrap:anywhere}
.fik-option-text{overflow-wrap:anywhere}
