.qp{width:100%;max-width:1080px;margin:0 auto;padding:18px 16px 40px}.qp>*{width:100%}.qp p,.qp-h1,.qp-tutor,.qp-faq,.qp-trust{max-width:760px}.qp .qp-wide p{max-width:none}@media(min-width:1024px){.qp{display:grid;grid-template-columns:minmax(0,1fr) 300px;column-gap:40px;align-content:start}.qp>*{grid-column:1 / -1}.qp>.qp-crumbs,.qp>.qp-head,.qp>.qp-answer,.qp>.qp-toc{grid-column:1}.qp>[data-section=tutor-line]{grid-column:2;grid-row:2 / span 3;align-self:start}.qp .qp-tutor{flex-direction:column;align-items:flex-start;gap:14px;margin-top:8px;padding:22px}.qp .qp-tutor-img{width:72px;height:72px}.qp .qp-tutor p{font-size:16px}}.qp-crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;margin:0;padding:0;list-style:none;font-size:13px;color:var(--muted-foreground)}.qp-crumbs li{display:flex;align-items:center;gap:6px}.qp-crumbs li+li:before{content:"›";color:#1a141066}[dir=rtl] .qp-crumbs li+li:before{content:"‹"}.qp-crumbs a{display:inline-flex;min-height:44px;min-width:44px;align-items:center;color:var(--muted-foreground)}.qp-crumbs a:hover{color:var(--foreground)}.qp-crumbs span{color:var(--foreground);font-weight:600}.qp-head{padding:4px 0 2px}.qp-h1{margin:4px 0 0;font-family:"Instrument Serif",var(--app-font-sans);font-weight:400;font-size:clamp(2.3rem,7vw,3.6rem);line-height:1.04;letter-spacing:-.01em;text-wrap:balance}:lang(ar) .qp-h1{font-family:var(--app-font-arabic);font-weight:600;line-height:1.4;font-size:clamp(1.9rem,6vw,2.9rem);letter-spacing:0}.qp-sub{margin:10px 0 0;font-size:16px;line-height:1.5;color:#1a1410b8}.qp-chips{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none}.qp-chips li{padding:6px 12px;border-radius:999px;border:1.5px solid var(--glass-rim);background:#fffcf4b3;font-size:13px;font-weight:600;color:var(--foreground)}.qp-tutor{display:flex;align-items:center;gap:12px;margin-top:18px;padding:12px 14px}.qp-tutor-img{flex:none;width:48px;height:48px;border-radius:999px}.qp-tutor p{flex:1;margin:0;font-size:15px;font-weight:500;line-height:1.45}.qp-tutor-cta{display:inline-flex;flex:none;min-height:44px;align-items:center;padding:0 16px;font-size:14px;font-weight:700}@media(max-width:480px){.qp-tutor{flex-wrap:wrap}.qp-tutor p{flex-basis:calc(100% - 64px)}.qp-tutor-cta{margin-inline-start:60px}}.qp-answer p{margin:16px 0 0;font-size:17px;line-height:1.65;color:var(--foreground)}.qp-toc{margin-top:16px}.qp-toc ol{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.qp-toc a{display:inline-flex;min-height:44px;align-items:center;padding:0 14px;border-radius:999px;border:1.5px solid var(--glass-rim);background:#fffcf499;font-size:13px;font-weight:600;color:var(--foreground)}.qp-section{margin-top:52px;scroll-margin-top:80px}.qp-h2{margin:0 0 12px;font-family:"Instrument Serif",var(--app-font-sans);font-weight:400;font-size:clamp(1.7rem,4vw,2.3rem);line-height:1.1;text-wrap:balance}:lang(ar) .qp-h2{font-family:var(--app-font-arabic);font-weight:600;line-height:1.5;font-size:clamp(1.4rem,3.4vw,1.9rem)}.qp-h3{margin:18px 0 10px;font-size:15px;font-weight:700}.qp-lead{margin:0 0 16px;font-size:15.5px;line-height:1.55;color:#1a1410bf}.qp-note{margin:10px 0 0;font-size:13px;line-height:1.5;color:#1a14109e}.qp-table{width:100%;border-collapse:collapse;font-size:14.5px;background-image:linear-gradient(180deg,var(--glass-top),var(--glass-bottom));border:1.5px solid var(--glass-rim);border-radius:22px}.qp-table caption{caption-side:top;text-align:start;padding:0 2px 10px;font-size:14px;line-height:1.5;color:#1a1410b3}.qp-table th,.qp-table td{padding:6px 12px;text-align:start;vertical-align:middle;border-bottom:1px solid rgb(230 211 164 / .6)}.qp-table thead th{padding-block:10px;font-size:12.5px;font-weight:700;color:#1a141099}.qp-table tbody tr:last-child>*{border-bottom:0}.qp-table tbody th{font-weight:600}.qp-table a{display:inline-flex;min-height:44px;min-width:44px;align-items:center;color:var(--foreground);text-decoration:underline;text-decoration-color:#d4a74a99;text-underline-offset:3px}.qp-num{font-variant-numeric:tabular-nums;white-space:nowrap}.qp-num b{font-weight:700}.qp-ar{font-family:var(--app-font-arabic);font-weight:600;color:var(--accent-foreground)}.qp-dot{display:inline-block;flex:none;width:10px;height:10px;margin-inline-end:8px;border-radius:9px;vertical-align:middle}@media(max-width:639px){.qp-rtable,.qp-rtable tbody,.qp-rtable th,.qp-rtable td,.qp-rtable caption{display:block}.qp-rtable{background:none;border:0;border-radius:0}.qp-rtable thead{display:none}.qp-rtable tbody{display:grid;gap:8px}.qp-rtable tr{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 16px;padding:8px 14px;border-radius:18px;border:1.5px solid var(--glass-rim);background-image:linear-gradient(180deg,var(--glass-top),var(--glass-bottom))}.qp-rtable th,.qp-rtable td{padding:0;border:0}.qp-rtable th{flex:1 0 100%}.qp-rtable td[data-label]{display:inline-flex;align-items:baseline;gap:6px;padding:2px 0;font-size:14px}.qp-rtable td[data-label]:before{content:attr(data-label);font-size:12px;font-weight:600;color:#1a141094}.qp-rtable td.qp-cell-link{flex:1 0 100%}.qp-rtable td.qp-cell-link:before{display:none}}.qp-links{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.qp-links a{display:inline-flex;min-height:44px;align-items:center;padding:0 14px;border-radius:999px;border:1.5px solid var(--glass-rim);background:#fffcf499;font-size:13.5px;font-weight:600;color:var(--foreground)}.qp-cards{display:grid;gap:10px;margin:0;padding:0;list-style:none}@media(min-width:640px){.qp-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.qp-card{display:flex;flex-direction:column;gap:2px;height:100%;padding:14px 16px;color:var(--foreground)}.qp-card span{font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#1a141094}:lang(ar) .qp-card span{letter-spacing:0;text-transform:none;font-size:13px}.qp-card b{font-size:16px;line-height:1.35}.qp-card small{font-size:13px;color:#1a1410a8}a.qp-card:hover{background-color:#fffcf4e6}.qp-card-next{text-align:end}.qp-listen{display:flex;flex-direction:column;gap:12px;padding:16px}.qp-reciters{display:flex;flex-wrap:wrap;gap:6px}.qp-reciters button{min-height:44px;padding:0 14px;border-radius:999px;border:1.5px solid var(--glass-rim);background:#fffcf499;font-size:13px;font-weight:600;color:#1a1410b3}.qp-reciters button[aria-pressed=true]{border-color:var(--gold-mid);background:var(--accent);color:var(--accent-foreground)}.qp-from{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}.qp-from select{flex:1;min-width:0;min-height:44px;padding:0 12px;border-radius:14px;border:1.5px solid var(--glass-rim);background:#fffcf4d9;font:inherit;font-size:14px;color:var(--foreground)}.qp-bar-slot{min-height:64px}.qp-bar{display:flex;align-items:center;gap:10px;height:64px;padding:0 10px;border-radius:999px;background-image:linear-gradient(180deg,#fffcf4f7,#faf0d8f2);border:1.5px solid rgb(255 255 250 / .9);box-shadow:0 18px 40px -18px #8c641e8c}.qp-bar.is-docked{position:fixed;inset-inline:16px;bottom:max(10px,env(safe-area-inset-bottom));z-index:40;max-width:720px;margin-inline:auto}.qp-play{display:inline-flex;flex:none;width:44px;height:44px;align-items:center;justify-content:center;border-radius:999px;background-image:linear-gradient(180deg,var(--gold-top),var(--gold-bottom));color:var(--primary-foreground)}.qp-play .i-pause,.qp-bar.is-playing .qp-play .i-play{display:none}.qp-bar.is-playing .qp-play .i-pause{display:block}.qp-now{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}.qp-track{height:3px;border-radius:3px;background:#1a14101f;overflow:hidden}.qp-track i{display:block;height:100%;background:var(--gold-top);transform:scaleX(0);transform-origin:left}[dir=rtl] .qp-track i{transform-origin:right}.qp-recite{display:inline-flex;flex:none;min-height:44px;align-items:center;padding:0 16px;font-size:14px;font-weight:700}.qp-plan{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}@media(min-width:1024px){.qp-plan{grid-template-columns:repeat(3,minmax(0,1fr))}}.qp-day label{display:flex;align-items:flex-start;gap:10px;height:100%;min-height:56px;padding:10px 12px;border-radius:18px;border:1.5px solid var(--glass-rim);background:#fffcf4b3;cursor:pointer}.qp-day input{flex:none;width:22px;height:22px;margin:2px 0 0;accent-color:var(--gold-bottom)}.qp-day b{display:block;font-size:13px;color:var(--accent-foreground)}.qp-day span{display:block;font-size:14.5px;font-weight:600;line-height:1.4}.qp-day small{display:block;font-size:12.5px;color:#1a14109e}.qp-day input:checked+span b{color:var(--success, #3f7d4e)}.qp-day:has(input:checked) label{background:#e8f1e2bf;border-color:#81aa788c}.qp-print{display:inline-flex;min-height:44px;align-items:center;margin-top:14px;padding:0 16px;border-radius:999px;border:1.5px solid var(--glass-rim);background:#fffcf499;font-weight:700;color:var(--accent-foreground)}.qp-faq{display:flex;flex-direction:column;gap:10px}.qp-faq details{padding:4px 18px}.qp-faq summary{display:flex;min-height:52px;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;font-weight:600}.qp-faq summary::-webkit-details-marker{display:none}.qp-faq summary:after{content:"+";color:var(--gold-top);font-weight:700}.qp-faq details[open] summary:after{content:"–"}.qp-faq p{margin:0 0 14px;line-height:1.6;color:#1a1410d1}.qp-trust{padding-top:18px;border-top:1px solid rgb(230 211 164 / .9);font-size:13.5px;line-height:1.6;color:#1a1410b8}.qp-trust p{margin:0}.qp-trust a{display:inline-flex;min-height:44px;align-items:center;color:var(--accent-foreground);text-decoration:underline;text-underline-offset:3px}.qp-trust-title{margin:8px 0 6px;font-size:14px;font-weight:700;color:var(--foreground)}.qp-trust ul{margin:0;padding-inline-start:18px}.qp-end{display:flex;flex-direction:column;align-items:center;gap:12px;padding:34px 20px;border-radius:32px;text-align:center}.qp-end p{margin:0;color:#1a1410bf}.qp-end .qp-h2{margin:0}.qp-end-faces{display:flex}.qp-end-faces img{border-radius:999px;border:2px solid #fffcf4}.qp-end-faces img+img{margin-inline-start:-10px}.qp-free{font-size:13px}@media print{body *{visibility:hidden}[data-section=plan-30-days],[data-section=plan-30-days] *{visibility:visible}[data-section=plan-30-days]{position:absolute;inset:0 auto auto 0;width:100%;margin:0}.qp-print{display:none}.qp-day label{border-color:#999;background:none}}
