.qr-hero{background:var(--hibr);color:var(--waraq);padding:48px 0;text-align:center}.qr-hero h1{font-size:clamp(24px,4vw,38px);color:var(--dhahab);font-family:var(--font-titre)}.qr-hero .meta{color:#f7f3eab3;font-size:15px;margin-top:8px}.qr-hero .meta-sub{margin-top:12px}.qr-hero .meta-sub a{color:var(--dhahab);text-decoration:underline;font-size:14px}.qr-tabs{display:flex;gap:4px;padding:12px 0 0;border-bottom:2px solid var(--hibr-line)}.qr-tab{background:none;border:none;padding:10px 20px;font-size:15px;font-family:inherit;color:var(--ramad);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s}.qr-tab:hover{color:var(--hibr)}.qr-tab.active{color:var(--zaytuni);border-bottom-color:var(--zaytuni);font-weight:600}.qr-panel{padding:24px 0 60px}.qr-panel.hidden{display:none}.qr-intro{background:var(--waraq-2);border-inline-start:3px solid var(--zaytuni);border-radius:var(--r);padding:16px 20px;margin-bottom:24px}.qr-intro p{font-size:16px;line-height:1.9;color:var(--hibr-2)}.vol-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.vol-card{border:1px solid var(--hibr-line);border-radius:var(--r);cursor:pointer;transition:all .2s;overflow:hidden}.vol-card:hover{border-color:var(--zaytuni);box-shadow:var(--ombre);transform:translateY(-2px)}.vol-card-head{background:var(--hibr);padding:12px 16px}.vol-num{color:var(--dhahab);font-weight:700;font-size:16px}.vol-card-body{padding:14px 16px}.vol-stat{font-size:14px;color:var(--hibr-2);margin-bottom:4px}.vol-stat span{font-weight:700;color:var(--zaytuni)}.vol-chapters{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.vol-ch-badge{font-size:11px;background:var(--waraq-2);color:var(--ramad);padding:2px 8px;border-radius:3px;border:1px solid var(--hibr-line)}.vol-ch-more{background:var(--hibr-line)}.vol-detail{padding:24px 0 60px}.vol-detail.hidden{display:none}.vd-header{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}.vd-back-btn{background:none;border:1px solid var(--hibr-line);padding:6px 14px;border-radius:var(--r);cursor:pointer;font-family:inherit;font-size:14px;color:var(--zaytuni)}.vd-back-btn:hover{background:var(--waraq-2)}.vd-header h2{font-size:22px;color:var(--hibr);flex:1}.vd-stats{font-size:14px;color:var(--ramad)}.vd-nav{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--hibr-line);margin-bottom:16px}.vd-page{margin-bottom:28px;padding-bottom:20px;border-bottom:1px dashed var(--hibr-line)}.vd-page:last-child{border-bottom:none}.vd-page-marker{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.vd-page-marker span{font-size:12px;color:var(--ramad);background:var(--waraq-2);padding:2px 8px;border-radius:3px}.vd-chapter{color:var(--zaytuni)!important;font-weight:600}.vd-has-rules{color:var(--dhahab)!important}.vd-page-text{font-size:18px;line-height:2.1;color:var(--hibr-2);text-align:justify}.vd-rules{margin-top:16px;padding:14px;background:var(--waraq-2);border:1px solid var(--hibr-line);border-radius:var(--r)}.vd-rules h4{font-size:14px;color:var(--zaytuni);margin-bottom:10px}.vd-rule{padding:10px 0;border-bottom:1px solid var(--hibr-line)}.vd-rule:last-child{border-bottom:none}.vd-rule-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.vd-rule-title{font-weight:700;font-size:15px;color:var(--hibr)}.vd-rule-cat{font-size:11px;background:var(--zaytuni);color:#fff;padding:2px 8px;border-radius:3px;font-weight:600}.vd-rule-def{font-size:14px;line-height:1.8;color:var(--hibr-2)}.vd-rule-excerpt{font-size:13px;color:var(--ramad);font-style:italic;margin-top:4px}.qr-search-bar{margin-bottom:16px}.qr-search-bar input{width:100%;padding:12px 16px;border:1px solid var(--hibr-line);border-radius:var(--r);font-size:16px;font-family:inherit;background:var(--waraq);direction:rtl}.qr-search-bar input:focus{outline:none;border-color:var(--zaytuni)}.qr-cats{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.cat-btn{background:var(--waraq-2);border:1px solid var(--hibr-line);padding:6px 14px;border-radius:20px;font-size:13px;font-family:inherit;cursor:pointer;color:var(--hibr-2)}.cat-btn.active{background:var(--zaytuni);color:#fff;border-color:var(--zaytuni)}.qr-results-info{font-size:14px;color:var(--ramad);margin-bottom:12px}.rule-card{border:1px solid var(--hibr-line);border-radius:var(--r);padding:14px;margin-bottom:10px}.rule-card:hover{border-color:var(--zaytuni)}.rule-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px}.rule-title{font-weight:700;font-size:16px;color:var(--hibr)}.rule-loc{font-size:12px;color:var(--ramad);white-space:nowrap}.rule-cats{display:flex;gap:4px;margin-bottom:6px}.rule-def{font-size:14px;line-height:1.8;color:var(--hibr-2)}.qr-load-more{text-align:center;padding:16px 0}.nav-btn{background:var(--zaytuni);color:#fff;border:none;padding:8px 16px;border-radius:var(--r);cursor:pointer;font-size:14px;font-family:inherit}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.nav-btn:hover:not(:disabled){background:var(--hibr)}.loading{color:var(--ramad);font-style:italic}@media (max-width: 600px){.vol-grid{grid-template-columns:1fr}}