:root{
  color-scheme:light;
  --tw-bg:#f5f6f2;--tw-bg2:#edf1ec;--tw-surface:#fffdf9;--tw-surface2:#eef2ed;--tw-surface3:#f8f4e8;
  --tw-text:#16231c;--tw-muted:#5b6a61;--tw-line:#d7ded8;--tw-line-strong:#c3cec6;
  --tw-accent:#a87922;--tw-accent-strong:#895f16;--tw-accent2:#145f49;--tw-accent2-strong:#0e4b39;
  --tw-accent-soft:#f4ead0;--tw-green-soft:#e4f1eb;--tw-danger:#8b2f2f;
  --tw-shadow:0 12px 34px rgba(25,47,36,.08);--tw-shadow-strong:0 18px 52px rgba(25,47,36,.13);
  --tw-radius:18px;--tw-reading-scale:1;--tw-focus:rgba(168,121,34,.38);
}
html.dark,html[data-theme="dark"],body.dark,body.dark-mode{
  color-scheme:dark;
  --tw-bg:#0b1410;--tw-bg2:#0f1b15;--tw-surface:#121e18;--tw-surface2:#182820;--tw-surface3:#211f15;
  --tw-text:#eef5f0;--tw-muted:#adbbb2;--tw-line:#2d4137;--tw-line-strong:#3a5145;
  --tw-accent:#deb65d;--tw-accent-strong:#f0ca73;--tw-accent2:#73c9aa;--tw-accent2-strong:#96ddc3;
  --tw-accent-soft:#2b291b;--tw-green-soft:#173329;--tw-danger:#e69a9a;
  --tw-shadow:0 14px 38px rgba(0,0,0,.28);--tw-shadow-strong:0 20px 60px rgba(0,0,0,.38);--tw-focus:rgba(222,182,93,.45);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--tw-bg);min-width:0}
body{margin:0;min-width:0;overflow-x:hidden;background:
  radial-gradient(circle at 88% -8%,rgba(20,95,73,.10),transparent 34rem),
  radial-gradient(circle at 8% 18%,rgba(168,121,34,.07),transparent 28rem),
  var(--tw-bg);color:var(--tw-text);font-family:"Vazirmatn","Al Jazeera","Amiri",Tahoma,Arial,sans-serif;line-height:1.8}
html[data-theme="dark"] body,html.dark body{background:
  radial-gradient(circle at 88% -8%,rgba(115,201,170,.08),transparent 34rem),
  radial-gradient(circle at 8% 18%,rgba(222,182,93,.055),transparent 28rem),
  var(--tw-bg)}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
img,svg{max-width:100%;height:auto}
.tw-skip{position:fixed;top:8px;right:8px;z-index:10000;background:var(--tw-text);color:var(--tw-bg);padding:8px 12px;border-radius:10px;transform:translateY(-150%)}
.tw-skip:focus{transform:none}
.tw-shell{width:min(1180px,calc(100% - 28px));margin-inline:auto}
.tw-section-nav{position:sticky;top:0;z-index:35;background:var(--tw-surface);border-bottom:1px solid var(--tw-line);box-shadow:0 4px 20px rgba(0,0,0,.04)}
.tw-section-nav .tw-shell{display:flex;align-items:center;gap:8px;min-height:58px;overflow:auto;scrollbar-width:none}
.tw-section-nav a,.tw-section-nav button{flex:0 0 auto;border:0;background:transparent;color:var(--tw-text);padding:9px 12px;border-radius:12px;cursor:pointer}
.tw-section-nav a:hover,.tw-section-nav button:hover,.tw-section-nav a:focus-visible,.tw-section-nav button:focus-visible{background:var(--tw-surface2);outline:2px solid transparent}
.tw-brand{font-weight:800;color:var(--tw-accent2)!important}
.tw-search-trigger{margin-inline-start:auto!important;border:1px solid var(--tw-line)!important}
.tw-crumbs{display:flex;gap:7px;align-items:center;flex-wrap:wrap;color:var(--tw-muted);font-size:.92rem;padding-block:18px 2px}
.tw-crumbs a{color:var(--tw-accent2)}
.tw-hero{position:relative;overflow:hidden;margin:14px auto 22px;padding:clamp(22px,4vw,44px);background:var(--tw-surface);border:1px solid var(--tw-line);border-radius:24px;box-shadow:var(--tw-shadow)}
.tw-hero:after{content:"۞";position:absolute;inset-inline-end:4%;top:-30px;font-size:150px;line-height:1;color:var(--tw-accent);opacity:.08;pointer-events:none}
.tw-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--tw-accent2);font-weight:800;font-size:.92rem}
.tw-hero h1{font-size:clamp(1.65rem,4vw,2.55rem);line-height:1.35;margin:.25rem 0 .55rem;max-width:850px}
.tw-hero p{max-width:760px;margin:0;color:var(--tw-muted);font-size:clamp(1rem,2vw,1.08rem)}
.tw-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.tw-btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:9px 15px;border-radius:13px;border:1px solid var(--tw-line);background:var(--tw-surface);color:var(--tw-text);font-weight:800;cursor:pointer}
.tw-btn:hover,.tw-btn:focus-visible{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.08);outline:3px solid rgba(154,116,37,.18)}
.tw-btn-primary{background:var(--tw-accent2);color:#fff;border-color:var(--tw-accent2)}
.tw-btn-gold{background:var(--tw-accent);color:#fff;border-color:var(--tw-accent)}
.tw-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}
.tw-main{min-width:0}
.tw-side{position:sticky;top:78px}
.tw-card,.tw-panel{background:var(--tw-surface);border:1px solid var(--tw-line);border-radius:var(--tw-radius);box-shadow:var(--tw-shadow)}
.tw-panel{padding:clamp(17px,3vw,26px);margin:0 0 18px}
.tw-panel h2{font-size:clamp(1.25rem,3vw,1.6rem);margin:0 0 8px;line-height:1.45}
.tw-panel h3{font-size:1.12rem;margin:20px 0 7px}
.tw-panel p{margin:.55rem 0;color:var(--tw-text)}
.tw-muted{color:var(--tw-muted)}
.tw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.tw-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.tw-card{padding:17px;transition:transform .15s ease,border-color .15s ease}
.tw-card:hover{transform:translateY(-2px);border-color:var(--tw-accent)}
.tw-card h2,.tw-card h3{margin:0 0 6px;font-size:1.08rem;line-height:1.45}
.tw-card p{margin:0;color:var(--tw-muted);font-size:.95rem}
.tw-icon{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--tw-accent-soft);color:var(--tw-accent);font-weight:900;margin-bottom:9px}
.tw-premium{border-color:var(--tw-accent)}
.tw-reading{font-size:calc(1rem * var(--tw-reading-scale))}
.tw-reading p,.tw-reading li{max-width:80ch}
.tw-reading ul,.tw-reading ol{padding-inline-start:1.25rem}
.tw-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.tw-text-size{display:inline-flex;align-items:center;border:1px solid var(--tw-line);border-radius:12px;overflow:hidden;background:var(--tw-surface)}
.tw-text-size button,.tw-text-size output{min-width:44px;height:42px;display:grid;place-items:center;border:0;background:transparent;color:var(--tw-text)}
.tw-text-size button{cursor:pointer;font-weight:900}
.tw-text-size output{border-inline:1px solid var(--tw-line);min-width:58px;font-size:.9rem}
.tw-settings{position:relative}
.tw-settings-panel{position:absolute;top:calc(100% + 7px);inset-inline-end:0;width:min(310px,84vw);padding:12px;background:var(--tw-surface);border:1px solid var(--tw-line);border-radius:14px;box-shadow:var(--tw-shadow);z-index:30}
.tw-settings-panel[hidden]{display:none}
.tw-check{display:flex;gap:9px;align-items:flex-start;padding:8px;border-radius:10px}
.tw-check:hover{background:var(--tw-surface2)}
.tw-table-wrap{overflow:auto;border:1px solid var(--tw-line);border-radius:14px}
.tw-table{width:100%;border-collapse:collapse;min-width:560px;background:var(--tw-surface)}
.tw-table th,.tw-table td{padding:11px 13px;border-bottom:1px solid var(--tw-line);text-align:right;vertical-align:top}
.tw-table th{background:var(--tw-surface2)}
.tw-badge{display:inline-flex;align-items:center;min-height:30px;padding:3px 10px;border-radius:999px;background:var(--tw-accent-soft);color:var(--tw-text);font-size:.88rem;font-weight:800}
.tw-callout{border-inline-start:4px solid var(--tw-accent);background:var(--tw-accent-soft);padding:12px 14px;border-radius:12px;margin:12px 0}
.tw-progress{height:10px;background:var(--tw-surface2);border-radius:999px;overflow:hidden;border:1px solid var(--tw-line)}
.tw-progress span{display:block;height:100%;background:var(--tw-accent2);width:0}
.tw-related{margin-block:26px}
.tw-prevnext{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;margin:20px 0}
.tw-prevnext a{padding:12px;border:1px solid var(--tw-line);border-radius:13px;background:var(--tw-surface)}
.tw-prevnext a:last-child{text-align:left}
.tw-side .tw-panel{padding:16px}
.tw-side a{display:block;padding:8px 4px;border-bottom:1px solid var(--tw-line)}
.tw-side a:last-child{border:0}
.tw-surah-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.tw-surah-card{display:flex;gap:10px;align-items:center;padding:13px;border:1px solid var(--tw-line);border-radius:14px;background:var(--tw-surface)}
.tw-surah-no{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--tw-accent-soft);color:var(--tw-accent);font-weight:900}
.tw-surah-card strong{display:block}.tw-surah-card small{color:var(--tw-muted)}
.tw-embed{border:1px solid var(--tw-line);border-radius:16px;background:var(--tw-surface);overflow:hidden}
.tw-embed iframe{width:100%;min-height:72vh;border:0;background:var(--tw-surface)}
.tw-modal{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.5);z-index:9999}
.tw-modal[hidden]{display:none}
.tw-dialog{width:min(720px,100%);max-height:min(82vh,760px);overflow:auto;background:var(--tw-surface);color:var(--tw-text);border:1px solid var(--tw-line);border-radius:20px;box-shadow:0 22px 70px rgba(0,0,0,.28);padding:18px}
.tw-dialog-head{display:flex;align-items:center;gap:10px;position:sticky;top:-18px;background:var(--tw-surface);padding:12px 0;z-index:2}
.tw-dialog-head h2{margin:0;font-size:1.25rem}
.tw-close{margin-inline-start:auto;width:42px;height:42px;border-radius:12px;border:1px solid var(--tw-line);background:var(--tw-surface2);color:var(--tw-text);cursor:pointer}
.tw-search-input{width:100%;min-height:48px;border:1px solid var(--tw-line);border-radius:12px;background:var(--tw-surface2);color:var(--tw-text);padding:10px 13px}
.tw-results{display:grid;gap:8px;margin-top:12px}
.tw-result{display:block;padding:12px;border:1px solid var(--tw-line);border-radius:12px}
.tw-result small{display:block;color:var(--tw-muted)}
.tw-quiz-q{padding:16px;border:1px solid var(--tw-line);border-radius:15px;margin:12px 0;background:var(--tw-surface)}
.tw-options{display:grid;gap:8px;margin-top:10px}
.tw-option{width:100%;text-align:right;padding:10px 12px;border:1px solid var(--tw-line);border-radius:11px;background:var(--tw-surface2);color:var(--tw-text);cursor:pointer}
.tw-option[data-state="correct"]{outline:2px solid #2e8b57}
.tw-option[data-state="wrong"]{outline:2px solid var(--tw-danger)}
.tw-answer{margin-top:10px;padding:10px;background:var(--tw-accent-soft);border-radius:10px}
.tw-makhraj-map{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:18px;align-items:center}
.tw-makhraj-svg{background:var(--tw-surface2);border:1px solid var(--tw-line);border-radius:18px;padding:12px}
.tw-makhraj-svg [data-zone]{cursor:pointer;fill:transparent;stroke:var(--tw-accent);stroke-width:2}
.tw-makhraj-svg [data-zone]:hover,.tw-makhraj-svg [data-zone]:focus{fill:rgba(154,116,37,.12)}
.tw-symbol{font-family:"Amiri","Traditional Arabic",serif;font-size:2.1rem;line-height:1}
.tw-faq details{border-top:1px solid var(--tw-line);padding:10px 0}.tw-faq details:first-child{border-top:0}
.tw-faq summary{cursor:pointer;font-weight:800}
.tw-foot-space{height:22px}
.tw-spotlight-on .tw-reading>*{opacity:.16}
.tw-spotlight-on .tw-reading>.tw-spotlight-target{opacity:1;outline:3px solid var(--tw-accent);border-radius:10px}
:focus-visible{outline:3px solid rgba(154,116,37,.45);outline-offset:2px}
@media(max-width:980px){
 .tw-layout{grid-template-columns:1fr}.tw-side{position:static}.tw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tw-surah-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:680px){
 .tw-shell{width:min(100% - 18px,1180px)}.tw-hero{border-radius:18px;padding:20px 16px}
 .tw-grid,.tw-grid-2{grid-template-columns:1fr}.tw-surah-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tw-prevnext{grid-template-columns:1fr 1fr}.tw-prevnext a:nth-child(2){grid-column:1/-1;grid-row:2;text-align:center}
 .tw-makhraj-map{grid-template-columns:1fr}.tw-modal{align-items:end;padding:0}.tw-dialog{border-radius:20px 20px 0 0;max-height:86vh;width:100%}
 .tw-actions .tw-btn{flex:1 1 145px}.tw-tools{gap:6px}
}
@media(max-width:350px){.tw-surah-grid{grid-template-columns:1fr}.tw-btn{padding-inline:10px}}

/* Premium visual layer — light/dark aware, no external assets */
.tw-section-nav{background:rgba(255,253,249,.94);border-bottom-color:var(--tw-line);box-shadow:0 8px 28px rgba(23,55,41,.06);backdrop-filter:blur(10px)}
html[data-theme="dark"] .tw-section-nav,html.dark .tw-section-nav{background:rgba(18,30,24,.94);box-shadow:0 8px 28px rgba(0,0,0,.24)}
.tw-section-nav .tw-shell{position:relative}
.tw-brand{display:inline-flex;align-items:center;gap:7px}
.tw-brand:before{content:"۞";display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--tw-accent-soft);color:var(--tw-accent);font-size:1rem}
.tw-search-trigger{background:var(--tw-surface2)!important;border-color:var(--tw-line-strong)!important;font-weight:800!important}
.tw-crumbs{min-height:46px}
.tw-hero{isolation:isolate;background:linear-gradient(135deg,var(--tw-surface) 0%,var(--tw-surface) 62%,var(--tw-green-soft) 100%);border-color:var(--tw-line-strong);box-shadow:var(--tw-shadow-strong)}
.tw-hero:before{content:"";position:absolute;z-index:-1;inset:0 auto auto 0;width:42%;height:4px;background:linear-gradient(90deg,transparent,var(--tw-accent),var(--tw-accent2));opacity:.9}
.tw-hero:after{font-size:clamp(112px,17vw,190px);top:-38px;inset-inline-end:3%;opacity:.075}
.tw-kicker{padding:4px 10px;border:1px solid var(--tw-line);border-radius:999px;background:var(--tw-surface);box-shadow:0 4px 16px rgba(0,0,0,.035)}
.tw-hero h1{letter-spacing:-.018em;text-wrap:balance}
.tw-actions{align-items:stretch}
.tw-btn{position:relative;overflow:hidden;min-height:48px;border-color:var(--tw-line-strong);box-shadow:0 3px 10px rgba(0,0,0,.035);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}
.tw-btn-primary{background:linear-gradient(135deg,var(--tw-accent2),var(--tw-accent2-strong));color:#fff;box-shadow:0 9px 22px rgba(20,95,73,.20)}
html[data-theme="dark"] .tw-btn-primary,html.dark .tw-btn-primary{color:#07130e}
.tw-btn-gold{background:linear-gradient(135deg,var(--tw-accent),var(--tw-accent-strong));color:#fff;box-shadow:0 9px 22px rgba(168,121,34,.18)}
html[data-theme="dark"] .tw-btn-gold,html.dark .tw-btn-gold{color:#171207}
.tw-panel{position:relative;border-color:var(--tw-line);box-shadow:var(--tw-shadow)}
.tw-panel>h2:first-child{display:flex;align-items:center;gap:10px;color:var(--tw-text)}
.tw-panel>h2:first-child:before{content:"";flex:0 0 auto;width:8px;height:20px;border-radius:999px;background:linear-gradient(180deg,var(--tw-accent),var(--tw-accent2))}
.tw-card{position:relative;overflow:hidden;border-color:var(--tw-line);box-shadow:0 6px 18px rgba(25,47,36,.045);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
.tw-card:after{content:"";position:absolute;inset:auto 14px 0 14px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--tw-accent),transparent);opacity:0;transform:scaleX(.45);transition:.18s ease}
.tw-card:hover,.tw-card:focus-visible{transform:translateY(-3px);border-color:var(--tw-accent);box-shadow:var(--tw-shadow-strong)}
.tw-card:hover:after,.tw-card:focus-visible:after{opacity:.75;transform:scaleX(1)}
.tw-card h2,.tw-card h3{text-wrap:balance}
.tw-icon{border:1px solid rgba(168,121,34,.14);background:linear-gradient(145deg,var(--tw-accent-soft),var(--tw-surface3));box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.tw-premium{border-color:var(--tw-accent);background:linear-gradient(145deg,var(--tw-surface) 0%,var(--tw-surface) 68%,var(--tw-surface3) 100%)}
.tw-premium .tw-icon{width:42px;height:42px;font-size:1.05rem}
.tw-callout{border:1px solid var(--tw-line);border-inline-start:4px solid var(--tw-accent);background:linear-gradient(135deg,var(--tw-accent-soft),var(--tw-surface));box-shadow:0 5px 16px rgba(0,0,0,.035)}
.tw-badge{border:1px solid var(--tw-line);background:var(--tw-accent-soft)}
.tw-table-wrap{border-color:var(--tw-line-strong);box-shadow:0 5px 16px rgba(0,0,0,.035)}
.tw-table th{color:var(--tw-text);font-weight:850}
.tw-prevnext a{min-width:0;overflow-wrap:anywhere;box-shadow:0 4px 14px rgba(0,0,0,.035)}
.tw-prevnext a:hover,.tw-prevnext a:focus-visible{border-color:var(--tw-accent);background:var(--tw-surface2)}
.tw-side .tw-panel{border-top:3px solid var(--tw-accent2)}
.tw-side a{transition:padding .16s ease,color .16s ease,background .16s ease;border-radius:8px}
.tw-side a:hover,.tw-side a:focus-visible{padding-inline:9px;color:var(--tw-accent2);background:var(--tw-surface2)}
.tw-surah-card{min-width:0;border-color:var(--tw-line);box-shadow:0 4px 14px rgba(0,0,0,.03);transition:.18s ease}
.tw-surah-card:hover,.tw-surah-card:focus-visible{transform:translateY(-2px);border-color:var(--tw-accent);box-shadow:var(--tw-shadow)}
.tw-surah-card>span,.tw-surah-card>div{min-width:0}.tw-surah-card strong,.tw-surah-card small{overflow-wrap:anywhere}
.tw-surah-no{flex:0 0 36px;border:1px solid rgba(168,121,34,.18)}
.tw-search-input,.tw-option,select,input,textarea{border-color:var(--tw-line-strong);accent-color:var(--tw-accent2)}
.tw-search-input:focus,.tw-option:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--tw-focus);outline-offset:1px;border-color:var(--tw-accent)}
.tw-result{transition:.16s ease}.tw-result:hover,.tw-result:focus-visible{background:var(--tw-surface2);border-color:var(--tw-accent)}
.tw-dialog{box-shadow:0 28px 80px rgba(0,0,0,.36)}
.tw-close{font-weight:900;font-size:1.15rem}
.tw-progress{height:11px}.tw-progress span{background:linear-gradient(90deg,var(--tw-accent2),var(--tw-accent))}
.tw-faq details{border-color:var(--tw-line)}.tw-faq summary{padding:4px 0}.tw-faq summary:hover{color:var(--tw-accent2)}
.tw-reading a:not(.tw-btn):not(.tw-card):not(.tw-surah-card){text-decoration-thickness:1px;text-underline-offset:3px}
.tw-reading h2,.tw-reading h3{scroll-margin-top:84px}
.tw-reading,.tw-main,.tw-layout,.tw-panel,.tw-card{min-width:0}
.tw-ui-ready .tw-panel,.tw-ui-ready .tw-card,.tw-ui-ready .tw-btn,.tw-ui-ready .tw-section-nav{transition-duration:.18s}
:focus-visible{outline-color:var(--tw-focus)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tw-card,.tw-btn,.tw-surah-card,.tw-card:after{transition:none!important;transform:none!important}}
@media(max-width:980px){
 .tw-layout{gap:14px}.tw-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tw-side .tw-panel{margin:0}
}
@media(max-width:768px){
 .tw-section-nav .tw-shell{min-height:54px}.tw-section-nav a,.tw-section-nav button{padding:8px 10px}
 .tw-crumbs{padding-block:12px 0}.tw-hero{margin-top:10px;margin-bottom:16px}
 .tw-panel{margin-bottom:14px}.tw-side{grid-template-columns:1fr}
}
@media(max-width:680px){
 .tw-hero{background:linear-gradient(155deg,var(--tw-surface) 0%,var(--tw-surface) 72%,var(--tw-green-soft) 100%)}
 .tw-hero h1{font-size:clamp(1.55rem,7vw,2rem)}.tw-hero p{font-size:.98rem}
 .tw-actions{gap:8px}.tw-actions .tw-btn{min-height:50px}
 .tw-panel{padding:16px}.tw-card{padding:15px}
 .tw-dialog{padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom))}
 .tw-settings-panel{position:fixed;inset:auto 9px max(9px,env(safe-area-inset-bottom));width:auto;max-height:72vh;overflow:auto;z-index:9998}
}
@media(max-width:430px){
 .tw-shell{width:calc(100% - 16px)}.tw-section-nav .tw-shell{width:calc(100% - 8px)}
 .tw-section-nav a,.tw-section-nav button{font-size:.93rem}.tw-brand:before{width:26px;height:26px}
 .tw-actions .tw-btn{flex:1 1 calc(50% - 4px);padding-inline:10px}
 .tw-tools{align-items:stretch}.tw-tools>.tw-btn,.tw-tools>.tw-settings{flex:1 1 auto}.tw-tools>.tw-settings>.tw-btn{width:100%}
 .tw-text-size{flex:1 1 100%;justify-content:center}.tw-text-size button{flex:1}.tw-text-size output{flex:0 0 64px}
 .tw-surah-card{padding:11px 10px}.tw-surah-no{width:34px;height:34px;flex-basis:34px}
}
@media(max-width:360px){
 .tw-actions .tw-btn{flex-basis:100%}.tw-surah-grid{gap:8px}.tw-surah-card{font-size:.94rem}.tw-card h2,.tw-card h3{font-size:1.02rem}
 .tw-prevnext{grid-template-columns:1fr}.tw-prevnext a:nth-child(2){grid-column:auto;grid-row:auto}.tw-prevnext a:last-child{text-align:right}
}
@media(max-width:320px){.tw-shell{width:calc(100% - 12px)}.tw-panel{padding:14px}.tw-hero{padding:18px 14px}.tw-surah-grid{grid-template-columns:1fr}}
@media print{
 body{background:#fff;color:#000}.tw-section-nav,.tw-hero .tw-actions,.tw-tools,.tw-side,.tw-related,.tw-prevnext,.tw-modal,header#header,footer#footer{display:none!important}
 .tw-shell{width:100%}.tw-layout{display:block}.tw-panel,.tw-card{box-shadow:none;border:0;padding:0}.tw-hero{box-shadow:none;border:0;padding:0}
 a{text-decoration:none;color:#000}.tw-reading{font-size:12pt}
}
/* Contrast polish after visual QA */
.tw-btn-gold{color:#171207}
.tw-icon,.tw-surah-no{color:var(--tw-accent-strong)}
/* Accessible premium gold CTA */
.tw-btn-gold{background:linear-gradient(135deg,#d4aa50,#b98a2f);border-color:#b98a2f;color:#171207}
html[data-theme="dark"] .tw-btn-gold,html.dark .tw-btn-gold{background:linear-gradient(135deg,var(--tw-accent),var(--tw-accent-strong));border-color:var(--tw-accent);color:#171207}