/* NikahDraft additions on top of kit.css. Kit tokens only. */
@font-face{font-family:"Noto Nastaliq Urdu";src:url(fonts/NotoNastaliqUrdu.woff2) format("woff2");font-weight:400 700;font-display:swap}
[data-brand="nikahdraft"]{--accent-l:#9B3F66;--accent-d:#F49AC1}
[lang="ur"],.ur{font-family:"Noto Nastaliq Urdu",serif;line-height:2.3;direction:rtl;text-align:right}
p.ur{margin:var(--s1) 0 var(--s2);color:var(--muted);font-size:17px}

.nd-tool{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s5);align-items:start;margin-top:var(--s5)}
@media (max-width:900px){.nd-tool{grid-template-columns:1fr}}
.nd-pane{background:var(--surface);border:1px solid var(--line);border-radius:var(--r3);padding:var(--s4)}
.nd-preview{position:sticky;top:84px;max-height:calc(100vh - 100px);overflow:auto}
@media (max-width:900px){.nd-preview{position:static;max-height:none}}
.nd-bar{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center;margin-bottom:var(--s3)}
.nd-bar .meta{color:var(--muted);font-size:13px;margin-left:auto}

.col-block{border:0;border-top:1px solid var(--line);margin:0;padding:var(--s4) 0}
.col-block:first-child{border-top:0;padding-top:0}
.col-block legend{font-weight:600;font-size:15px;line-height:22px;padding:0;float:left;width:100%}
.col-block legend+*{clear:both}
.num-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:var(--r1);background:var(--accent);color:var(--on-accent);font-size:13px;margin-right:var(--s1);font-variant-numeric:tabular-nums}
.state{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s3);font-size:13px;color:var(--muted);margin-bottom:var(--s2)}
.state label{display:inline-flex;gap:4px;align-items:center;cursor:pointer}
.col-fields .form-row{flex-wrap:wrap}
.col-fields .field{min-width:150px;flex:1 1 150px}
.witness .hint,.col-block .hint{font-size:13px;color:var(--muted);margin:var(--s2) 0 var(--s1)}

.nd-doc{position:relative;overflow:hidden;background:#fff;color:#111;border:1px solid var(--line-strong);border-radius:var(--r2);padding:var(--s5);font-size:13px;line-height:1.45}
.nd-doc .doc-title{font-size:16px;margin:0 0 var(--s1);text-align:center;color:#111}
.nd-doc .doc-sub{font-size:11px;text-align:center;color:#444;margin:0 0 var(--s3)}
.nd-doc .doc-head span,.nd-doc .doc-sigs span{display:inline-block;margin:0 var(--s3) var(--s1) 0}
.doc-table{width:100%;border-collapse:collapse;font-size:12px}
.doc-table th,.doc-table td{border:1px solid #999;padding:4px 6px;vertical-align:top;text-align:left}
.doc-table th{background:#eee;color:#111}
.doc-table td:first-child{width:28px;text-align:center}
.doc-table td:nth-child(2){width:46%}
.doc-table .todo{color:#888;font-style:italic}
.doc-cert{margin-top:var(--s4);border-top:1px solid #999;padding-top:var(--s2)}
.doc-cert h4{margin:0 0 var(--s1);font-size:13px}
.doc-cert p{margin:0 0 4px}
.wm{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-around;align-items:center;overflow:hidden}
.wm span{transform:rotate(-28deg);font:600 22px/1 var(--font);color:rgb(155 63 102/.16);white-space:nowrap}
.nd-unlocked .wm{display:none}

.nd-lock{margin-top:var(--s4)}
.nd-lock .price{font:650 28px/1 var(--font);font-variant-numeric:tabular-nums}
.unlock-form{display:flex;gap:var(--s2);flex-wrap:wrap;margin-top:var(--s2)}
.unlock-form .input{flex:1 1 220px}
.gloss{columns:2 300px;column-gap:var(--s6)}
.gloss div{break-inside:avoid;padding:var(--s2) 0;border-bottom:1px solid var(--line)}
.gloss b{display:block}
.gloss .ur{font-size:17px;line-height:2;color:var(--muted);text-align:left;direction:rtl;display:inline-block}
.guide-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--s3);padding:0;list-style:none}
.guide-list a{display:block;padding:var(--s3) var(--s4);border:1px solid var(--line);border-radius:var(--r2);background:var(--surface);text-decoration:none;color:var(--fg)}
.guide-list a span{display:block;color:var(--muted);font-size:13px}
.prose{max-width:var(--measure)}
.prose h2{margin-top:var(--s6)}
.prose table{margin:var(--s3) 0}
.ur-block{font-family:"Noto Nastaliq Urdu",serif;direction:rtl;text-align:right;line-height:2.4;font-size:18px}

@media print{
  @page{size:A4;margin:14mm}
  html,body{background:#fff!important}
  .site-header,.site-footer,.skip,.no-print,main>section:not(#tool),#tool .hero-copy,#tool .nd-form-pane,.nd-bar,.nd-lock,#nd-paid{display:none!important}
  #tool,#tool .wrap{padding:0!important;margin:0!important;max-width:none!important;border:0!important}
  .nd-tool{display:block;margin:0}
  .nd-pane{border:0;padding:0;background:#fff}
  .nd-preview{position:static;max-height:none;overflow:visible}
  .nd-doc{border:0;padding:0;overflow:visible}
  .wm{position:fixed;inset:0}
  .doc-table tr{break-inside:avoid}
  .doc-table .todo{visibility:hidden}
}
html[lang="ur"] h1,html[lang="ur"] h2,html[lang="ur"] .lead{font-family:"Noto Nastaliq Urdu",serif;line-height:2.1;letter-spacing:0;font-weight:400}
html[lang="ur"] .site-header,html[lang="ur"] .site-footer{direction:ltr}
.nd-jump{display:none}
@media (max-width:900px){.nd-jump{display:inline-flex;position:fixed;right:16px;bottom:16px;z-index:20;box-shadow:var(--shadow)}}
.prose .nd-doc{margin:var(--s5) 0}
.nd-gloss{margin:var(--s3) 0}
.nd-gloss-out{list-style:none;padding:0;margin:var(--s2) 0 0;font-size:14px}
.nd-gloss-out li{padding:2px 0}
.nd-gloss-out .ur{display:inline;font-size:16px;line-height:1.9;margin-right:var(--s2)}