@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}@font-face{font-family:Amiri;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/amiri-arabic-400-normal.woff2)format("woff2")}@font-face{font-family:Amiri;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/amiri-arabic-700-normal.woff2)format("woff2")}:root{--canvas:#f7f7f2;--surface:#fff;--surface-elevated:#fff;--surface-subtle:#f0f3f0;--ink:#13231f;--muted:#52655f;--brand:#0f3d36;--brand-subtle:#e7efe9;--accent:#b7791f;--line:#d8e0d9;--focus:#005fcc;--danger:#b91c1c}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--canvas:#10201c;--surface:#182b25;--surface-elevated:#213831;--surface-subtle:#142520;--ink:#f1f7f2;--muted:#c1d0c7;--brand:#88c9b9;--brand-subtle:#1d3d34;--accent:#efbf69;--line:#365148;--focus:#8fc7ff;--danger:#f87171}}html[data-theme=dark]{--canvas:#10201c;--surface:#182b25;--surface-elevated:#213831;--surface-subtle:#142520;--ink:#f1f7f2;--muted:#c1d0c7;--brand:#88c9b9;--brand-subtle:#1d3d34;--accent:#efbf69;--line:#365148;--focus:#8fc7ff;--danger:#f87171}html[data-theme=light]{--canvas:#f7f7f2;--surface:#fff;--surface-elevated:#fff;--surface-subtle:#f0f3f0;--ink:#13231f;--muted:#52655f;--brand:#0f3d36;--brand-subtle:#e7efe9;--accent:#b7791f;--line:#d8e0d9;--focus:#005fcc;--danger:#b91c1c}*{box-sizing:border-box}html{background:var(--canvas)}body{background:var(--canvas);min-width:320px;color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}@media (max-width:639px){main{padding-bottom:6rem}}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.shell{width:min(100% - 2rem,68rem);margin-inline:auto}.topbar{border-bottom:1px solid var(--line);background:var(--surface);z-index:40;position:sticky;top:0}.topbar-content{justify-content:space-between;align-items:center;min-height:56px;padding:.25rem 0;display:flex}.brand{color:var(--brand);align-items:center;min-height:44px;font-size:1.125rem;font-weight:800;text-decoration:none;display:inline-flex}.nav-desktop{align-items:center;gap:.25rem;display:flex}.nav-desktop .nav-link{min-width:44px;min-height:44px;color:var(--ink);border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem .875rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:background-color .15s,color .15s;display:inline-flex}.nav-desktop .nav-link:hover{background:var(--brand-subtle);color:var(--brand)}@media (max-width:639px){.nav-desktop{display:none}}.bottom-nav{background:var(--surface-elevated);border-top:1px solid var(--line);z-index:50;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000000d}.bottom-nav-item{min-width:44px;min-height:56px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.375rem .25rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:color .15s;display:flex}.bottom-nav-item.active,.bottom-nav-item:hover{color:var(--brand)}.bottom-nav-icon{width:22px;height:22px}@media (min-width:640px){.bottom-nav{display:none}}.hero{max-width:44rem;padding:.75rem 0 .5rem}@media (min-width:640px){.hero{padding:clamp(1.75rem,4vw,2.75rem) 0 1.25rem}}.eyebrow{color:var(--brand);letter-spacing:.06em;text-transform:uppercase;font-size:.8125rem;font-weight:800}h1,h2{text-wrap:balance;line-height:1.2}h1{margin:.25rem 0 .45rem;font-size:clamp(1.75rem,5vw,2.5rem)}.page-title{margin:.25rem 0 .55rem;font-size:clamp(2rem,6vw,3rem)}.hero h1.page-title{font-size:clamp(1.75rem,4.5vw,2rem)}h2{margin-bottom:.5rem;font-size:clamp(1.15rem,3vw,1.5rem)}.lede{color:var(--muted);max-width:40rem;margin:0 0 .5rem;font-size:.875rem}@media (max-width:639px){.hero{padding:.25rem 0 .2rem}.hero .eyebrow{font-size:.75rem}.hero h1{margin:.1rem 0 .25rem;font-size:clamp(1.25rem,4.5vw,1.5rem)}.hero h1.page-title{font-size:clamp(1.25rem,4.5vw,1.75rem)}.hero .lede{display:none}.notice{margin:.2rem 0 .4rem;padding:.35rem .625rem}.notice p{font-size:.75rem;line-height:1.35}.discovery-bar{margin-bottom:.35rem}.recommendation-card{margin-bottom:.45rem;padding:.45rem .65rem}.recommendation-disclaimer{margin-top:.35rem;font-size:.7rem}.recommendation-card-placeholder{min-height:7rem}.catalog-header-row{margin-bottom:.35rem}.catalog-header-row h2{font-size:1.125rem}}.notice{background:var(--surface);border:1px solid var(--line);border-inline-start:.35rem solid var(--accent);border-radius:.75rem;flex-direction:column;gap:.25rem;margin:.5rem 0 .75rem;padding:.5rem .875rem;display:flex}.notice p{margin:0;font-size:.8125rem;line-height:1.4}.notice-badge{background:var(--brand-subtle);color:var(--brand);text-transform:uppercase;letter-spacing:.05em;border-radius:.25rem;align-items:center;gap:.35rem;width:fit-content;padding:.15rem .45rem;font-size:.7rem;font-weight:800;display:inline-flex}.discovery-bar{margin-bottom:.75rem}.search-box{background:var(--surface);border:1px solid var(--line);border-radius:.75rem;align-items:center;gap:.5rem;min-height:44px;margin-bottom:.5rem;padding:.375rem .75rem;display:flex}.search-box:focus-within{border-color:var(--focus);outline:2px solid var(--focus)}.search-icon{width:18px;height:18px;color:var(--muted);flex-shrink:0}.search-input{width:100%;color:var(--ink);background:0 0;border:none;outline:none;font-size:.875rem}.search-input::placeholder{color:var(--muted)}.category-chips{scrollbar-width:thin;gap:.375rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.chip{background:var(--surface-subtle);border:1px solid var(--line);min-height:44px;color:var(--ink);white-space:nowrap;cursor:pointer;border-radius:2rem;justify-content:center;align-items:center;padding:.25rem .75rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}.chip.active,.chip:hover{background:var(--brand-subtle);border-color:var(--brand);color:var(--brand)}.guide-grid{grid-template-columns:1fr;gap:1.25rem;margin-bottom:5.5rem;display:grid}@media (min-width:640px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:3rem}}@media (min-width:1024px){.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.card,.guide-card{background:var(--surface);border:1px solid var(--line);border-radius:1rem;flex-direction:column;justify-content:space-between;padding:1.25rem;text-decoration:none;transition:border-color .15s,transform .15s;display:flex;position:relative}.guide-card-link{color:inherit;text-decoration:none;display:block}.guide-card-link:after{content:"";z-index:1;position:absolute;inset:0}.guide-card-link:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:.5rem}.card:hover,.guide-card:hover{border-color:var(--brand);transform:translateY(-2px)}.guide-card-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.category-badge{background:var(--surface-subtle);color:var(--brand);border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:700;display:inline-block}.rakaat-badge{background:var(--brand-subtle);color:var(--brand);border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:700;display:inline-block}.guide-card h3,.card h3{color:var(--ink);margin:.35rem 0;font-size:1.125rem;line-height:1.3}.guide-card-summary,.meta{color:var(--muted);margin-bottom:.75rem;font-size:.875rem;line-height:1.5}.guide-card-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:auto;padding-top:.75rem;display:flex}.status-badge{border-radius:.25rem;padding:.2rem .5rem;font-size:.75rem;font-weight:700}.status-badge.needs-review{color:#92400e;background:#fef3c7}@media (prefers-color-scheme:dark){.status-badge.needs-review{color:#fef3c7;background:#78350f}}.status-badge.approved{background:var(--brand-subtle);color:var(--brand)}.card-cta{color:var(--brand);align-items:center;gap:.25rem;min-height:44px;font-size:.8125rem;font-weight:700;display:inline-flex}.arabic{text-align:right;overflow-wrap:anywhere;direction:rtl;padding:.75rem 0;font-family:Amiri,Noto Naskh Arabic,serif;font-size:clamp(1.8rem,6vw,2.5rem);line-height:2.1}.reader{max-width:48rem;padding:2rem 0 5rem}.reader section{border-top:1px solid var(--line);margin-top:2rem;padding-top:1.5rem}.back{color:var(--brand);align-items:center;min-height:44px;font-weight:700;display:inline-flex}.tools-container{gap:1rem;min-width:0;display:grid}.tool-links{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.tool-links a,.tool-secondary-button,.tool-primary-button{min-height:44px;font:inherit;border-radius:.5rem;font-weight:700}.tool-links a{border:1px solid var(--line);background:var(--surface-subtle);color:var(--ink);align-items:center;padding:.5rem .75rem;text-decoration:none;transition:all .15s;display:inline-flex}.tool-links a:hover{border-color:var(--brand);color:var(--brand)}.tool-section{background:var(--surface);border:1px solid var(--line);border-radius:1rem;min-width:0;margin-bottom:1.25rem;padding:1.25rem;scroll-margin-top:5rem}.tool-section h2{margin-top:.25rem}.tool-section progress{width:100%;height:1rem;accent-color:var(--brand);border-radius:.5rem;overflow:hidden}.tool-progress-label{color:var(--ink);margin:.5rem 0;font-weight:700}.tool-controls{flex-wrap:wrap;align-items:center;gap:.75rem;margin:.75rem 0;display:flex}.tool-secondary-button,.tool-primary-button{border:1px solid var(--line);cursor:pointer;color:var(--ink);background:var(--surface-subtle);justify-content:center;align-items:center;padding:.5rem 1rem;transition:all .15s;display:inline-flex}.tool-secondary-button:hover{border-color:var(--brand);color:var(--brand)}.tool-primary-button{color:#fff;background:var(--brand);border-color:var(--brand);min-width:68px;min-height:64px;font-size:1.25rem;box-shadow:0 2px 6px #0000001a}.tool-primary-button:hover{opacity:.92}.tool-sequence{gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.tool-sequence-item{background:var(--surface-subtle);border:1px solid var(--line);border-radius:.5rem;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;transition:all .15s;display:flex}.tool-sequence-item.active{background:var(--brand-subtle);border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.tool-sequence-header{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.tool-active-badge{background:var(--brand);color:#fff;text-transform:uppercase;border-radius:.25rem;padding:.15rem .5rem;font-size:.75rem;font-weight:800}.tool-sequence span{color:var(--muted);text-align:end;font-weight:600}.tool-choice-group{border:0;flex-wrap:wrap;gap:.5rem;margin:1rem 0;padding:0;display:flex}.tool-choice-group legend{width:100%;color:var(--ink);margin-bottom:.35rem;font-size:.9375rem;font-weight:700}.tool-choice-pill{border:1px solid var(--line);background:var(--surface-subtle);color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:.5rem;align-items:center;min-height:44px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-flex;position:relative}.tool-choice-pill input[type=radio]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.tool-choice-pill.active{background:var(--brand-subtle);border-color:var(--brand);color:var(--brand);font-weight:800}.tool-choice-pill:has(input[type=radio]:checked){background:var(--brand-subtle);border-color:var(--brand);color:var(--brand);font-weight:800}.tool-choice-pill:has(input[type=radio]:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.tool-arabic{font-size:clamp(1.35rem,5vw,2rem)}.tool-rawatib-cards{display:none}.tool-rawatib-card{background:var(--surface-subtle);border:1px solid var(--line);border-radius:.75rem;padding:.875rem 1rem}.tool-rawatib-card-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;display:flex}.tool-rawatib-name{color:var(--ink);margin:0;font-size:1rem;font-weight:700}.tool-rawatib-badge{background:var(--brand-subtle);color:var(--brand);border-radius:.25rem;padding:.15rem .5rem;font-size:.75rem;font-weight:700}.tool-rawatib-card-body{gap:.35rem;display:grid}.tool-rawatib-row{justify-content:space-between;gap:.5rem;font-size:.875rem;display:flex}.tool-rawatib-label{color:var(--muted);font-weight:500}.tool-rawatib-val{color:var(--ink);text-align:end;font-weight:600}.tool-table-wrap{max-width:100%;overflow-x:auto}.tool-table-wrap table{border-collapse:collapse;width:100%;min-width:38rem}.tool-table-wrap th,.tool-table-wrap td{text-align:start;vertical-align:top;border-bottom:1px solid var(--line);padding:.75rem}.kusuf-flow{gap:1rem;margin-top:1rem;display:grid}.kusuf-rakaat-card{background:var(--surface-subtle);border:1px solid var(--line);border-radius:.75rem;padding:1rem}.kusuf-rakaat-header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.kusuf-rakaat-header strong{color:var(--ink);font-size:1rem}.kusuf-substeps{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.kusuf-substeps li{align-items:flex-start;gap:.75rem;display:flex}.kusuf-step-num{background:var(--brand);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:.125rem;font-size:.75rem;font-weight:700;display:inline-flex}.kusuf-substeps strong{color:var(--ink);margin-bottom:.15rem;font-size:.9375rem;display:block}.kusuf-substeps .meta{margin:0}.update-banner{z-index:100;background:var(--surface-elevated);border:1px solid var(--brand);inset-inline:1rem;border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex;position:fixed;bottom:1rem;box-shadow:0 8px 24px #0003}.update-banner button{background:var(--brand);color:#fff;min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:.5rem;padding:.5rem .75rem;font-weight:700}@media (max-width:639px){.tool-sequence-item{flex-direction:column;align-items:flex-start;gap:.25rem}.tool-sequence span{text-align:start}.tool-rawatib-cards{gap:.75rem;margin:1rem 0;display:grid}.tool-table-wrap{display:none}.update-banner{flex-direction:column;align-items:stretch;bottom:4.5rem}}.recommendation-card{background:var(--surface);border:1px solid var(--line);border-inline-start:4px solid var(--accent);border-radius:1rem;margin-bottom:1.25rem;padding:1.25rem;box-shadow:0 2px 8px #00000008}.recommendation-header{margin-bottom:.5rem}.recommendation-badge{background:var(--brand-subtle);color:var(--brand);letter-spacing:.05em;border-radius:.375rem;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.725rem;font-weight:800;display:inline-flex}.recommendation-desc{color:var(--ink);margin:.25rem 0 .75rem;font-size:.9375rem}.recommendation-links{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.recommendation-chip{background:var(--surface-subtle);border:1px solid var(--line);color:var(--ink);border-radius:2rem;align-items:center;gap:.375rem;min-height:44px;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}.recommendation-chip:hover{background:var(--brand-subtle);border-color:var(--brand);color:var(--brand)}.recommendation-arrow{color:var(--brand)}.recommendation-disclaimer{color:var(--muted);align-items:center;gap:.35rem;margin:0;font-size:.75rem;display:flex}.recommendation-card-placeholder{visibility:hidden;min-height:9.25rem}.catalog-header-row{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.catalog-header-row h2{margin:0}.clear-search-button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.25rem .5rem;font-size:.875rem;display:inline-flex}.clear-search-button:hover{color:var(--ink)}.text-action-button{color:var(--brand);cursor:pointer;background:0 0;border:none;align-items:center;min-height:44px;padding:.25rem .5rem;font-size:.875rem;font-weight:700;display:inline-flex}.text-action-button.danger{color:var(--danger)}.guide-card-actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}.bookmark-card-button{background:var(--surface-subtle);border:1px solid var(--line);color:var(--muted);cursor:pointer;z-index:2;border-radius:.5rem;justify-content:center;align-items:center;min-width:44px;min-height:44px;transition:color .15s,background-color .15s;display:inline-flex;position:relative}.bookmark-card-button:hover{color:var(--accent);background:var(--brand-subtle)}.bookmark-card-button.active{color:var(--accent);border-color:var(--accent);background:var(--surface)}.arabic-card-sub{color:var(--brand);direction:rtl;margin:0 0 .5rem;font-family:Amiri,serif;font-size:1.25rem;line-height:1.8}.empty-state{background:var(--surface);border:1px dashed var(--line);text-align:center;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;margin:2rem 0;padding:3rem 1.5rem;display:flex}.empty-state-icon{color:var(--muted);margin-bottom:1rem}.empty-state h2,.empty-state h3{color:var(--ink);margin:0 0 .5rem}.empty-state p{color:var(--muted);max-width:28rem;margin:0 0 1.5rem;font-size:.9375rem}.cta-button{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;min-height:44px;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:700;text-decoration:none;transition:opacity .15s;display:inline-flex}.cta-button:hover{opacity:.9}.cta-button.secondary{background:var(--surface-subtle);color:var(--ink);border:1px solid var(--line)}.cta-button.secondary:hover{background:var(--brand-subtle);color:var(--brand)}.sticky-reader-toolbar{z-index:45;background:var(--surface-elevated);border-bottom:2px solid var(--brand-subtle);position:sticky;top:0;box-shadow:0 4px 14px #00000014}.reader-toolbar-inner{justify-content:space-between;align-items:center;min-height:56px;padding:.25rem 0;display:flex}.toolbar-back-link{min-width:44px;min-height:44px;color:var(--brand);border-radius:.5rem;align-items:center;gap:.35rem;padding:.375rem .625rem;font-weight:700;text-decoration:none;transition:background-color .15s;display:inline-flex}.toolbar-back-link:hover{background:var(--brand-subtle)}.toolbar-actions{align-items:center;gap:.5rem;display:flex}.toolbar-btn{border:1px solid var(--line);background:var(--surface);min-width:44px;min-height:44px;color:var(--ink);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.toolbar-btn:hover{border-color:var(--brand);color:var(--brand)}.toolbar-btn.active,.toolbar-btn.bookmarked{background:var(--brand-subtle);color:var(--brand);border-color:var(--brand)}.toolbar-btn.bookmarked{color:var(--accent)}.toolbar-btn.khusyuk-trigger{background:var(--surface-subtle)}.toolbar-btn.khusyuk-trigger:hover{background:var(--brand-subtle)}.desktop-display-controls{display:none}.mobile-display-trigger-wrap{position:relative}@media (min-width:640px){.mobile-display-trigger-wrap{display:none}.desktop-display-controls{align-items:center;gap:.375rem;display:flex}}.font-size-group{border:1px solid var(--line);background:var(--surface);border-radius:.5rem;display:inline-flex;overflow:hidden}.toolbar-pill{color:var(--ink);cursor:pointer;background:0 0;border:none;min-width:44px;min-height:44px;padding:.25rem .5rem;font-size:.8125rem;font-weight:700;transition:background-color .15s,color .15s}.toolbar-pill:hover{background:var(--surface-subtle)}.toolbar-pill.active{background:var(--brand-subtle);color:var(--brand)}.display-popover{background:var(--surface-elevated);border:1px solid var(--line);z-index:60;border-radius:1rem;flex-direction:column;gap:1rem;width:min(90vw,320px);padding:1.25rem;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 25px #00000026}.popover-row{flex-direction:column;gap:.375rem;display:flex}.popover-label{color:var(--muted);font-size:.8125rem;font-weight:700}.font-size-pills{background:var(--surface-subtle);border:1px solid var(--line);border-radius:.5rem;gap:.25rem;padding:.25rem;display:flex}.pill-btn{color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:.375rem;flex:1;min-height:44px;padding:.375rem;font-size:.8125rem;font-weight:600}.pill-btn.active{background:var(--surface);color:var(--brand);font-weight:800;box-shadow:0 1px 3px #0000001a}.toggle-switch-btn{background:var(--surface-subtle);border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;border-radius:.5rem;min-height:44px;padding:.5rem .75rem;font-size:.8125rem;font-weight:600}.toggle-switch-btn.active{background:var(--brand-subtle);color:var(--brand);border-color:var(--brand);font-weight:700}.popover-close-btn{background:var(--surface-subtle);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:.5rem;min-height:44px;margin-top:.25rem;padding:.5rem;font-size:.8125rem;font-weight:700}.font-size-kecil .arabic{font-size:1.5rem!important;line-height:2.1!important}.font-size-biasa .arabic{font-size:clamp(1.85rem,5vw,2.2rem)!important;line-height:2.1!important}.font-size-besar .arabic{font-size:clamp(2.6rem,7vw,3rem)!important;line-height:2.2!important}.recitation-card{background:var(--surface);border:1px solid var(--line);border-radius:1rem;margin:1rem 0;padding:1.25rem}.recitation-card-badge{margin-bottom:.5rem}.recitation-rumi{color:var(--muted);margin:.5rem 0;font-size:.9375rem;font-style:italic;line-height:1.5}.recitation-translation{color:var(--ink);margin:.5rem 0;font-size:.9375rem;line-height:1.5}.step-arabic-wrap{border-top:1px dashed var(--line);margin:.5rem 0;padding:.5rem 0}.steps-list{flex-direction:column;gap:1.25rem;margin:1.25rem 0;padding:0;list-style:none;display:flex}.step-card{background:var(--surface);border:1px solid var(--line);border-radius:1rem;padding:1.25rem}.step-card-header{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.step-number-indicator{background:var(--brand-subtle);width:28px;height:28px;color:var(--brand);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8125rem;font-weight:800;display:inline-flex}.step-title-wrap{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.step-title-text{color:var(--ink);font-size:1.05rem}.badge-rukun{color:#991b1b;text-transform:uppercase;background:#fee2e2;border-radius:.25rem;padding:.15rem .45rem;font-size:.725rem;font-weight:800}.badge-sunat{background:var(--surface-subtle);color:var(--brand);text-transform:uppercase;border-radius:.25rem;padding:.15rem .45rem;font-size:.725rem;font-weight:800}.step-description{color:var(--ink);margin:.25rem 0;font-size:.9375rem;line-height:1.6}.section-title-row{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}@media (min-width:640px){.section-title-row{flex-direction:row;justify-content:space-between;align-items:center}}.niat-variation-selector{background:var(--surface-subtle);border:1px solid var(--line);border-radius:.5rem;gap:.375rem;padding:.25rem;display:flex}.variation-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:.375rem;min-height:44px;padding:.25rem .75rem;font-size:.8125rem;font-weight:600;transition:all .15s}.variation-tab.active{background:var(--surface);color:var(--brand);font-weight:800;box-shadow:0 1px 3px #00000014}.recommended-list,.doa-list{flex-direction:column;gap:1rem;margin:1rem 0;display:flex}.recommended-card{background:var(--surface);border:1px solid var(--line);border-radius:.75rem;padding:1rem}.recommended-title{color:var(--ink);font-size:.9375rem}.recommended-desc{color:var(--muted);margin:.25rem 0 .5rem;font-size:.875rem}.surah-chips-wrap{flex-wrap:wrap;gap:.375rem;display:flex}.surah-chip{background:var(--brand-subtle);color:var(--brand);border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:700}.doa-accordion{background:var(--surface);border:1px solid var(--line);border-radius:.75rem;overflow:hidden}.doa-accordion-summary{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--surface);justify-content:space-between;align-items:center;min-height:44px;padding:1rem 1.25rem;transition:background-color .15s;display:flex}.doa-accordion-summary:hover{background:var(--surface-subtle)}.doa-accordion-title{color:var(--ink);font-size:1rem;font-weight:700}.accordion-chevron{color:var(--muted);font-size:1.125rem;transition:transform .2s}.doa-accordion[open] .accordion-chevron{transform:rotate(180deg)}.doa-accordion-content{border-top:1px solid var(--line);padding:0 1.25rem 1.25rem}.doa-accordion-content .arabic{margin:.25rem 0;padding:.875rem 0;font-size:clamp(1.85rem,5.5vw,2.3rem);line-height:2.1}.source-citation{color:var(--muted);margin-top:.5rem;font-size:.8125rem}.reader-section{border-top:1px solid var(--line);margin-top:2.25rem;padding-top:1.5rem}.notes-block,.source-card,.governance-card{background:var(--surface);border:1px solid var(--line);border-radius:.75rem;padding:1.25rem}.note-row{margin-bottom:.75rem}.note-row:last-child{margin-bottom:0}.note-label{color:var(--ink);margin-bottom:.25rem;font-size:.9375rem;display:block}.source-title{color:var(--ink);margin:0 0 .25rem;font-weight:700}.source-meta{color:var(--muted);margin:.25rem 0;font-size:.875rem}.text-link{color:var(--brand);align-items:center;min-height:44px;font-weight:700;text-decoration:underline;display:inline-flex}body.mod-khusyuk-active,.mod-khusyuk-active{background:var(--canvas)}body.mod-khusyuk-active .topbar,body.mod-khusyuk-active .bottom-nav,body.mod-khusyuk-active .sticky-reader-toolbar,body.mod-khusyuk-active .notice,body.mod-khusyuk-active .metadata-banner,.mod-khusyuk-active .topbar,.mod-khusyuk-active .bottom-nav,.mod-khusyuk-active .sticky-reader-toolbar,.mod-khusyuk-active .notice,.mod-khusyuk-active .metadata-banner{display:none!important}.khusyuk-exit-bar{z-index:100;pointer-events:none;justify-content:center;padding:0 1rem;display:flex;position:sticky;top:1rem}.khusyuk-exit-btn{pointer-events:auto;background:var(--surface-elevated);border:2px solid var(--brand);color:var(--brand);cursor:pointer;border-radius:2rem;outline:3px solid #0000;align-items:center;gap:.5rem;min-height:44px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:800;transition:all .15s;display:inline-flex;box-shadow:0 4px 14px #00000026}.khusyuk-exit-btn:hover{background:var(--brand);color:#fff}.khusyuk-exit-btn:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.reader-bottom-buffer{height:90px}.settings-section{border-top:1px solid var(--line);padding:1.5rem 0}.theme-toggle-group{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.theme-pill{border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:.5rem;min-height:44px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .15s}.theme-pill:hover{border-color:var(--brand)}.theme-pill.active{background:var(--brand-subtle);border-color:var(--brand);color:var(--brand);font-weight:800}.setting-item{border-bottom:1px solid var(--line);flex-direction:column;gap:.75rem;padding:1rem 0;display:flex}@media (min-width:640px){.setting-item{flex-direction:row;justify-content:space-between;align-items:center}}.setting-info{flex:1}.danger-button{background:var(--surface);border:1px solid var(--danger);color:var(--danger);cursor:pointer;border-radius:.5rem;min-height:44px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:700;transition:background-color .15s,color .15s}.danger-button:hover{background:var(--danger);color:#fff}.metadata-banner{background:var(--surface-subtle);border:1px solid var(--line);box-sizing:border-box;border-radius:.75rem;align-items:center;gap:.75rem;width:100%;margin-bottom:.75rem;padding:.75rem .875rem;display:flex}.metadata-icon{width:20px;height:20px;color:var(--brand);flex-shrink:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}