/* Single Post Specific Styles - Scoped to .single-post */
.single-post {
  /* Detail Layout */
  --ink:#010D1E;--navy:#04162E;--deep:#08274F;--royal:#0C3D7A;
  --cobalt:#1459B3;--azure:#1E72D4;--cerulean:#3B9AE8;--sky:#75C0F5;
  --pale:#BAE0FF;--frost:#E3F2FF;--surface:#F2F7FF;--white:#FFFFFF;
  --gold:#BF9B30;--gold-lt:#E8C558;
  --td:#030E1E;--tb:#162740;--tm:#385270;--ts:#6880A0;
  --gw:rgba(255,255,255,.05);--gb:rgba(255,255,255,.10);
  --sh1:0 2px 14px rgba(12,61,122,.07);--sh2:0 8px 36px rgba(12,61,122,.12);--sh3:0 20px 60px rgba(12,61,122,.17);
  --ease:cubic-bezier(.22,1,.36,1);--max:1360px;
}

/* Main Layout */
.single-post .main-wrap{padding:clamp(2.5rem,4.5vw,4.5rem)0}
.single-post .container{max-width:var(--max);margin:0 auto;padding:0 clamp(1.2rem,4vw,2.8rem)}
.single-post .detail-layout{display:grid;grid-template-columns:1fr 310px;gap:2.8rem;align-items:start}

/* Breadcrumb */
.single-post .bc{display:flex;align-items:center;gap:.45rem;font-size:.72rem;color:var(--ts);margin-bottom:1.4rem;flex-wrap:wrap}
.single-post .bc a{color:var(--cobalt);transition:color .2s}
.single-post .bc a:hover{color:var(--azure)}

/* Article Header */
.single-post .art-hdr{margin-bottom:2.4rem}
.single-post .art-hdr-cat{display:inline-block;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:.28rem .72rem;border-radius:7px;margin-bottom:1rem}
.single-post .art-hdr-cat .category-badge{display:inline-block;background:rgba(30,114,212,.9);color:#fff;padding:.5rem 1.2rem;border-radius:8px;font-size:.8rem;font-weight:600;font-family:"Plus Jakarta Sans",sans-serif;text-decoration:none;transition:background .3s}
.single-post .art-hdr-title{font-family:"Cormorant Garamond",serif;font-size:clamp(1.8rem,3.2vw,2.9rem);font-weight:700;color:var(--td);line-height:1.18;margin-bottom:1rem}
.single-post .art-hdr-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:1rem 0;border-top:1px solid #C8DEFF;border-bottom:1px solid #C8DEFF;margin-bottom:1.5rem}

/* Author & Meta */
.single-post .meta-author{display:flex;align-items:center;gap:.7rem}
.single-post .author-av{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--royal),var(--azure));display:flex;align-items:center;justify-content:center;font-family:"Cormorant Garamond",serif;font-size:1rem;font-weight:700;color:#fff;flex-shrink:0}
.single-post .author-nm{font-size:.83rem;font-weight:700;color:var(--td)}
.single-post .author-role{font-size:.7rem;color:var(--ts)}
.single-post .meta-info{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;margin-left:auto}
.single-post .meta-info span{display:flex;align-items:center;gap:.3rem;font-size:.85rem;color:var(--ts)}
.single-post .meta-info span svg{flex-shrink:0}
.single-post .meta-tag{font-size:.7rem;color:var(--ts);display:flex;align-items:center;gap:.3rem}

/* Featured Image */
.single-post .art-featured-img{border-radius:20px;overflow:hidden;margin-bottom:2rem;background:linear-gradient(135deg,var(--deep),var(--cobalt));min-height:320px;display:flex;align-items:center;justify-content:center;font-size:5rem;position:relative}
.single-post .art-featured-img figcaption{position:absolute;bottom:0;left:0;right:0;background:rgba(1,13,30,.72);color:rgba(255,255,255,.65);font-size:.75rem;padding:.65rem 1.1rem;font-style:italic}

/* Article Body */
.single-post .art-body{font-size:.97rem;color:var(--tb);line-height:1.88}
.single-post .art-body h2{font-family:"Cormorant Garamond",serif;font-size:clamp(1.3rem,2vw,1.75rem);font-weight:700;color:var(--td);margin:2.2rem 0 .75rem;padding-bottom:.5rem;border-bottom:2px solid var(--frost)}
.single-post .art-body p{margin-bottom:1.2rem}
.single-post .art-body p:last-child{margin-bottom:0}
.single-post .art-body strong{color:var(--td);font-weight:700}
.single-post .art-body a{color:var(--azure);text-decoration:underline}
.single-post .art-body a:hover{color:var(--cerulean)}

/* Article Body Images */
.single-post .art-body img{width:100%;height:auto;display:block;margin:1.5rem 0;border-radius:12px;box-shadow:var(--sh1);object-fit:cover}
.single-post .art-body img.alignleft,.single-post .art-body img.alignright,.single-post .art-body img.aligncenter{width:100%;float:none;margin:1.5rem 0;display:block}
.single-post .art-body figure{margin:1.5rem 0;width:100%}
.single-post .art-body figcaption{font-size:.8rem;color:var(--ts);text-align:center;padding:.5rem 0;font-style:italic}

/* Inline Ad */
.single-post .art-ad-inline{margin:2rem 0;background:var(--white);border:1px dashed #C8DEFF;border-radius:12px;min-height:90px;display:flex;align-items:center;justify-content:center;color:var(--ts);font-size:.75rem;font-weight:600}

/* Tags */
.single-post .art-tags{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #C8DEFF}
.single-post .tag-lbl{font-size:.72rem;font-weight:700;color:var(--tm)}
.single-post .tag-item{font-size:.75rem;font-weight:600;background:var(--frost);color:var(--cobalt);padding:.3rem .75rem;border-radius:8px;transition:all .2s;text-decoration:none}
.single-post .tag-item:hover{background:var(--azure);color:#fff}

/* Share Bar */
.single-post .share-bar{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;margin-top:1.5rem;padding:1.1rem 1.3rem;background:var(--white);border:1px solid #C8DEFF;border-radius:14px}
.single-post .share-lbl{font-size:.78rem;font-weight:700;color:var(--tm)}
.single-post .share-btn,.single-post .share-copy{display:flex;align-items:center;gap:.4rem;padding:.42rem .95rem;border-radius:8px;font-size:.77rem;font-weight:700;cursor:pointer;transition:all .22s;border:1.5px solid #C8DEFF;color:var(--tm);background:var(--white)}
.single-post .share-btn:hover{border-color:var(--azure);color:var(--cobalt);transform:scale(1.1)}
.single-post .share-copy{margin-left:auto}
.single-post .share-copy:hover{background:var(--frost);transform:scale(1.1)}

/* Related Posts */
.single-post .related-section{margin-top:1.5rem}
.single-post .related-section h2{font-family:"Cormorant Garamond",serif;font-size:1.5rem;font-weight:700;color:var(--td);margin-bottom:1.2rem}
.single-post .related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:1.5rem}
.single-post .rel-card{background:var(--white);border:1px solid #C8DEFF;border-radius:16px;overflow:hidden;transition:all .28s var(--ease);display:block;color:inherit;text-decoration:none}
.single-post .rel-card:hover{box-shadow:var(--sh2);transform:translateY(-3px);border-color:#ADDAFF}
.single-post .rel-thumb{height:110px;display:flex;align-items:center;justify-content:center;font-size:2rem}
.single-post .rel-body{padding:.9rem}
.single-post .rel-cat{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--cobalt);margin-bottom:.35rem}
.single-post .rel-title{font-size:.83rem;font-weight:700;color:var(--td);line-height:1.42;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Sidebar */
.single-post .sidebar-detail{position:sticky;top:84px;display:flex;flex-direction:column;gap:1.2rem}
.single-post .s-card{background:var(--white);border:1px solid #C8DEFF;border-radius:20px;overflow:hidden;box-shadow:var(--sh1)}
.single-post .s-head{background:linear-gradient(135deg,var(--navy),var(--royal));padding:.95rem 1.2rem;font-size:.65rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.single-post .s-body{padding:1rem}

/* Popular Posts */
.single-post .pop-item{display:flex;gap:.85rem;padding:.75rem 0;border-bottom:1px solid var(--surface);cursor:pointer;transition:opacity .2s}
.single-post .pop-item:last-child{border-bottom:none}
.single-post .pop-item:hover{opacity:.75}
.single-post .pop-num{font-family:"Cormorant Garamond",serif;font-size:1.6rem;font-weight:700;color:var(--pale);flex-shrink:0;line-height:1;width:24px}
.single-post .pop-title{font-size:.82rem;font-weight:700;color:var(--td);line-height:1.42;margin-bottom:.25rem}
.single-post .pop-meta{font-size:.68rem;color:var(--ts)}

/* Table of Contents */
.single-post .toc-list{display:flex;flex-direction:column;gap:.3rem}
.single-post .toc-item{display:flex;align-items:flex-start;gap:.55rem;padding:.42rem .52rem;border-radius:7px;font-size:.8rem;font-weight:600;color:var(--tm);cursor:pointer;transition:all .2s}
.single-post .toc-item:hover,.single-post .toc-item.on{background:var(--frost);color:var(--royal)}
.single-post .toc-item.on{border-left:3px solid var(--cobalt)}
.single-post .toc-n{font-family:"Cormorant Garamond",serif;font-size:.92rem;font-weight:700;color:var(--pale);flex-shrink:0}

/* Ads */
.single-post .ads-slot{background:var(--white);border:1px dashed #C8DEFF;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--ts);font-size:.75rem;font-weight:600;padding:.5rem}
.single-post .ads-sidebar-tall{min-height:400px}
.single-post .ads-lbl{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ts);text-align:center;margin-bottom:.4rem}

/* Toast */
.single-post .toast{position:fixed;bottom:5rem;right:1.8rem;z-index:1000;background:var(--deep);border:1px solid rgba(255,255,255,.12);color:#fff;font-size:.82rem;font-weight:600;padding:.7rem 1.3rem;border-radius:11px;box-shadow:0 8px 28px rgba(0,0,0,.4);transform:translateY(20px);opacity:0;transition:all .3s var(--ease);pointer-events:none}
.single-post .toast.show{transform:translateY(0);opacity:1}

/* Hover Effects */
.single-post .sidebar-detail a:hover{background:var(--frost)!important;color:var(--azure)!important;border-color:rgba(30,115,212,.2)!important}

/* Responsive Design */
@media(max-width:1000px){
  .single-post .detail-layout{grid-template-columns:1fr}
  .single-post .sidebar-detail{position:static}
  .single-post .related-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .single-post .related-grid{grid-template-columns:1fr 1fr}
  .single-post .share-bar{flex-direction:column;align-items:flex-start;gap:1rem}
  .single-post .art-hdr-meta{flex-direction:column;align-items:flex-start}
  .single-post .meta-info{margin-left:0}
}
@media(max-width:480px){
  .single-post .related-grid{grid-template-columns:1fr}
  .single-post .art-body img{border-radius:8px;margin:1rem 0}
}