.blog-list-item.svelte-1nfuw4k{background:var(--blog-card-bg);border-radius:16px;padding:1.25em;margin-bottom:1.25em;box-shadow:0 6px 25px #0000001f;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,21,50,.15);position:relative;overflow:hidden}.blog-list-item.svelte-1nfuw4k:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--blog-accent-gradient);transform:scaleX(.3);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1)}.blog-list-item.svelte-1nfuw4k:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 40px #00000026;border-color:var(--accent-color);background:var(--blog-card-hover-bg)}.blog-list-item.svelte-1nfuw4k:hover:before{transform:scaleX(1)}.blog-list-item.svelte-1nfuw4k:hover .blog-title:where(.svelte-1nfuw4k){color:var(--blog-title-hover-color);background:var(--blog-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-list-item.svelte-1nfuw4k:hover .blog-title:where(.svelte-1nfuw4k):after{width:100%}.blog-list-item.svelte-1nfuw4k:hover .blog-excerpt:where(.svelte-1nfuw4k){color:var(--blog-excerpt-hover-color)}.blog-list-item.svelte-1nfuw4k:hover .blog-excerpt:where(.svelte-1nfuw4k):before{opacity:1}.blog-list-item.svelte-1nfuw4k:last-child{margin-bottom:0}@media (max-width: 768px){.blog-list-item.svelte-1nfuw4k{padding:1em}}@media (max-width: 480px){.blog-list-item.svelte-1nfuw4k{font-size:.9em;padding:1em}}.blog-content.svelte-1nfuw4k{display:flex;justify-content:space-between;align-items:center;gap:1.5em}@media (max-width: 768px){.blog-content.svelte-1nfuw4k{gap:.5em}}.blog-info.svelte-1nfuw4k{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25em}.blog-title.svelte-1nfuw4k{font-size:1.25em;font-weight:500;color:var(--blog-title-color);margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;text-shadow:0 1px 2px rgba(0,0,0,.1);background:linear-gradient(135deg,var(--blog-title-color) 0%,#2c3e50 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-title.svelte-1nfuw4k:after{content:"";position:absolute;bottom:-3px;left:0;width:30%;height:3px;background:var(--blog-accent-gradient);transition:width .3s cubic-bezier(.4,0,.2,1);border-radius:2px}@media (max-width: 768px){.blog-title.svelte-1nfuw4k{font-size:1.1em}}.blog-excerpt.svelte-1nfuw4k{color:#4a5568;line-height:1.7;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.9em;font-weight:400;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;text-shadow:0 1px 2px rgba(0,0,0,.05)}.blog-excerpt.svelte-1nfuw4k:before{content:"";position:absolute;left:-1em;top:0;bottom:0;width:4px;background:var(--blog-primary-gradient);border-radius:2px;opacity:.8;transition:opacity .3s ease}@media (max-width: 768px){.blog-excerpt.svelte-1nfuw4k{-webkit-line-clamp:3;margin-bottom:.6em}}.blog-meta.svelte-1nfuw4k{display:flex;flex-wrap:wrap;gap:1.25em;font-size:.9em;color:#5a6c7d;margin-top:.5em;display:none}.blog-meta.svelte-1nfuw4k .meta-item:where(.svelte-1nfuw4k){display:flex;align-items:center;gap:.375em;padding:.375em .75em;background:#00153214;border-radius:10px;transition:all .3s ease;border:1px solid rgba(0,21,50,.15);font-weight:500;box-shadow:0 1px 3px #0000000d}.blog-meta.svelte-1nfuw4k .meta-item:where(.svelte-1nfuw4k):hover{background:#e74c3c1f;border-color:#e74c3c40;transform:translateY(-1px);box-shadow:0 2px 6px #0000001a}.blog-meta.svelte-1nfuw4k .meta-item:where(.svelte-1nfuw4k) .emoji:where(.svelte-1nfuw4k){font-size:.9em;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.blog-actions.svelte-1nfuw4k{display:flex;align-items:flex-end;gap:.55em;flex-shrink:0;margin-top:-.5em;margin-bottom:-.5em}@media (max-width: 480px){.blog-actions.svelte-1nfuw4k{flex-direction:column;justify-content:center;align-items:center}}.read-more-btn.svelte-1nfuw4k{background:var(--blog-primary-gradient);color:#fff;padding:.6em 1.25em;border-radius:8px;text-decoration:none;font-weight:600;font-size:.875em;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 2px 8px #00153233;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;height:-webkit-fill-available;max-height:4.5em;display:flex;align-items:center;justify-content:center}.read-more-btn.svelte-1nfuw4k:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.read-more-btn.svelte-1nfuw4k:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0015324d}.read-more-btn.svelte-1nfuw4k:hover:before{left:100%}.read-more-btn.svelte-1nfuw4k:active{transform:translateY(-1px)}@media (max-width: 480px){.read-more-btn.svelte-1nfuw4k{height:unset;width:100%;padding:.35em .75em}}.media-buttons.svelte-1nfuw4k{display:flex;flex-direction:column;gap:.5em}@media (max-width: 768px){.media-buttons.svelte-1nfuw4k{gap:.25em}}.media-btn.svelte-1nfuw4k{display:flex;align-items:center;justify-content:center;gap:.375em;padding:.5em .875em;border-radius:8px;border:none;cursor:pointer;font-size:.75em;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 2px 6px #0000001a;position:relative;overflow:hidden}.media-btn.svelte-1nfuw4k .emoji:where(.svelte-1nfuw4k){font-size:.875em;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));margin-right:0}.media-btn.svelte-1nfuw4k:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .4s ease}.media-btn.shorts-btn.svelte-1nfuw4k{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff}.media-btn.shorts-btn.svelte-1nfuw4k:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff6b6b66}.media-btn.shorts-btn.svelte-1nfuw4k:hover:before{left:100%}.media-btn.podcast-btn.svelte-1nfuw4k{background:linear-gradient(135deg,#4834d4,#686de0);color:#fff}.media-btn.podcast-btn.svelte-1nfuw4k:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4834d466}.media-btn.podcast-btn.svelte-1nfuw4k:hover:before{left:100%}.media-btn.svelte-1nfuw4k:active{transform:translateY(-1px)}@media (max-width: 768px){.media-btn.svelte-1nfuw4k{padding:.375em .625em;font-size:.7em}}