.news-list{display:grid;gap:16px}
.news-card{display:grid;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;color:var(--text);text-decoration:none;transition:border-color .2s,box-shadow .2s}
.news-card:hover{border-color:var(--accent);box-shadow:0 8px 24px rgba(74,144,217,.14)}
.news-card img{width:100%;height:auto;display:block}
.news-body{display:flex;flex-direction:column;padding:22px}
.news-date{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}
.news-body h2{font-size:clamp(20px,3vw,24px);font-weight:700;line-height:1.3;margin-bottom:8px}
.news-body p{font-size:15px;color:var(--text-secondary);line-height:1.55}
@media(min-width:700px){.news-card{grid-template-columns:5fr 6fr}.news-card img{height:100%;object-fit:cover}}
.art-figure{margin:22px 0}
.art-figure img{width:100%;height:auto;display:block;border-radius:var(--radius);border:1px solid var(--border)}
.art-figure figcaption{font-size:13px;color:var(--text-secondary);margin-top:8px}
.art-example{display:grid;gap:16px;align-items:center;margin:18px 0 24px}
.art-example-img{display:block;max-width:300px;width:100%}
.art-example-img img{width:100%;height:auto;display:block;border-radius:var(--radius);border:1px solid var(--border);box-shadow:0 8px 24px rgba(74,144,217,.14)}
.art-example-text p{margin-bottom:14px}
@media(min-width:700px){.art-example{grid-template-columns:300px 1fr;gap:28px}}
.news-time{font-weight:400;letter-spacing:0;text-transform:none;color:var(--text-secondary)}
.news-card-text{grid-template-columns:1fr!important}
.news-intro{font-size:16px;line-height:1.65;color:var(--text-secondary);margin-bottom:22px;max-width:760px}
.post-src{font-size:13px;color:var(--text-secondary);margin-top:18px}

.art .inline-cta.channel-cta{position:relative;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 32px;margin:44px 0;padding:34px 36px;border:0;border-radius:28px;background:var(--ink);color:#fff}
.channel-cta::before,.channel-cta::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(143,182,232,.2);pointer-events:none}
.channel-cta::before{width:260px;height:260px;right:-70px;top:-130px}
.channel-cta::after{width:440px;height:440px;right:-160px;top:-200px;background:radial-gradient(circle,rgba(47,109,176,.28),rgba(47,109,176,0) 65%)}
.cc-text{position:relative;z-index:1;max-width:470px}
.cc-kicker{display:block;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#8fb6e8;margin-bottom:10px}
.cc-title{font-family:var(--font-display);font-size:clamp(21px,3.2vw,26px);font-weight:600;line-height:1.25;letter-spacing:-.015em;margin:0 0 8px}
.art .channel-cta p{margin:0;max-width:none;font-size:15px;line-height:1.55;color:rgba(255,255,255,.72)}
.cc-btn{position:relative;z-index:1;display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:999px;background:#fff;color:var(--ink);font-size:16px;font-weight:600;text-decoration:none;transition:transform .2s,background .2s}
.cc-btn:hover{transform:translateY(-2px);background:var(--tint)}
.cc-btn span{transition:transform .2s}
.cc-btn:hover span{transform:translateX(3px)}
@media(max-width:600px){.art .inline-cta.channel-cta{padding:28px 22px}.cc-btn{width:100%;justify-content:center}}

.art-lead{font-size:clamp(18px,2.4vw,21px);line-height:1.6;color:var(--text);margin-bottom:22px}
.art .feat-grid{counter-reset:feat;list-style:none;margin:22px 0 26px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}
.art .feat-grid li{counter-increment:feat;margin:0;padding:18px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-weight:500;line-height:1.45}
.art .feat-grid li:last-child:nth-child(odd){grid-column:1/-1}
.art .feat-grid li::before{content:counter(feat,decimal-leading-zero);display:block;margin-bottom:10px;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:var(--accent)}
.art-thanks{margin:26px 0;padding:2px 0 2px 18px;border-left:3px solid var(--accent);font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:-.01em}
.bot-link{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin:26px 0 8px;padding:20px 24px;border-radius:var(--radius);background:var(--tint)}
.bot-link-text{display:flex;flex-direction:column;gap:4px;min-width:0}
.bl-label{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary)}
.bl-url{font-family:var(--font-mono);font-size:15px;color:var(--ink)}
.bot-link .cc-btn{background:var(--ink);color:#fff}
.bot-link .cc-btn:hover{background:var(--ink-2)}
@media(max-width:600px){.bot-link .cc-btn{width:100%;justify-content:center}.bl-url{font-size:12.5px}}

.art .news-timeline{list-style:none;margin:22px 0 8px;padding:0 0 0 30px;position:relative}
.news-timeline::before{content:"";position:absolute;left:5px;top:10px;bottom:30px;width:2px;background:linear-gradient(var(--accent-border),var(--border))}
.art .news-timeline li{position:relative;margin:0;padding:0 0 28px}
.news-timeline li::before{content:"";position:absolute;left:-30px;top:5px;width:12px;height:12px;box-sizing:border-box;border-radius:50%;background:var(--bg);border:2px solid var(--accent)}
.news-timeline li:first-child::before{background:var(--accent);box-shadow:0 0 0 5px var(--accent-light)}
.tl-date{display:block;margin-bottom:5px;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}
.art .news-timeline a.tl-title{display:inline;font-family:var(--font-display);font-size:18px;font-weight:600;line-height:1.35;letter-spacing:-.01em;color:var(--text);text-decoration:none;background:linear-gradient(var(--accent-border),var(--accent-border)) 0 100%/100% 2px no-repeat;transition:background-size .2s,color .2s}
.art .news-timeline a.tl-title:hover{color:var(--accent);background-size:100% 100%}
.tl-desc{display:block;margin-top:6px;font-size:15px;line-height:1.55;color:var(--text-secondary)}
