:root{--ink:#182d45;--muted:#637286;--line:#dce4ec;--accent:#1766ac;--paper:#fff;--bg:#f3f6fa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Manrope,Cairo,Arial,sans-serif}html[dir=rtl] body{font-family:Cairo,Arial,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.2}h2{line-height:1.35}p{overflow-wrap:anywhere}.site-header{display:flex;align-items:center;gap:24px;padding:18px 4%;background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;gap:12px;align-items:center;color:var(--ink);font-weight:800;white-space:nowrap}.brand-mark{background:var(--ink);color:#fff;border-radius:14px;padding:10px}.main-nav{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-wrap:wrap;flex:1}.main-nav a{color:var(--ink);font-size:14px;font-weight:600}.lang-switch{display:flex;gap:8px}.lang-switch .active{color:var(--accent)}.menu-toggle{display:none}.hero,.page-hero{background:linear-gradient(120deg,#102a44,#216a9b);color:white;padding:64px max(5%,calc((100% - 1200px)/2))}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center}.hero-copy p{color:#dce9f4;max-width:640px}.eyebrow{display:block;letter-spacing:.12em;font-size:12px;font-weight:800;margin-bottom:14px}.hero-actions,.filter-actions,.routine-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border:1px solid transparent;border-radius:10px;font-weight:700;cursor:pointer;line-height:1.5}.primary{background:var(--accent);color:white}.light{background:#fff;color:var(--ink)}.ghost{background:white;border-color:var(--line);color:var(--ink)}.hero .primary{background:#ef785f}.hero-visual{display:grid;place-items:center;min-height:260px}.score-ring{width:250px;height:250px;border:14px solid #ffffff30;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 0 0 20px #ffffff08}.score-ring strong{font-size:64px}.score-ring small{font-size:10px}.orbit{display:none}.stats-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:24px auto;padding:20px;background:white;border-radius:16px;text-align:center}.stats-strip strong,.stats-strip span{display:block}.stats-strip strong{font-size:30px}.stats-strip span{color:var(--muted)}.section-shell{max-width:1280px;margin:0 auto;padding:36px 24px}.feature-grid,.book-grid,.element-grid,.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.feature-card,.book-card,.element-card,.chart-card{background:white;border:1px solid var(--line);border-radius:16px;padding:24px;color:var(--ink);overflow:hidden}.feature-card:hover{border-color:var(--accent);text-decoration:none}.feature-icon{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#e4eff9;color:var(--accent);font-weight:800;margin-bottom:16px}.coral .feature-icon{background:#ffe6df;color:#b94f35}.gold .feature-icon{background:#fff1cc;color:#896315}.green .feature-icon{background:#e0f4e9;color:#246448}.feature-card p,.meta{color:var(--muted)}.text-link{color:var(--accent);font-weight:700}.spotlight{display:grid;grid-template-columns:2fr 1fr;gap:30px;align-items:center}.apparatus-stack{display:grid;grid-template-columns:1fr 1fr;gap:14px}.apparatus-stack span,.apparatus-code{background:var(--ink);color:white;border-radius:12px;padding:16px;text-align:center;font-weight:800}.compact{padding-top:40px;padding-bottom:40px}.compact h1{font-size:clamp(1.8rem,3vw,2.8rem)}.filter-panel,.filter-bar,.routine-toolbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:white;border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:28px}label{display:block}input:not([type=checkbox]):not([type=hidden]),select,textarea{border:1px solid #bdcbd9;border-radius:8px;padding:9px 12px;max-width:100%;background:white;color:var(--ink)}fieldset{border:0;padding:0;min-width:0}legend{font-weight:700}.choice{display:inline-flex;align-items:center;gap:6px;margin-inline-end:12px}.apparatus-section>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0}.apparatus-section>header>div{display:flex;align-items:center;gap:16px}.apparatus-section h2{margin:0}.element-top,.tags{display:flex;justify-content:space-between;gap:8px;margin-bottom:14px}.image-button{display:block;background:white;border:0;width:100%;height:180px;padding:10px}.image-button img{height:100%;width:100%;object-fit:contain}.tags{justify-content:flex-start;margin-top:14px}.tags span{background:#edf3f9;border-radius:6px;padding:3px 8px;font-size:12px}.pagination{display:flex;gap:12px;justify-content:center;margin-top:30px}.image-modal{display:none;position:fixed;inset:0;background:#071628dc;z-index:100;align-items:center;justify-content:center;padding:45px}.image-modal.open{display:flex}.image-modal img{max-height:85vh;max-width:90vw;object-fit:contain;background:white;border-radius:12px}.image-modal button{position:absolute;top:15px;right:20px;background:white;border:0;border-radius:50%;width:38px;height:38px;font-size:26px}.reading-shell,.result-shell,.quiz-shell{max-width:950px;margin:35px auto;padding:30px;background:white;border-radius:16px}.rich-content{overflow-x:auto}.rich-content table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid var(--line)}.routine-pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}.routine-pick{position:relative;background:white;border:1px solid var(--line);border-radius:12px;padding:16px;cursor:pointer}.routine-pick img{height:120px;width:100%;object-fit:contain}.routine-pick strong,.routine-pick small{display:block}.routine-pick:has(input:checked){border:2px solid var(--accent);background:#edf5fd}.pick-check{color:var(--accent)}.routine-group{margin-bottom:28px}.mobile-build{display:none}.routine-result{max-width:1100px;margin:30px auto;padding:30px;background:white}.routine-strip{display:flex;flex-wrap:wrap;gap:14px}.routine-strip img{max-height:120px;object-fit:contain}.routine-details{overflow-x:auto}.difficulty-score{font-size:32px;font-weight:800}.quiz-head{display:flex;justify-content:space-between}.progress{background:#edf1f6;height:8px;border-radius:8px;overflow:hidden;margin:20px 0}.progress i{display:block;height:100%;background:var(--accent)}.quiz-image{display:block;max-height:280px;margin:24px auto}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer-grid button{padding:14px;background:#edf5fd;border:1px solid #bdcbd9;border-radius:10px}.flash-stack{max-width:1200px;margin:20px auto}.flash,.answer-message{padding:14px 20px;border-radius:10px;background:#e2edf9}.empty{padding:25px;color:var(--muted)}.bar-row{display:flex;align-items:center;gap:10px;padding:8px 0}.bar-row i{display:block;background:var(--accent);height:12px;border-radius:8px}.site-footer{background:var(--ink);color:white;padding:40px 5%;display:flex;justify-content:space-between;gap:30px}.site-footer a{color:#dae9fa}.footer-links{display:flex;flex-wrap:wrap;gap:18px;align-content:flex-start;max-width:480px}
@media(max-width:1000px){.site-header{justify-content:space-between;flex-wrap:wrap}.menu-toggle{display:block;border:1px solid var(--line);border-radius:8px;background:white;padding:7px 13px}.main-nav{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav>a{padding:10px 0}.hero{grid-template-columns:1fr}.hero-visual{display:none}}@media(max-width:600px){.hero,.page-hero{padding:36px 20px}.section-shell{padding:25px 16px}.stats-strip{margin:16px;font-size:12px;gap:8px}.stats-strip strong{font-size:24px}.spotlight{grid-template-columns:1fr}.filter-panel>*{width:100%}.element-grid,.feature-grid,.book-grid{grid-template-columns:1fr}.site-footer{flex-direction:column}.reading-shell,.quiz-shell,.result-shell{margin:16px;padding:20px}.routine-toolbar{position:static}.mobile-build{display:flex;align-items:center;justify-content:space-between;position:sticky;bottom:10px;background:white;box-shadow:0 2px 15px #102a4430;padding:12px;border-radius:10px}.image-modal{padding:20px}.brand{font-size:14px}}@media print{.site-header,.site-footer,.no-print,.routine-actions,.mobile-build{display:none!important}body{background:white}.routine-result{margin:0;padding:0}.routine-strip{break-inside:avoid}@page{size:A4;margin:12mm}}