.news-card-link{display:block;text-decoration:none;color:inherit;width:100%;container-type:inline-size;container-name:news-card}.news-card{width:100%;position:relative;transition:transform .3s ease;margin-bottom:1.5rem;overflow:visible}@media (min-width: 768px){.news-card{margin-bottom:2rem;will-change:transform;contain:layout style paint}}.news-card-overlay{position:relative;width:100%;border:2px solid rgba(55,65,81,.5);transition:border-color .3s ease;container-type:inline-size;container-name:news-card}.news-card-overlay:hover{border-color:#4b5563b3}.news-card-actions{position:absolute;bottom:0;left:0;right:0;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;z-index:30;pointer-events:none}.news-card-actions>*{pointer-events:auto}.news-card-actions .action-left{display:flex;gap:1rem}.news-card-actions .action-right{display:flex;gap:.75rem}.news-action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.5rem;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;color:#ffffffe6;font-size:.75rem;font-weight:500;transition:background-color .2s ease,transform .15s ease;cursor:pointer;white-space:nowrap;outline:none}.news-action-btn:hover{background:#000000a6}.news-action-btn i{font-size:.875rem}.news-action-btn.liked{color:#ef4444f2;background:#0009}.news-action-btn:hover:not(.liked) .fa-heart{color:#ef4444f2}.news-action-btn.liked:hover{background:#000000bf}.news-action-btn.bookmarked{color:#eab308fa;background:#0009}.news-action-btn:hover:not(.bookmarked) .fa-bookmark{color:#eab308fa}.news-action-btn.bookmarked:hover{background:#000000bf}.news-action-btn:hover .fa-share-alt{color:#3b82f6f2}@container news-card (max-width: 400px){.news-card-overlay{min-height:520px}.news-card-actions{padding:.75rem 1rem}.news-action-btn{padding:.375rem .625rem;font-size:.75rem}}@container news-card (min-width: 401px) and (max-width: 600px){.news-card-overlay{min-height:580px}}@container news-card (min-width: 601px){.news-card-overlay{min-height:640px}}.news-card-container{display:grid;grid-template-columns:1fr;gap:0;background:#0d1220;border:1px solid rgba(55,65,81,.5);border-radius:.75rem;overflow:hidden;transition:all .3s ease;height:100%}.news-card-container.no-image{grid-template-columns:1fr}@media (min-width: 768px){.news-card-container{grid-template-columns:320px 1fr;will-change:transform,border-color;contain:layout style paint}.news-card-container.no-image{grid-template-columns:1fr}}@media (min-width: 1024px){.news-card-container{grid-template-columns:400px 1fr}.news-card-container.no-image{grid-template-columns:1fr}.news-card:hover .news-card-container{border-color:#3b82f680;background:#111827b3;box-shadow:0 20px 40px #0000004d}}.news-image-container{position:relative;width:100%;aspect-ratio:3 / 2;overflow:hidden;background:linear-gradient(135deg,#1e293b,#0f172a)}@media (min-width: 768px){.news-image-container{aspect-ratio:5 / 4;will-change:transform}}@media (min-width: 1024px){.news-image-container{aspect-ratio:1 / 1}}.news-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}@media (min-width: 768px){.news-image{will-change:transform}}.news-image[src=""],.news-image[src="/media/8k_milkyway.jpg"]{opacity:0}.news-image-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f61a,#9333ea1a,#ec48991a);opacity:0;transition:opacity .3s ease}.news-image-container:has(.news-image[src=""]),.news-image-container:has(.news-image[src="/media/8k_milkyway.jpg"]){display:flex;align-items:center;justify-content:center}.news-image-container:has(.news-image[src=""]):before,.news-image-container:has(.news-image[src="/media/8k_milkyway.jpg"]):before{opacity:1}.news-image-container:has(.news-image[src=""]):after,.news-image-container:has(.news-image[src="/media/8k_milkyway.jpg"]):after{content:"📰";position:absolute;font-size:4rem;opacity:.3;z-index:1;animation:float 3s ease-in-out infinite}@media (min-width: 768px){.news-image-container:has(.news-image[src=""]):after,.news-image-container:has(.news-image[src="/media/8k_milkyway.jpg"]):after{font-size:6rem}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (min-width: 768px){.news-card:hover .news-image-container:before{opacity:.8}}.category-badge,.reading-time-badge{position:absolute;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600;backdrop-filter:blur(10px);display:flex;align-items:center;z-index:10}.category-badge{top:1rem;left:1rem;background:#3b82f6e6;color:#fff;text-transform:capitalize}.reading-time-badge{top:1rem;right:1rem;background:#111827e6;color:#e5e7eb}.news-content{padding:2rem;display:flex;flex-direction:column;gap:1.25rem}.news-card-container.no-image .news-content{height:100%;justify-content:space-between}@media (min-width: 768px){.news-content{padding:2.5rem;gap:1.5rem}}.inline-badges{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.inline-badges-bottom{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:auto;padding-top:1rem}.category-badge-inline,.reading-time-badge-inline{padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600;display:inline-flex;align-items:center;white-space:nowrap}.category-badge-inline{background:#3b82f6e6;color:#fff;text-transform:capitalize}.reading-time-badge-inline{background:#1f2937e6;color:#e5e7eb;border:1px solid rgba(55,65,81,.5)}.news-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.news-header-no-image{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.news-author-info{display:flex;align-items:center;gap:.75rem;text-decoration:none;transition:transform .2s ease}@media (min-width: 768px){.news-author-info:hover{transform:translate(4px)}}.author-avatar{flex-shrink:0}.author-info{display:flex;flex-direction:column;gap:.125rem}.author-name{font-size:.875rem;font-weight:600;color:#e5e7eb}@media (min-width: 640px){.author-name{font-size:.9375rem}}.author-username{font-size:.75rem;color:#9ca3af}@media (min-width: 640px){.author-username{font-size:.8125rem}}.news-date{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:#9ca3af;white-space:nowrap}.news-title{font-size:1.375rem;font-weight:700;color:#f9fafb;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}@media (min-width: 768px){.news-title{font-size:1.625rem}}@media (min-width: 1024px){.news-title{font-size:1.875rem}.news-card:hover .news-title{color:#60a5fa}}.news-summary{font-size:1rem;color:#d1d5db;line-height:1.6;margin:0;flex:1;margin-bottom:1rem}@media (min-width: 768px){.news-summary{font-size:1.0625rem}}.news-card-container.no-image .news-summary{display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset;overflow:visible}.news-actions{display:flex;justify-content:flex-end;align-items:center;gap:1rem;margin-top:auto;padding-top:1rem;border-top:1px solid rgba(55,65,81,.5)}.news-card-container.no-image .news-actions{border-top:none;padding-top:0;margin-top:0;float:right;clear:right}.news-actions-right{display:flex;gap:.5rem}.action-btn{min-width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:0 .5rem;background:#1f293780;border:1px solid rgba(55,65,81,.5);border-radius:.75rem;color:#9ca3af;cursor:pointer;transition:all .3s ease;font-size:.875rem;white-space:nowrap}.action-btn:active{background:#3b82f633;border-color:#3b82f680;color:#fff;transform:scale(.95)}@media (min-width: 768px){.action-btn:hover{background:#3b82f633;border-color:#3b82f680;color:#60a5fa;transform:translateY(-2px)}}