/* SINGLE-POST.CSS - Page Scoped Styles */

/* ── Scope: protect header & footer ── */
  body { font-family:'Avenir Next','Avenir',sans-serif!important; margin:0!important; }
  footer a,header a { text-decoration:none!important; color:inherit!important; }
  footer ul { list-style:none!important; padding:0!important; margin:0!important; }
  footer h4 { font-size:1rem!important; font-weight:700!important; margin-bottom:1rem!important; color:#000!important; }
  footer p  { margin:0!important; }
  footer > div { display:grid!important; }
  footer .flex { display:flex!important; }
  footer > div.border-t { text-align:center!important; }
  header { text-align:left!important; }

  /* ── Single Blog ── */
  #single-blog-scope { background:#fff; }

  /* Breadcrumb */
  #single-blog-scope .sb-breadcrumb {
    padding:12px 0;
    font-family:'Urbanist','Helvetica Neue',sans-serif;
    font-weight:400;
    font-style:normal;
    font-size:18px;
    line-height:20px;
    letter-spacing:0.6px;
    color:#5e718d;
    background:#fff; border:none;
  }
  #single-blog-scope .sb-breadcrumb a { color:#5e718d; text-decoration:none; font-family:inherit; font-size:inherit; font-weight:inherit; letter-spacing:inherit; }
  #single-blog-scope .sb-breadcrumb a:hover { color:#0f3cd9; }
  #single-blog-scope .sb-breadcrumb .sep { margin:0 8px; color:#ccd2de; }
  #single-blog-scope .sb-breadcrumb .current { color:#1c222b; font-weight:400; font-family:inherit; font-size:inherit; letter-spacing:inherit; }

  /* Hero Banner */
  #single-blog-scope .sb-hero {
    position:relative; min-height:340px; display:flex;
    align-items:flex-end; overflow:hidden;
    background: #0a1628;
    border-radius:16px;
    padding: 60px 40px;
  }
  #single-blog-scope .sb-hero-bg {
    position:absolute; inset:0; background-size:cover;
    background-position:center; opacity:0.68;
    z-index:0;
  }
  #single-blog-scope .sb-hero::before {
    content:''; position:absolute; inset:0;
    background: linear-gradient(180deg, rgba(10, 22, 40, 0.3) 0%, rgba(10, 22, 40, 0.82) 100%);
    z-index:1;
  }
  #single-blog-scope .sb-hero-content { position:relative; z-index:2; width:100%; padding:0; }
  #single-blog-scope .sb-hero h1 {
    font-family:'Urbanist','Helvetica Neue',sans-serif;
    font-size:2rem; font-weight:800; color:#fff; line-height:1.3; margin:0;
  }

  /* Author Bar */
  #single-blog-scope .sb-author-bar {
    background:#fff; padding:16px 0;
    border: none;
  }
  #single-blog-scope .sb-author-bar img {
    width:46px; height:46px; border-radius:50%; object-fit:cover; flex-shrink:0;
  }
  #single-blog-scope .sb-author-name {
    font-family: 'Urbanist', 'Helvetica Neue', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #1c222b;
  }
  #single-blog-scope .sb-author-meta {
    font-size:12px; color:#8a96a8;
    display:flex; align-items:center; gap:10px; margin-top:3px; flex-wrap:wrap;
  }
  #single-blog-scope .sb-author-meta span { display:flex; align-items:center; gap:4px; }
  #single-blog-scope .sb-dot { width:4px; height:4px; background:#c8d0dd; border-radius:50%; display:inline-block; }

  /* Article */
  #single-blog-scope .sb-article { background:#fff; padding:48px 0 64px; }
  #single-blog-scope .sb-article h1.article-title {
    font-family:'Urbanist','Helvetica Neue',sans-serif;
    font-size:1.8rem; font-weight:800; color:#1c222b;
    line-height:1.35; margin-bottom:24px;
  }
  #single-blog-scope .sb-article .entry-content p { font-size:15px; color:#3d4a5c; line-height:1.85; margin-bottom:20px; }
  #single-blog-scope .sb-article .entry-content h2 {
    font-family:'Urbanist','Helvetica Neue',sans-serif;
    font-size:1.25rem; font-weight:700; color:#1c222b;
    margin-top:38px; margin-bottom:14px; line-height:1.4;
  }
  #single-blog-scope .sb-article .entry-content h3 {
    font-family:'Urbanist','Helvetica Neue',sans-serif;
    font-size:1.05rem; font-weight:700; color:#1c222b;
    margin-top:28px; margin-bottom:10px;
  }
  /* Article Content Lists & Markers */
  #single-blog-scope .sb-article .entry-content ul {
    list-style-type: disc !important;
    list-style-position: outside !important;
    padding-left: 28px !important;
    margin-top: 14px !important;
    margin-bottom: 24px !important;
  }
  #single-blog-scope .sb-article .entry-content ol {
    list-style-type: decimal !important;
    list-style-position: outside !important;
    padding-left: 28px !important;
    margin-top: 14px !important;
    margin-bottom: 24px !important;
  }
  #single-blog-scope .sb-article .entry-content ul ul {
    list-style-type: circle !important;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    padding-left: 24px !important;
  }
  #single-blog-scope .sb-article .entry-content ul ul ul {
    list-style-type: square !important;
  }
  #single-blog-scope .sb-article .entry-content li {
    display: list-item !important;
    font-size: 16px !important;
    color: #334155 !important;
    line-height: 1.85 !important;
    margin-bottom: 8px !important;
    padding-left: 4px !important;
  }
  #single-blog-scope .sb-article .entry-content li::marker {
    color: #0f3cd9 !important;
    font-weight: 700 !important;
  }
  #single-blog-scope .sb-article .entry-content a { color:#0f3cd9; }
  #single-blog-scope .sb-article .entry-content blockquote {
    border-left:4px solid #0f3cd9; padding:14px 18px;
    background:#f0f4ff; border-radius:0 8px 8px 0; margin:24px 0;
    font-size:15px; color:#1c222b; line-height:1.7;
  }

  /* Related Posts */
  #single-blog-scope .sb-related { background:#f4f6fb; padding:48px 0 60px; }
  #single-blog-scope .sb-related h2 {
    font-family:'Urbanist','Helvetica Neue',sans-serif;
    font-size:1.4rem; font-weight:700; color:#1c222b; margin-bottom:28px;
  }
  #single-blog-scope .rel-card {
    border:1px solid #e3e8f0; border-radius:14px; overflow:hidden;
    background:#fff; box-shadow:0 2px 8px rgba(0,0,0,0.05);
    transition:box-shadow .3s,transform .3s; text-decoration:none; color:inherit; display:flex; flex-direction:column;
  }
  #single-blog-scope .rel-card:hover { box-shadow:0 8px 24px rgba(0,0,0,0.12); transform:translateY(-3px); color:inherit; text-decoration:none; }
  #single-blog-scope .rel-card .rel-img { height:160px; overflow:hidden; }
  #single-blog-scope .rel-card .rel-img img { width:100%; height:100%; object-fit:cover; transition:transform .4s; }
  #single-blog-scope .rel-card:hover .rel-img img { transform:scale(1.06); }
  #single-blog-scope .rel-card .rel-body { padding:14px 16px 18px; }
  #single-blog-scope .rel-card .rel-body h3 {
    font-family:'Urbanist','Helvetica Neue',sans-serif;
    font-size:.88rem; font-weight:700; color:#1c222b; line-height:1.5;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
    margin-bottom:8px; transition:color .2s;
  }
  #single-blog-scope .rel-card:hover .rel-body h3 { color:#0f3cd9; }
  #single-blog-scope .rel-card .rel-date { font-size:.72rem; color:#9faab7; }

  @media(max-width:768px){
    #single-blog-scope .sb-hero { min-height:240px; }
    #single-blog-scope .sb-hero h1 { font-size:1.4rem; }
    #single-blog-scope .sb-article h1.article-title { font-size:1.3rem; }
  }