/* Ahmed Roshdy 1.6.1 — approved single-post template and reusable tool card. */
body.ar-post-v161{background:#F7F9FD;overflow-x:clip}
body.ar-post-v161 .ar160-shell>main{min-width:0;background:#F7F9FD}
body.ar-post-v161 .ar160-sticky-cta{display:none!important}
.ar161-post,.ar161-post *{min-width:0}
.ar161-post{width:100%;overflow:clip;background:#F7F9FD;color:#0F1F45}
.ar161-post-wrap{width:100%;max-width:900px;margin-inline:auto;padding-inline:16px}

/* Heading and metadata. */
.ar161-post-head{padding:20px 0 4px;background:radial-gradient(70% 40% at 90% 0%,rgba(31,85,199,.1),transparent 70%),radial-gradient(60% 40% at 0 30%,rgba(212,24,61,.07),transparent 70%),#fff}
.ar161-crumb{display:flex;align-items:center;gap:8px;color:#7B87A3;font-size:12px;font-weight:700}
.ar161-crumb a{color:#7B87A3!important}.ar161-crumb i{font-style:normal;opacity:.5}
.ar161-post-category{display:inline-flex;margin-top:12px;padding:3px 13px;border-radius:999px;background:#FDEEF1;color:var(--ar160-red,#D4183D)!important;font-size:12px;font-weight:800}
.ar161-post-head h1{margin:10px 0 0;color:var(--ar160-navy,#0F2A5C);font-size:clamp(19px,5.4vw,21px);font-weight:900;line-height:1.55;overflow-wrap:anywhere}
.ar161-post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;color:#7B87A3;font-size:12.5px;font-weight:700}
.ar161-post-meta i{font-style:normal;opacity:.5}

/* One mobile cover and one optional wide desktop source; neither is cropped. */
.ar161-post-cover{margin-block:14px 0;padding-inline:16px}
.ar161-post-cover picture{display:block;width:100%}
.ar161-post-cover img{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 8px 28px rgba(15,31,69,.08);object-fit:contain}
.ar161-post-cover-fallback{aspect-ratio:16/9;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--ar160-navy,#0F2A5C),var(--ar160-blue,#1F55C7));box-shadow:0 8px 28px rgba(15,31,69,.08)}
.ar161-post-cover-fallback span{color:rgba(255,255,255,.24);font:900 clamp(54px,18vw,110px)/1 Poppins,"IBM Plex Sans Arabic",sans-serif;letter-spacing:-.08em}

/* Article body. */
.ar161-post-body{max-width:820px;padding-block:18px 10px;color:#4A5878;overflow-wrap:anywhere}
.ar161-post-body p{margin:12px 0 0;color:#4A5878;font-size:15px;line-height:2}
.ar161-post-body>.lead-p,.ar161-post-body>p:first-child{margin-top:0;color:#0F1F45;font-size:15.5px;font-weight:600}
.ar161-post-body h2{margin:26px 0 0;display:flex;align-items:center;gap:10px;color:var(--ar160-navy,#0F2A5C);font-size:19px;font-weight:900;line-height:1.5}
.ar161-post-body h2::before{content:"";width:20px;height:2px;flex:none;background:var(--ar160-red,#D4183D)}
.ar161-post-body h3{margin:20px 0 0;color:var(--ar160-navy,#0F2A5C);font-size:16px;font-weight:900;line-height:1.6}
.ar161-post-body h4{margin:18px 0 0;color:var(--ar160-navy,#0F2A5C);font-size:15px;font-weight:900}
.ar161-post-body a{color:var(--ar160-red,#D4183D)!important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.ar161-post-body strong,.ar161-post-body b{color:var(--ar160-navy,#0F2A5C);font-weight:800}
.ar161-post-body ul,.ar161-post-body ol{margin:12px 0 0;padding:0;display:grid;gap:8px;list-style:none;counter-reset:ar161-item}
.ar161-post-body li{position:relative;padding-inline-start:20px;color:#4A5878;font-size:14.5px;line-height:1.9}
.ar161-post-body ul>li::before{content:"";position:absolute;inset-inline-start:0;top:11px;width:8px;height:8px;border-radius:50%;background:var(--ar160-red,#D4183D)}
.ar161-post-body ol>li{counter-increment:ar161-item;padding-inline-start:28px}
.ar161-post-body ol>li::before{content:counter(ar161-item);position:absolute;inset-inline-start:0;top:4px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#FDEEF1;color:var(--ar160-red,#D4183D);font-size:11px;font-weight:900;line-height:1}
.ar161-post-body figure,.ar161-post-body img,.ar161-post-body iframe,.ar161-post-body video{max-width:100%}
.ar161-post-body figure{margin-inline:0}
.ar161-post-body pre,.ar161-post-body code{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}

/* Direct answer and quotes. */
.ar161-post-body .ans{margin-top:16px;padding:14px 16px;border:1px solid #E3E9F4;border-inline-start:4px solid var(--ar160-red,#D4183D);border-radius:14px;background:var(--ar160-soft,#F3F7FD)}
.ar161-post-body .ans>b,.ar161-post-body .ans>strong{display:block;color:var(--ar160-red,#D4183D);font-size:13.5px;font-weight:900}
.ar161-post-body .ans p{margin-top:4px!important;font-size:14.5px!important}
.ar161-post-body blockquote{margin:20px 0 0;padding:14px 16px;border:1px solid #E3E9F4;border-inline-start:4px solid var(--ar160-red,#D4183D);border-radius:14px;background:#fff;color:var(--ar160-navy,#0F2A5C);font-size:15px;font-weight:700;line-height:1.9}
.ar161-post-body blockquote p{margin:0;color:inherit;font:inherit}
.ar161-post-body .rel,.ar161-post-body .ar-related-svc{margin-top:22px;padding:12px 14px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;border:1px solid #E3E9F4;border-radius:14px;background:#fff;color:#7B87A3;font-size:12.5px;font-weight:800}
.ar161-post-body .rel a,.ar161-post-body .ar-related-svc a{padding:5px 13px;border-radius:999px;background:#EEF3FB;color:var(--ar160-navy,#0F2A5C)!important;font-size:13px;text-decoration:none}

/* Tables are deliberately contained on 390px: no horizontal scrolling. */
.ar161-post-body .tbl,.ar161-post-body .wp-block-table{width:100%;max-width:100%;margin:14px 0 0;overflow:hidden!important;border:1px solid #E3E9F4;border-radius:14px;background:#fff}
.ar161-post-body>.tbl+*,.ar161-post-body>.wp-block-table+*{max-width:100%}
.ar161-post-body .tbl table,.ar161-post-body .wp-block-table table,.ar161-post-body>table{width:100%!important;max-width:100%!important;min-width:0!important;border:0;border-collapse:collapse;table-layout:fixed}
.ar161-post-body>table{margin-top:14px;overflow:hidden;border:1px solid #E3E9F4;border-radius:14px;background:#fff}
.ar161-post-body .tbl th,.ar161-post-body .wp-block-table th,.ar161-post-body>table th{padding:9px 5px;background:var(--ar160-navy,#0F2A5C);color:#fff;font-size:13px;font-weight:800;line-height:1.5;text-align:start;overflow-wrap:anywhere;word-break:break-word;hyphens:auto}
.ar161-post-body .tbl td,.ar161-post-body .wp-block-table td,.ar161-post-body>table td{padding:9px 5px;border:0;border-top:1px solid #E3E9F4;color:#4A5878;font-size:13px;line-height:1.65;text-align:start;vertical-align:top;overflow-wrap:anywhere;word-break:break-word;hyphens:auto}
.ar161-post-body .tbl tr:nth-child(even) td,.ar161-post-body .wp-block-table tr:nth-child(even) td,.ar161-post-body>table tr:nth-child(even) td{background:#F8FAFE}
.ar161-post-body .wp-block-table figcaption{padding:7px 10px;color:#7B87A3;font-size:11.5px;text-align:center}

/* Reusable tool card: [ar_tool_card tool="..." title="..." url="..."]. */
.ar161-tool-card{width:100%;margin-top:22px;padding:18px;display:grid;grid-template-columns:1fr;gap:12px;align-items:center;border-radius:18px;background:linear-gradient(to left,var(--ar160-navy,#0F2A5C) 30%,var(--ar160-blue,#1F55C7));color:#fff;box-shadow:0 12px 26px rgba(15,42,92,.22)}
.ar161-tool-icon{display:none;width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.14);color:#fff;place-items:center}
.ar161-tool-icon svg{width:28px;height:28px}
.ar161-tool-copy strong{display:block;color:#fff;font-size:17px;font-weight:900;line-height:1.55}
.ar161-post-body .ar161-tool-copy p,.ar161-tool-copy p{display:none;margin:4px 0 0;color:rgba(255,255,255,.86);font-size:14px;line-height:1.8}
.ar161-post-body .ar161-tool-button,.ar161-tool-button{width:100%;height:46px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:var(--ar160-red,#D4183D);color:#fff!important;font-size:14px;font-weight:800;text-decoration:none!important;box-shadow:0 8px 18px rgba(0,0,0,.24)}

/* Two real WordPress posts, stacked on mobile. */
.ar161-more-posts{padding-block:30px 40px}
.ar161-more-posts>h2{margin:0 0 14px;color:var(--ar160-navy,#0F2A5C);font-size:20px;font-weight:900;line-height:1.5}
.ar161-more-grid{display:grid;gap:14px}
.ar161-more-card{display:block;overflow:hidden;border:1px solid #E3E9F4;border-radius:18px;background:#fff;box-shadow:0 8px 28px rgba(15,31,69,.08);transition:transform .2s ease}
.ar161-more-card:hover{transform:translateY(-3px)}
.ar161-more-image{aspect-ratio:2/1;display:block;overflow:hidden;background:#EEF3FB}
.ar161-more-image.is-fallback{display:grid;place-items:center;background:linear-gradient(135deg,var(--ar160-navy,#0F2A5C),var(--ar160-blue,#1F55C7))}
.ar161-more-image.is-fallback span{color:rgba(255,255,255,.22);font:900 56px/1 Poppins,"IBM Plex Sans Arabic",sans-serif;letter-spacing:-.08em}
.ar161-more-image img{display:block;width:100%;height:100%;object-fit:cover}
.ar161-more-copy{padding:12px 16px 14px;display:block}
.ar161-more-copy strong{display:block;color:var(--ar160-navy,#0F2A5C);font-size:13.3px;font-weight:900;line-height:1.7}
.ar161-more-copy>span{display:inline-block;margin-top:6px;color:var(--ar160-red,#D4183D);font-size:12.5px;font-weight:800}

@media (min-width:900px){
  .ar161-post-wrap{padding-inline:32px}
  .ar161-post-head{padding:34px 0 8px}
  .ar161-post-head h1{font-size:34px;line-height:1.5}
  .ar161-post-cover{margin-top:18px;padding-inline:32px}
  .ar161-post-cover img{border-radius:22px}
  .ar161-post-cover-fallback{aspect-ratio:1200/430;border-radius:22px}
  .ar161-post-body{padding-top:28px}
  .ar161-post-body p{font-size:17px}.ar161-post-body>.lead-p,.ar161-post-body>p:first-child{font-size:18.5px}
  .ar161-post-body h2{font-size:26px}.ar161-post-body h3{font-size:20px}.ar161-post-body li{font-size:16.5px}
  .ar161-post-body .tbl th,.ar161-post-body .wp-block-table th,.ar161-post-body>table th,.ar161-post-body .tbl td,.ar161-post-body .wp-block-table td,.ar161-post-body>table td{padding:12px 16px;font-size:15px;word-break:normal}
  .ar161-tool-card{grid-template-columns:auto minmax(0,1fr) auto;gap:20px;padding:22px 26px}
  .ar161-tool-icon{display:grid}
  .ar161-tool-copy strong{font-size:20px}
  .ar161-post-body .ar161-tool-copy p,.ar161-tool-copy p{display:block}
  .ar161-post-body .ar161-tool-button,.ar161-tool-button{width:auto;height:48px;padding-inline:28px;white-space:nowrap;font-size:15px}
  .ar161-more-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .ar161-more-image{aspect-ratio:16/9}
  .ar161-more-copy{padding:14px 18px 18px}
  .ar161-more-copy strong{font-size:16px}
  .ar161-more-copy>span{margin-top:10px;font-size:14px}
}

@media (prefers-reduced-motion:reduce){.ar161-more-card{transition:none}}