/* ============================================================
   HEXA — ستایلی چاپی پسوولەی گەرمی (Thermal Receipt)
   فایلی پەیوەندیدار: hexa.css (تۆکن) · hexa-desktop.css (چوارچێوە)
   ============================================================ */

/* ============================================================
   ⚠ ⚠  یەکەم شت کە دەبێت بیزانیت — سەنمی و window.print()  ⚠ ⚠
   ------------------------------------------------------------
   ‏window.print() لەم بەرنامەیەوە **ناگاتە** چاپکەرە ناوەکییەکەی
   ئامێری سەنمی (V2 / V2 Pro / V2s / V3 / T2). ئەمە گریمانە نییە،
   دوو ڕێگری سەربەخۆن کە لەسەر یەکەوە دانراون:

     ١. چاپکەرە ناوەکییەکە لە چوارچێوەی چاپی ئەندرۆیددا تۆمار
        نەکراوە. خزمەتگوزارییەکی بەستراوی AIDLـە —
        ‏woyou.aidlservice.jiuiv5.IWoyouService (یان SDKـی نوێتری
        ‏com.sunmi.printerx) — و هەرگیز وەک «مەبەستی چاپ» لە
        دیالۆگی چاپی ئەندرۆیددا دەرناکەوێت. هیچ HTTP، هیچ
        سۆکێتی لۆکاڵ، هیچ USB/serial و هیچ ڕووکارێکی تر نییە
        کە وێبگەڕ بتوانێت دەستی لێبدات.

     ٢. سەربەخۆ لەوەش: android.webkit.WebView خۆی
        ‏window.print() جێبەجێ ناکات. بانگکردنەکە بێدەنگ هیچ
        ناکات، مەگەر بەرنامەی میوان خۆی
        ‏createPrintDocumentAdapter() + PrintManager بەکاربهێنێت.

   کەواتە لەسەر ئەندرۆید/سەنمی پێویستمان بە پردێکی نەیتیڤە:
   شێڵێکی تەنکی WebView + @JavascriptInterface کە printBitmap
   بانگ دەکات. ئەو بڕیارە هێشتا نەدراوە، بەڵام ئەم فایلە
   بۆ هەردوو ڕێگاکە ئامادەیە.

   ✔ لەسەر ویندۆز (WPF + WebView2) window.print() **کاردەکات** و
     بۆ هەر چاپکەرێکی درایڤەری ویندۆز دەچاپێنێت. واتا نیوەی
     دێسکتۆپی بەرنامەکە هیچ کێشەی نییە — تەنها نیوەی سەنمی
     پێویستی بە SDK هەیە. ئەم نایەکسانییە لەبیر بێت.

   بۆیە ئەم ستایلە دوو ئەرک دەبینێت بە هەمان مارکئەپ:
     · @media print  → ڕێگای ڕاستەوخۆی چاپ (WebView2/ویندۆز، و
                        دیالۆگی چاپی وێبگەڕ وەک پێشبینین)
     · دۆخی شاشە     → تەختەیەکی چەسپاوی ٣٨٤ خاڵ کە ڕاستەرکەری
                        سێرڤەر (headless Chromium) وێنەی لێدەگرێت
                        و دەیکات بە PNGـێکی ١ـبیتی ٣٨٤ خاڵ.
                        ئەو PNGـە ئەوەیە کە دەنێردرێتە printBitmap.

   ⚠ کوردی هەرگیز بە «دۆخی دەق»ی ESC/POS مەچاپێنە. کۆدپەیجەکانی
     ناو فێرمـوێری چاپکەر (CP864 و هاوشێوەکانی) پیتەکانی
     ‏ڕ ڵ ێ ۆ ڤ گ چ پ ژ ناناسن و بەستنی پیتەکان (shaping) ناکەن.
     دەرئەنجامەکەی نەخوێندراوەیە. هەمیشە وەک وێنە بنێرە —
     لە دۆخی وێنەدا کۆدپەیجی چاپکەر هیچ ڕۆڵێکی نییە، چاپکەر
     تەنها ئەو خاڵانە دەچاپێنێت کە دەیاننێریت، و بەستنی پیت
     دەبێتە کێشەی وێبگەڕ — نەک کێشەی چاپکەر.
   ============================================================ */

/* ============================================================
   سیستەمی پێوانە — «یەک خاڵ»ی چاپکەر
   ------------------------------------------------------------
   چاپکەرەکە ٢٠٣dpiـە، واتا **بە تەواوی ٨ خاڵ لە هەر ملم**.
     ٥٨ملم ڕۆڵ → ٤٨ملم چاپکراو → ٤٨ × ٨ = ٣٨٤ خاڵ
     ٨٠ملم ڕۆڵ → ٧٢ملم چاپکراو → ٧٢ × ٨ = ٥٧٦ خاڵ

   کێشەکە: دوو سیستەمی پێوانەمان هەیە کە یەک نین —
     · بۆ ڕاستەرکەر، ١ CSS px دەبێت = ١ خاڵ (وێنەگرتن لە ٣٨٤px)
     · بۆ چاپی ڕاستەوخۆی وێبگەڕ، px بە ١/٩٦ ئینچ دەژمێردرێت،
       نەک بە خاڵی چاپکەر. ئەگەر بە px بنووسین و پاشان
       ‏width: 48mm دابنێین، دەقەکە دوو ئەوەندە گەورە دەبێت و
       ڕووکارەکە دەتەقێتەوە.

   ⚠ چارەسەر: هیچ درێژییەک بە ژمارەی ڕەق نانووسرێت. هەموویان
     بە `calc(N * var(--rc-u))`ـن، کە N ژمارەی خاڵە و --rc-u
     قەبارەی یەک خاڵە:
        شاشە/ڕاستەر →  --rc-u: 1px      (١ خاڵ = ١ پیکسڵ)
        چاپ         →  --rc-u: 0.125mm  (١ خاڵ = ١/٨ ملم)
     بەم شێوەیە هەمان مارکئەپ لە هەردوو دۆخدا هەمان ڕێژە
     دەدات، و ٨٠ملم تەنها گۆڕینی یەک ژمارەیە (--rc-dots).

   ⚠ فۆنت لەگەڵ پانی ڕۆڵەکە **ناگۆڕێت**. ٢٤ خاڵ = ٣ملم لەسەر
     هەردوو ڕۆڵ، چونکە dpi هەمانە. لە ٨٠ملمدا تەنها ستوونەکان
     پانتر دەبن، نەک پیتەکان.
   ============================================================ */

.rc {
    /* ── تۆکنی سەرەکی ────────────────────────────────────── */

    /* پانی تەختەکە بە خاڵ. ٥٨ملم = ٣٨٤ · ٨٠ملم = ٥٧٦ */
    --rc-dots: 384;

    /* قەبارەی یەک خاڵ. لە @media print دا دەگۆڕدرێت. */
    --rc-u: 1px;

    /* پەراوێزی نەچاپکراوی ڕۆڵەکە، بە خاڵ.
       ٥٨ملم کاغەز − ٤٨ملم چاپکراو = ١٠ملم ÷ ٢ = ٥ملم = ٤٠ خاڵ */
    --rc-pad: 40;

    /* قەبارەی دەق بە خاڵ — ژمارەی سادە، بێ یەکە */
    --rc-fs: 24;      /* بنەڕەت — نزیکەی ٣ملم */
    --rc-fs-sm: 20;   /* مێتا، پێنووس */
    --rc-fs-lg: 30;   /* کۆی گشتی */
    --rc-fs-xl: 38;   /* ناوی فرۆشگا */

    /* هێڵ. ١ خاڵ لە هەندێک وێبگەڕدا لە چاپدا ون دەبێت،
       بۆیە هێڵی سەرەکی ٢ خاڵە (٠.٢٥ملم) — هێشتا تەنکە. */
    --rc-hair: calc(1 * var(--rc-u));
    --rc-rule: calc(2 * var(--rc-u));

    /* پانی ستوونی بڕ و کۆ، بە خاڵ. ناوەکە ئەوەی دەمێنێتەوە. */
    --rc-col-q: 112;
    --rc-col-t: 96;

    /* ⚠ فۆنت: hexa.css فۆنتی 'Noto Sans Arabic' لە
       ‏wwwroot/fonts دادەنێت. لێرەدا هەمان خێزان بەکاردێت بۆ
       ئەوەی پێشبینینی سەر شاشە و ڕاستەرکەری سێرڤەر یەک وێنە
       بدەن. بڕوا بە فۆنتی ئامێرەکە مەکە — فێرمـوێری سەنمی
       بڕاوەتەوە و دڵنیایی نییە پیتی ڕ ڵ ێ ۆ ڤ ی تێدابێت؛
       ئەگەر نەبوو، سندوقی بەتاڵ (tofu) دەچاپێت. */
    --rc-font: 'Noto Sans Arabic', 'Segoe UI', Tahoma, sans-serif;

    /* ── چوارچێوەی تەختەکە ───────────────────────────────── */

    /* ⚠ لە hexa.cssدا `* { box-sizing: border-box }` هەیە. ئەگەر
       لێرەدا نەگۆڕدرێت، پەراوێزی ٤٠ خاڵ لە ناو ٣٨٤ـەکەوە
       دەبڕدرێت و ناوەڕۆکەکە دەبێتە ٣٠٤ خاڵ — پسوولەکە
       بچووکتر دەبێت و ستوونەکان ناگونجێن. */
    box-sizing: content-box;
    inline-size: calc(var(--rc-dots) * var(--rc-u));
    padding-inline: calc(var(--rc-pad) * var(--rc-u));
    padding-block: calc(16 * var(--rc-u));
    margin-inline: auto;

    /* ⚠ ڕەنگی بەرنامەکە (--hexa-*) هەرگیز نایەتە ناو پسوولەوە.
       چاپکەری گەرمی ١ـبیتە: ڕەشی ڕەق یان هیچ. ڕەنگی ناوەند
       یان ون دەبێت یان دەبێتە لەکەی ڕەش. */
    background: #fff;
    color: #000;

    direction: rtl;
    text-align: start;
    font-family: var(--rc-font);
    font-size: calc(var(--rc-fs) * var(--rc-u));

    /* ⚠ ١.٤ کەمترینە بۆ کوردی. کەمتر لەوە، نوقتەکانی ب/ت/پ و
       هێڵی ژێرەوەی ـڕ/ـڵ لەگەڵ دێڕی سەرەوە/خوارەوە تێکەڵ دەبن
       لە ٨ خاڵ/ملمدا. */
    line-height: 1.45;

    /* ژمارەکان دەبێت لە ستووندا لەسەر یەکەوە ڕێک بن */
    font-variant-numeric: tabular-nums;

    /* ⚠ کوردی لەناو وشەدا نابڕدرێت. hyphens هیچ سوودێکی نییە
       و لە هەندێک وێبگەڕدا هێڵی نەویستراو زیاد دەکات. */
    hyphens: none;

    /* ⚠ ئەمە وا دەکات بارگرانی ڕەش و سەری پێچەوانە بچاپێن
       بەبێ ئەوەی بەکارهێنەر «Background graphics» هەڵبژێرێت.
       پێشگری -webkit- بمێنێتەوە — WebViewـی کۆنی ئەندرۆید
       تەنها ئەوە دەناسێت. */
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;

    /* ⚠ سێبەر لە چاپی گەرمیدا یان دەفڕێت یان دەبێتە خۆڵەمێشی
       شپرزە. لە بنەڕەتەوە دەکوژێندرێت بۆ هەموو ناوەوەکەی. */
    text-shadow: none;
    box-shadow: none;
}

/* پانی ٨٠ملم — تەنها یەک شوێن دەگۆڕێت.
   ⚠ هەندێک درایڤەر دۆخێکی «٨٠ملم (٥١٢ خاڵ)»ی گونجاندن پیشان
     دەدات کە تەنها ٦٤ملم دەچاپێنێت. پێش کالیبرەکردنی ستوونەکان
     دڵنیا بە ئامێرەکە لە چ دۆخێکدایە. */
.rc.w80 {
    --rc-dots: 576;
    --rc-pad: 32;      /* ٨٠ − ٧٢ = ٨ملم ÷ ٢ = ٤ملم = ٣٢ خاڵ */
    --rc-col-q: 150;
    --rc-col-t: 130;
}

/* ⚠ سێبەر و ڕەنگی بەرنامە لە هەموو ناوەوەکەیدا دەسڕدرێنەوە.
   ئەگەر کۆمپۆنێنتێکی گشتیی بەرنامە بخرێتە ناو پسوولەوە،
   ڕەنگەکانی خۆی لەگەڵ خۆی ناهێنێت. */
.rc *,
.rc *::before,
.rc *::after {
    box-shadow: none !important;
    text-shadow: none !important;
    color: #000;
    background-color: transparent;
}

/* ============================================================
   ئاراستە و ژمارە — ⚠ گرنگترین بەشی فایلەکە
   ------------------------------------------------------------
   کێشەکە ژمارەکان نین. کێشەکە پیتە بێلایەنەکانن — × = ( ) و
   خاڵی کۆتایی — کە ئاراستەیان لە دەوروبەریانەوە وەردەگرن و
   دەچنە لای هەڵەی ژمارەکە. بۆ نموونە هێڵێکی وەک
   ‏«٣ × ٧٬٠٠٠ = ٢١٬٠٠٠» ئەگەر وەک یەک دەقی لکاو دروست بکرێت،
   لەناو پەرەگرافێکی RTLدا بە شێوەیەکی چاوەڕواننەکراو دەسووڕێتەوە.

   ⚠ چارەسەر: هەرگیز ئەو هێڵە وەک یەک ستڕینگ دروست مەکە. هەر
     خانەیەکی ژمارە دەبێتە دوورگەیەکی LTRی جیاکراوە:
        <bdi dir="ltr">21,000</bdi>
     و ناوی کاڵا (کە لە کاتاڵۆگی کۆفرۆشیدا تێکەڵی کوردی/عەرەبی/
     لاتینییە) دەبێتە <bdi>ی سادە بەبێ dir.

   ⚠ isolate بەکاربهێنە، نەک embed. RLE/LRE/PDF (U+202A–U+202C)
     کۆنن و لە کۆتایی دێڕدا دەڕژێنە دەرەوە. ئەگەر پێویست بوو
     لە C#ـدا ستڕینگێک چاک بکەیت، U+2066/2067/2069 بەکاربهێنە.

   ⚠ RLM/LRMی نەبینراو (U+200F/U+200E) بەناو دەقەکەدا مەوەرێنە —
     لە کۆپی/پەیستدا دەمێنێتەوە، CSVی ناردەکراو تێکدەدات، و
     ئەوەی دوای تۆ ئەم کۆدە دەخوێنێتەوە نایبینێت.

   ⚠ hexa.css خۆی .hexa-num هەیە بە `unicode-bidi: embed`. ناکۆکی
     لەگەڵدا ناکەین: خانەکانی ژمارە لێرەدا خۆیان جیاکراونەتەوە
     (isolate)، بۆیە embedـی ناوەوە بێزیانە. .hexa-num دەکرێت
     لەناو پسوولەکەدا بەکاربێت بەبێ گۆڕانکاری.
   ============================================================ */

/* <bdi>ی سادە — ئاراستەی خۆکار + جیاکردنەوە. بۆ ناوی کاڵا
   کە لەوانەیە کوردی یان عەرەبی یان براندێکی لاتینی بێت. */
.rc bdi {
    unicode-bidi: isolate;
}

/* دوورگەی LTRی ڕەق — بۆ پارە، بڕ، ژمارەی پسوولە، بەروار، کات.
   ‏.rc-num هاوتای .hexa-numـە بەڵام بە isolate لەبری embed. */
.rc bdi[dir="ltr"],
.rc .rc-num {
    direction: ltr;
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

/* ============================================================
   سەری پسوولە
   ============================================================ */

.rc-head {
    text-align: center;
    padding-block-end: calc(10 * var(--rc-u));
    border-block-end: var(--rc-rule) solid #000;
    margin-block-end: calc(10 * var(--rc-u));
}

.rc-head .biz {
    display: block;
    font-size: calc(var(--rc-fs-xl) * var(--rc-u));
    font-weight: 600;
    line-height: 1.3;
}

.rc-head .sub {
    display: block;
    font-size: calc(var(--rc-fs-sm) * var(--rc-u));
    line-height: 1.5;
}

/* سەری پێچەوانە (ڕەش بە سپی) — بۆ «وەسڵی فرۆشتن» یان
   «کۆپی» لەسەر پسوولەی دووبارە چاپکراو.
   ⚠ بەبێ print-color-adjust: exact ئەمە لە چاپدا سپی دەبێت
     لەسەر سپی و ون دەبێت. */
.rc-head.inv,
.rc .rc-bar {
    background: #000 !important;
    color: #fff !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    padding: calc(6 * var(--rc-u)) calc(8 * var(--rc-u));
    border-block-end: 0;
}

.rc-head.inv .biz,
.rc-head.inv .sub,
.rc .rc-bar * {
    color: #fff !important;
}

/* ── لۆگۆ ───────────────────────────────────────────────── */

/* ⚠ لۆگۆ دەبێت پێشوەخت بکرێت بە ڕەش/سپی و بە هەمان پانی
     ئامانج (٣٨٤ یان ٥٧٦ خاڵ) لە سێرڤەرەوە. ئەگەر وێنەیەکی
     ڕەنگاوڕەنگ بدرێت بە درایڤەر، لەکەی ڕەشی شپرزە دەردەچێت.
   ⚠ وێنەکە دەبێت data: URI بێت. window.print() دەستبەجێ
     کاردەکات و چاوەڕێی بارکردنی وێنەی ماوە ناکات — لینکی
     دەرەکی لەوانەیە بەتاڵ بچاپێت. */
.rc-logo {
    display: block;
    margin: 0 auto calc(8 * var(--rc-u));
    max-inline-size: 100%;

    /* ⚠ ڕێگری لە نەرمکردنەوەی وێنە. وێنەی ١ـبیت ئەگەر
       نەرم بکرێتەوە دەبێتە خۆڵەمێشی، و خۆڵەمێشی لەسەر
       چاپکەری گەرمیدا نایەتە دەرەوە. */
    image-rendering: pixelated;
}

/* ============================================================
   مێتا — ژمارەی پسوولە، بەروار، کڕیار، فرۆشیار
   ============================================================ */

.rc-meta {
    font-size: calc(var(--rc-fs-sm) * var(--rc-u));
    padding-block-end: calc(8 * var(--rc-u));
    border-block-end: var(--rc-hair) solid #000;
    margin-block-end: calc(8 * var(--rc-u));
}

/* جووتی ناونیشان/بەها. ناونیشان لای دەستپێک (ڕاست لە RTLدا)،
   بەها لای کۆتایی (چەپ).
   ⚠ left/right بەکارمەهێنە — لە وێبگەڕی LTRی گەشەپێدەردا
     ڕاست دەردەکەوێت و لەسەر ئامێرەکە هەڵە دەبێت. */
.rc-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: calc(10 * var(--rc-u));
    padding-block: calc(1 * var(--rc-u));
}

.rc-row > :first-child {
    text-align: start;

    /* ⚠ ناونیشان دەشکێت، بەها هەرگیز. ئەگەر بەها بشکێت،
       ژمارەکە دەبێتە دوو دێڕ و بیدی تێکدەچێت. */
    min-inline-size: 0;
}

/* ⚠ بەها بە بنەڕەت **دەق**ە، نەک ژمارە.
   پێشتر پێچەوانە بوو: هەموو بەهایەک بە زۆر دەکرا بە LTR و
   nowrap، و ڕێسای دەربازبوونی `.rc-row.txt` لە هیچ
   مارکئەپێکدا بەکارنەدەهێنرا — واتا هەرگیز کاری نەدەکرد.
   دەرئەنجامەکەی: ناوی کڕیارێکی درێژی کوردی/عەرەبی بنەمای
   LTRی پێدەدرا (کەوانە و خاڵی کۆتایی و پارچەی لاتینی
   دەچوونە لای هەڵە)، و لەبەر ئەوەی nowrap ڕێگری لە شکان و
   ‏flex: 0 0 auto ڕێگری لە بچووکبوونەوە دەکرد، لە ٤٨ملمدا
   دەڕژایە دەرەوە و پەڕەکە دەیبڕی.

   ژمارەکان خۆیان `.hexa-num` یان `.rc-num` هەڵدەگرن و
   ئەوانە لەخۆیاندا LTRن، بۆیە لە خوارەوە بە هەڵبژێرەری
   تایبەت مامەڵەیان لەگەڵ دەکرێت. `.rc-row.num` بۆ ئەو
   دۆخانەیە کە بەهاکە ژمارەیە بەڵام کلاسی ژمارەی نییە. */
.rc-row > :last-child {
    text-align: end;

    /* isolate دەمێنێتەوە — پیتە بێلایەنەکانی کۆتایی بەها
       نابێت لەگەڵ ناونیشانەکەدا تێکەڵ بن. ئاراستەکە لە
       ‏.rcـەوە بە میرات دەگات (rtl). */
    unicode-bidi: isolate;

    /* دەق دەشکێت و بچووک دەبێتەوە، لەبری ئەوەی بڕژێتە دەرەوە */
    white-space: normal;
    overflow-wrap: anywhere;
    flex: 0 1 auto;
    min-inline-size: 0;
}

/* بەهای ژمارەیی — LTRی ڕەق و هەرگیز ناشکێت.
   ⚠ ئەگەر بەهایەکی ژمارەیی بشکێت، ژمارەکە دەبێتە دوو دێڕ و
     بیدی تێکدەچێت. بۆیە تەنها لێرەدا nowrap دەمێنێتەوە. */
.rc-row > :last-child.hexa-num,
.rc-row > :last-child.rc-num,
.rc-row.num > :last-child {
    direction: ltr;
    white-space: nowrap;
    overflow-wrap: normal;
    flex: 0 0 auto;
}

/* ============================================================
   هێڵەکانی کاڵا
   ------------------------------------------------------------
   ⚠ ئەم بەشە پێشتر بە تەواوی بۆ <table>/<tr>/<td> نووسرابوو،
     بەڵام تاکە بەکارهێنەری ئەم ستایلە —
     ‏SalesInvoiceView.razor — <div> دەردەدات و لە هەموو
     بەرنامەکەدا هیچ <td>ـێک نییە. واتا هەر ڕێسایەک کە
     ‏`> td`ی تێدابوو بێدەنگ لەسەر هیچ عەنسورێک نەدەگیرا:
     نە پەراوێزی ستوونی، نە هێڵی جیاکەرەوە، نە ڕێکخستنی
     ستوون. هەر کاڵایەک وەک سێ/چوار دێڕی جیای پان دەچاپرا و
     پسوولەیەکی ٢٠ هێڵی دەبووە ~٦٠ دێڕ — نزیکەی سێ ئەوەندەی
     کاغەز. بۆیە ئێستا بە grid لەسەر هەمان مارکئەپ
     نووسراوەتەوە، و هەموو هەڵبژێرەکانی `td`/`th` سڕدراونەتەوە:
     هێشتنەوەیان بە «بێزیان» هەر ئەوە بوو کە کێشەکەی شاردەوە.

   ⚠ table-layout: fixed پێویست بوو بۆ ئەوەی پانی ستوونەکان
     بەپێی ناوەڕۆک نەگۆڕێن. هاوتاکەی لە gridدا
     ‏grid-template-columnsـە: درێژیی ڕەق بۆ بڕ و کۆ، و
     ‏1fr بۆ ناوەکە. هەمان مەبەست — کۆکانی هەموو پسوولەیەک
     لەسەر یەکەوە ڕێک دەبن.

   ⚠ پێشتر لێرەدا نووسرابوو کە flex/grid لەبەر
     «Android System WebView»ـی کۆن بەکارنایەت. ئەوە بۆ ئەم
     فایلە ڕاست نییە: لەسەر سەنمی @media print هیچ ناکات و
     چاپەکە بە ڕێگای وێنەوەیە (بڕوانە سەرەتای فایلەکە)،
     کەواتە ئەو دوو ڕەندەرەی گرنگن WebView2ی ویندۆز و
     ‏Chromiumی بێسەری سێرڤەرن — گریدیان لای هەردووکیان
     تەواوە.

   مارکئەپی چاوەڕوانکراو (وەک ئەوەی ئێستا هەیە):
     <div class="rc-lines">
       <div class="rc-line">
         <div class="n">ناوی کاڵا</div>
         <div class="q"><bdi dir="ltr">3 × 7,000</bdi></div>
         <div class="t"><bdi dir="ltr">21,000</bdi></div>
         <div class="g">دیاری: 2</div>      ← هەڵبژاردەیی
       </div>
     </div>
   ============================================================ */

.rc-lines {
    inline-size: 100%;
    font-size: calc(22 * var(--rc-u));
}

.rc-line {
    display: grid;

    /* ناو = ئەوەی دەمێنێتەوە · بڕ و کۆ = پانی ڕەق بە خاڵ.
       ‏minmax(0, 1fr) پێویستە، نەک 1fr — بەبێ ئەو، ناوێکی
       درێژی بێبۆشایی دەتوانێت ستوونەکە پان بکات و
       ژمارەکان لە کاغەزەکە پاڵبدات. */
    grid-template-columns:
        minmax(0, 1fr)
        calc(var(--rc-col-q) * var(--rc-u))
        calc(var(--rc-col-t) * var(--rc-u));

    /* ⚠ سەرەوە، نەک ناوەڕاست. ئەمە ئەوەیە کە وا دەکات ناوی
       درێژی دوو دێڕی بڕ و کۆ لە جێی خۆیان نەجوڵێنێت — هەردوو
       ژمارەکە لەگەڵ **یەکەم** دێڕی ناوەکە ڕێک دەبن.
       (لە <td>دا ئەمە vertical-align: top بوو.) */
    align-items: start;

    padding-block: calc(5 * var(--rc-u));
}

/* هێڵی جیاکەرەوە لە نێوان کاڵاکاندا.
   ⚠ بە دەق جیاکەرەوە دروست مەکە («--------»). ڕیزێکی درێژی
     پیتی بێلایەن لەناو پەرەگرافێکی RTLدا مەترسیی سووڕانەوەی
     بیدییە، و لە ٨ خاڵ/ملمدا ناڕێک دەچاپێت. border ڕاستە.
   ⚠ هێڵەکە لەسەر خودی ڕیزەکەیە، نەک لەسەر خانەکان — بەبێ
     ‏border-collapseی خشتە، هێڵ لەسەر هەر خانەیەک دەبووە
     سێ پارچەی پچڕاو. */
.rc-line + .rc-line {
    border-block-start: var(--rc-hair) solid #000;
}

/* ناوی کاڵا */
.rc-line .n {
    text-align: start;

    /* ⚠ خەتی عەرەبی لەناو وشەدا نابڕدرێت، بۆیە ناوێکی درێژی
       کوردی لە ٤٨ملمدا دەڕژێتە دەرەوە و خانەی نرخ لە کاغەزەکە
       پاڵدەدات. `anywhere` ڕێگە دەدات لە هەر خاڵێکدا بشکێت —
       ناشرینە بەڵام لە بڕینی نرخەکە باشترە. باشترین ڕێگا:
       لە سێرڤەرەوە بە پێوانەی خاڵ کورت بکرێتەوە. */
    overflow-wrap: anywhere;
    word-break: normal;
    hyphens: none;
}

/* بڕ × نرخی یەکە — دوورگەیەکی LTR.
   ⚠ inline-size لێرەدا دانانرێت — تراکی گریدەکە پانییەکە
     دیاری دەکات. دووبارەکردنەوەی --rc-col-q لە دوو شوێندا
     واتای ئەوەیە کە ٨٠ملم لە یەکێکیاندا لەبیر دەکرێت. */
.rc-line .q {
    direction: ltr;

    /* لەناو direction: ltrدا `end` = ڕاست. بە مەبەست بە
       شێوەی لۆژیکی نووسراوە بۆ ئەوەی لەگەڵ خودی خانەکەدا
       بگونجێت، نەک لەگەڵ ئاراستەی پەڕەکە. */
    text-align: end;
    unicode-bidi: isolate;
    white-space: nowrap;
}

/* کۆی هێڵەکە — پانی لە تراکی گریدەوە دێت (وەک .qی سەرەوە) */
.rc-line .t {
    direction: ltr;
    text-align: end;
    unicode-bidi: isolate;
    white-space: nowrap;
    font-weight: 600;
}

/* هێڵی دیاری/داشکاندن/تێبینی لەژێر کاڵادا.
   ⚠ ئەمانە هەموو پانییەکە دەگرن (1 / -1)، نەک تەنها ستوونی
     ناو. بەبێ ئەوە، وەک خانەیەکی چوارەم دەکەونە ڕیزێکی
     نوێی گریدەوە و لەژێر ناوەکەدا بە پانییەکی بەشەکییەوە
     دەردەکەون.
   ⚠ `.g` ئەوەیە کە مارکئەپەکە بەکاریدەهێنێت بۆ دیاری؛
     `.note` بۆ داهاتوو دەمێنێتەوە. */
.rc-line .g,
.rc-line .note {
    grid-column: 1 / -1;
    font-size: calc(18 * var(--rc-u));
}

/* ============================================================
   کۆکان
   ============================================================ */

.rc-totals {
    margin-block-start: calc(8 * var(--rc-u));
    padding-block-start: calc(8 * var(--rc-u));
    border-block-start: var(--rc-rule) solid #000;
    font-size: calc(var(--rc-fs) * var(--rc-u));
}

/* هێڵەکانی ناو کۆکان هەمان .rc-row بەکاردەهێنن */
.rc-totals .rc-row {
    padding-block: calc(2 * var(--rc-u));
}

/* کۆی گشتی — گەورەترین شتی سەر کاغەزەکە.
   کڕیار تەنها ئەم ژمارەیە دەبینێت، بۆیە دەبێت لە یەک
   چاولێکەردا بخوێندرێتەوە. */
.rc-total {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: calc(10 * var(--rc-u));

    margin-block-start: calc(6 * var(--rc-u));
    padding-block: calc(6 * var(--rc-u));
    border-block-start: var(--rc-rule) solid #000;
    border-block-end: var(--rc-rule) solid #000;

    font-size: calc(var(--rc-fs-lg) * var(--rc-u));
    font-weight: 600;
}

.rc-total > :last-child {
    direction: ltr;
    unicode-bidi: isolate;
    text-align: end;
    white-space: nowrap;
    flex: 0 0 auto;
}

/* دۆخی پێچەوانە بۆ کۆی گشتی — بارێکی ڕەش.
   ⚠ لەسەر کاغەزی گەرمی، بارێکی ڕەشی ٣٠ خاڵ بەرز مەرەکەبی
     زۆر دەخوات و سەری چاپکەر گەرم دەکات. تەنها بۆ کۆی گشتی
     بەکاریبهێنە، نەک بۆ هەموو دێڕێک. */
.rc-total.bar {
    background: #000 !important;
    color: #fff !important;
    border: 0;
    padding-inline: calc(8 * var(--rc-u));
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

.rc-total.bar * { color: #fff !important; }

/* ============================================================
   واژوو، پێنووس، بڕین
   ============================================================ */

/* ⚠ بۆشایی سەرەوە بە قەستە — شوێنی واژووی وەرگرە. ئەگەر
   بۆشاییەکە نەبێت، فرۆشیار لەسەر دەقەکە واژوو دەکات. */
.rc-sign {
    margin-block-start: calc(72 * var(--rc-u));
    border-block-start: var(--rc-hair) solid #000;
    padding-block-start: calc(5 * var(--rc-u));
    font-size: calc(var(--rc-fs-sm) * var(--rc-u));
    text-align: center;
}

/* دوو واژوو (گەیەنەر + وەرگر) لە تەنیشت یەکدا.

   ⚠ ٤٧٪ + ٦٪ + ٤٧٪ = ١٠٠٪ بە تەواوی — بەڵام لە نێوان دوو
     ‏inline-blockدا بۆشاییەکی دەقی (بۆشایی/دێڕی نوێی ناو
     مارکئەپەکە) دەکەوێتە نێوانیان، بۆیە کۆکە لە ١٠٠٪ تێدەپەڕێت
     و دووەمیان دەشکێتەوە دێڕی خوارەوە. ژمارەکان کەمکراونەتەوە
     بۆ ئەوەی جێگای ئەو بۆشاییە بێت.

   ⚠ `vertical-align: top` پێویستە: بەبێ ئەو، ئەگەر یەکێکیان
     دوو دێڕ بێت، ئەوی تر بەپێی بنەڕەتی دەق پاڵدەدرێت. */
.rc-sign.half {
    display: inline-block;
    inline-size: 46%;
    vertical-align: top;
}

.rc-sign.half + .rc-sign.half {
    margin-inline-start: 4%;
}

.rc-foot {
    margin-block-start: calc(12 * var(--rc-u));
    padding-block-start: calc(8 * var(--rc-u));
    border-block-start: var(--rc-hair) solid #000;
    font-size: calc(var(--rc-fs-sm) * var(--rc-u));
    text-align: center;
    line-height: 1.6;
}

/* ⚠ ژمارەی تەلەفۆن لەناو دەقی کوردیدا دەبێت جیابکرێتەوە،
   ئەگەرنا + و - دەچنە لای هەڵە. */
.rc-foot bdi { display: inline-block; }

/* ناوچەی بڕین — بۆشاییەکی بەتاڵ لە کۆتاییدا.
   ⚠ بەبێ ئەم بۆشاییە، دوا دێڕی پسوولەکە لەناو ئامێرەکەدا
     دەمێنێتەوە و بەکارهێنەر ناتوانێت بیبڕێت (سەری چاپکەر و
     شیرەی بڕین نزیکەی ١٠–١٥ملم لە یەکەوە دوورن). */
.rc-cut {
    block-size: calc(96 * var(--rc-u));
}

/* ============================================================
   دۆخی شاشە — پێشبینین
   ------------------------------------------------------------
   لە شاشەدا --rc-u = 1px، بۆیە تەختەکە بە تەواوی ٣٨٤ خاڵە.
   ئەمە بە ئەنقەست وایە: ڕاستەرکەری سێرڤەر (headless Chromium)
   هەر لەم دۆخەدا وێنە دەگرێت و PNGـێکی ٣٨٤ خاڵ دەردەچێت.
   واتا ئەوەی فرۆشیار دەیبینێت، هەر ئەوەیە کە دەچاپێت.

   ⚠ لەسەر شاشەیەکی ٩٦dpi ئەم ٣٨٤ پیکسڵە نزیکەی ١٠١ملم
     دەردەکەوێت، واتا دوو ئەوەندەی قەبارەی ڕاستەقینە. ئەمە
     هەڵە نییە — ڕێژەکان دروستن. ئەگەر بەکارهێنەر پێی وابێت
     دەقەکە زۆر گەورەیە، ئەوە ئەفسوونی شاشەیە نەک کاغەز.
   ============================================================ */

@media screen {

    /* چوارچێوەی دەوروبەر — کارتێکی سپی لە ناوەڕاستی پەڕەدا.
       ⚠ ئەم سێبەرە تەنها لەسەر شاشەیە. لە چاپدا هەموو
         سێبەرێک دەکوژێندرێت. */
    .rc {
        box-shadow: 0 1px 2px rgba(12, 14, 20, .10), 0 8px 24px rgba(12, 14, 20, .10);
        border: 1px solid var(--hexa-border);
        border-radius: 2px;
    }

    /* هێڵی بڕین وەک هێڵی پچڕپچڕ دەردەکەوێت بۆ ئەوەی
       بەکارهێنەر بزانێت کاغەزەکە لەکوێ دەبڕدرێت.
       ⚠ ئەمە هەرگیز ناچاپێت — نەخشی پچڕپچڕ لە ٨ خاڵ/ملمدا
         ناڕێک دەردەچێت (aliasing). */
    .rc-cut {
        position: relative;
    }

    .rc-cut::before {
        content: "✂";
        position: absolute;
        inset-block-start: 50%;
        inset-inline-start: 0;
        transform: translateY(-50%);
        font-size: calc(18 * var(--rc-u));
        opacity: .45;
    }

    .rc-cut::after {
        content: "";
        position: absolute;
        inset-block-start: 50%;
        inset-inline: calc(24 * var(--rc-u)) 0;
        border-block-start: 1px dashed var(--hexa-muted);
    }
}

/* شوێنی پێشبینین لەناو بەرنامەکەدا — پسوولەکە لە ناوەڕاست.
   ئەم کلاسە هەڵبژاردەییە؛ ئەگەر بەکاربێت، لە چاپدا دەبێتە
   شتێکی بێکاریگەری. */
.rc-stage {
    display: flex;
    justify-content: center;
    padding: 1rem;
    background: var(--hexa-bg);
    overflow: auto;
}

/* ============================================================
   دۆخی چاپ
   ------------------------------------------------------------
   ⚠ ئەم بەشە بۆ WebView2/ویندۆز و بۆ پێشبینینی وێبگەڕە.
     لەسەر سەنمی، ئەم بەشە هیچ ناکات (بڕوانە سەرەتای فایلەکە)
     و بەرنامەکە PNGـەکە دەنێرێتە پردی نەیتیڤ.
   ============================================================ */

/* ⚠ `size` بە ئەنقەست دانەنراوە.
   ‏`size: 58mm auto` ڕێزمانی دروستی نییە: گرامەری Paged Media
   ‏`<length>{1,2} | auto | <page-size>` ڕێگە دەدات — تێکەڵەی
   «درێژی + auto» هیچ کامیان نییە، بۆیە وێبگەڕ بە تەواوی
   فڕێیدەدات و دەگەڕێتەوە بۆ A4. ئەوە بێدەنگ ڕوودەدات.

   ‏`size: 58mm 3000mm` ڕێزمانی دروستە، بەڵام لەسەر ڕۆڵێکی
   بەردەوام درایڤەرەکە ٣ مەتر کاغەز دەردەدات بۆ هەر پسوڵەیەک.

   بۆیە باشترین کار: هیچ نەڵێین و بهێڵین ڕێکخستنی ڕۆڵەکەی
   درایڤەر بڕیار بدات — ئەوە هەم دروستە هەم کاغەز فەڕان ناکات.
   هەڵبژاردنی ٥٨/٨٠ ملم تەنها ڕووکار دەگۆڕێت (کلاسی .w80)؛
   قەبارەی کاغەز شتێکی درایڤەرەکەیە.

   ⚠ ئەمەش هۆکاری دووەمی لابردنی `size`ـە: @page نە
     ‏custom property دەخوێنێتەوە و نە کلاسی .w80ی سەر
     مارکئەپەکەی پێدەگات، کەواتە ژمارەیەکی ڕەقی لێرەدا
     هەرگیز ناتوانێت شوێن بە هەڵبژاردەی ٥٨/٨٠ملم بکەوێت.
     ئەگەر ڕۆژێک پێویست بوو، تاکە ڕێگا دروستکردنی ڕیزەکەیە
     لە کاتی کارکردندا — <style>ـێک لە PrintAsync ـەوە
     بەپێی _paper، بە دوو درێژیی ڕوون، نەک `auto` — و پێش
     متمانەکردن لەسەر خودی بیلدی WebView2 تاقی بکرێتەوە.

   ⚠ ڕاستگۆیی: `size` هەرگیز زیاتر لە ئاماژەیەک نەبووە.
     ئەگەر بەکارهێنەر لە دیالۆگی چاپدا A4 هەڵبژێرێت، ئەوە
     دەبات. هیچ CSSـێک نییە کە سەردێڕ/پێدێڕی وێبگەڕ
     بکوژێنێتەوە یان «Margins: None» بەزۆر دابنێت. کارمەند
     دەبێت جارێک ئەوانە ڕێک بخات — یان بە تەواوی دیالۆگەکە
     لابەریت بە ڕێگای وێنە. */
@page {
    margin: 0;
}

@media print {

    /* ⚠ ١ خاڵی چاپکەر = ١/٨ ملم لە ٢٠٣dpiدا. ئەم یەک ڕیزە
       هەموو فایلەکە دەگۆڕێت لە «پیکسڵی شاشە»ـوە بۆ
       «ملمی ڕاستەقینەی کاغەز» — بەبێ ئەوەی هیچ درێژییەکی
       تر بگۆڕدرێت. */
    .rc {
        --rc-u: 0.125mm;

        border: 0;
        border-radius: 0;
        box-shadow: none;
        margin: 0 auto;

        /* ⚠ هەرگیز overflow: hidden. دوایین دێڕی پسوولەکە
           دەبڕێت بەبێ ئەوەی هیچ هەڵەیەک دەربکەوێت. */
        overflow: visible;
    }

    html, body {
        margin: 0;
        padding: 0;
        background: #fff;
        color: #000;

        /* ⚠ height: 100% لە hexa.cssدا هەیە. لە چاپدا ئەوە
           پەڕەیەکی بەتاڵی زیادە دروست دەکات. */
        height: auto;
        min-height: 0;
        overflow: visible;

        /* ⚠ لێرەدا `width: 58mm` **دانانرێت**، هەرچەندە زۆر
           نموونەی ئینتەرنێت وا دەڵێن. هۆکارەکەی: .rc خۆی
           پانی تەواوی کاغەزەکە هەڵدەگرێت (٤٨ملم ناوەڕۆک +
           ٢×٥ملم پەراوێز = ٥٨ملم)، بۆیە دووبارەکردنەوەی
           لێرەدا تەنها شوێنێکی تری دەکاتەوە کە لە کاتی
           گۆڕین بۆ ٨٠ملم لەبیر دەکرێت. زیاتر لەوە: ئەگەر
           بەکارهێنەر لە دیالۆگی چاپدا A4 هەڵبژێرێت، `auto`
           وا دەکات پسوولەکە بە margin-inline: auto بچێتە
           ناوەڕاستەوە لەبری ئەوەی لای ڕاست بلکێت. */
        width: auto;
    }

    /* ── چوارچێوەی بەرنامە دەشاردرێتەوە ──────────────────── */

    /* ⚠ ئەمانە بە تەواوی لادەبرێن — هیچیان لەسەر کاغەز
       مانایان نییە. */
    .dk-title,
    .dk-menubar,
    .dk-tabs,
    .dk-status,
    .dk-toolbar,
    .dk-kpis,
    .dk-chips,
    .hexa-titlebar,
    .hexa-sidebar,
    .hexa-statusbar,
    .hexa-alert,
    .hexa-backdrop,
    .hexa-reconnect,
    .pk-dock,
    .pk-grid,
    button,
    .hexa-btn,
    .rc-noprint {
        display: none !important;
    }

    /* ⚠ .dk بە display: none نایشارینەوە — پسوولەکە خۆی
       لەناوییەتی. ئەوەی چاپ دەکوژێت خودی .dk نییە، بەڵکو
       سیفەتەکانییەتی: height: 100vh (پەڕەی بەتاڵ) و
       overflow: hidden (کۆتایی پسوولەکە دەبڕێت). بۆیە
       بێکاریگەری دەکرێن، نەک لادەبرێن. هەمان شت بۆ
       .hexa-dialog، چونکە پێشبینینی پسوولە لەوانەیە
       لەناو دیالۆگێکدا بێت. */
    .dk,
    .dk-content,
    .rc-stage,
    .hexa-shell,
    .hexa-body,
    .hexa-main,
    .hexa-card,
    .hexa-dialog {
        display: block !important;
        position: static !important;
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        width: auto !important;
        max-width: none !important;
        overflow: visible !important;
        background: #fff !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
    }

    /* ⚠ تۆڕی ئاسایش: هەر شتێکی تر کە لەگەڵ پسوولەکەدا لە
       هەمان شوێندایە دەشاردرێتەوە. ئەگەر پسوولەکەت لەناو
       بەردەوامکەرێکدایە، .rc-host بخە سەر ئەو بەردەوامکەرە.
       (‏:not()ـی سادە بە قەستە — WebViewـی کۆنی ئەندرۆید
       ‏:not()ـی ئاڵۆز پشتگیری ناکات.) */
    .dk-content > *:not(.rc) {
        display: none !important;
    }

    /* ⚠ ئەم دوو ڕیزە دەبێت **دوای** ئەوەی سەرەوە بێن. هەردووکیان
       هەمان هێزی هەڵبژاردنیان هەیە (0,2,0)، بۆیە ئەوەی دواتر
       دەبات. ئەگەر بیانبەیتە سەرەوە، پسوولەکە خۆی دەشاردرێتەوە
       و کاغەزێکی بەتاڵ دەردەچێت. */
    .dk-content > .rc-stage,
    .dk-content > .rc-host,
    .rc-stage,
    .rc-host {
        display: block !important;
    }

    /* ⚠ position: fixed لە Chromeدا تەنها لەسەر یەکەم پەڕە
       دەچاپێت، و sticky یان دووبارە دەبێتەوە یان دەبڕدرێت.
       لە چاپدا هەموویان دەبنە static. */
    .rc,
    .rc * {
        position: static;
    }

    /* ⚠ کاڵا نابێت لە نێوان دوو پەڕەدا بشکێت — لەسەر ڕۆڵی
       بەردەوام «پەڕە» نییە، بەڵام ئەگەر بەکارهێنەر A4
       هەڵبژێرێت ئەمە پسوولەکە دەپارێزێت. */
    .rc-line,
    .rc-total,
    .rc-head,
    .rc-foot {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    /* بۆشاییەکی زیادە لە کۆتاییدا بۆ بڕین */
    .rc-cut {
        block-size: 12mm;
    }
}

/* ============================================================
   یاریدەدەر
   ============================================================ */

/* ‏.rc-noprint لە بەشی @media print دا دەشاردرێتەوە — لێرەدا
   هیچ ستایلێکی پێویست نییە، لەسەر شاشە وەک خۆی دەمێنێتەوە. */

/* پێچەوانەکەی — تەنها لە چاپدا دەردەکەوێت */
.rc-printonly { display: none; }

@media print {
    .rc-printonly { display: block; }
}

/* ناوەڕاست/دەستپێک/کۆتایی — بە شێوەی لۆژیکی */
.rc .c { text-align: center; }
.rc .s { text-align: start; }
.rc .e { text-align: end; }

/* دەقی گەورەتر/بچووکتر لەناو پسوولەدا */
.rc .big   { font-size: calc(var(--rc-fs-lg) * var(--rc-u)); font-weight: 600; }
.rc .small { font-size: calc(var(--rc-fs-sm) * var(--rc-u)); }

/* هێڵی جیاکەرەوەی سەربەخۆ */
.rc hr {
    border: 0;
    border-block-start: var(--rc-hair) solid #000;
    margin-block: calc(6 * var(--rc-u));
}

/* ============================================================
   دۆخی «پڕکردنەوەی پەڕە» — بۆ RawBT
   ------------------------------------------------------------
   ⚠ ئەمە چارەسەری ئەو کێشەیەیە کە بەگوێرەی لێکۆڵینەوە
     محتەمەلترین شکستە لەم ڕێگایەدا:

     Chrome لەسەر ئەندرۆید HTML بۆ چاپکەر نانێرێت. لاپەڕەکە
     بەپێی قەبارەی ئەو کاغەزەی هەڵبژێردراوە ڕێک دەخات، دەیکات
     بە PDF، و RawBT ئەو PDFـە دەکات بە وێنەیەکی ٣٨٤ خاڵی.

     ئەگەر Chrome پەڕەکە بە A4 (٢١٠ملم) دابنێت و وەسڵەکەشمان
     تەنها ٥٨ملم بێت، ئەوا وەسڵەکە تەنها ٥٨/٢١٠ = ٢٨٪ی پانی
     پەڕەکە دەگرێت. پاشان هەموو پەڕەکە بۆ ٣٨٤ خاڵ بچووک
     دەکرێتەوە — واتا وەسڵەکە دەبێتە ~١٠٨ خاڵ. نەخوێندراوە.

     چارەسەر: لەم دۆخەدا وەسڵەکە **هەموو** پانی پەڕەکە دەگرێت،
     هەر قەبارەیەک بێت. کاتێک RawBT بچووکی دەکاتەوە بۆ ٣٨٤ خاڵ،
     وەسڵەکە هەموو کاغەزەکە پڕ دەکاتەوە.

   ⚠ بۆ درایڤەری گەرمیی ڕاستەوخۆ (WebView2/ویندۆز) ئەم دۆخە
     **بەکارمەهێنە** — لەوێ پەڕەکە خۆی ٥٨ملمە، و پڕکردنەوەی
     پەڕە هیچ ناگۆڕێت بەڵام ڕێژەکان لەدەست دەدەیت ئەگەر
     بەکارهێنەر A4 هەڵبژێرێت.
   ============================================================ */

@media print {

    .rc.fit {
        /* پانی پەڕەکە، نەک پانی ڕۆڵەکە */
        /* ⚠ تاکە شت کە دەگۆڕدرێت `--rc-u`ـە.
           هەموو درێژییەکی ئەم فایلە — پانی، پەراوێز، هێڵ، ستوونی
           گرید، **و قەبارەی دەقیش** — بە `calc(N * var(--rc-u))`
           نووسراوە. بۆیە گۆڕینی ئەم یەک نرخە هەمووی پێکەوە
           دەگونجێنێت، و ڕێژەکان بە تەواوی وەک خۆیان دەمێننەوە.

           ٣٨٤ خاڵ دەبێت ببێتە ١٠٠٪ی پانی پەڕەکە:
             ١٠٠ ÷ ٣٨٤ = ٠.٢٦٠٤

           ⚠ `vw` نەک `%`. لە CSSدا ڕێژە بۆ font-size واتا ڕێژەی
             باوانەکە، نەک پانی پەڕەکە — بۆیە بە `%` دەقەکە
             هەڵدەگەڕێت. لە دۆخی چاپدا `vw` بۆ سندوقی پەڕەکە
             دەگەڕێتەوە، کە ڕێک ئەوەیە کە دەمانەوێت. */
        --rc-u: 0.2604vw;

        /* پەراوێزی نەچاپکراو لێرەدا ناخرێتە کار: نازانین چ
           کاغەزێکە، بۆیە هەموو پانییەکە دەگرین و دەیهێڵین
           RawBT خۆی بیگونجێنێت. */
        --rc-pad: 0;

        inline-size: 100%;
        max-inline-size: 100%;
    }

    /* ⚠ ئەم قەبارانە بە `em`ـن، واتا ڕێژە بۆ ئەو font-sizeـەی
       ‏.rc کە خۆی لە --rc-uـەوە دێت. بۆیە خۆیان دەگونجێن و
       پێویست ناکات دووبارە بنووسرێنەوە. */
    .rc.fit .rc-lines { font-size: .92em }
    .rc.fit .rc-line .g,
    .rc.fit .rc-line .note { font-size: .75em }
    .rc.fit .rc-meta,
    .rc.fit .rc-sign,
    .rc.fit .rc-foot { font-size: .84em }
    .rc.fit .rc-head .biz { font-size: 1.6em }
    .rc.fit .rc-head .sub { font-size: .84em }
    .rc.fit .rc-total { font-size: 1.25em }
}