/* انطلاقة: الصفحات الداخلية (الشريط، والمحتوى، ومكوّنات MH Composer، والبطاقات، والترقيم).
   تُحمَّل بعد intilaqa.css وتعتمد متغيراته. */

#page-container #main-content.intq-inner{padding:0;margin:0;background:#fff;max-width:100%;overflow-x:hidden;overflow-x:clip}

/* old content carries fixed pixel widths (images, captions up to 1418px), embeds and long pasted links: keep all of it inside the screen */
#page-container .intq :is(.pbody,.prose){overflow-wrap:break-word;word-break:normal}
#page-container .intq :is(.pbody,.prose) :is(img,video,iframe,embed,object,figure,.wp-caption,[style*="width"]){max-width:100%!important;box-sizing:border-box}
#page-container .intq :is(.pbody,.prose) :is(img,video){height:auto}
#page-container .intq :is(.pbody,.prose) iframe{width:100%}
#page-container .intq :is(.pbody,.prose) table{display:block;max-width:100%;overflow-x:auto}
#page-container .intq :is(.pbody,.prose) pre{white-space:pre-wrap}#page-container .intq .btn-p{background:var(--teal);color:#fff}
#page-container .intq .btn-p:hover{background:var(--teal-d)}

/* banner */
#page-container .intq .pban{background:radial-gradient(ellipse 70% 130% at 10% 20%,#127A6B 0%,transparent 60%),linear-gradient(180deg,var(--teal-dd) 0%,#0B4A41 100%);color:#fff;position:relative;overflow:hidden}
#page-container .intq .pban .blades{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#page-container .intq .pban .blades path{fill:none;stroke-linecap:round}
#page-container .intq .pban .shell{position:relative;padding-block:38px 42px}
#page-container .intq .crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:13.5px;color:#A8CBC5;margin-bottom:10px}
#page-container .intq .crumbs a{color:#CBE5E0;transition:color .2s}
#page-container .intq .crumbs a:hover{color:#fff}
#page-container .intq .crumbs [aria-current]{color:var(--mint)}
#page-container .intq .pban h1{font-size:clamp(23px,2.7vw,34px);line-height:1.55;color:#fff;max-width:30ch}
#page-container .intq .pmeta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
#page-container .intq .pmeta>*{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;padding:4px 12px;border-radius:var(--leaf-s);background:rgba(255,255,255,.1);color:#E1F5F1;transition:background .2s}
#page-container .intq .pmeta a:hover{background:rgba(255,255,255,.2)}
#page-container .intq .plead{color:#CBE5E0;margin-top:10px;max-width:62ch}

/* readable content: restores what the section reset removed, for composer text and the plain editor */
#page-container .intq :is(.pbody,.prose){font-size:16px;line-height:1.95;color:var(--ink)}
#page-container .intq :is(.pbody,.prose) p{margin:0 0 1em}
#page-container .intq :is(.pbody,.prose) :is(h1,h2,h3,h4,h5){color:var(--teal-dd);margin:1.3em 0 .5em;line-height:1.55}
#page-container .intq :is(.pbody,.prose) :is(h1,h2){font-size:24px}
#page-container .intq :is(.pbody,.prose) h3{font-size:20px}
#page-container .intq :is(.pbody,.prose) :is(h4,h5){font-size:17px}
#page-container .intq :is(.pbody,.prose) :is(h1,h2,h3,h4,h5):first-child{margin-top:0}
#page-container .intq :is(.pbody,.prose) :is(ul,ol){margin:0 0 1em;padding-inline-start:1.5em}
#page-container .intq :is(.pbody,.prose) ul>li{position:relative;margin-bottom:.35em}
#page-container .intq :is(.pbody,.prose) ul>li::before{content:"";position:absolute;inset-inline-start:-1.1em;top:.8em;width:7px;height:7px;border-radius:3px 1px 3px 1px;background:var(--teal)}
#page-container .intq :is(.pbody,.prose) ol>li{list-style:decimal;margin-bottom:.35em}
#page-container .intq :is(.pbody,.prose) a:not(.btn){color:var(--teal-d);text-decoration:underline;text-decoration-color:rgba(28,157,139,.4);text-underline-offset:4px}
#page-container .intq :is(.pbody,.prose) a:not(.btn):hover{text-decoration-color:currentColor}
#page-container .intq :is(.pbody,.prose) blockquote{margin:0 0 1.2em;padding:18px 22px;background:var(--mist);border:0;border-inline-start:4px solid var(--teal);border-radius:4px 18px 4px 18px;font-style:normal;color:var(--ink)}
#page-container .intq :is(.pbody,.prose) blockquote p:last-child{margin:0}
#page-container .intq :is(.pbody,.prose) img{height:auto;border-radius:var(--leaf-s)}
#page-container .intq :is(.pbody,.prose) table{width:100%;border-collapse:collapse;margin:0 0 1.2em;font-size:15px}
#page-container .intq :is(.pbody,.prose) :is(th,td){border:1px solid var(--line);padding:10px 12px;text-align:right}
#page-container .intq :is(.pbody,.prose) th{background:var(--mist);font-weight:700}
#page-container .intq .prose{max-width:820px;margin-inline:auto;padding-block:48px 8px}
#page-container .intq .prose .pfeat{width:100%;border-radius:var(--leaf);margin-bottom:28px}
#page-container .intq .pbody-c{padding-bottom:16px}
#page-container .intq .pbody-c .mhc_section{padding-block:44px}

/* composer posts: one reading column, aligned with the share bar */
body.single-post #page-container .intq .pbody-c .mhc_row{max-width:820px;width:auto;margin-inline:auto;padding-inline:16px}
body.single-post #page-container .intq .pbody-c :is(.mhc_column_3_4,.mhc_column_4_4,.mhc_column_2_3){width:100%!important;float:none!important;margin:0!important}
body.single-post #page-container .intq .pbody-c .mhc_section{padding-block:40px 0}

/* composer: post header duplicates the banner (title, date, category) */
#page-container .intq .pbody .mhc_post_header{display:none}

/* composer: team members (board, general assembly) as leaf cards */
#page-container .intq .pbody .mhc_row:has(.mhc_team_member){display:flex;flex-wrap:wrap}
#page-container .intq .pbody .mhc_row:has(.mhc_team_member)::after{display:none}
#page-container .intq .pbody .mhc_row:has(.mhc_team_member)>.mhc_column{float:none;display:flex}
#page-container .intq .pbody .mhc_team_member{width:100%;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--leaf);padding:12px 12px 18px;text-align:center!important;transition:transform .3s,box-shadow .3s}
#page-container .intq .pbody .mhc_team_member:hover{transform:translateY(-4px);box-shadow:0 24px 40px -28px rgba(8,51,45,.5)}
#page-container .intq .pbody .mhc_team_member_image{float:none!important;display:block;width:100%!important;max-width:none!important;height:auto!important;margin:0 0 14px!important;aspect-ratio:1;background:var(--teal-l);border-radius:20px 4px 20px 4px;overflow:hidden}
#page-container .intq .pbody .mhc_team_member_image img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:0}
#page-container .intq .pbody .mhc_team_member_description{flex:1;display:flex;flex-direction:column;align-items:center;padding:0!important;margin:0!important;text-align:center!important}
#page-container .intq .pbody .mhc_team_member_description h4{font:700 15.5px/1.6 var(--f-display);color:var(--ink);margin:0 0 8px}
#page-container .intq .pbody .mhc_member_position{display:inline-block;margin:auto 0 0!important;padding:2px 12px!important;font-size:13px;font-weight:600;color:var(--teal-d);background:var(--teal-l);border:0!important;border-radius:var(--leaf-s)}
#page-container .intq .pbody .mhc_member_position::before,#page-container .intq .pbody .mhc_member_position::after{display:none}

/* post footer: share + back to category */
#page-container .intq .pfoot{max-width:820px;margin:24px auto 0;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);padding-block:20px}
#page-container .intq .share{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#page-container .intq .share>span{color:var(--muted);font-size:14px;margin-inline-end:4px}
#page-container .intq .share :is(a,button){height:40px;min-width:40px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:var(--leaf-s);background:#fff;color:var(--ink);font-size:17px;cursor:pointer;transition:border-color .2s,color .2s}
#page-container .intq .share :is(a,button):hover{border-color:var(--teal);color:var(--teal-d)}
#page-container .intq .share em{font-style:normal;font-size:13.5px;font-weight:600}
#page-container .intq .pedit{display:inline-block;margin:8px 0 32px;font-size:13.5px;color:var(--muted);text-decoration:underline}

/* cards grid (archives, search, related) */
#page-container .intq .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#page-container .intq .cards .wk-cov{height:160px}
#page-container .intq .wk-cov img{object-fit:cover}
#page-container .intq .psec{padding-block:48px 72px}
#page-container .intq .rel{background:var(--mist);margin-top:40px}
#page-container .intq .rel .wk{background:#fff}

/* pagination */
#page-container .intq .pager ul{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:40px}
#page-container .intq .pager :is(a,span){min-width:42px;height:42px;padding:0 14px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--leaf-s);font-weight:600;font-size:14.5px;transition:border-color .2s,color .2s}
#page-container .intq .pager a:hover{border-color:var(--teal);color:var(--teal-d)}
#page-container .intq .pager .current{background:var(--teal);border-color:var(--teal);color:#fff}
#page-container .intq .pager .dots{border:0}

/* search form, empty states, 404 */
#page-container .intq .psearch{display:flex;gap:8px;max-width:560px;margin:0 0 32px}
#page-container .intq .psearch input{flex:1;min-width:0;height:48px;padding:0 16px;border:1.5px solid var(--line);border-radius:var(--leaf-s);font:inherit;background:#fff;color:var(--ink)}
#page-container .intq .psearch input:focus{outline:0;border-color:var(--teal)}
#page-container .intq .empty{text-align:center;max-width:560px;margin-inline:auto;padding-block:24px}
#page-container .intq .empty .big{display:block;font:700 76px/1.1 var(--f-display);color:var(--teal);opacity:.85}
#page-container .intq .empty h2{font-size:24px;margin:8px 0}
#page-container .intq .empty p{color:var(--muted);margin-bottom:24px}
#page-container .intq .empty .psearch{margin:0 auto 16px}

@media (max-width:860px){
  #page-container .intq .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  #page-container .intq .pban .shell{padding-block:26px 30px}
  #page-container .intq .cards{grid-template-columns:minmax(0,1fr)}
  #page-container .intq .prose{padding-block:32px 0}
  #page-container .intq .pbody-c .mhc_section{padding-block:28px}
  #page-container .intq .share em{display:none}
  #page-container .intq .pbody .mhc_row:has(.mhc_team_member){gap:12px;padding:6px 16px!important;margin:0!important}
  #page-container .intq .pbody .mhc_row:has(.mhc_team_member)>.mhc_column{width:calc(50% - 6px)!important;margin:0!important}
  #page-container .intq .pbody .mhc_team_member{padding:8px 8px 14px}
  #page-container .intq .pbody .mhc_team_member_description h4{font-size:14px}
  #page-container .intq .pbody .mhc_member_position{font-size:12px;padding:2px 8px!important}
}

/* media names: WordPress prints the attachment caption/title under images, galleries and file blocks; the association wants media shown without them */
#page-container .intq :is(.pbody,.prose) :is(.wp-caption-text,.gallery-caption,figcaption,.wp-element-caption,.blocks-gallery-caption){display:none!important}
#page-container .intq :is(.pbody,.prose) .wp-caption{width:auto!important;padding:0;background:none;border:0}
#page-container .intq :is(.pbody,.prose) .wp-block-file>a:not(.wp-block-file__button){display:none}
#page-container .intq .pbody :is(.mhc_gallery_title,.mhc_gallery_caption){display:none!important}
#page-container .intq :is(.pbody,.prose) .wp-block-file{margin:0 0 1em}
#page-container .intq :is(.pbody,.prose) .wp-block-file .wp-block-file__button{display:inline-flex;align-items:center;padding:9px 20px;margin:0;border-radius:var(--leaf-s);background:var(--teal);color:#fff;text-decoration:none;font-weight:700;font-size:14.5px;line-height:1.6;transition:background .2s}
#page-container .intq :is(.pbody,.prose) .wp-block-file .wp-block-file__button:hover{background:var(--teal-d);color:#fff}