/* ═══════════════════════════════════════════════════════════
   RESET & OVERRIDE - Maximum WordPress Override
   EDGE-TO-EDGE: Container has 8px padding, children use -8px margins
═══════════════════════════════════════════════════════════ */
*{-webkit-tap-highlight-color:rgba(13,148,136,.2)!important;-webkit-text-size-adjust:100%!important;box-sizing:border-box!important}
.eic-blog-container{max-width:100%!important;margin:0 auto!important;padding:0 8px!important;font:18px/1.75 Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;color:#2D3436!important;background:transparent!important;overflow-x:hidden!important;word-wrap:break-word!important}

/* ═══════════════════════════════════════════════════════════
   HERO SECTION (Teal Gradient) - EDGE-TO-EDGE
═══════════════════════════════════════════════════════════ */
.eic-blog-container .eic-hero{background:linear-gradient(135deg,#0d9488 0%,#0f766e 100%)!important;padding:18px 24px!important;margin:0 -8px 2rem!important;position:relative!important;overflow:hidden!important;box-shadow:0 6px 24px rgba(74,155,155,0.2)!important}
.eic-blog-container .eic-hero::before{content:''!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:4px!important;background:linear-gradient(90deg,#C9A962 0%,#E8D5A3 50%,#C9A962 100%)!important}
.eic-blog-container .eic-hero p{color:rgba(255,255,255,0.95)!important;font-size:16px!important;line-height:1.6!important;margin:0!important;padding:0!important;background:transparent!important;text-align:left!important}
.eic-blog-container .eic-hero p+p{margin-top:12px!important}
.eic-blog-container .eic-hero a{color:#fff!important;text-decoration:underline!important;font-weight:500!important;background:transparent!important}
.eic-blog-container .eic-hero a:hover{color:#C9A962!important}

/* ═══════════════════════════════════════════════════════════
   AUTHORITY BANNER (Dark Background) - EDGE-TO-EDGE
═══════════════════════════════════════════════════════════ */
.eic-blog-container .eic-authority-banner{background:linear-gradient(135deg,#1a1c22 0%,#22252d 100%)!important;padding:12px 18px!important;margin:0 -8px 1rem!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:nowrap!important;gap:16px!important;box-shadow:0 4px 16px rgba(0,0,0,0.2)!important;font-family:'Inter',"Inter Fallback",-apple-system,BlinkMacSystemFont,sans-serif!important}
.eic-blog-container .eic-banner-left{display:flex!important;align-items:center!important;gap:12px!important;flex-shrink:0!important;background:transparent!important}
.eic-blog-container .eic-shield-wrapper{width:36px!important;height:36px!important;min-width:36px!important;padding:2px!important;border-radius:10px!important;background:linear-gradient(135deg,#e86a9a 0%,#d4a84b 50%,#e8c36a 100%)!important;box-shadow:0 4px 14px rgba(212,168,75,0.25)!important;flex-shrink:0!important;display:flex!important;align-items:center!important;justify-content:center!important}
.eic-blog-container .eic-shield-inner{width:100%!important;height:100%!important;background:#22252d!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.eic-blog-container .eic-shield-inner svg{width:18px!important;height:18px!important;color:#d4a84b!important;display:block!important}
.eic-blog-container .eic-banner-text{background:transparent!important}
.eic-blog-container .eic-banner-text .eic-banner-title{font-size:13px!important;font-weight:600!important;color:#ffffff!important;margin:0!important;padding:0!important;line-height:1.3!important;white-space:nowrap!important;background:transparent!important}
.eic-blog-container .eic-banner-badges{display:flex!important;gap:8px!important;flex-wrap:nowrap!important;align-items:center!important;background:transparent!important}
.eic-blog-container .eic-badge-pill{background:rgba(255,255,255,0.06)!important;border:1px solid rgba(255,255,255,0.1)!important;border-radius:50px!important;padding:6px 12px!important;display:flex!important;align-items:center!important;gap:6px!important;flex-shrink:0!important}
.eic-blog-container .eic-badge-icon{width:18px!important;height:18px!important;min-width:18px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}
.eic-blog-container .eic-badge-icon.gold{background:#d4a84b!important}
.eic-blog-container .eic-badge-icon.green{background:#81B29A!important}
.eic-blog-container .eic-badge-icon svg{width:10px!important;height:10px!important;color:#1a1c22!important;display:block!important}
.eic-blog-container .eic-badge-text{font-size:11px!important;font-weight:500!important;color:#ffffff!important;white-space:nowrap!important;background:transparent!important;line-height:1.3!important}
.eic-blog-container .eic-badge-text span{color:#d4a84b!important;font-weight:700!important}

/* ═══════════════════════════════════════════════════════════
   AUTHOR BIO - EDGE-TO-EDGE
═══════════════════════════════════════════════════════════ */
.eic-blog-container .eic-author-bio{background:#F5F7FA!important;border-left:4px solid #0d9488!important;padding:14px 18px!important;margin:1rem -8px!important;font-family:'Inter',"Inter Fallback",-apple-system,BlinkMacSystemFont,sans-serif!important}
.eic-blog-container .eic-author-header{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:10px!important;margin:0 0 10px 0!important;background:transparent!important}
.eic-blog-container .eic-author-icon{width:28px!important;height:28px!important;min-width:28px!important;max-width:28px!important;background:#0d9488!important;border-radius:4px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}
.eic-blog-container .eic-author-icon svg{width:16px!important;height:16px!important;fill:#fff!important;display:block!important}
.eic-blog-container .eic-author-title{font-size:20px!important;font-weight:600!important;color:#2D3436!important;margin:0!important;padding:0!important;line-height:28px!important;background:transparent!important}
.eic-blog-container .eic-author-content{font-size:14px!important;line-height:1.6!important;color:#374151!important;margin:0!important;padding:0!important;background:transparent!important}

/* ═══════════════════════════════════════════════════════════
   TL;DR BOX - EDGE-TO-EDGE
═══════════════════════════════════════════════════════════ */
.eic-blog-container .eic-tldr-box{overflow:hidden!important;box-shadow:0 4px 20px rgba(13,148,136,0.15)!important;margin:2rem -8px 1rem!important;background:#fff!important}
.eic-blog-container .eic-tldr-header{background:#0d9488!important;padding:18px 24px!important;display:flex!important;align-items:center!important;gap:12px!important;margin:0!important}
.eic-blog-container .eic-tldr-header svg{width:28px!important;height:28px!important;min-width:28px!important;color:#ffffff!important;flex-shrink:0!important;display:block!important}
.eic-blog-container .eic-tldr-header h2{margin:0!important;padding:0!important;font-family:'Inter',"Inter Fallback",-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:20px!important;font-weight:700!important;color:#ffffff!important;letter-spacing:-0.02em!important;line-height:28px!important;background:transparent!important}
.eic-blog-container .eic-tldr-body{background:#F5F0E8!important;padding:6px!important;margin:0!important}

/* TL;DR Items - H3 headings for SEO weight */
.eic-blog-container .eic-tldr-item{display:flex!important;align-items:flex-start!important;gap:12px!important;padding:10px 12px!important;margin:0 0 6px 0!important;border-radius:6px!important;background:rgb(255,255,255)!important;transition:all 0.3s ease!important;cursor:pointer!important}
.eic-blog-container .eic-tldr-item:last-child{margin-bottom:0!important}
.eic-blog-container .eic-check-icon{width:28px!important;height:28px!important;min-width:28px!important;background:#B8D4CE!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-top:2px!important;flex-shrink:0!important;border:2px solid #B8D4CE!important}
.eic-blog-container .eic-check-icon svg{width:16px!important;height:16px!important;color:#0d9488!important;display:block!important;stroke-width:3.5!important}
.eic-blog-container .eic-tldr-content{flex:1!important;background:transparent!important}
.eic-blog-container .eic-tldr-content h3{font-family:'Inter',"Inter Fallback",-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:16px!important;font-weight:400!important;color:#0f172a!important;margin:0!important;padding:0!important;line-height:1.5!important;background:transparent!important}
.eic-blog-container .eic-tldr-content h3 strong{font-weight:600!important}
.eic-blog-container .eic-tldr-content a{color:#0d9488!important;text-decoration:underline!important;background:transparent!important}
.eic-blog-container .eic-tldr-content a:hover{color:#0f766e!important}

/* TL;DR Item Hover Effects */
.eic-blog-container .eic-tldr-item:hover{background:linear-gradient(135deg,#0d9488 0%,#0f766e 100%)!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px rgba(13,148,136,0.3)!important}
.eic-blog-container .eic-tldr-item:hover .eic-tldr-content h3{color:#fff!important}
.eic-blog-container .eic-tldr-item:hover .eic-check-icon{background:#fff!important;border-color:#fff!important}
.eic-blog-container .eic-tldr-item:hover .eic-check-icon svg{color:#0d9488!important}

/* ═══════════════════════════════════════════════════════════
   RESPONSIVE - 768px (padding:6px, margins:-6px)
═══════════════════════════════════════════════════════════ */
@media(max-width:768px){
.eic-blog-container{font-size:16px!important;padding:0 6px!important}
.eic-blog-container .eic-hero{padding:14px 16px!important;margin:0 -6px 1.2rem!important}
.eic-blog-container .eic-hero p{font-size:15px!important;line-height:1.55!important}
.eic-blog-container .eic-authority-banner{flex-direction:column!important;gap:12px!important;padding:12px 14px!important;margin:0 -6px 1rem!important}
.eic-blog-container .eic-banner-left{justify-content:center!important;width:100%!important}
.eic-blog-container .eic-banner-badges{width:100%!important;flex-wrap:wrap!important;justify-content:center!important;gap:6px!important}
.eic-blog-container .eic-badge-pill{padding:5px 10px!important}
.eic-blog-container .eic-badge-text{font-size:10px!important}
.eic-blog-container .eic-author-bio{padding:12px 14px!important;margin:.75rem -6px!important}
.eic-blog-container .eic-author-header{gap:8px!important}
.eic-blog-container .eic-author-icon{width:24px!important;height:24px!important;min-width:24px!important;max-width:24px!important}
.eic-blog-container .eic-author-icon svg{width:14px!important;height:14px!important}
.eic-blog-container .eic-author-title{font-size:17px!important;line-height:24px!important}
.eic-blog-container .eic-author-content{font-size:13px!important}
.eic-blog-container .eic-tldr-box{margin:1.5rem -6px 0.5rem!important}
.eic-blog-container .eic-tldr-header{padding:14px 16px!important;gap:10px!important}
.eic-blog-container .eic-tldr-header svg{width:24px!important;height:24px!important;min-width:24px!important}
.eic-blog-container .eic-tldr-header h2{font-size:18px!important;line-height:24px!important}
.eic-blog-container .eic-tldr-body{padding:5px!important}
.eic-blog-container .eic-tldr-item{padding:10px 12px!important;gap:10px!important;margin:0 0 5px 0!important}
.eic-blog-container .eic-tldr-content h3{font-size:15px!important}
.eic-blog-container .eic-check-icon{width:26px!important;height:26px!important;min-width:26px!important}
.eic-blog-container .eic-check-icon svg{width:14px!important;height:14px!important}
.eic-blog-container .eic-tldr-item:hover{transform:translateY(-1px)!important}
}

@media(max-width:480px){
.eic-blog-container{font-size:15px!important;padding:0 4px!important}
.eic-blog-container .eic-hero{padding:12px 14px!important;margin:0 -4px 1rem!important}
.eic-blog-container .eic-hero p{font-size:14px!important}
.eic-blog-container .eic-authority-banner{padding:10px 12px!important;margin:0 -4px 0.75rem!important}
.eic-blog-container .eic-shield-wrapper{width:32px!important;height:32px!important;min-width:32px!important}
.eic-blog-container .eic-banner-text .eic-banner-title{font-size:12px!important}
.eic-blog-container .eic-badge-pill{padding:4px 8px!important}
.eic-blog-container .eic-badge-icon{width:16px!important;height:16px!important;min-width:16px!important}
.eic-blog-container .eic-badge-text{font-size:9px!important}
.eic-blog-container .eic-author-bio{padding:10px 12px!important;margin:.5rem -4px!important}
.eic-blog-container .eic-author-title{font-size:16px!important}
.eic-blog-container .eic-tldr-box{margin:1rem -4px 0.5rem!important}
.eic-blog-container .eic-tldr-header{padding:12px 14px!important}
.eic-blog-container .eic-tldr-header h2{font-size:16px!important}
.eic-blog-container .eic-tldr-body{padding:4px!important}
.eic-blog-container .eic-tldr-item{padding:8px 10px!important;gap:8px!important;margin:0 0 4px 0!important}
.eic-blog-container .eic-tldr-content h3{font-size:14px!important}
}