/* Islamic inheritance calculator (niyatapp.com/inheritance-calculator/) v20261012
   Tokens from /assets/styles.css. Namespaced .ih-* */

.ih-warn{max-width:860px;margin:0 0 26px;padding:16px 20px;border:1px solid #b9853a;border-left:5px solid #b9853a;border-radius:14px;background:#fbf2e2;color:var(--cream);font-size:15.5px;line-height:1.6}
.ih-warn strong{color:#6b4410}
.ih-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;align-items:start;margin:6px 0 10px}
@media(max-width:1000px){.ih-grid{grid-template-columns:1fr}}
.ih-card{border:1px solid var(--line);border-radius:18px;background:var(--bg-card);padding:22px 22px 10px}
.ih-sec{border-top:1px solid var(--line);padding:18px 0 8px}
.ih-sec:first-child{border-top:0;padding-top:0}
.ih-sec h2{font-family:var(--serif);font-weight:600;font-size:21px;color:var(--emerald);margin:0 0 4px;display:flex;align-items:center;gap:10px}
.ih-sec h2 .n{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--emerald);color:#f5f1e8;font-family:var(--sans);font-size:13px;font-weight:700;flex-shrink:0}
.ih-sec .sub{font-size:14px;color:var(--cream-muted);margin:0 0 12px;line-height:1.5}
.ih-seg{display:inline-flex;border:1px solid var(--line-strong);border-radius:100px;padding:3px;background:var(--bg);margin:4px 0 8px}
.ih-seg label{position:relative;cursor:pointer}
.ih-seg input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.ih-seg span{display:inline-block;padding:9px 20px;border-radius:100px;font-weight:600;font-size:15px;color:var(--cream-dim);min-height:24px}
.ih-seg input:checked + span{background:var(--emerald);color:#f5f1e8}
.ih-seg input:focus-visible + span{outline:2px solid var(--gold);outline-offset:2px}
.ih-money{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:520px){.ih-money{grid-template-columns:1fr}}
.ih-field{display:flex;flex-direction:column;gap:5px}
.ih-field label{font-weight:600;font-size:14.5px;color:var(--cream)}
.ih-field input,.ih-field select{font:inherit;font-size:16px;min-height:44px;padding:9px 12px;border-radius:10px;border:1px solid var(--line-strong);background:var(--bg);color:var(--cream);width:100%;box-sizing:border-box}
.ih-field input:focus,.ih-field select:focus{outline:2px solid var(--gold);outline-offset:1px}
.ih-field .hint{font-size:13px;color:var(--cream-muted);margin:0;line-height:1.45}
.ih-group{margin:4px 0 10px}
.ih-group h3{font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-text);font-weight:700;margin:14px 0 4px}
.ih-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px dashed var(--line)}
.ih-row:last-child{border-bottom:0}
.ih-row[hidden]{display:none}
.ih-row .who{font-size:15.5px;color:var(--cream);line-height:1.3}
.ih-row .who small{display:block;font-size:12.5px;color:var(--cream-muted)}
.ih-row.is-on .who{font-weight:700;color:var(--emerald)}
.ih-step{display:inline-flex;align-items:center;border:1px solid var(--line-strong);border-radius:100px;background:var(--bg);flex-shrink:0}
.ih-step button{width:44px;height:44px;border:0;background:none;font-size:22px;line-height:1;color:var(--emerald);cursor:pointer;border-radius:100px;font-family:var(--sans)}
.ih-step button:hover{background:var(--bg-elevated)}
.ih-step button:disabled{color:var(--line-strong);cursor:default;background:none}
.ih-step button:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
.ih-step input{width:36px;border:0;background:none;text-align:center;font:inherit;font-size:16px;font-weight:700;color:var(--cream);-moz-appearance:textfield;appearance:textfield;padding:0}
.ih-step input::-webkit-outer-spin-button,.ih-step input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.ih-more{margin:6px 0 4px;border-top:1px solid var(--line);padding-top:6px}
.ih-more summary{cursor:pointer;font-weight:600;font-size:15px;color:var(--gold-text);padding:10px 0;min-height:24px}
.ih-opts label{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.5;color:var(--cream-dim);padding:6px 0;cursor:pointer}
.ih-opts input{margin-top:4px;accent-color:var(--emerald);width:18px;height:18px;flex-shrink:0}
.ih-examples{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 12px}
.ih-examples button{font:inherit;font-size:13.5px;padding:7px 13px;border-radius:100px;border:1px solid var(--line);background:var(--bg-elevated);color:var(--cream-dim);cursor:pointer;min-height:36px}
.ih-examples button:hover{border-color:var(--gold-soft);color:var(--emerald)}
.ih-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 12px}
.ih-btn{font:inherit;font-weight:700;font-size:14.5px;padding:11px 18px;border-radius:100px;border:1px solid var(--emerald);background:var(--emerald);color:#f5f1e8;cursor:pointer;min-height:44px}
.ih-btn.alt{background:transparent;color:var(--emerald)}
.ih-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* Result */
.ih-result{position:sticky;top:84px}
@media(max-width:1000px){.ih-result{position:static}}
.ih-res{border-radius:18px;background:var(--bg-card);border:1px solid var(--line);overflow:hidden}
.ih-res-head{background:var(--emerald);color:#f5f1e8;padding:20px 22px;position:relative}
.ih-res-head::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 90% at 100% 0%,rgba(201,169,110,.22),transparent 60%);pointer-events:none}
.ih-res-head>*{position:relative}
.ih-eb{font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-on-dark);font-weight:700;margin:0 0 6px}
.ih-net{font-family:var(--serif);font-size:clamp(28px,4vw,38px);line-height:1.1;font-weight:600;margin:0;color:#fff}
.ih-ledger{list-style:none;padding:0;margin:12px 0 0;font-size:14px;color:rgba(245,241,232,.88)}
.ih-ledger li{display:flex;justify-content:space-between;gap:12px;padding:4px 0;border-top:1px solid rgba(245,241,232,.14)}
.ih-ledger li b{color:#fff;font-weight:600;text-align:right}
.ih-body{padding:18px 20px 20px}
.ih-bar{display:flex;height:16px;border-radius:100px;overflow:hidden;background:var(--bg-elevated);margin:2px 0 8px}
.ih-bar span{display:block;height:100%;min-width:2px}
.ih-badges{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.ih-badge{font-size:12px;font-weight:700;letter-spacing:.06em;padding:4px 10px;border-radius:100px;background:var(--bg-elevated);color:var(--cream-dim);border:1px solid var(--line)}
.ih-badge.gold{background:#f6ead0;color:#6b4410;border-color:#e2c78f}
.ih-heirs{list-style:none;padding:0;margin:0}
.ih-heir{border:1px solid var(--line);border-radius:14px;padding:13px 15px 12px;margin:0 0 10px;background:var(--bg);border-left:6px solid var(--sw,#1B4D35)}
.ih-heir.zero{opacity:.8;border-left-color:var(--line-strong)}
.ih-heir .top{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap}
.ih-heir .nm{font-weight:700;font-size:16px;color:var(--cream)}
.ih-heir .nm small{font-weight:500;color:var(--cream-muted);font-size:13.5px}
.ih-heir .fr{font-family:var(--serif);font-size:24px;font-weight:600;color:var(--emerald);white-space:nowrap}
.ih-heir .fr small{font-family:var(--sans);font-size:13.5px;color:var(--cream-muted);font-weight:600;margin-left:6px}
.ih-heir .amt{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:14.5px;color:var(--cream-dim);margin:4px 0 6px}
.ih-heir .amt b{color:var(--cream)}
.ih-heir .why{font-size:13.5px;line-height:1.55;color:var(--cream-dim);margin:0}
.ih-heir .why + .why{margin-top:4px}
.ih-kind{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--gold-text);margin-left:6px}
.ih-sub{font-family:var(--serif);font-size:18px;font-weight:600;color:var(--emerald);margin:18px 0 8px}
.ih-ex{list-style:none;padding:0;margin:0}
.ih-ex li{font-size:14px;line-height:1.5;color:var(--cream-dim);padding:7px 0;border-bottom:1px dashed var(--line)}
.ih-ex li b{color:var(--cream)}
.ih-notes p{font-size:14px;line-height:1.55;color:var(--cream-dim);margin:0 0 8px;padding:10px 12px;border:1px dashed var(--gold);border-radius:10px;background:var(--bg)}
.ih-stop{padding:16px 18px;border-radius:14px;background:#fbeee8;border:1px solid #c9775a;color:#5a2414;font-size:15px;line-height:1.6}
.ih-stop b{display:block;margin-bottom:4px}
.ih-private{font-size:13px;color:var(--cream-muted);margin:10px 2px 0}
.ih-print-only{display:none}
.ih-parts{font-size:13.5px;color:var(--cream-muted);margin:0 0 12px}
.ih-toast{font-size:13px;color:var(--emerald);font-weight:600;align-self:center}

/* Guide page */
.ih-verse{margin:16px 0;padding:16px 18px;border-radius:14px;background:var(--bg-elevated);border:1px solid var(--line)}
.ih-verse .ar{font-family:var(--arabic,"Amiri"),serif;font-size:24px;line-height:2.1;direction:rtl;text-align:right;color:var(--cream);margin:0 0 8px}
.ih-verse .mn{font-size:15.5px;line-height:1.65;color:var(--cream-dim);margin:0}
.ih-verse .src{font-size:13.5px;color:var(--gold-text);margin:8px 0 0}

@media print{
  .nav,.footer,.hg-crumbs,.hg-cta,.ih-form-col,.ih-actions,.ih-examples,.hg-prose,.hg-short,.hg-note,.app-banner,#ih-noprint,.ih-private{display:none !important}
  body{background:#fff !important}
  .ih-grid{display:block}
  .ih-result{position:static}
  .ih-res{border:1px solid #999}
  .ih-res-head{background:#fff !important;color:#000 !important;border-bottom:2px solid #000}
  .ih-res-head *{color:#000 !important}
  .ih-heir{break-inside:avoid;background:#fff}
  .ih-print-only{display:block;font-size:12.5px;color:#000;margin:0 0 10px}
  .hg-head .lead{display:none}
  .ih-warn{background:#fff;border-color:#000}
  a{color:#000 !important}
}