/* الصفحات العامّة: من نحن، شؤون تربويّة، المشاركة، التواصل، الشروط، الخصوصيّة.
   الألوان والخطوط من رموز الموقع (assets/tokens.css)؛ وهنا ما يخصّ هذه الصفحات وحدها: حدٌّ وسطحٌ أخفّ، ولونا رسالتين أفتح. */
.pg{--bad-soft:#ffb4ab;--ok-soft:#9be3c0;background:var(--bg-grad);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-md);line-height:1.9}
.pg *{box-sizing:border-box}
.pg a{color:var(--link)}
.pg :focus-visible{outline:3px solid var(--acc);outline-offset:3px;border-radius:6px}
.pg h1,.pg h2,.pg h3{font-family:var(--font-display);font-weight:700;line-height:1.35;margin:0;text-wrap:balance}
.pg-in{max-width:1080px;margin:0 auto;padding:0 20px}

/* الشريط الأوّل بصورته */
.pg-hero{position:relative;overflow:hidden;background:var(--bg2)}
.pg-hero::before{content:'';position:absolute;inset:0;background:var(--img) center/cover no-repeat;opacity:.38}
.pg-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,10,24,.25) 0%,rgba(5,10,24,.75) 100%)}
.pg-hero .pg-in{position:relative;z-index:1;padding:72px 20px 64px}
.pg-hero h1{font-size:var(--fs-display)}
.pg-hero .lead{font-size:var(--fs-lg);color:var(--soft);max-width:44ch;margin:14px 0 0}
.pg-hero.split .pg-in{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;align-items:center}
.pg-hero figure{margin:0;border-radius:var(--r-card);overflow:hidden;aspect-ratio:4/3;box-shadow:0 24px 50px rgba(0,0,0,.35)}
.pg-hero figure img{width:100%;height:100%;object-fit:cover;display:block}

.pg-sec{padding:56px 0 72px}
.pg-sec h2{font-size:var(--fs-3xl);margin-bottom:20px}

/* بطاقات «شؤون تربويّة» */
.pg-cards{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.pg-card{position:relative;display:block;border-radius:var(--r-card);overflow:hidden;background:var(--surface);border:1px solid var(--line);color:var(--ink);text-decoration:none}
.pg .pg-card{color:var(--ink)}
.pg-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.pg-card .t{padding:18px 22px 22px}
.pg-card h2{font-size:var(--fs-3xl);margin:0}
.pg-card p{margin:4px 0 0;color:var(--muted);font-size:var(--fs-md)}
a.pg-card:hover{border-color:var(--line-3)}
.pg-tag{display:inline-block;font-size:var(--fs-base);line-height:1.6;padding:2px 12px;border-radius:var(--r-pill);border:1px solid rgba(227,196,110,.5);color:var(--acc);margin-top:8px}

/* بطاقة عضو الفريق */
.pg-team{display:flex;gap:24px;flex-wrap:wrap}
.pg-person{width:250px;border-radius:var(--r-card);overflow:hidden;background:var(--surface);border:1px solid var(--line)}
.pg-person img{display:block;width:100%;aspect-ratio:1/1.1;object-fit:cover}
.pg-person .t{padding:14px 18px 18px}
.pg-person h3{font-size:var(--fs-xl)}
.pg-person p{margin:0;color:var(--muted);font-size:var(--fs-base)}

/* النصوص الطويلة: الشروط والخصوصيّة */
.pg-doc{max-width:760px;margin:0 auto;padding:56px 20px 80px}
.pg-doc h1{font-size:var(--fs-display)}
.pg-doc .date{color:var(--muted);font-size:var(--fs-base);margin:6px 0 26px}
.pg-doc h2{font-size:var(--fs-xl);margin:34px 0 8px}
.pg-doc p{margin:0 0 14px;color:var(--soft)}
.pg-doc strong{color:var(--ink)}

/* النماذج */
.pg-form{max-width:760px;margin:0 auto}
.pg-form .fld{margin:0 0 18px}
.pg-form label,.pg-form legend{display:block;font-size:var(--fs-md);color:var(--soft);margin:0 0 6px;padding:0}
.pg-form .req{color:var(--acc)}
.pg-form input[type=text],.pg-form input[type=email],.pg-form input[type=url],.pg-form textarea{width:100%;font:inherit;font-size:var(--fs-md);color:var(--ink);background:var(--surface);border:1px solid var(--line-3);border-radius:var(--r-card);padding:10px 14px;min-height:50px}
.pg-form textarea{min-height:170px;line-height:1.7;resize:vertical}
.pg-form input::placeholder,.pg-form textarea::placeholder{color:var(--muted)}
.pg-form fieldset{border:0;margin:0 0 18px;padding:0}
.pg-form .opts{display:flex;flex-wrap:wrap;gap:10px}
.pg-form .opts label{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 16px;border-radius:var(--r-pill);border:1px solid var(--line-3);background:var(--tint-1);cursor:pointer;margin:0;font-size:var(--fs-base)}
.pg-form .opts input{accent-color:var(--pri);width:18px;height:18px;margin:0}
.pg-form .opts label:has(input:checked){border-color:var(--acc);background:rgba(227,196,110,.12);color:var(--ink)}
.pg-form .hint{font-size:var(--fs-base);color:var(--muted);margin:6px 0 0;line-height:1.7}
.pg-form .flbl{display:block;font-size:var(--fs-md);color:var(--soft);margin:0 0 6px}
.pg-form label.pg-btn.sec{display:inline-flex;margin:0;padding:0 20px;font-size:var(--fs-base);line-height:1.5;cursor:pointer} /* أعلى من قواعد التسميات العامّة التي تلغي الحشو */
.pg-form label.pg-btn:has(+.vh:focus-visible),.pg-form .fld:focus-within>label.pg-btn{outline:3px solid var(--link);outline-offset:2px}
.pg-form .files{display:flex;flex-direction:column;gap:6px;margin-top:8px;font-size:var(--fs-base);color:var(--soft)}
.pg-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
/* أزرار الصفحات العامّة بقيم المكوّن المشترك (.b في site.css): الارتفاع والخطّ والزاوية نفسها */
.pg-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--hit);padding:0 20px;border-radius:var(--r-pill);border:1px solid transparent;background:var(--pri);color:var(--pri-ink);font:inherit;font-size:var(--fs-sm);font-weight:700;line-height:1.3;cursor:pointer;text-decoration:none;box-sizing:border-box}
.pg-btn:hover{background:var(--pri-hover)}
.pg .pg-btn{color:var(--ink)}
.pg-btn.sec{background:var(--surface2);color:var(--soft);border-color:var(--line-2)}
.pg-btn.sec:hover{background:var(--line-2);color:var(--ink)}
.pg-btn.gold{background:var(--acc);color:var(--acc-ink)}
.pg .pg-btn.gold{color:var(--acc-ink)}
.pg-btn:disabled{opacity:.5;cursor:default}
.pg-msg{min-height:1.6em;margin-top:12px;font-size:var(--fs-md);color:var(--bad-soft)}
.pg-msg.ok{color:var(--ok-soft)}
.pg-hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;margin:-1px;padding:0;border:0}
.pg-panel{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-card);padding:26px 26px 22px}
.pg-panel h2{font-size:var(--fs-2xl);margin-bottom:6px}
.pg-empty{color:var(--muted);text-align:center;padding:40px 0}

@media (max-width:760px){
  .pg{font-size:var(--fs-md)}
  .pg-hero .pg-in{padding:48px 18px 44px}
  .pg-hero h1{font-size:var(--fs-3xl)}
  .pg-hero .lead{font-size:var(--fs-md)}
  .pg-hero.split .pg-in{grid-template-columns:1fr;gap:26px}
  .pg-cards{grid-template-columns:1fr}
  .pg-form .row2{grid-template-columns:1fr}
  .pg-doc h1{font-size:var(--fs-3xl)}
  .pg-person{width:100%}
}
.pg-hero.mark::before{background-size:auto 80%;background-position:8% center;opacity:.10}

/* صفحتا المشاركة والتواصل: التعريف في اليمين والنموذج في اليسار، كلاهما في الشاشة الأولى على الحاسوب */
.pg-hero .lead.sm{font-size:var(--fs-md)}
.pg-acts{margin:18px 0 0}
.pg-form .hint.top{margin:0 0 18px}
.pg-send{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.pg-send .pg-msg{margin:0}
.pg-duo .pg-form{max-width:none;margin:0;line-height:1.6}
.pg-duo .pg-form label,.pg-duo .pg-form legend,.pg-duo .pg-form .flbl{line-height:1.5}
.pg-duo .pg-form .fld{margin:0 0 14px}
@media (min-width:1000px){
  .pg-hero.pg-duo{display:flex;align-items:center}
  .pg-hero.pg-duo .pg-in{width:100%;max-width:1480px;padding:30px 28px 34px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,8fr);gap:44px;align-items:center}
  .pg-duo .pg-intro h1{font-size:var(--fs-display)}
  .pg-duo .pg-intro .lead{max-width:none;font-size:var(--fs-lg);line-height:1.8}
  .pg-duo .pg-intro .lead.sm{font-size:var(--fs-base)}
  .pg-duo .pg-panel{padding:18px 24px 14px;background:rgba(11,27,51,.55);backdrop-filter:blur(2px)}
  .pg-duo .pg-form h2{font-size:var(--fs-xl);margin:0}
  .pg-duo .pg-form .hint.top{margin:0 0 10px}
  .pg-duo .pg-form .fld{margin:0 0 10px}
  .pg-duo .pg-form label,.pg-duo .pg-form .flbl{font-size:var(--fs-base);margin:0 0 2px;line-height:1.5}
  .pg-duo .pg-form{line-height:1.6}
  .pg-duo .pg-form fieldset{margin:0 0 10px}
  .pg-duo .pg-form fieldset.inl legend{float:right;width:132px;line-height:42px;margin:0}
  .pg-duo .pg-form fieldset.inl .opts{gap:8px}
  .pg-duo .pg-form .opts label{min-height:42px;line-height:1.4;font-size:var(--fs-base);padding:0 14px}
  .pg-duo .pg-form input[type=text],.pg-duo .pg-form input[type=email],.pg-duo .pg-form input[type=url]{min-height:46px;padding:6px 14px}
  .pg-duo .pg-form textarea{min-height:88px;height:88px}
  .pg-duo #fContact textarea{min-height:190px;height:190px}
  .pg-duo .pg-form .hint{font-size:var(--fs-base);margin-top:2px;line-height:1.5}
  .pg-duo .pg-form .row2{gap:18px}
  .pg-duo .pg-form .row2 .fld{min-width:0}
}
@media (max-width:999px){
  .pg-hero.pg-duo .pg-in{padding:40px 18px 36px}
  .pg-duo .pg-side{margin-top:24px}
}
@media (max-width:760px){
  .pg-hero.pg-duo .pg-in{padding:28px 16px 28px}
  .pg-duo .pg-side{margin-top:18px}
  .pg-duo .pg-panel{padding:20px 16px 16px}
}

/* الشروط والخصوصيّة على الحاسوب: البنود في أعمدةٍ متجاورة بعرض الشاشة، تُقرأ من اليمين، بدل عمودٍ واحدٍ ضيّقٍ طويل */
@media (min-width:1000px){
  .pg-doc.pg-legal{max-width:1720px;padding:22px 28px 24px}
  .pg-legal .lg-hd{display:grid;grid-template-columns:auto 1fr;column-gap:28px;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:14px}
  .pg-legal .lg-hd h1{font-size:var(--fs-3xl);grid-row:1/3}
  .pg-legal .lg-hd .date{margin:0}
  .pg-legal .lg-hd p{margin:0;font-size:var(--fs-base);line-height:1.75}
  /* أعمدةٌ بالتنسيق وحده: ترتيب البنود في الصفحة يبقى ١، ٢، ٣… كما يقرؤه قارئ الشاشة (معيار الوصول ١٫٣٫٢) */
  .pg-legal .lg-body{column-count:3;column-gap:52px;column-rule:1px solid var(--line)}
  .pg-legal .cl{padding:0 0 10px}
  .pg-legal .cl h2{break-after:avoid}
  .pg-legal .cl p{orphans:3;widows:3}
  .pg-legal .cl h2{font-size:var(--fs-lg);margin:0 0 4px}
  .pg-legal .cl p{font-size:var(--fs-base);line-height:1.75;margin:0 0 8px}
}
@media (min-width:1400px){ .pg-legal .lg-body{column-count:4} }
@media (min-width:1700px){ .pg-legal .lg-body{column-count:5} }

/* شؤون تربويّة ومن نحن على الحاسوب: كلّ ما في الصفحة متجاورٌ في الشاشة الأولى */
.pg-empty.pg-panel{padding:36px 24px}
@media (min-width:1000px){
  .pg-wide.pg-duo .pg-in{grid-template-columns:minmax(0,4fr) minmax(0,9fr)}
  .pg-duo .pg-cards{gap:24px}
  .pg-duo .pg-card img{aspect-ratio:16/9}
  .pg-duo .pg-card .t{padding:14px 20px 18px}
  .pg-hero.pg-about .pg-in{max-width:1480px;padding:34px 28px;grid-template-columns:minmax(0,5fr) auto minmax(0,4fr);gap:44px}
  .pg-about .ab-team h2{font-size:var(--fs-2xl);margin:0 0 12px}
  .pg-about .pg-person{width:230px}
  .pg-about figure{aspect-ratio:auto;height:min(520px,calc(100vh - 270px))}
  .pg-hero.pg-about{display:flex;align-items:center}
  .pg-hero.pg-about .pg-in{width:100%}
}
@media (max-width:999px){
  .pg-about .ab-team h2{font-size:var(--fs-2xl);margin:0 0 12px}
}