.shared-day{border:1px solid var(--line,#ecd0df);background:#fff;border-radius:18px;margin:12px 0 30px;padding:16px}.shared-links{display:flex;gap:9px 19px;flex-wrap:wrap;margin-bottom:13px}.shared-links a{font-size:13px;font-weight:650;color:#ac0066}.shared-date{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.shared-date label{font-size:12px;display:grid;gap:5px}.shared-date input,select{max-width:100%;min-width:0}.shared-date input{border:1px solid #ecd0df;border-radius:9px;padding:8px;background:#fffafd;color:#301327}.shared-date span{font-size:12px;color:#715062;padding-bottom:10px}.source-trail{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.source-trail a,.source-trail span{border-radius:20px;padding:6px 11px;background:#f6efff;color:#713b65;font-size:12px}.source-trail .thesis{background:#fff0f7;color:#ac0066}.audio-feedback{font-size:12px;min-height:1.5em;color:#715062}.hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.hub-card{padding:25px;border:1px solid #ecd0df;border-radius:20px;background:#fff}.hub-card h2{font:30px Georgia,serif;color:#ac0066}.hub-card p{line-height:1.7}.hub-card .big-letter{font:48px Georgia,serif;color:#e9008b}.letter-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.letter-buttons button{font-size:25px;min-width:55px}.letter-buttons button[aria-pressed=true]{background:#ac0066;color:#fff}.study-panel{padding:26px;border:1px solid #ecd0df;border-radius:20px;background:white;margin-bottom:25px}.study-panel h2{font:34px Georgia,serif;color:#ac0066}.study-panel [lang=ar]{font-size:28px;line-height:2}.study-passage{border-left:3px solid #e9dcff;padding:8px 18px;margin:15px 0}.study-steps{display:flex;gap:10px;flex-wrap:wrap}.study-steps button[aria-pressed=true]{background:#ac0066;color:white}button,input,select,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c52d43;outline-offset:3px}audio{max-width:100%}main{min-width:0}.register-wrap{overscroll-behavior-x:contain}svg{max-width:100%}@media(max-width:650px){header{flex-wrap:wrap;gap:12px}header nav{width:100%;max-width:100%;overflow-x:auto;flex-wrap:nowrap}header nav a{white-space:nowrap}.hub-grid{grid-template-columns:1fr}.shared-date{align-items:start}.shared-date span{width:100%}.study-panel{padding:18px}.source-trail{gap:6px}.ramadan-controls{flex-wrap:wrap}.axis-view{grid-template-columns:1fr}input[type=range]{max-width:100%}h1,h2,h3{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media print{.shared-day,.shared-links,.audio-feedback{display:none!important}}
