*{box-sizing:border-box}body{margin:0;background:#f2f5fb;color:#182a46;font:16px/1.55 system-ui,-apple-system,sans-serif}.mast{background:#0c285c;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:1rem max(1rem,calc((100vw - 900px)/2))}.mast a{color:#fff}main{max-width:860px;margin:0 auto;padding:1rem}.hero{background:linear-gradient(115deg,#102956,#1d4b98 67%,#63304d);color:white;border-radius:20px;padding:2rem;margin:0 0 1rem}.hero h1{font-size:clamp(2rem,6vw,3.8rem);margin:.25rem 0}.eyebrow{letter-spacing:.12em;color:#f8db93;font-size:.78rem}.panel{background:white;border:1px solid #dae2f1;border-radius:16px;padding:1.4rem;margin:1rem 0;box-shadow:0 8px 28px #17396710}h2{line-height:1.25}label{display:block;font-weight:650}input,select{display:block;width:100%;padding:.9rem;border:1px solid #a5b4cc;border-radius:10px;font:inherit;margin:.4rem 0 1rem}button{border:0;border-radius:10px;background:#17449b;color:white;padding:.8rem 1.2rem;font:inherit;font-weight:700;cursor:pointer;margin:.4rem .5rem .4rem 0}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d4a124;outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}.quiet{background:#e7edfb;color:#14336c}.fine{font-size:.89rem;color:#5c6d83}.game-head{display:flex;justify-content:space-between;font-weight:750}.progress{height:10px;background:#e2e8f3;border-radius:10px;margin:1rem 0;overflow:hidden}.progress>span{height:100%;background:#2b669c;display:block;width:0;transition:width .2s}fieldset{border:0;padding:0}legend{font-size:.88rem;color:#59657c;margin-bottom:.5rem}.answer-option{display:flex;align-items:center;gap:1rem;padding:.9rem;border:1px solid #b9c5d7;border-radius:10px;margin:.6rem 0;cursor:pointer}.answer-option input{width:auto;margin:0;accent-color:#114288}.answer-option:has(input:checked){border-color:#17449b;background:#f0f4ff}#feedback{background:#f0f6ff;border-left:5px solid #346da6;border-radius:8px;padding:1rem;margin:1rem 0}#feedback.good{border-color:#1a8b56;background:#e9f8ef}#feedback p{margin:.6rem 0}#result-review article{border-top:1px solid #dde4ed;padding:1rem 0}#result-score{font-size:1.6rem;font-weight:800}[hidden]{display:none!important}@media(max-width:500px){.mast{font-size:.8rem}.panel{padding:1rem}.hero{padding:1.4rem}}
.certificate{background:#fbf8ef;border:7px solid #163e80;border-radius:10px;padding:10px;margin:1.5rem auto;max-width:760px;color:#17355b;text-align:center;font-family:Georgia,serif}
.certificate-inside{border:2px solid #b99241;padding:1.2rem .65rem;overflow-wrap:anywhere}
.certificate-ministry{font:700 13px/1.5 system-ui,sans-serif;letter-spacing:.24em}
.certificate h3{font-size:clamp(1.65rem,5vw,2.6rem);margin:.35rem 0;color:#13386e}
.certificate-heading{font-size:1.1rem;font-weight:bold}
.certificate-name{font-size:clamp(1.55rem,5vw,2.6rem);font-weight:bold;border-bottom:1px solid #b99241;padding:.45rem 0;margin:.5rem auto;max-width:90%}
.certificate-topic{font-size:1.5rem;font-weight:bold}
.certificate-verse{font-style:italic}
.certificate-fine{font:12px/1.5 system-ui,sans-serif;color:#536178}
.certificate-controls{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:1rem}
@media print{
 @page{size:landscape;margin:10mm}
 body{background:white}
 body *{visibility:hidden!important}
 #completion-certificate,#completion-certificate *{visibility:visible!important}
 #completion-certificate{position:absolute;inset:0;margin:0 auto;max-width:260mm;width:100%;break-inside:avoid;box-shadow:none}
}