/* All calculator styles are scoped; existing Ghayth landing styles are untouched. */
.ghoc{--oc-green:#064e3b;--oc-ink:#153c31;--oc-paper:#f8faf7;--oc-box:#fff;--oc-line:#dce6df;--oc-muted:#5d7167;--oc-wash:#edf4ef;--oc-bad:#9b3430;--oc-warn:#fff7ec;--oc-warn-ink:#755923;color:var(--oc-ink);background:var(--oc-paper);font:16px/1.9 'Cairo','Tajawal','Noto Sans Arabic','Segoe UI',Tahoma,sans-serif;text-align:start;scroll-margin-top:105px;padding:44px 0;isolation:isolate}
.ghoc,.ghoc *{box-sizing:border-box}.ghoc [hidden]{display:none!important}.ghoc button,.ghoc input,.ghoc select,.ghoc textarea{font:inherit}.ghoc button,.ghoc a,.ghoc input,.ghoc select,.ghoc summary{outline-offset:4px}.ghoc :focus-visible{outline:3px solid #aa8b45}.ghoc button{cursor:pointer}.ghoc button:disabled{opacity:.5;cursor:not-allowed}.ghoc a{color:var(--oc-green)}.ghoc p{margin:0}.ghoc .ghoc-shell{max-width:1260px;margin:auto;padding:0 30px}.ghoc .ghoc-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.ghoc .ghoc-kicker{font-size:13px;font-weight:600;color:var(--oc-muted);margin-bottom:2px}.ghoc .ghoc-title{font-size:clamp(28px,3.5vw,46px);font-weight:800;line-height:1.5;letter-spacing:0;margin:0 0 4px;white-space:normal;overflow-wrap:normal;text-wrap:balance}.ghoc .ghoc-lede{font-size:17px;color:var(--oc-muted);max-width:850px;line-height:1.9}.ghoc .ghoc-grid{display:grid;grid-template-columns:390px minmax(0,1fr);gap:22px;align-items:start}.ghoc .ghoc-box{border:1px solid var(--oc-line);border-radius:22px;background:var(--oc-box);padding:26px;min-width:0}.ghoc h2,.ghoc h3{font-size:21px;line-height:1.65;margin:0 0 5px;font-weight:700;color:var(--oc-ink)}.ghoc .ghoc-hint{color:var(--oc-muted);font-size:13px;margin-bottom:17px}.ghoc .ghoc-formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ghoc .ghoc-field{display:block;font-size:14px;font-weight:600;min-width:0}.ghoc .ghoc-full{grid-column:1/-1}.ghoc .ghoc-field input,.ghoc .ghoc-field select{display:block;width:100%;height:49px;border:1px solid var(--oc-line);border-radius:10px;background:var(--oc-paper);color:var(--oc-ink);padding:8px 12px;font-size:18px;margin-top:6px;text-align:start;font-variant-numeric:tabular-nums}.ghoc .ghoc-field input[inputmode]{direction:ltr;text-align:left}.ghoc .ghoc-field input[aria-invalid=true]{border-color:var(--oc-bad)}.ghoc .ghoc-field select{font-size:14px}.ghoc .ghoc-field small{display:block;font-size:12px;line-height:1.85;color:var(--oc-muted);font-weight:400;margin-top:5px}.ghoc .ghoc-name{margin-bottom:17px}.ghoc .ghoc-name input{font-size:15px}.ghoc .ghoc-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:18px}.ghoc .ghoc-primary,.ghoc .ghoc-secondary{font-weight:650;border-radius:11px;padding:10px 17px;text-decoration:none;min-height:46px;display:inline-flex;align-items:center;justify-content:center;line-height:1.6;font-size:14px}.ghoc .ghoc-primary{border:1px solid var(--oc-green);background:var(--oc-green);color:var(--oc-box)}.ghoc .ghoc-secondary{border:1px solid var(--oc-line);background:var(--oc-box);color:var(--oc-green)}.ghoc .ghoc-link{border:0;background:none;text-decoration:underline;text-underline-offset:5px;color:var(--oc-green);padding:6px 0;min-height:44px;font-size:13px}.ghoc .ghoc-settings{border-top:1px solid var(--oc-line);padding-top:14px;margin:18px 0 12px}.ghoc summary{cursor:pointer;font-size:14px;font-weight:650;min-height:36px}.ghoc summary span{font-weight:400;font-size:12px;color:var(--oc-muted);margin-inline-start:5px}.ghoc .ghoc-settings .ghoc-formgrid{margin:15px 0}.ghoc .ghoc-note{font-size:12px;color:var(--oc-muted);line-height:1.9}.ghoc .ghoc-privacy{margin-top:14px;font-size:11px}.ghoc .ghoc-result{scroll-margin-top:100px}.ghoc .ghoc-result-head{display:flex;justify-content:space-between;align-items:start;gap:12px;flex-wrap:wrap}.ghoc .ghoc-pill{background:var(--oc-wash);color:var(--oc-green);padding:4px 12px;border-radius:20px;font-size:12px;white-space:nowrap}.ghoc .ghoc-item-display{font-size:13px;color:var(--oc-muted);overflow-wrap:anywhere;margin-top:3px}.ghoc .ghoc-number-block{padding:17px 0 20px;border-bottom:1px solid var(--oc-line)}.ghoc .ghoc-result-intro{color:var(--oc-muted);font-size:14px}.ghoc .ghoc-big{font:750 clamp(56px,6vw,86px)/1.15 'Segoe UI','Noto Sans Arabic',sans-serif;letter-spacing:-2px;display:block;color:var(--oc-green);margin:3px 0 8px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.ghoc .ghoc-result-label{font-size:24px;font-weight:750;line-height:1.7;margin-bottom:7px}.ghoc .ghoc-explain{font-size:15px;color:var(--oc-muted);line-height:1.95}.ghoc .ghoc-reason{font-size:14px;line-height:1.95;margin-top:10px;font-weight:600}.ghoc .ghoc-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0 12px}.ghoc .ghoc-metric{border-inline-end:1px solid var(--oc-line);padding-inline-end:10px;min-width:0}.ghoc .ghoc-metric:last-child{border:0;padding:0}.ghoc .ghoc-metric small{font-size:12px;line-height:1.8;color:var(--oc-muted);display:block;min-height:44px}.ghoc .ghoc-metric strong{font:700 27px/1.6 'Segoe UI','Noto Sans Arabic',sans-serif;display:block;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.ghoc .ghoc-metric em{font-style:normal;font-size:10px;color:var(--oc-muted)}.ghoc .ghoc-metric p{font-size:11px;color:var(--oc-muted)}.ghoc .ghoc-negative{color:var(--oc-bad)!important}.ghoc .ghoc-warning{padding:13px 15px;background:var(--oc-warn);color:var(--oc-warn-ink);border:1px solid #d9c9ae;border-radius:11px;font-size:13px;line-height:1.9;margin:15px 0 8px}.ghoc .ghoc-error{background:var(--oc-warn);border:1px solid var(--oc-bad);color:var(--oc-bad);border-radius:15px;padding:20px;margin-bottom:15px;overflow-wrap:anywhere}.ghoc .ghoc-comparison{border-top:1px solid var(--oc-line);padding-top:16px;margin-top:20px}.ghoc .ghoc-totals{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:15px 0}.ghoc .ghoc-totals>div{padding:12px;background:var(--oc-paper);border-radius:11px;min-width:0}.ghoc .ghoc-totals small{display:block;color:var(--oc-muted);font-size:12px}.ghoc .ghoc-totals strong{display:block;font:650 20px/1.8 'Segoe UI',sans-serif;overflow-wrap:anywhere}.ghoc .ghoc-details{border:1px solid var(--oc-line);border-radius:16px;background:var(--oc-box);padding:17px 22px;margin-top:24px}.ghoc .ghoc-details p{font-size:14px;color:var(--oc-muted);margin-top:12px}.ghoc .ghoc-example{margin-top:12px;font-size:12px;color:var(--oc-muted)}.ghoc .ghoc-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--oc-wash);border-radius:18px;margin-top:22px;padding:24px}.ghoc .ghoc-cta h3{font-size:20px}.ghoc .ghoc-cta p{font-size:14px;color:var(--oc-muted)}.ghoc .ghoc-fallback{margin-top:15px}.ghoc textarea{width:100%;height:180px;background:var(--oc-box);color:var(--oc-ink);border:1px solid var(--oc-line);border-radius:10px;padding:12px;resize:vertical}.ghoc .ghoc-share-note{font-size:11px;color:var(--oc-muted);margin-top:5px}.ghoc .ghoc-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[data-theme=dark] .ghoc{--oc-green:#b6e0c9;--oc-ink:#edf6f0;--oc-paper:#0f211a;--oc-box:#152b22;--oc-line:#3a5043;--oc-muted:#bbccbf;--oc-wash:#223e30;--oc-bad:#ffb1aa;--oc-warn:#382d1e;--oc-warn-ink:#f2d7a7}.ghoc[dir=ltr] .ghoc-title{letter-spacing:-.4px}
@media(max-width:1000px){.ghoc .ghoc-grid{grid-template-columns:340px minmax(0,1fr)}.ghoc .ghoc-box{padding:22px}.ghoc .ghoc-metrics{gap:10px}.ghoc .ghoc-metric strong{font-size:23px}}
@media(max-width:760px){.ghoc{padding:28px 0}.ghoc .ghoc-shell{padding:0 18px}.ghoc .ghoc-grid{grid-template-columns:1fr}.ghoc .ghoc-head{display:block}.ghoc .ghoc-head .ghoc-link{margin-top:8px}.ghoc .ghoc-title{font-size:32px}.ghoc .ghoc-lede{font-size:15px}.ghoc .ghoc-big{font-size:76px}.ghoc .ghoc-result-label{font-size:23px}.ghoc .ghoc-cta{flex-direction:column;align-items:stretch}.ghoc .ghoc-metric strong{font-size:25px}.ghoc .ghoc-box{padding:21px}.ghoc .ghoc-head{margin-bottom:20px}}
@media(max-width:380px){.ghoc .ghoc-shell{padding:0 12px}.ghoc .ghoc-box{padding:17px}.ghoc .ghoc-title{font-size:28px}.ghoc .ghoc-metric strong{font-size:21px}.ghoc .ghoc-metric small{font-size:11px}.ghoc .ghoc-result-label{font-size:21px}.ghoc .ghoc-totals{grid-template-columns:1fr}.ghoc .ghoc-field{font-size:13px}}
@media(prefers-reduced-motion:reduce){.ghoc *{scroll-behavior:auto!important;transition:none!important}}
@media print{.ghoc .ghoc-actions,.ghoc .ghoc-cta,.ghoc .ghoc-head .ghoc-link,.ghoc .ghoc-details,.ghoc .ghoc-comparison,.ghoc .ghoc-settings,.ghoc .ghoc-fallback,.ghoc .ghoc-share-note{display:none!important}.ghoc{padding:0;background:white;color:#153c31;--oc-paper:#fff;--oc-box:#fff;--oc-ink:#153c31;--oc-green:#064e3b;--oc-muted:#5d7167}.ghoc .ghoc-grid{grid-template-columns:300px minmax(0,1fr)}.ghoc .ghoc-title{font-size:26px}.ghoc .ghoc-big{font-size:58px}.ghoc .ghoc-box{padding:16px;break-inside:avoid}.ghoc .ghoc-note,.ghoc .ghoc-field small{font-size:10px}.ghoc .ghoc-result-label{font-size:20px}.ghoc .ghoc-lede{font-size:12px}.ghoc .ghoc-metric strong{font-size:22px}.ghoc .ghoc-metric small{font-size:10px}.ghoc .ghoc-explain,.ghoc .ghoc-reason,.ghoc .ghoc-warning{font-size:11px}.ghoc .ghoc-field{font-size:11px}.ghoc .ghoc-field input{height:34px;font-size:14px}.ghoc .ghoc-name{margin-bottom:10px}.ghoc .ghoc-formgrid{gap:10px}@page{size:A4 landscape;margin:12mm}}

.ghoc-print-host{display:none}
@media print{body.ghoc-printing > :not(.ghoc-print-host){display:none!important}body.ghoc-printing .ghoc-print-host{display:block!important}body.ghoc-printing{background:white!important;margin:0!important}}

.ghoc[dir=rtl] .ghoc-big{text-align:right}.ghoc[dir=ltr] .ghoc-big{text-align:left}

@media(max-width:760px){.ghoc .ghoc-metric small{min-height:66px}.ghoc[dir=ltr] .ghoc-metric small{min-height:88px}}
