/* SinceCode Blog v3 — Fixed all issues */
/* RESET */
body.sincecode-blog-active .scb-wrap{font-family:var(--scb-body-font,"DM Sans",sans-serif)!important;font-size:var(--scb-body-size,16px)!important;color:#1a1a2e!important;line-height:1.65!important;background:#fff!important;-webkit-font-smoothing:antialiased;overflow-x:hidden;padding:0!important;margin:0!important;width:100%!important;max-width:100%!important;float:none!important}
body.sincecode-blog-active .scb-wrap *{box-sizing:border-box!important}
body.sincecode-blog-active .scb-wrap a{text-decoration:none!important;color:inherit;transition:color .2s,opacity .2s;box-shadow:none!important}
body.sincecode-blog-active .scb-wrap img{max-width:100%!important;height:auto;display:block;border:0!important;box-shadow:none!important}
body.sincecode-blog-active .scb-wrap h1,body.sincecode-blog-active .scb-wrap h2,body.sincecode-blog-active .scb-wrap h3,body.sincecode-blog-active .scb-wrap h4{margin:0!important;padding:0!important;border:0!important;text-transform:none!important;letter-spacing:-.01em!important;background:none!important}
body.sincecode-blog-active .scb-wrap p{margin:0!important;padding:0!important}
body.sincecode-blog-active .scb-wrap ul,body.sincecode-blog-active .scb-wrap ol{list-style:none!important;margin:0!important;padding:0!important}

/* CONTAINER */
body.sincecode-blog-active .scb-container{max-width:1200px!important;margin:0 auto!important;padding:0 32px!important;width:100%!important;float:none!important}

/* META */
body.sincecode-blog-active .scb-meta-line{font-size:12px!important;font-weight:500!important;color:#6b6b7b!important;display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;background:none!important;border:0!important;padding:0!important;margin:0!important}
body.sincecode-blog-active .scb-meta-line .scb-label-type{color:#6b6b7b!important}
body.sincecode-blog-active .scb-meta-line .scb-label-cat{color:#1a1a2e!important;font-weight:700!important}
body.sincecode-blog-active .scb-meta-line .scb-label-cat:hover{color:#00d4aa!important}
body.sincecode-blog-active .scb-meta-line .scb-label-dot{color:#b0b0bc!important}
body.sincecode-blog-active .scb-meta-sep{color:#b0b0bc!important}
body.sincecode-blog-active .scb-meta-light{font-size:13px!important;color:#8a8a9a!important}
body.sincecode-blog-active .scb-author-name-text{font-size:13px!important;font-weight:600!important;color:#1a1a2e!important}
body.sincecode-blog-active .scb-author-meta{display:flex!important;align-items:center!important}
body.sincecode-blog-active .scb-author-link{display:flex!important;align-items:center!important;gap:10px!important}
body.sincecode-blog-active .scb-author-avatar{width:32px!important;height:32px!important;border-radius:50%!important;object-fit:cover!important;border:0!important}
body.sincecode-blog-active .scb-author-name{font-size:14px!important;font-weight:600!important;color:#1a1a2e!important}

/* BUTTONS */
body.sincecode-blog-active .scb-btn{display:inline-flex!important;align-items:center!important;padding:11px 26px!important;border-radius:24px!important;font-size:14px!important;font-weight:600!important;transition:all .25s!important;border:0!important;cursor:pointer!important;line-height:1.3!important;width:auto!important;max-width:fit-content!important}
body.sincecode-blog-active .scb-btn--dark{background:#1a1a2e!important;color:#fff!important}
body.sincecode-blog-active .scb-btn--dark:hover{background:#2d2d4a!important;color:#fff!important}
body.sincecode-blog-active .scb-btn--outline{background:transparent!important;color:#1a1a2e!important;border:1.5px solid #d0d0d8!important}
body.sincecode-blog-active .scb-btn--outline:hover{border-color:#1a1a2e!important}

/* ======== HERO ======== */
body.sincecode-blog-active .scb-hero{display:grid!important;grid-template-columns:1fr 1fr!important;gap:32px!important;align-items:center!important;padding:60px 0 48px!important}
body.sincecode-blog-active .scb-hero__text{display:flex!important;flex-direction:column!important;gap:16px!important}
body.sincecode-blog-active .scb-hero__title{font-family:var(--scb-heading-font,"Plus Jakarta Sans",sans-serif)!important;font-weight:800!important;font-size:clamp(26px,3vw,36px)!important;line-height:1.18!important;color:#1a1a2e!important}
body.sincecode-blog-active .scb-hero__title a{color:inherit!important}
body.sincecode-blog-active .scb-hero__title a:hover{color:#00d4aa!important}
body.sincecode-blog-active .scb-hero__img{display:flex!important;align-items:center!important;justify-content:center!important}
body.sincecode-blog-active .scb-hero__img img{max-height:320px!important;width:auto!important;max-width:100%!important;object-fit:contain!important}

/* ======== FEATURED 2-UP ======== */
body.sincecode-blog-active .scb-feat-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:24px!important;margin:0 0 56px!important}
body.sincecode-blog-active .scb-feat-card{border-radius:20px!important;overflow:hidden!important;background:#00d4aa!important;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s!important;border:0!important}
body.sincecode-blog-active .scb-feat-card:hover{transform:translateY(-6px)!important;box-shadow:0 18px 48px rgba(0,0,0,.1)!important}
body.sincecode-blog-active .scb-feat-card__img{display:block!important;width:100%!important;height:240px!important;overflow:hidden!important}
body.sincecode-blog-active .scb-feat-card__img img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .5s cubic-bezier(.22,1,.36,1)!important}
body.sincecode-blog-active .scb-feat-card:hover .scb-feat-card__img img{transform:scale(1.06)!important}
body.sincecode-blog-active .scb-feat-card__body{padding:20px 24px 24px!important}
body.sincecode-blog-active .scb-feat-card__title{font-family:var(--scb-heading-font,"Plus Jakarta Sans",sans-serif)!important;font-weight:700!important;font-size:clamp(17px,2vw,22px)!important;line-height:1.3!important;color:#1a1a2e!important;margin:10px 0 18px!important}
body.sincecode-blog-active .scb-feat-card__title a{color:inherit!important}
body.sincecode-blog-active .scb-feat-card__footer{display:flex!important;align-items:center!important;gap:12px!important}

/* ======== SECTION TITLE + PILLS ======== */
body.sincecode-blog-active .scb-section-title{font-family:var(--scb-heading-font,"Plus Jakarta Sans",sans-serif)!important;font-weight:800!important;font-size:clamp(24px,3vw,32px)!important;color:#1a1a2e!important;margin-bottom:20px!important;line-height:1.2!important;background:none!important}

body.sincecode-blog-active .scb-pills{display:flex!important;gap:8px!important;padding:0 0 32px!important;flex-wrap:wrap!important;border:0!important;background:none!important;margin:0!important}
body.sincecode-blog-active .scb-pill{display:inline-flex!important;align-items:center!important;padding:7px 18px!important;border-radius:20px!important;font-size:13px!important;font-weight:500!important;white-space:nowrap!important;border:1.5px solid #d5d7dc!important;color:#1a1a2e!important;background:#fff!important;transition:all .2s!important;line-height:1.4!important;cursor:pointer!important}
body.sincecode-blog-active .scb-pill:hover{border-color:#1a1a2e!important;background:#f5f6f8!important}
body.sincecode-blog-active .scb-pill--active{background:#1a1a2e!important;color:#fff!important;border-color:#1a1a2e!important}

/* ======== POST CARDS GRID ======== */
body.sincecode-blog-active .scb-grid{display:grid!important;gap:28px!important;margin-bottom:48px!important}
body.sincecode-blog-active .scb-grid--3{grid-template-columns:repeat(3,1fr)!important}
body.sincecode-blog-active .scb-grid--2{grid-template-columns:repeat(2,1fr)!important}
body.sincecode-blog-active .scb-grid--1{grid-template-columns:1fr!important}

body.sincecode-blog-active .scb-card{background:#fff!important;border-radius:16px!important;overflow:hidden!important;border:1px solid #ebebef!important;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s!important;display:flex!important;flex-direction:column!important}
body.sincecode-blog-active.scb-hover-lift .scb-card:hover{transform:translateY(-6px)!important;box-shadow:0 16px 40px rgba(0,0,0,.08)!important}
body.sincecode-blog-active .scb-card__img{display:block!important;width:100%!important;aspect-ratio:16/10!important;overflow:hidden!important;border-radius:16px 16px 0 0!important}
body.sincecode-blog-active .scb-card__img img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .5s cubic-bezier(.22,1,.36,1)!important}
body.sincecode-blog-active .scb-card:hover .scb-card__img img{transform:scale(1.05)!important}
body.sincecode-blog-active .scb-card__body{padding:18px 20px 22px!important;display:flex!important;flex-direction:column!important;flex:1!important}
body.sincecode-blog-active .scb-card__title{font-family:var(--scb-heading-font,"Plus Jakarta Sans",sans-serif)!important;font-weight:700!important;font-size:clamp(15px,1.5vw,18px)!important;line-height:1.35!important;color:#1a1a2e!important;margin:8px 0 14px!important}
body.sincecode-blog-active .scb-card__title a{color:inherit!important}
body.sincecode-blog-active .scb-card__title a:hover{color:#00d4aa!important}
body.sincecode-blog-active .scb-card__footer{margin-top:auto!important;display:flex!important;flex-direction:column!important;gap:4px!important}

/* ======== PAGINATION ======== */
body.sincecode-blog-active .scb-pagination{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:4px!important;padding:16px 0 56px!important}
body.sincecode-blog-active .scb-page-num,body.sincecode-blog-active .scb-page-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:36px!important;height:36px!important;border-radius:8px!important;font-size:14px!important;font-weight:500!important;color:#1a1a2e!important;background:transparent!important;border:0!important;transition:all .2s!important;padding:0 8px!important}
body.sincecode-blog-active .scb-page-num:hover{background:#f0f1f3!important}
body.sincecode-blog-active .scb-page-active{background:#1a1a2e!important;color:#fff!important}
body.sincecode-blog-active .scb-page-dots{width:32px!important;text-align:center!important;color:#8a8a9a!important}

/* ======== SINGLE POST ======== */
body.sincecode-blog-active .scb-single-wrap{padding-bottom:64px!important}
body.sincecode-blog-active .scb-single-top{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;padding:32px 0 12px!important;border-bottom:1px solid #ebebef!important;margin-bottom:28px!important}
body.sincecode-blog-active .scb-quick-links-label{font-size:12px!important;font-weight:600!important;color:#8a8a9a!important;text-transform:uppercase!important;letter-spacing:.06em!important}
body.sincecode-blog-active .scb-single-grid{display:grid!important;grid-template-columns:1fr 320px!important;gap:56px!important;align-items:start!important}
body.sincecode-blog-active .scb-single-grid--full{grid-template-columns:1fr!important;max-width:760px!important}
body.sincecode-blog-active .scb-single__title{font-family:var(--scb-heading-font,"Plus Jakarta Sans",sans-serif)!important;font-weight:800!important;font-size:clamp(28px,4vw,40px)!important;line-height:1.15!important;color:#1a1a2e!important;margin-bottom:20px!important}
body.sincecode-blog-active .scb-single__author{margin-bottom:24px!important}
body.sincecode-blog-active .scb-single__featured{border-radius:16px!important;overflow:hidden!important;margin-bottom:16px!important}
body.sincecode-blog-active .scb-single__featured img{width:100%!important;display:block!important;border-radius:0!important;margin:0!important}
body.sincecode-blog-active .scb-single__meta-row{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:32px!important}
body.sincecode-blog-active .scb-share-inline{display:flex!important;align-items:center!important;gap:8px!important}
body.sincecode-blog-active .scb-share-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;border-radius:6px!important;background:#f0f1f3!important;color:#1a1a2e!important;border:0!important;cursor:pointer!important;transition:all .2s!important}
body.sincecode-blog-active .scb-share-icon:hover{background:#1a1a2e!important;color:#fff!important}

/* Content */
body.sincecode-blog-active .scb-single__content{min-width:0!important}
body.sincecode-blog-active .scb-single__content h2{font-family:var(--scb-heading-font,"Plus Jakarta Sans",sans-serif)!important;font-weight:700!important;font-size:26px!important;color:#1a1a2e!important;margin:36px 0 16px!important;line-height:1.25!important}
body.sincecode-blog-active .scb-single__content h3{font-family:var(--scb-heading-font,"Plus Jakarta Sans",sans-serif)!important;font-weight:700!important;font-size:20px!important;color:#1a1a2e!important;margin:28px 0 14px!important;line-height:1.3!important}
body.sincecode-blog-active .scb-single__content p{margin:0 0 18px 0!important;line-height:1.75!important;color:#333!important}
body.sincecode-blog-active .scb-single__content a{color:#00d4aa!important;text-decoration:underline!important}
body.sincecode-blog-active .scb-single__content ul,body.sincecode-blog-active .scb-single__content ol{list-style:disc!important;margin:14px 0 22px 22px!important}
body.sincecode-blog-active .scb-single__content ol{list-style:decimal!important}
body.sincecode-blog-active .scb-single__content li{margin-bottom:6px!important;line-height:1.7!important;color:#333!important}
body.sincecode-blog-active .scb-single__content blockquote{border-left:3px solid #00d4aa!important;padding:16px 20px!important;margin:20px 0!important;background:#f8f9fa!important;border-radius:0 8px 8px 0!important;font-style:italic!important}
body.sincecode-blog-active .scb-single__content img{border-radius:12px!important;margin:20px 0!important}
body.sincecode-blog-active .scb-single__content hr{border:0!important;border-top:1px solid #ebebef!important;margin:32px 0!important;background:none!important;height:0!important}

/* Sidebar / TOC */
body.sincecode-blog-active .scb-sidebar{position:sticky!important;top:24px!important}
body.sincecode-blog-active .scb-toc{background:transparent!important;padding:0!important;border:0!important}
body.sincecode-blog-active .scb-toc-title{display:none!important}
body.sincecode-blog-active .scb-toc-list li a{display:block!important;padding:12px 0!important;font-size:15px!important;color:#1a1a2e!important;border-radius:0!important;border-bottom:1px solid #f0f1f3!important;transition:color .2s!important;font-weight:400!important;line-height:1.45!important;background:none!important}
body.sincecode-blog-active .scb-toc-list li:last-child a{border-bottom:0!important}
body.sincecode-blog-active .scb-toc-list li a:hover,body.sincecode-blog-active .scb-toc-list li a.scb-toc-active{color:#00d4aa!important;background:none!important}
body.sincecode-blog-active .scb-toc-list li.scb-toc-sub a{padding-left:16px!important;font-size:14px!important;color:#8a8a9a!important}

/* Author Card */
body.sincecode-blog-active .scb-author-card{display:flex!important;align-items:center!important;gap:16px!important;padding:24px 0!important;border-top:1px solid #ebebef!important;margin-top:40px!important;background:none!important}
body.sincecode-blog-active .scb-author-card__avatar{width:56px!important;height:56px!important;border-radius:50%!important;object-fit:cover!important;flex-shrink:0!important;border:0!important}
body.sincecode-blog-active .scb-author-card__info{flex:1!important;display:flex!important;flex-direction:column!important;gap:2px!important}
body.sincecode-blog-active .scb-author-card__label{font-size:14px!important;font-weight:600!important;color:#1a1a2e!important}
body.sincecode-blog-active .scb-author-card__bio{font-size:13px!important;color:#8a8a9a!important}

/* Related */
body.sincecode-blog-active .scb-related{margin-top:56px!important;padding-top:0!important;border:0!important}

/* ======== COMMENTS — Full theme override ======== */
body.sincecode-blog-active .scb-comments{margin-top:48px!important;padding-top:32px!important;border-top:1px solid #ebebef!important}
body.sincecode-blog-active .scb-comments *{background:transparent!important;background-color:transparent!important}
body.sincecode-blog-active .scb-comments .comment-respond,
body.sincecode-blog-active .scb-comments #respond{background:#fff!important;padding:32px!important;border-radius:16px!important;border:1px solid #ebebef!important}
body.sincecode-blog-active .scb-comments h3,
body.sincecode-blog-active .scb-comments .comment-reply-title{font-family:var(--scb-heading-font,"Plus Jakarta Sans",sans-serif)!important;font-weight:700!important;font-size:22px!important;color:#1a1a2e!important;margin-bottom:16px!important;background:none!important}
body.sincecode-blog-active .scb-comments .logged-in-as,
body.sincecode-blog-active .scb-comments .comment-notes{font-size:14px!important;color:#8a8a9a!important;margin-bottom:16px!important}
body.sincecode-blog-active .scb-comments .logged-in-as a{color:#00d4aa!important;text-decoration:underline!important}
body.sincecode-blog-active .scb-comments textarea,
body.sincecode-blog-active .scb-comments input[type="text"],
body.sincecode-blog-active .scb-comments input[type="email"],
body.sincecode-blog-active .scb-comments input[type="url"]{width:100%!important;padding:14px 16px!important;border:1.5px solid #d5d7dc!important;border-radius:10px!important;font-family:var(--scb-body-font,"DM Sans",sans-serif)!important;font-size:14px!important;transition:border-color .2s!important;background:#fff!important;color:#1a1a2e!important;outline:none!important;box-shadow:none!important}
body.sincecode-blog-active .scb-comments textarea:focus,
body.sincecode-blog-active .scb-comments input:focus{border-color:#00d4aa!important;box-shadow:0 0 0 3px rgba(0,212,170,.1)!important}
body.sincecode-blog-active .scb-comments textarea{min-height:150px!important;resize:vertical!important}
body.sincecode-blog-active .scb-comments .form-submit input[type="submit"],
body.sincecode-blog-active .scb-comments .submit{background:#1a1a2e!important;color:#fff!important;border:0!important;padding:12px 32px!important;border-radius:24px!important;font-weight:600!important;font-size:14px!important;cursor:pointer!important;transition:all .3s!important}
body.sincecode-blog-active .scb-comments .form-submit input[type="submit"]:hover,
body.sincecode-blog-active .scb-comments .submit:hover{background:#2d2d4a!important;transform:translateY(-1px)!important}
body.sincecode-blog-active .scb-comments .comment-list{list-style:none!important;padding:0!important;margin:0 0 32px!important}
body.sincecode-blog-active .scb-comments .comment{margin-bottom:20px!important;padding:20px!important;background:#f8f9fa!important;border-radius:12px!important;border:1px solid #ebebef!important}
body.sincecode-blog-active .scb-comments .comment *{background:none!important}
body.sincecode-blog-active .scb-comments .comment-author{font-weight:600!important;color:#1a1a2e!important;margin-bottom:4px!important}
body.sincecode-blog-active .scb-comments .comment-metadata,
body.sincecode-blog-active .scb-comments .comment-meta{font-size:12px!important;color:#8a8a9a!important;margin-bottom:12px!important}
body.sincecode-blog-active .scb-comments .comment-body p{color:#333!important;line-height:1.7!important}
body.sincecode-blog-active .scb-comments .reply a{font-size:13px!important;font-weight:600!important;color:#00d4aa!important}
body.sincecode-blog-active .scb-comments label{display:block!important;font-size:14px!important;font-weight:500!important;color:#1a1a2e!important;margin-bottom:6px!important}

/* No results */
body.sincecode-blog-active .scb-empty{text-align:center!important;padding:80px 24px!important}

/* ======== ANIMATIONS ======== */
body.sincecode-blog-active .scb-animate{opacity:0;transition:opacity .5s ease,transform .5s cubic-bezier(.22,1,.36,1)}
body.sincecode-blog-active .scb-animate.scb-visible{opacity:1!important;transform:none!important}
body.sincecode-blog-active.scb-anim-fade-up .scb-animate{transform:translateY(28px)}
body.sincecode-blog-active.scb-anim-fade-in .scb-animate{transform:none}
body.sincecode-blog-active.scb-anim-slide-up .scb-animate{transform:translateY(40px)}
body.sincecode-blog-active.scb-anim-scale .scb-animate{transform:scale(.96)}
body.sincecode-blog-active.scb-anim-none .scb-animate{opacity:1!important;transform:none!important}
.scb-animate[data-delay="1"]{transition-delay:.08s}.scb-animate[data-delay="2"]{transition-delay:.16s}.scb-animate[data-delay="3"]{transition-delay:.24s}

/* ======== RESPONSIVE ======== */
@media(max-width:1024px){
body.sincecode-blog-active .scb-single-grid{grid-template-columns:1fr!important}
body.sincecode-blog-active .scb-sidebar{position:static!important;margin-top:32px!important}
body.sincecode-blog-active .scb-grid--3{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:768px){
body.sincecode-blog-active .scb-hero{grid-template-columns:1fr!important;padding:32px 0 24px!important}
body.sincecode-blog-active .scb-feat-grid{grid-template-columns:1fr!important}
body.sincecode-blog-active .scb-grid--3,body.sincecode-blog-active .scb-grid--2{grid-template-columns:1fr!important;gap:20px!important}
body.sincecode-blog-active .scb-container{padding:0 16px!important}
body.sincecode-blog-active .scb-single__title{font-size:clamp(24px,5vw,34px)!important}
body.sincecode-blog-active .scb-pills{flex-wrap:nowrap!important;overflow-x:auto!important}
body.sincecode-blog-active .scb-single__meta-row{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}
body.sincecode-blog-active .scb-author-card{flex-wrap:wrap!important}
body.sincecode-blog-active .scb-single-top{flex-direction:column!important;gap:8px!important}
}
@media(max-width:480px){
body.sincecode-blog-active .scb-card__body{padding:14px 16px 18px!important}
body.sincecode-blog-active .scb-feat-card__body{padding:16px 18px 20px!important}
}
@media print{
body.sincecode-blog-active .scb-pills,body.sincecode-blog-active .scb-share-inline,body.sincecode-blog-active .scb-pagination,body.sincecode-blog-active .scb-sidebar,body.sincecode-blog-active .scb-related{display:none!important}
body.sincecode-blog-active .scb-single-grid{grid-template-columns:1fr!important}
}