/* digitice.io – Anpassungen des eingebetteten KI-Trendwatch an die Website.
   trendwatch.css wird täglich automatisch neu erzeugt; alles Website-Spezifische steht hier. */

/* Schrift und Fläche der Website; die weiße Fläche läuft über die volle Breite. */
.trendwatch{font-family:"Inter Variable",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax);padding-top:clamp(36px,5vw,64px);padding-bottom:clamp(40px,5vw,64px)}

/* styles.css setzt h2 global auf Display-Größe. Im Trendwatch gelten die Größen des Widgets;
   Überschriften ohne eigene Regel bekommen wieder die Browser-Grundgröße. */
.trendwatch h2{font-size:1.5em;line-height:1.2;letter-spacing:normal}

/* Sprungziele nicht unter dem festen Header verstecken. */
.trendwatch [id],.radar-method{scroll-margin-top:136px}

/* Ohne den (entfernten) Sprachumschalter: Hinweiszeile in die Textspalte, Stempel nicht strecken. */
.trendwatch .daily-stamp{justify-self:start}
@media(min-width:651px){.trendwatch .context-copy>.research-note{grid-column:2}}

.trendwatch .no-script{font-size:13px;color:var(--muted);margin:24px 0 0}

/* Sprungnavigation unter dem festen Header (UX-Review 04.11.2026) */
.radar-subnav{position:sticky;top:68px;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);padding:0 var(--pad)}
.radar-subnav-inner{max-width:1120px;margin:auto;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.radar-subnav-inner::-webkit-scrollbar{display:none}
.radar-subnav a{flex:none;padding:14px 12px;font-size:14px;font-weight:600;color:var(--muted);text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap}
.radar-subnav a:hover{color:var(--ink)}
.radar-subnav a[aria-current]{color:var(--ink);border-bottom-color:var(--blue)}
.radar-subnav a:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}

/* Update-Leiste: der Satz wiederholt die Einleitung oben – nur Stempel, Datum und neue Quellen zeigen */
.trendwatch .daily-context .context-copy>p{display:none}

/* Methodik */
.radar-method{background:var(--paper)}
.radar-method .content-shell{max-width:1120px}
.radar-method h2{font-size:clamp(30px,4vw,44px);line-height:1.1;letter-spacing:-.03em;margin:0 0 32px}
.radar-method-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.radar-method-grid>div{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px}
.radar-method-grid h3{font-size:18px;margin:0 0 10px;color:var(--ink)}
.radar-method-grid p{margin:0;font-size:15px;line-height:1.6;color:#444455}

/* Handy: Radar-Grafik im Kopf klein halten, damit der Inhalt früher beginnt */
@media(max-width:700px){.radar-page .radar-hero-icon{width:84px;margin-top:20px}}

/* Studienseiten (04.11.2026): ganze Archivkarte klickbar, Link „Ganze Studie lesen“ hervorgehoben */
.trendwatch .day-card{position:relative}
.trendwatch .day-card h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.trendwatch .day-card-bottom a{position:relative;z-index:2}
.trendwatch .study-actions .study-page-link{font-weight:800;color:var(--ink,#07172f);border-bottom:2px solid #dfff3f}