/* Academy skin around the copied HifzHelper activity engines. */
@font-face{font-family:'Academy Arabic';src:url('/academy/fonts/NotoSansArabic-Regular.ttf') format('truetype');font-display:swap}
:root{--space-sm:10px;--space-md:16px;--radius-md:12px;--color-table-border:#ded0e2;--color-text-muted:#6c6270;--palette-evergreen:#58305f;--palette-sage:#805088}
*{box-sizing:border-box}body.public-activity{margin:0;background:#f8f5fa;color:#302936;font:15px/1.5 Arial,Helvetica,sans-serif}.public-activity [hidden],.public-activity .hidden{display:none!important}.public-activity button,.public-activity select{font:inherit}.public-activity button{cursor:pointer}.public-activity button:disabled{cursor:default;opacity:.5}.public-activity :is(button,a,select,input):focus-visible{outline:3px solid #805088;outline-offset:3px}
.activity-skip{position:absolute;top:-60px;left:12px;z-index:100;padding:10px;background:white}.activity-skip:focus{top:8px}.activity-links{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.activity-links a{display:flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid #ded0e2;border-radius:100px;color:#58305f;text-decoration:none;background:#fff;font-size:13px}.activity-links a[aria-current]{color:#fff;background:#72477b}.activity-note{font-size:13px;color:#6c6270;max-width:80ch;margin:6px 0 12px}.activity-title{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.public-activity h1{font:400 28px/1.15 Georgia,serif;margin:0}.activity-card{padding:16px;border:1px solid #e7ddeb;background:#fff;border-radius:16px}.activity-card kaaba-juz-tracker{display:block;max-width:800px;margin:24px auto 0}.public-activity main{max-width:1400px;margin:auto;padding:16px}.public-activity #activity-status:empty{display:none}.public-activity #activity-status{padding:10px 14px;background:#fff3db;border-radius:8px;color:#694016}
.public-activity :is(.secondary,#sihSaveBtn,#sihApplySurah,#kaaba-reset){min-height:44px;padding:9px 13px;border:1px solid #ded0e2;border-radius:10px;background:#fff;color:#58305f;font-weight:600}.public-activity :is(#sihSaveBtn,#sihApplySurah){background:#72477b;color:white;border-color:#72477b}.public-activity .btn-icon{display:inline-flex;vertical-align:middle}.public-activity .btn-icon svg{width:18px;height:18px;margin-right:6px}.public-activity .card-header-icon{display:none}.public-activity .card-header-save-wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}.public-activity .save-status{font-size:11px;color:#6c6270}.public-activity .save-status.unsaved{color:#8a5310}
#screen-sih .sih-header-row{flex-wrap:wrap;padding:12px;margin:0 0 10px;border:1px solid #e7ddeb}#screen-sih .sih-header-row h1{flex:1;min-width:180px;font-size:25px}.public-activity .sih-sec{border:1px solid #e7ddeb}.public-activity .sih-viewport{height:58dvh;min-height:300px;border:1px solid #e7ddeb}.public-activity .sih-chip{max-width:95%;white-space:normal;text-align:center;font-size:12px}.public-activity .sih-toolbar{flex-wrap:wrap;justify-content:center;gap:6px;border:1px solid #e7ddeb}.public-activity .sih-toolbar .sih-toolbar-btn{width:44px;height:44px}.public-activity .sih-toolbar .sih-mode-toggle{margin-left:0}.public-activity .sih-mode-toggle button{min-height:44px}.public-activity .sih-swatch{min-width:44px;min-height:44px}.public-activity .sih-sheet-close{width:44px;height:44px}.public-activity .sih-sheet-head{gap:10px}.public-activity .sih-sec-colour.open,.public-activity .sih-sec-actions.open{z-index:80}.activity-colour{display:flex;align-items:center;justify-content:space-between;gap:10px}.activity-colour input{width:60px;height:44px;padding:3px;border:1px solid #ded0e2;background:white;border-radius:8px}.public-activity #sihSurahSelect{min-height:44px;width:100%;max-width:100%;background:white;border:1px solid #ded0e2;border-radius:8px;padding:8px}.public-activity #sihLightness{min-height:24px}.public-activity #sihBgInput{display:none}
@media(min-width:768px){.public-activity .sih-viewport{height:70dvh;min-height:450px}.public-activity .sih-layout{grid-template-columns:minmax(240px,25%) minmax(0,1fr)}.public-activity .sih-panel{min-width:0}.public-activity .sih-mode-toggle{max-width:100%}.public-activity .sih-mode-toggle button{padding-inline:10px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.public-activity *{transition:none!important;animation:none!important}}