/*
Theme Name: Attendance.in
Theme URI: https://attendance.in
Author: Nexify Infotech LLP
Author URI: https://nexify.co.in
Description: Custom theme for attendance.in, the attendance knowledge hub. Built from the approved homepage design. Homepage pulls featured (sticky) and latest posts automatically. Edit homepage text, images and links from Appearance > Customize > Attendance.in Homepage.
Version: 2.0.1
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: attendance-in
*/

/* ========== BASE DESIGN (from approved homepage) ========== */

    :root{
      --primary:#075dcc;
      --primary-dark:#06499f;
      --navy:#071d49;
      --text:#263d66;
      --muted:#64799c;
      --border:#dce8f5;
      --soft:#f5f9ff;
      --white:#fff;
      --shadow:0 10px 30px rgba(25,72,130,.08);
      --radius:12px;
      --container:1180px;
    }

    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{
      font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      color:var(--text);
      background:#fff;
      line-height:1.5;
    }
    a{text-decoration:none;color:inherit}
    img{display:block;max-width:100%}
    button,input{font:inherit}

    .container{
      width:min(var(--container),calc(100% - 64px));
      margin:auto;
    }

    /* ---------- HEADER ---------- */
    .site-header{
      height:74px;
      background:#fff;
      border-bottom:1px solid #eef3f8;
      display:flex;
      align-items:center;
      position:sticky;
      top:0;
      z-index:1000;
    }
    .nav{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:30px;
    }
    .brand{
      min-width:205px;
      line-height:1;
    }
    .brand-name{
      font-size:28px;
      font-weight:800;
      letter-spacing:-1.4px;
      color:#071d49;
    }
    .brand-name span{color:#075dcc}
    .brand-tagline{
      margin-top:3px;
      font-size:12px;
      color:#536a91;
      letter-spacing:.1px;
    }
    .nav-links{
      display:flex;
      align-items:center;
      gap:31px;
      font-size:14px;
      color:#0d2750;
      height:74px;
    }
    .nav-links a{
      position:relative;
      height:74px;
      display:flex;
      align-items:center;
      gap:5px;
    }
    .nav-links a.active{color:var(--primary);font-weight:600}
    .nav-links a.active::after{
      content:"";
      position:absolute;
      bottom:0;left:0;right:0;
      height:2px;background:var(--primary);
    }
    .search-mini{
      width:205px;
      height:38px;
      border:0;
      border-radius:22px;
      background:#f1f5fb;
      display:flex;
      align-items:center;
      padding:0 14px;
      color:#8090a9;
      font-size:12px;
    }
    .search-mini svg{margin-right:8px}

    /* ---------- HERO ---------- */
    .hero{
      background:linear-gradient(105deg,#f7fbff 0%,#edf7ff 55%,#f9fcff 100%);
      overflow:hidden;
    }
    .hero-inner{
      min-height:352px;
      display:grid;
      grid-template-columns:1.15fr .85fr;
      align-items:center;
      position:relative;
    }
    .hero-copy{padding:34px 0 36px}
    .eyebrow{
      display:inline-flex;
      align-items:center;
      padding:5px 11px;
      border-radius:16px;
      background:#e3f0ff;
      color:#075dcc;
      font-size:11px;
      font-weight:700;
      margin-bottom:12px;
    }
    h1{
      color:#071d49;
      font-size:34px;
      line-height:1.12;
      letter-spacing:-1.1px;
      max-width:610px;
    }
    h1 span{color:#075dcc}
    .hero-copy > p{
      color:#5c7091;
      max-width:620px;
      margin:10px 0 16px;
      font-size:15px;
      line-height:1.45;
    }
    .hero-search{
      width:min(100%,625px);
      height:44px;
      display:flex;
      background:#fff;
      border:1px solid #cbdff5;
      box-shadow:0 5px 16px rgba(24,83,145,.07);
      border-radius:7px;
      overflow:hidden;
    }
    .hero-search .search-icon{
      width:42px;
      display:grid;
      place-items:center;
      color:#15365e;
    }
    .hero-search input{
      flex:1;
      border:0;
      outline:0;
      color:#334b70;
      font-size:12px;
    }
    .hero-search button{
      width:102px;
      border:0;
      background:#0861cf;
      color:#fff;
      font-weight:600;
      cursor:pointer;
    }
    .popular{
      display:flex;
      gap:7px;
      align-items:center;
      flex-wrap:wrap;
      margin-top:9px;
      font-size:11px;
    }
    .popular strong{margin-right:3px;color:#243d67}
    .pill{
      background:#e8f3ff;
      color:#0b5bc0;
      border-radius:14px;
      padding:5px 10px;
    }

    .hero-visual{
      height:100%;
      min-height:352px;
      position:relative;
      display:flex;
      justify-content:flex-end;
      align-items:flex-end;
    }
    .hero-photo{
      width:420px;
      height:330px;
      object-fit:cover;
      object-position:center top;
      border-radius:210px 210px 0 0;
      filter:saturate(.94);
      position:absolute;
      right:72px;
      bottom:0;
      mix-blend-mode:multiply;
    }
    .hero-note{
      position:absolute;
      right:320px;
      top:46px;
      color:#005bd2;
      font-size:16px;
      line-height:1.1;
      font-weight:700;
      transform:rotate(-5deg);
      font-family:"Comic Sans MS",cursive;
    }
    .hero-note::after{
      content:"↘";
      display:block;
      margin-left:34px;
      font-size:25px;
      transform:rotate(12deg);
    }
    .benefit-stack{
      position:absolute;
      right:0;
      top:30px;
      display:grid;
      gap:12px;
      width:174px;
    }
    .benefit{
      background:#fff;
      border-radius:9px;
      box-shadow:0 6px 22px rgba(23,75,130,.10);
      padding:10px;
      display:flex;
      align-items:center;
      gap:10px;
      min-height:64px;
    }
    .benefit-icon{
      width:39px;height:39px;border-radius:8px;
      display:grid;place-items:center;
      color:#0861cf;background:#e8f2ff;
      flex:none;
    }
    .benefit b{display:block;color:#102b56;font-size:11px}
    .benefit small{display:block;color:#657897;font-size:9px;margin-top:2px}

    /* ---------- SECTION ---------- */
    .attin-sec{padding:16px 0 0}
    .section-head{
      display:flex;
      justify-content:space-between;
      align-items:end;
      gap:20px;
      margin-bottom:12px;
    }
    .section-head h2{
      color:#071d49;
      font-size:21px;
      letter-spacing:-.5px;
      line-height:1.1;
    }
    .section-head p{
      color:#6a7d9c;
      font-size:12px;
      margin-top:4px;
    }
    .view-link{
      color:#0061d2;
      font-size:11px;
      font-weight:600;
      white-space:nowrap;
    }
    .view-link span{font-size:17px;margin-left:4px}

    /* ---------- CATEGORY ---------- */
    .category-grid{
      display:grid;
      grid-template-columns:repeat(6,1fr);
      gap:10px;
    }
    .category{
      min-height:140px;
      border-radius:8px;
      padding:13px 9px;
      text-align:center;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
    }
    .category:nth-child(6n+1){background:#edf6ff}
    .category:nth-child(6n+2){background:#e9f9f3}
    .category:nth-child(6n+3){background:#fff1eb}
    .category:nth-child(6n+4){background:#f3edff}
    .category:nth-child(6n+5){background:#fff8df}
    .category:nth-child(6n+6){background:#e9faf4}
    .cat-icon{
      width:45px;height:45px;border-radius:50%;
      display:grid;place-items:center;
      margin-bottom:8px;
      color:#0963cf;
      background:#dcebff;
    }
    .category:nth-child(6n+2) .cat-icon{color:#00a17c;background:#d5f4e9}
    .category:nth-child(6n+3) .cat-icon{color:#ff7048;background:#ffe0d5}
    .category:nth-child(6n+4) .cat-icon{color:#8d5ce6;background:#e9ddff}
    .category:nth-child(6n+5) .cat-icon{color:#e5a11a;background:#ffedbb}
    .category:nth-child(6n+6) .cat-icon{color:#00a17c;background:#cef1e5}
    .category h3{font-size:13px;color:#102b56;line-height:1.15}
    .category p{font-size:10px;color:#617696;margin-top:5px;line-height:1.4}

    /* ---------- FEATURED ---------- */
    .featured-grid{
      display:grid;
      grid-template-columns:repeat(var(--cols,3),1fr);
      gap:14px;
    }
    .article-card{
      border:1px solid #dfe9f3;
      border-radius:8px;
      overflow:hidden;
      background:#fff;
      box-shadow:0 2px 9px rgba(30,74,120,.025);
    }
    .article-image{
      height:94px;
      width:100%;
      object-fit:cover;
    }
    .article-content{padding:10px 12px 13px}
    .tag{
      display:inline-block;
      background:#e6f2ff;
      color:#075dcc;
      font-size:9px;
      font-weight:700;
      padding:4px 7px;
      border-radius:10px;
      margin-bottom:7px;
    }
    .article-card h3{
      font-size:14px;
      line-height:1.15;
      color:#0d2854;
    }
    .article-card p{
      font-size:10px;
      color:#607493;
      line-height:1.45;
      margin-top:7px;
    }
    .meta{
      display:flex;
      align-items:center;
      gap:9px;
      margin-top:8px;
      color:#627797;
      font-size:9px;
    }
    .meta span{display:flex;align-items:center;gap:4px}

    /* ---------- LATEST ---------- */
    .latest-list{
      display:grid;
      grid-template-columns:repeat(var(--cols,4),1fr);
      gap:22px;
      padding-bottom:17px;
    }
    .latest-item{
      display:grid;
      grid-template-columns:82px 1fr;
      gap:10px;
      align-items:center;
    }
    .latest-item img{
      width:82px;height:70px;border-radius:7px;object-fit:cover;
    }
    .latest-item h3{
      font-size:11px;line-height:1.2;color:#112c56;
    }
    .latest-meta{
      font-size:9px;color:#667b99;margin-top:6px;
      display:flex;gap:8px;
    }

    /* ---------- TESTIMONIALS ---------- */
    .testimonials{
      background:#f2f9ff;
      padding:17px 0 18px;
      margin-top:0;
    }
    .testimonial-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:14px;
    }
    .testimonial{
      background:#fff;
      border-radius:8px;
      padding:12px;
      display:grid;
      grid-template-columns:48px 1fr;
      gap:9px;
      box-shadow:0 4px 14px rgba(25,73,130,.06);
    }
    .avatar{
      width:48px;height:48px;border-radius:50%;object-fit:cover;
    }
    .testimonial p{font-size:10px;color:#5d7191;line-height:1.45}
    .testimonial strong{display:block;color:#102b56;font-size:10px;margin-top:6px}
    .testimonial small{color:#667b98;font-size:8px}

    /* ---------- CTA ---------- */
    .cta-wrap{padding:18px 0 23px}
    .cta{
      min-height:142px;
      border-radius:10px;
      overflow:hidden;
      background:linear-gradient(105deg,#0756b9,#086fe0);
      color:#fff;
      display:grid;
      grid-template-columns:1.15fr .85fr;
      position:relative;
    }
    .cta-copy{padding:28px 30px}
    .cta h2{font-size:20px;line-height:1.15}
    .cta p{font-size:11px;margin-top:5px;max-width:460px;color:#e6f1ff}
    .cta-btn{
      display:inline-flex;
      align-items:center;
      margin-top:13px;
      padding:8px 15px;
      border-radius:5px;
      background:#fff;
      color:#102b56;
      font-size:10px;
      font-weight:700;
    }
    .cta-product{
      position:relative;
      overflow:hidden;
      display:flex;
      align-items:center;
      justify-content:flex-end;
      padding-right:28px;
    }
    .cta-product::before{
      content:"";
      width:300px;height:300px;
      border-radius:50%;
      background:rgba(255,255,255,.08);
      position:absolute;right:80px;top:-90px;
    }
    .product-label{
      position:absolute;left:5px;top:30px;
      z-index:2;
    }
    .product-label b{font-size:16px}
    .product-label small{display:block;font-size:9px;color:#dcecff}
    .product-img{
      width:290px;
      max-height:130px;
      object-fit:cover;
      object-position:center;
      border-radius:5px;
      position:relative;
      z-index:1;
      opacity:.96;
    }

    /* ---------- FOOTER ---------- */
    footer{
      border-top:1px solid #e6edf5;
      padding:20px 0 16px;
      background:#fff;
    }
    .footer-grid{
      display:grid;
      grid-template-columns:1.4fr 1fr 1fr 1fr 1.4fr;
      gap:25px;
    }
    .footer-brand p{
      font-size:10px;color:#617593;max-width:240px;margin-top:7px;
    }
    .footer-col h4{font-size:10px;color:#102b56;margin-bottom:7px}
    .footer-col a,.footer-col li{
      display:block;
      color:#617593;
      font-size:9px;
      margin:4px 0;
    }
    .footer-col ul{list-style:none}
    .socials{display:flex;gap:8px;margin-top:8px}
    .social{
      width:23px;height:23px;border-radius:4px;
      display:grid;place-items:center;
      background:#eef4fb;color:#0b5fc9;font-size:10px;font-weight:700;
    }
    .newsletter{
      height:36px;
      border:1px solid #d7e4f2;
      border-radius:6px;
      display:flex;
      overflow:hidden;
      margin-top:8px;
    }
    .newsletter input{border:0;outline:0;flex:1;padding:0 9px;font-size:9px;min-width:0}
    .newsletter button{width:38px;border:0;background:#0861cf;color:#fff;cursor:pointer}
    .copyright{
      border-top:1px solid #edf2f7;
      margin-top:17px;
      padding-top:11px;
      color:#71839e;
      font-size:9px;
      display:flex;
      justify-content:space-between;
    }

    /* ---------- MOBILE ---------- */
    .mobile-toggle{display:none;border:0;background:transparent;color:#0a2852}
    @media(max-width:1000px){
      .search-mini{display:none}
      .category-grid{grid-template-columns:repeat(3,1fr)}
      .latest-list{grid-template-columns:repeat(2,1fr)}
      .hero-inner{grid-template-columns:1fr}
      .hero-visual{display:none}
      .footer-grid{grid-template-columns:repeat(3,1fr)}
    }
    @media(max-width:720px){
      .container{width:min(100% - 30px,var(--container))}
      .site-header{height:62px}
      .nav-links{display:none}
      .mobile-toggle{display:block}
      .brand-name{font-size:23px}
      .hero-copy{padding:28px 0}
      h1{font-size:29px}
      .hero-search{height:46px}
      .hero-search button{width:84px}
      .category-grid,.featured-grid,.testimonial-grid{grid-template-columns:1fr}
      .latest-list{grid-template-columns:1fr}
      .section-head{align-items:flex-start}
      .section-head h2{font-size:20px}
      .cta{grid-template-columns:1fr}
      .cta-product{display:none}
      .footer-grid{grid-template-columns:1fr 1fr}
      .footer-brand{grid-column:1/-1}
      .copyright{flex-direction:column;gap:5px}
    }
    @media(max-width:430px){
      .category-grid{grid-template-columns:1fr 1fr}
      .footer-grid{grid-template-columns:1fr}
    }

/* ========== WORDPRESS ADDITIONS ========== */

/* Font */
body{font-family:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}

/* Sticky header below admin bar */
.admin-bar .site-header{top:32px}
@media(max-width:782px){.admin-bar .site-header{top:46px}}

/* Logo */
.brand .custom-logo{max-height:48px;width:auto}

/* Menu built with wp_nav_menu */
.nav-links li{list-style:none;position:relative;height:74px;display:flex;align-items:center}
.nav-links .current-menu-item > a,
.nav-links .current_page_item > a{color:var(--primary);font-weight:600}
.nav-links .current-menu-item > a::after,
.nav-links .current_page_item > a::after{
  content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--primary);
}
.nav-links .menu-item-has-children > a::after{content:"⌄";position:static;height:auto;background:none;margin-left:4px}
.nav-links .sub-menu{
  display:none;position:absolute;top:100%;left:-14px;min-width:220px;
  background:#fff;border:1px solid var(--border);border-radius:10px;
  box-shadow:var(--shadow);padding:8px;z-index:50;
}
.nav-links li:hover > .sub-menu,
.nav-links li:focus-within > .sub-menu{display:block}
.nav-links .sub-menu li{height:auto}
.nav-links .sub-menu a{height:auto;padding:8px 10px;border-radius:6px;width:100%}
.nav-links .sub-menu a:hover{background:var(--soft);color:var(--primary)}

/* Header mini search as a real form */
.search-mini input{border:0;background:transparent;outline:0;width:100%;font-size:12px;color:#334b70}
.search-mini input::placeholder{color:#8090a9}

/* Mobile menu */
.mobile-toggle{font-size:24px;cursor:pointer}
@media(max-width:720px){
  .site-header .nav{position:relative}
  .nav-links.is-open{
    display:flex;position:absolute;top:62px;left:0;right:0;height:auto;
    padding:12px;background:#fff;flex-direction:column;align-items:flex-start;gap:4px;
    box-shadow:0 10px 25px rgba(0,0,0,.1);border-radius:8px;
  }
  .nav-links.is-open li,.nav-links.is-open a{height:auto;padding:6px 0;width:100%}
  .nav-links.is-open .sub-menu{display:block;position:static;border:0;box-shadow:none;padding:0 0 0 12px}
  .nav-links.is-open a::after{display:none}
}

/* Image placeholder when a post has no featured image */
.img-fallback{
  background:linear-gradient(135deg,#e3f0ff,#f3edff);
  display:grid;place-items:center;color:#075dcc;font-weight:800;font-size:20px;
}
.article-image.img-fallback{height:94px}
.latest-item .img-fallback{width:82px;height:70px;border-radius:7px;font-size:14px}
.article-card a:hover h3,.latest-item a:hover h3{color:var(--primary)}

/* Focus visibility */
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}

/* Newsletter message */
.newsletter-msg{font-size:10px;color:#0a8a5f;margin-top:6px}

/* ========== INNER PAGES (single, page, archive, search, 404) ========== */
.page-hero{
  background:linear-gradient(105deg,#f7fbff 0%,#edf7ff 55%,#f9fcff 100%);
  padding:40px 0 34px;
}
.page-hero h1{font-size:32px}
.page-hero p{color:#5c7091;margin-top:8px;font-size:15px;max-width:680px}
.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:10px}
.breadcrumbs a{color:var(--primary)}

.archive-wrap{padding:30px 0 50px}
.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.archive-grid .article-image{height:170px}
.archive-grid .article-card h3{font-size:17px}
.archive-grid .article-card p{font-size:13px}
.archive-grid .meta{font-size:11px}
.no-results{padding:40px 0;font-size:16px;color:var(--muted)}

.pagination{margin-top:30px;display:flex;gap:8px;flex-wrap:wrap}
.pagination .page-numbers{
  min-width:38px;height:38px;padding:0 12px;border-radius:8px;border:1px solid var(--border);
  display:inline-flex;align-items:center;justify-content:center;font-size:14px;color:var(--text);
}
.pagination .current{background:var(--primary);border-color:var(--primary);color:#fff}

.single-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;padding:34px 0 50px}
.entry-thumb img{width:100%;height:auto;border-radius:12px;margin-bottom:24px}
.entry-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-top:10px}
.entry-content{font-size:17px;line-height:1.75;color:#263d66;max-width:760px}
.entry-content > * + *{margin-top:1.1em}
.entry-content h2{font-size:26px;color:var(--navy);line-height:1.25;margin-top:1.6em;letter-spacing:-.4px}
.entry-content h3{font-size:21px;color:var(--navy);line-height:1.3;margin-top:1.4em}
.entry-content a{color:var(--primary);text-decoration:underline}
.entry-content ul,.entry-content ol{padding-left:1.4em}
.entry-content li + li{margin-top:.4em}
.entry-content img{height:auto;border-radius:10px}
.entry-content blockquote{border-left:4px solid var(--primary);background:var(--soft);padding:14px 18px;border-radius:0 8px 8px 0}
.entry-content table{width:100%;border-collapse:collapse;font-size:15px}
.entry-content th,.entry-content td{border:1px solid var(--border);padding:10px;text-align:left}
.entry-content th{background:var(--soft);color:var(--navy)}
.entry-tags{margin-top:28px;display:flex;gap:8px;flex-wrap:wrap}

.sidebar-box{border:1px solid var(--border);border-radius:10px;padding:18px;margin-bottom:18px;background:#fff}
.sidebar-box h4{font-size:15px;color:var(--navy);margin-bottom:12px}
.sidebar-box .latest-item{margin-bottom:12px}
.sidebar-cta{background:linear-gradient(105deg,#0756b9,#086fe0);color:#fff;border:0}
.sidebar-cta h4{color:#fff}
.sidebar-cta p{font-size:13px;color:#e6f1ff;margin-bottom:12px}
.sidebar-cta .cta-btn{font-size:12px;margin-top:0}
.sidebar-box .search-mini{width:100%}

.related-wrap{padding:0 0 40px}

@media(max-width:1000px){
  .archive-grid{grid-template-columns:repeat(2,1fr)}
  .single-layout{grid-template-columns:1fr}
}
@media(max-width:720px){
  .archive-grid{grid-template-columns:1fr}
  .page-hero h1{font-size:26px}
  .entry-content{font-size:16px}
}

/* Accessibility helper */
.screen-reader-text{
  border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;
  overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important;
}
.latest-item > a{display:block}
.sidebar-box .hero-search{height:42px}
.sidebar-box .hero-search button{width:80px}
.page-hero .tag{margin-bottom:10px}

/* ========== v1.1: testimonials slider, newsletter, socials ========== */
.testi-arrows{display:flex;gap:6px;align-items:center}
.testi-arrows button{
  border:0;background:transparent;color:#0061d2;font-size:17px;font-weight:600;
  cursor:pointer;padding:0 4px;line-height:1;
}
.testimonial-grid{
  grid-template-columns:none;
  grid-auto-flow:column;
  grid-auto-columns:calc((100% - 28px) / 3);
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
}
.testimonial-grid::-webkit-scrollbar{display:none}
.testimonial{scroll-snap-align:start}
.hp-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.newsletter-msg.is-error{color:#c0392b}
.newsletter-embed{margin-top:8px}
@media(max-width:1000px){
  .testimonial-grid{grid-auto-columns:calc((100% - 14px) / 2)}
}
@media(max-width:720px){
  .testimonial-grid{grid-auto-columns:100%}
}
@media(max-width:720px){
  .testimonial-grid{grid-auto-flow:row;grid-template-columns:1fr;grid-auto-columns:auto;overflow:visible}
}

/* ========== v2: Blog page ========== */
.blog-hero{padding:44px 0 30px}
.blog-hero h1 span{color:var(--primary)}
.blog-search{margin-top:18px;max-width:625px}
.cat-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.cat-pill{
  display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:20px;
  background:#fff;border:1px solid var(--border);font-size:13px;color:var(--text);font-weight:500;
}
.cat-pill small{font-size:11px;color:var(--muted);background:var(--soft);border-radius:10px;padding:1px 7px}
.cat-pill:hover{border-color:var(--primary);color:var(--primary)}
.cat-pill.is-active{background:var(--primary);border-color:var(--primary);color:#fff}
.cat-pill.is-active small{background:rgba(255,255,255,.2);color:#fff}

.lead-card{
  display:grid;grid-template-columns:1.1fr 1fr;gap:0;border:1px solid #dfe9f3;border-radius:14px;
  overflow:hidden;background:#fff;box-shadow:var(--shadow);margin-bottom:34px;
}
.lead-media{display:block;min-height:300px}
.lead-image{width:100%;height:100%;object-fit:cover;min-height:300px}
.lead-media .img-fallback{height:100%;min-height:300px;font-size:34px}
.lead-body{padding:30px 32px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.lead-new{font-size:11px;color:var(--muted);margin:-4px 0 6px}
.lead-body h2{font-size:26px;line-height:1.2;color:var(--navy);letter-spacing:-.5px}
.lead-body h2 a:hover{color:var(--primary)}
.lead-body p{font-size:15px;color:#5c7091;margin-top:10px;line-height:1.55}
.lead-body .meta{font-size:12px;margin-top:12px}
.lead-btn{margin-top:18px;background:var(--primary);color:#fff;padding:10px 18px;border-radius:7px;font-size:13px;font-weight:600}
.lead-btn:hover{background:var(--primary-dark)}
.blog-grid-head{margin-bottom:16px}
.archive-wrap + .attin-sec.cta-wrap{padding-top:0}

@media(max-width:820px){
  .lead-card{grid-template-columns:1fr}
  .lead-media,.lead-image,.lead-media .img-fallback{min-height:200px}
  .lead-body{padding:22px}
  .lead-body h2{font-size:21px}
}

/* Elementor: keep the CTA gradient visible (Elementor lazy-loads backgrounds) */
body .e-con .cta.cta.cta.cta.cta{background-image:linear-gradient(105deg,#0756b9,#086fe0)!important}
/* Elementor: our sections manage their own width and spacing */
.elementor-widget[class*="elementor-widget-attin-"]{width:100%}