.reading-preview-hero{padding:22px 18px 18px;text-align:center;color:#fff;background:linear-gradient(155deg,#163e75,#285ca2 55%,#f08a3d)}
.book-chip{display:inline-flex;padding:5px 9px;border:1px solid #ffffff55;border-radius:999px;background:#ffffff18;font-size:9px;font-weight:800}
.book-cover-mini{width:68px;height:86px;margin:14px auto 9px;border:4px solid #fff3d8;border-radius:5px 11px 11px 5px;display:grid;place-items:center;background:linear-gradient(145deg,#ffe198,#f28a3d);color:#173f76;font-size:29px;font-weight:900;box-shadow:7px 8px 0 #0b2752,0 12px 24px #071b3b66}
.reading-preview-hero h2{margin:7px 0;font-size:20px}
.reading-preview-hero p{margin:0 auto;max-width:245px;color:#eaf2ff;font-size:11px;line-height:1.55}
.reading-progress{height:7px;margin:15px 0 7px;border-radius:99px;background:#ffffff33;overflow:hidden}
.reading-progress i{display:block;height:100%;border-radius:99px;background:#ffe27a}
.reading-preview-hero small{font-size:9px;color:#fff6d7}
.quest-map{padding:12px;background:#eef5ff}
.quest-node{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;padding:10px;margin-bottom:7px;border:1px solid #dae4f2;border-radius:12px;background:#fff}
.quest-node>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e7edf6;font-size:13px}
.quest-node b,.quest-node small{display:block}
.quest-node b{font-size:11px}.quest-node small{margin-top:3px;color:#7a899f;font-size:9px}
.quest-node.passed>span{background:#dff7e9;color:#16845b}.quest-node.current{border-color:#4f7ee6;box-shadow:0 0 0 2px #dce7ff}.quest-node.current>span{background:#356dd8;color:#fff}.quest-node.locked{opacity:.58}
.knowledge-card>span{display:inline-flex;padding:4px 7px;border-radius:6px;background:#fff1d9;color:#b35d1f;font-size:9px;font-weight:900}.knowledge-card h4{margin-top:8px}
.quiz-mini>div{display:flex;gap:7px;margin-top:10px}.quiz-mini button{flex:1;padding:8px 3px;border:1px solid #dae2ed;border-radius:9px;background:#f7f9fc;font-size:21px}.quiz-mini button.picked{border-color:#3975e6;background:#e6efff}
.unlock-bar{position:sticky;bottom:0;margin:12px;padding:12px;border-radius:11px;background:#173f76;color:#fff;text-align:center;font-size:10px;font-weight:900;box-shadow:0 8px 22px #102b5a55}
.specific-editor{margin:20px 0;display:grid;gap:12px}
.specific-editor>header{padding:17px 18px;border-radius:14px;background:linear-gradient(135deg,#173f76,#2f6fec);color:#fff}
.specific-editor>header .eyebrow{color:#ffcf83}.specific-editor>header h3{margin:5px 0 6px}.specific-editor>header p{margin:0;color:#dce8ff;font-size:12px;line-height:1.55}
.specific-group{margin:0;border:1px solid #d9e3f0;border-radius:14px;background:#f9fbfe;overflow:hidden}
.specific-group legend{width:100%;padding:14px 16px;background:#edf3fb;font-weight:900;color:#173f76}
.specific-group .group-body{padding:4px 16px 16px}
.specific-group .group-note{margin:8px 0 2px;padding:10px 12px;border-left:3px solid #f28a3d;background:#fff5e8;color:#795835;font-size:11px;line-height:1.55}
.three-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.four-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.check-options{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.check-options label{display:flex!important;align-items:center;gap:6px!important;margin:0!important;padding:8px 10px;border:1px solid #d7e1ee;border-radius:9px;background:#fff;font-weight:600!important}.check-options input{width:auto}
.rule-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.rule-preview div{padding:10px;border-radius:10px;background:#eaf2ff}.rule-preview b,.rule-preview span{display:block}.rule-preview span{margin-top:4px;color:#64738d;font-size:10px}
@media(max-width:760px){.three-fields,.four-fields,.rule-preview{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.three-fields,.four-fields,.rule-preview{grid-template-columns:1fr}}