.blog-nav{background:white;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 4px rgba(0,0,0,.04)}.blog-nav-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.blog-nav-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none}.blog-logo-image{height:32px;width:auto;-o-object-fit:contain;object-fit:contain}.blog-logo-text{font-size:1.25rem;font-weight:700;color:#1e293b;text-decoration:none}.blog-nav-menu{gap:1.5rem;list-style:none;margin:0;padding:0}.blog-nav-link,.blog-nav-menu{display:flex;align-items:center}.blog-nav-link{color:#475569;text-decoration:none;font-weight:500;transition:all .3s ease;position:relative;cursor:pointer;gap:.4rem;font-size:.9rem}.blog-nav-link svg{width:18px;height:18px;stroke-width:2.5;transition:all .3s cubic-bezier(.22,1,.36,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.blog-nav-link:hover svg{transform:translateY(-3px) scale(1.1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.blog-nav-link span{position:relative;font-weight:600;color:#1e293b}.blog-nav-link.active span,.blog-nav-link:hover span{background:linear-gradient(135deg,#1e3a8a,#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.blog-nav-login{font-weight:600!important;padding:.4rem 1rem!important;border:2px solid #14b8a6!important;border-radius:50px!important;transition:all .3s cubic-bezier(.22,1,.36,1)!important;text-decoration:none!important;font-size:.9rem!important;box-shadow:0 2px 8px rgba(20,184,166,.2)!important}.blog-nav-login span{color:#14b8a6!important}.blog-nav-login:hover{background:linear-gradient(135deg,#14b8a6,#0d9488)!important;transform:translateY(-3px) scale(1.05)!important;box-shadow:0 8px 20px rgba(20,184,166,.4)!important}.blog-nav-login:hover svg{stroke:white!important}.blog-nav-cta,.blog-nav-login:hover span{color:white!important}.blog-nav-cta{background:linear-gradient(135deg,#9b30ff,#8a2be2,#6a0dad,#4b0082)!important;padding:.5rem 1.25rem!important;border-radius:50px!important;text-decoration:none!important;font-weight:600!important;font-size:.9rem!important;transition:all .3s ease!important;cursor:pointer!important;border:none!important;box-shadow:0 4px 15px rgba(155,48,255,.35)!important}.blog-nav-cta:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(138,43,226,.5)!important;background:linear-gradient(135deg,#b266ff,#9b30ff,#7a1fc8,#54127d)!important}.blog-footer{background:linear-gradient(135deg,#0f172a,#1e293b);border-top:none;margin-top:4rem;padding:3rem 0 2rem}.blog-footer-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:2rem;align-items:start}.blog-footer-cta{max-width:500px}.blog-footer-cta h2{font-size:2rem;font-weight:700;margin-bottom:1rem;color:white}.blog-footer-supporting{font-size:1rem;color:#cbd5e1;margin-bottom:2rem}.btn-blog-footer-primary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:white;border:none;border-radius:50px;font-size:1.1rem;font-weight:700;text-decoration:none;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px rgba(59,130,246,.3)}.btn-blog-footer-primary:hover{transform:translateY(-2px);box-shadow:0 15px 40px rgba(59,130,246,.4)}.btn-blog-footer-primary .cta-arrow{width:20px;height:20px}.blog-footer-trust-elements{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.5rem}.blog-footer-trust-element{display:inline-block;font-size:.9rem;color:#94a3b8;margin-right:1rem}.blog-footer-links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.blog-footer-brand{max-width:300px}.blog-footer-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;margin-bottom:1rem}.blog-footer-logo-image{height:28px;width:auto;-o-object-fit:contain;object-fit:contain}.blog-footer-logo-text{font-size:1.125rem;font-weight:700;color:white}.blog-footer-brand p{color:#cbd5e1;line-height:1.6}.blog-footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.blog-footer-column h4{font-size:.875rem;font-weight:600;color:white;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.blog-footer-column a{display:block;color:#94a3b8;text-decoration:none;margin-bottom:.5rem;transition:all .3s ease}.blog-footer-column a:hover{color:#3b82f6;transform:translateX(4px)}.blog-footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid rgba(148,163,184,.2);color:#94a3b8;font-size:.875rem}@media (max-width:768px){.blog-nav-menu{display:none}.blog-logo-text{font-size:1.125rem}.blog-footer-content{grid-template-columns:1fr;gap:2rem}.blog-footer-links{grid-template-columns:1fr;gap:1.5rem}.blog-footer-bottom{flex-direction:column;gap:1rem;text-align:center}}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.blog-post-container{max-width:1400px;margin:0 auto;padding:0 2rem}.blog-hero-enhanced{background-image:url(/images/eolas_blog_header.png);background-size:cover;background-position:50%;background-repeat:no-repeat;color:#1e293b;padding:4rem 0 3rem;position:relative;overflow:hidden}.blog-hero-background{position:absolute;inset:0;z-index:1}.blog-hero-gradient{position:absolute;inset:0;background:linear-gradient(135deg,rgba(15,23,42,.3),rgba(30,41,59,.2) 30%,rgba(0,0,0,.1) 70%,rgba(15,23,42,.4))}.blog-hero-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 2px 2px,rgba(255,255,255,.03) 1px,transparent 0);background-size:40px 40px;opacity:.6}.blog-hero-glow{position:absolute;top:20%;left:50%;transform:translateX(-50%);width:1000px;height:500px;background:radial-gradient(ellipse,rgba(255,255,255,.05) 0,transparent 70%);border-radius:50%;filter:blur(80px)}.blog-hero-content{position:relative;max-width:900px;margin:0 auto;text-align:center;z-index:10}.blog-hero-badge{display:inline-flex;align-items:center;gap:.75rem;background:rgba(30,41,59,.9);border:1px solid rgba(30,41,59,.8);border-radius:9999px;padding:.5rem 1rem;margin-bottom:1.5rem;color:white;font-size:.875rem;font-weight:600;letter-spacing:.025em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 15px rgba(0,0,0,.1)}.blog-hero-badge svg{color:#9b30ff}.blog-hero-title{font-size:3rem;font-weight:800;margin-bottom:1rem;line-height:1.2;color:#1e293b;text-shadow:0 1px 2px rgba(255,255,255,.5)}.blog-hero-accent{display:block;background:linear-gradient(135deg,#7c2d12,#991b1b 50%,#7f1d1d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;margin-top:.5rem}.blog-hero-subtitle{font-size:1.125rem;color:#475569;margin-bottom:2rem;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.blog-hero-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.blog-hero-stat{text-align:center}.blog-hero-stat-number{display:block;font-size:1.75rem;font-weight:800;color:#1e293b;line-height:1;margin-bottom:.25rem;text-shadow:0 1px 2px rgba(255,255,255,.5)}.blog-hero-stat-label{display:block;font-size:.8rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.blog-search-wrapper{max-width:600px;margin:0 auto}.blog-filter-section{background:white;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:100;padding:1rem 0;box-shadow:0 2px 4px rgba(0,0,0,.04)}.blog-categories-wrapper{display:flex;align-items:center;gap:1.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.blog-categories-wrapper::-webkit-scrollbar{display:none}.filter-icon{color:#64748b;flex-shrink:0}.blog-categories{display:flex;gap:.75rem;align-items:center}.category-btn{padding:.5rem 1rem;border-radius:9999px;border:none;background:#f1f5f9;color:#475569;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.category-btn:hover{background:#e2e8f0;transform:translateY(-1px)}.category-btn.active{background:#1e293b;color:white}.blog-featured-section{padding:3rem 0;background:white}.section-title{font-size:1.5rem;color:#475569;margin-bottom:2rem;font-weight:400}.blog-featured-card{background:white;border-radius:1rem;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.08);transition:all .3s ease;cursor:pointer}.blog-featured-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,0,0,.12)}.featured-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.featured-card-image{position:relative;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;min-height:400px}.featured-image,.featured-image-placeholder{width:100%;height:100%;position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.featured-image{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.featured-image-placeholder{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.featured-category-overlay{color:rgba(255,255,255,.8);font-size:2.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;opacity:.4}.featured-badge{position:absolute;top:1.5rem;left:1.5rem;background:rgba(30,41,59,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.5rem 1rem;border-radius:9999px;display:flex;align-items:center;gap:.5rem;z-index:10}.featured-badge span{color:white;font-size:.875rem;font-weight:500}.featured-card-content{padding:3rem;display:flex;flex-direction:column;justify-content:center}.blog-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.blog-category-tag{padding:.25rem .75rem;background:#dbeafe;color:#1e40af;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.blog-category-tag.small{font-size:.7rem;padding:.2rem .6rem}.blog-date{color:#64748b;font-size:.875rem}.featured-title{font-size:2rem;font-weight:700;color:#0f172a;margin-bottom:1rem;line-height:1.3}.featured-excerpt{color:#475569;font-size:1.125rem;line-height:1.7;margin-bottom:1.5rem}.blog-content{padding:3rem 0 5rem;background:#fafbfc}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem;margin-bottom:3rem}.blog-card{background:white;border-radius:.75rem;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:all .3s ease;cursor:pointer}.blog-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.blog-card a{text-decoration:none;color:inherit}.blog-card-image{position:relative;padding-bottom:56.25%;background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}.card-image,.card-image-placeholder{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.card-image{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.card-image-placeholder{background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}.card-category-overlay{color:rgba(99,102,241,.6);font-size:1.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.blog-card-content{padding:1.5rem}.blog-card-title{font-size:1.25rem;font-weight:600;color:#0f172a;margin:1rem 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #f1f5f9;margin-top:1rem}.blog-author{color:#475569;font-size:.875rem;font-weight:500}.blog-read-time{color:#64748b;font-size:.875rem;display:flex;align-items:center;gap:.25rem}.load-more-wrapper{text-align:center;margin:3rem 0}.load-more-btn{padding:.875rem 2rem;background:white;border:2px solid #e2e8f0;border-radius:9999px;color:#1e293b;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.load-more-btn:hover{background:#1e293b;color:white;transform:translateY(-2px);box-shadow:0 4px 12px rgba(30,41,59,.2)}.no-results{text-align:center;padding:4rem 0;color:#64748b;font-size:1.125rem}.blog-cta{background:linear-gradient(135deg,#1e293b,#334155);border-radius:1rem;padding:3rem;margin:4rem 0 2rem;text-align:center;position:relative;overflow:hidden}.blog-cta:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 2px 2px,rgba(255,255,255,.05) 1px,transparent 0);background-size:40px 40px;opacity:.5}.blog-cta-content{position:relative;max-width:600px;margin:0 auto}.blog-cta h3{color:white;font-size:2rem;font-weight:700;margin-bottom:1rem;line-height:1.3}.blog-cta p{color:#cbd5e1;font-size:1.125rem;margin-bottom:2rem;line-height:1.6}.btn-cta{display:inline-block;padding:.875rem 2rem;background:white;color:#1e293b;border-radius:9999px;font-weight:600;text-decoration:none;transition:all .3s ease}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,255,255,.2)}.blog-search{max-width:600px;margin:0 auto;position:relative}.blog-search input{width:100%;padding:1rem 1.5rem 1rem 3.5rem;background:white;border:2px solid rgba(255,255,255,.2);border-radius:9999px;font-size:1rem;color:#1e293b;transition:all .3s ease}.blog-search input::-moz-placeholder{color:#94a3b8}.blog-search input::placeholder{color:#94a3b8}.blog-search input:focus{outline:none;border-color:white;box-shadow:0 0 0 4px rgba(255,255,255,.1)}.blog-search svg{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:#64748b;width:20px;height:20px}@media (max-width:768px){.blog-nav-content{padding:.75rem 0}.blog-nav-menu{gap:1.5rem}.blog-nav-cta,.blog-nav-link{font-size:.875rem}.blog-nav-cta{padding:.4rem 1rem}.blog-logo-image{height:28px}.blog-logo-text{font-size:1.125rem}.blog-footer-content{grid-template-columns:1fr;gap:2rem}.blog-footer-logo-image{height:24px}.blog-footer-logo-text{font-size:1rem}.blog-hero-enhanced{padding:3rem 0 2rem}.blog-hero-title{font-size:2.25rem}.blog-hero-subtitle{font-size:1rem;margin-bottom:1.5rem}.blog-hero-stats{gap:1.5rem;margin-bottom:1.5rem}.blog-hero-stat-number{font-size:1.5rem}.featured-card-grid{grid-template-columns:1fr}.featured-card-content{padding:2rem}.featured-title{font-size:1.5rem}.blog-grid{grid-template-columns:1fr}.blog-cta h3{font-size:1.5rem}.blog-cta p{font-size:1rem}}@media (max-width:480px){.container{padding:0 1rem}.blog-nav-content{padding:.5rem 0}.blog-nav-menu{gap:1rem;flex-wrap:wrap}.blog-logo-image{height:24px}.blog-logo-text{font-size:1rem}.blog-nav-cta,.blog-nav-link{font-size:.8rem}.blog-nav-cta{padding:.35rem .875rem}.blog-footer{padding:2rem 0 1.5rem}.blog-footer-content{gap:1.5rem}.blog-footer-logo-image{height:20px}.blog-footer-links{grid-template-columns:1fr;gap:1.5rem}.blog-hero-enhanced{padding:4rem 0 3rem}.blog-hero-title{font-size:2.25rem}.blog-hero-subtitle{font-size:1rem;margin-bottom:2rem}.blog-hero-stats{gap:1.5rem;flex-direction:column;align-items:center}.blog-hero-stat{display:flex;align-items:center;gap:1rem;text-align:left}.blog-hero-stat-number{font-size:1.75rem;margin-bottom:0}.blog-hero-badge{padding:.5rem 1rem;font-size:.8rem}.blog-categories-wrapper{padding:0 1rem}.category-btn{padding:.375rem .75rem;font-size:.8rem}}.blog-post-page{background:#ffffff;min-height:100vh}.blog-post-header{background:#ffffff;border-bottom:1px solid #e2e8f0;padding:2rem 0;position:relative}.blog-post-breadcrumb{margin-bottom:2rem;position:relative}.breadcrumb-link{color:#64748b;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;background:#f8fafc;border:1px solid #e2e8f0}.breadcrumb-link:hover{color:#1e293b;background:#f1f5f9;border-color:#cbd5e1;transform:translateX(-2px)}.breadcrumb-link svg{width:16px;height:16px}.blog-post-title{font-size:2.75rem;font-weight:800;line-height:1.1;position:relative;max-width:1000px;color:#0f172a;letter-spacing:-.025em}.blog-post-meta-redesigned,.blog-post-title{margin-bottom:1.5rem}.blog-author-section{display:flex;align-items:center;gap:1rem}.author-avatar{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0}.author-avatar svg{width:20px;height:20px}.author-details{display:flex;flex-direction:column;gap:.25rem}.author-name{font-size:1rem;font-weight:600;color:#1e293b;line-height:1.2}.post-metadata{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b}.post-date{font-weight:500}.meta-separator{color:#cbd5e1}.post-read-time{font-weight:500}.blog-post-tags-section{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.5rem}.category-tag{background:linear-gradient(135deg,#3b82f6,#1e40af);color:white;padding:.375rem 1rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;box-shadow:0 2px 8px rgba(59,130,246,.2)}.category-tag,.content-tag{display:inline-flex;align-items:center;border-radius:9999px}.content-tag{background:#f1f5f9;color:#475569;padding:.25rem .75rem;font-size:.8rem;font-weight:500;border:1px solid #e2e8f0;transition:all .2s ease}.content-tag:hover{background:#e2e8f0;color:#1e293b;border-color:#cbd5e1}.blog-post-image{margin:1rem 0 2rem;position:relative;padding:0}.blog-post-featured-image{width:100%;height:400px;-o-object-fit:cover;object-fit:cover;border-radius:.75rem}.blog-post-image-fallback{height:400px;border-radius:.75rem;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.fallback-gradient{position:absolute;inset:0;background-image:url(/images/eolas_blog_header.png);background-size:cover;background-position:50%;background-repeat:no-repeat}.fallback-gradient:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(30,41,59,.7),rgba(15,23,42,.8) 50%,rgba(30,41,59,.7))}.fallback-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 25px 25px,rgba(255,255,255,.1) 2px,transparent 0),radial-gradient(circle at 75px 75px,rgba(255,255,255,.05) 2px,transparent 0);background-size:100px 100px,150px 150px;background-position:0 0,50px 50px;opacity:.6}.fallback-content{position:relative;z-index:10;text-align:center;color:white;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem}.fallback-icon{width:80px;height:80px;background:rgba(255,255,255,.15);border-radius:50%;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);color:rgba(255,255,255,.9);box-shadow:0 8px 32px rgba(0,0,0,.1)}.fallback-icon,.fallback-text{display:flex;align-items:center}.fallback-text{flex-direction:column;gap:.75rem}.fallback-category{background:rgba(255,255,255,.2);color:rgba(255,255,255,.95);padding:.5rem 1.5rem;border-radius:9999px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 16px rgba(0,0,0,.1)}.fallback-message{font-size:1.125rem;font-weight:500;color:rgba(255,255,255,.85);margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2);line-height:1.4}.blog-post-image-placeholder{height:400px;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-radius:.75rem;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.blog-post-image-category{background:rgba(30,41,59,.9);color:white;padding:1rem 2rem;border-radius:9999px;font-size:1.125rem;font-weight:700;text-align:center}.blog-post-content{max-width:1200px;margin:0 auto;padding:0 2rem}.blog-post-body{margin-bottom:4rem}.prose{color:#374151;line-height:1.75}.blog-h1{font-size:2.5rem;font-weight:800;color:#1e293b;margin:2.5rem 0 1.5rem;line-height:1.2;border-bottom:3px solid #e2e8f0;padding-bottom:.75rem}.blog-h2{font-size:2rem;font-weight:700;color:#1e293b;margin:2rem 0 1rem;line-height:1.3;position:relative}.blog-h2:before{content:"";position:absolute;left:-1rem;top:50%;transform:translateY(-50%);width:4px;height:60%;background:linear-gradient(135deg,#1e293b,#3b82f6);border-radius:2px}.blog-h3{font-size:1.5rem;font-weight:600;color:#1e293b;margin:1.5rem 0 .75rem;line-height:1.4}.blog-paragraph{margin-bottom:1.5rem;font-size:1.125rem;line-height:1.75;color:#4b5563}.blog-link{color:#3b82f6;text-decoration:none;font-weight:600;border-bottom:1px solid transparent;transition:all .2s ease}.blog-link:hover{color:#1e40af;border-bottom-color:#3b82f6}.blog-link.external:after{content:"↗";margin-left:.25rem;font-size:.875rem}.blog-list{margin:1.5rem 0;padding-left:1.5rem}.blog-list.ordered{list-style-type:decimal}.blog-list:not(.ordered){list-style-type:none;padding-left:0}.blog-list:not(.ordered) .blog-list-item{position:relative;padding-left:1.5rem;margin-bottom:.75rem}.blog-list:not(.ordered) .blog-list-item:before{content:"•";color:#3b82f6;font-weight:700;position:absolute;left:0;top:0}.blog-list-item{margin-bottom:.5rem;font-size:1.125rem;line-height:1.6;color:#4b5563}.blog-quote{border-left:4px solid #3b82f6;background:#f8fafc;padding:1.5rem;margin:2rem 0;border-radius:0 .5rem .5rem 0;font-style:italic;position:relative}.blog-quote:before{content:'"';font-size:4rem;color:#3b82f6;position:absolute;top:-.5rem;left:1rem;opacity:.3}.blog-inline-code{background:#f1f5f9;color:#dc2626;padding:.125rem .375rem;border-radius:.25rem;font-size:.9em}.blog-code-block,.blog-inline-code{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,Courier New,monospace}.blog-code-block{background:#1e293b;color:#f1f5f9;padding:1.5rem;border-radius:.75rem;font-size:.875rem;line-height:1.7;overflow-x:auto;margin:1.5rem 0}.blog-image{width:100%;height:auto;box-shadow:0 10px 25px rgba(0,0,0,.1)}.blog-image,.blog-table-container{border-radius:.75rem;margin:2rem 0}.blog-table-container{overflow-x:auto;border:1px solid #e2e8f0}.blog-table{width:100%;border-collapse:collapse;background:white}.blog-table-header{background:#f8fafc;color:#1e293b;font-weight:600;padding:1rem;text-align:left;border-bottom:1px solid #e2e8f0}.blog-table-cell{padding:1rem;border-bottom:1px solid #f1f5f9;color:#4b5563}.blog-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,#e2e8f0,transparent);margin:3rem 0}.blog-ai-summarize-bar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;margin:1.5rem 0;background:rgba(248,250,252,.8);border:1px solid #e2e8f0;border-radius:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.blog-ai-summarize-bar:hover{background:rgba(241,245,249,.9);border-color:#cbd5e1}.summarize-label{font-size:.875rem;font-weight:600;color:#64748b;display:flex;align-items:center;gap:.5rem}.summarize-label:before{content:"✨";font-size:1rem}.ai-tools-minimal{display:flex;align-items:center;gap:.75rem}.ai-tool-minimal{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:white;border:1px solid #e2e8f0;border-radius:50%;color:#64748b;text-decoration:none;transition:all .2s ease;position:relative;overflow:hidden}.ai-tool-minimal:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.3),transparent);transform:translateX(-100%);transition:transform .3s ease}.ai-tool-minimal:hover:before{transform:translateX(100%)}.ai-tool-minimal:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:#3b82f6;color:#3b82f6}.ai-tool-minimal svg{width:20px;height:20px;transition:all .2s ease;position:relative;z-index:1}.ai-tool-minimal:first-child:hover{border-color:#00a67e;color:#00a67e}.ai-tool-minimal:nth-child(2):hover{border-color:#2563eb;color:#2563eb}.ai-tool-minimal:nth-child(3):hover{border-color:#1d4ed8;color:#1d4ed8}.ai-tool-minimal:nth-child(4):hover{border-color:#7c3aed;color:#7c3aed}.blog-ai-summarize-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:1rem;padding:2rem;margin-bottom:3rem;border:1px solid #e2e8f0;position:relative;overflow:hidden}.blog-ai-summarize-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899,#f59e0b);border-radius:1rem 1rem 0 0}.blog-ai-summarize-section h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.blog-ai-summarize-section h3:before{content:"🤖";font-size:1.5rem}.ai-tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.ai-tool-link{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;background:white;border:2px solid #e2e8f0;border-radius:.75rem;text-decoration:none;color:#475569;font-weight:600;font-size:.875rem;transition:all .3s ease;position:relative;overflow:hidden}.ai-tool-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.ai-tool-link:hover:before{left:100%}.ai-tool-link:hover{transform:translateY(-2px);border-color:#3b82f6;box-shadow:0 8px 25px rgba(59,130,246,.15);color:#1e293b}.ai-tool-icon{width:48px;height:48px;padding:12px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;z-index:1}.ai-tool-link:hover .ai-tool-icon{background:linear-gradient(135deg,#3b82f6,#1e40af);color:white;transform:scale(1.1)}.ai-tool-icon svg{width:24px;height:24px;transition:color .3s ease}.ai-tool-link span{position:relative;z-index:1;transition:color .3s ease}.ai-tool-link:first-child:hover{border-color:#00a67e}.ai-tool-link:first-child:hover .ai-tool-icon{background:linear-gradient(135deg,#00a67e,#00875a)}.ai-tool-link:nth-child(2):hover{border-color:#2563eb}.ai-tool-link:nth-child(2):hover .ai-tool-icon{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.ai-tool-link:nth-child(3):hover{border-color:#1d4ed8}.ai-tool-link:nth-child(3):hover .ai-tool-icon{background:linear-gradient(135deg,#1d4ed8,#1e40af)}.ai-tool-link:nth-child(4):hover{border-color:#7c3aed}.ai-tool-link:nth-child(4):hover .ai-tool-icon{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.blog-post-author-bio{background:#f8fafc;border-radius:1rem;padding:2rem;margin-bottom:3rem;border:1px solid #e2e8f0}.author-info h4{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:.75rem}.author-info p{color:#64748b;line-height:1.6;margin:0}.blog-related-posts{margin-bottom:3rem}.blog-related-posts h3{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:2rem;text-align:center}.related-posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.related-post-card{background:white;border:1px solid #e2e8f0;border-radius:.75rem;overflow:hidden;text-decoration:none;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.04)}.related-post-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.1);border-color:#cbd5e1}.related-post-image-placeholder{height:160px;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);display:flex;align-items:center;justify-content:center;position:relative}.related-post-category-overlay{background:rgba(30,41,59,.9);color:white;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600}.related-post-content{padding:1.5rem}.related-post-category{color:#3b82f6;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;display:block}.related-post-content h4{font-size:1rem;font-weight:600;color:#1e293b;line-height:1.4;margin-bottom:.75rem}.related-post-read-time{color:#64748b;font-size:.875rem}.blog-post-cta{background:linear-gradient(135deg,#1e293b,#334155);border-radius:1rem;padding:3rem;text-align:center;position:relative;overflow:hidden;margin-top:2rem}.blog-post-cta:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 2px 2px,rgba(255,255,255,.05) 1px,transparent 0);background-size:40px 40px;opacity:.5}.blog-post-cta .blog-cta-content{position:relative}.blog-post-cta h3{color:white;font-size:1.875rem;font-weight:700;margin-bottom:1rem}.blog-post-cta p{color:#cbd5e1;font-size:1.125rem;margin-bottom:2rem}.btn{display:inline-block;padding:.875rem 2rem;border-radius:9999px;font-weight:600;text-decoration:none;transition:all .3s ease}.btn-primary{background:white;color:#1e293b}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,255,255,.2)}@media (max-width:768px){.blog-post-header{padding:1.5rem 0}.blog-post-breadcrumb{margin-bottom:1.5rem}.blog-post-title{font-size:2rem;margin-bottom:1rem}.blog-post-container,.blog-post-content{padding:0 1rem}.blog-post-featured-image,.blog-post-image-fallback{height:250px}.fallback-icon{width:60px;height:60px}.fallback-icon svg{width:36px;height:36px}.fallback-category{padding:.375rem 1rem;font-size:.8rem}.fallback-message{font-size:1rem}.blog-post-image-placeholder{height:250px}.author-avatar{width:40px;height:40px}.author-avatar svg{width:18px;height:18px}.author-name{font-size:.9rem}.post-metadata{font-size:.8rem}.blog-post-tags-section{gap:.5rem}.category-tag{padding:.25rem .75rem;font-size:.8rem}.content-tag{padding:.2rem .6rem;font-size:.75rem}.blog-h1{font-size:1.875rem}.blog-h2{font-size:1.5rem}.blog-h2:before{left:-.5rem}.related-posts-grid{grid-template-columns:1fr}}@media (max-width:480px){.blog-post-header{padding:1rem 0 1.5rem}.blog-post-breadcrumb{margin-bottom:1rem}.breadcrumb-link{padding:.375rem .75rem;font-size:.8rem}.blog-post-title{font-size:1.75rem;margin-bottom:1rem}.blog-author-section{gap:.75rem}.author-avatar{width:36px;height:36px}.author-avatar svg{width:16px;height:16px}.author-name{font-size:.85rem}.post-metadata{font-size:.75rem;gap:.375rem}.blog-post-image-fallback{height:200px}.fallback-content{gap:1rem;padding:1.5rem}.fallback-icon{width:50px;height:50px}.fallback-icon svg{width:30px;height:30px}.fallback-category{padding:.25rem .75rem;font-size:.75rem}.fallback-message{font-size:.9rem}.blog-post-image-placeholder{height:200px}.blog-post-cta{padding:2rem 1.5rem}.blog-post-cta h3{font-size:1.5rem}.ai-tools-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.ai-tool-link{padding:1rem .75rem;font-size:.8rem}.ai-tool-icon{width:40px;height:40px;padding:10px}.ai-tool-icon svg{width:20px;height:20px}.blog-ai-summarize-section{padding:1.5rem}.blog-ai-summarize-section h3{font-size:1.1rem}.blog-ai-summarize-bar{flex-direction:column;gap:1rem;padding:1rem;text-align:center}.summarize-label{font-size:.8rem}.ai-tools-minimal{gap:.5rem}.ai-tool-minimal{width:36px;height:36px}.ai-tool-minimal svg{width:18px;height:18px}}.blog-cta-section{margin:4rem 0 2rem;padding:0 1rem}.blog-cta-card{background:linear-gradient(135deg,rgba(15,23,42,.95),rgba(30,41,59,.98) 50%,rgba(15,23,42,.95))!important;border:2px solid rgba(155,48,255,.3)!important;border-radius:16px!important;padding:3rem 2rem!important;text-align:center!important;box-shadow:0 20px 50px rgba(155,48,255,.15),0 8px 32px rgba(0,0,0,.1)!important;position:relative!important;overflow:hidden!important}.blog-cta-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(155,48,255,.05),rgba(138,43,226,.08) 50%,rgba(106,13,173,.05));z-index:-1}.blog-cta-content h3{font-size:2rem!important;font-weight:800!important;color:#ffffff!important;margin-bottom:1rem!important;line-height:1.3!important;text-shadow:0 2px 4px rgba(0,0,0,.3)!important}.blog-cta-content p{font-size:1.1rem!important;color:rgba(255,255,255,.9)!important;margin-bottom:2rem!important;line-height:1.6!important;max-width:600px!important;margin-left:auto!important;margin-right:auto!important;font-weight:400!important}.blog-cta-subtext{margin-top:1rem!important;font-size:.9rem!important;color:rgba(255,255,255,.7)!important;font-weight:500!important}.btn-hero-primary,.btn.btn-hero-primary,a.btn-hero-primary{background:linear-gradient(135deg,#9b30ff,#8a2be2,#6a0dad,#4b0082)!important;color:#fff!important;padding:1rem 2rem!important;border-radius:8px!important;font-size:1.15rem!important;font-weight:700!important;text-decoration:none!important;transition:all .3s ease!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;box-shadow:0 10px 30px rgba(155,48,255,.35)!important;position:relative!important;overflow:hidden!important;border:none!important}.btn-hero-primary:hover,.btn.btn-hero-primary:hover,a.btn-hero-primary:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 12px 35px rgba(138,43,226,.55),0 0 15px rgba(106,13,173,.6);background:linear-gradient(135deg,#b266ff,#9b30ff,#7a1fc8,#54127d)!important}.btn-hero-primary .cta-arrow,.btn.btn-hero-primary .cta-arrow{width:20px!important;height:20px!important;transition:transform .3s ease!important;flex-shrink:0!important}.btn-hero-primary:hover .cta-arrow,.btn.btn-hero-primary:hover .cta-arrow{transform:translateX(3px)!important}.btn-hero-primary:after{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,rgba(255,255,255,.2),rgba(255,255,255,.6) 50%,rgba(255,255,255,.2));transform:skewX(-25deg)}.btn-hero-primary:hover:after{animation:shine 1s ease forwards}@keyframes shine{to{left:125%}}@media (max-width:768px){.blog-cta-card{padding:2rem 1.5rem!important;margin:0 .5rem!important}.blog-cta-content h3{font-size:1.6rem!important}.blog-cta-content p,.btn-hero-primary{font-size:1rem!important}.btn-hero-primary{padding:.875rem 1.5rem!important}}.related-posts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.ai-powered-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border-radius:25px;font-size:.85rem;font-weight:600;box-shadow:0 2px 8px rgba(102,126,234,.3)}.ai-explanation{text-align:center;margin-top:1.5rem;padding:1rem;background:rgba(102,126,234,.05);border-radius:8px;border:1px solid rgba(102,126,234,.1)}.ai-explanation p{color:#64748b;font-size:.9rem;margin:0;font-style:italic}.related-post-card-skeleton{background:white;border:1px solid #e2e8f0;border-radius:.75rem;overflow:hidden;animation:pulse 1.5s ease-in-out infinite alternate}.skeleton-image{height:160px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-content{padding:1.5rem}.skeleton-text{height:1rem;margin-bottom:.75rem}.skeleton-text,.skeleton-text-short{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-text-short{height:.875rem;width:60%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%{opacity:1}to{opacity:.7}}.related-post-meta{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem}.related-post-author{color:#64748b;font-size:.875rem;font-weight:500}.related-image{width:100%;height:160px;-o-object-fit:cover;object-fit:cover}@media (max-width:768px){.related-posts-header{flex-direction:column;gap:1rem;text-align:center}.ai-powered-badge{align-self:center}}.personalized-summary-section{margin:3rem 0;background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));border:1px solid rgba(102,126,234,.15);border-radius:16px;padding:2rem;box-shadow:0 4px 20px rgba(102,126,234,.08)}.personalized-summary-header{text-align:center;margin-bottom:2rem}.summary-title{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.5rem}.summary-title svg{color:#667eea}.summary-title h3{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.personalized-summary-header p{color:#64748b;font-size:1rem;margin:0}.summary-configuration{display:flex;flex-direction:column;gap:1.5rem}.role-selector label{display:block;font-weight:600;color:#374151;margin-bottom:.75rem}.role-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.role-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .75rem;background:white;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.role-option:hover{border-color:#667eea;background:rgba(102,126,234,.05)}.role-option.active{border-color:#667eea;background:rgba(102,126,234,.1);box-shadow:0 0 0 3px rgba(102,126,234,.1)}.role-icon{font-size:1.5rem}.industry-input label,.role-label{font-weight:600;color:#374151}.industry-input label{display:block;margin-bottom:.5rem}.industry-field{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:border-color .2s ease;background:white}.industry-field:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.generate-summary-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;align-self:center;min-width:180px}.generate-summary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.4)}.generate-summary-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.summary-result{background:white;border-radius:12px;padding:1.5rem;box-shadow:0 2px 10px rgba(0,0,0,.05);border:1px solid #e2e8f0}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.summary-meta{display:flex;gap:.75rem}.industry-badge,.role-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.role-badge{background:rgba(102,126,234,.1);color:#667eea}.industry-badge{background:rgba(118,75,162,.1);color:#764ba2}.regenerate-btn{padding:.5rem;background:rgba(102,126,234,.1);border:none;border-radius:8px;color:#667eea;cursor:pointer;transition:background .2s ease}.regenerate-btn:hover{background:rgba(102,126,234,.2)}.summary-content{line-height:1.7;color:#374151;margin-bottom:1.5rem}.summary-content p{margin-bottom:1rem}.summary-content p:last-child{margin-bottom:0}.summary-actions{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #e2e8f0}.copy-summary-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;transition:all .2s ease;font-size:.9rem}.copy-summary-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.cta-link{color:#667eea;font-weight:600;text-decoration:none;transition:color .2s ease}.cta-link:hover{color:#5a67d8;text-decoration:underline}@media (max-width:768px){.personalized-summary-section{padding:1.5rem;margin:2rem 0}.role-options{grid-template-columns:repeat(2,1fr)}.role-option{padding:.75rem .5rem}.generate-summary-btn{width:100%}.summary-actions{flex-direction:column;gap:1rem}.copy-summary-btn{align-self:stretch;justify-content:center}}.ai-annotation-tooltip{background:rgba(255,255,255,.98);border:1px solid rgba(102,126,234,.2);border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.15);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-width:320px;min-width:280px;font-size:.9rem;animation:annotationFadeIn .3s ease-out}@keyframes annotationFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-100%) scale(.95)}to{opacity:1;transform:translateX(-50%) translateY(-100%) scale(1)}}.annotation-arrow{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(255,255,255,.98)}.annotation-content{padding:1rem}.annotation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(102,126,234,.1)}.annotation-title{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#667eea;font-size:.85rem}.annotation-title svg{color:#667eea}.annotation-close{padding:.25rem;background:rgba(102,126,234,.1);border:none;border-radius:6px;color:#667eea;cursor:pointer;transition:background .2s ease}.annotation-close:hover{background:rgba(102,126,234,.2)}.annotation-selected-text{background:rgba(102,126,234,.08);border-left:3px solid #667eea;padding:.5rem .75rem;margin-bottom:.75rem;border-radius:0 6px 6px 0;font-style:italic;color:#64748b;font-size:.8rem;line-height:1.4}.annotation-loading{display:flex;align-items:center;gap:.75rem;padding:1rem 0;color:#64748b;font-size:.85rem}.annotation-spinner{width:16px;height:16px;border:2px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.annotation-text{line-height:1.5;color:#374151;margin-bottom:.75rem;font-size:.9rem}.annotation-actions{display:flex;gap:.5rem;flex-wrap:wrap}.annotation-action-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.2);border-radius:6px;color:#667eea;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.annotation-action-btn:hover:not(:disabled){background:rgba(102,126,234,.15);border-color:rgba(102,126,234,.3);transform:translateY(-1px)}.annotation-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.annotation-action-btn svg{width:12px;height:12px}.blog-post-content ::selection{background:rgba(102,126,234,.2);color:inherit}.blog-post-content ::-moz-selection{background:rgba(102,126,234,.2);color:inherit}.blog-post-content p:hover{cursor:text}.blog-post-content .annotation-hint{position:relative}.blog-post-content .annotation-hint:after{content:"💡 Select text for AI insights";position:absolute;top:-30px;left:0;background:rgba(102,126,234,.9);color:white;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:100}@media (max-width:768px){.ai-annotation-tooltip{max-width:280px;min-width:240px;font-size:.85rem}.annotation-content{padding:.875rem}.annotation-actions{gap:.375rem}.annotation-action-btn{padding:.375rem .625rem;font-size:.75rem}.annotation-selected-text{font-size:.75rem;padding:.4rem .6rem}}