/* ==========================================================================
   مركز الرأي الراشد — تخطيطات الصفحات الداخلية
   (المكوّنات المشتركة في components.css · الرئيسية في home.css)
   ========================================================================== */

/* ---------- صفحة الخبر ---------- */
.arc-article__head { padding-block: var(--space-4) 0; }
.arc-article__title { margin-block-start: var(--space-2); font-size: var(--fs-h1); font-weight: 700; line-height: var(--lh-display); color: var(--navy-900); text-wrap: pretty; }
.arc-article__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-block-start: var(--space-2); font-size: var(--fs-small); color: var(--ink-500); }
.arc-article__figure { margin-block: var(--space-4); }
.arc-article__image { aspect-ratio: 16 / 9; border: 1px solid var(--line-200); border-radius: var(--radius-md); }
.arc-article > .arc-container:last-child { padding-block-end: var(--space-8); }
.arc-article .arc-taglist { margin-block-start: var(--space-4); }
.arc-related-one { max-width: 420px; }

.arc-linked-pub { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 20px; align-items: center; padding: var(--space-2); color: inherit; }
.arc-linked-pub:hover { text-decoration: none; }
.arc-linked-pub__body { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.arc-linked-pub__title { font-size: var(--arc-fs-lead); font-weight: 600; line-height: 1.45; color: var(--navy-900); }
.arc-linked-pub:hover .arc-linked-pub__title { color: var(--teal-700); }
.arc-linked-pub__meta { font-size: var(--fs-small); color: var(--ink-500); }

/* ---------- صفحة الفعالية وصفحة البرنامج ---------- */
.arc-event-page__type { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-block-end: 8px; font-size: 1rem; line-height: 1.5; }
.arc-event-page__type > span:first-child { font-size: var(--fs-small); font-weight: 600; color: var(--blue-500); }
.arc-event-page__alert { padding-block-start: var(--space-3); }
.arc-event-page__alert[hidden] { display: none; }
.arc-event-page__layout, .arc-program-page__layout {
  display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: var(--space-6); align-items: start;
  padding-block: 40px var(--space-8);
}
.arc-event-page__aside { grid-column: 2; grid-row: 1; position: sticky; inset-block-start: 88px; }
.arc-event-page__main { grid-column: 1; grid-row: 1; min-width: 0; }
.arc-program-page__aside { position: sticky; inset-block-start: 88px; scroll-margin-block-start: 88px; }
.arc-program-page__main { min-width: 0; }

.arc-infocard { padding: var(--space-3); }
.arc-infocard__list { display: flex; flex-direction: column; gap: 18px; }
.arc-infocard__row { display: flex; align-items: flex-start; gap: 12px; }
.arc-infocard__row > .arc-icon { margin-block-start: 2px; color: var(--teal-500); }
.arc-infocard__row > div { flex: 1; min-width: 0; }
.arc-infocard dt { font-size: var(--fs-caption); line-height: 1.5; color: var(--ink-500); }
.arc-infocard dd { font-size: var(--arc-fs-ui); font-weight: 500; line-height: 1.6; color: var(--navy-900); }
.arc-infocard__actions { display: flex; flex-direction: column; gap: 10px; margin-block-start: var(--space-3); scroll-margin-block-start: 96px; }
.arc-infocard__actions:empty { display: none; }
.arc-infocard__note { margin-block-start: 12px; font-size: var(--fs-caption); line-height: 1.6; color: var(--ink-500); }
.arc-event-page__aside .arc-share, .arc-program-page__aside .arc-share { margin-block-start: 20px; padding-block-start: 20px; }

.arc-speakers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2); }
.arc-speaker { display: flex; align-items: flex-start; gap: 14px; padding: var(--space-2); }
.arc-speaker__name { font-size: var(--fs-body); font-weight: 600; line-height: 1.5; color: var(--navy-900); }
.arc-speaker__role { font-size: var(--fs-small); line-height: 1.6; color: var(--ink-500); }
.arc-speaker__topic { margin-block-start: 6px; font-size: var(--fs-small); line-height: 1.6; color: var(--ink-700); }

.arc-map__frame { width: 100%; aspect-ratio: 16 / 7; min-height: 280px; border: 1px solid var(--line-200); border-radius: var(--radius-md); background: var(--mist-100); }
.arc-map__caption { margin-block-start: 10px; font-size: var(--fs-small); color: var(--ink-500); }

.arc-infobar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-block-start: calc(-1 * var(--space-3)); padding: 20px 0; position: relative; }
.arc-infobar__item { display: flex; align-items: flex-start; gap: 12px; padding-inline: var(--space-3); border-inline-start: 1px solid var(--line-200); }
.arc-infobar__item:first-child { border-inline-start: 0; }
.arc-infobar__item > .arc-icon { margin-block-start: 2px; color: var(--teal-500); }
.arc-infobar dt { font-size: var(--fs-caption); color: var(--ink-500); }
.arc-infobar dd { font-size: var(--arc-fs-ui); font-weight: 600; line-height: 1.6; color: var(--navy-900); }

.arc-sidecard { padding: var(--space-3); }
.arc-sidecard__title { font-size: var(--arc-fs-h4); font-weight: 700; line-height: 1.35; color: var(--navy-900); }
.arc-sidecard__text { margin-block: 8px 20px; font-size: var(--fs-small); line-height: 1.7; color: var(--ink-500); }
.arc-cert { display: flex; align-items: flex-start; gap: 14px; padding: 20px; border-radius: var(--radius-md); background: var(--mist-100); }
.arc-cert .arc-icon { color: var(--teal-500); margin-block-start: 2px; }
.arc-cert p { font-size: var(--fs-body); line-height: var(--lh-body); color: var(--ink-700); }

/* بطاقة برنامج تدريبي */
.arc-program { padding: var(--space-3); display: flex; flex-direction: column; gap: 14px; }
.arc-program__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.arc-program__mode { font-size: var(--fs-caption); color: var(--ink-500); }
.arc-program__title { font-size: var(--arc-fs-lead); font-weight: 600; line-height: 1.45; color: var(--navy-900); }
.arc-program__title a { color: inherit; }
.arc-program__title a:hover { color: var(--teal-700); text-decoration: none; }
.arc-program__text { font-size: var(--arc-fs-ui); line-height: 1.7; color: var(--ink-700); }
.arc-cta-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px 40px; }
.arc-cta-row .arc-section__lead { margin-block-start: 0; }

/* ---------- مكتبة الإصدارات ---------- */
.arc-library { display: grid; grid-template-columns: 272px minmax(0, 1fr); gap: 40px; align-items: start; }
.arc-library__filters { position: sticky; inset-block-start: 88px; max-height: calc(100dvh - 112px); overflow-y: auto; padding: 20px; border: 1px solid var(--line-200); border-radius: var(--radius-md); background: var(--white); }
.arc-filter-panel__head { display: flex; align-items: center; justify-content: space-between; margin-block-end: 12px; }
.arc-filter-panel__head .arc-icon-btn, .arc-filter-panel__foot { display: none; }
.arc-filter-panel__title { font-size: var(--fs-body); font-weight: 700; color: var(--navy-900); }
.arc-filter-panel__body { display: flex; flex-direction: column; gap: 20px; }
.arc-facet { margin: 0; padding: 0; border: 0; min-width: 0; }
.arc-facet__legend { display: block; width: 100%; margin-block-end: 10px; padding: 0; font-size: var(--fs-small); font-weight: 600; color: var(--navy-900); }
/* الفاصل على عنوان المجموعة نفسه: حدّ fieldset يُرسم خلف legend فيبدو مقطوعاً */
.arc-filter-panel__body > * + * .arc-facet__legend { padding-block-start: 20px; border-block-start: 1px solid var(--line-200); }
.arc-facet__list { display: flex; flex-direction: column; gap: 2px; }
.arc-check { display: flex; align-items: center; gap: 10px; min-height: 36px; font-size: var(--fs-small); line-height: 1.5; color: var(--ink-700); cursor: pointer; }
.arc-check input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.arc-check__box { width: 18px; height: 18px; flex: none; border: 1.5px solid var(--ink-500); border-radius: 4px; background: var(--white); display: grid; place-items: center; }
.arc-check__box::after { content: ""; width: 10px; height: 6px; border: solid var(--white); border-width: 0 0 2px 2px; transform: translateY(-1px) rotate(-45deg); opacity: 0; }
.arc-check input:checked + .arc-check__box { background: var(--teal-700); border-color: var(--teal-700); }
.arc-check input:checked + .arc-check__box::after { opacity: 1; }
.arc-check input:focus-visible + .arc-check__box { outline: 2px solid var(--teal-500); outline-offset: 2px; }
.arc-check__label { flex: 1; }
.arc-check__count { font-family: var(--font-en); font-size: var(--fs-caption); color: var(--ink-500); }
.arc-search--field { height: var(--arc-control-h); min-height: 0; }
.arc-library__bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.arc-library__filter-btn { display: none; }
.arc-library__filter-n { min-width: 20px; height: 20px; padding-inline: 6px; display: inline-grid; place-items: center; border-radius: var(--radius-pill); background: var(--teal-700); color: var(--white); font-family: var(--font-en); font-size: 0.75rem; }
.arc-library__filter-n[hidden] { display: none; }
.arc-library .arc-grid--covers .arc-cover { padding: var(--space-2); }
.arc-library .arc-grid--covers .arc-cover__title { font-size: var(--arc-fs-ui); }
.arc-grid--covers .arc-pub-card__title { font-size: var(--arc-fs-ui); }

/* ---------- صفحة الإصدار ---------- */
.arc-pubpage__layout {
  display: grid; grid-template-columns: minmax(0, 1fr) 300px; grid-template-areas: "head aside" "body aside";
  column-gap: var(--space-8); align-items: start; padding-block: var(--space-3) var(--space-8);
}
.arc-pubpage__head { grid-area: head; }
.arc-pubpage__aside { grid-area: aside; position: sticky; inset-block-start: 88px; }
.arc-pubpage__body { grid-area: body; min-width: 0; margin-block-start: var(--space-4); }
.arc-pubpage__title { margin-block-start: var(--space-2); font-size: var(--fs-h1); font-weight: 700; line-height: var(--lh-display); color: var(--navy-900); text-wrap: pretty; }
.arc-pubpage__subtitle { margin-block-start: 12px; font-size: var(--arc-fs-lead); line-height: 1.7; color: var(--ink-700); text-wrap: pretty; }
.arc-cover--lg { padding: 28px; border-radius: var(--radius-md); box-shadow: var(--shadow-card); }
.arc-cover--lg .arc-cover__symbol { height: 36px; }
.arc-cover--lg .arc-cover__title { font-size: var(--arc-fs-h4); line-height: 1.45; }
.arc-cover--lg .arc-cover__type { font-size: var(--fs-small); }
.arc-pubpage__actions { display: flex; flex-direction: column; gap: 10px; margin-block-start: 20px; }
.arc-meta-list { margin-block-start: var(--space-3); border-block-start: 1px solid var(--line-200); }
.arc-meta-list > div { display: flex; justify-content: space-between; gap: var(--space-2); padding-block: 12px; border-block-end: 1px solid var(--line-200); font-size: var(--fs-small); line-height: 1.6; }
.arc-meta-list dt { flex: none; color: var(--ink-500); }
.arc-meta-list dd { color: var(--navy-900); font-weight: 500; text-align: end; }
.arc-meta-list--wide { margin-block-start: 0; max-width: 640px; }
.arc-meta-list--wide > div { font-size: var(--arc-fs-ui); }

.arc-authors { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-4); padding-block-end: var(--space-3); border-block-end: 1px solid var(--line-200); }
.arc-author { display: flex; align-items: center; gap: 12px; }
.arc-author__text { display: flex; flex-direction: column; }
.arc-author__name { font-size: var(--arc-fs-ui); font-weight: 600; line-height: 1.5; color: var(--navy-900); }
a.arc-author__name { color: var(--teal-700); }
.arc-author__role { font-size: var(--fs-caption); line-height: 1.5; color: var(--ink-500); }

.arc-cite { padding: var(--space-3); border: 1px solid var(--line-200); border-radius: var(--radius-md); background: var(--mist-100); }
.arc-cite__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-block-end: 12px; }
.arc-cite__head .arc-block__title { margin-block-end: 0; font-size: var(--fs-body); }
.arc-cite__text { font-size: var(--arc-fs-ui); line-height: 1.8; color: var(--ink-700); }

.arc-authorbox { display: flex; align-items: flex-start; gap: 20px; padding: var(--space-3); }
.arc-authorbox--flat { padding: 20px; }
.arc-authorbox__name { font-size: var(--arc-fs-h4); font-weight: 700; line-height: 1.35; }
.arc-authorbox__name a { color: var(--navy-900); }
.arc-authorbox__name a:hover { color: var(--teal-700); text-decoration: none; }
.arc-authorbox__role { font-size: var(--fs-small); color: var(--ink-500); }
.arc-authorbox__bio { margin-block: 10px 14px; font-size: var(--arc-fs-ui); line-height: 1.7; color: var(--ink-700); }
.arc-authorbox--flat .arc-authorbox__bio { margin-block-end: 0; }

/* ---------- ملف الباحث ---------- */
.arc-profile { display: flex; align-items: center; gap: var(--space-4); }
.arc-profile__photo { width: 168px; aspect-ratio: 1 / 1; flex: none; display: grid; place-items: center; border: 1px solid var(--line-200); border-radius: var(--radius-md); background: var(--white); color: var(--ink-500); }
.arc-profile__role { margin-block: 6px var(--space-2); font-size: var(--fs-body); color: var(--teal-700); font-weight: 500; }
.arc-profile__links { display: flex; flex-wrap: wrap; gap: 8px; margin-block-start: var(--space-2); }
.arc-person-page { display: grid; grid-template-columns: 340px minmax(0, 1fr); gap: var(--space-6); align-items: start; }
.arc-person-page__tabs { min-width: 0; }
.arc-news__list--cols { gap: 12px; }

/* ---------- عن المركز: قائمة مرساة ثابتة + مخطط تنظيمي ---------- */
.arc-anchored { display: grid; grid-template-columns: 248px minmax(0, 1fr); gap: var(--space-8); align-items: start; padding-block: var(--space-6) var(--space-8); }
.arc-anchor-nav { position: sticky; inset-block-start: 88px; }
.arc-anchor-nav__title { margin-block-end: 12px; font-size: var(--fs-caption); font-weight: 600; color: var(--ink-500); }
.arc-anchor-nav__list { display: flex; flex-direction: column; border-inline-start: 2px solid var(--line-200); }
.arc-anchor-nav__link { display: block; margin-inline-start: -2px; padding: 9px var(--space-2); border-inline-start: 2px solid transparent; font-size: var(--arc-fs-ui); line-height: 1.5; color: var(--ink-700); }
.arc-anchor-nav__link:hover { color: var(--teal-700); text-decoration: none; }
.arc-anchor-nav__link.is-active { border-inline-start-color: var(--teal-500); color: var(--teal-700); font-weight: 600; }
.arc-anchored__content { min-width: 0; max-width: 800px; }
.arc-anchored__section { padding-block-end: var(--space-6); margin-block-end: var(--space-6); border-block-end: 1px solid var(--line-200); scroll-margin-block-start: 96px; }
.arc-anchored__section:last-child { border: 0; margin: 0; padding: 0; }

.arc-mini-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-2); margin-block-start: var(--space-4); }
.arc-mini-stats > div { display: flex; flex-direction: column; padding: var(--space-2); border-radius: var(--radius-md); background: var(--mist-100); }
.arc-mini-stats dd { font-family: var(--font-en); font-size: 1.75rem; font-weight: 700; line-height: 1.2; color: var(--navy-900); }
.arc-mini-stats dt { order: 2; margin-block-start: 4px; font-size: var(--fs-caption); line-height: 1.5; color: var(--ink-500); }
.arc-duo { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2); }
.arc-duo__card { padding: var(--space-3); }
.arc-duo__title { margin-block-end: 8px; font-size: var(--fs-small); font-weight: 600; color: var(--teal-700); }
.arc-duo__card p { font-size: var(--fs-body); line-height: var(--lh-body); color: var(--navy-900); }
.arc-values { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2) var(--space-4); }
.arc-values__item { display: flex; flex-direction: column; gap: 4px; padding-inline-start: var(--space-2); border-inline-start: 3px solid var(--teal-500); }
.arc-values__title { font-size: var(--fs-body); font-weight: 600; color: var(--navy-900); }
.arc-values__text { font-size: var(--arc-fs-ui); line-height: 1.7; color: var(--ink-700); }
.arc-areas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2); }
.arc-areas__item { display: flex; align-items: flex-start; gap: 14px; padding: 20px; }
.arc-areas__title { font-size: var(--fs-body); font-weight: 600; line-height: 1.5; color: var(--navy-900); }
.arc-areas__text { margin-block-start: 4px; font-size: var(--arc-fs-ui); line-height: 1.7; color: var(--ink-700); }

.arc-org { display: flex; flex-direction: column; align-items: center; padding: var(--space-4) var(--space-3); border: 1px solid var(--line-200); border-radius: var(--radius-md); background: var(--mist-100); }
.arc-org__row { position: relative; display: flex; justify-content: center; gap: var(--space-3); padding-block-end: var(--space-4); }
.arc-org__row::after { content: ""; position: absolute; inset-block-end: 0; inset-inline-start: 50%; width: 1px; height: var(--space-4); background: var(--ink-500); }
.arc-org__row--pair { width: 100%; }
.arc-org__box { min-width: 180px; padding: 12px 20px; border: 1px solid var(--line-200); border-radius: var(--radius-sm); background: var(--white); font-size: var(--arc-fs-ui); font-weight: 600; line-height: 1.5; text-align: center; color: var(--navy-900); }
.arc-org__box--top { background: var(--navy-900); border-color: var(--navy-900); color: var(--white); }
.arc-org__box--lead { background: var(--teal-700); border-color: var(--teal-700); color: var(--white); }
.arc-org__box--side { position: absolute; inset-inline-start: calc(50% + 114px); border-style: dashed; font-weight: 500; color: var(--ink-700); }
.arc-org__box--side::before { content: ""; position: absolute; inset-block-start: 50%; inset-inline-end: 100%; width: 24px; border-block-start: 1px dashed var(--ink-500); }
.arc-org__units { position: relative; width: 100%; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding-block-start: var(--space-3); border-block-start: 1px solid var(--ink-500); }
.arc-org__box--unit { min-width: 0; padding-inline: 12px; font-weight: 500; font-size: var(--fs-small); }

.arc-docs { display: flex; flex-direction: column; gap: 12px; }
.arc-docs__item { display: flex; align-items: center; gap: 14px; padding: var(--space-2); }
.arc-docs__text { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.arc-docs__title { font-size: var(--fs-body); font-weight: 600; line-height: 1.5; color: var(--navy-900); }
.arc-docs__meta { font-size: var(--fs-caption); color: var(--ink-500); }

/* ---------- الاستشارات ---------- */
.arc-svc { padding: var(--space-3); display: flex; flex-direction: column; gap: 12px; scroll-margin-block-start: 96px; }
.arc-svc__title { font-size: var(--arc-fs-lead); font-weight: 600; line-height: 1.45; color: var(--navy-900); }
.arc-svc__text { font-size: var(--arc-fs-ui); line-height: 1.7; color: var(--ink-700); }
.arc-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-3); counter-reset: none; }
.arc-steps__item { position: relative; padding-block-start: 60px; }
.arc-steps__item::before { content: ""; position: absolute; inset-block-start: 22px; inset-inline: 56px calc(-1 * var(--space-3)); border-block-start: 1px solid var(--ink-500); opacity: 0.4; }
.arc-steps__item:last-child::before { display: none; }
.arc-steps__n { position: absolute; inset-block-start: 0; inset-inline-start: 0; width: 44px; height: 44px; display: grid; place-items: center; border-radius: var(--radius-pill); background: var(--navy-900); color: var(--white); font-family: var(--font-en); font-size: var(--fs-body); font-weight: 700; }
.arc-steps__title { font-size: var(--arc-fs-lead); font-weight: 600; line-height: 1.45; color: var(--navy-900); }
.arc-steps__text { margin-block-start: 6px; font-size: var(--arc-fs-ui); line-height: 1.7; color: var(--ink-700); }

.arc-formsplit { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: var(--space-6); align-items: start; }
.arc-formsplit--contact { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-4); }
.arc-formsplit__intro .arc-section__lead { margin-block-start: 12px; }
#request { scroll-margin-block-start: 72px; }
.arc-contact-list { display: flex; flex-direction: column; gap: var(--space-2); margin-block-start: var(--space-3); font-size: var(--arc-fs-ui); color: var(--ink-700); }
.arc-contact-list > li { display: flex; align-items: flex-start; gap: 12px; line-height: 1.6; }
.arc-contact-list > li > .arc-icon { margin-block-start: 2px; color: var(--teal-500); }
.arc-contact-list--labeled > li > div { display: flex; flex-direction: column; }
.arc-contact-list__label { font-size: var(--fs-caption); color: var(--ink-500); }
.arc-contact-list__note { font-size: var(--fs-caption); color: var(--ink-500); }
.arc-contact-card { padding: var(--space-4); }
.arc-contact-card .arc-contact-list { margin-block-start: 20px; gap: 20px; }

/* ---------- البحث و404 ---------- */
.arc-search--hero { max-width: 720px; height: 56px; margin-block-start: 20px; padding-inline: 20px 6px; border-radius: var(--radius-md); font-size: var(--fs-body); }
.arc-search--hero .arc-search__input { font-size: var(--fs-body); }
.arc-results { display: flex; flex-direction: column; }
.arc-result-item { padding-block: 20px; border-block-end: 1px solid var(--line-200); }
.arc-result-item:first-child { padding-block-start: 0; }
.arc-result-item__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font-size: var(--fs-caption); color: var(--ink-500); }
.arc-result-item__title { margin-block: 8px 6px; font-size: var(--arc-fs-lead); font-weight: 600; line-height: 1.45; }
.arc-result-item__title a { color: var(--navy-900); }
.arc-result-item__title a:hover { color: var(--teal-700); }
.arc-result-item__text { font-size: var(--arc-fs-ui); line-height: 1.7; color: var(--ink-700); }
.arc-results mark { padding: 0 2px; border-radius: 3px; background: var(--arc-success-bg); color: inherit; box-shadow: 0 0 0 1px var(--arc-success-line); }
.arc-search-start[hidden] { display: none; }
.arc-empty:not([hidden]) + .arc-search-start { margin-block-start: var(--space-6); }
.arc-search-start .arc-block__title { margin-block: var(--space-4) var(--space-2); }
.arc-search-start .arc-block__title:first-child { margin-block-start: 0; }

.arc-notfound { background-color: var(--mist-100); border-block-end: 1px solid var(--line-200); position: relative; }
.arc-notfound::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0.06; background: url("../img/pattern-symbol.svg") center top / 152px auto repeat; }
.arc-notfound__inner { position: relative; padding-block: var(--space-8); display: flex; flex-direction: column; align-items: center; text-align: center; }
.arc-notfound__code { font-family: var(--font-en); font-size: 6rem; font-weight: 700; line-height: 1; color: var(--teal-500); }
.arc-notfound .arc-page-head__title { margin-block-start: var(--space-2); }
.arc-notfound .arc-search--hero { width: 100%; margin-block: var(--space-4); }
.arc-notfound__links { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.arc-legal__updated { margin-block: 20px var(--space-4); font-size: var(--fs-small); color: var(--ink-500); }

/* ==========================================================================
   اللوحي (768–1023px)
   ========================================================================== */
@media (max-width: 1023px) {
  .arc-event-page__layout, .arc-program-page__layout { grid-template-columns: minmax(0, 1fr) 320px; gap: var(--space-4); }
  .arc-library { grid-template-columns: 232px minmax(0, 1fr); gap: var(--space-3); }
  .arc-library .arc-grid--covers { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .arc-pubpage__layout { grid-template-columns: minmax(0, 1fr) 260px; column-gap: var(--space-4); }
  .arc-person-page { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }
  .arc-anchored { grid-template-columns: 208px minmax(0, 1fr); gap: var(--space-4); }
  .arc-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: var(--space-4); }
  .arc-steps__item:nth-child(2n)::before { display: none; }
  .arc-formsplit, .arc-formsplit--contact { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }
  .arc-infobar { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 20px; }
  .arc-infobar__item:nth-child(odd) { border-inline-start: 0; }
  .arc-org__box--side { position: static; }
  .arc-org__box--side::before { display: none; }
}

/* ==========================================================================
   الهاتف (≤ 767px)
   ========================================================================== */
@media (max-width: 767px) {
  .arc-article__head { padding-block-start: 20px; }
  .arc-article__figure { margin-block: var(--space-3); padding-inline: 0; }
  .arc-article__image { border-radius: 0; border-inline: 0; }
  .arc-article__figure .arc-caption { padding-inline: 20px; }
  .arc-article > .arc-container:last-child { padding-block-end: var(--space-6); }
  .arc-linked-pub { grid-template-columns: 88px minmax(0, 1fr); gap: 14px; }
  .arc-linked-pub__title { font-size: var(--fs-body); }

  .arc-event-page__layout, .arc-program-page__layout { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); padding-block: var(--space-3) var(--space-6); }
  .arc-event-page__aside, .arc-event-page__main { grid-column: 1; grid-row: auto; }
  .arc-event-page__aside, .arc-program-page__aside, .arc-pubpage__aside, .arc-anchor-nav { position: static; }
  .arc-program-page__aside { order: -1; }
  .arc-speakers { grid-template-columns: minmax(0, 1fr); }
  .arc-map__frame { aspect-ratio: 4 / 3; }
  .arc-infobar { grid-template-columns: minmax(0, 1fr); margin-block-start: -16px; padding: 4px 0; }
  .arc-infobar__item { padding: 14px 20px; border-inline-start: 0; border-block-start: 1px solid var(--line-200); }
  .arc-infobar__item:first-child { border-block-start: 0; }

  /* الفلاتر: لوحة سفلية تُفتح بزر «الفلاتر» */
  .arc-library { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .arc-library__filter-btn { display: inline-flex; }
  .arc-library__bar { margin-block-end: var(--space-2); }
  .arc-library__bar .arc-list-count { margin-block-end: 0; }
  .arc-library__filters {
    position: fixed; inset-inline: 0; inset-block-end: 0; inset-block-start: auto; z-index: 70;
    max-height: 86dvh; padding: 0; display: none; flex-direction: column;
    border: 0; border-start-start-radius: var(--radius-md); border-start-end-radius: var(--radius-md); border-end-start-radius: 0; border-end-end-radius: 0;
    box-shadow: 0 -12px 40px rgba(14, 20, 32, 0.28);
  }
  .arc-library__filters.is-open { display: flex; }
  .arc-filter-panel__head { margin: 0; padding: var(--space-2) 20px; border-block-end: 1px solid var(--line-200); }
  .arc-filter-panel__head .arc-icon-btn { display: grid; margin-inline-end: -8px; }
  .arc-filter-panel__body { padding: 20px; overflow-y: auto; }
  .arc-filter-panel__foot { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: var(--space-2) 20px; border-block-start: 1px solid var(--line-200); background: var(--white); }
  .arc-check { min-height: var(--arc-control-h); font-size: var(--arc-fs-ui); }
  .arc-sheet-backdrop { position: fixed; inset: 0; z-index: 65; background: rgba(14, 20, 32, 0.56); }

  .arc-pubpage__layout { grid-template-columns: minmax(0, 1fr); grid-template-areas: "head" "aside" "body"; padding-block: var(--space-2) var(--space-6); }
  .arc-pubpage__aside { margin-block-start: var(--space-3); display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: 0 var(--space-2); align-items: start; }
  .arc-pubpage__aside .arc-cover { grid-row: 1 / span 2; padding: 14px; }
  .arc-pubpage__aside .arc-cover__symbol { height: 20px; }
  .arc-pubpage__aside .arc-cover__title { font-size: var(--fs-caption); line-height: 1.4; }
  .arc-pubpage__aside .arc-cover__type { font-size: 0.75rem; }
  .arc-pubpage__actions { margin-block-start: 0; }
  .arc-meta-list { grid-column: 1 / -1; }
  .arc-pubpage__body { margin-block-start: var(--space-3); }
  .arc-pubpage__subtitle { font-size: var(--fs-body); }
  .arc-authorbox { flex-direction: column; gap: 14px; padding: 20px; }

  .arc-profile { flex-direction: column; align-items: flex-start; gap: var(--space-2); }
  .arc-profile__photo { width: 112px; }

  /* قائمة المرساة تصبح شريطاً أفقياً لاصقاً */
  .arc-anchored { grid-template-columns: minmax(0, 1fr); gap: 0; padding-block: 0 var(--space-6); }
  .arc-anchor-nav { position: sticky; inset-block-start: 64px; z-index: 30; margin-inline: -20px; padding-inline: 20px; background: var(--white); border-block-end: 1px solid var(--line-200); }
  .arc-anchor-nav__title { display: none; }
  .arc-anchor-nav__list { flex-direction: row; gap: 4px; overflow-x: auto; border: 0; scrollbar-width: none; }
  .arc-anchor-nav__list::-webkit-scrollbar { display: none; }
  .arc-anchor-nav__link { margin: 0; padding: 14px 10px; border-inline-start: 0; border-block-end: 2px solid transparent; white-space: nowrap; font-size: var(--fs-small); }
  .arc-anchor-nav__link.is-active { border-block-end-color: var(--teal-500); }
  .arc-anchored__content { padding-block-start: var(--space-4); }
  .arc-anchored__section { padding-block-end: var(--space-4); margin-block-end: var(--space-4); scroll-margin-block-start: 128px; }
  .arc-mini-stats, .arc-duo, .arc-values, .arc-areas { grid-template-columns: minmax(0, 1fr); }
  .arc-mini-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .arc-org { padding: var(--space-3) var(--space-2); }
  .arc-org__row--pair { flex-direction: column; align-items: center; gap: 12px; }
  .arc-org__box { min-width: 0; width: 100%; max-width: 280px; }
  .arc-org__units { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .arc-org__units .arc-org__box { max-width: none; }
  .arc-partners__grid--3, .arc-topics__grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .arc-topic--static { flex-direction: row !important; align-items: center !important; gap: 10px !important; }
  .arc-docs__item { flex-wrap: wrap; }
  .arc-docs__item .arc-btn { width: 100%; }

  .arc-steps { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); }
  .arc-steps__item { padding-block-start: 0; padding-inline-start: 60px; min-height: 44px; }
  .arc-steps__item::before { display: none; }
  .arc-contact-card { padding: 20px; }
  .arc-cta-row .arc-btn { width: 100%; }

  .arc-search--hero { height: 52px; padding-inline: 14px 6px; }
  .arc-result-item__title { font-size: var(--fs-body); }
  .arc-notfound__inner { padding-block: var(--space-6); }
  .arc-notfound__code { font-size: 4.5rem; }
}

/* ---------- الصفحات الحرة (منشئ الأقسام في لوحة التحكم) ---------- */
.arc-custom > .arc-block + .arc-block, .arc-custom .arc-anchored__section > .arc-block + .arc-block { margin-block-start: var(--space-6); }
.arc-split { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-4); align-items: center; }
.arc-split--flip .arc-split__media { order: 2; }
.arc-split__media { aspect-ratio: 3 / 2; border-radius: var(--radius-md); }
.arc-duo--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 767px) {
  .arc-split, .arc-duo--3 { grid-template-columns: minmax(0, 1fr); }
  .arc-split--flip .arc-split__media { order: 0; }
}