#came-hub{--came:#01B4CB;--came-deep:#017E90;--came-dark:#025c6a;--ink:#0c3540;--ink-soft:#4a6b74;--paper:#eef7f9;--line:#d6e8ec;
  direction:rtl;text-align:right;font-family:'Noto Kufi Arabic',system-ui,sans-serif;color:var(--ink);background:var(--paper);line-height:1.85;font-size:16px}
#came-hub *{box-sizing:border-box}
#came-hub.cmh-single{background:#fff}
#came-hub .cmh-wrap{max-width:1100px;margin:0 auto;padding:0 20px}
#came-hub .cmh-hero{background:linear-gradient(155deg,var(--came) 0%,var(--came-deep) 58%,var(--came-dark) 100%);color:#fff;padding:46px 0 40px}
#came-hub .cmh-hero h1{font-size:clamp(26px,5vw,38px);font-weight:800;margin:0 0 4px;color:#fff;font-family:inherit;line-height:1.45}
#came-hub .cmh-en{font-size:14px;color:#d3f3f8;font-weight:500;margin-bottom:10px;direction:ltr;text-align:right}
#came-hub .cmh-hero p{color:#e3f7fa;font-weight:300;margin:0;max-width:60ch}
#came-hub .cmh-crumbs{font-size:13px;color:#d3f3f8;margin-bottom:10px}
#came-hub .cmh-crumbs a{color:#fff;text-decoration:none;font-weight:600}
#came-hub .cmh-crumbs span{margin:0 6px;opacity:.7}
#came-hub .cmh-crumbs-light{color:var(--ink-soft);padding:14px 0 0;margin:0}
#came-hub .cmh-crumbs-light a{color:var(--came-deep)}
#came-hub .cmh-sectors{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 14px}
#came-hub .cmh-chip{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1.5px solid var(--line);color:var(--ink);text-decoration:none;font-size:14px;font-weight:600;padding:7px 14px;border-radius:100px}
#came-hub .cmh-chip small{background:#e3f6f9;color:var(--came-deep);font-weight:700;border-radius:100px;padding:0 7px;font-size:11.5px}
#came-hub .cmh-chip:hover{border-color:var(--came)}
#came-hub .cmh-chip.on{background:var(--came-deep);border-color:var(--came-deep);color:#fff}
#came-hub .cmh-chip.on small{background:rgba(255,255,255,.2);color:#fff}
#came-hub .cmh-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
#came-hub .cmh-filters select,#came-hub .cmh-filters input{font-family:inherit;font-size:14px;padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);min-width:170px}
#came-hub .cmh-filters input{flex:1;min-width:200px}
#came-hub .cmh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;padding-bottom:50px}
#came-hub .cmh-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;text-decoration:none;color:var(--ink);box-shadow:0 10px 30px rgba(1,180,203,.10);transition:transform .15s ease,box-shadow .15s ease;border-top:4px solid var(--came)}
#came-hub .cmh-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(1,180,203,.18)}
#came-hub .cmh-card[hidden]{display:none}
#came-hub .cmh-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
#came-hub .cmh-ic{font-size:30px;line-height:1}
#came-hub .cmh-tag{font-size:12px;font-weight:700;color:#fff;background:var(--came-deep);padding:3px 12px;border-radius:100px}
#came-hub .cmh-tag.t-tool{background:#c98a1e}
#came-hub .cmh-card h3{font-size:17px;font-weight:800;line-height:1.6;margin:0 0 8px;color:var(--came-deep);font-family:inherit}
#came-hub .cmh-card p{font-size:14px;color:var(--ink-soft);font-weight:300;margin:0 0 14px;flex:1}
#came-hub .cmh-meta{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12.5px;color:var(--ink-soft);margin-bottom:14px}
#came-hub .cmh-go{display:inline-flex;align-self:center;align-items:center;justify-content:center;gap:8px;margin-top:2px;padding:9px 18px;border-radius:10px;
  background:linear-gradient(135deg,#017E90 0%,#025c6a 100%);color:#fff;font-weight:800;font-size:14px;line-height:1.4;
  box-shadow:0 6px 14px rgba(2,92,106,.30);position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}
#came-hub .cmh-go .ar{display:inline-block;transition:transform .2s ease;font-size:16px}
#came-hub .cmh-go::after{content:"";position:absolute;top:0;bottom:0;width:40%;right:-60%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);animation:cmhShine 3.2s ease-in-out infinite}
@keyframes cmhShine{0%,60%{right:-60%}100%{right:130%}}
#came-hub .cmh-card:hover .cmh-go{transform:translateY(-2px);box-shadow:0 10px 20px rgba(2,92,106,.40)}
#came-hub .cmh-card:hover .cmh-go .ar{transform:translateX(-6px)}
#came-hub .cmh-card:focus-visible{outline:3px solid #017E90;outline-offset:3px}
@media(prefers-reduced-motion:reduce){#came-hub .cmh-go::after{animation:none;display:none}#came-hub .cmh-go,#came-hub .cmh-go .ar{transition:none}}
#came-hub .cmh-empty{text-align:center;color:var(--ink-soft);padding:30px 0 60px}
#came-hub .cmh-content{padding:30px 20px 60px}
@media(max-width:560px){#came-hub .cmh-grid{grid-template-columns:1fr}#came-hub .cmh-filters select,#came-hub .cmh-filters input{min-width:0;flex:1 1 100%}}

/* صفحة المقياس بعرض كامل داخل أي قالب */
.cma-full{width:100%;max-width:none;clear:both;display:block}
.cma-full #came-sr{width:100%;margin:0}
body.cma-standalone .td-post-sharing,body.cma-standalone .td-author-name{display:none}
#came-hub .cmh-topbar{background:#fff;border-bottom:1px solid var(--line)}
#came-hub .cmh-topbar .cmh-wrap{display:flex;justify-content:space-between;align-items:center;padding-top:12px;padding-bottom:12px}
#came-hub .cmh-home{font-weight:800;color:var(--came-deep);text-decoration:none}
#came-hub .cmh-back{font-weight:600;color:var(--ink);text-decoration:none;font-size:14px}

.cma-frame-wrap{width:100%;background:#eef7f9}
.cma-frame{width:100%;border:0;display:block}