/* ==========================================================================
   WikiArab - tablet + desktop (>= 768px): the phone redesign of Oct 31 carried
   over to wider screens (Tajawal, white article page, dark text, chips).
   Styling only. Loaded last. Kill switch: option wa_desk_v3 = 0.
   ========================================================================== */
@media (min-width: 768px) {

  /* ---- menu, footer, sidebar: Tajawal ---- */
  html body.wa-v2 .navigation-main .menu > li > a,
  html body.wa-v2 .navigation-main .sub-menu a,
  html body.wa-v2 .navigation-main .mega-menu .post-title,
  html body.wa-v2 .smart-head .search-field,
  html body.wa-v2 .smart-head input { font-family: 'Tajawal', system-ui, sans-serif !important; letter-spacing: 0 !important; }
  html body.wa-v2 .navigation-main .menu > li > a { font-size: 16.5px !important; font-weight: 500 !important; }
  html body.wa-v2 .wa-foot, html body.wa-v2 .wa-foot a, html body.wa-v2 .wa-foot p, html body.wa-v2 .wa-foot div,
  html body.wa-v2 .main-footer, html body.wa-v2 .main-footer a, html body.wa-v2 .main-footer p { font-family: 'Tajawal', system-ui, sans-serif !important; letter-spacing: 0 !important; }
  html body.wa-v2 .wa-foot .wa-foot__h { font-weight: 700 !important; }
  html body.wa-v2 .wa-foot p, html body.wa-v2 .wa-foot [class*='desc'], html body.wa-v2 .wa-foot [class*='about'] { color: #E7F3F1 !important; font-weight: 500 !important; opacity: 1 !important; }
  html body.wa-v2 .wa-foot .wa-foot__links a { color: #E7F3F1 !important; font-weight: 500 !important; opacity: 1 !important; }

  html body.wa-v2 .wa-side, html body.wa-v2 .wa-side a, html body.wa-v2 .wa-side input, html body.wa-v2 .wa-side button,
  html body.wa-v2 .wa-side [role='heading'] { font-family: 'Tajawal', system-ui, sans-serif !important; }
  html body.wa-v2 .wa-side [role='heading'] { font-weight: 700 !important; }
  html body.wa-v2 .wa-side .wa-card__title { color: #111827 !important; font-weight: 700 !important; }
  html body.wa-v2 .wa-side .wa-date { color: #1F2937 !important; }
  html body.wa-v2 .wa-side .wa-card--mini .wa-tag { font-size: 13px !important; font-weight: 600 !important; }

  /* ---- homepage ---- */
  html body.wa-v2 .wa-home { --w-head: 'Tajawal', system-ui, sans-serif; --w-body: 'Tajawal', system-ui, sans-serif; --w-mute: #1F2937; --w-soft: #111827; font-family: 'Tajawal', system-ui, sans-serif; }
  html body.wa-v2 .wa-home h1, html body.wa-v2 .wa-home h2, html body.wa-v2 .wa-home h3, html body.wa-v2 .wa-home h4,
  html body.wa-v2 .wa-home .wa-card__title, html body.wa-v2 .wa-home .wa-cover__title, html body.wa-v2 .wa-home .wa-head__title { font-family: 'Tajawal', system-ui, sans-serif !important; letter-spacing: 0 !important; }
  html body.wa-v2 .wa-home .wa-head__title { font-weight: 700 !important; color: #111827 !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-card__title { font-weight: 700 !important; line-height: 1.5 !important; color: #111827 !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-card__title a { color: #111827 !important; }
  html body.wa-v2 .wa-home .wa-cover__title { font-weight: 700 !important; }
  html body.wa-v2 .wa-home .wa-excerpt { font-size: 15px !important; line-height: 1.65 !important; font-weight: 500 !important; color: #1F2937 !important; }
  html body.wa-v2 .wa-home .wa-cover .wa-excerpt { color: rgba(255,255,255,.92) !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-date { font-size: 14px !important; color: #374151 !important; }
  html body.wa-v2 .wa-home .wa-cover .wa-date { color: rgba(255,255,255,.88) !important; }
  html body.wa-v2 .wa-home p { color: #1F2937; }

  /* category on every card in the sections (same as phones) */
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec .wa-tag--m { display: inline-block !important; align-self: flex-start; }

  /* reading time + date as chips on the large cards */
  html body.wa-v2 .wa-home:not(.wa-side) .wa-card--card .wa-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 2px; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-card--card .wa-meta .wa-rt { display: inline-flex !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-card--card .wa-meta .wa-rt,
  html body.wa-v2 .wa-home:not(.wa-side) .wa-card--card .wa-meta .wa-date { align-items: center; gap: 5px; padding: 4px 10px !important; border-radius: 9px; font-size: 13px !important; line-height: 1.4 !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-card--card .wa-meta .wa-date { display: inline-flex !important; background: #F1F5F9; color: #1F2937 !important; font-weight: 500; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-card--card .wa-meta .wa-rt { background: #DCE7E9; border: 1px solid #C3D5D8; color: #0B3B3D; font-weight: 700; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-card--card .wa-meta .wa-rt::before { content: ''; display: inline-block; width: 14px; height: 14px; background: #0B3B3D; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center / contain no-repeat; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-card--card .wa-meta .wa-date::before { content: ''; display: inline-block; width: 14px; height: 14px; background: #4B5563; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='16.5' rx='2.5'/%3E%3Cpath d='M16 2.5v4M8 2.5v4M3 10h18'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='16.5' rx='2.5'/%3E%3Cpath d='M16 2.5v4M8 2.5v4M3 10h18'/%3E%3C/svg%3E") center / contain no-repeat; }

  /* ---- category / tag / search pages ---- */
  html body.wa-v2.wa-list .archive-heading { font-family: 'Tajawal', sans-serif !important; font-weight: 700 !important; color: #111827 !important; letter-spacing: 0 !important; }
  html body.wa-v2.wa-list .archive-description, html body.wa-v2.wa-list .archive-description p { font-family: 'Tajawal', sans-serif !important; font-size: 17px !important; font-weight: 500 !important; line-height: 1.75 !important; color: #111827 !important; }
  html body.wa-v2.wa-list .wa-subcats a, html body.wa-v2.wa-list .main-pagination, html body.wa-v2.wa-list .load-button { font-family: 'Tajawal', sans-serif !important; }
  html body.wa-v2 .main-content .loop-grid .l-post.grid-post .post-title { font-family: 'Tajawal', sans-serif !important; font-weight: 700 !important; line-height: 1.5 !important; letter-spacing: 0 !important; }
  html body.wa-v2 .main-content .loop-grid .l-post.grid-post .post-title a { color: #111827 !important; }
  html body.wa-v2 .main-content .loop-grid .l-post.grid-post .excerpt,
  html body.wa-v2 .main-content .loop-grid .l-post.grid-post .excerpt p { font-family: 'Tajawal', sans-serif !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.65 !important; color: #1F2937 !important; }
  html body.wa-v2 .main-content .loop-grid .l-post.grid-post .meta-below { display: flex !important; flex-wrap: wrap; align-items: center; gap: 4px 12px; font-family: 'Tajawal', sans-serif !important; font-size: 13.5px !important; color: #374151 !important; }
  html body.wa-v2 .main-content .loop-grid .l-post.grid-post .meta-below .meta-item { margin: 0 !important; }
  html body.wa-v2 .main-content .loop-grid .l-post.grid-post .meta-below .meta-item::before { display: none !important; }
  html body.wa-v2 .main-content .loop-grid .l-post.grid-post .meta-below a, html body.wa-v2 .main-content .loop-grid .l-post.grid-post .meta-below time { color: #374151 !important; }
  html body.wa-v2 .main-content .loop-grid .l-post.grid-post .meta-above .category { font-family: 'Tajawal', sans-serif !important; font-weight: 600 !important; }

  /* ---- static pages ---- */
  html body.wa-v2.page:not(.home) .main .main-heading,
  html body.wa-v2.page:not(.home) .main .post-title { font-family: 'Tajawal', sans-serif !important; font-weight: 700 !important; color: #111827 !important; letter-spacing: 0 !important; }
  html body.wa-v2.page:not(.home) .post-content.entry-content,
  html body.wa-v2.page:not(.home) .post-content.entry-content p,
  html body.wa-v2.page:not(.home) .post-content.entry-content li { font-family: 'Tajawal', sans-serif !important; font-size: 18px !important; font-weight: 500 !important; line-height: 1.75 !important; color: #111827 !important; }
  html body.wa-v2.page:not(.home) .post-content.entry-content h2,
  html body.wa-v2.page:not(.home) .post-content.entry-content h3 { font-family: 'Tajawal', sans-serif !important; font-weight: 700 !important; color: #111827 !important; }
  html body.wa-v2.page:not(.home) .post-content.entry-content a { font-weight: 700; }
  html body.wa-v2.page-id-8530 .wa-form, html body.wa-v2.page-id-8530 .wa-form input, html body.wa-v2.page-id-8530 .wa-form textarea, html body.wa-v2.page-id-8530 .wa-form label, html body.wa-v2.page-id-8530 .wa-form button { font-family: 'Tajawal', sans-serif !important; }

  /* ---- article page: white, no frame, Tajawal ---- */
  html body.wa-v2.single-post { background: #fff !important; }
  html body.wa-v2.single-post .s-post-contain > .the-post-header,
  html body.wa-v2.single-post .s-post-contain > .single-featured,
  html body.wa-v2.single-post .the-post > article { padding-left: 0 !important; padding-right: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
  html body.wa-v2.single-post .s-post-contain > .the-post-header { padding-top: 8px !important; }
  html body.wa-v2.single-post .breadcrumbs.breadcrumbs-b .inner > span { background: #F9FAFB !important; border-color: #EEF2F1 !important; }
  html body.wa-v2.single-post .breadcrumbs-b, html body.wa-v2.single-post .breadcrumbs-b a { font-family: 'Tajawal', sans-serif !important; font-size: 14px !important; color: #374151 !important; }

  /* category chips: outlined pill + parent chip */
  html body.wa-v2.single-post .s-head-modern .meta-above .category { background: transparent !important; border: 1px solid #CFE3DE !important; color: #0B4F4A !important; font-family: 'Tajawal', sans-serif !important; font-weight: 500 !important; font-size: 14.5px !important; padding: 3px 14px !important; margin: 0 !important; }
  html body.wa-v2.single-post .s-head-modern .meta-above .cat-labels,
  html body.wa-v2.single-post .s-head-modern .meta-above .post-cat { display: inline-flex !important; flex-wrap: wrap; align-items: center; gap: 6px !important; }
  html body.wa-v2.single-post .s-head-modern .meta-above .wa-parent-chip { display: inline-block !important; }
  html body.wa-v2.single-post .s-head-modern .meta-above .wa-chip-dot { display: inline-block !important; width: 5px; height: 5px; margin: 0 2px !important; border-radius: 50%; background: #9CA3AF; }

  /* title + meta */
  html body.wa-v2.single-post .s-head-modern .post-title { max-width: none !important; font-family: 'Tajawal', sans-serif !important; font-size: 38px !important; font-weight: 700 !important; line-height: 1.45 !important; color: #111827 !important; letter-spacing: 0 !important; margin: 20px 0 16px !important; }
  html body.wa-v2.single-post .post-meta-single .meta-below { font-family: 'Tajawal', sans-serif !important; font-size: 15px !important; }
  html body.wa-v2.single-post .post-meta-single .meta-below,
  html body.wa-v2.single-post .post-meta-single .meta-below .meta-item,
  html body.wa-v2.single-post .post-meta-single .meta-below time { color: #1F2937 !important; }
  html body.wa-v2.single-post .post-meta-single .meta-below .post-author a { color: #111827 !important; font-weight: 500 !important; }
  html body.wa-v2.single-post .post-meta-single .meta-below .read-time i { color: #4B5563 !important; }
  html body.wa-v2.single-post .post-meta-single .meta-below .meta-item.date::before {
    content: "" !important; display: inline-block !important; width: 16px; height: 16px; margin-inline-end: 6px; background: #4B5563;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='16.5' rx='2.5'/%3E%3Cpath d='M16 2.5v4M8 2.5v4M3 10h18'/%3E%3C/svg%3E") center / contain no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='16.5' rx='2.5'/%3E%3Cpath d='M16 2.5v4M8 2.5v4M3 10h18'/%3E%3C/svg%3E") center / contain no-repeat;
  }

  /* share row: one calm box, grey icons */
  html body.wa-v2.single-post .s-head-modern .post-share { display: flex !important; align-items: center; flex-wrap: wrap; gap: 8px !important; margin: 18px 0 0 !important; padding: 10px 12px !important; border: 1px solid #F1F5F9; border-radius: 14px; background: #F9FAFB; overflow: visible !important; }
  html body.wa-v2.single-post .s-head-modern .post-share .service { background: #F8FAFC !important; border: 1px solid #E5E7EB !important; box-shadow: none !important; }
  html body.wa-v2.single-post .s-head-modern .post-share .service,
  html body.wa-v2.single-post .s-head-modern .post-share .service i { color: #1F2937 !important; }
  html body.wa-v2.single-post .s-head-modern .post-share .service:hover { background: #EEF7F4 !important; border-color: #CFE3DE !important; }
  html body.wa-v2.single-post .s-head-modern .post-share .share-text { font-family: 'Tajawal', sans-serif !important; font-size: 15px !important; color: #1F2937 !important; }

  html body.wa-v2.single-post .single-featured .wp-caption-text,
  html body.wa-v2.single-post .post-content figcaption,
  html body.wa-v2.single-post .wp-element-caption { font-family: 'Tajawal', sans-serif !important; font-size: 14.5px !important; color: #1F2937 !important; }

  /* body text */
  html body.wa-v2.single-post .post-content,
  html body.wa-v2.single-post .post-content p,
  html body.wa-v2.single-post .post-content li,
  html body.wa-v2.single-post .post-content > p:first-child { font-family: 'Tajawal', sans-serif !important; font-size: 19px !important; font-weight: 500 !important; line-height: 1.75 !important; color: #111827 !important; letter-spacing: 0 !important; }
  html body.wa-v2.single-post .post-content p { margin: 0 0 26px !important; }
  html body.wa-v2.single-post .post-content > p:first-child { padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; }
  html body.wa-v2.single-post .post-content strong, html body.wa-v2.single-post .post-content b { font-weight: 700 !important; color: #111827; }
  html body.wa-v2.single-post .post-content a { font-weight: 700; }
  html body.wa-v2.single-post .post-content h2,
  html body.wa-v2.single-post .post-content > h2,
  html body.wa-v2.single-post .post-content > h1 { font-family: 'Tajawal', sans-serif !important; font-size: 28px !important; font-weight: 700 !important; line-height: 1.4 !important; color: #111827 !important; margin: 52px 0 20px !important; padding: 0 !important; border: 0 !important; background: none !important; letter-spacing: 0 !important; }
  html body.wa-v2.single-post .post-content h2::before, html body.wa-v2.single-post .post-content h2::after { display: none !important; }
  html body.wa-v2.single-post .post-content h3 { font-family: 'Tajawal', sans-serif !important; font-size: 21px !important; font-weight: 700 !important; line-height: 1.55 !important; color: #111827 !important; margin: 32px 0 12px !important; padding: 0 !important; border: 0 !important; }
  html body.wa-v2.single-post .post-content h4 { font-family: 'Tajawal', sans-serif !important; font-size: 19px !important; font-weight: 700 !important; color: #111827 !important; }
  html body.wa-v2.single-post .post-content ul, html body.wa-v2.single-post .post-content ol,
  html body.wa-v2.page:not(.home) .post-content.entry-content ul, html body.wa-v2.page:not(.home) .post-content.entry-content ol { margin: 0 0 26px !important; padding-inline-start: 28px !important; list-style-position: outside !important; }
  html body.wa-v2.single-post .post-content li { margin-bottom: 10px !important; }
  html body.wa-v2.single-post .post-content li::marker, html body.wa-v2.page:not(.home) .post-content.entry-content li::marker { color: #0F6B64; font-weight: 700; }
  html body.wa-v2.single-post .post-content table, html body.wa-v2.single-post .post-content table td, html body.wa-v2.single-post .post-content table th { font-family: 'Tajawal', sans-serif !important; font-size: 16.5px !important; line-height: 1.6 !important; }
  html body.wa-v2.single-post .post-content table td { font-weight: 500 !important; color: #111827 !important; }
  html body.wa-v2.single-post .post-content table th { font-weight: 700 !important; }

  /* bottom share, related, prev/next, comments */
  html body.wa-v2.single-post .post-share-bot .info,
  html body.wa-v2.single-post .post-share-bot .label,
  html body.wa-v2.single-post .post-share-bot .share-text { font-family: 'Tajawal', sans-serif !important; color: #1F2937 !important; }
  html body.wa-v2.single-post .post-share-bot .share-links a,
  html body.wa-v2.single-post .post-share-bot .service { background: #F8FAFC !important; border: 1px solid #E5E7EB !important; color: #1F2937 !important; box-shadow: none !important; }
  html body.wa-v2.single-post .post-share-bot .share-links a i { color: #1F2937 !important; }
  html body.wa-v2.single-post .wa-pn__title { font-family: 'Tajawal', sans-serif !important; font-size: 16.5px !important; color: #111827 !important; }
  html body.wa-v2.single-post .wa-pn__label { font-family: 'Tajawal', sans-serif !important; }
  html body.wa-v2.single-post .related-posts .block-head .heading,
  html body.wa-v2.single-post .comment-respond .comment-reply-title .heading,
  html body.wa-v2.single-post .comments-area .h-tag { font-family: 'Tajawal', sans-serif !important; font-size: 26px !important; font-weight: 700 !important; color: #111827 !important; }
  html body.wa-v2.single-post .related-posts .block-head .heading .color { color: #111827 !important; }
  html body.wa-v2.single-post .related-posts .post-title { font-family: 'Tajawal', sans-serif !important; font-weight: 700 !important; line-height: 1.5 !important; color: #111827 !important; letter-spacing: 0 !important; }
  html body.wa-v2.single-post .related-posts .post-title a { color: #111827 !important; }
  html body.wa-v2.single-post .related-posts .excerpt, html body.wa-v2.single-post .related-posts .excerpt p,
  html body.wa-v2.single-post .related-posts .meta-below, html body.wa-v2.single-post .related-posts .category { font-family: 'Tajawal', sans-serif !important; }
  html body.wa-v2.single-post .related-posts .excerpt, html body.wa-v2.single-post .related-posts .excerpt p { color: #1F2937 !important; font-weight: 500 !important; }

  html body.wa-v2.single-post .comments-area:not(#wa-x) { background: #fff !important; border: 1px solid #E3EAE8 !important; border-radius: 18px !important; box-shadow: 0 6px 22px rgba(11,59,61,.07) !important; }
  html body.wa-v2.single-post #commentform, html body.wa-v2.single-post #commentform p, html body.wa-v2.single-post #commentform input,
  html body.wa-v2.single-post #commentform textarea, html body.wa-v2.single-post #commentform label,
  html body.wa-v2.single-post .comment-respond .logged-in-as { font-family: 'Tajawal', sans-serif !important; }
  html body.wa-v2.single-post #commentform label, html body.wa-v2.single-post #commentform > p, html body.wa-v2.single-post .comment-respond .logged-in-as,
  html body.wa-v2.single-post .comment-respond .logged-in-as a { color: #111827 !important; font-size: 15.5px !important; font-weight: 500 !important; }
  html body.wa-v2.single-post #commentform textarea, html body.wa-v2.single-post #commentform input[type=text], html body.wa-v2.single-post #commentform input[type=email] { background: #F7FAF9 !important; border-color: #C9D8D4 !important; border-radius: 12px !important; color: #111827 !important; font-size: 16px !important; }
  html body.wa-v2.single-post #commentform textarea::placeholder, html body.wa-v2.single-post #commentform input::placeholder { color: #4B5563 !important; opacity: 1 !important; }
  html body.wa-v2.single-post #commentform input[type=submit] { font-family: 'Tajawal', sans-serif !important; font-weight: 700 !important; }
  html body.wa-v2.single-post .comments-list .comment-content p { font-family: 'Tajawal', sans-serif !important; font-size: 16.5px !important; font-weight: 500 !important; color: #111827 !important; }
  html body.wa-v2.single-post .comments-list .comment-time { color: #374151 !important; }
}

/* tablets: a touch smaller than desktop */
@media (min-width: 768px) and (max-width: 1100px) {
  html body.wa-v2.single-post .s-head-modern .post-title { font-size: 33px !important; }
  html body.wa-v2.single-post .post-content,
  html body.wa-v2.single-post .post-content p,
  html body.wa-v2.single-post .post-content li,
  html body.wa-v2.single-post .post-content > p:first-child { font-size: 18.5px !important; }
  html body.wa-v2.single-post .post-content h2, html body.wa-v2.single-post .post-content > h2 { font-size: 26px !important; }
  html body.wa-v2.single-post .post-content h3 { font-size: 20px !important; }
}

/* archive + related cards on wider screens: one category label (the chip under the image), clock icon on reading time */
@media (min-width: 768px) {
  html body.wa-v2.wa-list .main-content .l-post .media .cat-labels-overlay,
  html body.wa-v2.single-post .related-posts .l-post .media .cat-labels-overlay { display: none !important; }
  html body.wa-v2 .main-content .loop-grid .l-post.grid-post .meta-above .category,
  html body.wa-v2.single-post .related-posts .l-post .meta-above .category { display: inline-flex !important; align-items: center; padding: 3px 11px !important; border: 1px solid #BFE6D6 !important; border-radius: 9px !important; background: #EFFAF5 !important; color: #0B6B4F !important; font-family: 'Tajawal', sans-serif !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.5 !important; box-shadow: none !important; position: static !important; }
  html body.wa-v2 .main-content .loop-grid .l-post.grid-post .meta-above { margin-bottom: 6px !important; }
  html body.wa-v2 .main-content .loop-grid .l-post.grid-post .meta-below .read-time i { margin-inline-end: 4px; color: #4B5563 !important; }
}

/* narrow sidebars (tablet / phone "desktop mode"): most-read list without thumbnails so titles get the room */
@media (min-width: 768px) and (max-width: 1199px) {
  html body.wa-v2 .wa-top .wa-rank .wa-rank__img { display: none !important; }
  html body.wa-v2 .wa-top .wa-rank { grid-template-columns: auto minmax(0, 1fr) !important; }
  html body.wa-v2 .wa-top .wa-rank .wa-rank__txt { flex: 1 1 auto !important; min-width: 0 !important; }
  html body.wa-v2 .wa-top .wa-rank .wa-rank__title { font-size: 15px !important; line-height: 1.55 !important; }
}


/* breadcrumb on wider screens: a plain light line, no box (new style) */
@media (min-width: 768px) {
  html body.wa-v2 .breadcrumbs.breadcrumbs-b .inner > span:not(#wa-x) { display: inline-flex !important; flex-wrap: wrap; align-items: center; gap: 2px 6px; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
  html body.wa-v2 .breadcrumbs.breadcrumbs-b:not(#wa-x), html body.wa-v2 .breadcrumbs.breadcrumbs-b:not(#wa-x) a, html body.wa-v2 .breadcrumbs.breadcrumbs-b:not(#wa-x) span { font-family: 'Tajawal', sans-serif !important; font-size: 14.5px !important; letter-spacing: 0 !important; }
  html body.wa-v2 .breadcrumbs.breadcrumbs-b:not(#wa-x) a { color: #0F6B64 !important; font-weight: 500 !important; text-decoration: none !important; }
  html body.wa-v2 .breadcrumbs.breadcrumbs-b:not(#wa-x) a:hover { text-decoration: underline !important; }
  html body.wa-v2 .breadcrumbs.breadcrumbs-b:not(#wa-x) span, html body.wa-v2 .breadcrumbs.breadcrumbs-b:not(#wa-x) .breadcrumb_last { color: #4B5563 !important; font-weight: 500 !important; }
}


/* wider screens: cover cards - photo always fills the card; chips stay on one line in narrow grid cards */
@media (min-width: 768px) {
  html body.wa-v2 .wa-home .wa-cover { background: #0B3B3D; }
  html body.wa-v2 .wa-home .wa-cover .wa-cover__media:not(#wa-x) { position: absolute !important; inset: 0 !important; width: auto !important; height: auto !important; aspect-ratio: auto !important; overflow: hidden; }
  html body.wa-v2 .wa-home .wa-cover .wa-cover__media:not(#wa-x) img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-card--card .wa-meta { flex-wrap: nowrap !important; gap: 6px !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-card--card .wa-meta .wa-rt,
  html body.wa-v2 .wa-home:not(.wa-side) .wa-card--card .wa-meta .wa-date { padding: 3px 8px !important; font-size: 12.5px !important; white-space: nowrap; }
}


/* ==== wider screens (Oct 31): every homepage section = one large white card + a list of compact rows ==== */
@media (min-width: 768px) {
  /* two columns: large card on the start side, rows on the other */
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) :is(.wa-rail,.wa-grid--4,.wa-grid--rows) { display: grid !important; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr) !important; grid-auto-rows: auto; gap: 0 32px !important; overflow: visible !important; scroll-snap-type: none !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) :is(.wa-rail,.wa-grid--4,.wa-grid--rows) > * { width: auto !important; min-width: 0 !important; max-width: none !important; flex: none !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) :is(.wa-rail,.wa-grid--4,.wa-grid--rows) > :nth-child(n+5) { display: none !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) :is(.wa-rail,.wa-grid--4,.wa-grid--rows) > :first-child { grid-column: 1; grid-row: 1 / span 3; align-self: start; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) :is(.wa-rail,.wa-grid--4,.wa-grid--rows) > :not(:first-child) { grid-column: 2; }

  /* the large card */
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) :is(.wa-rail,.wa-grid--4,.wa-grid--rows) > .wa-card:first-child:not(#wa-x):not(#wa-y), html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-cover:not(.wa-cover--hero):not(#wa-x):not(#wa-y) { display: flex !important; flex-direction: column !important; gap: 0 !important; min-height: 0 !important; height: auto !important; padding: 0 !important; margin: 0 !important; background: #fff !important; border: 1px solid #EEF2F1 !important; border-radius: 18px !important; box-shadow: 0 8px 26px rgba(17,24,39,.07) !important; overflow: hidden; color: #111827 !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-cover:not(.wa-cover--hero):not(#wa-x):not(#wa-y)::before, html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-cover:not(.wa-cover--hero):not(#wa-x):not(#wa-y)::after { display: none !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) :is(.wa-rail,.wa-grid--4,.wa-grid--rows) > .wa-card:first-child:not(#wa-x):not(#wa-y) .wa-card__media, html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-cover:not(.wa-cover--hero):not(#wa-x):not(#wa-y) .wa-cover__media { position: relative !important; inset: auto !important; display: block !important; flex: none !important; width: 100% !important; height: auto !important; max-width: none !important; aspect-ratio: 16 / 9 !important; margin: 0 !important; border-radius: 0 !important; overflow: hidden; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-cover:not(.wa-cover--hero):not(#wa-x):not(#wa-y) .wa-cover__media::before, html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-cover:not(.wa-cover--hero):not(#wa-x):not(#wa-y) .wa-cover__media::after { display: none !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) :is(.wa-rail,.wa-grid--4,.wa-grid--rows) > .wa-card:first-child:not(#wa-x):not(#wa-y) .wa-card__media img, html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-cover:not(.wa-cover--hero):not(#wa-x):not(#wa-y) .wa-cover__media img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 0 !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) :is(.wa-rail,.wa-grid--4,.wa-grid--rows) > .wa-card:first-child:not(#wa-x):not(#wa-y) .wa-card__body, html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-cover:not(.wa-cover--hero):not(#wa-x):not(#wa-y) .wa-cover__body { position: static !important; display: flex !important; flex-direction: column !important; gap: 10px !important; padding: 18px 20px 20px !important; background: #fff !important; color: #111827 !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) :is(.wa-rail,.wa-grid--4,.wa-grid--rows) > .wa-card:first-child:not(#wa-x):not(#wa-y) .wa-card__title, html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-cover:not(.wa-cover--hero):not(#wa-x):not(#wa-y) .wa-cover__title, html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-cover:not(.wa-cover--hero):not(#wa-x):not(#wa-y) .wa-cover__title a { margin: 0 !important; font-size: 23px !important; font-weight: 700 !important; line-height: 1.45 !important; color: #111827 !important; text-shadow: none !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) :is(.wa-rail,.wa-grid--4,.wa-grid--rows) > .wa-card:first-child:not(#wa-x):not(#wa-y) .wa-card__title a { -webkit-line-clamp: 3 !important; color: #111827 !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) :is(.wa-rail,.wa-grid--4,.wa-grid--rows) > .wa-card:first-child:not(#wa-x):not(#wa-y) .wa-excerpt, html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-cover:not(.wa-cover--hero):not(#wa-x):not(#wa-y) .wa-excerpt { display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 0 !important; font-size: 16px !important; line-height: 1.65 !important; font-weight: 500 !important; color: #1F2937 !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) :is(.wa-rail,.wa-grid--4,.wa-grid--rows) > .wa-card:first-child:not(#wa-x):not(#wa-y) .wa-excerpt + .wa-excerpt { display: none !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) :is(.wa-rail,.wa-grid--4,.wa-grid--rows) > .wa-card:first-child:not(#wa-x):not(#wa-y) .wa-tag, html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-cover:not(.wa-cover--hero):not(#wa-x):not(#wa-y) .wa-tag { display: inline-flex !important; align-items: center; gap: 6px; align-self: flex-start; position: static !important; padding: 4px 12px !important; border: 1px solid #BFE6D6 !important; border-radius: 10px !important; background: #EFFAF5 !important; color: #0B6B4F !important; font-size: 13.5px !important; font-weight: 700 !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) :is(.wa-rail,.wa-grid--4,.wa-grid--rows) > .wa-card:first-child:not(#wa-x):not(#wa-y) .wa-tag::before, html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-cover:not(.wa-cover--hero):not(#wa-x):not(#wa-y) .wa-tag::before { content: ''; display: inline-block; width: 14px; height: 14px; background: #0B6B4F; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 13.4 13.4 20.6a2 2 0 0 1-2.8 0L3 13V3h10l7.6 7.6a2 2 0 0 1 0 2.8z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 13.4 13.4 20.6a2 2 0 0 1-2.8 0L3 13V3h10l7.6 7.6a2 2 0 0 1 0 2.8z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.5'/%3E%3C/svg%3E") center / contain no-repeat; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) :is(.wa-rail,.wa-grid--4,.wa-grid--rows) > .wa-card:first-child:not(#wa-x):not(#wa-y) .wa-meta, html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-cover:not(.wa-cover--hero):not(#wa-x):not(#wa-y) .wa-cover__foot { display: flex !important; flex-wrap: wrap !important; align-items: center; gap: 8px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) :is(.wa-rail,.wa-grid--4,.wa-grid--rows) > .wa-card:first-child:not(#wa-x):not(#wa-y) .wa-meta .wa-rt, html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-cover:not(.wa-cover--hero):not(#wa-x):not(#wa-y) .wa-rt, html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) :is(.wa-rail,.wa-grid--4,.wa-grid--rows) > .wa-card:first-child:not(#wa-x):not(#wa-y) .wa-date, html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-cover:not(.wa-cover--hero):not(#wa-x):not(#wa-y) .wa-date { display: inline-flex !important; align-items: center; gap: 6px; padding: 5px 12px !important; border-radius: 10px; font-size: 13.5px !important; line-height: 1.4 !important; white-space: nowrap; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) :is(.wa-rail,.wa-grid--4,.wa-grid--rows) > .wa-card:first-child:not(#wa-x):not(#wa-y) .wa-meta .wa-rt, html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-cover:not(.wa-cover--hero):not(#wa-x):not(#wa-y) .wa-rt { background: #DCE7E9 !important; border: 1px solid #C3D5D8; color: #0B3B3D !important; font-weight: 700; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) :is(.wa-rail,.wa-grid--4,.wa-grid--rows) > .wa-card:first-child:not(#wa-x):not(#wa-y) .wa-meta .wa-rt::before, html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-cover:not(.wa-cover--hero):not(#wa-x):not(#wa-y) .wa-rt::before { content: ''; display: inline-block; width: 15px; height: 15px; background: #0B3B3D; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center / contain no-repeat; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) :is(.wa-rail,.wa-grid--4,.wa-grid--rows) > .wa-card:first-child:not(#wa-x):not(#wa-y) .wa-date, html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-cover:not(.wa-cover--hero):not(#wa-x):not(#wa-y) .wa-date { background: #F1F5F9 !important; color: #1F2937 !important; font-weight: 500; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) :is(.wa-rail,.wa-grid--4,.wa-grid--rows) > .wa-card:first-child:not(#wa-x):not(#wa-y) .wa-date::before, html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-cover:not(.wa-cover--hero):not(#wa-x):not(#wa-y) .wa-date::before { content: ''; display: inline-block; width: 15px; height: 15px; background: #4B5563; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='16.5' rx='2.5'/%3E%3Cpath d='M16 2.5v4M8 2.5v4M3 10h18'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='16.5' rx='2.5'/%3E%3Cpath d='M16 2.5v4M8 2.5v4M3 10h18'/%3E%3C/svg%3E") center / contain no-repeat; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-cover:not(.wa-cover--hero):not(#wa-x):not(#wa-y) .wa-btn { display: none !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-lead { align-items: start !important; }

  /* compact rows: small square photo + category + title + date, thin divider */
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) :is(.wa-rail,.wa-grid--4,.wa-grid--rows) > .wa-card:not(:first-child):not(#wa-x):not(#wa-y),
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-lead__rest > .wa-card:not(#wa-x):not(#wa-y),
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-lines > .wa-card:not(#wa-x):not(#wa-y) { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 16px !important; margin: 0 !important; padding: 14px 0 !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid #EEF2F1 !important; border-radius: 0 !important; box-shadow: none !important; min-height: 0 !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) :is(.wa-rail,.wa-grid--4,.wa-grid--rows) > .wa-card:not(:first-child):not(#wa-x):not(#wa-y):last-child,
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-lead__rest > .wa-card:not(#wa-x):not(#wa-y):last-child,
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-lines > .wa-card:not(#wa-x):not(#wa-y):last-child { border-bottom: 0 !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) :is(.wa-rail,.wa-grid--4,.wa-grid--rows) > .wa-card:not(:first-child):not(#wa-x):not(#wa-y) .wa-card__media,
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-lead__rest > .wa-card:not(#wa-x):not(#wa-y) .wa-card__media,
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-lines > .wa-card:not(#wa-x):not(#wa-y) .wa-card__media { position: relative !important; flex: 0 0 112px !important; width: 112px !important; height: 112px !important; max-width: none !important; aspect-ratio: 1 / 1 !important; margin: 0 !important; border-radius: 14px !important; overflow: hidden !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) :is(.wa-rail,.wa-grid--4,.wa-grid--rows) > .wa-card:not(:first-child):not(#wa-x):not(#wa-y) .wa-card__media img,
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-lead__rest > .wa-card:not(#wa-x):not(#wa-y) .wa-card__media img,
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-lines > .wa-card:not(#wa-x):not(#wa-y) .wa-card__media img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 0 !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) :is(.wa-rail,.wa-grid--4,.wa-grid--rows) > .wa-card:not(:first-child):not(#wa-x):not(#wa-y) .wa-card__body,
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-lead__rest > .wa-card:not(#wa-x):not(#wa-y) .wa-card__body,
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-lines > .wa-card:not(#wa-x):not(#wa-y) .wa-card__body { flex: 1 1 0 !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; gap: 6px !important; padding: 0 !important; background: transparent !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) :is(.wa-rail,.wa-grid--4,.wa-grid--rows) > .wa-card:not(:first-child):not(#wa-x):not(#wa-y) .wa-card__title,
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-lead__rest > .wa-card:not(#wa-x):not(#wa-y) .wa-card__title,
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-lines > .wa-card:not(#wa-x):not(#wa-y) .wa-card__title { margin: 0 !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.5 !important; color: #111827 !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) :is(.wa-rail,.wa-grid--4,.wa-grid--rows) > .wa-card:not(:first-child):not(#wa-x):not(#wa-y) .wa-card__title a,
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-lead__rest > .wa-card:not(#wa-x):not(#wa-y) .wa-card__title a,
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-lines > .wa-card:not(#wa-x):not(#wa-y) .wa-card__title a { color: #111827 !important; -webkit-line-clamp: 2 !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) :is(.wa-rail,.wa-grid--4,.wa-grid--rows) > .wa-card:not(:first-child):not(#wa-x):not(#wa-y) .wa-tag,
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-lead__rest > .wa-card:not(#wa-x):not(#wa-y) .wa-tag,
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-lines > .wa-card:not(#wa-x):not(#wa-y) .wa-tag { display: inline !important; align-self: flex-start; position: static !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: #0F6B64 !important; font-size: 13.5px !important; font-weight: 700 !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) :is(.wa-rail,.wa-grid--4,.wa-grid--rows) > .wa-card:not(:first-child):not(#wa-x):not(#wa-y) .wa-tag::before,
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-lead__rest > .wa-card:not(#wa-x):not(#wa-y) .wa-tag::before,
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-lines > .wa-card:not(#wa-x):not(#wa-y) .wa-tag::before { display: none !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) :is(.wa-rail,.wa-grid--4,.wa-grid--rows) > .wa-card:not(:first-child):not(#wa-x):not(#wa-y) .wa-excerpt,
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-lead__rest > .wa-card:not(#wa-x):not(#wa-y) .wa-excerpt,
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-lines > .wa-card:not(#wa-x):not(#wa-y) .wa-excerpt, html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) :is(.wa-rail,.wa-grid--4,.wa-grid--rows) > .wa-card:not(:first-child):not(#wa-x):not(#wa-y) .wa-meta .wa-rt,
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-lead__rest > .wa-card:not(#wa-x):not(#wa-y) .wa-meta .wa-rt,
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-lines > .wa-card:not(#wa-x):not(#wa-y) .wa-meta .wa-rt { display: none !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) :is(.wa-rail,.wa-grid--4,.wa-grid--rows) > .wa-card:not(:first-child):not(#wa-x):not(#wa-y) .wa-meta,
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-lead__rest > .wa-card:not(#wa-x):not(#wa-y) .wa-meta,
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-lines > .wa-card:not(#wa-x):not(#wa-y) .wa-meta { display: block !important; margin: 0 !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) :is(.wa-rail,.wa-grid--4,.wa-grid--rows) > .wa-card:not(:first-child):not(#wa-x):not(#wa-y) .wa-date,
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-lead__rest > .wa-card:not(#wa-x):not(#wa-y) .wa-date,
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-lines > .wa-card:not(#wa-x):not(#wa-y) .wa-date { display: inline !important; padding: 0 !important; background: transparent !important; border: 0 !important; font-size: 13.5px !important; font-weight: 500 !important; color: #374151 !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) :is(.wa-rail,.wa-grid--4,.wa-grid--rows) > .wa-card:not(:first-child):not(#wa-x):not(#wa-y) .wa-date::before,
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-lead__rest > .wa-card:not(#wa-x):not(#wa-y) .wa-date::before,
  html body.wa-v2 .wa-home:not(.wa-side) .wa-sec:not(.wa-news) .wa-lines > .wa-card:not(#wa-x):not(#wa-y) .wa-date::before { display: none !important; }
}


/* wider screens: the large card style also on the two-column sections (medicine / beauty) and on the latest-articles grid */
@media (min-width: 768px) {
  html body.wa-v2 .wa-home:not(.wa-side) .wa-duo .wa-card--card:not(#wa-x):not(#wa-y), html body.wa-v2 .wa-home:not(.wa-side) .wa-latest .wa-grid--3 > .wa-card--card:not(#wa-x):not(#wa-y) { display: flex !important; flex-direction: column !important; gap: 0 !important; padding: 0 !important; margin: 0 !important; background: #fff !important; border: 1px solid #EEF2F1 !important; border-radius: 18px !important; box-shadow: 0 8px 26px rgba(17,24,39,.07) !important; overflow: hidden; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-duo .wa-card--card:not(#wa-x):not(#wa-y) .wa-card__media, html body.wa-v2 .wa-home:not(.wa-side) .wa-latest .wa-grid--3 > .wa-card--card:not(#wa-x):not(#wa-y) .wa-card__media { position: relative !important; display: block !important; width: 100% !important; aspect-ratio: 16 / 9 !important; height: auto !important; margin: 0 !important; border-radius: 0 !important; overflow: hidden; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-duo .wa-card--card:not(#wa-x):not(#wa-y) .wa-card__media img, html body.wa-v2 .wa-home:not(.wa-side) .wa-latest .wa-grid--3 > .wa-card--card:not(#wa-x):not(#wa-y) .wa-card__media img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 0 !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-duo .wa-card--card:not(#wa-x):not(#wa-y) .wa-card__body, html body.wa-v2 .wa-home:not(.wa-side) .wa-latest .wa-grid--3 > .wa-card--card:not(#wa-x):not(#wa-y) .wa-card__body { display: flex !important; flex-direction: column !important; gap: 10px !important; padding: 16px 18px 18px !important; background: #fff !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-duo .wa-card--card:not(#wa-x):not(#wa-y) .wa-card__body { padding: 18px 20px 20px !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-duo .wa-card--card:not(#wa-x):not(#wa-y) .wa-card__title { font-size: 22px !important; line-height: 1.45 !important; margin: 0 !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-latest .wa-grid--3 > .wa-card--card:not(#wa-x):not(#wa-y) .wa-card__title { font-size: 18px !important; line-height: 1.5 !important; margin: 0 !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-duo .wa-card--card:not(#wa-x):not(#wa-y) .wa-tag, html body.wa-v2 .wa-home:not(.wa-side) .wa-latest .wa-grid--3 > .wa-card--card:not(#wa-x):not(#wa-y) .wa-tag { display: inline-flex !important; align-items: center; gap: 6px; align-self: flex-start; padding: 4px 12px !important; border: 1px solid #BFE6D6 !important; border-radius: 10px !important; background: #EFFAF5 !important; color: #0B6B4F !important; font-size: 13px !important; font-weight: 700 !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-duo .wa-card--card:not(#wa-x):not(#wa-y) .wa-excerpt, html body.wa-v2 .wa-home:not(.wa-side) .wa-latest .wa-grid--3 > .wa-card--card:not(#wa-x):not(#wa-y) .wa-excerpt { margin: 0 !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-duo .wa-card--card:not(#wa-x):not(#wa-y) .wa-excerpt { font-size: 16px !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-duo .wa-lines { margin-top: 8px !important; }
}

/* wider screens: related articles as framed cards; chips may wrap inside narrow cards */
@media (min-width: 768px) {
  html body.wa-v2.single-post .related-posts .loop-grid .l-post.grid-post:not(#wa-x) { display: flex !important; flex-direction: column !important; margin: 0 !important; padding: 0 !important; background: #fff !important; border: 1px solid #EEF2F1 !important; border-radius: 18px !important; box-shadow: 0 8px 24px rgba(17,24,39,.07) !important; overflow: hidden; }
  html body.wa-v2.single-post .related-posts .loop-grid .l-post.grid-post:not(#wa-x) .media { margin: 0 !important; border-radius: 0 !important; }
  html body.wa-v2.single-post .related-posts .loop-grid .l-post.grid-post:not(#wa-x) .media .image-link,
  html body.wa-v2.single-post .related-posts .loop-grid .l-post.grid-post:not(#wa-x) .media img,
  html body.wa-v2.single-post .related-posts .loop-grid .l-post.grid-post:not(#wa-x) .media .img { border-radius: 0 !important; }
  html body.wa-v2.single-post .related-posts .loop-grid .l-post.grid-post:not(#wa-x) .content { padding: 14px 16px 16px !important; }
  html body.wa-v2.single-post .related-posts .loop-grid { row-gap: 22px !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-card--card .wa-meta:not(#wa-x) { flex-wrap: wrap !important; }
}

/* wider screens: no visible breadcrumb (same as phones; the category chips already show the path; Yoast breadcrumb schema untouched) */
@media (min-width: 768px) {
  html body.wa-v2.single-post .breadcrumbs-b:not(#wa-x), html body.wa-v2.page:not(.home) .breadcrumbs-b:not(#wa-x), html body.wa-v2.wa-list .breadcrumbs-b:not(#wa-x) { display: none !important; }
  html body.wa-v2.single-post .main.ts-contain, html body.wa-v2.page:not(.home) .main.ts-contain, html body.wa-v2.wa-list .main.ts-contain { margin-top: 28px !important; }
}

/* wider screens: static pages (about, policies, contact) like the articles - white page, no card frame, plain title */
@media (min-width: 768px) {
  html body.wa-v2.page:not(.home) { background: #fff !important; }
  html body.wa-v2.page:not(.home) .main .the-post, html body.wa-v2.page:not(.home) .main .the-page, html body.wa-v2.page:not(.home) .main .the-post > header, html body.wa-v2.page:not(.home) .main .post-header, html body.wa-v2.page:not(.home) .main .post-content.entry-content { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding-left: 0 !important; padding-right: 0 !important; }
  html body.wa-v2.page:not(.home) .main .main-heading, html body.wa-v2.page:not(.home) .main .post-title { font-size: 36px !important; line-height: 1.45 !important; padding: 0 !important; border: 0 !important; margin: 0 0 20px !important; }
  html body.wa-v2.page:not(.home) .main .main-heading::before, html body.wa-v2.page:not(.home) .main .main-heading::after { display: none !important; }
  html body.wa-v2.page:not(.home) .post-content.entry-content p { margin: 0 0 22px !important; }
  html body.wa-v2.page:not(.home) .post-content.entry-content h2 { font-size: 26px !important; margin: 40px 0 16px !important; padding: 0 !important; border: 0 !important; }
  html body.wa-v2.page:not(.home) .post-content.entry-content h3 { font-size: 20px !important; margin: 28px 0 8px !important; }
}
@media (min-width: 768px) {
  html body.wa-v2.page-id-9974:not(.home) .post-content.entry-content h3:not(#wa-x) { font-size: 17px !important; margin-bottom: 4px !important; }
}

/* wider screens: one category style everywhere on the homepage - plain teal text on rows (top area, featured section), icon chip on large cards and covers */
@media (min-width: 768px) {
  html body.wa-v2 .wa-home:not(.wa-side) .wa-card:is(.wa-card--row,.wa-card--mini):not(#wa-x) .wa-tag { display: inline !important; align-self: flex-start; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #0F6B64 !important; font-size: 13.5px !important; font-weight: 700 !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-card:is(.wa-card--row,.wa-card--mini):not(#wa-x) .wa-tag::before { display: none !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-cover:not(#wa-x) .wa-tag { display: inline-flex !important; align-items: center; gap: 6px; align-self: flex-start; padding: 4px 12px !important; border: 1px solid #BFE6D6 !important; border-radius: 10px !important; background: #EFFAF5 !important; color: #0B6B4F !important; font-size: 13.5px !important; font-weight: 700 !important; }
  html body.wa-v2 .wa-home:not(.wa-side) .wa-cover:not(#wa-x) .wa-tag::before { content: ''; display: inline-block; width: 14px; height: 14px; background: #0B6B4F; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 13.4 13.4 20.6a2 2 0 0 1-2.8 0L3 13V3h10l7.6 7.6a2 2 0 0 1 0 2.8z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 13.4 13.4 20.6a2 2 0 0 1-2.8 0L3 13V3h10l7.6 7.6a2 2 0 0 1 0 2.8z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.5'/%3E%3C/svg%3E") center / contain no-repeat; }
}

/* wider screens: menu drop-down (mega menu) articles in the new style */
@media (min-width: 768px) {
  html body.wa-v2 .navigation-main .mega-menu:not(#wa-x) { border: 1px solid #EEF2F1 !important; border-top: 0 !important; border-radius: 0 0 18px 18px !important; box-shadow: 0 18px 40px rgba(17,24,39,.12) !important; background: #fff !important; }
  html body.wa-v2 .navigation-main .mega-menu .sub-cats .sub-nav a { font-family: 'Tajawal', sans-serif !important; font-size: 15.5px !important; font-weight: 500 !important; color: #111827 !important; }
  html body.wa-v2 .navigation-main .mega-menu .sub-cats .sub-nav li.view-all a { color: #0F6B64 !important; font-weight: 700 !important; }
  html body.wa-v2 .navigation-main .mega-menu .l-post.grid-post:not(#wa-x) { padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
  html body.wa-v2 .navigation-main .mega-menu .l-post.grid-post:not(#wa-x) .media, html body.wa-v2 .navigation-main .mega-menu .l-post.grid-post:not(#wa-x) .image-link, html body.wa-v2 .navigation-main .mega-menu .l-post.grid-post:not(#wa-x) .img { border-radius: 12px !important; overflow: hidden; }
  html body.wa-v2 .navigation-main .mega-menu .l-post.grid-post:not(#wa-x) .content { padding: 10px 0 0 !important; }
  html body.wa-v2 .navigation-main .mega-menu .l-post.grid-post:not(#wa-x) .meta-above { margin: 0 0 4px !important; }
  html body.wa-v2 .navigation-main .mega-menu .l-post.grid-post:not(#wa-x) .meta-above .category { display: inline !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: #0F6B64 !important; font-family: 'Tajawal', sans-serif !important; font-size: 13.5px !important; font-weight: 700 !important; }
  html body.wa-v2 .navigation-main .mega-menu .l-post.grid-post:not(#wa-x) .post-title { margin: 0 0 6px !important; font-family: 'Tajawal', sans-serif !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.5 !important; letter-spacing: 0 !important; color: #111827 !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 3 !important; overflow: hidden !important; max-height: none !important; white-space: normal !important; }
  html body.wa-v2 .navigation-main .mega-menu .l-post.grid-post:not(#wa-x) .post-title a { color: #111827 !important; display: inline !important; -webkit-line-clamp: unset !important; white-space: normal !important; overflow: visible !important; text-overflow: clip !important; }
  html body.wa-v2 .navigation-main .mega-menu .l-post.grid-post:not(#wa-x) .post-title a:hover { color: #0F6B64 !important; }
  html body.wa-v2 .navigation-main .mega-menu .l-post.grid-post:not(#wa-x) .meta-below, html body.wa-v2 .navigation-main .mega-menu .l-post.grid-post:not(#wa-x) .meta-below time { font-family: 'Tajawal', sans-serif !important; font-size: 13px !important; color: #4B5563 !important; }
}