:root{--ink:#0e0e0e;--ink-soft:#1a1a1a;--ink-muted:#3a3a3a;--ink-faint:#6b6b6b;--paper:#f7f5f0;--paper-warm:#f0ede6;--paper-rule:#ddd9d0;--paper-divider:#e8e4dc;--accent:#c0392b;--accent-dark:#96281b;--accent-muted:#c0392b1f;--cat-ai:#1a6eb5;--cat-cyber:#c0392b;--cat-laptops:#7b3fa0;--cat-pc:#c96a12;--cat-mobiles:#1a8f5c;--cat-general:#2c6e8a;--font-serif:"Playfair Display", Georgia, serif;--font-sans:"Inter", -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--radius-sm:2px;--radius-md:4px;--shadow-card:0 1px 4px #0000000f, 0 2px 12px #0000000a;--shadow-hover:0 4px 20px #0000001a, 0 1px 6px #0000000f;--transition:.18s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--paper)}::-webkit-scrollbar-thumb{background:var(--paper-rule);border-radius:2px}.masthead{background:var(--ink);color:var(--paper);border-bottom:3px solid var(--accent);z-index:100;position:sticky;top:0}.masthead-top{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:60px;padding:0 32px;display:flex}.masthead-wordmark{font-family:var(--font-serif);letter-spacing:-.5px;color:var(--paper);font-size:26px;font-weight:700}.masthead-wordmark span{color:var(--accent)}.masthead-meta{letter-spacing:.06em;text-transform:uppercase;color:#f0ede680;align-items:center;gap:6px;font-size:11px;font-weight:500;display:flex}.live-pip{background:#4caf7d;border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite pip-pulse;box-shadow:0 0 #4caf7d80}@keyframes pip-pulse{0%{box-shadow:0 0 #4caf7d80}70%{box-shadow:0 0 0 7px #4caf7d00}to{box-shadow:0 0 #4caf7d00}}.masthead-nav{scrollbar-width:none;gap:0;padding:0 32px;display:flex;overflow-x:auto}.masthead-nav::-webkit-scrollbar{display:none}.nav-tab{letter-spacing:.08em;text-transform:uppercase;color:#f0ede68c;cursor:pointer;font-size:11px;font-weight:600;font-family:var(--font-sans);white-space:nowrap;transition:color var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-3px;padding:10px 16px;position:relative}.nav-tab:hover{color:var(--paper-warm)}.nav-tab.active{color:var(--paper);border-bottom-color:var(--accent)}.nav-tab.active[data-cat=AI]{border-bottom-color:var(--cat-ai)}.nav-tab.active[data-cat=Cybersecurity]{border-bottom-color:var(--cat-cyber)}.nav-tab.active[data-cat=Laptops]{border-bottom-color:var(--cat-laptops)}.nav-tab.active[data-cat=PC\ Hardware]{border-bottom-color:var(--cat-pc)}.nav-tab.active[data-cat=Mobiles]{border-bottom-color:var(--cat-mobiles)}.nav-tab.active[data-cat=General\ Tech]{border-bottom-color:var(--cat-general)}.editorial-wrapper{max-width:1280px;margin:0 auto;padding:0 32px 80px}.section-rule{border-bottom:2px solid var(--ink);align-items:center;gap:16px;margin-bottom:28px;padding:32px 0 24px;display:flex}.section-rule h1{font-family:var(--font-serif);letter-spacing:-.3px;color:var(--ink);font-size:28px;font-weight:600}.section-rule-line{background:var(--paper-rule);flex:1;height:1px}.section-count{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:11px;font-weight:600;font-family:var(--font-mono);white-space:nowrap}.articles-grid{background:var(--paper-rule);border:1px solid var(--paper-rule);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}@media (max-width:1024px){.articles-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.articles-grid{grid-template-columns:1fr}}.article-card{background:var(--paper);transition:background var(--transition);flex-direction:column;animation:.3s both article-in;display:flex;position:relative;overflow:hidden}.article-card:hover{background:var(--paper-warm)}@keyframes article-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.article-card:first-child{animation-delay:0s}.article-card:nth-child(2){animation-delay:50ms}.article-card:nth-child(3){animation-delay:.1s}.article-card:nth-child(4){animation-delay:.15s}.article-card:nth-child(5){animation-delay:.2s}.article-card:nth-child(6){animation-delay:.25s}.article-card:before{content:"";background:var(--ink-muted);height:3px;transition:background var(--transition);display:block}.article-card[data-cat=AI]:before{background:var(--cat-ai)}.article-card[data-cat=Cybersecurity]:before{background:var(--cat-cyber)}.article-card[data-cat=Laptops]:before{background:var(--cat-laptops)}.article-card[data-cat=PC\ Hardware]:before{background:var(--cat-pc)}.article-card[data-cat=Mobiles]:before{background:var(--cat-mobiles)}.article-card[data-cat=General\ Tech]:before{background:var(--cat-general)}.card-img-wrap{aspect-ratio:16/9;background:var(--paper-divider);position:relative;overflow:hidden}.card-img-wrap img{object-fit:cover;filter:grayscale(15%);width:100%;height:100%;transition:transform .4s}.article-card:hover .card-img-wrap img{filter:grayscale(0%);transform:scale(1.03)}.card-img-placeholder{background:var(--paper-divider);width:100%;height:100%;color:var(--paper-rule);justify-content:center;align-items:center;display:flex}.card-img-loading{background:linear-gradient(90deg, var(--paper-divider) 25%, var(--paper-rule) 50%, var(--paper-divider) 75%);background-size:200% 100%;animation:1.6s ease-in-out infinite skel-shimmer}.card-category-label{letter-spacing:.14em;text-transform:uppercase;color:var(--paper);font-size:9px;font-weight:700;font-family:var(--font-sans);padding:3px 8px;display:inline-block;position:absolute;top:0;left:0}.card-category-label[data-cat=AI]{background:var(--cat-ai)}.card-category-label[data-cat=Cybersecurity]{background:var(--cat-cyber)}.card-category-label[data-cat=Laptops]{background:var(--cat-laptops)}.card-category-label[data-cat=PC\ Hardware]{background:var(--cat-pc)}.card-category-label[data-cat=Mobiles]{background:var(--cat-mobiles)}.card-category-label[data-cat=General\ Tech]{background:var(--cat-general)}.card-body{flex-direction:column;flex:1;gap:8px;padding:16px 18px 14px;display:flex}.card-headline{font-family:var(--font-serif);color:var(--ink);-webkit-line-clamp:3;transition:color var(--transition);-webkit-box-orient:vertical;font-size:17px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.article-card:hover .card-headline{color:var(--accent-dark)}.card-deck{font-family:var(--font-sans);color:var(--ink-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:12.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.card-byline{border-top:1px solid var(--paper-divider);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:12px;display:flex}.card-source{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);min-width:0;transition:color var(--transition);flex:1;align-items:center;gap:5px;font-size:10.5px;font-weight:600;display:flex}.card-source:hover{color:var(--ink-muted)}.card-source img{filter:grayscale(40%);border-radius:2px;flex-shrink:0;width:13px;height:13px}.card-source-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card-timestamp{font-size:10.5px;font-family:var(--font-mono);color:var(--ink-faint);white-space:nowrap;flex-shrink:0}.card-read-link{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);transition:border-color var(--transition);white-space:nowrap;border-bottom:1px solid #0000;flex-shrink:0;padding:4px 0;font-size:10px;font-weight:700}.card-read-link:hover{border-bottom-color:var(--accent)}.skeleton-editorial{background:var(--paper);flex-direction:column;display:flex}.skel-top-rule{background:var(--paper-divider);height:3px}.skel-img{aspect-ratio:16/9;background:linear-gradient(90deg, var(--paper-divider) 25%, var(--paper-rule) 50%, var(--paper-divider) 75%);background-size:200% 100%;animation:1.6s ease-in-out infinite skel-shimmer}.skel-body{flex-direction:column;gap:9px;padding:16px 18px;display:flex}.skel-line{background:linear-gradient(90deg, var(--paper-divider) 25%, var(--paper-rule) 50%, var(--paper-divider) 75%);background-size:200% 100%;border-radius:2px;height:12px;animation:1.6s ease-in-out infinite skel-shimmer}.skel-line.serif{height:18px}.skel-line.w90{width:90%}.skel-line.w75{width:75%}.skel-line.w55{width:55%}.skel-line.block{height:48px}@keyframes skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.date-groups{flex-direction:column;gap:0;display:flex}.date-group{margin-bottom:40px}.date-group:last-child{margin-bottom:0}.date-divider{align-items:center;gap:12px;margin-bottom:16px;display:flex}.date-divider-label{font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);white-space:nowrap;background:var(--paper);padding-right:4px;font-size:11px;font-weight:700;position:relative}.date-divider-label[data-label=Today],.date-divider[data-today=true] .date-divider-label{color:var(--accent)}.date-divider-line{background:var(--paper-rule);flex:1;height:1px}.date-divider-count{font-family:var(--font-mono);color:var(--ink-faint);white-space:nowrap;letter-spacing:.04em;font-size:10px;font-weight:500}.scroll-sentinel{height:1px}.loading-row{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);justify-content:center;align-items:center;gap:12px;padding:40px 0;font-size:11px;font-weight:600;display:flex}.editorial-spinner{border:2px solid var(--paper-rule);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.end-rule{color:var(--ink-faint);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:16px;padding:48px 0 24px;font-size:10px;font-weight:600;display:flex}.end-rule:before,.end-rule:after{content:"";background:var(--paper-rule);flex:1;height:1px}.setup-banner{border-left:3px solid var(--accent);background:var(--accent-muted);align-items:flex-start;gap:14px;margin-bottom:28px;padding:16px 20px;display:flex}.setup-banner-body p:first-child{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-dark);margin-bottom:4px;font-size:11px;font-weight:700}.setup-banner-body p:last-child{color:var(--ink-muted);font-size:12.5px;line-height:1.6}.setup-banner code{font-family:var(--font-mono);color:var(--ink);background:#0000000f;border-radius:2px;margin-top:8px;padding:3px 8px;font-size:11px;display:inline-block}.state-box{text-align:center;color:var(--ink-faint);flex-direction:column;align-items:center;gap:12px;padding:80px 20px;display:flex}.state-box svg{opacity:.35}.state-box p{color:var(--ink-faint);max-width:340px;font-size:13px}.state-box code{font-family:var(--font-mono);color:var(--ink-muted);background:var(--paper-divider);border-radius:2px;padding:4px 10px;font-size:11px}.state-box.err p{color:var(--accent-dark)}.editorial-body{grid-template-columns:1fr 280px;align-items:start;gap:40px;display:grid}@media (max-width:1100px){.editorial-body{grid-template-columns:1fr}.trending-sidebar{display:none}}.editorial-body .articles-grid{grid-template-columns:repeat(2,1fr)}@media (max-width:720px){.editorial-body .articles-grid{grid-template-columns:1fr}}.trending-sidebar{scrollbar-width:none;border-left:1px solid var(--paper-rule);max-height:calc(100vh - 140px);padding-bottom:24px;padding-left:24px;position:sticky;top:112px;overflow-y:auto}.trending-sidebar::-webkit-scrollbar{display:none}.trending-header{border-bottom:2px solid var(--ink);align-items:center;gap:10px;margin-bottom:16px;padding-bottom:10px;display:flex}.trending-header-rule{background:var(--accent);flex-shrink:0;width:20px;height:3px;display:block}.trending-title{font-family:var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);font-size:10px;font-weight:700}.trending-list{flex-direction:column;display:flex}.trending-item{border-bottom:1px solid var(--paper-divider);transition:background var(--transition);cursor:pointer;gap:12px;padding:12px 0;text-decoration:none;display:flex}.trending-item:first-child{padding-top:4px}.trending-item:last-child{border-bottom:none}.trending-item:hover .trending-headline{color:var(--accent-dark)}.trending-rank{font-family:var(--font-mono);color:var(--paper-rule);flex-shrink:0;min-width:24px;padding-top:2px;font-size:18px;font-weight:500;line-height:1}.trending-item-body{flex-direction:column;gap:4px;min-width:0;display:flex}.trending-cat-label{letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:700}.trending-headline{font-family:var(--font-serif);color:var(--ink);-webkit-line-clamp:3;transition:color var(--transition);-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.trending-meta{color:var(--ink-faint);font-size:10px;font-family:var(--font-mono);letter-spacing:.02em}.trending-empty{color:var(--ink-faint);padding:16px 0;font-size:12px;font-style:italic}.trending-skeleton{border-bottom:1px solid var(--paper-divider);gap:12px;padding:12px 0;display:flex}.tskel-rank{background:linear-gradient(90deg, var(--paper-divider) 25%, var(--paper-rule) 50%, var(--paper-divider) 75%);background-size:200% 100%;border-radius:2px;flex-shrink:0;width:24px;height:20px;animation:1.6s ease-in-out infinite skel-shimmer}.tskel-body{flex-direction:column;flex:1;gap:6px;display:flex}.tskel-line{background:linear-gradient(90deg, var(--paper-divider) 25%, var(--paper-rule) 50%, var(--paper-divider) 75%);background-size:200% 100%;border-radius:2px;height:10px;animation:1.6s ease-in-out infinite skel-shimmer}.tskel-line.w90{width:90%}.tskel-line.w70{width:70%}.tskel-line.w50{width:50%}.tskel-line.w40{width:40%}.sidebar-section-pills{border-top:1px solid var(--paper-divider);flex-direction:column;gap:8px;margin-top:24px;padding-top:16px;display:flex}.sidebar-section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:4px;font-size:9px;font-weight:700}.sidebar-section-pill{color:var(--ink-muted);transition:color var(--transition);cursor:default;border-left:2px solid;align-items:center;gap:7px;padding:4px 0 4px 8px;font-size:11px;font-weight:500;display:inline-flex}.sidebar-pill-dot{display:none}
