/* Takhti printable sheets. Sizes in mm so the page prints true on A4 and US Letter. */
@font-face{font-family:"Takhti Nastaliq";src:url(/fonts/NotoNastaliqUrdu.woff2) format("woff2");font-display:block}
@font-face{font-family:"Takhti Naskh";src:url(/fonts/NotoNaskhArabic.woff2) format("woff2");font-display:block}
.sheets{--uf:"Takhti Nastaliq";--scale:1}
.sheets.naskh{--uf:"Takhti Naskh";--scale:.95}
.sheet{width:210mm;height:297mm;box-sizing:border-box;padding:11mm 12mm 9mm;background:#fff;color:#1b1b18;display:flex;flex-direction:column;overflow:hidden;font-family:Geist,system-ui,sans-serif;font-size:11pt;line-height:1.35;position:relative}
.letter .sheet{width:215.9mm;height:279.4mm}
.sheet .ur{font-family:var(--uf),"Noto Nastaliq Urdu","Noto Naskh Arabic",serif;line-height:1.9}
.sheet .en{color:#55544e;font-size:8.5pt;display:block}
.sh-head{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:.5mm solid #1b1b18;padding-bottom:2mm;flex-direction:row-reverse;gap:6mm}
.sh-title{text-align:right}
.sh-title .t-ur{font-size:calc(19pt*var(--scale));display:block;line-height:1.7}
.sh-title .t-en{font-size:9pt;color:#55544e}
.sh-name{display:flex;align-items:baseline;gap:2mm;direction:rtl;font-size:13pt;position:relative}
.sh-name .lbl-en{font-size:8pt;color:#55544e;direction:ltr}
.sh-name .kid{font-size:calc(16pt*var(--scale))}
.blank-line{display:inline-block;width:48mm;border-bottom:.3mm solid #1b1b18;height:7mm}
.sh-instr{margin:2.5mm 0 1mm;text-align:right;direction:rtl;font-size:calc(12pt*var(--scale))}
.sh-instr .en{direction:ltr;text-align:right}
.sh-body{flex:1;display:flex;flex-direction:column;min-height:0}
.sh-foot{display:flex;justify-content:space-between;align-items:center;border-top:.3mm solid #bdbab0;padding-top:1.5mm;font-size:8pt;color:#55544e}
.sh-foot .ur{font-size:9pt;line-height:1.4}
.trace{color:#c9c6bd}
.sheets.outline .trace{color:transparent;-webkit-text-stroke:.25mm #9c998f}
.g{font-size:calc(34pt*var(--scale));line-height:1.6}
.g.sm{font-size:calc(24pt*var(--scale))}
.w{font-size:calc(22pt*var(--scale))}
.w.sm{font-size:calc(17pt*var(--scale))}
.pic{font-size:22pt;line-height:1;font-family:"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",sans-serif}
/* forms */
.big-letter{display:flex;flex-direction:row;align-items:center;gap:5mm;margin:1mm 0 2mm;direction:rtl;text-align:right}
.big-letter .huge{font-size:calc(58pt*var(--scale));line-height:1.5}
.big-letter b{font-weight:600;font-size:12pt}
.big-letter b .ur{font-size:14pt}
.rows{display:flex;flex-direction:column;gap:2mm;flex:1}
.trace-row{display:flex;flex-direction:row-reverse;border:.3mm solid #d9d6cc;border-radius:2mm;flex:1;max-height:36mm}
.trace-row .model{width:30mm;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f2f1ec;border-left:.3mm solid #d9d6cc}
.trace-row .model small{font-size:7.5pt;color:#55544e;line-height:1}
.trace-row .model small .ur{font-size:9pt;line-height:1.5}
.trace-row .cell{flex:1;display:flex;align-items:center;justify-content:center;border-left:.3mm dashed #e2e0d8;background:linear-gradient(transparent 70%,#e2e0d8 70%,#e2e0d8 calc(70% + .3mm),transparent calc(70% + .3mm))}
.trace-row .cell:last-child{border-left:0}
.word-box{display:flex;flex-direction:row-reverse;align-items:center;gap:5mm;margin-top:3mm;border:.3mm solid #d9d6cc;border-radius:2mm;padding:1mm 4mm}
.word-box .pic{font-size:34pt}
.wb-text{text-align:right;direction:rtl}
.wb-text .en{direction:ltr;text-align:right}
.wb-text .hint{display:block;font-size:10pt}
.wb-trace{flex:1;display:flex;justify-content:space-around;direction:rtl}
/* alphabet */
.ab-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5mm;direction:rtl;flex:1;align-content:stretch}
.ab-cell{border:.3mm solid #d9d6cc;border-radius:1.5mm;display:flex;justify-content:space-around;align-items:center;direction:rtl}
.ab-cell .g.sm:first-child{color:#1b1b18}
/* match */
.match{display:flex;flex-direction:column;justify-content:space-around;flex:1;direction:rtl;padding:0 6mm}
.m-row{display:flex;align-items:center}
.m-l,.m-r{display:flex;align-items:center;gap:3mm;min-width:40mm}
.m-l .g{font-size:calc(40pt*var(--scale))}
.m-r{justify-content:flex-end;flex-direction:row}
.m-r .pic{font-size:34pt}
.m-r .en{display:inline;width:20mm}
.m-gap{flex:1}
.dot{display:inline-block;width:3mm;height:3mm;border-radius:50%;background:#1b1b18}
.key{margin:2mm 0 0;font-size:7.5pt;color:#8c8980;text-align:right;direction:rtl}
.key .ur{font-size:8.5pt;line-height:1.6}
/* missing */
.missing{display:flex;flex-direction:column;justify-content:space-around;flex:1}
.ms-row{display:flex;flex-direction:row-reverse;align-items:center;gap:6mm;border-bottom:.3mm dashed #d9d6cc;padding:1mm 0}
.ms-row .pic{font-size:30pt;width:16mm;text-align:center}
.ms-word{display:flex;flex-direction:row-reverse;align-items:center;min-width:60mm;direction:ltr;justify-content:flex-start}
.ms-word .w{font-size:calc(30pt*var(--scale))}
.ms-blank{display:inline-block;width:15mm;height:15mm;border:.4mm solid #1b1b18;border-radius:1.5mm}
.ms-opts{display:flex;gap:4mm;direction:rtl}
.opt{border:.3mm solid #bdbab0;border-radius:50%;width:15mm;height:15mm;display:flex;align-items:center;justify-content:center}
.ms-row>.en{width:22mm}
/* join */
.joins{display:flex;flex-direction:column;justify-content:space-around;flex:1}
.j-row{display:flex;flex-direction:row-reverse;align-items:center;gap:3mm;border-bottom:.3mm dashed #d9d6cc}
.j-row .pic{width:14mm;text-align:center}
.j-parts{display:flex;flex-direction:row-reverse;align-items:center;gap:1.5mm}
.plus,.eq{font-size:16pt;color:#8c8980}
.j-ans{flex:1;min-height:14mm;border-bottom:.4mm solid #1b1b18;display:flex;justify-content:center;align-items:center;direction:rtl}
.j-row>.en{width:20mm}
/* names */
.names{display:flex;flex-direction:column;flex:1;justify-content:space-around}
.n-row{border-bottom:.4mm solid #bdbab0;flex:1;display:flex;align-items:center;justify-content:space-around;direction:rtl;max-height:40mm}
.nm{font-size:calc(40pt*var(--scale))}
/* numbers */
.nums{display:flex;flex-direction:column;flex:1;justify-content:space-around}
.nb-row{display:flex;flex-direction:row-reverse;align-items:center;gap:4mm;border-bottom:.3mm dashed #d9d6cc}
.nb-pics{font-size:13pt;width:62mm;text-align:right;direction:rtl;letter-spacing:.5mm;line-height:1.2;font-family:"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",sans-serif}
.nb-d .g{color:#1b1b18}
.nb-w{width:24mm;text-align:center}
.nb-row>.en{width:16mm}
/* pairs */
.pairs{width:100%;border-collapse:collapse;direction:rtl;flex:1}
.pairs th{font-weight:600;border-bottom:.4mm solid #1b1b18;padding:1mm}
.pairs th .ur{font-size:13pt}
.pairs td{border-bottom:.3mm solid #d9d6cc;padding:0 3mm;text-align:center;height:19mm}
.pairs td.ans{width:45%;border-bottom:.3mm solid #8c8980}
.pairs td.en,.pairs th.en{direction:ltr;font-size:8.5pt;color:#55544e;width:28%}
/* copy */
.copies{display:flex;flex-direction:column;flex:1;justify-content:space-around}
.c-row{display:flex;flex-direction:row-reverse;align-items:center;gap:5mm;border-bottom:.3mm dashed #d9d6cc}
.c-row .pic{width:14mm;text-align:center}
.c-line{flex:1;border-bottom:.4mm solid #1b1b18;height:12mm;display:block}
.c-row>.en{width:24mm}
/* story */
.story{position:relative;direction:rtl;text-align:right}
.st-pic{float:left;margin:0 0 1mm 3mm;font-size:36pt;line-height:1.2;font-family:"Noto Color Emoji",sans-serif}
.st-line{margin:0 0 1.2mm}
.st-line .ur{font-size:calc(15pt*var(--scale));line-height:2}
.st-line .rom,.st-line .eng{display:block;direction:ltr;text-align:left;font-size:8.5pt;color:#55544e;line-height:1.3}
.st-line .rom{font-style:italic}
.st-words{margin-top:2mm;border:.3mm solid #d9d6cc;border-radius:2mm;padding:1.5mm 3mm;display:flex;flex-wrap:wrap;gap:1mm 5mm;direction:rtl;font-size:9pt}
.st-words b{width:100%;font-weight:600}
.st-words i{color:#55544e}
.st-qs{margin-top:2mm;direction:rtl;text-align:right;flex:1;display:flex;flex-direction:column;justify-content:space-around}
.st-qs b{font-weight:600}
.st-q .ur{font-size:calc(13pt*var(--scale))}
.st-q .en{direction:ltr;text-align:left}
.st-q .c-line{height:8mm}
/* screen preview */
#print-root{display:none}
@media screen{
  .sheets{display:flex;flex-direction:column;gap:16px;align-items:center}
  .sheet{box-shadow:0 1px 3px rgba(0,0,0,.12),0 0 0 1px rgba(0,0,0,.06);zoom:var(--zoom,1)}
}
@media print{
  html,body{background:#fff!important;margin:0!important;padding:0!important}
  body>:not(#print-root){display:none!important}
  #print-root{display:block!important}
  .sheets{display:block;zoom:1}
  .sheet{zoom:1!important;box-shadow:none;break-after:page;page-break-after:always}
  .sheet:last-child{break-after:auto;page-break-after:auto}
  .trace{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
/* chart */
.ch-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.2mm;direction:rtl;flex:1;margin-top:2mm}
.ch-cell{border:.3mm solid #d9d6cc;border-radius:1.5mm;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.ch-cell .g{font-size:calc(24pt*var(--scale));line-height:1.5;margin-top:-3mm;margin-bottom:3mm}
.ch-cell .pic{font-size:15pt}
.ch-cell .w.sm{font-size:calc(11pt*var(--scale));line-height:1.9}
/* pack */
.pk-cover .pk-c-in,.pk-cert .pk-c-in{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4mm;border:1mm double #1b1b18;border-radius:4mm;margin-bottom:4mm}
.pk-t{font-size:calc(36pt*var(--scale))}
.pk-en{margin:0;color:#55544e;font-size:13pt}
.pk-name{font-size:calc(44pt*var(--scale))}
.pk-line{font-size:calc(18pt*var(--scale))}
.pk-letters .g{color:#c9c6bd}
.pk-sign{display:flex;gap:12mm;margin-top:10mm;font-size:10pt;align-items:baseline}
.pk-tips{font-size:10.5pt;line-height:1.45;margin:3mm 0}
.pk-tips p{margin:0 0 2mm}
.pk-table{width:100%;border-collapse:collapse;font-size:10pt;flex:1}
.pk-table th{text-align:left;border-bottom:.4mm solid #1b1b18;padding:1mm 2mm}
.pk-table td{border-bottom:.3mm solid #d9d6cc;padding:0 2mm;vertical-align:middle}
.pk-table td .ur{display:inline-block;direction:rtl}
.story.poem .st-line{margin:0 0 .6mm}
.story.poem .st-line .ur{font-size:calc(13pt*var(--scale));line-height:1.75}
.story.poem .st-line .rom,.story.poem .st-line .eng{font-size:7.8pt;line-height:1.2}
.story.poem + .st-words{margin-top:1mm}
/* ginti 1-100 */
.gn-grid{display:grid;grid-template-columns:repeat(10,1fr);grid-auto-rows:1fr;gap:.8mm;direction:rtl;flex:1;margin-top:2mm}
.gn-cell{border:.3mm solid #d9d6cc;border-radius:1mm;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;overflow:hidden}
.gn-cell .ur{font-size:calc(9pt*var(--scale));line-height:1.7}
.gn-cell .gn-d .ur{font-size:calc(13pt*var(--scale));font-weight:600}
.gn-n{font-size:6pt;color:#8c8980}