/* Approved dossier design; scoped to the files directory. */
.noonpost-files-page[dir="ltr"] { direction:ltr; text-align:left; }
.noonpost-files-page[dir="ltr"] .archive-title,
.noonpost-files-page[dir="ltr"] .taxonomy-description { text-align:start; }
  /* ── الأساس: لون لافت واحد (أحمر العلامة)، مساحات مسطحة، صفر ظلال ── */
  .np-files { --s:#fff; --soft:#f4f6f7; --tabbg:#e6ebee; --ink:#0e2b39; --ink2:#4d6673; --mut:#7f939e;
        --ln:#dde6ea; --red:#ee494f; --redt:#c9333a; --r:4px; --r2:8px;
        display:block; padding-block:8px 76px; color:var(--ink); letter-spacing:0; }
  body[data-theme=dark] .np-files { --s:#17232a; --soft:#121c22; --tabbg:#1b262d; --ink:#edf4f7; --ink2:#b6c6cf; --mut:#8ca0ab; --ln:rgba(255,255,255,.14); --redt:#f4868a; }
  .np-files *,
.np-files *::before,
.np-files *::after { letter-spacing:0; }   /* العربية خط متصل: لا تباعد حروف */
  .np-files .fa-dot { display:inline-block; width:11px; height:11px; flex:none; border-radius:3px; rotate:-8deg; background:var(--red); }

  .np-files .ed-sec { margin-block-start:52px; }
  .np-files .ed-h2 { display:flex; align-items:center; gap:12px; font-size:28px; font-weight:700; line-height:1.5; margin:0 0 4px; }
  .np-files .ed-h2 .fa-dot { width:14px; height:14px; border-radius:4px; }
  .np-files .ed-sub { font-size:14px; font-weight:400; line-height:1.9; color:var(--ink2); margin:0 0 24px; max-width:64ch; }

  /* ══ الأضبارة ══
     بنية واحدة (لسان + لوحه متجاوران)، والتخطيط وحده يتبدّل بالمقاس. ══ */
  .np-files .dz { display:block; }
  .np-files .dz-tab { appearance:none; border:0; cursor:pointer; font-family:inherit;
            background:var(--tabbg); color:var(--ink2);
            font-size:15px; font-weight:600; line-height:1.6; text-align:start;
            display:flex; align-items:baseline; gap:9px; min-width:0; }
  .np-files .dz-tab-title { min-width:0; white-space:normal; overflow-wrap:anywhere; }
  .np-files .dz-tab-n { flex:none; }
  .np-files .dz-tab:hover { color:var(--ink); }
  .np-files .dz-tab:focus-visible { outline:2px solid var(--redt); outline-offset:-5px; }
  .np-files .dz-tab.is-on { background:var(--soft); color:var(--ink); font-weight:700; }
  .np-files .dz-tab-n { font-size:11px; font-weight:600; color:var(--tc, var(--mut)); }

  .np-files .dz-panel { background:var(--soft); border-radius:var(--r); padding:28px 30px;
              display:grid; grid-template-columns:minmax(250px,320px) 1fr; gap:32px; align-items:start; }
  .np-files .dz-panel:not(.is-on) { display:none; }

  /* الغلاف كطبعة ورقية وُضعت باليد: إطار أبيض وميل طفيف يختلف من ملف لآخر
     (--tilt على اللوح، والخاصية المخصّصة تتوارث إلى الصورة) */
  .np-files .dz-plate { display:block; }
  .np-files .dz-media { display:block; border:6px solid var(--s); border-radius:var(--r); overflow:hidden; background:var(--s);
              rotate:var(--tilt, -1deg); }
  .np-files .dz-media img { width:100%; aspect-ratio:3/2; object-fit:cover; display:block; }

  /* ختم التاريخ: إطار مزدوج بـborder + outline‑offset (لا ظل)، ومائل كختم
     مضغوط باليد. زاويته تخالف زاوية الغلاف كي لا يُقرآ ككتلة واحدة مُدارة. */
  .np-files .dz-stamp { display:inline-flex; flex-direction:column; align-items:center; gap:1px;
              margin-block-start:26px; margin-inline-start:8px; padding:6px 15px;
              border:1px solid var(--tc, var(--mut)); border-radius:2px;
              outline:1px solid var(--tc, var(--mut)); outline-offset:3px;
              color:var(--tc, var(--ink2)); rotate:-2.5deg; }
  .np-files .dz-stamp b { font-size:10px; font-weight:600; }
  .np-files .dz-stamp time { font-size:13px; font-weight:700; }

  .np-files .dz-info { min-width:0; }
  .np-files .dz-title { font-size:27px; font-weight:700; line-height:1.5; margin:0 0 8px; }
  .np-files .dz-title a { color:var(--ink); text-decoration:none; }
  .np-files .dz-title a:hover { color:var(--redt); }
  .np-files .dz-desc { font-size:15px; font-weight:400; line-height:1.9; color:var(--ink2); margin:0 0 16px;
             display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
  .np-files .dz-reads { font-size:15px; font-weight:700; color:var(--tc, var(--ink)); margin:0 0 2px; }
  .np-files .dz-arts { list-style:none; margin:0; padding:0; }
  .np-files .dz-arts li { display:flex; align-items:baseline; gap:12px; padding-block:9px;
                border-block-start:1px solid var(--ln); }
  .np-files .dz-arts li:first-child { border-block-start:0; }
  .np-files .dz-art-n { font-size:11px; font-weight:600; color:var(--tc, var(--mut)); flex:none; }
  .np-files .dz-arts a { font-size:14px; color:var(--ink2); text-decoration:none; }
  .np-files .dz-arts a:hover { color:var(--redt); }

  /* حافة الأوراق المكدّسة أسفل المجلد */
  .np-files .dz-sheets { display:grid; gap:3px; margin-block-start:3px; }
  .np-files .dz-sheets i { height:5px; background:var(--soft); border-radius:0 0 3px 3px; justify-self:center; }
  .np-files .dz-sheets i:nth-child(1) { width:97%; }
  .np-files .dz-sheets i:nth-child(2) { width:93%; }

  /* Desktop tabs share the height of the longest complete title. */
  @media (min-width:992px) {
    /* row-gap صفر كي يلتحم اللسان الفعّال بسطح المجلد كالتحام لسان
       الأضبارة الورقية بجسمها؛ الفراغ بين الألسنة أفقي فقط */
    .np-files .dz { display:grid; grid-template-columns:repeat(var(--np-featured-count,6),minmax(0,1fr)); align-items:stretch; column-gap:6px; row-gap:0; padding-inline:14px; }
    .np-files .dz-tab { grid-row:1; clip-path:polygon(12px 0, calc(100% - 12px) 0, 100% 100%, 0 100%);
              padding:12px 18px 13px; }
    .np-files .dz-tab.is-on { cursor:default; }
    .np-files .dz-panel { grid-row:2; grid-column:1/-1; margin-inline:-14px; }
    .np-files .dz-sheets { grid-row:3; grid-column:1/-1; margin-inline:-14px; }
  }

  /* ── الهاتف: كل لسان فوق لوحه مباشرة (لا التفاف ولا تمرير أفقي) ── */
  @media (max-width:991px) {
    .np-files .dz-tab { width:100%; text-align:start; padding:14px 16px; margin-block-start:8px;
              border-radius:var(--r) var(--r) 0 0; }
    .np-files .dz-tab:first-of-type { margin-block-start:0; }
    .np-files .dz-tab::after { content:""; margin-inline-start:auto; width:7px; height:7px; flex:none;
                     border-inline-end:2px solid currentColor; border-block-end:2px solid currentColor;
                     rotate:-45deg; opacity:.45; }
    .np-files .dz-tab.is-on::after { rotate:135deg; opacity:.7; }
    .np-files .dz-panel { grid-template-columns:1fr; gap:20px; border-radius:0 0 var(--r) var(--r); }
    .np-files .dz-media { max-width:440px; }
    .np-files .dz-sheets { display:none; }
  }

  /* Unified archive, revealed in batches; search covers every file. */
  .np-files .ed-tools { display:flex; gap:20px; align-items:center; flex-wrap:wrap; margin-block-end:24px; }
  .np-files .ed-search { flex:0 1 320px; min-width:210px; }
  .np-files .ed-search input { width:100%; font-family:inherit; font-size:14px; color:var(--ink); background:var(--s); border:1px solid var(--ln); border-radius:var(--r); padding:9px 14px; }
  .np-files .ed-search input:focus-visible { outline:2px solid var(--redt); outline-offset:1px; }
  .np-files .ed-results { font-size:13px; color:var(--ink2); }
  .np-files [hidden] { display:none!important; }

  .np-files .ed-grid { display:grid; grid-template-columns:repeat(4,1fr); column-gap:24px; row-gap:30px; }
  .np-files .ed-item.is-hidden { display:none; }
  .np-files .ed-more { display:inline-block; margin-block-start:20px; appearance:none; background:none; border:0; padding:0;
             font-family:inherit; font-size:14px; font-weight:600; color:var(--redt); cursor:pointer;
             text-decoration:underline; text-underline-offset:4px; }
  .np-files[data-mode="search"] .ed-more { display:none; }

  .np-files .ed-item-media { display:block; aspect-ratio:3/2; overflow:hidden; border-radius:var(--r); background:var(--soft); margin-block-end:10px; }
  .np-files .ed-item-media img { width:100%; height:100%; object-fit:cover; display:block; }
  .np-files .ed-item-title { font-size:15px; font-weight:600; line-height:1.6; margin:0 0 4px; }
  .np-files .ed-item-title a { color:var(--ink); text-decoration:none; }
  .np-files .ed-item-title a:hover { color:var(--redt); }
  .np-files .ed-item.is-live .ed-item-title::before { content:""; display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--red); margin-inline-end:7px; vertical-align:middle; }
  .np-files .ed-item-date { font-size:12px; font-weight:400; color:var(--mut); margin:0; }
  .np-files .ed-empty { display:none; color:var(--mut); font-size:14px; padding:48px 0; }
  .np-files .ed-note { font-size:12px; font-weight:400; color:var(--mut); margin-block-start:30px; padding-block-start:14px; border-block-start:1px solid var(--ln); }

  /* ── الثيم يفرض `color:#fff!important` على كل <p> داخل `.page` في الوضع
     الليلي فيمحو تدرّج النص الثانوي؛ نستعيده بأضيق نطاق ── */
  body[data-theme=dark] .np-files .ed-sub,
body[data-theme=dark] .np-files .dz-desc { color:var(--ink2)!important; }
  body[data-theme=dark] .np-files .ed-item-date,
body[data-theme=dark] .np-files .ed-empty,
body[data-theme=dark] .np-files .ed-note { color:var(--mut)!important; }

  @media (max-width:991px) {
    .np-files .ed-grid { grid-template-columns:repeat(3,1fr); }
  }
  @media (max-width:640px) {
    .np-files .ed-h2 { font-size:24px; }
    .np-files .dz-tab { font-size:14px; }
    .np-files .dz-panel { padding:18px 16px; }
    .np-files .dz-title { font-size:22px; }
    .np-files .ed-grid { grid-template-columns:repeat(2,1fr); column-gap:16px; row-gap:24px; }
  }

.np-files .np-screen-reader { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.np-files .ed-placeholder { display:flex; align-items:center; justify-content:center; width:100%; aspect-ratio:3/2; background:var(--soft); color:var(--ink2); font-size:22px; font-weight:600; }
.np-files .dz-info, .np-files .ed-item, .np-files .ed-grid { min-width:0; }
.np-files .dz-tab, .np-files .dz-title, .np-files .ed-item-title, .np-files .dz-arts a { overflow-wrap:anywhere; }
.np-files:not(.is-ready) .dz-panel { display:grid; }
.np-files:not(.is-ready) .ed-tools, .np-files:not(.is-ready) .ed-more, .np-files:not(.is-ready) .dz-tab { display:none; }
@media (prefers-reduced-motion:reduce) { .np-files * { scroll-behavior:auto; } }

.np-files .ed-more:focus-visible, .np-files .ed-item-title a:focus-visible { outline:2px solid var(--redt); outline-offset:4px; }
@media (min-width:992px) { .np-files:not(.is-ready) .dz { display:block; } }