@import url('https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{color-scheme:light;--ink:#173e42;--gold:#bb9550;--paper:#fcf8ee}*{box-sizing:border-box}body{margin:0;background:#062c32;color:var(--ink);font-family:Manrope,system-ui,sans-serif}html[dir=rtl] body{font-family:'Noto Naskh Arabic',serif}.collection-nav{max-width:1100px;margin:auto;padding:22px;display:flex;justify-content:space-between;gap:12px}.collection-nav a{color:#f6e7bb;text-decoration:none;border:1px solid #ab8e53;border-radius:30px;padding:10px 20px}.reviewed-shell{max-width:1100px;margin:0 auto;padding:12px 22px 60px}.reviewed-hero{padding:clamp(24px,5vw,56px);background:#f7ead0;border:1px solid var(--gold);border-radius:28px;margin-bottom:26px}.eyebrow{color:#78633d;font-size:.9rem;font-weight:700;letter-spacing:.05em}h1{font:600 clamp(32px,5vw,56px)/1.25 Georgia,serif;margin:15px 0}html[dir=rtl] h1{font-family:'Noto Naskh Arabic'}p{line-height:1.8}.reviewed-hero>p{max-width:800px}.reviewed-controls{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-top:25px}label{display:grid;gap:8px;font-size:.9rem;font-weight:700}input,select{width:100%;font:inherit;border:1px solid #8daca6;background:#fffdf7;border-radius:12px;min-height:50px;padding:12px;color:var(--ink)}input:focus,select:focus{outline:3px solid #ccb477;outline-offset:2px}.reviewed-grid{display:grid;grid-template-columns:1fr;gap:22px}.reviewed-card{background:var(--paper);border:1px solid var(--gold);border-radius:24px;padding:clamp(22px,4vw,46px);scroll-margin-top:20px}.reviewed-card[hidden]{display:none}.reviewed-kicker{display:flex;justify-content:space-between;gap:20px;color:#816b43;font-size:.8rem;line-height:1.6}.reviewed-card h2{font-size:1.1rem;margin:15px 0;color:#53736d}.reviewed-card .ar{font:600 clamp(27px,4vw,38px)/2 'Noto Naskh Arabic',serif;overflow-wrap:anywhere;margin:24px 0}.roman,.meaning{padding-top:20px;border-top:1px solid #d9d7c8;font-size:1.05rem;overflow-wrap:anywhere}.roman span,.meaning span{display:block;color:#78633d;font-size:.75rem;letter-spacing:.08em;font-weight:800;margin-bottom:9px;text-transform:uppercase}.roman{color:#5c5281}.meaning{font:1.2rem/1.8 Georgia,serif}.narrator{font-size:.9rem;font-weight:700}.source,.context{font-size:.85rem;color:#526c66}.source a{color:#36568d;text-underline-offset:4px}.reviewed-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.reviewed-actions button,.reviewed-actions a{font:inherit;font-weight:700;font-size:.9rem;line-height:1.4;border:1px solid #bca16b;border-radius:12px;padding:12px 18px;background:#eae2c9;color:var(--ink);cursor:pointer;text-decoration:none}.reviewed-actions button:hover,.reviewed-actions a:hover{background:#dfd2af}#collectionCount{font-size:.85rem;color:#64716a}#emptyCollection{color:#fff2d4}html[dir=rtl] .reviewed-hero p,html[dir=rtl] label,html[dir=rtl] .reviewed-kicker,html[dir=rtl] .source,html[dir=rtl] .context{font-size:1.1rem}@media(max-width:600px){.reviewed-controls{grid-template-columns:1fr}.reviewed-shell{padding:8px 12px 40px}.collection-nav{padding:16px 12px}.reviewed-kicker{font-size:.7rem}.reviewed-card .ar{font-size:28px;line-height:1.95}.reviewed-hero{border-radius:20px}}
