.khatm-board{display:block;flex:1 0 100%;box-sizing:border-box;width:100%;max-width:1100px;margin:18px auto 26px;padding:clamp(18px,3vw,30px);border:1px solid #d9bd70;border-radius:22px;background:linear-gradient(125deg,#103f39,#1b554a);color:#fff;text-align:center;box-shadow:0 12px 30px #103e3918}.khatm-board h2{color:#ffdf8b;font-size:clamp(21px,3vw,29px);margin:0 0 14px}.khatm-board p{color:#fff}.khatm-board small{display:block;color:#e1ece5;font-size:12px;line-height:1.7;margin-top:15px}.khatm-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.khatm-place{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 12px;border-radius:17px;min-width:0;color:#183f38;background:linear-gradient(145deg,#ffedb3,#ecd186)}.khatm-place b{font-size:20px;overflow-wrap:anywhere;max-width:100%}.khatm-place span{font-size:14px}.khatm-place .khatm-medal{font-size:48px;line-height:1.2}.khatm-place.place-1{background:linear-gradient(145deg,#fff,#c9d4e0)}.khatm-place.place-2{background:linear-gradient(145deg,#e3e5ee,#9fa9be)}@media(max-width:560px){.khatm-podium{grid-template-columns:1fr}.khatm-place{padding:16px}.khatm-place .khatm-medal{font-size:38px}}@media print{.khatm-board,.card-actions{display:none}}
.khatm-rules{font-size:16px;line-height:1.9;text-align:start;max-width:850px;margin:16px auto}.khatm-share{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:18px 0}.khatm-share button,.khatm-share a{font:inherit;cursor:pointer;border:1px solid #edcf82;border-radius:12px;padding:12px 18px;background:#fff4d6;color:#153f37;text-decoration:none;font-weight:700}.khatm-share a{background:#e0ffed}.khatm-place small{color:#24493f;margin:0}.place-2 .khatm-medal{filter:grayscale(1)}.khatm-share button:focus-visible,.khatm-share a:focus-visible{outline:3px solid #fff;outline-offset:4px}
.competition-hub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));direction:rtl;gap:22px;flex:1 0 100%;width:100%;max-width:1400px;margin:22px auto 30px;clear:both}.competition-hub>.khatm-board{max-width:none;height:100%;margin:0;padding:clamp(18px,2vw,28px);min-width:0}.competition-hub .khatm-board h2{font-size:clamp(21px,2.2vw,28px);line-height:1.7}.competition-hub .khatm-rules{font-size:15px;line-height:1.95}.competition-hub .khatm-place{padding:18px 9px}.competition-hub .khatm-place b{font-size:17px}.competition-hub .khatm-place strong{font-size:13px}.competition-hub .quran-board{background:linear-gradient(145deg,#fffaf0,#efe3bc);color:#164437;border:2px solid #b49547}.competition-hub .quran-board h2{color:#174f3c}.competition-hub .quran-board p{color:#234e3e}.competition-hub .quran-board>small{color:#3f6753}.competition-hub .khatm-start{display:block;text-decoration:none;text-align:center;padding:15px 18px;border:1px solid #dbbd67;border-radius:12px;background:#ffebad;color:#123f32;font-weight:800;font-size:17px;margin:18px 0}.competition-hub .quran-board .khatm-start{background:#194e3b;color:#fff}.competition-hub .khatm-share{gap:8px}.competition-hub .khatm-share button,.competition-hub .khatm-share a{font-size:13px;padding:10px 12px}.competition-hub .khatm-place small{color:#24493f}@media(max-width:1000px){.competition-hub{grid-template-columns:1fr}.competition-hub .khatm-board{height:auto}.competition-hub .khatm-podium{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.competition-hub .khatm-podium{grid-template-columns:1fr}.competition-hub{gap:18px}.competition-hub .khatm-place{padding:16px}}@media print{.competition-hub{display:none}}