@import url('fonts.css');
:root{--green:#173f35;--green2:#255d4b;--gold:#b29458;--ink:#263d34;--muted:#7b847e;--cream:#f7f8f3;--line:#e4e8df;--serif:Georgia,'Times New Roman',serif;--sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,a{transition:.18s}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #d3b66b;outline-offset:3px}button svg,a svg,.ico{width:20px;height:20px;vertical-align:middle;flex-shrink:0;stroke-width:1.65}.shell{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#fff;border-right:1px solid var(--line);padding:34px 23px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:11px;align-items:center}.brand-symbol{font-family:var(--serif);font-size:37px;background:var(--green);color:#efe5ba;border-radius:13px;display:grid;place-items:center;width:44px;height:48px;line-height:1}.brand strong{font:600 25px var(--serif);letter-spacing:-.7px}.brand small{display:block;letter-spacing:1.25px;font-size:7px;margin-top:5px;color:var(--muted)}.semester{display:flex;align-items:center;gap:9px;margin:37px 0 28px;padding:12px;background:#f5f6ef;border:1px solid var(--line);border-radius:9px;font-size:11px}.semester i{width:7px;height:7px;border-radius:100%;background:#73905b}.nav-label{font-size:9px;color:#9b9f97;letter-spacing:1.8px;margin:9px 12px 13px}.nav{display:flex;flex-direction:column;gap:7px}.nav a{padding:13px 14px;border-radius:8px;display:flex;gap:12px;align-items:center;font-size:12px;color:#788079}.nav a:hover{background:#f4f6f0;color:var(--green)}.nav a.active{background:var(--green);color:white}.sidebar-note{margin-top:auto;padding:19px 14px;border:1px solid #e6e8df;border-radius:10px;background:#fafbf7}.sidebar-note .arabic{font:24px 'Amiri',serif;color:var(--green);text-align:right}.sidebar-note p{font-size:10px;line-height:1.8;color:var(--muted);margin-bottom:2px}.sidebar-footer{font-size:9px;color:#9b9f97;margin:20px 12px 0}.main{grid-column:2;min-width:0}.topbar{height:89px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 45px;gap:20px}.breadcrumb{font-size:11px;color:#999f97;display:flex;gap:13px}.breadcrumb b{color:#45584c;font-weight:500}.top-user{display:flex;align-items:center;gap:12px}.top-user .user-info{font-size:12px}.top-user small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.avatar{width:36px;height:36px;border-radius:100%;background:#e8eddd;display:grid;place-items:center;font-size:12px;color:var(--green)}.icon-btn{border:1px solid var(--line);background:#fff;color:var(--green);padding:8px;border-radius:8px}.content{padding:36px 45px 24px;max-width:1600px;margin:auto}.eyebrow{font-size:9px;letter-spacing:1.7px;color:var(--muted);font-weight:600;text-transform:uppercase}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:26px}.page-heading h1{font:normal 30px var(--serif);letter-spacing:-.7px;margin:7px 0 9px}.page-heading p{font-size:11px;color:var(--muted);margin:0;line-height:1.8}.date-label{font-size:10px;color:#838b80;border:1px solid var(--line);background:#fff;padding:10px 14px;border-radius:7px;white-space:nowrap}.hero{background:var(--green);border-radius:15px;min-height:235px;display:flex;position:relative;overflow:hidden;margin-bottom:24px;color:white}.hero-copy{padding:29px 32px;z-index:1;max-width:64%}.hero .eyebrow{color:#d0c695;letter-spacing:2px;font-size:9px}.hero h2{font:normal 30px/1.25 var(--serif);margin:15px 0 10px;letter-spacing:-.3px}.hero p{font-size:11px;line-height:1.8;color:#c4d1c5;max-width:385px;margin:0 0 19px}.hero-art{position:absolute;right:0;inset-block:0;width:40%;background:radial-gradient(ellipse at 70% 70%,#52816a66,transparent 70%)}.hero-art:before{content:'';position:absolute;inset:-70px -20px -40px 0;background-image:repeating-linear-gradient(45deg,transparent 0,transparent 35px,#e0d3a00c 36px,#e0d3a00c 37px),repeating-linear-gradient(-45deg,transparent 0,transparent 35px,#e0d3a00c 36px,#e0d3a00c 37px);transform:rotate(7deg)}.book-art{position:absolute;right:58px;top:30px;width:130px;height:179px;transform:rotate(-12deg);background:#d7cfad;border-radius:3px 10px 10px 3px;box-shadow:10px 10px 0 -3px #e5e2cf,17px 22px 24px #0a241e70;border-left:9px solid #b4a875;padding:13px 10px}.book-border{height:100%;border:1px solid #8e805a;outline:1px solid #8e805a;outline-offset:-5px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#344a37;text-align:center;padding:6px}.book-border span{font:31px/1.5 'Amiri',var(--serif)}.book-border small{font-size:8px;line-height:1.5}.book-border i{font-style:normal;font-size:17px;margin:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;background:var(--green);color:#fff;padding:11px 17px;border-radius:7px;font-size:11px;font-weight:500;line-height:1.5}.btn:hover{background:var(--green2);transform:translateY(-1px)}.btn.light{background:#ede7cc;color:#234335}.btn.secondary{background:white;border-color:var(--line);color:var(--green)}.btn.danger{background:#f7eae6;color:#8e3e32}.btn.small{padding:7px 11px;font-size:10px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0 30px}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px}.stat-top{display:flex;justify-content:space-between;align-items:center}.stat-top span{font-size:10px;color:var(--muted)}.stat-icon{padding:8px;background:#f1f5ed;border-radius:9px;color:#6a805b}.stat-icon svg{width:17px;height:17px}.stat strong{display:block;font:normal 28px var(--serif);margin-top:11px}.stat strong small{font:11px var(--sans);color:#8a9386}.stat-foot{font-size:9px;color:#8a9386;margin-top:7px}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:25px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:16px}.section-heading h2{font:normal 21px var(--serif);margin:0}.section-heading a,.text-link{font-size:10px;color:var(--green);display:inline-flex;align-items:center;gap:5px}.chapter-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chapter-card{background:white;border:1px solid var(--line);border-radius:11px;padding:20px;position:relative;display:flex;flex-direction:column;min-height:225px}.chapter-card:hover{border-color:#becab5;box-shadow:0 7px 20px #2e45330a}.chapter-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.chapter-num{background:#f1f3e9;width:38px;height:38px;display:grid;place-items:center;border-radius:9px;font:19px var(--serif);color:#6d8057}.tag{font-size:8px;padding:5px 8px;border:1px solid #e4e9de;border-radius:5px;color:#7c8974;background:#fbfcf7}.tag.green{background:#edf4e7;color:#567846;border-color:#e2ecd8}.chapter-card h3{font:normal 18px/1.35 var(--serif);margin:0 0 8px;max-width:90%;text-transform:none}.chapter-card p{font-size:9px;line-height:1.8;color:var(--muted);margin:0 0 17px}.chapter-card .progress{margin-top:auto}.progress{height:4px;background:#eef0e9;border-radius:9px;overflow:hidden}.progress span{height:100%;display:block;background:#8fa078;border-radius:9px}.chapter-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:9px;font-size:9px;color:#8b9584}.chapter-bottom svg{width:15px;height:15px;color:var(--green)}.panel{background:white;border:1px solid var(--line);border-radius:11px;padding:21px;margin-bottom:19px}.panel h3{font:normal 19px var(--serif);margin:0 0 16px}.panel p{font-size:11px;line-height:1.8;color:var(--muted)}.target-ring{width:100px;height:100px;position:relative;border-radius:100%;margin:18px auto;background:conic-gradient(#8e9e72 calc(var(--pct)*1%),#edf0e5 0);display:grid;place-items:center}.target-ring:before{content:'';position:absolute;inset:7px;border-radius:100%;background:#fff}.target-ring div{z-index:1;text-align:center}.target-ring strong{display:block;font:25px var(--serif)}.target-ring small{font-size:9px;color:var(--muted)}.target-caption{text-align:center;font-size:10px;color:var(--muted);line-height:1.8;margin-bottom:18px}.mini-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-top:1px solid #eff1eb;font-size:10px}.mini-row span{color:#8c9388}.quote{background:#eef1e6;border-color:#e2e7d8}.quote .arabic{font:25px/1.9 'Amiri',var(--serif);text-align:center;margin:5px 0 12px;color:#52674b}.quote p{font-size:10px;text-align:center;margin-bottom:8px}.quote small{display:block;text-align:center;font-size:9px;color:#9a9f90}.footer{display:flex;justify-content:space-between;font-size:9px;color:#9aa191;border-top:1px solid var(--line);padding-top:20px;margin-top:30px}.empty{padding:28px;text-align:center;background:#fafbf7;border:1px dashed #dce3d4;border-radius:10px;color:var(--muted);font-size:12px;line-height:1.8}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:20px}input,select,textarea{padding:11px 13px;border:1px solid #dce2d6;border-radius:7px;background:#fff;color:var(--ink);max-width:100%}input::placeholder,textarea::placeholder{color:#a4aa9f}textarea{width:100%;resize:vertical;min-height:115px;line-height:1.8}label{display:block;font-size:11px;color:#63715e;margin-bottom:7px}label input,label select{display:block;width:100%;margin-top:8px}.field{margin-bottom:17px}.table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:10px}table{border-collapse:collapse;width:100%;font-size:11px}th{text-align:left;font-size:9px;color:#87917f;background:#f9faf5;letter-spacing:.5px}th,td{padding:15px;border-bottom:1px solid #e9ede3;vertical-align:top}td small{display:block;color:var(--muted);margin-top:6px}.actions{display:flex;gap:7px;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.question{padding:22px;background:white;border:1px solid var(--line);border-radius:10px;margin-bottom:15px}.question h3{font-size:12px;font-weight:500;line-height:2;white-space:pre-wrap;margin:8px 0 16px}.question .q-num{font-size:9px;letter-spacing:1px;color:#929d83}.option{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:11px;border-radius:7px;margin:8px 0;color:var(--ink);line-height:1.8}.option input{margin:0;width:auto}.answer-text{white-space:pre-wrap;background:#f7f9f3;padding:15px;border-radius:7px;line-height:1.9;font-size:12px}.notice{padding:15px 18px;border:1px solid #dfe7d4;background:#f0f5e8;border-radius:8px;color:#58694e;font-size:11px;line-height:1.8;margin-bottom:20px}.notice.warning{background:#fbf5e8;border-color:#eee0be;color:#8d7545}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.auth-aside{background:var(--green);color:#fff;padding:55px 65px;display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-aside .brand strong{color:#f0ead3}.auth-aside .brand small{color:#b4c1af}.auth-aside .brand-symbol{background:#355648}.auth-copy{margin:auto 0;max-width:430px;padding:50px 0}.auth-copy .arabic{font:45px/1.8 'Amiri',var(--serif);color:#d5c796}.auth-copy h1{font:normal 44px/1.15 var(--serif);letter-spacing:-1px;margin:15px 0 22px}.auth-copy p{font-size:13px;line-height:1.9;color:#b8c7b8}.auth-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.auth-chips span{font-size:10px;padding:9px 12px;border:1px solid #54715e;border-radius:20px;color:#d0d7bd}.auth-aside footer{font-size:10px;color:#99af9c}.auth-main{display:flex;align-items:center;justify-content:center;padding:40px;background:#fbfcf7}.auth-card{width:100%;max-width:350px}.auth-card h2{font:normal 33px var(--serif);margin:10px 0}.auth-card>p{color:var(--muted);font-size:12px;line-height:1.8;margin-bottom:28px}.auth-card .btn{width:100%}.auth-card .auth-link{text-align:center;font-size:11px;color:var(--muted);margin:20px 0}.auth-link button{border:0;background:none;color:var(--green);font-size:11px;text-decoration:underline}.demo-box{border-top:1px solid var(--line);padding-top:18px;margin-top:23px}.demo-box p{font-size:10px;color:var(--muted);line-height:1.7}.demo-box .actions{display:grid;grid-template-columns:repeat(3,1fr)}.demo-box .btn{font-size:10px;padding:8px}.reader-layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 89px)}.reader-toc{background:#fff;border-right:1px solid var(--line);padding:24px 17px}.reader-toc .eyebrow{margin:0 9px 20px}.reader-toc button{display:block;border:0;background:none;text-align:left;width:100%;padding:12px 10px;border-radius:7px;color:#7b8576;font-size:10px;line-height:1.7;margin-bottom:6px}.reader-toc button.active{background:#eef2e8;color:var(--green)}.reader-toc button strong{display:block;font:14px var(--serif);margin:5px 0}.reader-main{min-width:0;padding:25px 28px}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px;flex-wrap:wrap}.reader-tools{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.reader-tools label{margin:0;font-size:10px}.reader-tools select{padding:8px;font-size:10px;max-width:170px}.book-spread{background:#e9ebdf;padding:24px;border-radius:12px;perspective:1400px}.book-leaf{background:#fffef8;border-radius:3px 10px 10px 3px;padding:35px 36px;max-width:900px;min-height:570px;margin:auto;box-shadow:inset 8px 0 15px -12px #697958,0 10px 20px #29422e0a;border:1px solid #e4e3d7;transform-origin:left center}.book-leaf.turn{animation:turn .4s ease}@keyframes turn{0%{transform:rotateY(-65deg);opacity:.4}100%{transform:rotateY(0);opacity:1}}.leaf-header{display:flex;justify-content:space-between;gap:20px;padding-bottom:17px;border-bottom:1px solid #e6e6d9;margin-bottom:22px;font-size:9px;color:#919880;letter-spacing:1px}.book-leaf h2{font:normal 27px/1.3 var(--serif);margin:8px 0 22px}.book-body{font-size:var(--reader-size,14px);line-height:2;color:#384332;overflow-wrap:anywhere}.book-body p{margin:0 0 16px}.book-body h3{font:600 1.12em/1.7 var(--serif);margin:22px 0 13px;color:var(--green)}.book-body [dir=auto]{unicode-bidi:plaintext}.book-body table{font-size:.83em;line-height:1.8}.book-body td,.book-body th{padding:10px;border:1px solid #e7e9dd;min-width:65px;white-space:pre-line}.table-scroll{overflow-x:auto;margin:16px 0}.book-body .prompt{background:#f2f4e9;padding:15px 18px;border-left:3px solid #a1aa79}.book-body .prompt p{margin:5px 0}.leaf-footer{font:11px var(--serif);text-align:center;color:#9da38c;border-top:1px solid #ecebdf;padding-top:18px;margin-top:28px}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:20px 0;font-size:11px;color:#7d8973}.pagination input{width:65px;padding:8px}.audio-area{margin:12px 0 20px}.audio-area audio{width:100%;height:38px}.audio-area small{font-size:10px;color:var(--muted)}.reader-main .notice{margin-top:14px}dialog{border:1px solid var(--line);border-radius:14px;max-width:760px;width:calc(100% - 30px);max-height:90vh;padding:25px;color:var(--ink);background:var(--cream)}dialog::backdrop{background:#142f2680;backdrop-filter:blur(3px)}.modal-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.modal-heading h2{font:normal 25px var(--serif);margin:0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);padding:13px 21px;background:var(--green);color:#fff;border-radius:9px;box-shadow:0 8px 30px #193d3430;display:none;z-index:100;font-size:12px;line-height:1.7}#toast.error{background:#8e4539}.loading{display:grid;place-items:center;min-height:100vh;align-content:center;gap:15px}.loading p{color:var(--muted);font-size:12px}.mobile-menu{display:none}.daily-chart{height:155px;display:flex;gap:8px;align-items:end;padding-top:20px}.chart-bar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:8px;font-size:8px;color:#859278}.chart-bar i{width:100%;max-width:36px;background:#a1b18b;border-radius:5px 5px 0 0;min-height:2px}.chart-bar b{font-weight:400}.search{min-width:190px}.text-muted{color:var(--muted);font-size:11px;line-height:1.9}.grade-box{position:sticky;bottom:0;border:1px solid var(--line);background:#fff;padding:20px;border-radius:10px;margin-top:20px}.nowrap{white-space:nowrap}.review-list{display:grid;gap:14px}.code{font-family:monospace;letter-spacing:1px;background:#f0f4e9;padding:6px 10px;border-radius:6px}.wide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hidden{display:none!important}
@media(min-width:1450px){.content{padding:40px 58px}.hero{min-height:260px}.hero-copy{padding:35px 38px}.hero h2{font-size:35px}.book-art{right:100px;top:35px;width:145px;height:195px}.dashboard-columns{grid-template-columns:minmax(0,1fr) 310px}.chapter-card{min-height:240px}.chapter-card h3{font-size:21px}}
@media(max-width:1150px){.shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{width:210px;padding:27px 17px}.topbar{padding:0 27px}.content{padding:30px 27px}.dashboard-columns{grid-template-columns:minmax(0,1fr) 235px;gap:18px}.chapter-grid{gap:12px}.chapter-card{padding:16px}.hero h2{font-size:27px}.hero-copy{max-width:68%}.book-art{right:28px;width:112px;height:157px;top:40px}.reader-layout{grid-template-columns:175px minmax(0,1fr)}.reader-main{padding:22px 18px}.book-spread{padding:15px}.book-leaf{padding:28px 24px}.wide-grid{grid-template-columns:1fr 1fr}}
@media(max-width:950px){.dashboard-columns{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.chapter-grid{gap:16px}.stats-grid{gap:10px}.stat{padding:14px}.stat strong{font-size:25px}.reader-toc{display:none}.reader-layout{display:block}.auth-aside{padding:40px}.auth-copy h1{font-size:35px}.hero-art{opacity:.8}.hero-copy{max-width:70%}.hero p{max-width:310px}}
@media(max-width:700px){.shell{display:block}.sidebar{transform:translateX(-100%);width:245px;transition:.2s;box-shadow:20px 0 80px #0001}.sidebar.open{transform:translateX(0)}.main{width:100%}.mobile-menu{display:inline-flex}.topbar{height:72px;padding:0 20px}.breadcrumb{display:none}.top-user .user-info{font-size:11px}.content{padding:27px 20px}.page-heading h1{font-size:27px}.date-label{display:none}.hero{min-height:250px}.hero-copy{padding:25px 23px;max-width:76%}.hero h2{font-size:26px}.hero p{max-width:225px;font-size:10px}.hero-art{right:-35px;opacity:.5}.book-art{top:62px;right:24px;width:98px;height:143px}.stats-grid{grid-template-columns:1fr 1fr;margin:18px 0 25px;gap:12px}.stat{padding:16px}.chapter-grid{gap:12px}.chapter-card{padding:16px;min-height:245px}.chapter-card h3{font-size:18px}.chapter-card-top{margin-bottom:13px}.right-column{grid-template-columns:1fr 1fr;gap:12px}.panel{padding:17px}.panel h3{font-size:18px}.footer{font-size:8px;gap:10px;line-height:1.8}.auth-page{grid-template-columns:1fr}.auth-aside{padding:25px 30px}.auth-copy{padding:28px 0 10px;margin:0;max-width:none}.auth-copy .arabic,.auth-aside footer,.auth-chips{display:none}.auth-copy h1{font-size:30px;margin:0 0 12px}.auth-copy p{font-size:11px;max-width:400px;margin-bottom:0}.auth-main{padding:30px 25px}.auth-card{max-width:400px}.auth-card h2{font-size:28px}.reader-main{padding:20px 12px}.reader-layout{min-height:calc(100vh - 72px)}.reader-toolbar{padding:0 6px}.reader-tools select{max-width:110px}.book-spread{padding:10px}.book-leaf{padding:23px 18px;min-height:530px}.book-body{font-size:var(--reader-size,14px)}.book-body td,.book-body th{min-width:90px}.form-grid,.wide-grid{grid-template-columns:1fr}.toolbar{gap:8px}.toolbar select{flex:1;min-width:120px}.grade-box{position:static}.leaf-header{font-size:8px}.question{padding:18px}.page-heading{align-items:start}.page-heading .btn{font-size:10px;padding:9px 11px}.auth-aside .brand{margin-bottom:0}.auth-aside .brand strong{font-size:23px}.auth-aside .brand-symbol{width:36px;height:40px;font-size:30px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.arabic-inline{font-family:Amiri,'Times New Roman',serif;font-size:1.23em;line-height:1.9}details{border-top:1px solid var(--line);padding:14px 0}summary{cursor:pointer;font-size:12px;color:var(--green)}details .book-body{padding-top:18px;max-width:900px}.question h3,.answer-text,textarea{font-family:var(--sans),Amiri,serif}
.book-context{display:flex;align-items:center;gap:13px;padding:13px 45px;border-bottom:1px solid var(--line);background:#fafbf6}.book-context label{display:flex;gap:9px;align-items:center;margin:0;font-size:10px;color:var(--muted)}.book-context select{font-size:11px;padding:9px 12px;min-width:220px}.book-context .tag{margin-left:auto}.hero-cover{position:absolute;right:60px;top:19px;height:calc(100% - 38px);width:auto;max-width:80%;object-fit:contain;transform:rotate(-8deg);border-radius:3px 6px 6px 3px;box-shadow:7px 10px 22px #09261e80}.book-shelf{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:28px}.shelf-book{display:flex;gap:20px;align-items:center;text-align:left;padding:20px;background:#fff;border:1px solid var(--line);border-radius:12px;color:var(--ink)}.shelf-book.selected{border-color:#819873;box-shadow:0 0 0 2px #dfe8d6;background:#fafcf5}.shelf-book img{height:140px;width:100px;object-fit:cover;border-radius:4px;box-shadow:2px 5px 10px #193d3420}.shelf-book>span{display:flex;flex-direction:column;gap:10px}.shelf-book small{font-size:9px;color:var(--muted);letter-spacing:1px}.shelf-book strong{font:24px var(--serif)}.shelf-book span span{font-size:10px;color:var(--muted)}.shelf-book em{display:flex;align-items:center;gap:10px;color:var(--green);font-size:10px;font-style:normal;margin-top:7px}.teacher-guide{background:#f0f4e9;border:1px solid #d6dfcc;border-radius:9px;padding:17px;margin:20px 0}.teacher-guide summary{display:flex;gap:9px;align-items:center;font-size:12px;line-height:1.8}.teacher-guide .book-body{font-size:12px}.book-body td[colspan]{min-width:60px}.reader-toc{overflow-wrap:anywhere}
@media(max-width:1150px){.book-context{padding-inline:27px}.hero-cover{right:32px}.shelf-book{gap:15px;padding:16px}.shelf-book img{height:120px;width:85px}}
@media(max-width:700px){.book-context{padding:12px 20px;gap:9px;flex-wrap:wrap}.book-context label{display:none}.book-context select{flex:1;min-width:180px;max-width:calc(100% - 75px);font-size:10px}.book-context .tag{font-size:8px;margin-left:0}.book-shelf{gap:12px}.shelf-book{display:flex;flex-direction:column;gap:13px;text-align:center;padding:15px 10px}.shelf-book img{height:155px;width:110px}.shelf-book>span{gap:8px;align-items:center}.shelf-book strong{font-size:21px}.shelf-book small{font-size:8px;letter-spacing:.5px}.shelf-book em{font-size:9px;margin:0}.hero-cover{right:25px;top:40px;height:190px;opacity:.85}.hero-art{right:-15px;opacity:.7;width:37%}.hero-copy{max-width:80%}}