.blog-details{min-height:calc(100vh - 80px);padding:clamp(40px,8vw,80px) 0;background:linear-gradient(180deg,#fafbfc 0,#ffffff);position:relative;overflow:hidden}.blog-details:before{content:"";position:absolute;top:0;left:0;right:0;height:400px;background:linear-gradient(135deg,rgba(255,211,34,.03),transparent 70%);z-index:0}.blog-details .container{position:relative;z-index:1;padding-left:clamp(16px,5vw,32px);padding-right:clamp(16px,5vw,32px)}.blog-header{text-align:center;margin-bottom:clamp(2rem,5vw,3rem);padding-bottom:clamp(1.5rem,3vw,2rem);border-bottom:1px solid rgba(0,0,0,.05)}.blog-title{font-size:clamp(1.75rem,5vw,3rem);font-weight:800;line-height:1.3;color:#1a1a1a;margin-bottom:1.5rem;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.03);animation:fadeInUp .8s ease-out;max-width:900px;margin-left:auto;margin-right:auto}.blog-meta{justify-content:center;gap:2rem;flex-wrap:wrap;animation:fadeInUp .8s ease-out .2s both}.blog-date,.blog-meta{display:flex;align-items:center}.blog-date{gap:.5rem;color:#666;font-size:1rem;font-weight:500}.blog-date:before{content:"";width:20px;height:20px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="%23666"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"/></svg>');background-size:contain;opacity:.8}.blog-author{display:flex;align-items:center;gap:.5rem;color:#666;font-size:1rem}.blog-author:before{content:"";width:20px;height:20px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="%23666"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/></svg>');background-size:contain;opacity:.8}.blog-featured-image{margin:0 0 clamp(2rem,4vw,3rem);border-radius:clamp(8px,2vw,16px);overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.08);position:relative;animation:fadeInUp .8s ease-out .4s both}.blog-featured-image img{width:100%;height:auto;display:block;object-fit:contain}.blog-featured-image:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 70%,rgba(0,0,0,.05));pointer-events:none}.blog-content{font-size:clamp(1rem,2vw,1.125rem);line-height:1.8;color:#333;animation:fadeInUp .8s ease-out .6s both;max-width:800px;margin-left:auto;margin-right:auto}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{font-weight:700;color:#1a1a1a;margin-top:2.5rem;margin-bottom:1rem;line-height:1.3;position:relative}.blog-content h2{font-size:clamp(1.5rem,4vw,2rem);padding-left:clamp(.75rem,2vw,1rem);border-left:4px solid var(--accent-color,#ffd322)}.blog-content h3{font-size:clamp(1.25rem,3vw,1.5rem)}.blog-content h4{font-size:clamp(1.1rem,2.5vw,1.25rem)}.blog-content p{margin-bottom:1.5rem}.blog-content>p:first-of-type{font-size:1.25rem;line-height:1.7;color:#555;font-weight:400}.blog-content a{color:#0066cc;text-decoration:none;border-bottom:2px solid transparent;transition:all .3s ease;font-weight:500}.blog-content a:hover{color:#0052a3;border-bottom-color:var(--accent-color,#FFD322)}.blog-content ol,.blog-content ul{margin:1.5rem 0;padding-left:2rem}.blog-content ol li,.blog-content ul li{margin-bottom:.75rem;line-height:1.8}.blog-content ul li::marker{color:var(--accent-color,#FFD322)}.blog-content ol li::marker{color:var(--accent-color,#FFD322);font-weight:600}.blog-content blockquote{margin:2rem 0;padding:1.5rem 2rem;background:linear-gradient(135deg,rgba(255,211,34,.05),rgba(255,211,34,.02));border-left:4px solid var(--accent-color,#ffd322);font-style:italic;font-size:1.1rem;color:#555;position:relative;border-radius:0 8px 8px 0}.blog-content blockquote:before{content:'"';position:absolute;top:-10px;left:20px;font-size:4rem;color:var(--accent-color,#FFD322);opacity:.3;font-family:Georgia,serif}.blog-content pre{background:#1e1e1e;color:#e0e0e0;padding:1.5rem;border-radius:8px;overflow-x:auto;margin:2rem 0;font-size:.95rem;line-height:1.5;box-shadow:0 4px 12px rgba(0,0,0,.1)}.blog-content code{background:rgba(0,0,0,.05);padding:.2rem .4rem;border-radius:4px;font-size:.9rem;font-family:Consolas,Monaco,Courier New,monospace}.blog-content pre code{background:none;padding:0}.blog-content img{width:100%;max-width:100%;height:auto!important;object-fit:contain!important;object-position:center center;margin:2rem 0;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.blog-content img:hover{transform:translateY(-4px);box-shadow:0 15px 40px rgba(0,0,0,.15)}.blog-content figure{margin:2rem 0;text-align:center}.blog-content figcaption{margin-top:.5rem;font-size:.9rem;color:#666;font-style:italic}.blog-content video{height:auto}.blog-content iframe,.blog-content video{max-width:100%;margin:2rem 0;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.1);display:block}.blog-content iframe{border:none}.blog-content .video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:2rem 0;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.blog-content .video-wrapper iframe,.blog-content .video-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;border-radius:12px}.blog-content table{width:100%;margin:2rem 0;border-collapse:collapse;box-shadow:0 2px 8px rgba(0,0,0,.05);border-radius:8px;overflow:hidden}.blog-content th{background:var(--accent-color,#FFD322);color:#333;font-weight:600;padding:1rem;text-align:left}.blog-content td{padding:1rem;border-bottom:1px solid rgba(0,0,0,.05)}.blog-content tr:hover{background:rgba(0,0,0,.02)}.blog-content hr{margin:3rem 0;border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.1),transparent)}.draft-preview-banner{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffd93d;border-radius:8px;padding:1rem 1.5rem;margin-bottom:2rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 12px rgba(255,193,7,.2);animation:slideDown .5s ease-out}.draft-preview-banner:before{content:"⚠️";font-size:1.5rem}.draft-preview-text{color:#856404;font-weight:500;flex:1}.blog-navigation{margin-top:4rem;padding-top:3rem;border-top:1px solid rgba(0,0,0,.1);display:flex;justify-content:space-between;gap:2rem}.blog-nav-link{flex:1;padding:1.5rem;background:#f8f9fa;border-radius:12px;text-decoration:none;transition:all .3s ease;border:1px solid transparent}.blog-nav-link:hover{background:#fff;border-color:var(--accent-color,#FFD322);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.08)}.blog-nav-label{font-size:.875rem;color:#666;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;display:block}.blog-nav-title{font-size:1.125rem;font-weight:600;color:#1a1a1a;line-height:1.4}.blog-related-links{max-width:800px;margin:clamp(2rem,4vw,2.8rem) auto 0;padding:1rem 1.1rem;border:1px solid rgba(0,0,0,.08);border-radius:10px;background:rgba(255,255,255,.95)}.blog-related-links-title{display:block;font-size:.92rem;color:#555;margin-bottom:.6rem;font-weight:700}.blog-related-links-grid{display:flex;gap:.75rem;flex-wrap:wrap}.blog-related-links-grid a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:.45rem .8rem;font-size:.9rem;font-weight:700}.blog-related-links-grid a:hover{background:#dbeafe}.blog-share{margin-top:clamp(2rem,5vw,3rem);padding:clamp(1.5rem,3vw,2rem);background:#f8f9fa;border-radius:clamp(8px,2vw,12px);text-align:center;max-width:800px;margin-left:auto;margin-right:auto}.blog-share-title{font-size:clamp(1.1rem,2.5vw,1.25rem);font-weight:600;margin-bottom:1rem;color:#1a1a1a}.blog-share-buttons{display:flex;justify-content:center;gap:clamp(.75rem,2vw,1rem);flex-wrap:wrap}.share-button{display:inline-flex;align-items:center;gap:.5rem;padding:clamp(.6rem,1.5vw,.75rem) clamp(1rem,3vw,1.5rem);background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:clamp(6px,1.5vw,8px);text-decoration:none;color:#333;font-weight:500;font-size:clamp(.9rem,2vw,1rem);transition:all .3s ease}.share-button:hover{background:var(--accent-color,#FFD322);border-color:var(--accent-color,#FFD322);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.blog-meta{gap:.75rem;font-size:.9rem}.blog-navigation{flex-direction:column}.blog-content ol,.blog-content ul{padding-left:1.5rem}.blog-content blockquote{padding:1rem 1.5rem;font-size:1rem}.blog-content pre{padding:1rem;font-size:.85rem}}@media (max-width:480px){.blog-meta{flex-direction:column;gap:.5rem}.blog-author:before,.blog-date:before{width:16px;height:16px}.blog-content img{margin:1.5rem 0;border-radius:8px}.blog-share-buttons{flex-direction:column;align-items:stretch}.share-button{justify-content:center}}@media print{.blog-navigation,.blog-share,.draft-preview-banner{display:none}.blog-details{padding:0;background:none}.blog-featured-image{box-shadow:none;margin:0 0 2rem}.blog-content{font-size:11pt;line-height:1.5}.blog-content a{color:#000;text-decoration:underline}}.blog-listing-section{min-height:calc(100vh - 80px);padding:clamp(40px,8vw,80px) clamp(16px,5vw,32px);background:#fafbfc}.blog-listing-hero{max-width:1200px;margin:0 auto clamp(2.2rem,5vw,3.2rem);padding:clamp(1rem,2.8vw,1.6rem);border-radius:clamp(16px,2.4vw,22px);background:radial-gradient(1200px 360px at 10% 0,rgba(3,137,57,.12),transparent 58%),radial-gradient(900px 280px at 95% 15%,rgba(255,211,34,.18),transparent 58%),linear-gradient(180deg,#ffffff,#f7f8fa);border:1px solid rgba(0,0,0,.06);box-shadow:0 14px 44px rgba(0,0,0,.08)}.blog-listing-header{text-align:center;margin-bottom:clamp(1.1rem,2.4vw,1.7rem);animation:fadeInUp .8s ease-out}.blog-listing-eyebrow{display:inline-flex;align-items:center;justify-content:center;padding:.32rem .62rem;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(3,137,57,.98);background:rgba(3,137,57,.1);border:1px solid rgba(3,137,57,.2);margin-bottom:.7rem}.blog-listing-title{font-size:clamp(2rem,6vw,3.5rem);font-weight:800;color:#1a1a1a;margin-bottom:1rem;letter-spacing:-.02em;line-height:1.2}.blog-listing-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);color:#666;max-width:600px;margin:0 auto;line-height:1.6}.blog-start-here{margin:0;max-width:none;animation:fadeInUp .8s ease-out;animation-delay:.05s;animation-fill-mode:both}.blog-start-here-inner{background:radial-gradient(1200px 300px at 20% 0,rgba(3,137,57,.1),transparent 55%),radial-gradient(900px 260px at 85% 20%,rgba(255,211,34,.14),transparent 55%),#fff;border-radius:clamp(14px,2vw,18px);border:1px solid rgba(0,0,0,.06);box-shadow:0 10px 40px rgba(0,0,0,.06);padding:clamp(1.25rem,3vw,2rem)}.blog-start-here-header{display:grid;gap:.5rem;margin-bottom:clamp(1rem,2vw,1.25rem)}.blog-start-here-title{font-size:clamp(1.25rem,3.2vw,1.6rem);font-weight:800;letter-spacing:-.02em;color:#111;margin:0}.blog-start-here-subtitle{margin:0;color:#444;line-height:1.6;max-width:70ch}.blog-start-here-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.75rem,1.6vw,1rem)}.blog-start-here-card{text-decoration:none;color:inherit;background:rgba(250,251,252,.75);border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:1rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:grid;align-content:start;gap:.6rem;min-height:160px}.blog-start-here-card:hover{transform:translateY(-4px);border-color:rgba(3,137,57,.35);box-shadow:0 16px 40px rgba(0,0,0,.1)}.blog-start-here-card-top{display:flex;align-items:center;justify-content:space-between}.blog-start-here-kicker{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(3,137,57,.9)}.blog-start-here-arrow{font-weight:800;color:rgba(0,0,0,.55);transition:transform .2s ease}.blog-start-here-card:hover .blog-start-here-arrow{transform:translateX(4px)}.blog-start-here-card-title{margin:0;font-size:1rem;line-height:1.3;font-weight:800;color:#1a1a1a}.blog-start-here-card-blurb{margin:0;color:#555;line-height:1.55;font-size:.95rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-start-here-empty{padding:1rem;border-radius:14px;background:rgba(250,251,252,.75);border:1px dashed rgba(0,0,0,.12)}.blog-start-here-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.75rem}.blog-start-here-action{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1rem;border-radius:999px;background:rgba(3,137,57,.1);color:rgba(3,137,57,.95);font-weight:800;text-decoration:none;border:1px solid rgba(3,137,57,.2)}.blog-start-here-action-secondary{background:rgba(255,211,34,.18);border-color:rgba(255,211,34,.35);color:#6a5200}.blog-start-here-footer{margin-top:clamp(1rem,2vw,1.25rem);display:flex;gap:1rem;flex-wrap:wrap}.blog-start-here-footer-link{color:#1a1a1a;text-decoration:none;font-weight:800;opacity:.9}.blog-start-here-footer-link:hover{opacity:1;text-decoration:underline}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:clamp(1.5rem,3vw,2rem);margin-top:clamp(2rem,4vw,3rem)}.blog-list-card{background:#fff;border-radius:clamp(12px,2vw,16px);overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeInUp .8s ease-out;animation-fill-mode:both;height:100%;display:flex;flex-direction:column}.blog-list-card:first-child{animation-delay:.1s}.blog-list-card:nth-child(2){animation-delay:.2s}.blog-list-card:nth-child(3){animation-delay:.3s}.blog-list-card:nth-child(4){animation-delay:.4s}.blog-list-card:nth-child(5){animation-delay:.5s}.blog-list-card:nth-child(6){animation-delay:.6s}.blog-list-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,.12)}.blog-list-link{display:block;text-decoration:none;color:inherit;height:100%}.blog-list-image{position:relative;width:100%;height:250px;overflow:hidden;background:#f0f0f0}.blog-list-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.blog-list-card:hover .blog-list-image img{transform:scale(1.08)}.blog-list-content{padding:clamp(1.25rem,3vw,2rem);flex:1;display:flex;flex-direction:column}.blog-list-title{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700;color:#1a1a1a;margin-bottom:.75rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}.blog-list-card:hover .blog-list-title{color:var(--accent-color,#FFD322)}.blog-list-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.blog-list-date{font-size:.875rem;color:#666;display:flex;align-items:center;gap:.25rem}.blog-list-date:before{content:"";width:16px;height:16px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="%23666"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"/></svg>');background-size:contain;opacity:.7}.blog-list-excerpt{font-size:1rem;line-height:1.6;color:#555;margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-list-cta{display:inline-flex;align-items:center;font-size:1rem;font-weight:600;color:var(--accent-color,#FFD322);transition:all .3s ease}.blog-list-card:hover .blog-list-cta{transform:translateX(5px)}.blog-empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.blog-empty-state p{font-size:1.25rem;color:#666;margin:0}@media (max-width:768px){.blog-listing-hero{padding:clamp(.85rem,2.4vw,1.2rem)}.blog-start-here-grid{grid-template-columns:1fr}.blog-start-here-card{min-height:unset}.blog-list-image{height:clamp(200px,30vw,250px)}}@media (max-width:1100px) and (min-width:769px){.blog-start-here-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:480px){.blog-list-image{height:clamp(180px,40vw,220px)}.blog-list-meta{flex-direction:column;align-items:flex-start;gap:.5rem}}