.hja-islam{--navy:#10233f;--blue:#1769e0;--blue2:#0e56bf;--soft:#eef6ff;--green:#0f8b68;--green-soft:#ecfaf5;--gold:#b97800;--gold-soft:#fff7e5;--border:#dce7f4;--muted:#60708a;width:100%;max-width:1120px;margin:30px auto;padding:0 16px;color:var(--navy);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;overflow:visible}.hja-islam *{box-sizing:border-box;max-width:100%}.hja-islam button,.hja-islam input,.hja-islam select{font:inherit}.hja-islam__hero{text-align:center;margin-bottom:24px}.hja-islam__eyebrow{display:inline-block;padding:7px 13px;border-radius:999px;background:var(--green-soft);color:var(--green);font-size:13px;font-weight:800}.hja-islam__hero h1{font-size:clamp(30px,5vw,46px);line-height:1.1;letter-spacing:-.035em;margin:10px 0}.hja-islam__hero p{max-width:780px;margin:auto;color:var(--muted);line-height:1.65}.hja-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:18px}.hja-tab{width:100%;min-width:0;min-height:50px;border:1px solid var(--border);background:#fff;border-radius:12px;color:var(--navy);font-weight:750;cursor:pointer;padding:8px 10px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}.hja-tab.is-active{background:var(--blue);border-color:var(--blue);color:#fff}.hja-panel{display:none;width:100%;min-width:0;background:#fff;border:1px solid var(--border);border-radius:22px;padding:clamp(18px,4vw,34px);box-shadow:0 12px 36px rgba(16,35,63,.06);overflow:hidden}.hja-panel.is-active{display:block}.hja-panel__intro h2{font-size:26px;margin:0 0 7px;line-height:1.25}.hja-panel__intro p{color:var(--muted);margin:0 0 18px;line-height:1.6}.hja-section-title{font-size:17px;margin:25px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.hja-notice{padding:14px 16px;background:var(--gold-soft);border:1px solid #f1ddb0;border-radius:14px;color:#6c520d;line-height:1.55;font-size:14px;margin-bottom:20px;overflow-wrap:anywhere}.hja-notice--blue{background:var(--soft);border-color:#cfe1fa;color:#31557d}.hja-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;min-width:0}.hja-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.hja-grid label{display:block;min-width:0;font-size:14px;font-weight:750;position:relative;overflow-wrap:anywhere}.hja-grid input,.hja-grid select{display:block;width:100%;min-width:0;height:48px;margin-top:8px;padding:0 13px;border:1px solid var(--border);border-radius:11px;background:#fff;color:var(--navy);font-size:16px}.hja-grid input:disabled,.hja-grid select:disabled{background:#f1f4f8;color:#9aa6b6;cursor:not-allowed}.hja-grid input:focus,.hja-grid select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(23,105,224,.12)}.hja-help{display:block;color:var(--muted);font-size:11px;font-weight:500;line-height:1.4;margin-top:5px}.hja-info{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:5px;border-radius:50%;background:var(--blue);color:#fff;font-size:11px;font-weight:900;cursor:help;vertical-align:middle;position:relative;z-index:20;flex:0 0 auto}.hja-info:focus{outline:2px solid rgba(23,105,224,.25);outline-offset:2px}.hja-info::after{content:attr(data-tooltip);position:absolute;left:50%;top:calc(100% + 9px);transform:translateX(-50%) translateY(-4px);width:min(310px,calc(100vw - 40px));padding:11px 12px;border-radius:10px;background:#10233f;color:#fff;font-size:12px;line-height:1.5;font-weight:500;text-align:left;box-shadow:0 10px 24px rgba(16,35,63,.18);opacity:0;visibility:hidden;pointer-events:none;transition:.16s ease;white-space:normal}.hja-info::before{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);border:6px solid transparent;border-bottom-color:#10233f;opacity:0;visibility:hidden}.hja-info:hover::after,.hja-info:hover::before,.hja-info:focus::after,.hja-info:focus::before{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.hja-primary{display:block;width:100%;min-width:0;min-height:50px;border:0;border-radius:12px;background:var(--blue);color:#fff;font-size:15px;font-weight:800;cursor:pointer;margin-top:22px;padding:10px 16px}.hja-primary:hover{background:var(--blue2)}.hja-error{color:#b42318;font-weight:650;font-size:14px;min-height:22px;margin-top:10px;overflow-wrap:anywhere}.hja-result{display:block;width:100%;min-width:0;margin-top:8px;padding:22px;border-radius:16px;background:var(--soft);min-height:80px;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.hja-result h3{margin:0 0 10px;font-size:15px}.hja-result__big{font-size:clamp(28px,5vw,40px);font-weight:850;letter-spacing:-.03em;margin-bottom:8px;overflow-wrap:anywhere}.hja-result table{width:100%;max-width:100%;border-collapse:collapse;table-layout:fixed;min-width:0}.hja-result th{font-size:12px;color:var(--muted);padding:7px 8px;border-bottom:1px solid rgba(16,35,63,.12);text-align:left;overflow-wrap:anywhere}.hja-result td{padding:9px 8px;border-bottom:1px solid rgba(16,35,63,.08);vertical-align:top;overflow-wrap:anywhere;word-break:normal}.hja-result th:not(:first-child),.hja-result td:not(:first-child){text-align:right}.hja-result td:last-child{font-weight:800}.hja-result small{display:block;color:var(--muted);font-size:11px;font-weight:500;margin-top:2px;line-height:1.45}.hja-result__notes{margin-top:15px;padding:12px 14px;background:#fff;border:1px solid var(--border);border-radius:12px;color:#52637a;font-size:13px;line-height:1.55;overflow-wrap:anywhere}.hja-result__notes ul{margin:7px 0 0 18px;padding:0}.hja-breakdown{margin-top:20px;padding:20px 18px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 6px 20px rgba(16,35,63,.04)}.hja-breakdown>h3{margin:0 0 14px;font-size:20px;line-height:1.3}.hja-breakdown__section{padding:15px 0;border-top:1px solid rgba(16,35,63,.1)}.hja-breakdown__section:first-of-type{border-top:0;padding-top:4px}.hja-breakdown__section h4{margin:0 0 9px;font-size:16px;line-height:1.45;color:var(--navy)}.hja-breakdown__section h5{margin:15px 0 7px;font-size:14px;color:var(--navy)}.hja-breakdown__section ul{margin:0;padding-left:21px;color:#52637a;font-size:13px;line-height:1.65}.hja-breakdown__section li{margin:5px 0}.hja-breakdown__section li strong{color:var(--navy)}.hja-breakdown__section ul ul{margin-top:4px;font-size:12px}.hja-breakdown__section em{font-style:normal;font-weight:700;color:var(--navy)}.hja-result__source{margin-top:14px;padding-top:13px;border-top:1px solid rgba(16,35,63,.1);font-size:12px;line-height:1.55;color:#52637a;overflow-wrap:anywhere}.hja-result__source--highlight{padding:12px 14px;background:#fff;border:1px solid #cfe1fa;border-radius:12px}.hja-result__source a{color:var(--blue);font-weight:750;text-decoration:underline;overflow-wrap:anywhere}.hja-sources{margin-top:22px;padding-top:20px;border-top:1px solid var(--border)}.hja-sources h3{margin:0 0 12px;font-size:18px}.hja-source{padding:12px 14px;border-left:3px solid var(--green);background:#f7fbfa;margin:8px 0;border-radius:0 10px 10px 0;overflow-wrap:anywhere}.hja-source strong{display:block;font-size:14px}.hja-source span{display:block;color:var(--muted);font-size:13px;line-height:1.55;margin-top:3px}.hja-disclaimer{margin-top:22px;padding:22px 24px;border-radius:16px;background:#fff4cc;border:2px solid #e2aa00;color:#5a4100;font-size:18px;line-height:1.65;font-weight:800;text-align:center;box-shadow:0 8px 24px rgba(185,120,0,.14);overflow-wrap:anywhere}.hja-disclaimer::before{content:"⚠️";display:block;font-size:28px;line-height:1;margin-bottom:8px}.hja-footer-note{margin:18px 2px 0;color:#66748a;font-size:12px;line-height:1.6;text-align:center;overflow-wrap:anywhere}.hja-hidden{display:none!important}
@media(max-width:900px){.hja-islam{margin:24px auto;padding:0 14px}.hja-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hja-panel{padding:24px}.hja-result{padding:18px}}
@media(max-width:650px){.hja-islam{margin:20px auto;padding:0 12px}.hja-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.hja-tab{min-height:50px;font-size:13px;padding:8px 7px}.hja-grid,.hja-grid--two{grid-template-columns:minmax(0,1fr);gap:12px}.hja-panel{border-radius:16px;padding:18px}.hja-panel__intro h2{font-size:23px}.hja-panel__intro p{font-size:14px}.hja-section-title{font-size:16px;margin-top:22px}.hja-grid input,.hja-grid select{height:46px}.hja-primary{min-height:48px}.hja-result{padding:14px;border-radius:14px}.hja-breakdown{padding:15px 13px;border-radius:14px}.hja-breakdown>h3{font-size:18px}.hja-breakdown__section{padding:13px 0}.hja-breakdown__section h4{font-size:15px}.hja-breakdown__section ul{font-size:12px;padding-left:19px}.hja-result table{font-size:13px}.hja-result th,.hja-result td{padding:8px 5px}.hja-result th:first-child,.hja-result td:first-child{width:48%}.hja-result th:nth-child(2),.hja-result td:nth-child(2){width:20%}.hja-result th:nth-child(3),.hja-result td:nth-child(3){width:32%}.hja-result__big{font-size:30px}}
@media(max-width:430px){.hja-disclaimer{padding:18px 15px;font-size:16px;line-height:1.55}.hja-disclaimer::before{font-size:24px}.hja-islam{padding:0 10px}.hja-tabs{gap:6px}.hja-tab{min-height:48px;font-size:12px;padding:7px 5px}.hja-panel{padding:15px}.hja-panel__intro h2{font-size:21px}.hja-notice{padding:12px 13px;font-size:13px}.hja-result{padding:12px}.hja-result table{font-size:12px}.hja-result th,.hja-result td{padding:7px 4px}.hja-result__big{font-size:27px}.hja-result__notes,.hja-result__source{font-size:12px}.hja-source{padding:11px 12px}}
@media(max-width:350px){.hja-islam{padding:0 8px}.hja-panel{padding:13px}.hja-tab{font-size:11px}.hja-result th:first-child,.hja-result td:first-child{width:44%}.hja-result th:nth-child(2),.hja-result td:nth-child(2){width:22%}.hja-result th:nth-child(3),.hja-result td:nth-child(3){width:34%}}