.kd-section{background:var(--background);border-bottom:1px solid var(--border-mid);padding:60px 36px}.kd-card{background:linear-gradient(180deg, var(--card-bg) 0%, var(--deep) 100%);border:1px solid var(--border-mid);border-radius:4px;max-width:860px;margin:0 auto;padding:36px 40px;text-decoration:none;transition:border-color .3s,transform .3s,box-shadow .3s;display:block}.kd-card:hover{border-color:var(--gold);box-shadow:0 16px 40px color-mix(in srgb, var(--foreground) 18%, transparent);transform:translateY(-4px)}.kd-meta{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 12px;min-width:0;margin-bottom:22px;padding-bottom:14px;display:flex}.kd-chapter{color:var(--gold);font-family:var(--font-ui), sans-serif;font-size:var(--fs-md,13px);letter-spacing:0;text-transform:none}.kd-ref{color:var(--muted);font-family:var(--font-ui), sans-serif;letter-spacing:1px;min-width:0;font-size:12px}.kd-arabic{font-family:var(--font-arabic-display), serif;color:var(--foreground);text-align:right;margin-bottom:18px;font-size:26px;line-height:2.1}.kd-translit{color:var(--muted);font-family:var(--font-ui), sans-serif;margin:0 0 18px;font-size:14px;font-style:italic;line-height:1.7}.kd-uzbek{border-top:1px solid var(--border);color:var(--foreground);font-family:var(--font-ui), sans-serif;margin:0;padding-top:18px;font-size:15px;line-height:1.85}.kd-card--skeleton{pointer-events:none}.kd-skel{background:var(--card-bg);border-radius:2px;animation:1.5s ease-in-out infinite kd-pulse}.kd-skel-ar{height:30px;margin-bottom:22px}.kd-skel-uz{height:16px;margin-bottom:10px}.kd-skel-uz.short{width:60%}@keyframes kd-pulse{0%{opacity:.35}50%{opacity:.65}to{opacity:.35}}@media (max-width:768px){.kd-section{padding:32px 16px}.kd-card{padding:24px 20px}.kd-arabic{font-size:21px;line-height:1.95}.kd-uzbek{font-size:14px}}
.kh-section{background:var(--background);border-bottom:1px solid var(--border-mid);padding:60px 36px}.kh-card{background:linear-gradient(180deg, var(--card-bg) 0%, var(--deep) 100%);border:1px solid var(--border-mid);border-radius:4px;max-width:860px;margin:0 auto;padding:36px 40px;text-decoration:none;transition:border-color .3s,transform .3s,box-shadow .3s;display:block}.kh-card:hover{border-color:var(--gold);box-shadow:0 16px 40px color-mix(in srgb, var(--foreground) 18%, transparent);transform:translateY(-4px)}.kh-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;margin-bottom:6px;display:flex}.kh-collection{overflow-wrap:anywhere;min-width:0;font-size:var(--fs-md,13px);letter-spacing:0;text-transform:none}.kh-ref{flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0;display:inline-flex}.kh-num{color:var(--muted);font-family:var(--font-ui), sans-serif;letter-spacing:1px;font-size:12px}.kh-grade{font-family:var(--font-ui), sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:normal;overflow-wrap:anywhere;border:1px solid #0000;border-radius:2px;min-width:0;max-width:100%;padding:2px 8px;font-size:11px;line-height:1.35}.kh-grade--sahih,.kh-grade--qawi{color:var(--success);border-color:color-mix(in srgb, var(--success) 30%, transparent);background:color-mix(in srgb, var(--success) 5%, transparent)}.kh-grade--hasan{color:var(--gold-bright);border-color:color-mix(in srgb, var(--gold-bright) 30%, transparent);background:color-mix(in srgb, var(--gold-bright) 5%, transparent)}.kh-grade--daif{color:var(--error);border-color:color-mix(in srgb, var(--error) 30%, transparent);background:color-mix(in srgb, var(--error) 5%, transparent)}.kh-grade--munkar{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 45%, transparent);background:color-mix(in srgb, var(--danger) 8%, transparent)}.kh-grade--mawdu{color:var(--on-gold);border-color:var(--danger);background:var(--danger);font-weight:700}.kh-grade--other{color:var(--muted);border-color:color-mix(in srgb, var(--muted) 30%, transparent)}.kh-subtitle{color:var(--dim);font-family:var(--font-ui), sans-serif;letter-spacing:1px;border-bottom:1px solid var(--border);margin:0 0 22px;padding-bottom:14px;font-size:12px}.kh-arabic{font-family:var(--font-arabic-display), serif;color:var(--foreground);text-align:right;margin-bottom:18px;font-size:26px;line-height:2.1}.kh-text{border-top:1px solid var(--border);color:var(--foreground);font-family:var(--font-ui), sans-serif;margin:0;padding-top:18px;font-size:15px;line-height:1.85}.kh-card--skeleton{pointer-events:none}.kh-skel{background:var(--card-bg);border-radius:2px;animation:1.5s ease-in-out infinite kh-pulse}.kh-skel-ar{height:30px;margin-bottom:22px}.kh-skel-uz{height:16px;margin-bottom:10px}.kh-skel-uz.short{width:60%}@keyframes kh-pulse{0%{opacity:.35}50%{opacity:.65}to{opacity:.35}}@media (max-width:768px){.kh-section{padding:32px 16px}.kh-card{padding:24px 20px}.kh-arabic{font-size:21px;line-height:1.95}.kh-text{font-size:14px}}
.ko-section{background:var(--background);border-bottom:1px solid var(--border-mid);padding:60px 36px}.ko-card{background:linear-gradient(180deg, var(--card-bg) 0%, var(--deep) 100%);border:1px solid var(--border-mid);border-radius:4px;max-width:860px;margin:0 auto;padding:36px 40px;text-decoration:none;transition:border-color .3s,transform .3s,box-shadow .3s;display:block}.ko-card:hover{border-color:var(--gold);box-shadow:0 16px 40px color-mix(in srgb, var(--foreground) 18%, transparent);transform:translateY(-4px)}.ko-meta{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:22px;padding-bottom:14px;display:flex}.ko-surah{color:var(--gold);font-family:var(--font-ui), sans-serif;font-size:var(--fs-md,13px);letter-spacing:0;text-transform:none}.ko-ref{color:var(--muted);font-family:var(--font-ui), sans-serif;letter-spacing:1px;font-size:12px}.ko-arabic{font-family:var(--font-arabic-display), serif;color:var(--foreground);text-align:right;margin-bottom:22px;font-size:26px;line-height:2.1}.ko-ayah-num{color:var(--gold);margin:0 4px;font-size:18px}.ko-uzbek{border-top:1px solid var(--border);padding-top:18px}.ko-ayah-uz{color:var(--foreground);font-family:var(--font-ui), sans-serif;margin:0 0 8px;font-size:15px;line-height:1.85}.ko-ayah-uz:last-child{margin-bottom:0}.ko-ayah-uz-num{color:var(--gold);font-weight:600}.ko-card--skeleton{pointer-events:none}.ko-skel{background:var(--card-bg);border-radius:2px;animation:1.5s ease-in-out infinite ko-pulse}.ko-skel-ar{height:30px;margin-bottom:22px}.ko-skel-uz{height:16px;margin-bottom:10px}.ko-skel-uz.short{width:60%}@keyframes ko-pulse{0%{opacity:.35}50%{opacity:.65}to{opacity:.35}}@media (max-width:768px){.ko-section{padding:32px 16px}.ko-card{padding:24px 20px}.ko-arabic{font-size:21px;line-height:1.95}.ko-ayah-uz{font-size:14px}}
.sd-section{background:var(--background);border-bottom:1px solid var(--border-mid);padding:clamp(40px,5vw,64px) clamp(16px,4vw,40px)}.sd-featured{background:var(--card-bg);border:1px solid var(--border);cursor:pointer;border-radius:3px;width:100%;margin-bottom:12px;transition:background .25s,border-color .25s,box-shadow .25s;overflow:hidden}.sd-featured:hover{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 6%, var(--card-bg));box-shadow:0 0 0 1px color-mix(in srgb, var(--gold) 22%, transparent), 0 12px 26px color-mix(in srgb, var(--foreground) 14%, transparent)}.sd-featured-body{padding:18px 20px}.sd-featured-title{color:var(--foreground);font-size:var(--fs-2xl,18px);font-weight:600;line-height:1.35;font-family:var(--font-ui), sans-serif;margin:0 0 8px}.sd-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:10px;display:grid}.sd-card{color:inherit;background:var(--card-bg);border:1px solid var(--border);cursor:pointer;border-radius:3px;text-decoration:none;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s;display:block;overflow:hidden}.sd-card-body{padding:12px}.sd-card-title{color:var(--foreground);font-size:var(--fs-xl,16px);font-weight:600;line-height:1.35;font-family:var(--font-ui), sans-serif;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 6px;display:-webkit-box;overflow:hidden}.sd-card-scholar{color:var(--gold);letter-spacing:1px;font-size:13px;font-family:var(--font-ui), sans-serif;margin:0 0 3px}.sd-card-date{color:var(--dim);font-size:var(--fs-md,13px);font-family:var(--font-ui), sans-serif;margin:0}.sd-hero-grid{grid-template-columns:1.6fr 1fr;gap:16px;margin-bottom:16px;display:grid}.sd-hero-grid .sd-featured{margin:0}.sd-rail{grid-template-rows:repeat(3,minmax(0,1fr));gap:10px;min-height:0;display:grid}.sd-mini{cursor:pointer;border-radius:4px;grid-template-columns:auto 1fr;align-items:stretch;gap:10px;min-height:0;transition:background .15s;display:grid;overflow:hidden}.sd-mini:hover{background:color-mix(in srgb, var(--gold) 6%, transparent)}.sd-mini-thumb{aspect-ratio:16/9;background:var(--background);flex-shrink:0;height:100%;position:relative;overflow:hidden}.sd-mini-body{flex-direction:column;justify-content:flex-start;min-width:0;padding:4px 4px 4px 0;display:flex}.sd-mini-title{color:var(--foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 6px;font-size:14px;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.sd-mini-scholar{color:var(--gold);font-size:var(--fs-md,13px);letter-spacing:0;text-transform:none;margin:0 0 4px}.sd-mini-date{color:var(--dim);letter-spacing:1px;margin:0;font-size:11px}.sd-thumb .view-badge,.sd-mini-thumb .view-badge{z-index:3;position:absolute;top:8px;right:8px}.sd-card-footer{flex-direction:column;align-items:flex-end;gap:6px;margin-top:10px;display:flex}.sd-actions-box{padding:4px 6px;display:inline-flex}.sd-actions-box .video-actions{flex-direction:row;gap:6px}.sd-actions-box .va-action{width:26px;height:26px}.sd-mini-body .sd-actions-box{padding:3px 5px}.sd-mini-body .sd-actions-box .va-action{width:22px;height:22px}.sd-mini-body .sd-actions-box .va-action svg{width:11px;height:11px}.sd-thumb{background:var(--background);aspect-ratio:16/9;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.sd-thumb--lg,.sd-thumb--sm,.sd-mini-thumb{aspect-ratio:16/9}.sd-thumb-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.sd-thumb-pattern{background:repeating-linear-gradient(45deg, var(--gold) 0, var(--gold) 1px, transparent 1px, transparent 9px);opacity:.08;position:absolute;inset:0}.sd-badge-new{background:var(--gold-fill,var(--gold));color:var(--on-gold);letter-spacing:2px;z-index:1;font-size:13px;font-weight:600;font-family:var(--font-ui), sans-serif;padding:4px 12px;position:absolute;top:14px;left:14px}.sd-duration{background:color-mix(in srgb, var(--card-bg) 85%, transparent);color:var(--gold);border:1px solid var(--gold);font-family:var(--font-ui), sans-serif;letter-spacing:1px;z-index:1;-webkit-backdrop-filter:blur(6px);border-radius:2px;position:absolute}.sd-duration--lg{padding:4px 10px;font-size:13px;bottom:14px;right:14px}.sd-duration--sm{padding:2px 6px;font-size:13px;bottom:6px;right:6px}.sd-play{z-index:1;color:var(--gold);background:color-mix(in srgb, var(--card-bg) 80%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--gold) 60%, transparent), 0 6px 16px color-mix(in srgb, var(--foreground) 9%, transparent), 0 0 24px color-mix(in srgb, var(--gold) 20%, transparent);-webkit-backdrop-filter:blur(8px);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .25s,color .25s,transform .2s,box-shadow .25s;display:flex;position:relative}.sd-play--lg{width:64px;height:64px}.sd-play--sm{width:36px;height:36px}.sd-featured:hover .sd-play,.sd-card:hover .sd-play{background:var(--gold-fill,var(--gold));color:var(--on-gold);box-shadow:0 0 0 1px var(--gold), 0 8px 24px color-mix(in srgb, var(--foreground) 11%, transparent), 0 0 36px color-mix(in srgb, var(--gold) 45%, transparent);transform:scale(1.06)}.sd-meta{justify-content:space-between;align-items:center;display:flex}.sd-scholar{color:var(--gold);letter-spacing:1px;font-size:13px;font-family:var(--font-ui), sans-serif}.sd-date{color:var(--muted);font-size:13px;font-family:var(--font-ui), sans-serif}.sd-footer{text-align:center;margin-top:16px}.sd-btn{border:1px solid var(--gold);color:var(--gold);font-size:var(--fs-md,13px);letter-spacing:0;cursor:pointer;font-family:var(--font-ui), sans-serif;text-transform:none;background:0 0;padding:10px 28px;text-decoration:none;transition:background .3s,color .3s;display:inline-block}.sd-btn:hover{background:var(--gold-fill,var(--gold));color:var(--on-gold)}.sd-empty{text-align:center;color:var(--muted);font-family:var(--font-ui), sans-serif;letter-spacing:1px;padding:60px 0;font-size:17px}@keyframes pulse{0%{opacity:.35}50%{opacity:.65}to{opacity:.35}}.skeleton{background:var(--card-bg);border-radius:2px;animation:1.5s ease-in-out infinite pulse}.sd-featured--skeleton .sd-featured-body{flex-direction:column;gap:16px;padding:18px 20px;display:flex}.sd-card--skeleton .sd-card-body{flex-direction:column;gap:8px;padding:12px;display:flex}.sd-skel-title{width:75%;height:16px}.sd-skel-meta{width:50%;height:12px}.sd-skel-sm-title{width:80%;height:11px}.sd-skel-sm-meta{width:55%;height:9px}@media (max-width:1024px){.sd-hero-grid{grid-template-columns:1fr}.sd-rail{grid-template-rows:none;grid-template-columns:repeat(3,1fr)}.sd-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sd-section{padding:32px 16px}.sd-grid{grid-template-columns:1fr;gap:16px}.sd-rail{grid-template-columns:1fr}.sd-mini-thumb{width:160px;height:auto}.sd-play--lg{width:52px;height:52px}.sd-play--sm{width:32px;height:32px}.sd-play--lg svg{width:22px;height:22px}.sd-play--sm svg{width:11px;height:11px}}@media (max-width:480px){.sd-grid{gap:14px}.sd-mini-thumb{width:110px}.sd-mini-title{font-size:12px;line-height:1.3}.sd-play--lg{width:48px;height:48px}.sd-play--sm{width:28px;height:28px}.sd-play--lg svg{width:20px;height:20px}.sd-play--sm svg{width:10px;height:10px}}