/* CrackExam Daily - shared stylesheet (restored 23 Oct 2026)
   Palette: navy #162c42, teal #067a80, red #d8262c, gold #ffcc53 */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#f2f5f9;color:#162c42;font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
a{color:#067a80;text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%}
header{background:#fff;border-bottom:1px solid #e2e8f0;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
header img{height:44px;width:auto;display:block}
header>a:last-child{color:#067a80;font-size:14px;font-weight:600;white-space:nowrap}
main{max-width:760px;margin:0 auto;padding:18px 14px 30px}
h1{font-size:23px;line-height:1.3;margin:2px 0 8px;color:#162c42}
h2{font-size:19px;line-height:1.35;margin:0 0 8px;color:#162c42}
h3{font-size:16px;margin:16px 0 6px;color:#162c42}
p{margin:0 0 12px}
ul,ol{margin:0 0 12px;padding-left:20px}
li{margin:0 0 5px}
footer{max-width:760px;margin:0 auto;padding:0 14px 26px;color:#5b6b7e;font-size:13px;text-align:center}
.box{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px;margin:0 0 16px;box-shadow:0 1px 3px rgba(22,44,66,.06)}
.reading{font-size:16px;line-height:1.7}
.reading p{margin:0 0 14px}
.topic{color:#067a80;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;margin:0 0 4px}
.meta{color:#5b6b7e;font-size:13px;margin:0 0 10px}
.meta a{word-break:break-all}
.button{display:inline-block;background:#067a80;color:#fff!important;font-weight:700;font-size:15px;padding:11px 18px;border-radius:10px;border:1px solid #067a80;text-decoration:none!important;margin:0 0 8px}
.button:hover{background:#055e63}
.button.secondary{background:#fff;color:#067a80!important;border:1px solid #067a80}
.button.secondary:hover{background:#eef7f7}
.card-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 4px}
.card-actions .button{margin:0}
.edition-cover,.cover-thumb{display:block;width:100%;height:auto;border-radius:12px;border:1px solid #e2e8f0}
.facts{background:#fffaeb;border:1px solid #ffcc53;border-radius:10px;padding:12px 14px;margin:0 0 14px;font-size:14.5px}
.facts strong{color:#162c42}
.facts ul{margin:6px 0 0}
table{width:100%;border-collapse:collapse;font-size:15px;margin:0 0 12px}
th,td{padding:7px 9px;border-bottom:1px solid #e2e8f0;text-align:left}
th{color:#5b6b7e;font-size:12px;text-transform:uppercase;letter-spacing:.4px}
strong,b{color:#162c42}
@media(max-width:600px){
 h1{font-size:20px}
 main{padding:14px 10px 24px}
 .box{padding:15px}
}
/* Quiz-taking UI (light) - palette/question/options */
#test-root section.actions{display:flex;flex-wrap:wrap;gap:8px}
#test-root section.actions button{display:inline-block;background:#067a80;color:#fff;font-weight:700;font-size:14.5px;padding:10px 16px;border-radius:10px;border:1px solid #067a80;cursor:pointer}
#test-root section.actions button.secondary{background:#fff;color:#067a80;border:1px solid #067a80}
#test-root section.actions button:disabled{opacity:.45;cursor:default}
.palette{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 4px}
.palette button{width:36px;height:36px;border-radius:8px;border:1px solid #c9d4e2;background:#fff;color:#162c42;font-size:14px;cursor:pointer;padding:0}
.palette button.answered{background:#067a80;border-color:#067a80;color:#fff}
.palette button.current{border:2px solid #ffcc53;outline:1px solid #ffcc53}
button.option{display:block;width:100%;text-align:left;background:#fff;color:#162c42;border:1px solid #c9d4e2;border-radius:10px;padding:12px 14px;margin:0 0 8px;font-size:15px;line-height:1.45;cursor:pointer}
button.option:hover{border-color:#067a80}
button.option.selected{background:#e6f4f4;border:2px solid #067a80;font-weight:600;padding:11px 13px}
/* Practice-mode instant feedback + review */
button.option.correct-answer{background:#e9f7ec;border:2px solid #1e8e3e;font-weight:600;padding:11px 13px}
button.option.wrong-answer{background:#fdecea;border:2px solid #d8262c;padding:11px 13px}
.answer-correct{background:#e9f7ec;border-radius:6px}
.answer-wrong{background:#fdecea;border-radius:6px}