/* ══════════════════════════════════════
   BLOG STYLES — أرجواني
   Ultimate SEO + AI Visibility + Mobile UX
   ══════════════════════════════════════ */

/* ═══════ READING PROGRESS BAR ═══════ */
.reading-progress{
  position:fixed;top:0;right:0;width:0;height:3px;
  background:var(--g1);z-index:10000;
  transition:width .1s linear;
  border-radius:0 0 0 2px;
}

/* ═══════ BLOG HERO ═══════ */
.blog-hero{
  padding:140px 0 80px;
  background:var(--g3);
  position:relative;overflow:hidden;text-align:center;
}
.blog-hero::before{
  content:'';position:absolute;inset:0;
  background-image:linear-gradient(var(--w05) 1px,transparent 1px),linear-gradient(90deg,var(--w05) 1px,transparent 1px);
  background-size:60px 60px;opacity:.3;pointer-events:none;
}
.blog-hero .container{position:relative;z-index:2}
.blog-hero-tag{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--w05);border:1px solid var(--w1);
  color:var(--c5);padding:8px 20px;border-radius:var(--rr);
  font-size:13px;font-weight:700;margin-bottom:20px;
  backdrop-filter:blur(10px);
}
.blog-hero-title{
  font-size:clamp(32px,5vw,56px);font-weight:900;
  color:var(--w);margin-bottom:16px;line-height:1.2;
}
.blog-hero-title span{
  background:var(--g1);-webkit-background-clip:text;
  -webkit-text-fill-color:transparent;background-clip:text;
}
.blog-hero-desc{
  font-size:clamp(15px,2.5vw,18px);color:var(--w7);
  max-width:600px;margin:0 auto;line-height:1.9;
}
.blog-hero-orb{
  position:absolute;border-radius:50%;filter:blur(80px);
  opacity:.2;pointer-events:none;
}
.blog-hero-orb--1{width:400px;height:400px;background:var(--c3);top:-150px;right:-100px}
.blog-hero-orb--2{width:350px;height:350px;background:#c026d3;bottom:-100px;left:-80px}

/* ═══════ BREADCRUMB ═══════ */
.breadcrumb{
  padding:16px 0;
  background:var(--g50);
  border-bottom:1px solid var(--g200);
}
.breadcrumb-list{
  display:flex;align-items:center;gap:0;
  font-size:14px;color:var(--g500);flex-wrap:wrap;
  list-style:none;padding:0;margin:0;
}
.breadcrumb-list li{display:flex;align-items:center}
.breadcrumb-list li:not(:last-child)::after{
  content:'‹';margin:0 10px;color:var(--g200);font-size:16px;
}
.breadcrumb-list a{
  color:var(--g600);font-weight:500;
  transition:var(--tr);text-decoration:none;
}
.breadcrumb-list a:hover{color:var(--c3)}
.breadcrumb-list li:last-child{color:var(--c3);font-weight:600}

/* ═══════ BLOG GRID ═══════ */
.blog-section{padding:80px 0}
.blog-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:32px;margin-bottom:60px;
}

/* ═══════ POST CARD ═══════ */
.post-card{
  background:var(--w);
  border-radius:var(--r2);overflow:hidden;
  border:1px solid var(--g200);
  transition:var(--tr);
  display:flex;flex-direction:column;
}
.post-card:hover{
  transform:translateY(-6px);
  box-shadow:var(--sh2);border-color:var(--c5);
}
.post-card-img{
  aspect-ratio:16/10;overflow:hidden;
  position:relative;display:block;
}
.post-card-img img{
  width:100%;height:100%;
  object-fit:cover;
  transition:transform .5s ease;
}
.post-card:hover .post-card-img img{transform:scale(1.05)}
.post-card-img-placeholder{
  width:100%;height:100%;
  background:var(--g1);
  display:flex;align-items:center;justify-content:center;
  color:var(--w);
}
.post-card-body{
  padding:28px;
  display:flex;flex-direction:column;flex:1;
}
.post-card-meta{
  display:flex;align-items:center;gap:16px;
  font-size:13px;color:var(--g500);margin-bottom:14px;flex-wrap:wrap;
}
.post-card-cat{
  background:var(--c8);color:var(--c3);
  padding:4px 14px;border-radius:var(--rr);
  font-size:12px;font-weight:700;
}
.post-card-title{
  font-size:20px;font-weight:800;
  line-height:1.5;color:var(--g900);
  margin-bottom:12px;transition:var(--tr);
}
.post-card-title a{color:inherit;text-decoration:none}
.post-card-title a:hover{color:var(--c3)}
.post-card-excerpt{
  font-size:15px;color:var(--g500);
  line-height:1.8;margin-bottom:20px;flex:1;
  display:-webkit-box;-webkit-line-clamp:3;
  -webkit-box-orient:vertical;overflow:hidden;
}
.post-card-link{
  display:inline-flex;align-items:center;gap:8px;
  color:var(--c3);font-weight:700;font-size:15px;
  transition:var(--tr);margin-top:auto;text-decoration:none;
}
.post-card-link:hover{color:var(--c4);gap:12px}
.post-card-link svg{transition:var(--tr)}

/* ═══════ PAGINATION ═══════ */
.pagination{
  display:flex;align-items:center;justify-content:center;
  gap:8px;flex-wrap:wrap;
}
.pagination a,.pagination span{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:44px;height:44px;padding:0 16px;
  border-radius:var(--r);font-weight:700;font-size:15px;
  transition:var(--tr);border:1px solid var(--g200);
  color:var(--g600);text-decoration:none;
}
.pagination a:hover{
  background:var(--c8);border-color:var(--c5);color:var(--c3);
}
.pagination .current{
  background:var(--g1);color:var(--w);border-color:transparent;
}
.pagination .dots{border:none;background:none}

/* ══════════════════════════════════════
   SINGLE POST — Ultra Layout
   ══════════════════════════════════════ */

.single-article{padding:0 0 60px}
.single-article .container{max-width:none;padding:0}

.single-layout{
  display:grid;
  grid-template-columns:1fr 60px;
  gap:0;
  max-width:920px;
  margin:0 auto;
  padding:48px 20px 0;
  position:relative;
}

.single-main{
  max-width:800px;
  width:100%;
}

/* ═══════ ARTICLE HEADER ═══════ */
.single-header{margin-bottom:36px}
.single-cats{
  display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;
}
.single-cats a{
  background:var(--c8);color:var(--c3);
  padding:6px 18px;border-radius:var(--rr);
  font-size:13px;font-weight:700;
  transition:var(--tr);text-decoration:none;
  border:1px solid transparent;
}
.single-cats a:hover{background:var(--c7);border-color:var(--c5)}

.single-title{
  font-size:clamp(28px,4.5vw,44px);font-weight:900;
  line-height:1.35;color:var(--g900);margin-bottom:20px;
  letter-spacing:-0.02em;
}

.single-meta{
  display:flex;align-items:center;gap:20px;
  font-size:14px;color:var(--g500);flex-wrap:wrap;
}
.single-meta-item{
  display:inline-flex;align-items:center;gap:6px;
}
.single-meta-item svg{color:var(--c4);flex-shrink:0}
.single-meta-item time{color:var(--g600)}

/* ═══════ FEATURED IMAGE ═══════ */
.single-featured{
  border-radius:var(--r2);overflow:hidden;
  margin-bottom:36px;
  box-shadow:0 8px 30px rgba(0,0,0,.08);
}
.single-featured img{
  width:100%;height:auto;display:block;
  aspect-ratio:16/9;object-fit:cover;
}

/* ═══════ TABLE OF CONTENTS ═══════ */
.toc-wrap{
  background:var(--g50);
  border:1px solid var(--g200);
  border-radius:var(--r2);
  margin-bottom:36px;
  overflow:hidden;
}
.toc-toggle{
  display:flex;align-items:center;gap:10px;
  width:100%;padding:18px 24px;
  background:none;border:none;cursor:pointer;
  font-size:16px;font-weight:800;color:var(--g900);
  font-family:inherit;
  transition:var(--tr);
}
.toc-toggle:hover{background:var(--g100)}
.toc-toggle .toc-chevron{
  margin-right:auto;transition:transform .3s;
}
.toc-body{padding:0 24px 20px}
.toc-list{
  margin:0;padding:0;list-style:none;
  counter-reset:toc;
}
.toc-list li{
  counter-increment:toc;
  border-bottom:1px solid var(--g200);
}
.toc-list li:last-child{border:none}
.toc-list li a{
  display:flex;align-items:center;gap:10px;
  padding:12px 8px;color:var(--g700);
  font-size:15px;font-weight:500;
  text-decoration:none;transition:var(--tr);
  border-radius:var(--r);
}
.toc-list li a::before{
  content:counter(toc);
  display:flex;align-items:center;justify-content:center;
  width:28px;height:28px;border-radius:50%;
  background:var(--c8);color:var(--c3);
  font-size:12px;font-weight:800;flex-shrink:0;
  transition:var(--tr);
}
.toc-list li a:hover{
  color:var(--c3);background:var(--c8);padding-right:14px;
}
.toc-list li a:hover::before{
  background:var(--c3);color:var(--w);
}
.toc-list li.toc-sub a{
  padding-right:50px;font-size:14px;color:var(--g500);
}
.toc-list li.toc-sub a::before{
  width:22px;height:22px;font-size:10px;
  background:var(--g100);color:var(--g500);
}

/* ══════════════════════════════════════
   ARTICLE CONTENT — Typography Master
   ══════════════════════════════════════ */
.single-content{
  font-size:18px;line-height:1.95;color:var(--g700);
  word-break:break-word;overflow-wrap:break-word;
}

/* Headings */
.single-content h2{
  font-size:clamp(22px,3.5vw,30px);font-weight:900;
  color:var(--g900);margin:56px 0 20px;line-height:1.4;
  padding-right:18px;
  border-right:4px solid var(--c4);
  position:relative;
}
.single-content h2:first-child{margin-top:0}
.single-content h3{
  font-size:clamp(18px,3vw,24px);font-weight:800;
  color:var(--g900);margin:40px 0 16px;line-height:1.4;
}
.single-content h4{
  font-size:20px;font-weight:700;
  color:var(--c1);margin:32px 0 12px;
}
.single-content h5{
  font-size:18px;font-weight:700;
  color:var(--g700);margin:24px 0 10px;
}

/* Paragraphs */
.single-content p{margin-bottom:22px}
.single-content p:last-child{margin-bottom:0}

/* Strong & emphasis */
.single-content strong{color:var(--g900);font-weight:800}
.single-content em{font-style:italic;color:var(--g600)}

/* Links */
.single-content a{
  color:var(--c3);font-weight:600;
  text-decoration:underline;
  text-decoration-color:var(--c6);
  text-underline-offset:3px;
  transition:var(--tr);
}
.single-content a:hover{
  color:var(--c4);
  text-decoration-color:var(--c4);
}

/* Lists */
.single-content ul,.single-content ol{
  margin:20px 0 28px;padding-right:0;
  list-style:none;
}
.single-content ul li,.single-content ol li{
  margin-bottom:14px;line-height:1.85;
  padding-right:32px;position:relative;
}
.single-content ul li::before{
  content:'';position:absolute;right:8px;top:12px;
  width:8px;height:8px;border-radius:50%;
  background:var(--g1);flex-shrink:0;
}
.single-content ol{counter-reset:ol-counter}
.single-content ol li{counter-increment:ol-counter}
.single-content ol li::before{
  content:counter(ol-counter);
  position:absolute;right:4px;top:2px;
  width:24px;height:24px;border-radius:50%;
  background:var(--c8);color:var(--c3);
  font-size:12px;font-weight:800;
  display:flex;align-items:center;justify-content:center;
}

/* Nested lists */
.single-content ul ul,.single-content ol ol,
.single-content ul ol,.single-content ol ul{
  margin:10px 0 0;
}

/* Blockquote */
.single-content blockquote{
  background:linear-gradient(135deg,var(--c8),#f0ebff);
  border-right:4px solid var(--c4);
  padding:28px 32px;
  border-radius:0 var(--r2) var(--r2) 0;
  margin:32px 0;
  font-style:normal;color:var(--c1);
  position:relative;
}
.single-content blockquote::before{
  content:'"';position:absolute;top:8px;right:16px;
  font-size:48px;color:var(--c5);opacity:.3;
  font-family:Georgia,serif;line-height:1;
}
.single-content blockquote p{margin-bottom:0}
.single-content blockquote cite{
  display:block;margin-top:12px;
  font-size:14px;color:var(--g500);font-style:normal;
}

/* Images */
.single-content img{
  border-radius:var(--r2);margin:28px 0;
  max-width:100%;height:auto;display:block;
  box-shadow:0 4px 20px rgba(0,0,0,.06);
}
.single-content .wp-block-image{margin:32px 0}
.single-content .wp-block-image img{margin:0}
.single-content .wp-block-image figcaption{
  text-align:center;font-size:13px;color:var(--g500);
  margin-top:10px;line-height:1.6;
}

/* Tables */
.single-content table{
  width:100%;border-collapse:separate;border-spacing:0;
  margin:28px 0;font-size:15px;
  border-radius:var(--r);overflow:hidden;
  border:1px solid var(--g200);
}
.single-content th,.single-content td{
  padding:14px 18px;
  text-align:right;
  border-bottom:1px solid var(--g200);
}
.single-content th{
  background:var(--c8);color:var(--c1);font-weight:700;
  font-size:14px;
}
.single-content tr:last-child td{border-bottom:none}
.single-content tr:nth-child(even) td{background:var(--g50)}
.single-content tr:hover td{background:var(--c8)}

/* Code */
.single-content code{
  background:var(--g50);border:1px solid var(--g200);
  padding:2px 8px;border-radius:6px;
  font-size:0.9em;direction:ltr;
  font-family:'Courier New',monospace;
}
.single-content pre{
  background:var(--g900);color:#e5e7eb;
  padding:24px;border-radius:var(--r);
  overflow-x:auto;margin:28px 0;
  font-size:14px;line-height:1.7;direction:ltr;
}
.single-content pre code{
  background:none;border:none;padding:0;
  color:inherit;font-size:inherit;
}

/* Separators */
.single-content hr,
.single-content .wp-block-separator{
  border:none;height:1px;
  background:linear-gradient(to left,transparent,var(--g200),transparent);
  margin:48px 0;
}

/* WP Blocks */
.single-content .wp-block-heading{scroll-margin-top:80px}
.single-content .has-text-align-center{text-align:center}
.single-content .has-text-align-left{text-align:left}
.single-content .has-text-align-right{text-align:right}

/* Rank Math FAQ */
.single-content .rank-math-question{
  background:var(--g50);
  border:1px solid var(--g200);
  border-radius:var(--r);
  padding:20px 24px;margin:16px 0;
  transition:var(--tr);
}
.single-content .rank-math-question:hover{
  border-color:var(--c5);box-shadow:var(--sh);
}
.single-content .rank-math-question h2,
.single-content .rank-math-question h3{
  border:none;padding:0;margin:0 0 10px;
  font-size:18px;
}
.single-content .rank-math-question p{
  margin:0;font-size:16px;
}

/* ═══════ TAGS ═══════ */
.single-tags{
  display:flex;align-items:center;gap:10px;
  flex-wrap:wrap;padding:24px 0;
  border-top:1px solid var(--g200);
  margin-top:40px;
}
.single-tags svg{color:var(--g500);flex-shrink:0}
.single-tags a{
  background:var(--g50);color:var(--g600);
  padding:6px 16px;border-radius:var(--rr);
  font-size:13px;font-weight:600;
  border:1px solid var(--g200);
  transition:var(--tr);text-decoration:none;
}
.single-tags a:hover{
  background:var(--c8);color:var(--c3);border-color:var(--c5);
}

/* ═══════ SHARE BUTTONS ═══════ */
.share-section{
  margin:40px 0;padding:32px;
  background:var(--g50);border-radius:var(--r2);
  border:1px solid var(--g200);
}
.share-title{
  display:flex;align-items:center;justify-content:center;gap:10px;
  font-size:18px;font-weight:800;
  color:var(--g900);margin-bottom:20px;
}
.share-title svg{color:var(--c4)}
.share-btns{
  display:flex;gap:10px;justify-content:center;flex-wrap:wrap;
}
.share-btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:12px 22px;border-radius:var(--r);
  font-size:14px;font-weight:700;color:var(--w);
  transition:var(--tr);text-decoration:none;
  border:none;cursor:pointer;font-family:inherit;
}
.share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}
.share-btn--wa{background:#25d366}
.share-btn--tw{background:#000}
.share-btn--li{background:#0077b5}
.share-btn--fb{background:#1877f2}
.share-btn--copy{background:var(--g900)}
.share-btn--copy.copied{background:var(--c3)}

/* ═══════ AUTHOR BOX ═══════ */
.author-box{
  display:flex;align-items:flex-start;gap:20px;
  padding:32px;background:var(--w);
  border-radius:var(--r2);border:1px solid var(--g200);
  margin:32px 0;
  transition:var(--tr);
}
.author-box:hover{border-color:var(--c5);box-shadow:var(--sh)}
.author-avatar{
  width:64px;height:64px;border-radius:var(--r);
  background:var(--g1);display:flex;
  align-items:center;justify-content:center;
  color:var(--w);font-size:24px;font-weight:900;
  flex-shrink:0;
}
.author-label{
  font-size:12px;color:var(--c4);font-weight:700;
  text-transform:uppercase;letter-spacing:1px;
  margin-bottom:2px;
}
.author-info h4{
  font-size:18px;font-weight:800;color:var(--g900);margin-bottom:6px;
}
.author-info p{font-size:14px;color:var(--g500);line-height:1.7;margin:0}
.author-info p:first-child{margin-bottom:2px}

/* ═══════ POST NAVIGATION ═══════ */
.post-nav{
  display:grid;grid-template-columns:1fr 1fr;
  gap:16px;margin:40px 0 0;
}
.post-nav-item{
  display:flex;flex-direction:column;gap:6px;
  padding:20px 24px;
  background:var(--g50);border:1px solid var(--g200);
  border-radius:var(--r2);
  text-decoration:none;transition:var(--tr);
}
.post-nav-item:hover{
  border-color:var(--c5);background:var(--c8);
  transform:translateY(-2px);
}
.post-nav-label{
  display:flex;align-items:center;gap:6px;
  font-size:12px;color:var(--c4);font-weight:700;
  text-transform:uppercase;letter-spacing:0.5px;
}
.post-nav-label svg{flex-shrink:0}
.post-nav-title{
  font-size:15px;font-weight:700;color:var(--g900);
  line-height:1.5;
  display:-webkit-box;-webkit-line-clamp:2;
  -webkit-box-orient:vertical;overflow:hidden;
}
.post-nav-next{text-align:left}
.post-nav-next .post-nav-label{justify-content:flex-end}

/* ═══════ SIDEBAR (Desktop Share) ═══════ */
.single-sidebar{
  position:relative;
}
.sidebar-sticky{
  position:sticky;top:100px;
  display:flex;flex-direction:column;gap:10px;
  align-items:center;
  padding-top:20px;
}
.sidebar-share{
  display:flex;flex-direction:column;gap:8px;
}
.sidebar-share-btn{
  width:44px;height:44px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:var(--g500);background:var(--g50);
  border:1px solid var(--g200);
  transition:var(--tr);cursor:pointer;
  text-decoration:none;font-size:16px;
}
.sidebar-share-btn:hover{
  transform:scale(1.15);
}
.sidebar-share--wa:hover{background:#25d366;color:#fff;border-color:#25d366}
.sidebar-share--tw:hover{background:#000;color:#fff;border-color:#000}
.sidebar-share--li:hover{background:#0077b5;color:#fff;border-color:#0077b5}
.sidebar-share--copy:hover{background:var(--c3);color:#fff;border-color:var(--c3)}

/* ═══════ RELATED POSTS ═══════ */
.related-section{
  padding:80px 0;
  background:var(--g50);
  border-top:1px solid var(--g200);
}
.related-section .sec-title{margin-bottom:40px}
.related-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}

/* ═══════ BLOG CTA ═══════ */
.blog-cta{
  padding:80px 0;
  background:var(--g3);
  text-align:center;
  position:relative;overflow:hidden;
}
.blog-cta::before{
  content:'';position:absolute;inset:0;
  background-image:linear-gradient(var(--w05) 1px,transparent 1px),linear-gradient(90deg,var(--w05) 1px,transparent 1px);
  background-size:60px 60px;opacity:.2;pointer-events:none;
}
.blog-cta .container{position:relative;z-index:2}
.blog-cta-title{
  font-size:clamp(24px,4vw,38px);font-weight:900;
  color:var(--w);margin-bottom:16px;
}
.blog-cta-desc{
  font-size:17px;color:var(--w7);
  max-width:550px;margin:0 auto 32px;line-height:1.8;
}

/* ═══════ NO POSTS ═══════ */
.no-posts{text-align:center;padding:80px 20px}
.no-posts svg{color:var(--c5);margin-bottom:20px}
.no-posts h2{font-size:28px;font-weight:800;color:var(--g900);margin-bottom:12px}
.no-posts p{font-size:16px;color:var(--g500)}

/* ═══════ CONTENT ENHANCEMENTS ═══════ */
/* Inline CTA blocks from content */
.single-content div[style*="gradient"]{
  border-radius:var(--r2)!important;
  margin:40px 0!important;
}

/* Image alignments */
.single-content .aligncenter{
  display:block;margin:28px auto;text-align:center;
}
.single-content .alignright{float:right;margin:0 0 20px 20px;max-width:50%}
.single-content .alignleft{float:left;margin:0 20px 20px 0;max-width:50%}
.single-content .size-full img,
.single-content .size-large img{
  width:100%;height:auto;
}

/* WP gallery */
.single-content .wp-block-gallery{
  display:grid;gap:8px;margin:28px 0;
}
.single-content .wp-block-gallery .wp-block-image{margin:0}
.single-content .wp-block-gallery .wp-block-image img{
  margin:0;border-radius:var(--r);
}

/* ══════════════════════════════════════
   RESPONSIVE — Tablet
   ══════════════════════════════════════ */
@media(max-width:1024px){
  .single-layout{
    grid-template-columns:1fr;
    max-width:760px;
  }
  .single-sidebar{display:none}
  .related-grid{grid-template-columns:repeat(2,1fr)}
}

/* ══════════════════════════════════════
   RESPONSIVE — Mobile
   ══════════════════════════════════════ */
@media(max-width:768px){
  .blog-grid{grid-template-columns:1fr;gap:24px}
  .related-grid{grid-template-columns:1fr;gap:20px}
  .post-card-body{padding:20px}
  .post-card-title{font-size:18px}
  .blog-hero{padding:120px 0 60px}

  .single-layout{padding:32px 16px 0}
  .single-content{font-size:17px;line-height:1.9}
  .single-content h2{font-size:22px;margin:40px 0 16px}
  .single-content h3{font-size:20px}

  .single-meta{gap:14px}

  .author-box{flex-direction:column;text-align:center;align-items:center}
  .author-label{text-align:center}

  .share-btns{flex-direction:column;align-items:stretch}
  .share-btn{justify-content:center}

  .post-nav{grid-template-columns:1fr;gap:12px}
  .post-nav-next{text-align:right}
  .post-nav-next .post-nav-label{justify-content:flex-start}

  .toc-toggle{padding:16px 20px;font-size:15px}
  .toc-body{padding:0 20px 16px}
  .toc-list li a{padding:10px 6px;font-size:14px}
  .toc-list li.toc-sub a{padding-right:42px;font-size:13px}

  .single-content .alignright,
  .single-content .alignleft{
    float:none;max-width:100%;margin:20px 0;
  }
}

/* Mobile fixes */
html,body{overflow-x:hidden}

@media(max-width:480px){
  .blog-hero{padding:100px 0 50px}
  .blog-hero-tag{font-size:11px;padding:6px 14px}
  .blog-hero-desc{font-size:14px;line-height:1.7}

  .blog-grid{grid-template-columns:1fr;gap:16px;margin-bottom:40px}
  .post-card-body{padding:16px}
  .post-card-title{font-size:16px;margin-bottom:8px}
  .post-card-excerpt{font-size:13px;line-height:1.7;margin-bottom:14px}
  .post-card-meta{font-size:12px;gap:10px;margin-bottom:10px}
  .post-card-cat{font-size:11px;padding:3px 10px}
  .post-card-link{font-size:13px}

  .single-layout{padding:24px 14px 0}
  .single-header{margin-bottom:24px}
  .single-content{font-size:16px;line-height:1.85}
  .single-content h2{font-size:20px;margin:32px 0 14px;padding-right:14px}
  .single-content h3{font-size:18px;margin:24px 0 12px}
  .single-content h4{font-size:17px}
  .single-content blockquote{padding:20px 24px;margin:24px 0}
  .single-content ul li,.single-content ol li{padding-right:28px}

  .single-meta{gap:10px;font-size:13px}
  .single-cats a{font-size:12px;padding:4px 12px}
  .single-featured{margin-bottom:24px;border-radius:var(--r)}

  .share-section{padding:24px 16px;margin:28px 0}
  .share-title{font-size:16px}
  .share-btn{padding:10px 18px;font-size:13px;border-radius:var(--r)}

  .author-box{padding:24px 16px;gap:14px}
  .author-avatar{width:52px;height:52px;font-size:20px}
  .author-info h4{font-size:16px}
  .author-info p{font-size:13px}

  .related-section{padding:50px 0}
  .related-grid{grid-template-columns:1fr;gap:16px}

  .pagination a,.pagination span{
    min-width:38px;height:38px;padding:0 12px;font-size:14px;
  }

  .blog-cta{padding:50px 0}
  .blog-cta-desc{font-size:15px}

  .no-posts{padding:50px 16px}
  .no-posts h2{font-size:22px}
  .no-posts p{font-size:14px}

  .breadcrumb{padding:12px 0}
  .breadcrumb-list{font-size:12px}

  .single-content table{font-size:14px;display:block;overflow-x:auto}
  .single-content th,.single-content td{padding:10px 12px;white-space:nowrap}

  .post-nav-item{padding:16px}
  .post-nav-title{font-size:14px}
}

@media(max-width:360px){
  .blog-hero{padding:90px 12px 40px}
  .blog-hero-tag{font-size:10px;padding:5px 12px;gap:5px}
  .blog-hero-desc{font-size:13px}

  .blog-grid{gap:14px;margin-bottom:32px}
  .post-card-body{padding:14px}
  .post-card-title{font-size:15px}
  .post-card-excerpt{font-size:12.5px;-webkit-line-clamp:2}
  .post-card-meta{font-size:11px;gap:8px}
  .post-card-link{font-size:12px}

  .single-layout{padding:20px 12px 0}
  .single-content{font-size:15px;line-height:1.8}
  .single-content h2{font-size:18px;margin:28px 0 12px}
  .single-content h3{font-size:16px}
  .single-content h4{font-size:15px}
  .single-content blockquote{padding:16px 18px}
  .single-content table{font-size:13px}
  .single-meta{gap:8px;font-size:12px}

  .share-section{padding:20px 12px;margin:24px 0}
  .share-title{font-size:15px}
  .share-btn{padding:8px 14px;font-size:12px}

  .author-box{padding:18px 14px;gap:12px}
  .author-avatar{width:44px;height:44px;font-size:18px}
  .author-info h4{font-size:15px}
  .author-info p{font-size:12px}

  .related-section{padding:40px 0}
  .related-grid{gap:14px}

  .pagination{gap:6px}
  .pagination a,.pagination span{
    min-width:34px;height:34px;padding:0 10px;font-size:13px;
  }

  .blog-cta{padding:40px 0}
  .blog-cta-desc{font-size:14px;line-height:1.7}

  .breadcrumb{padding:10px 0}
  .breadcrumb-list{font-size:11px}
}

/* ═══════ PRINT STYLES ═══════ */
@media print{
  .reading-progress,.single-sidebar,.share-section,
  .blog-cta,.related-section,.post-nav,.breadcrumb,
  .toc-wrap{display:none!important}
  .single-content{font-size:12pt;line-height:1.6;color:#000}
  .single-content h2{font-size:16pt;border-color:#000}
  .single-content a{color:#000;text-decoration:underline}
  .single-content img{max-width:100%}
}