/* ============================================================
   news — seitenspezifische Stile

   Aus page-news.php herausgeloest (Befund ARC-01).
   Wird in functions.php nur auf dieser Seite geladen.

   Farbwerte sind bewusst unveraendert uebernommen. Zur
   Token-Migration siehe den Hinweis in pages/dashboard.css:
   sie ist nicht mechanisch moeglich, solange zwei Token-Saetze
   uebereinanderliegen.
   ============================================================ */

/* ===== News Page (scoped) — portiert aus preview.html ===== */
.news-page { max-width:1320px; margin:0 auto; padding:var(--ht-space-6) var(--ht-space-6) var(--ht-space-10); box-sizing:border-box; }
.news-page *, .news-page *::before, .news-page *::after { box-sizing:border-box; }
.news-page .card, .news-page .sidebar-card { background:linear-gradient(180deg,#FFFFFF 0%,#FFFFFF 100%); border:1px solid rgba(45,108,246,.14); border-radius:12px; box-shadow:0 18px 45px rgba(0,0,0,.24); }
.news-page .nlink { color:var(--ht-primary-text); font-weight:var(--ht-font-weight-semibold); text-decoration:none; font-size:var(--ht-type-body-sm); display:inline-flex; align-items:center; gap:var(--ht-space-1); }
.news-page .nlink:hover { text-decoration:underline; }

.news-page .news-hero { display:flex; flex-direction:column; align-items:flex-start; width:100%; max-width:760px; margin:0 0 var(--ht-space-6) 0; padding:0; background:transparent; border:0; border-radius:0; box-shadow:none; }
.news-page .news-hero-badge { display:inline-flex; align-items:center; justify-content:center; width:auto; max-width:max-content; margin:0 0 var(--ht-space-4) 0; padding:var(--ht-space-15) var(--ht-space-25); background:rgba(45,108,246,.12); border:1px solid rgba(45,108,246,.35); border-radius:7px; color:var(--ht-primary-text); font-size:var(--ht-type-caption); font-weight:var(--ht-font-weight-heavy); line-height:var(--ht-leading-tight); letter-spacing:.04em; text-transform:uppercase; white-space:nowrap; }
.news-page .news-hero h1 { display:block; margin:0 0 var(--ht-space-35) 0; padding:0; color:#0F1B2D; font-size:clamp(44px,5vw,58px); line-height:var(--ht-leading-tight); font-weight:var(--ht-font-weight-heavy); letter-spacing:-.045em; }
.news-page .news-hero p { display:block; margin:0; padding:0; max-width:760px; color:#566276; font-size:var(--ht-type-body-lg); line-height:var(--ht-leading-relaxed); }

.news-page .news-controls { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:var(--ht-space-45); align-items:center; margin-bottom:var(--ht-space-55); }
.news-page .news-category-tabs { display:flex; flex-wrap:wrap; gap:var(--ht-space-25); }
.news-page .news-category-tab { height:38px; padding:0 var(--ht-space-4); border-radius:8px; border:1px solid rgba(16,30,54,.08); background:#FFFFFF; color:#566276; font-weight:var(--ht-font-weight-semibold); font-size:var(--ht-type-body-sm); display:inline-flex; align-items:center; gap:var(--ht-space-15); cursor:pointer; text-decoration:none; }
.news-page .news-category-tab.active { background:var(--ht-primary); color:#FFFFFF; border-color:var(--ht-primary); box-shadow:0 0 24px rgba(45,108,246,.22); }
.news-page .news-search { height:40px; background:#FFFFFF; border:1px solid rgba(16,30,54,.10); border-radius:8px; color:#0F1B2D; padding:0 var(--ht-space-35) 0 var(--ht-space-10); width:100%; font-size:var(--ht-type-body-sm); }
.news-page .news-search-wrap { position:relative; }
.news-page .news-search-wrap i { position:absolute; left:13px; top:50%; transform:translateY(-50%); color:var(--ht-text-muted); }

.news-page .news-layout { display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:var(--ht-space-6); align-items:start; }
.news-page .news-main { min-width:0; }
.news-page .news-sidebar { display:flex; flex-direction:column; gap:var(--ht-space-45); }

.news-page .news-feature-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(280px,.85fr); gap:var(--ht-space-45); margin-bottom:var(--ht-space-55); }
.news-page .top-story-card { overflow:hidden; padding:0; display:flex; flex-direction:column; text-decoration:none; }
.news-page .top-story-image { height:290px; position:relative; display:flex; align-items:center; justify-content:center; background-size:cover; background-position:center; overflow:hidden; isolation:isolate; transition:background-size .22s ease; }
.news-page .top-story-image::before { content:''; position:absolute; inset:0; background:linear-gradient(180deg,rgba(7,19,30,.08) 0%,rgba(7,19,30,.18) 36%,rgba(7,19,30,.78) 100%); z-index:0; }
.news-page .top-story-image::after { content:''; position:absolute; inset:auto -12% -38% auto; width:58%; height:62%; background:radial-gradient(circle,rgba(45,108,246,.36) 0%,rgba(45,108,246,0) 72%); z-index:0; }
.news-page .top-story-image .tag { position:absolute; top:14px; left:14px; background:var(--ht-primary); color:#FFFFFF; font-size:var(--ht-type-meta); font-weight:var(--ht-font-weight-heavy); letter-spacing:.05em; padding:var(--ht-space-1) var(--ht-space-25); border-radius:6px; z-index:2; }
.news-page .top-story-image .ph-ic { font-size:64px; color:rgba(244,247,251,.22); position:relative; z-index:1; }
.news-page .top-story-content { padding:var(--ht-space-5); }
.news-page .ncat { font-size:var(--ht-type-meta); font-weight:var(--ht-font-weight-heavy); text-transform:uppercase; letter-spacing:.05em; }
.news-page .top-story-title { font-size:var(--ht-type-section); line-height:var(--ht-leading-heading); margin:var(--ht-space-2) 0 var(--ht-space-25); color:#0F1B2D; font-weight:var(--ht-font-weight-heavy); }
.news-page .top-story-text { color:#566276; line-height:var(--ht-leading-relaxed); font-size:var(--ht-type-body); margin:0; }
.news-page .ts-meta { display:flex; align-items:center; gap:var(--ht-space-4); margin-top:var(--ht-space-35); color:var(--ht-text-muted); font-size:var(--ht-type-body-sm); flex-wrap:wrap; }
.news-page .ts-meta span { display:inline-flex; align-items:center; gap:var(--ht-space-1); }

.news-page .featured-news-list { display:flex; flex-direction:column; gap:var(--ht-space-35); }
.news-page .featured-news-card { display:grid; grid-template-columns:110px minmax(0,1fr); gap:var(--ht-space-35); padding:var(--ht-pad-card); min-height:118px; align-items:center; text-decoration:none; }
.news-page .featured-news-thumb { position:relative; border-radius:12px; background:#F1F5FB; overflow:hidden; height:96px; display:flex; align-items:center; justify-content:center; font-size:var(--ht-icon-2xl); color:rgba(244,247,251,.25); background-size:cover; background-position:center; transition:background-size .22s ease; }
.news-page .featured-news-thumb::before { content:''; position:absolute; inset:0; background:linear-gradient(180deg,rgba(7,19,30,.04),rgba(7,19,30,.46)); }
.news-page .featured-news-thumb i { position:relative; z-index:1; }
.news-page .featured-news-card .fn-title { font-size:var(--ht-type-body); line-height:var(--ht-leading-snug); color:#0F1B2D; font-weight:var(--ht-font-weight-bold); margin:var(--ht-space-15) 0 0; }
.news-page .featured-news-card .fn-meta { font-size:var(--ht-type-caption); color:var(--ht-text-muted); margin-top:var(--ht-space-2); display:flex; align-items:center; gap:var(--ht-space-1); }

.news-page .news-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--ht-gap-grid); }
.news-page .news-card { padding:0; overflow:hidden; display:flex; flex-direction:column; transition:transform .18s ease, border-color .18s ease, background .18s ease; cursor:pointer; text-decoration:none; }
.news-page .news-card:hover { transform:translateY(-2px); border-color:rgba(45,108,246,.34); }
.news-page .news-card-image { height:168px; position:relative; display:flex; align-items:center; justify-content:center; font-size:var(--ht-icon-3xl); color:rgba(244,247,251,.22); background-size:cover; background-position:center; overflow:hidden; isolation:isolate; transition:background-size .22s ease; }
.news-page .news-card-image::before { content:''; position:absolute; inset:0; background:linear-gradient(180deg,rgba(7,19,30,.05),rgba(7,19,30,.58)); z-index:0; transition:opacity .2s ease; }
.news-page .news-card-image::after { content:''; position:absolute; left:12px; right:12px; bottom:10px; height:1px; background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.55),rgba(255,255,255,0)); opacity:.55; z-index:1; }
.news-page .news-card-image i { position:relative; z-index:1; }
.news-page .news-card-content { padding:var(--ht-space-4); display:flex; flex-direction:column; flex:1; }
.news-page .news-card-category { font-size:var(--ht-type-meta); font-weight:var(--ht-font-weight-heavy); text-transform:uppercase; letter-spacing:.04em; margin-bottom:var(--ht-space-2); }
.news-page .news-card-title { font-size:var(--ht-type-title); line-height:var(--ht-leading-heading); margin:0 0 var(--ht-space-2); color:#0F1B2D; font-weight:var(--ht-font-weight-bold); }
.news-page .news-card-excerpt { color:#566276; font-size:var(--ht-type-body-sm); line-height:var(--ht-leading-normal); margin:0; }
.news-page .news-card-meta { display:flex; gap:var(--ht-space-35); margin-top:var(--ht-space-35); color:var(--ht-text-muted); font-size:var(--ht-type-caption); }
.news-page .news-card-meta span { display:inline-flex; align-items:center; gap:var(--ht-space-1); }
.news-page .top-story-card:hover .top-story-image,
.news-page .featured-news-card:hover .featured-news-thumb,
.news-page .news-card:hover .news-card-image { background-size:108%; }

.news-page .news-load-more { display:flex; justify-content:center; margin:var(--ht-space-6) 0 0; gap:var(--ht-space-2); }
.news-page .news-load-more a { height:42px; min-width:160px; padding:0 var(--ht-space-45); border-radius:8px; border:1px solid rgba(45,108,246,.35); background:transparent; color:var(--ht-primary-text); font-weight:var(--ht-font-weight-bold); cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:var(--ht-space-2); text-decoration:none; }
.news-page .news-load-more a:hover { background:rgba(45,108,246,.07); }

.news-page .sidebar-card { padding:var(--ht-pad-card); }
.news-page .sidebar-card h3 { font-size:var(--ht-type-title); margin:0 0 var(--ht-space-4); color:#0F1B2D; display:flex; align-items:center; gap:var(--ht-space-2); }
.news-page .trend-row { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:var(--ht-space-3); align-items:center; padding:var(--ht-space-25) 0; border-bottom:1px solid rgba(16,30,54,.055); text-decoration:none; }
.news-page .trend-row:last-of-type { border-bottom:none; }
.news-page .trend-num { width:24px; height:24px; border-radius:50%; background:rgba(16,30,54,.05); color:#566276; font-size:var(--ht-type-caption); font-weight:var(--ht-font-weight-bold); display:flex; align-items:center; justify-content:center; }
.news-page .trend-row .tr-title { color:#0F1B2D; font-size:var(--ht-type-body); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.news-page .trend-row .tr-count { color:var(--ht-text-muted); font-size:var(--ht-type-caption); display:flex; align-items:center; gap:var(--ht-space-1); }
.news-page .trend-row .tr-count i { color:var(--ht-primary-text); }
.news-page .alert-row { display:grid; grid-template-columns:auto minmax(0,1fr); gap:var(--ht-space-3); align-items:start; padding:var(--ht-space-25) 0; border-bottom:1px solid rgba(16,30,54,.055); }
.news-page .alert-row:last-of-type { border-bottom:none; }
.news-page .alert-dot { width:8px; height:8px; border-radius:50%; margin-top:var(--ht-space-1); }
.news-page .alert-row .al-title { color:#0F1B2D; font-size:var(--ht-type-body-sm); font-weight:var(--ht-font-weight-semibold); margin:var(--ht-space-05) 0; }
.news-page .live-pill { display:inline-flex; align-items:center; gap:var(--ht-space-1); color:#FF3B3B; background:rgba(255,59,59,.1); border:1px solid rgba(255,59,59,.3); font-size:var(--ht-type-meta); font-weight:var(--ht-font-weight-heavy); padding:var(--ht-space-05) var(--ht-space-2); border-radius:6px; margin-left:auto; }
.news-page .sb-bullets { margin-top:var(--ht-space-35); display:flex; flex-direction:column; gap:var(--ht-space-2); font-size:var(--ht-type-body-sm); color:#566276; }
.news-page .sb-bullets span { display:flex; align-items:center; gap:var(--ht-space-2); }
.news-page .sb-bullets i { color:var(--ht-primary-text); }

.news-page .news-newsletter-cta { margin-top:var(--ht-space-7); display:grid; grid-template-columns:auto 1fr minmax(340px,460px); gap:var(--ht-space-6); align-items:center; padding:var(--ht-space-55) var(--ht-space-7); background:linear-gradient(90deg,rgba(45,108,246,.16),rgba(7,19,30,.95)); border:1px solid rgba(45,108,246,.28); border-radius:14px; }
.news-page .news-newsletter-cta .nc-icon { width:64px; height:64px; border-radius:50%; display:grid; place-items:center; color:var(--ht-primary-text); background:rgba(45,108,246,.12); box-shadow:0 0 40px rgba(45,108,246,.24); font-size:var(--ht-icon-2xl); }
.news-page .news-newsletter-cta h3 { margin:0 0 var(--ht-space-1); color:#0F1B2D; font-size:var(--ht-type-section); }
.news-page .news-newsletter-cta p { margin:0; color:#566276; font-size:var(--ht-type-body-sm); line-height:var(--ht-leading-normal); }
.news-page .news-newsletter-cta .nc-bullets { display:flex; gap:var(--ht-space-45); font-size:var(--ht-type-caption); color:var(--ht-text-muted); flex-wrap:wrap; }
.news-page .news-newsletter-cta .nc-bullets span { display:inline-flex; align-items:center; gap:var(--ht-space-15); }
.news-page .news-newsletter-cta .nc-bullets i { color:var(--ht-primary-text); }
.news-page .news-newsletter-cta .nc-cta-btn { background:var(--ht-primary); color:#FFFFFF; font-weight:var(--ht-font-weight-bold); border:none; border-radius:8px; height:44px; padding:0 var(--ht-space-55); cursor:pointer; white-space:nowrap; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; }
.news-page .news-empty { padding:var(--ht-space-12) var(--ht-space-6); text-align:center; color:#566276; }

@media (max-width:1180px){
	.news-page .news-controls { grid-template-columns:minmax(0,1fr) 280px; }
	.news-page .news-layout { grid-template-columns:1fr; }
	.news-page .news-sidebar { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
	.news-page .news-feature-grid { grid-template-columns:1fr; }
	.news-page .news-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.news-page .news-hero h1 { font-size:38px; }
}
@media (max-width:760px){
	.news-page .news-controls { grid-template-columns:1fr; }
	.news-page .news-sidebar { grid-template-columns:1fr; }
	.news-page .news-grid { grid-template-columns:1fr; }
	.news-page .featured-news-card { grid-template-columns:100px minmax(0,1fr); }
	.news-page .news-newsletter-cta { grid-template-columns:1fr; text-align:center; justify-items:center; }
	.news-page .top-story-image { height:220px; }
	.news-page .news-hero { max-width:100%; margin-bottom:var(--ht-space-45); }
	.news-page .news-hero h1 { font-size:38px; }
	.news-page .news-hero p { font-size:var(--ht-type-body-lg); }
}