/* ══════════════════════════════════════════
       SEO ARTICLE SECTION
   ══════════════════════════════════════════ */
 .seoareticle-section {
     background: #F5F4F0;
     padding: 40px 40px ;
 }

 .seoareticle-inner {
     max-width: 1280px;
     margin: 0 auto;
 }

 /* Top row: text left, image right */
 .seoareticle-top {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 60px;
     align-items: center;
     margin-bottom: 10px;
 }

 .seoareticle-h2 {
     font-family: "f4", serif;
     font-size: 42px;
     color: #111111;
     font-weight: 400;
     line-height: 1.15;
     letter-spacing: -0.5px;
     margin-bottom: 24px;
 }

 .seoareticle-body {
     font-family: "f1", sans-serif;
     font-size: 18px;
     color: #444444;
     line-height: 1.9;
 }

 .seoareticle-body--full {
     display: block;
 }

 .seoareticle-img {
     width: 100%;
     height: 420px;
     object-fit: cover;
     border-radius: 12px;
     display: block;
 }

 @media (max-width: 992px) {
     .seoareticle-top {
         grid-template-columns: 1fr;
         gap: 36px;
     }

     .seoareticle-img {
         height: 300px;
     }

     .seoareticle-section {
         padding: 64px 24px 72px;
     }
 }

 @media (max-width: 480px) {
     .seoareticle-section {
         padding: 48px 16px 56px;
     }

     .seoareticle-img {
         height: 220px;
     }
 }



 /* ══════════════════════════════════════════
       BLOG SINGLE POST SECTION
   ══════════════════════════════════════════ */
 .blogpost-section {
     background: #F5F4F0;
     padding: 40px 40px;
 }

 .blogpost-inner {
     max-width: 1280px;
     margin: 0 auto;
 }

 /* Full-width hero image */
 .blogpost-hero {
     border-radius: 14px;
     overflow: hidden;
     margin-bottom: 48px;
 }

 .blogpost-hero-img {
     width: 100%;
     height: 380px;
     object-fit: cover;
     display: block;
 }

 /* Article content */
 .blogpost-h2 {
     font-family: "f4", serif;
     font-size: 42;
     color: #111111;
     font-weight: 400;
     line-height: 1.2;
     letter-spacing: -0.3px;
     margin-bottom: 28px;
 }

 .blogpost-body {
     font-family: "f1", sans-serif;
     font-size: 18px;
     color: #444444;
     line-height: 1.9;
     margin-bottom: 48px;
 }

 /* Tags row */
 .blogpost-tags-row {
     border-top: 1px solid #d8d5ce;
     padding-top: 32px;
 }

 .blogpost-tags-label {
     font-family: "f2", sans-serif;
     font-size: 20px;
     font-weight: 500;
     color: #2C4A6E;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     display: flex;
     align-items: center;
     gap: 10px;
     margin-bottom: 18px;
 }

 .blogpost-tags-dash {
     color: #2C4A6E;
 }

 .blogpost-tags {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
 }

 .blogpost-tag {
     font-family: "f1", sans-serif;
     font-size: 14px;
     color: #444444;
     background: #ffffff;
     border: 1px solid #d8d5ce;
     border-radius: 6px;
     padding: 7px 16px;
     text-decoration: none;
     transition: background 0.2s, color 0.2s, border-color 0.2s;
 }

 .blogpost-tag:hover {
     background: #2C4A6E;
     color: #ffffff;
     border-color: #2C4A6E;
 }

 @media (max-width: 768px) {
     .blogpost-section {
         padding: 16px 24px 72px;
     }

     .blogpost-hero-img {
         height: 260px;
     }
 }

 @media (max-width: 480px) {
     .blogpost-section {
         padding: 12px 16px 56px;
     }

     .blogpost-hero-img {
         height: 200px;
     }
 }