/* alhamdulillah.net 2.0.0 - mobile-first Quran comparison. */
.q200-wrap{max-width:1120px;margin-inline:auto;padding-inline:clamp(12px,3vw,28px)}
.q200-hero{margin-bottom:20px}
.q200-jump{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-bottom:22px}
.q200-jump label{display:grid;gap:5px;min-width:115px}
.q200-jump input{width:100%;max-width:150px}
.q200-original{margin-block:18px 26px}
.q200-original h2{font-size:1.05rem;margin:8px 0}
.q200-original .arabic{font-size:clamp(1.65rem,4.2vw,2.35rem);line-height:2.1;text-align:right;overflow-wrap:anywhere}
.q200-section-head{margin:26px 0 15px}
.q200-section-head h2{margin-bottom:6px}
.q200-section-head p{margin:0;opacity:.82}
.q200-controls{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:end;padding:16px;border:1px solid rgba(86,139,112,.32);border-radius:17px;background:rgba(56,145,105,.06)}
.q200-controls label{font-weight:600}
.q200-baseline{display:grid;gap:5px;flex:1 1 220px}
.q200-baseline select{max-width:100%;min-height:44px;padding:9px 12px;border-radius:9px;border:1px solid #8cafa0;background:var(--paper,#fff);color:inherit;font:inherit}
.q200-checkbox{display:inline-flex;gap:8px;align-items:center;min-height:44px;cursor:pointer}
.q200-checkbox input,.q200-filter input{accent-color:#00866c;width:18px;height:18px;flex:none}
.q200-button{min-height:42px;border:1px solid #89bca5;border-radius:11px;background:rgba(39,130,96,.10);color:inherit;font:inherit;font-weight:650;padding:8px 12px;cursor:pointer}
.q200-button:hover{background:rgba(39,130,96,.18)}
.q200-filter{border:1px solid rgba(86,139,112,.25);border-radius:12px;margin-top:12px;padding:10px 14px}
.q200-filter summary{cursor:pointer;font-weight:650;min-height:28px}
.q200-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:12px;padding:14px 0 4px}
.q200-filter-grid label{display:flex;gap:9px;align-items:center;cursor:pointer}
.q200-explainer{font-size:.9rem;line-height:1.6;margin:13px 0;color:inherit;opacity:.83}
.q200-status{font-size:.9rem;line-height:1.5;margin:12px 0 18px;min-height:24px}
.q200-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:15px}
.q200-card{min-width:0;padding:17px;border:1px solid rgba(93,149,124,.38);border-radius:17px;background:var(--paper,#fff);color:inherit;box-shadow:0 4px 16px rgba(15,49,36,.05)}
.q200-card[hidden]{display:none!important}
.q200-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.q200-card-head strong{font-size:1.05rem}
.q200-card-head small{display:block;margin-top:3px;opacity:.72}
.q200-tag{font-size:.73rem;border-radius:999px;padding:4px 9px;border:1px solid rgba(93,149,124,.38);max-width:120px;overflow-wrap:anywhere}
.q200-card-text{font-size:1.05rem;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin:18px 0 12px}
.q200-different{background:#ffe7a4;color:#30220a;border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone;outline:1px solid rgba(171,118,0,.18)}
.q200-card-summary{font-size:.82rem;opacity:.77;line-height:1.5;margin:0 0 13px}
.q200-copy{font-size:.85rem}
.q200-analysis{margin-block:25px;padding:15px;border:1px solid rgba(93,149,124,.32);border-radius:13px}
.q200-analysis summary{font-weight:650;cursor:pointer}
.q200-analysis textarea{width:100%;max-width:100%}
.q200-rights{line-height:1.6;margin-top:25px}
.q200-wrap :is(button,input,select,summary,a):focus-visible{outline:3px solid #079e82;outline-offset:3px}
@media(min-width:900px){.q200-grid.q200-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.q200-controls{display:grid;grid-template-columns:1fr 1fr;padding:12px}.q200-baseline{grid-column:1/-1}.q200-checkbox{grid-column:1/-1;min-height:35px}.q200-controls .q200-button{min-width:0}.q200-card{padding:14px}.q200-original .arabic{font-size:1.7rem}.q200-section-head h2{font-size:1.25rem}}
@media print{.alh160-site-header,.alh160-footer,.q200-controls,.q200-filter,.q200-copy,.q200-jump,.q200-analysis,.page-nav,.feature-links,#alh170-back-top,#alh161-tour{display:none!important}.q200-grid,.q200-grid.q200-columns{display:block!important}.q200-card{break-inside:avoid;box-shadow:none;margin-bottom:12px}.q200-card[hidden]{display:none!important}.q200-wrap{max-width:none;padding:0}.q200-different{background:#fff1ca!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}
@media(prefers-reduced-motion:reduce){.q200-wrap *{scroll-behavior:auto!important}}
