:root{
	--md-navy:#17406f;--md-navy-d:#0f2f55;--md-gold:#d8a23a;
	--md-bg:#f4f7fb;--md-card:#fff;--md-border:#e3e9f1;--md-text:#15294a;--md-muted:#6b7a90;
	--md-btn:#17406f;--md-btn-h:#0f2f55;--md-soft:#eaf1fa;--md-shadow:0 2px 10px rgba(23,64,111,.06);
}
html[data-md-theme="dark"]{
	--md-bg:#0d1726;--md-card:#14233a;--md-border:#22344f;--md-text:#e6edf7;--md-muted:#93a3ba;
	--md-btn:#2a6bb3;--md-btn-h:#3a7fcb;--md-soft:#182a45;--md-shadow:none;
}
.md-page{margin:0;background:var(--md-bg);color:var(--md-text)}
.md-page,.md-wrap,.md-hero,.md-header,.md-footer{font-family:"Tajawal","Segoe UI",Tahoma,Arial,sans-serif;line-height:1.7;direction:rtl}
.md-wrap *,.md-header *,.md-footer *,.md-hero *{box-sizing:border-box}
.md-container{width:100%;max-width:1240px;margin-inline:auto;padding-inline:20px}
.md-i{flex:none}
.md-wrap a,.md-header a{text-decoration:none}

/* ---------- Header ---------- */
.md-header{background:var(--md-card);border-bottom:1px solid var(--md-border);position:sticky;top:0;z-index:50}
.md-header-in{display:flex;align-items:center;gap:24px;min-height:78px}
.md-brand{display:flex;flex-direction:column;line-height:1.3}
.md-brand .custom-logo{max-height:46px;width:auto}
.md-logo{font-size:30px;font-weight:800;color:var(--md-navy)}
html[data-md-theme="dark"] .md-logo{color:#fff}
.md-brand small{font-size:11px;color:var(--md-muted)}
.md-navwrap{flex:1}
.md-nav,.md-footer-nav{list-style:none;margin:0;padding:0;display:flex;gap:26px;flex-wrap:wrap}
.md-nav a{color:var(--md-text);font-size:14px;font-weight:500;padding:28px 0;display:block;border-bottom:2px solid transparent}
.md-nav a:hover,.md-nav .current-menu-item>a,.md-nav .current_page_item>a{color:var(--md-btn);border-color:var(--md-btn)}
.md-tools{display:flex;align-items:center;gap:12px}
.md-sitesearch{display:flex;align-items:center;background:var(--md-bg);border:1px solid var(--md-border);border-radius:999px;padding:2px 14px}
.md-sitesearch input{border:0;background:transparent;outline:0;font:inherit;font-size:13px;width:160px;color:var(--md-text);padding:8px 0}
.md-sitesearch button{border:0;background:none;color:var(--md-muted);cursor:pointer;display:grid}
.md-theme-toggle{border:1px solid var(--md-border);background:var(--md-bg);border-radius:999px;padding:6px 10px;display:flex;gap:6px;cursor:pointer;color:var(--md-muted)}
.md-theme-toggle .m,.md-theme-toggle .s{display:grid;padding:4px;border-radius:50%}
html:not([data-md-theme="dark"]) .md-theme-toggle .s,html[data-md-theme="dark"] .md-theme-toggle .m{background:var(--md-navy);color:#fff}
.md-burger{display:none;border:1px solid var(--md-border);background:none;color:var(--md-text);border-radius:8px;padding:6px;cursor:pointer}

/* ---------- Hero ---------- */
.md-hero{--md-hero:none;background:linear-gradient(90deg,rgba(15,47,85,.55),rgba(15,47,85,.96) 60%),var(--md-hero) center/cover,var(--md-navy-d);color:#fff;padding:54px 0 60px}
.md-crumbs{font-size:13px;opacity:.85;display:flex;gap:8px;margin-bottom:18px}
.md-crumbs a{color:#fff}
.md-hero h1{margin:0 0 22px;font-size:40px;font-weight:800;color:#fff;position:relative;padding-bottom:14px;line-height:1.3}
.md-hero h1:after{content:"";position:absolute;inset-inline-start:0;bottom:0;width:56px;height:3px;background:var(--md-gold);border-radius:3px}
.md-hero p{margin:0;max-width:640px;font-size:16px;opacity:.92}

/* ---------- Layout ---------- */
.md-wrap{padding-block:34px 56px}
.md-layout{display:grid;grid-template-columns:310px minmax(0,1fr);grid-template-areas:"side main";gap:28px;align-items:start}
.md-main{grid-area:main;min-width:0}
.md-side{grid-area:side;display:grid;gap:18px;position:sticky;top:96px}

/* ---------- Filters ---------- */
.md-filters{background:var(--md-card);border:1px solid var(--md-border);border-radius:12px;padding:20px;box-shadow:var(--md-shadow);margin-bottom:30px}
.md-searchrow{display:flex;gap:12px;margin-bottom:18px}
.md-searchbox{flex:1;display:flex;align-items:center;gap:8px;border:1px solid var(--md-border);border-radius:8px;padding:0 14px;color:var(--md-muted);background:var(--md-card)}
.md-searchbox input{flex:1;border:0;outline:0;background:transparent;font:inherit;font-size:14px;color:var(--md-text);padding:12px 0;min-width:0}
.md-searchbtn{border:0;background:var(--md-btn);color:#fff;font:inherit;font-weight:700;border-radius:8px;padding:0 34px;display:flex;align-items:center;gap:8px;cursor:pointer}
.md-searchbtn:hover{background:var(--md-btn-h)}
.md-selects{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.md-selects label{display:grid;gap:6px;font-size:12px;color:var(--md-muted)}
.md-selects select{font:inherit;font-size:14px;color:var(--md-text);background:var(--md-card);border:1px solid var(--md-border);border-radius:8px;padding:10px 12px;width:100%}

/* ---------- Head + Grid ---------- */
.md-head h2{margin:0 0 20px;font-size:21px;font-weight:800;display:flex;align-items:center;gap:10px;color:var(--md-text)}
.md-head h2 .md-i{color:var(--md-btn)}
.md-count{font-size:15px;font-weight:500;color:var(--md-muted)}
.md-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;transition:opacity .2s}
.md-wrap.is-loading .md-grid{opacity:.45;pointer-events:none}
.md-empty{grid-column:1/-1;text-align:center;padding:50px 20px;color:var(--md-muted);background:var(--md-card);border:1px dashed var(--md-border);border-radius:12px}

/* ---------- Card ---------- */
.md-card{background:var(--md-card);border:1px solid var(--md-border);border-radius:12px;padding:20px;display:flex;flex-direction:column;box-shadow:var(--md-shadow);transition:transform .2s,box-shadow .2s}
.md-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(23,64,111,.12)}
.md-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}
.md-ft{width:38px;height:46px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:11px;clip-path:polygon(0 0,68% 0,100% 22%,100% 100%,0 100%);border-radius:3px;background:#64748b}
.md-ft-pdf{background:#e03e3e}.md-ft-doc{background:#2b5fc1}.md-ft-xls{background:#1f9d55}.md-ft-ppt{background:#e8782a}
.md-tag{font-size:11px;padding:2px 12px;border-radius:999px;font-weight:500}
.md-tag.c0{background:#e6f0ff;color:#2b5fc1}.md-tag.c1{background:#fdeaea;color:#d23b3b}.md-tag.c2{background:#e3f6ea;color:#1f8a4c}
.md-tag.c3{background:#fff2dd;color:#b7791f}.md-tag.c4{background:#efe8fb;color:#6b46c1}.md-tag.c5{background:#e0f5f5;color:#0e8a8a}
html[data-md-theme="dark"] .md-tag{background:#1d3150;color:#a9c7ee}
.md-title{margin:0 0 6px;font-size:16px;font-weight:800;line-height:1.5;color:var(--md-text)}
.md-desc{margin:0 0 16px;font-size:13px;color:var(--md-muted);flex:1}
.md-meta{display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;color:var(--md-muted);border-top:1px solid var(--md-border);padding-top:12px;margin-bottom:14px}
.md-meta i{width:1px;height:12px;background:var(--md-border)}

.md-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--md-btn);color:#fff!important;font-weight:700;font-size:13px;padding:10px 16px;border-radius:6px;transition:background .15s}
.md-btn:hover{background:var(--md-btn-h)}
.md-btn.is-disabled{background:var(--md-border);color:var(--md-muted)!important;cursor:not-allowed}
.md-btn-sm{display:inline-flex;padding:9px 26px}

/* ---------- Pager ---------- */
.md-pager{display:flex;justify-content:center;gap:6px;margin-top:28px;flex-wrap:wrap}
.md-pager:empty{display:none}
.md-pg{min-width:38px;height:38px;border:1px solid var(--md-border);background:var(--md-card);color:var(--md-text);border-radius:8px;font:inherit;cursor:pointer;display:grid;place-items:center}
.md-pg:hover{border-color:var(--md-btn)}
.md-pg.is-active{background:var(--md-btn);border-color:var(--md-btn);color:#fff}
.md-pg-next .md-i{transform:rotate(180deg)}
.md-pg-gap{align-self:center;color:var(--md-muted)}

/* ---------- Tip ---------- */
.md-tip{display:flex;align-items:center;gap:14px;margin-top:30px;background:var(--md-soft);border:1px solid var(--md-border);border-radius:10px;padding:16px 20px;color:var(--md-muted);font-size:13px}
.md-tip .md-i{width:30px;height:30px;color:var(--md-btn)}
.md-tip p{margin:0}.md-tip strong{color:var(--md-text)}

/* ---------- Sidebar ---------- */
.md-box{background:var(--md-card);border:1px solid var(--md-border);border-radius:12px;padding:20px;box-shadow:var(--md-shadow)}
.md-cats{display:grid;gap:18px}
.md-box-title{margin:0 0 14px;font-size:16px;font-weight:800;display:flex;align-items:center;gap:10px;color:var(--md-text)}
.md-box-title .md-i{color:var(--md-btn)}
.md-catlist{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.md-cat{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:var(--md-text);font-size:14px;border-inline-end:3px solid transparent}
.md-cat .t{flex:1}
.md-cat .n{background:var(--md-bg);color:var(--md-muted);font-size:11px;min-width:26px;text-align:center;border-radius:6px;padding:1px 6px}
.md-cat .md-i{color:var(--md-btn)}
.md-cat:hover{background:var(--md-soft)}
.md-cat.is-active{background:var(--md-soft);border-inline-end-color:var(--md-btn);font-weight:700}
.md-help{text-align:center;background:var(--md-soft)}
.md-help>.md-i{width:34px;height:34px;color:var(--md-btn)}
.md-help h3{margin:6px 0;font-size:16px}
.md-help p{font-size:13px;color:var(--md-muted);margin:0 0 14px}
.md-featured ul{list-style:none;margin:0;padding:0}
.md-featured li+li{border-top:1px solid var(--md-border)}
.md-featured a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 2px;color:var(--md-text);font-size:13px}
.md-featured a:hover{color:var(--md-btn)}
.md-featured .md-i{width:14px;height:14px;color:var(--md-muted);transform:rotate(180deg)}

/* ---------- Footer ---------- */
.md-footer{background:var(--md-navy-d);color:#fff;padding:34px 0;text-align:center}
.md-footer-slogan{font-size:20px;font-weight:700;margin:0 0 14px}
.md-footer-nav{justify-content:center;margin-bottom:14px}
.md-footer a{color:#cfe0f5;text-decoration:none}
.md-footer small{opacity:.7}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
	.md-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.md-selects{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
	.md-layout{grid-template-columns:1fr;grid-template-areas:"main" "side"}
	.md-side{position:static}
	.md-burger{display:block;margin-inline-start:auto}
	.md-header-in{flex-wrap:wrap;padding-block:12px;gap:12px}
	.md-navwrap{display:none;order:5;flex-basis:100%}
	.md-header.is-open .md-navwrap{display:block}
	.md-nav{flex-direction:column;gap:0}
	.md-nav a{padding:10px 0}
	.md-tools{order:4}
	.md-hero h1{font-size:30px}
}
@media (max-width:640px){
	.md-grid{grid-template-columns:1fr}
	.md-searchrow{flex-direction:column}
	.md-searchbtn{padding:12px}
	.md-sitesearch input{width:110px}
}

/* ---------- v1.1: ترويسة بصفّين + قوائم منسدلة ---------- */
.md-header{border-bottom:2px solid var(--md-gold)}
.md-header-in{flex-wrap:wrap;min-height:0;gap:0 20px;padding-top:14px}
.md-brand{order:1}
.md-brand .custom-logo{max-height:58px}
.md-logo{font-size:34px}
.md-tools{order:2;margin-inline-start:auto}
.md-burger{order:3}
.md-navwrap{order:4;flex:0 0 100%;border-top:1px solid var(--md-border);margin-top:12px}
.md-nav{gap:30px}
.md-nav>li{position:relative}
.md-nav a{padding:14px 0;font-size:15px;font-weight:700}
.md-nav .menu-item-has-children>a:after{content:"";display:inline-block;width:6px;height:6px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-2px);margin-inline-start:9px;opacity:.7}
.md-nav .sub-menu{position:absolute;inset-inline-start:0;top:100%;min-width:230px;margin:0;padding:8px;list-style:none;background:var(--md-card);border:1px solid var(--md-border);border-radius:10px;box-shadow:0 14px 32px rgba(15,47,85,.16);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .15s,transform .15s,visibility .15s;z-index:60}
.md-nav li:hover>.sub-menu,.md-nav li:focus-within>.sub-menu,.md-nav li.is-open>.sub-menu{opacity:1;visibility:visible;transform:none}
.md-nav .sub-menu a{padding:9px 12px;border:0;border-radius:6px;font-size:14px;font-weight:500;white-space:nowrap}
.md-nav .sub-menu a:hover{background:var(--md-soft);color:var(--md-btn)}
@media (max-width:900px){
	.md-navwrap{order:5}
	.md-nav .sub-menu{position:static;opacity:1;visibility:visible;transform:none;display:none;box-shadow:none;border:0;padding:0 14px 6px}
	.md-nav li.is-open>.sub-menu{display:block}
	.md-nav .menu-item-has-children>a{display:flex;justify-content:space-between;align-items:center}
}