/* DeenWorld Quiz v1.6.9 - সূরা / দোয়া / গজল / ইসলামিক ঘটনা pages */
.dwq-is{display:flex;flex-direction:column;gap:16px;max-width:900px;margin-left:auto;margin-right:auto}
.dwq-is-none,.dwq-is-nores{text-align:center;font-size:18px;color:#5b6d62;padding:26px 10px;margin:0}
.dwq-is-nores[hidden]{display:none}

/* search */
.dwq-is-search{max-width:640px;width:100%;margin:0 auto}
.dwq-is-q{width:100%;box-sizing:border-box;border:2px solid #cfe0d5;border-radius:99px;padding:12px 20px;font:inherit;font-size:17px;background:#fff;color:#16241c}
.dwq-is-q:focus{outline:0;border-color:#0B6B3A}

/* list */
.dwq-is-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dwq-is-card{display:flex;align-items:stretch;background:#fff;border:1px solid #dbe7df;border-radius:18px;box-shadow:0 3px 10px rgba(6,40,25,.07);transition:transform .12s,border-color .12s}
.dwq-is-card:hover{transform:translateY(-2px);border-color:#D4AF37}
.dwq-is-card[hidden]{display:none}
.dwq-is-item{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;color:#16241c;-webkit-tap-highlight-color:transparent}
.dwq-is-no{flex:none;display:grid;place-items:center;min-width:42px;height:42px;padding:0 6px;box-sizing:border-box;border-radius:50%;background:linear-gradient(180deg,#0e5a35,#06281a);color:#f5d77a;border:2px solid #D4AF37;font-weight:800;font-size:16px}
.dwq-is-t{flex:1;min-width:0}
.dwq-is-t b{display:block;font-size:18px;line-height:1.4;font-weight:800;color:#0B6B3A;word-break:break-word}
.dwq-is-t small{display:block;font-size:14.5px;line-height:1.4;color:#5b6d62}
.dwq-is-go{flex:none;font-size:28px;line-height:1;color:#D4AF37;font-weight:700}

/* single item */
.dwq-is-back{margin:0}
.dwq-is-btn{display:inline-block;background:#fff;border:2px solid #0B6B3A;color:#0B6B3A;border-radius:99px;padding:9px 20px;font-weight:700;font-size:16.5px;text-decoration:none;line-height:1.3}
.dwq-is-btn:hover{background:#0B6B3A;color:#fff}
.dwq-is-view{background:#fff;border:1px solid #dbe7df;border-radius:22px;padding:20px 18px;box-shadow:0 4px 14px rgba(6,40,25,.07)}
.dwq-is-vh{text-align:center;margin-bottom:14px;padding-bottom:12px;border-bottom:2px solid #ecd98a}
.dwq-is-vh h2{margin:0;font-size:30px;line-height:1.4;font-weight:800;color:#0B6B3A}
.dwq-is-vh small{display:block;margin-top:4px;font-size:16px;color:#5b6d62}
.dwq-is-img img{display:block;width:100%;height:auto;border-radius:14px;margin:0 0 14px}
.dwq-is-text p{margin:0 0 12px;font-size:19px;line-height:1.9;color:#22332a;word-break:break-word}
.dwq-is-text a{color:#0B6B3A;font-weight:600;text-decoration:underline}
.dwq-is-edit{margin:10px 0 0;font-size:15px}
.dwq-is-nav{display:flex;justify-content:space-between;gap:10px}

/* bookmarks */
.dwq-is-fav{flex:none;border:0;background:none;cursor:pointer;font-size:28px;line-height:1;padding:0 16px 0 6px;color:#b08a1a;-webkit-tap-highlight-color:transparent}
.dwq-is-fav.is-on{color:#d6336c}
.dwq-is-tabs{display:flex;justify-content:center;gap:10px}
.dwq-is-tab{border:2px solid #0B6B3A;background:#fff;color:#0B6B3A;border-radius:99px;padding:9px 22px;font:inherit;font-weight:700;font-size:16.5px;cursor:pointer}
.dwq-is-tab.is-on{background:#0B6B3A;color:#fff}
.dwq-is-favpanel,.dwq-is-fvread{display:none}
.dwq-is-favpanel.dwq-is-favpanel{flex-direction:column;gap:12px}
.dwq-is.is-tab-fav .dwq-is-favpanel{display:flex}
.dwq-is.is-tab-fav .dwq-is-allpanel{display:none}
.dwq-is.is-reading .dwq-is-tabs,.dwq-is.is-reading .dwq-is-allpanel,.dwq-is.is-reading .dwq-is-favpanel{display:none!important}
.dwq-is.is-reading .dwq-is-fvread{display:flex;flex-direction:column;gap:16px}
.dwq-is-allpanel{display:flex;flex-direction:column;gap:16px}
.dwq-is-hint{margin:0;text-align:center;font-size:15.5px;color:#5b6d62}
.dwq-is-favrow{margin:0 0 14px;text-align:center}
.dwq-is-fav-big{cursor:pointer;font-family:inherit}
.dwq-is-fav-big.is-on{border-color:#d6336c;color:#d6336c}
.dwq-is-fav-big.is-on:hover{background:#d6336c;color:#fff}

@media (max-width:640px){
  .dwq-is-list{grid-template-columns:1fr}
  .dwq-is-vh h2{font-size:25px}
  .dwq-is-text p{font-size:18px}
  .dwq-is-nav{flex-wrap:wrap}
}