/* quran.solutions — site design CSS (moved from Global Styles, 2026-10-22) */
:root{--ink:#0B1F3A;--ink2:#3D4F66;--muted:#5A697F;--bg:#fff;--alt:#F6F8FB;--sky:#E8EEF6;--line:#DFE6EF;--hair:#ECF0F5;--teal:#1F9AA1;--teal-d:#13777D;--teal-f:#E9F6F7;--calli:#B4C6DF;--paper:#FFFCF2;--paper-line:#EFE5C6;--f-ui:"Figtree","IBM Plex Sans Arabic",system-ui,sans-serif;--f-text:"Noto Naskh Arabic","Figtree",serif;--f-calli:"Aref Ruqaa",serif;--f-quran:"Amiri Quran","Amiri",serif;--wa-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.47 14.38c-.3-.15-1.76-.87-2.030-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.17-.17.2-.35.22-.64.07-.3-.15-1.26-.46-2.4-1.48-.89-.79-1.49-1.77-1.66-2.07-.17-.3-.02-.46.13-.6.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.08-.15-.67-1.6-.92-2.2-.24-.58-.49-.5-.67-.5h-.57c-.2 0-.52.07-.8.37-.27.3-1.04 1.02-1.04 2.48 0 1.46 1.07 2.88 1.21 3.07.15.2 2.1 3.2 5.08 4.49.71.31 1.26.49 1.7.63.71.23 1.36.19 1.87.12.57-.09 1.76-.72 2-1.41.25-.7.25-1.29.17-1.41-.07-.13-.27-.2-.57-.35zM12.05 21.5h-.01a9.43 9.43 0 01-4.81-1.32l-.34-.2-3.58.94.96-3.49-.23-.36a9.43 9.43 0 01-1.45-5.03c0-5.21 4.24-9.45 9.46-9.45 2.52 0 4.9.99 6.68 2.77a9.4 9.4 0 012.77 6.69c0 5.21-4.24 9.45-9.45 9.45zm8.04-17.5A11.3 11.3 0 0012.05.66C5.79.66.69 5.76.69 12.02c0 2 .52 3.96 1.52 5.68L.6 23.6l6.04-1.58a11.33 11.33 0 005.4 1.38h.01c6.26 0 11.36-5.1 11.36-11.36 0-3.03-1.18-5.89-3.32-8.03z'/%3E%3C/svg%3E")}
body{font-family:var(--f-text);color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
html[lang^="en"] body{font-family:var(--f-ui);line-height:1.65}
html[lang^="en"] .qs-only-ar,html[lang^="id"] .qs-only-ar{display:none!important}
html:not([lang^="en"]):not([lang^="id"]) .qs-only-en{display:none!important}
a{color:var(--teal-d);text-underline-offset:.2em}
a:hover{color:var(--ink)}
::selection{background:var(--teal-f)}
:where(h1,h2,h3,h4){font-family:var(--f-text);color:var(--ink);font-weight:700;letter-spacing:0}
html[lang^="en"] :where(h1,h2,h3,h4){font-family:var(--f-ui);letter-spacing:-.01em}
[id]{scroll-margin-top:84px}
.wp-site-blocks>*+*{margin-block-start:0!important}
.wp-site-blocks>header.wp-block-template-part{position:sticky;top:0;z-index:50}
.admin-bar .wp-site-blocks>header.wp-block-template-part{top:32px}
@media (max-width:782px){.admin-bar .wp-site-blocks>header.wp-block-template-part{top:0}}
.wp-block-post-content>*:first-child{margin-block-start:0}
.qs-header{background:rgba(255,255,255,.96);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--hair);font-family:var(--f-ui)}
.qs-brand{display:flex;flex-direction:column;line-height:1;text-decoration:none!important;color:var(--ink)!important;gap:2px}
.qs-brand-name{font-family:var(--f-calli);font-weight:700;font-size:1.75rem;line-height:1.1;color:var(--ink)}
.qs-brand-sub{font-family:var(--f-ui);font-size:.68rem;color:var(--muted);letter-spacing:.04em}
.qs-header .wp-block-navigation{font-size:.92rem;font-weight:500}
.qs-header .wp-block-navigation a{color:var(--ink2);text-decoration:none}
.qs-header .wp-block-navigation a:hover{color:var(--teal-d)}
.qs-header .wp-block-navigation__container{flex-wrap:nowrap!important;white-space:nowrap}
.qs-lang{flex:none!important;width:auto!important}
.qs-lang ul{list-style:none;margin:0;padding:0;display:flex}
.qs-lang li.current-lang,.qs-lang img{display:none}
.qs-lang a{display:inline-flex;align-items:center;gap:6px;font-size:.88rem;font-weight:500;color:var(--ink2)!important;text-decoration:none!important}
.qs-lang a::before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M2.5 12h19M12 2.5c2.6 2.6 3.9 5.8 3.9 9.5S14.6 18.9 12 21.5C9.4 18.9 8.1 15.7 8.1 12S9.4 5.1 12 2.5z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M2.5 12h19M12 2.5c2.6 2.6 3.9 5.8 3.9 9.5S14.6 18.9 12 21.5C9.4 18.9 8.1 15.7 8.1 12S9.4 5.1 12 2.5z'/%3E%3C/svg%3E") center/contain no-repeat}
.qs-lang a:hover{color:var(--teal-d)!important}
.qs-header-cta .wp-block-button__link{background:#fff!important;color:var(--ink)!important;border:1px solid var(--ink)!important;border-radius:999px!important;padding:.38em 1.05em!important;font-size:.85rem!important;font-weight:600!important;font-family:var(--f-ui)}
.qs-header-cta .wp-block-button__link:hover{background:var(--ink)!important;color:#fff!important}
@media (max-width:860px){.qs-header-cta{display:none!important}}
.wp-block-button__link{font-family:var(--f-ui);border-radius:8px!important;font-weight:600;font-size:.95rem!important;padding:.7em 1.3em!important}
.qs-btn-line .wp-block-button__link{background:#fff!important;color:var(--ink)!important;border:1px solid var(--line)!important}
.qs-btn-line .wp-block-button__link:hover{border-color:var(--ink)!important}
.qs-wa-ic::before,.qs-btn-wa .wp-block-button__link::before{content:"";display:inline-block;vertical-align:-.2em;width:1.1em;height:1.1em;margin-inline-end:.45em;background:#1FAF55;-webkit-mask:var(--wa-icon) center/contain no-repeat;mask:var(--wa-icon) center/contain no-repeat}
.qs-hero2{background:var(--sky);padding-top:clamp(28px,5vw,48px)!important;padding-bottom:clamp(36px,6vw,64px)!important;margin-block-start:0!important;text-align:center}
.qs-calli{font-family:var(--f-calli);font-weight:700;color:var(--calli);font-size:clamp(3.2rem,9vw,6.2rem);line-height:1.15;margin:0 0 .1em;user-select:none}
.qs-hero2 h1{font-size:clamp(1.25rem,2.6vw,1.6rem)!important;font-weight:700;margin:0 auto .9em!important;color:var(--ink);max-width:34em}
.qs-ask{display:flex;align-items:center;gap:8px;max-width:680px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px;padding-inline-start:20px;box-shadow:0 1px 2px rgba(11,31,58,.04)}
.qs-ask:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-f)}
.qs-ask svg{width:20px;height:20px;flex:none;stroke:var(--muted);fill:none;stroke-width:2}
.qs-ask input{flex:1;min-width:0;border:0;outline:0;background:none;font:inherit;font-family:var(--f-ui);font-size:1.02rem;color:var(--ink);padding:.55em 0}
.qs-ask input::placeholder{color:#8C99AB}
.qs-ask button{flex:none;border:0;cursor:pointer;background:var(--ink);color:#fff;font-family:var(--f-ui);font-weight:600;font-size:.95rem;border-radius:999px;padding:.7em 1.4em}
.qs-ask button:hover{background:var(--teal-d)}
.qs-quick{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:18px auto 0;font-family:var(--f-ui);font-size:.85rem;color:var(--muted)}
.qs-quick a{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:999px;padding:.3em .95em;color:var(--ink2);text-decoration:none}
.qs-quick a:hover{border-color:var(--teal);color:var(--teal-d)}
.qs-hero-note{font-family:var(--f-ui);font-size:.82rem;color:var(--muted);margin:18px 0 0!important}
.qs-hero-note a{color:var(--ink2)}
.qs-sec{padding-top:clamp(40px,6vw,64px)!important;padding-bottom:clamp(40px,6vw,64px)!important;margin-block-start:0!important}
.qs-sec.is-alt{background:var(--alt);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.qs-sec-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px;margin-bottom:20px}
.qs-sec-head h2{font-size:1.45rem!important;margin:0!important}
.qs-sec-head p{margin:4px 0 0;color:var(--muted);font-size:.95rem;font-family:var(--f-ui)}
.qs-filter{font-family:var(--f-ui);font-size:.9rem;border:1px solid var(--line);border-radius:8px;padding:.55em .9em;min-width:220px;color:var(--ink);background:#fff}
.qs-filter:focus{outline:0;border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-f)}
.qs-surahs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:980px){.qs-surahs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.qs-surahs{grid-template-columns:1fr}}
.qs-surah{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:6px;background:#fff;text-decoration:none!important;color:var(--ink)!important;transition:border-color .12s}
.qs-surah[hidden]{display:none}
.qs-surah:hover{border-color:var(--teal)}
.qs-surah .num{position:relative;flex:none;width:36px;height:36px;display:grid;place-items:center;font-family:var(--f-ui);font-weight:600;font-size:.82rem;color:var(--ink)}
.qs-surah .num::before{content:"";position:absolute;width:26px;height:26px;background:var(--hair);border-radius:4px;transform:rotate(45deg);transition:background .12s}
.qs-surah .num span{position:relative;z-index:1}
.qs-surah:hover .num::before{background:var(--teal)}.qs-surah:hover .num span{color:#fff}
.qs-surah .meta{flex:1;min-width:0;line-height:1.35}
.qs-surah .meta b{display:block;font-weight:700;font-size:1.02rem}
.qs-surah .meta small{display:block;font-family:var(--f-ui);font-size:.76rem;color:var(--muted);margin-top:2px}
.qs-surah .end{flex:none;text-align:end;line-height:1.3}
.qs-surah .end .arn{display:block;font-family:var(--f-quran);font-size:1.3rem;color:var(--ink)}
.qs-surah .end small{display:block;font-family:var(--f-ui);font-size:.74rem;color:var(--muted)}
html:not([lang^="en"]) .qs-surah .meta b{font-family:var(--f-text)}
.qs-chatbox{border:1px solid var(--line);border-radius:10px;background:#fff;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:28px;color:var(--muted);font-family:var(--f-ui);font-size:.95rem}
.qs-chatbox.is-live{display:block;min-height:0;padding:0;border:0}
.qs-chatbox b{color:var(--ink);font-size:1.05rem;font-weight:600}
.qs-chat-alt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;margin-top:14px!important;font-family:var(--f-ui);font-size:.92rem;color:var(--ink2)}
.qs-chat-alt a{font-weight:600;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
.qs-chat-alt a:hover{border-color:var(--ink)}
.qs-how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
@media (max-width:781px){.qs-how{grid-template-columns:1fr}}
.qs-how>div{padding:22px 0;padding-inline-end:28px}
@media (min-width:782px){.qs-how>div+div{padding-inline-start:28px;border-inline-start:1px solid var(--hair)}}
@media (max-width:781px){.qs-how>div+div{border-top:1px solid var(--hair)}}
.qs-how .n{font-family:var(--f-ui);font-weight:600;font-size:.8rem;color:var(--teal-d);letter-spacing:.06em}
.qs-how h3{font-size:1.1rem!important;margin:.25em 0 .35em}
.qs-how p{margin:0;color:var(--ink2);font-size:.98rem}
.qs-ex{font-family:var(--f-ui);font-size:.88em;background:var(--paper);border:1px solid var(--paper-line);border-radius:4px;padding:.05em .45em;color:var(--ink);white-space:nowrap}
.qs-ayah{font-family:var(--f-quran);font-size:1.7rem;line-height:2.2;text-align:center;color:var(--ink);background:var(--paper);border:1px solid var(--paper-line);border-radius:8px;padding:20px 24px!important;direction:rtl}
.qs-faq{border-top:1px solid var(--line)}
.qs-faq .wp-block-details{border-bottom:1px solid var(--line);margin:0!important;padding:0!important}
.qs-faq summary{cursor:pointer;list-style:none;padding:18px 0;font-weight:700;font-size:1.04rem;display:flex;justify-content:space-between;align-items:center;gap:16px}
.qs-faq summary::-webkit-details-marker{display:none}
.qs-faq summary::after{content:"";flex:none;width:9px;height:9px;border-right:1.8px solid var(--muted);border-bottom:1.8px solid var(--muted);transform:rotate(45deg);margin-top:-4px;transition:transform .2s}
.qs-faq details[open] summary::after{transform:rotate(-135deg);margin-top:4px}
.qs-faq .wp-block-details>:not(summary){color:var(--ink2);margin:0 0 18px!important}
.qs-disclaimer{font-family:var(--f-ui);font-size:.85rem;color:var(--muted);border-top:1px solid var(--hair);padding-top:16px!important;margin-top:28px!important}
.qs-page-hero2{background:var(--sky);padding-top:clamp(28px,4vw,44px)!important;padding-bottom:clamp(28px,4vw,44px)!important;margin-block-start:0!important}
.qs-page-hero2 h1{font-size:clamp(1.7rem,3.4vw,2.3rem)!important;margin-block:0!important}
.qs-crumb{font-family:var(--f-ui);font-size:.82rem;color:var(--muted);margin-block:0 6px!important}
.qs-crumb a{color:var(--muted);text-decoration:none}.qs-crumb a:hover{color:var(--teal-d)}
.qs-page-body2{padding-top:clamp(32px,5vw,56px)!important;padding-bottom:clamp(48px,6vw,80px)!important;margin-block-start:0!important;font-size:1.08rem}
.qs-page-body2 h2{font-size:1.35rem;margin-top:1.8em}
.qs-page-body2 p,.qs-page-body2 li{color:var(--ink2)}
.qs-lead{font-size:1.2rem!important;color:var(--ink)!important}
.qs-page-body2 .wp-block-buttons{margin-top:2em}
.qs-footer2{background:var(--alt);border-top:1px solid var(--hair);padding-top:44px!important;padding-bottom:24px!important;margin-block-start:0!important;font-family:var(--f-ui);font-size:.9rem;color:var(--ink2)}
.qs-footer2 a{color:var(--ink2);text-decoration:none}.qs-footer2 a:hover{color:var(--teal-d)}
.qs-fgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}
@media (max-width:700px){.qs-fgrid{grid-template-columns:1fr 1fr}.qs-fgrid>:first-child{grid-column:1/-1}}
.qs-footer2 :is(h2,h4){line-height:1.4;font-family:var(--f-ui);font-size:.8rem!important;font-weight:600;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 10px}
.qs-footer2 ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.qs-footer2 .qs-brand-name{font-size:1.9rem}
.qs-footer2 p{margin:10px 0 0;max-width:32em;color:var(--muted)}
.qs-fbottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;border-top:1px solid var(--line);margin-top:32px;padding-top:16px;font-size:.8rem;color:var(--muted)}
.qs-wa-float{position:fixed;inset-inline-end:18px;bottom:18px;z-index:60;width:50px;height:50px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.qs-wa-float::before{content:"";width:26px;height:26px;background:#fff;-webkit-mask:var(--wa-icon) center/contain no-repeat;mask:var(--wa-icon) center/contain no-repeat}
.qs-wa-float span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
body.qs-has-widget .qs-wa-float{inset-inline-end:auto;inset-inline-start:18px}
.qs-ex{unicode-bidi:isolate}
.qs-chatbox{min-height:360px}
/* v2.1 */
.qs-hero2{position:relative;overflow:hidden}
.qs-hero2>*{position:relative;z-index:1}
.qs-orn{position:absolute!important;z-index:0!important;top:50%;width:420px;height:420px;color:#C8D6E9;opacity:.55;pointer-events:none;margin:0!important}
.qs-orn.s{inset-inline-start:-150px;transform:translateY(-50%)}
.qs-orn.e{inset-inline-end:-150px;transform:translateY(-50%)}
@media (max-width:900px){.qs-orn{display:none}}
.qs-hero-ayah{font-family:var(--f-quran);font-size:1.3rem;line-height:2;color:var(--ink2);margin:22px auto 0!important;max-width:40em;direction:rtl}
.qs-hero-ayah .ref{font-family:var(--f-ui);font-size:.78rem;color:var(--muted);margin-inline-start:6px;white-space:nowrap}
html[lang^="en"] .qs-hero-ayah .ref{direction:ltr;unicode-bidi:isolate}
.qs-main-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:24px;align-items:start}
@media (max-width:900px){.qs-main-grid{grid-template-columns:1fr}}
.qs-chat{border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;flex-direction:column;overflow:hidden;min-height:480px}
.qs-chat-top{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--hair);font-family:var(--f-ui)}
.qs-chat-top .av{width:38px;height:38px;border-radius:50%;background:var(--sky);display:grid;place-items:center;font-family:var(--f-calli);font-weight:700;font-size:1.25rem;color:var(--ink);flex:none}
.qs-chat-top b{display:block;font-size:.98rem;color:var(--ink);font-weight:600;line-height:1.3}
.qs-chat-top small{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--muted)}
.qs-chat-top small::before{content:"";width:7px;height:7px;border-radius:50%;background:#2DB37A}
.qs-chat-top .grow{flex:1}
.qs-chat-top .qs-wa-ic{font-size:.82rem;font-weight:600;color:var(--ink2);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:.3em .85em}
.qs-chat-top .qs-wa-ic:hover{border-color:var(--ink);color:var(--ink)}
.qs-chat-body{flex:1;padding:22px 18px;display:flex;flex-direction:column;gap:12px;background:var(--alt);overflow-y:auto;max-height:520px}
.qs-msg2{max-width:86%;padding:12px 16px;border-radius:14px;font-size:1rem;line-height:1.85}
.qs-msg2.bot{align-self:flex-start;background:#fff;border:1px solid var(--hair);border-start-start-radius:4px;color:var(--ink)}
.qs-msg2.me{align-self:flex-end;background:var(--ink);color:#fff;border-start-end-radius:4px;font-family:var(--f-ui);font-size:.95rem}
.qs-sugg{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.qs-sugg a{font-family:var(--f-ui);font-size:.84rem;background:#fff;border:1px solid var(--line);border-radius:999px;padding:.3em .9em;color:var(--ink2);text-decoration:none}
.qs-sugg a:hover{border-color:var(--teal);color:var(--teal-d)}
.qs-chat-input{margin:0;max-width:none;border-radius:0;border:0;border-top:1px solid var(--hair);box-shadow:none;padding:10px;padding-inline-start:18px}
.qs-chat-input:focus-within{box-shadow:none;border-color:var(--hair)}
.qs-chat-input button{border-radius:10px;padding:.65em 1.1em}
.qs-chat-foot{font-family:var(--f-ui);font-size:.76rem;color:var(--muted);margin:0!important;padding:8px 18px 12px;border-top:1px solid var(--hair);background:#fff}
.qs-chat-foot a{color:var(--muted)}
.qs-side{display:grid;gap:16px}
.qs-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:20px 22px}
.qs-card-label{display:flex;justify-content:space-between;align-items:center;font-family:var(--f-ui);font-size:.78rem;font-weight:600;color:var(--muted);letter-spacing:.04em;margin-bottom:10px}
.qs-votd .ayah{font-family:var(--f-quran);font-size:1.45rem;line-height:2.15;color:var(--ink);direction:rtl;text-align:right;margin:0}
.qs-votd .ref{font-family:var(--f-ui);font-size:.8rem;color:var(--teal-d);margin:6px 0 0}
.qs-votd .tr{font-family:var(--f-ui);font-size:.9rem;line-height:1.6;color:var(--ink2);margin:10px 0 0}
.qs-votd .tr small{display:block;color:var(--muted);font-size:.72rem;margin-top:4px}
.qs-votd .acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.qs-votd .acts a,.qs-votd .acts button{font-family:var(--f-ui);font-size:.85rem;font-weight:600;border-radius:8px;padding:.5em 1em;cursor:pointer;text-decoration:none;border:1px solid var(--line);background:#fff;color:var(--ink)}
.qs-votd .acts .pri{background:var(--ink);border-color:var(--ink);color:#fff}
.qs-votd .acts .pri:hover{background:var(--teal-d);border-color:var(--teal-d)}
.qs-votd .acts button:hover{border-color:var(--ink)}
.qs-wa-card2 h3{font-family:var(--f-ui);font-size:1rem!important;margin:0 0 4px}
.qs-wa-card2 p{font-family:var(--f-ui);font-size:.88rem;color:var(--muted);margin:0 0 14px}
.qs-wa-card2 a.btn{display:inline-flex;align-items:center;font-family:var(--f-ui);font-size:.88rem;font-weight:600;color:var(--ink);text-decoration:none;border:1px solid var(--line);border-radius:8px;padding:.5em 1em}
.qs-wa-card2 a.btn:hover{border-color:var(--ink)}
.qs-free{font-family:var(--f-ui);font-size:.82rem;color:var(--muted);display:grid;gap:6px;padding:0 4px}
.qs-free span{display:flex;gap:8px;align-items:center}
.qs-free span::before{content:"";width:5px;height:5px;background:var(--teal);transform:rotate(45deg);flex:none}
.qs-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.qs-seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}
.qs-seg button{font-family:var(--f-ui);font-size:.85rem;font-weight:500;border:0;background:none;padding:.55em 1em;color:var(--ink2);cursor:pointer}
.qs-seg button+button{border-inline-start:1px solid var(--line)}
.qs-seg button[aria-pressed="true"]{background:var(--ink);color:#fff}
.qs-count{font-family:var(--f-ui);font-size:.8rem;color:var(--muted)}
.qs-404{padding-top:clamp(48px,8vw,96px)!important;padding-bottom:clamp(56px,9vw,112px)!important}
.qs-404 h1{font-size:clamp(1.5rem,3vw,2rem)!important;margin-block:0 .4em!important}
.qs-404-p{color:var(--ink2);max-width:32em;margin:0 auto 1.4em;font-family:var(--f-ui)}
.qs-404-a{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:0}
.qs-404-btn{font-family:var(--f-ui);font-weight:600;font-size:.92rem;border:1px solid var(--line);background:#fff;color:var(--ink)!important;text-decoration:none;border-radius:8px;padding:.6em 1.2em}
.qs-404-btn.pri{background:var(--ink);border-color:var(--ink);color:#fff!important}
.qs-chat{min-height:440px}
.qs-chat-top .av{font-family:var(--f-text)!important;font-size:1.15rem!important;padding-bottom:4px}
body.qs-has-widget .qs-wa-float{display:none!important}
.qs-msg2 p{margin:0}.qs-msg2 p+p{margin-top:.6em}
.qs-msg2 .qs-q{font-family:var(--f-quran);font-size:1.15em;color:var(--ink)}
.qs-typing2{display:flex;gap:5px;align-items:center;padding:14px 16px}
.qs-typing2 i{width:7px;height:7px;border-radius:50%;background:var(--muted);opacity:.35;animation:qsDot 1.2s infinite}
.qs-typing2 i:nth-child(2){animation-delay:.15s}.qs-typing2 i:nth-child(3){animation-delay:.3s}
@keyframes qsDot{0%,60%,100%{opacity:.25;transform:none}30%{opacity:.9;transform:translateY(-3px)}}
@media (prefers-reduced-motion:reduce){.qs-typing2 i{animation:none}}
.qs-chat-input button:disabled{opacity:.5;cursor:default}
.qs-opts{display:flex;flex-wrap:wrap;gap:8px;align-self:flex-start;max-width:92%}
.qs-opt{font-family:var(--f-ui);font-size:.86rem;font-weight:500;background:#fff;border:1px solid var(--teal);color:var(--teal-d)!important;border-radius:999px;padding:.4em 1em;cursor:pointer;text-decoration:none;line-height:1.5}
.qs-opt:hover{background:var(--teal-f)}
.qs-opt:disabled{opacity:.45;cursor:default;background:#fff}
.qs-opt.is-picked{opacity:1;background:var(--teal);color:#fff!important}
.qs-msg2 em{font-style:italic}
/* surah pages */
.qs-surah-hero{background:var(--sky);text-align:center;padding-top:clamp(24px,4vw,40px)!important;padding-bottom:clamp(28px,5vw,48px)!important;margin-block-start:0!important;position:relative;overflow:hidden}
.qs-surah-hero .qs-crumb{text-align:start}
.qs-surah-name{font-family:var(--f-quran);font-size:clamp(2.6rem,8vw,4.4rem);line-height:1.5;color:var(--ink);margin-block:4px 0}
.qs-surah-hero h1{font-size:clamp(1.05rem,2.2vw,1.3rem)!important;font-weight:700;color:var(--ink2);margin-block:6px 16px!important}
html[lang^="en"] .qs-surah-hero h1{font-family:var(--f-ui)}
.qs-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 18px;padding:0;list-style:none;font-family:var(--f-ui);font-size:.84rem;color:var(--ink2)}
.qs-meta li{background:#fff;border:1px solid var(--line);border-radius:999px;padding:.25em .9em}
.qs-surah-acts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.qs-surah-acts a{font-family:var(--f-ui);font-size:.88rem;font-weight:600;text-decoration:none;border-radius:8px;padding:.55em 1.1em;border:1px solid var(--line);background:#fff;color:var(--ink)}
.qs-surah-acts a.pri{background:var(--ink);border-color:var(--ink);color:#fff}
.qs-surah-acts a:hover{border-color:var(--ink)}.qs-surah-acts a.pri:hover{background:var(--teal-d);border-color:var(--teal-d)}
.qs-read{padding-top:clamp(24px,4vw,40px)!important;padding-bottom:clamp(40px,6vw,72px)!important;margin-block-start:0!important}
.qs-bism{font-family:var(--f-quran);font-size:clamp(1.6rem,4vw,2rem);text-align:center;color:var(--ink);margin-block:0 12px!important;direction:rtl}
.qs-verses{border-top:1px solid var(--line)}
.qs-v{padding:14px 4px 12px;border-bottom:1px solid var(--hair);scroll-margin-top:84px}
.qs-v:target{background:var(--paper)}
.qs-v .ar{font-family:var(--f-quran);font-size:clamp(1.45rem,3.6vw,1.85rem);line-height:2.35;color:var(--ink);direction:rtl;text-align:right;margin:0}
.qs-v .an{font-family:var(--f-quran);color:var(--teal-d);white-space:nowrap}
.qs-v .en{font-family:var(--f-ui);font-size:1rem;line-height:1.7;color:var(--ink2);direction:ltr;text-align:left;margin:.5em 0 0}
.qs-v .acts{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin-top:8px;font-family:var(--f-ui);font-size:.8rem}
.qs-v .key{color:var(--muted);text-decoration:none;direction:ltr;unicode-bidi:isolate}
.qs-v .ask{color:var(--teal-d);font-weight:600;text-decoration:none}
.qs-v .ask:hover,.qs-v .key:hover{text-decoration:underline}
.qs-surah-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:32px}
.qs-surah-nav a{display:block;border:1px solid var(--line);border-radius:10px;padding:12px 16px;text-decoration:none;color:var(--ink);font-family:var(--f-ui);font-size:.8rem}
.qs-surah-nav a b{display:block;font-family:var(--f-text);font-size:1.05rem;margin-top:2px}
html[lang^="en"] .qs-surah-nav a b{font-family:var(--f-ui)}
.qs-surah-nav a:hover{border-color:var(--teal)}
.qs-surah-nav .next{text-align:end}
.qs-src{font-family:var(--f-ui);font-size:.78rem;color:var(--muted);margin-top:28px!important}
.qs-index-head{text-align:center;margin-bottom:24px}
.qs-index-head h1{font-size:clamp(1.6rem,3.6vw,2.2rem)!important;margin:0 0 6px!important}
.qs-index-head p{color:var(--muted);font-family:var(--f-ui);margin:0}
@media (max-width:600px){.qs-surah-nav{grid-template-columns:1fr}.qs-surah-nav .next{text-align:start}}
/* responsive fixes */
.qs-header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#fff!important}
.qs-brand-sub{white-space:nowrap}
@media (max-width:400px){.qs-brand-sub{display:none}.qs-brand-name{font-size:1.6rem}}
.qs-hero-ayah .ref{display:block;margin:2px 0 0!important}
.wp-block-navigation__responsive-container.is-menu-open{padding:20px 24px!important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{padding-top:56px!important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{gap:22px!important;font-size:1.2rem}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{color:var(--ink)!important}
/* menu polish */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{align-items:flex-start!important}
.has-modal-open .qs-wa-float{display:none!important}
.qs-wa-card2 h2{font-family:var(--f-ui);font-size:1rem!important;margin:0 0 4px;color:var(--ink)}
/* selected verses + docs */
.qs-lead-c{max-width:660px;margin:0 auto!important;font-family:var(--f-ui);color:var(--ink2);line-height:1.8}
.qs-sub{font-family:var(--f-text);font-size:1.3rem!important;text-align:center;margin-block:32px 10px!important}
.qs-sub a{color:var(--ink);text-decoration:none}
.qs-sec-h{font-size:clamp(1.1rem,2.4vw,1.35rem)!important;margin-block:44px 14px!important;padding-bottom:8px;border-bottom:1px solid var(--line)}
html[lang^="en"] .qs-sec-h{font-family:var(--f-ui)}
.qs-tafsir{display:grid;gap:12px}
.qs-t{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:14px 18px}
.qs-t p{margin:0;line-height:2;font-family:var(--f-text);font-size:1.02rem}
html[lang^="en"] .qs-t p{font-family:var(--f-ui);line-height:1.75}
.qs-t .k{font-family:var(--f-ui);font-size:.8rem;margin-bottom:4px}
.qs-t .k a{color:var(--teal-d);text-decoration:none;font-weight:600}
.qs-hadith{margin:0 0 14px;padding:16px 20px;border-inline-start:3px solid var(--teal);background:var(--sky);border-radius:10px}
.qs-hadith p{margin:0 0 8px;font-family:var(--f-text);line-height:2;font-size:1.06rem;text-align:start}
.qs-hadith p[dir=rtl]{text-align:right}
.qs-hadith .mean{font-family:var(--f-ui);font-size:.95rem;line-height:1.7;color:var(--ink2)}
.qs-hadith cite{font-style:normal;font-family:var(--f-ui);font-size:.8rem}
.qs-hadith cite a{color:var(--teal-d)}
.qs-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.qs-chips a{font-family:var(--f-ui);font-size:.88rem;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:999px;padding:.45em 1em}
.qs-chips a:hover{border-color:var(--teal);color:var(--teal-d)}
.qs-chips a.wa{border-color:#25d366;color:#11803f}
.qs-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.qs-card-l{display:block;border:1px solid var(--line);border-radius:12px;padding:16px 18px;text-decoration:none;color:var(--ink);background:#fff}
.qs-card-l:hover{border-color:var(--teal)}
.qs-card-l b{display:block;font-family:var(--f-text);font-size:1.15rem;margin-bottom:4px}
html[lang^="en"] .qs-card-l b{font-family:var(--f-ui);font-size:1.02rem}
.qs-card-l span{display:block;font-family:var(--f-ui);font-size:.85rem;color:var(--muted);line-height:1.6}
.qs-doc{font-family:var(--f-ui)}
.qs-doc h2{margin-block:40px 12px!important;font-size:clamp(1.15rem,2.4vw,1.4rem)!important}
.qs-doc h3{margin-block:24px 8px!important;font-size:1.05rem!important}
.qs-doc p,.qs-doc li{line-height:1.85}
.qs-doc pre,.qs-code{direction:ltr;text-align:left;unicode-bidi:isolate;background:#10221f;color:#e3f1ed;border-radius:10px;padding:14px 16px;overflow-x:auto;font-size:.8rem;line-height:1.65;white-space:pre}
.qs-doc code{font-size:.85em;direction:ltr;unicode-bidi:isolate}
.qs-doc :not(pre)>code{background:var(--paper);border:1px solid var(--line);border-radius:5px;padding:.05em .35em}
.qs-tbl{overflow-x:auto}
.qs-tbl table{width:100%;border-collapse:collapse;font-size:.88rem}
.qs-tbl th,.qs-tbl td{border:1px solid var(--line);padding:8px 10px;text-align:start;vertical-align:top}
.qs-tbl th{background:var(--paper)}
.qs-embed-demo{border:1px solid var(--line);border-radius:12px;overflow:hidden;max-width:420px}
.qs-embed-demo iframe{display:block;width:100%;height:560px;border:0}

.qs-surah-name{padding-bottom:.2em}
@media (max-width:600px){.qs-sec-h{margin-block:32px 12px!important}.qs-t{padding:12px 14px}.qs-hadith{padding:14px 16px}}

/* qs 2026-10-21: render offscreen tafsir sections lazily; bigger tap targets in footer */
.qs-tf{content-visibility:auto;contain-intrinsic-size:auto 700px}
footer.wp-block-template-part a:not(.qs-wa-float){display:inline-block;padding-block:6px}

/* qs-nav-1024: menu collapses to the menu button up to 1024px so the header never overflows */
@media (max-width:1024px){.qs-header .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex!important}.qs-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){display:none!important}}

/* a11y 2026-10-22: readable source line on the verse-of-the-day card */
.qs-src-mini{opacity:1!important;color:var(--muted)!important}

.qs-embed-ayah iframe{height:360px!important;max-width:420px;border:0!important}
.qs-embed-demo.qs-embed-ayah{border:0!important;background:none!important;padding:0!important;box-shadow:none!important;height:auto!important}