@font-face { font-family: "Lama Sans"; src: url("../../assets/fonts/LamaSans-Light.ttf") format("truetype"); font-weight: 300; font-display: swap; }
    @font-face { font-family: "Lama Sans"; src: url("../../assets/fonts/LamaSans-Medium.ttf") format("truetype"); font-weight: 500; font-display: swap; }
    :root { --navy:#030f21; --card:#0a2440; --card-soft:#0c1c33; --ink:#edeae4; --muted:#c6c1b6;
      --gold:#e0c58f; --gold2:#f4e3bd; --gold3:#c9a86a; --line:rgba(224,197,143,0.18); --line-2:rgba(224,197,143,0.10);
      --ok:#5fcf8a; --off:#38506e; --radius:12px; --shadow:0 6px 22px -12px rgba(0,0,0,0.6); }
    * { box-sizing: border-box; }
    html, body { margin: 0; }
    body { font-family: "Lama Sans", system-ui, sans-serif; font-weight: 300; color: var(--ink); background-color: #030f21;
      background-image: radial-gradient(115% 80% at 84% -6%, rgba(224,197,143,0.10) 0%, rgba(224,197,143,0.03) 30%, transparent 52%),
        radial-gradient(120% 85% at 6% 10%, rgba(224,197,143,0.045) 0%, transparent 46%);
      min-height: 100vh; -webkit-font-smoothing: antialiased; }
    h1, h2, h3, .med { font-weight: 500; }
    input, select, button { font-family: inherit; }
    button { cursor: pointer; }
    .tn-logo { display: block; aspect-ratio: 884 / 180; background: linear-gradient(100deg, var(--gold3), var(--gold) 30%, var(--gold2) 50%, var(--gold) 70%, var(--gold3)); background-size: 240% 100%;
      -webkit-mask: url("/assets/logo/logo-original.svg") no-repeat center / contain; mask: url("/assets/logo/logo-original.svg") no-repeat center / contain; filter: drop-shadow(0 2px 8px rgba(224,197,143,0.18)); }
    .lang-btn { display: inline-flex; align-items: center; gap: 0.4rem; background: rgba(3,15,33,0.4); border: 1px solid var(--line); color: var(--gold2); border-radius: 999px; padding: 0.34rem 0.85rem; font-size: 0.82rem; font-weight: 500; }
    .lang-btn:hover { border-color: var(--gold3); color: var(--gold); }

    /* login */
    .login-wrap { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 4.5rem 1.5rem 5rem; position: relative; z-index: 1; }
    .login-logo { position: absolute; inset-block-start: 1.5rem; inset-inline-start: 1.9rem; height: 38px; width: min(200px,46vw); }
    .login-home { position: absolute; inset-block-end: 1.5rem; inset-inline: 0; margin-inline: auto; width: max-content; z-index: 5; display: inline-flex; align-items: center; gap: .4rem; color: var(--gold2, #d8b978); text-decoration: none; font-size: .85rem; border: 1px solid var(--line, rgba(224,197,143,.22)); border-radius: 999px; padding: .42rem .95rem; background: rgba(3,15,33,.45); transition: border-color .2s, color .2s; }
    .login-home:hover { border-color: var(--gold, #e0c58f); color: var(--gold, #e0c58f); }
    .login-lang { position: absolute; inset-block-start: 1.5rem; inset-inline-end: 1.9rem; }
    .login-card { width: min(100%, 22rem); background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.8rem; }
    .login-title { text-align: center; color: var(--gold); font-weight: 500; margin: 0 0 1.4rem; }
    .fld { margin-bottom: 1rem; }
    .fld label { display: block; font-size: 0.82rem; color: var(--muted); margin-bottom: 0.35rem; }
    .fld input { width: 100%; padding: 0.7rem 0.85rem; border: 1px solid var(--line); border-radius: 10px; background: rgba(3,15,33,0.5); color: var(--ink); font-size: 0.95rem; }
    .fld input:focus { outline: none; border-color: var(--gold); background: rgba(3,15,33,0.75); }
    .btn { display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 10px; padding: 0.7rem 1.3rem; font-weight: 500; font-size: 0.92rem; }
    .btn-primary { background: linear-gradient(160deg, var(--gold2), var(--gold), var(--gold3)); color: var(--navy); width: 100%; }
    .btn-primary:hover { filter: brightness(1.05); }
    .login-err { color: #e2a3a3; font-size: 0.82rem; min-height: 1.1rem; margin: 0.4rem 0; text-align: center; }
    .forgot-link { display: block; text-align: center; margin-top: 0.9rem; color: var(--muted); font-size: 0.85rem; text-decoration: none; }
    .forgot-link:hover { color: var(--gold); }
    .login-foot { position: absolute; inset-inline: 0; inset-block-end: 0; padding-bottom: 1.2rem; text-align: center; }
    .foot-line { block-size: 1px; margin-bottom: 0.85rem; background: linear-gradient(to left, var(--gold), var(--gold3) 30%, rgba(224,197,143,0.22) 66%, transparent 92%); }
    .foot-copy { color: var(--muted); font-size: 0.8rem; }

    /* portal */
    .portal { display: none; position: relative; z-index: 1; }
    .portal.is-on { display: block; }
    /* شبكة التطبيق الداخليّ — محصورة داخل .portal.
       بلا الحصر كانت تطال «.shell» في هيدر الموقع فتمدّه فوق ثلث الصفحة
       وتبتلع كلّ نقرة وتحديد نصّ في الأعلى. */
    .portal .shell { display: grid; grid-template-columns: 250px 1fr; min-height: 100vh; }
    .side { background: var(--navy); border-inline-start: 1px solid var(--line); padding: 1.3rem 1rem; display: flex; flex-direction: column; position: sticky; top: 0; height: 100vh; }
    .side .brand { color: var(--gold); font-weight: 500; font-size: 1rem; padding-bottom: 1rem; margin-bottom: 0.8rem; border-bottom: 1px solid var(--line); }
    .side .brand small { display: block; color: var(--muted); font-size: 0.76rem; margin-top: 0.25rem; }
    .side-nav { display: flex; flex-direction: column; gap: 0.25rem; }
    .side-nav a { display: flex; align-items: center; gap: 0.55rem; padding: 0.62rem 0.7rem; border-radius: 10px; color: #d7c9ac; font-size: 0.92rem; border: 1px solid transparent; }
    .side-nav a .ic { color: var(--gold3); font-size: 0.6rem; }
    .side-nav a:hover { background: rgba(224,197,143,0.08); color: var(--gold2); }
    .side-nav a.is-on { background: linear-gradient(160deg, rgba(224,197,143,0.30), rgba(224,197,143,0.10)); color: var(--gold); border-color: var(--gold3); font-weight: 500; }
    .side-logout { margin-top: auto; background: rgba(3,15,33,0.4); border: 1px solid var(--line); color: var(--gold2); border-radius: 10px; padding: 0.6rem; font-size: 0.88rem; }
    .side-logout:hover { border-color: var(--gold3); color: var(--gold); }
    .main { min-width: 0; display: flex; flex-direction: column; }
    .topbar { background: var(--navy); border-bottom: 1px solid var(--line); padding: 1.2rem 1.9rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; position: sticky; top: 0; z-index: 5; }
    .topbar h1 { margin: 0; color: var(--gold); font-size: 1.1rem; }
    .topbar .who { color: var(--muted); font-size: 0.85rem; }
    .wrap { padding: 1.6rem 1.9rem 4rem; }
    .pnl { display: none; } .pnl.is-on { display: block; }
    .pnl h2 { color: var(--gold2); font-size: 1.15rem; margin: 0 0 0.3rem; }
    .pnl .desc { color: var(--muted); font-size: 0.85rem; margin: 0 0 1.2rem; }

    .cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr)); gap: 0.9rem; }
    .metric { background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); padding: 1.1rem 1.2rem; }
    .metric .lab { color: var(--muted); font-size: 0.8rem; margin-bottom: 0.4rem; }
    .metric .val { color: var(--gold2); font-size: 1.6rem; font-weight: 500; font-variant-numeric: tabular-nums; }
    .metric .val small { font-size: 0.85rem; color: var(--muted); }
    .metric.hi .val { color: var(--gold); }
    .note { color: var(--muted); font-size: 0.82rem; margin-top: 1.1rem; background: rgba(224,197,143,0.06); border: 1px solid var(--line); border-radius: 10px; padding: 0.7rem 0.9rem; }

    .list { background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; }
    .row { display: flex; align-items: center; gap: 0.8rem; padding: 0.8rem 1rem; border-bottom: 1px solid var(--line-2); }
    .row:last-child { border-bottom: 0; }
    .row .grow { flex: 1; }
    .chip { display: inline-flex; align-items: center; gap: 0.4rem; background: rgba(224,197,143,0.10); border: 1px solid var(--line); color: var(--gold2); border-radius: 999px; padding: 0.25rem 0.7rem; font-size: 0.82rem; margin: 0.2rem; }
    .chip button { background: none; border: 0; color: var(--muted); }
    .chip button:hover { color: #e2a3a3; }
    .fldrow { display: grid; grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr)); gap: 0.6rem; align-items: end; margin-top: 0.9rem; }
    .fldrow label { display: block; font-size: 0.75rem; color: var(--muted); margin-bottom: 0.25rem; }
    .fldrow input, .fldrow select { width: 100%; padding: 0.5rem 0.6rem; border: 1px solid var(--line); border-radius: 8px; background: rgba(3,15,33,0.5); color: var(--ink); font-size: 0.9rem; }
    .fldrow input:focus, .fldrow select:focus { outline: none; border-color: var(--gold); }
    .btn-ghost { background: rgba(3,15,33,0.4); border: 1px solid var(--line); color: var(--gold2); border-radius: 10px; padding: 0.55rem 1rem; font-size: 0.85rem; }
    .btn-ghost:hover { border-color: var(--gold3); color: var(--gold); }
    .mini { background: none; border: 0; color: var(--muted); font-size: 0.8rem; padding: 0.2rem 0.4rem; }
    .mini:hover { color: #e2a3a3; }
    .grp-h { color: var(--gold2); font-size: 1rem; margin: 1.6rem 0 0.7rem; }
    .save-bar { position: sticky; bottom: 0; margin-top: 1.4rem; display: flex; align-items: center; gap: 0.9rem; padding: 0.9rem 0; background: linear-gradient(to top, var(--navy) 60%, transparent); }
    .btn-save { background: linear-gradient(160deg, var(--gold2), var(--gold), var(--gold3)); color: var(--navy); border: 0; border-radius: 10px; padding: 0.6rem 1.4rem; font-weight: 500; }
    .btn-save[disabled] { opacity: 0.5; }
    .save-status { font-size: 0.82rem; color: var(--muted); }
    .save-status.ok { color: var(--ok); } .save-status.err { color: #e2a3a3; }
    .empty { padding: 1.5rem; text-align: center; color: var(--muted); }
    @media (max-width: 760px) { .portal .shell { grid-template-columns: 1fr; } .side { position: static; height: auto; } .side-nav { flex-direction: row; flex-wrap: wrap; } }

    /* ═══ توحيد مع هوية الموقع ═══ */
    .site-header{position:relative;z-index:20}
    .pg-main{position:relative;z-index:1;padding-block:clamp(2rem,5vw,3.4rem) 1rem}
    .pg-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.6rem,4vw,3.2rem);
      align-items:center;max-inline-size:64rem;margin-inline:auto;padding-inline:1.5rem}
    @media(max-width:900px){.pg-grid{grid-template-columns:1fr;gap:2rem}}

    /* ═══ العمود التعريفيّ ═══ */
    .pg-intro h1{font-size:clamp(1.7rem,4vw,2.5rem);font-weight:500;line-height:1.35;margin:0 0 .8rem;
      background:linear-gradient(104deg,var(--gold2),var(--gold) 44%,var(--gold3));
      -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
    .pg-intro .lede{color:var(--muted);font-size:1.02rem;line-height:1.95;margin:0 0 1.6rem;max-inline-size:34rem}
    .pg-benefits{list-style:none;margin:0 0 1.7rem;padding:0;display:grid;gap:.75rem}
    .pg-benefits li{display:flex;gap:.7rem;align-items:flex-start;font-size:.95rem;line-height:1.75;color:var(--ink)}
    .pg-benefits .ic{flex:0 0 auto;inline-size:1.55rem;block-size:1.55rem;border-radius:50%;
      display:inline-flex;align-items:center;justify-content:center;margin-block-start:.1rem;
      background:rgba(224,197,143,.12);border:1px solid var(--line)}
    .pg-benefits .ic svg{inline-size:.85rem;block-size:.85rem;fill:none;stroke:var(--gold);stroke-width:2.2;
      stroke-linecap:round;stroke-linejoin:round}
    .pg-benefits b{color:var(--gold2);font-weight:500}
    .pg-steps{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 .4rem}
    .pg-step{display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem;color:var(--muted);
      border:1px solid var(--line-2);border-radius:999px;padding:.34rem .8rem;background:rgba(255,255,255,.02)}
    .pg-step i{font-style:normal;inline-size:1.15rem;block-size:1.15rem;border-radius:50%;font-size:.72rem;
      display:inline-flex;align-items:center;justify-content:center;background:var(--gold);color:#05172f;font-weight:500}

    /* ═══ بطاقة الدخول ═══ */
    .pg-card{width:min(100%,23.5rem);justify-self:center;background:var(--card);border:1px solid var(--line);
      border-radius:var(--radius);box-shadow:var(--shadow);padding:1.9rem 1.7rem}
    .pg-card .login-title{text-align:center;color:var(--gold);font-weight:500;margin:0 0 1.35rem;font-size:1.25rem}
    /* الرابطان في سطر واحد متوازن */
    .login-actions{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-block-start:1.05rem;
      padding-block-start:.95rem;border-block-start:1px solid var(--line-2)}
    .login-actions a{font-size:.85rem;text-decoration:none;transition:color .2s}
    .login-actions .lnk-forgot{color:var(--muted)}
    .login-actions .lnk-forgot:hover{color:var(--gold)}
    .login-actions .lnk-reg{color:var(--gold2);font-weight:500;display:inline-flex;align-items:center;gap:.35rem;
      border:1px solid var(--line);border-radius:999px;padding:.4rem .85rem;background:rgba(224,197,143,.07);white-space:nowrap}
    .login-actions .lnk-reg:hover{border-color:var(--gold3);color:var(--gold);background:rgba(224,197,143,.13)}
    .login-actions .lnk-reg svg{inline-size:.85rem;block-size:.85rem;fill:none;stroke:currentColor;stroke-width:2.2;
      stroke-linecap:round;stroke-linejoin:round}
    @media(max-width:380px){.login-actions{flex-direction:column;align-items:stretch;gap:.55rem}
      .login-actions a{text-align:center}.login-actions .lnk-reg{justify-content:center}}

    .tn-backhome-wrap{display:flex;justify-content:center;margin-block:1.6rem 2.2rem;position:relative;z-index:1}
    .tn-back-home{display:inline-flex;align-items:center;gap:.55rem;font-weight:500;font-size:.95rem;
      padding:.8rem 1.8rem;border-radius:999px;border:1.5px solid rgba(224,197,143,.3);
      background:rgba(255,255,255,.045);color:#f4e3bd;text-decoration:none;transition:transform .2s,border-color .2s,color .2s}
    .tn-back-home:hover{border-color:#e0c58f;color:#e0c58f;transform:translateY(-2px)}
    .tn-back-home svg{inline-size:1.05rem;block-size:1.05rem;fill:none;stroke:currentColor;stroke-width:2}
    [dir=rtl] .tn-back-home svg{transform:scaleX(-1)}
    .foot-shell{max-inline-size:74rem;margin-inline:auto;padding-inline:1.5rem}
    /* الغلاف لم يعد يوسّط عموديًّا: صار للصفحة هيدر وتذييل حقيقيّان */
    #loginWrap{min-height:0;justify-content:flex-start;padding:0}
    .pg-main{padding-block:clamp(1.6rem,3.5vw,2.6rem) .5rem}

    /* ═══════════ الخلفية: منقولة حرفيًّا من الواجهة الرئيسية ═══════════
       الوصفة هناك = غلاف .home يحمل التدرّجَين + طبقتا الباترن والوهج بداخله.
       الغلاف ضروريّ: يُنشئ سياق تكديس (isolation) فتظهر الطبقتان بـz-index:-1. */
    body { background-color: #030f21; background-image: none; }
    .home { --navy: #030f21; position: relative; isolation: isolate; overflow: hidden; background-color: #030f21;
      background-image:
        radial-gradient(115% 80% at 84% -6%, rgba(224,197,143,0.10) 0%, rgba(224,197,143,0.03) 30%, transparent 52%),
        radial-gradient(120% 85% at 6% 10%, rgba(224,197,143,0.045) 0%, transparent 46%); }
    .hero-pattern {
      position: absolute; inset: 0; z-index: -1; pointer-events: none;
      background-color: rgba(224, 197, 143, 0.022);
      -webkit-mask-image: url("../../assets/pattern.svg"), radial-gradient(150% 140% at 0% 0%, #000 0%, rgba(0,0,0,0.4) 38%, transparent 72%);
      -webkit-mask-repeat: repeat, no-repeat;
      -webkit-mask-size: 140px 104px, 100% 100%;
      -webkit-mask-composite: source-in;
              mask-image: url("../../assets/pattern.svg"), radial-gradient(150% 140% at 0% 0%, #000 0%, rgba(0,0,0,0.4) 38%, transparent 72%);
              mask-repeat: repeat, no-repeat;
              mask-size: 140px 104px, 100% 100%;
              mask-composite: intersect; }
    .hero-wash {
      position: absolute; inset-block-start: -20%; inset-inline-start: -12%;
      inline-size: 60vmax; block-size: 60vmax; z-index: -1; pointer-events: none;
      background: radial-gradient(circle at center,
                  rgba(255, 255, 255, 0.022) 0%,
                  rgba(255, 255, 255, 0.008) 34%,
                  transparent 62%);
      filter: blur(8px); }
    .hero-pattern {
      position: absolute;
      inset: 0;
      z-index: -1;
      pointer-events: none;
      background-color: rgba(224, 197, 143, 0.055);
      -webkit-mask-image: url("../../assets/pattern.svg"), radial-gradient(150% 140% at 0% 0%, #000 0%, rgba(0,0,0,0.4) 38%, transparent 72%);
      -webkit-mask-repeat: repeat, no-repeat;
      -webkit-mask-size: 140px 104px, 100% 100%;
      -webkit-mask-composite: source-in;
              mask-image: url("../../assets/pattern.svg"), radial-gradient(150% 140% at 0% 0%, #000 0%, rgba(0,0,0,0.4) 38%, transparent 72%);
              mask-repeat: repeat, no-repeat;
              mask-size: 140px 104px, 100% 100%;
              mask-composite: intersect;
    }

    /* ═══════════ صندوق متطلّبات التأهيل ═══════════ */
    .pg-req { display: flex; gap: .75rem; align-items: flex-start; margin: 0 0 1.5rem;
      padding: .95rem 1.05rem; border-radius: 10px;
      border: 1px solid rgba(224,197,143,.24); border-inline-start: 3px solid #e0c58f;
      background: linear-gradient(100deg, rgba(224,197,143,.09), rgba(224,197,143,.03)); }
    .pg-req .req-ic { flex: 0 0 auto; inline-size: 1.35rem; block-size: 1.35rem; margin-block-start: .15rem; }
    .pg-req .req-ic svg { inline-size: 100%; block-size: 100%; fill: none; stroke: #e0c58f;
      stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
    .pg-req .req-txt { font-size: .88rem; line-height: 1.8; color: var(--muted); }
    .pg-req .req-txt b { display: block; color: #e0c58f; font-weight: 500; margin-block-end: .15rem; }

    /* ═══════════ البطاقة التفاعلية: تبويبان ═══════════ */
    .pg-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: .4rem; margin: 0 0 1.45rem;
      padding: .3rem; border-radius: 999px; background: rgba(3,15,33,.55);
      border: 1px solid rgba(224,197,143,.16); }
    .pg-tab { position: relative; padding: .62rem .5rem; border: 0; border-radius: 999px;
      background: transparent; color: var(--muted); font-family: inherit; font-size: .89rem;
      font-weight: 500; cursor: pointer; transition: color .22s, background .22s; }
    .pg-tab:hover { color: #f4e3bd; }
    .pg-tab.is-on { color: #05172f;
      background: linear-gradient(160deg, #f4e3bd, #e0c58f 55%, #c9a86a);
      box-shadow: 0 6px 16px -9px rgba(224,197,143,.75); }
    .pg-tab:focus-visible { outline: 2px solid #e0c58f; outline-offset: 2px; }

    /* اللوحات: تبديل سلس بلا قفزة في الارتفاع */
    /* الحالة النهائية مثبَّتة صراحةً: لا تعتمد اللوحة على انتهاء الرسم المتحرّك.
       (fill-mode: both كانت تُبقيها عند opacity:0 إن لم يبدأ الرسم) */
    .pg-pane { display: none; }
    .pg-pane.is-on { display: block; opacity: 1; }
    /* الرسم المتحرّك يُضاف بالجافاسكربت عند التبديل اليدويّ فقط،
       فلا تظهر اللوحة الافتراضية باهتةً أثناء التحميل. */
    .pg-pane.is-on.pane-anim { animation: paneIn .28s ease; }
    @keyframes paneIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
    @media (prefers-reduced-motion: reduce) { .pg-pane { animation: none; } }

    /* لوحة «تسجيل جديد» */
    .pane-lede { font-size: .92rem; line-height: 1.85; color: var(--muted); margin: 0 0 1.15rem; }
    .btn-cta { display: flex; align-items: center; justify-content: center; gap: .5rem;
      inline-size: 100%; padding: .92rem 1rem; border-radius: 10px; border: 0; cursor: pointer;
      font-family: inherit; font-size: .98rem; font-weight: 500; text-decoration: none;
      color: #05172f; background: linear-gradient(160deg, #f4e3bd, #e0c58f 55%, #c9a86a);
      box-shadow: 0 12px 26px -14px rgba(224,197,143,.85); transition: transform .2s, box-shadow .2s; }
    .btn-cta:hover { transform: translateY(-2px); box-shadow: 0 16px 30px -14px rgba(224,197,143,.95); }
    .btn-cta svg { inline-size: 1rem; block-size: 1rem; fill: none; stroke: currentColor;
      stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
    .pane-note { margin: 1rem 0 0; text-align: center; font-size: .85rem; color: var(--muted); }
    .lnk-inline { background: none; border: 0; padding: 0; cursor: pointer; font: inherit;
      color: #e0c58f; font-weight: 500; text-decoration: underline; text-underline-offset: 3px; }
    .lnk-inline:hover { color: #f4e3bd; }

    /* صفّ الإجراءات داخل لوحة الدخول */
    .login-actions { display: flex; align-items: center; justify-content: space-between;
      gap: .6rem; margin-block-start: 1.05rem; padding-block-start: .95rem;
      border-block-start: 1px solid rgba(224,197,143,.12); }
    .login-actions a, .login-actions button { font-size: .85rem; text-decoration: none; transition: color .2s; }
    .login-actions .lnk-forgot { color: var(--muted); }
    .login-actions .lnk-forgot:hover { color: #e0c58f; }
    /* حاوية الهيدر/التذييل: عرض وحشو فقط.
       لا تضع display هنا — العنصر نفسه يحمل .header-inner المرن. */
    .site-header .shell, .site-footer .shell { inline-size: min(95%, 1680px); margin-inline: auto; padding-inline: clamp(1.1rem, 4vw, 2.8rem); min-height: 0; }
    /* عنوان في سطر واحد: يتقلّص الخطّ بدل أن ينكسر السطر */
    .pg-intro h1.one-line { white-space: nowrap; font-size: clamp(1.35rem, 2.6vw, 2.3rem); }
    @media (max-width: 900px) { .pg-intro h1.one-line { white-space: normal; } }