:root{--hero-bg:#fff;--card-bg:#fff;--card-border:#0000001a;--meta-text:#444;--like-green:#2ecc71;--dislike-red:#e74c3c;--ads-bg:#f5f5f5;--accent-color:#ed2127}html.dark{--hero-bg:#0f172a;--card-bg:#1e293b;--card-border:#ffffff14;--meta-text:#94a3b8;--ads-bg:#1e293b;--accent-color:#3b82f6}.hero-container{background-color:var(--hero-bg);gap:30px;max-width:1400px;margin:10px auto 0;padding:0 20px;transition:background-color .4s;display:flex}.side-ads{flex-shrink:0;width:160px;position:relative}.ads-box{color:var(--meta-text);z-index:10;background-color:#0000;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:160px;height:600px;transition:background-color .4s;display:flex;position:sticky;top:90px;overflow:hidden}.ads-box:hover{box-shadow:none!important;transform:none!important}.ads-label{opacity:.5;font-size:14px;font-weight:800}.ads-size{opacity:.3;margin-top:5px;font-size:11px}.hero-mid-wrapper{flex-direction:column;flex-grow:1;gap:8px;display:flex}.top-banner-wrapper{border:none;border-radius:6px;width:100%;overflow:hidden}.full-top-banner{object-fit:cover;width:100%;height:auto;display:block}.hero-grid-upper{grid-template-columns:1fr 300px;align-items:stretch;gap:25px;display:grid}.mid-right-col{flex-direction:column;gap:25px;width:300px;height:100%;display:flex}.top-ads-container{background-color:#0000;border:none;border-radius:6px;flex-shrink:0;width:300px;height:250px;position:relative;overflow:hidden}.post-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:6px;flex-direction:column;height:100%;transition:background-color .4s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.post-card:not(.overlay-post){box-shadow:0 2px 8px #0000001a}.featured-img-holder{aspect-ratio:16/10.8;background-color:var(--card-bg);width:100%;position:relative;overflow:hidden}.featured-img-holder img{object-fit:cover;width:100%;height:100%}.img-blur-edge{background:linear-gradient(to bottom, transparent 0%, var(--card-bg) 80%, var(--card-bg) 100%);-webkit-backdrop-filter:blur(15px);z-index:2;pointer-events:none;height:60px;position:absolute;bottom:-5px;left:-5px;right:-5px}.main-post-area{height:auto;min-height:600px}.overlay-post{flex-direction:column;height:100%;display:flex;box-shadow:none!important;background-color:#0000!important;border:none!important}.overlay-post .featured-img-holder{height:400px;position:relative;overflow:visible}.overlay-post .featured-img-holder:before{content:"";background:linear-gradient(to bottom, var(--accent-color) 0%, transparent 90%);z-index:5;width:6px;height:100%;position:absolute;top:0;left:0}.overlay-post .featured-img-holder img{object-fit:cover;width:100%;height:100%;-webkit-mask-image:linear-gradient(#000 20%,#0000 98%);mask-image:linear-gradient(#000 20%,#0000 98%)}.overlay-post .featured-img-holder:after{content:"";background:linear-gradient(to bottom, transparent 10%, var(--hero-bg) 98%);z-index:1;position:absolute;inset:0}.overlay-content{z-index:10;text-align:center;flex-direction:column;align-items:center;margin-top:-110px;padding:0 40px 30px;display:flex;position:relative;background-color:#0000!important}.overlay-post .entry-title{color:#111827;letter-spacing:-1.5px;text-align:center;margin:0 0 15px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:50px;font-weight:800;line-height:1.1;-webkit-line-clamp:none!important;height:auto!important;display:block!important;overflow:visible!important}html.dark .overlay-post .entry-title{color:#fff}.overlay-post .entry-title a{color:inherit}html.dark .overlay-post .entry-title a{color:#fff}.entry-summary{color:var(--meta-text);-webkit-line-clamp:3;line-clamp:3;text-align:center;-webkit-box-orient:vertical;margin:0 0 15px;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.small-post .entry-summary{-webkit-line-clamp:2;line-clamp:2;margin-bottom:10px;font-size:12px}.overlay-post .entry-summary{color:#b0b0b0;text-align:center;margin:0 0 25px;font-size:14px;font-weight:400;line-height:1.4}html.light-mode .overlay-post .entry-summary{color:#444}.overlay-bottom-meta{color:#999;text-transform:none;align-items:center;gap:8px;margin-top:auto;padding-bottom:20px;font-size:11px;font-weight:600;display:flex}.overlay-post .post-bottom-meta{display:none!important}.p-divider{background-color:var(--accent-color);width:100%;height:2px;margin-top:15px}.author-name{color:#fff;opacity:.9}.date-text{color:#777}.card-content{z-index:5;flex-direction:column;flex-grow:1;margin-top:-30px;padding:15px 20px 10px;display:flex;position:relative;overflow:hidden}.hero-grid-upper .post-card .card-content,.hero-grid-upper .post-card .overlay-content{height:100%}.small-post{flex-grow:1;height:auto!important}.small-post .featured-img-holder{flex-shrink:0;height:130px}.small-post .card-content{height:auto}.entry-title{-webkit-line-clamp:2;text-align:center;-webkit-box-orient:vertical;height:2.6em;margin:0 0 10px;font-size:18px;font-weight:700;line-height:1.3;transition:color .4s;display:-webkit-box;overflow:hidden}.entry-title a{color:inherit;text-decoration:none}.entry-title a:hover{color:var(--accent-color)}.meta-pill-container{align-items:center;width:100%;margin-bottom:12px;display:flex}.meta-pill-container:before,.meta-pill-container:after{content:"";background-color:var(--card-border);opacity:.6;flex:1;height:1px}.meta-pill-container:before{margin-left:5px;margin-right:15px}.meta-pill-container:after{margin-left:15px;margin-right:5px}.post-top-meta-pill{color:var(--meta-text);text-transform:none;border:1px solid var(--card-border);white-space:nowrap;background-color:#ffffff08;border-radius:50px;align-items:center;gap:10px;padding:3px 12px;font-size:10px;font-weight:700;display:flex}html.light-mode .post-top-meta-pill{background-color:#00000005;border-color:#00000014}.meta-separator{opacity:.3;font-weight:400}.meta-item-wrapper{white-space:nowrap;align-items:center;gap:6px;display:flex}.post-bottom-meta{border-top:1px solid var(--card-border);justify-content:space-between;align-items:center;min-height:28px;margin-top:auto;padding:10px 0;display:flex}.post-category-link{color:#3b82f6;letter-spacing:.5px;align-items:center;gap:6px;font-size:11px;font-weight:800;text-decoration:none;transition:transform .2s;display:flex}.post-category-link:hover{transform:translate(4px)}.post-actions-pill{background:#f3f4f6;border:1px solid #d1d5db;border-radius:50px;align-items:center;padding:2px 10px;display:flex}html.dark .post-actions-pill{background:#ffffff08;border-color:#ffffff26}.action-item-pill{cursor:pointer;color:var(--meta-text);align-items:center;gap:6px;font-size:11px;transition:color .2s;display:flex}.action-divider{opacity:1;background-color:#00000026;width:1px;height:12px;margin:0 8px}html.dark .action-divider{background-color:#ffffff26}.action-item-pill:hover{color:var(--accent-color)}.hero-grid-bottom{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.latest-news-section{flex-direction:column;gap:10px;margin-top:5px;display:flex}.latest-posts-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.section-header{border-bottom:none;align-items:center;min-height:20px;margin-bottom:10px;padding-bottom:5px;display:flex;position:relative}.section-title,.main-seo-h1{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.section-title:after{display:none}.load-more-placeholder{justify-content:center;padding:40px 0;display:flex}@media (max-width:600px){.latest-posts-grid{grid-template-columns:1fr}}@media (max-width:1400px){.side-ads{display:none}.hero-container{padding:0 15px}}@media (max-width:1200px){.hero-grid-upper{grid-template-columns:1fr 280px;gap:15px}.mid-right-col{gap:15px;width:280px}.top-ads-container{width:280px;height:230px}.hero-grid-bottom,.latest-posts-grid{grid-template-columns:repeat(3,1fr)!important;gap:15px!important}}@media (max-width:900px){.overlay-post .entry-title{font-size:38px}}@media (max-width:768px){.hero-grid-upper,.hero-grid-lower{grid-template-columns:1fr}.hero-grid-bottom,.latest-posts-grid{grid-template-columns:1fr!important}.mid-right-col{flex-direction:column;width:100%}.overlay-post .entry-title{letter-spacing:-1px;font-size:32px}.overlay-content{margin-top:-60px;padding:0 20px 20px}.overlay-post .featured-img-holder{height:250px}.main-post-area{height:auto}.post-card.small-post .featured-img-holder{height:180px}.personalize-btn span{display:none}}@media (max-width:480px){.overlay-post .entry-title{font-size:24px}.hero-container{margin-top:10px}}