/* Book 04 alone has a sequential, gated practice. Other readers are untouched. */
.reader-spread[hidden],.book-four-flow[hidden],.book-four-flow [hidden]{display:none!important}
.reader-dialog[data-flow=word]{width:min(760px,calc(100% - 24px))}
.reader-dialog[data-flow=word] .reader-hinge{width:100%}
.reader-dialog[data-flow=word] .reader-cover-front{background-color:#ddd1bd}
.book-four-flow{padding:26px clamp(20px,4vw,42px) 20px;border:1px solid #cbb797;border-radius:6px;background:#fcf7eb;box-shadow:0 4px #e4d4b7,0 8px #c7b598,0 20px 35px #241b1640;color:#254a3b;min-height:510px}
.four-header{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #d8c8ad;padding-bottom:14px;margin-bottom:19px}
.four-header img{width:92px;height:auto;object-fit:contain}.four-header>span{font-size:11px;color:#756b5a}
.book-four-flow h2{font-size:clamp(25px,3vw,34px);margin:0 0 20px;line-height:1.5}.book-four-flow h2:focus,.book-four-flow h3:focus{outline:none}
.book-four-flow h3{font-size:22px;line-height:1.6;margin:14px 0}
.reader-dialog .four-progress{list-style:none;display:flex;gap:8px;margin:0 0 25px;padding:0;font-size:12px}
.four-progress li{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:10px 5px;background:#f0e8d8;border:1px solid transparent;border-radius:6px;color:#82755e}
.four-progress li>span{width:24px;height:24px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:12px}
.four-progress li[aria-current=step]{background:#254a3b;color:#fcf7eb}
.four-lesson{background:#eee5d3;padding:17px 19px;border-right:3px solid #ad8b57;border-radius:3px}
.four-lesson>span{font-size:11px;color:#8a6b40}.four-lesson p{font-size:16px;line-height:1.9;margin:5px 0 0}
.book-four-flow label{font-size:14px;margin-bottom:8px;display:block}.book-four-flow input{background:#fffcf5;border:1px solid #cdbb9a;border-radius:6px;color:#254a3b;font-size:18px;width:100%;padding:13px 14px;line-height:1.5}
.book-four-flow input[aria-invalid=true]{border-color:#a33a29;outline-color:#a33a29}
.book-four-flow form{margin-top:15px}.four-primary,.four-secondary{border-radius:6px;min-height:46px;padding:11px 17px;font:700 15px/1.5 Tajawal,sans-serif;border:1px solid #254a3b;cursor:pointer}
.four-primary{background:#254a3b;color:#fff9ec}.four-primary:hover{background:#38644e}.four-secondary{background:transparent;color:#254a3b;border-color:#cbb797}
.four-primary:disabled{opacity:.65;cursor:wait}.four-primary:focus-visible,.four-secondary:focus-visible{outline:3px solid #bf8a4c;outline-offset:3px}
#four-answer-form .four-primary{margin-top:18px}.four-error{font-size:14px;line-height:1.8;color:#9c3325;margin:9px 0}
.four-copy{font-size:15px;line-height:1.8;color:#746a57;margin:0 0 17px}.four-hint{font-size:12px;color:#746a57;line-height:1.7;margin:8px 0}
.four-compose{display:grid;grid-template-columns:1fr 168px;gap:25px;align-items:center}.four-compose form{min-width:0}
.four-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:19px;align-items:center}
.four-live-preview{position:relative;margin:0;border:1px solid #d8c8ad;border-radius:5px;box-shadow:0 9px 23px #68502a19;overflow:hidden}
.four-live-preview img{display:block;width:100%;height:auto}
.four-live-preview>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:84%;min-height:13%;padding:5px 8px;border-radius:8px;background:#fff8e6e6;box-shadow:0 1px 12px #634c2520;text-align:center;color:#194c3d;font-weight:700;font-size:16px;line-height:1.4;overflow-wrap:anywhere}
.four-result{margin:18px auto 0;max-width:245px}.four-result img{display:block;width:100%;height:auto;box-shadow:0 9px 24px #59421a1a;border-radius:4px}
#four-step-3 .four-actions{justify-content:center}.four-download-status{font-size:13px;text-align:center;min-height:1.5em;margin-top:8px;color:#254a3b}
.four-privacy{font-size:11px;line-height:1.8;color:#7e7462;margin:24px 0 0;border-top:1px solid #d8c8ad;padding-top:13px}
@media(max-width:700px){.reader-dialog[data-flow=word]{padding-inline:0}.book-four-flow{padding:19px 18px}.four-header img{width:80px}.four-header>span{font-size:9px}.reader-dialog .four-progress{font-size:11px;gap:5px}.four-progress li{gap:5px}.book-four-flow h3{font-size:20px}.four-compose{grid-template-columns:1fr}.four-live-preview{width:135px;margin:0 auto}.four-live-preview>span{font-size:14px}.four-result{max-width:210px}.four-primary,.four-secondary{font-size:14px}.four-lesson p{font-size:14px}}