/* ───────────────── FULL VIEW – LAYOUT ───────────────── */

.full-layout{
  display:flex;
  gap:10px;
  width:100%;
}

/* LEWA KOLUMNA – lista wideo */

.full-list{
  flex:0 0 300px;           /* szerokość kolumny wyboru filmu */
  max-width:300px;
  max-height:calc(100vh - 150px);
  overflow-y:auto;          /* SCROLL w pionie */
  overflow-x:hidden;
  padding:8px;
  background:#000;
  border:1px solid var(--border, rgba(255,255,255,0.08));
  box-sizing:border-box;
}

/* prawa strona */

.full-main{
  flex:1 1 auto;
  padding:10px 14px;
  background:#000;
  border:1px solid var(--border, rgba(255,255,255,0.08));
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  gap:8px;                  /* odrobinkę ciaśniej */
}

/* ───────────────── LISTA WIDEO (LEWA KOLUMNA) ───────────────── */

.full-thumb-card{
  background:#000;
  border:1px solid var(--border, rgba(255,255,255,0.1));
  margin-bottom:10px;
  padding:6px;
  box-sizing:border-box;
  cursor:pointer;
  border-radius:0;
}

.full-thumb-card.is-active{
  border-color:#ffffff;
}

/* Górny wiersz z datą, FULL i kanałem */

.full-thumb-top-row{
  display:flex;
  flex-wrap:wrap;        /* pozwala elementom schodzić do nowej linii */
  gap:4px;
  margin-bottom:4px;
  align-items:center;
}

.full-thumb-date-box,
.full-thumb-type-box,
.full-thumb-channel-box{
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:0.09em;
  padding:2px 6px;
  border-radius:0;
  background:#000;
  border:1px solid var(--border, rgba(255,255,255,0.25));
}

/* data i FULL – sztywne pudełka */

.full-thumb-date-box,
.full-thumb-type-box{
  flex:0 0 auto;
}

.full-thumb-type-box{
  font-weight:600;
}

/* NAZWA KANAŁU – ZAWIJA SIĘ, NIE ROZPYCHA KARTY */

.full-thumb-channel-box{
  flex:1 1 100%;         /* może przejąć całą szerokość wiersza */
  max-width:100%;
  min-width:0;
  white-space:normal !important;
  word-break:break-word;
  overflow-wrap:anywhere;
  overflow:hidden;
}

/* miniaturka */

.full-thumb-img{
  display:block;
  width:100%;
  height:auto;
  margin-bottom:4px;
}

/* tytuł pod miniaturką */

.full-thumb-text{
  margin-top:4px;
}

.full-thumb-title-box{
  font-size:12px;
  line-height:1.4;
  padding:4px 6px;
  background:#000;
  border:1px solid var(--border, rgba(255,255,255,0.15));
  border-radius:0;

  text-transform:uppercase;   /* TYTUŁ FILMU Z DUŻYCH LITER */
  white-space:normal;
  word-break:break-word;
  overflow-wrap:anywhere;
  max-width:100%;
}

/* ───────────────── TABS ───────────────── */

.full-tabs{
  display:flex;
  gap:4px;
  margin-bottom:6px;
}

.full-tab-btn{
  flex:0 0 auto;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:0.12em;
  padding:4px 10px;
  border-radius:0;
  border:1px solid var(--border, rgba(255,255,255,0.35));
  background:#000;
  color:var(--text,#e5e7eb);
  cursor:pointer;
}

.full-tab-btn.is-active{
  background:#111;
  border-color:#fff;
}

.full-tab-btn.is-disabled{
  opacity:0.4;
  cursor:not-allowed;
}

/* ───────────────── OGÓLNE BOXY PANELU ───────────────── */

.full-panel-full,
.full-panel-interview,
.full-panel-forecast{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.full-section{
  padding:8px 10px;
  background:#000;
  border:1px solid var(--border, rgba(255,255,255,0.12));
  border-radius:0;
}

.full-section-title{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:0.12em;
  margin:0 0 6px 0;
  color:var(--text-faint,#9ca3af);
}

.full-text{
  font-size:13px;
  margin:0;
}

.full-bullet{
  font-size:13px;
  margin-bottom:3px;
}

/* ───────────────── HERO ROW: KEY TAKEAWAYS + MINIATURKA ───────────────── */

.full-hero-row{
  display:flex;
  gap:10px;                /* ciaśniej */
  align-items:flex-start;
  margin-bottom:4px;       /* mniej powietrza nad Time Series */
}

.full-hero-left{
  flex:1 1 55%;
  padding:6px 8px;         /* mniej paddingu niż domyślne 8/10 */
}

.full-hero-right{
  flex:0 0 260px;
  display:flex;
  flex-direction:column;
  gap:4px;                 /* ciaśniej tytuł/meta pod thumbem */
  align-items:flex-start;
}

.full-hero-thumb{
  width:100%;
  border:1px solid var(--border, rgba(255,255,255,0.2));
  background:#000;
  border-radius:0;
}

.full-hero-thumb-img{
  display:block;
  width:100%;
  height:auto;
}

.full-hero-title-meta{
  padding-top:3px;
}

.full-panel-title{
  font-size:15px;
  margin:0 0 3px 0;
}

.full-panel-meta{
  font-size:12px;
  color:var(--text-faint,#9ca3af);
}

/* ───────────────── HASHTAGI (GLOBAL) ───────────────── */

.full-tags-row{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
}

.full-tags-row.primary{
  margin-top:2px;
}

.full-tags-row.secondary{
  margin-top:1px;
}

.full-pill{
  font-size:10px;
  padding:2px 7px;
  border-radius:999px;
  background:#111;                                /* CIEMNOSZARY box */
  border:1px solid var(--border, rgba(255,255,255,0.2));
  text-transform:uppercase;                       /* z dużych liter */
  letter-spacing:0.06em;
}

/* ───────────────── TIME SERIES (20% / 50% / 30%) ───────────────── */

.full-section-timeseries-wrapper{
  margin-top:2px;                                  /* ciaśniej pod hashtagami */
}

.full-ts-section{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.full-ts-block{
  padding:6px 8px;
  border:1px solid var(--border, rgba(255,255,255,0.18));
  background:#000;
  border-radius:0;
}

.full-ts-label{
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:0.16em;
  color:var(--text-faint,#9ca3af);
  margin-bottom:4px;
}

.full-ts-grid{
  display:grid;
  grid-template-columns:20% 50% 30%;              /* 20 / 50 / 30 */
  gap:8px;
  align-items:flex-start;
}

.full-ts-card{
  background:#000;
  border:1px solid var(--border, rgba(255,255,255,0.16));
  padding:6px;
  border-radius:0;
  box-sizing:border-box;
}

/* kolumna 1 – hashtagi */

.full-ts-card-hashtags{
  min-width:0;
}

.full-ts-hashtag-list{
  display:flex;
  flex-wrap:wrap;
  gap:3px;
}

.full-ts-hashtag-pill{
  font-size:10px;
  padding:2px 6px;
  border-radius:999px;
  border:1px solid var(--border, rgba(255,255,255,0.25));
  background:#111;                                 /* CIEMNOSZARY box */
  text-transform:uppercase;                        /* z dużych liter */
  letter-spacing:0.06em;

  word-break:break-word;
  overflow-wrap:anywhere;
}

.full-ts-empty{
  font-size:11px;
  color:var(--text-faint,#9ca3af);
}

/* kolumna 2 – bullets */

.full-ts-card-bullets{
  min-width:0;
}

.full-ts-bullet{
  font-size:13px;
  margin-bottom:3px;
}

/* ───────────────── FULL VIEW: NUMERIC FACTS ───────────────── */

/* Kolumna NUMERIC FACTS trzyma siatkę kafelków */
.full-ts-card-numeric{
  display:flex;
  min-width:0;
}

/* Siatka kart z faktami numerycznymi */
.full-ts-numeric-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(170px, 1fr));
  gap:8px;
  width:100%;
}

/* Pojedynczy fakt numeryczny – czarny box */
.full-numeric-card{
  border:1px solid var(--border, rgba(148,163,184,0.65));
  padding:6px 8px;
  background:#000000;   /* czarne tło boxa */
  font-size:11px;
  line-height:1.4;
  overflow:hidden;
  word-break:break-word;
  overflow-wrap:anywhere;
}

.full-numeric-header{
  display:flex;
  align-items:baseline;
  gap:4px;
  margin-bottom:4px;
}

/* Wartość – trochę większa, ale wciąż kompaktowa */
.full-numeric-value{
  font-size:1.1rem;
  font-weight:600;
  line-height:1;
}

/* Jednostka obok liczby */
.full-numeric-unit{
  font-size:0.75rem;
  opacity:0.8;
}

/* RAW – mały nagłówek, może być caps */
.full-numeric-raw{
  margin-bottom:3px;
  font-size:0.8rem;
  font-weight:500;
  text-transform:uppercase;
}

/* Meaning – opis znaczenia liczby */
.full-numeric-meaning{
  margin-bottom:3px;
  font-size:0.78rem;
  opacity:0.9;
}

/* Context snippet – BEZ wymuszania wielkich liter */
.full-numeric-context{
  font-size:0.72rem;
  opacity:0.75;
  text-transform:none;
}

/* Gdy brak faktów numerycznych */
.full-ts-numeric-empty{
  font-size:0.78rem;
  opacity:0.7;
}

/* ───────────────── SPECULATION (DWA BOXY NA DOLE) ───────────────── */

.full-spec-grid{
  display:flex;
  gap:8px;
}

.full-section-spec{
  flex:1 1 50%;
}

/* ───────────────── INTERVIEW / FORECAST ───────────────── */

.full-q-list{
  list-style:none;
  padding-left:0;
  margin:0;
}

.full-q-block{
  margin-bottom:8px;
  padding-bottom:6px;
  border-bottom:1px solid var(--border, rgba(255,255,255,0.18));
}

.full-q-question{
  font-size:13px;
  font-weight:600;
  margin-bottom:3px;
}

.full-q-na{
  font-size:12px;
  color:var(--text-faint,#9ca3af);
}

/* forecast */

.full-forecast-list{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.full-forecast-block{
  padding:6px 8px;
  border:1px solid var(--border, rgba(255,255,255,0.18));
  background:#000;
  border-radius:0;
}

.full-forecast-horizon{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:0.12em;
  margin:0 0 4px 0;
}

/* ───────────────── STANY PUSTE ───────────────── */

.full-main.empty,
.full-list.empty{
  background:#000;
  border-radius:0;
}

/* ───────────────── GLOBAL WRAPPING DLA MODUŁU FULL (bez psucia scrolla) ───────────────── */

/* Kontenery flex – tylko min-width */

.full-layout,
.full-main,
.full-panel-full,
.full-panel-interview,
.full-panel-forecast,
.full-section,
.full-hero-row,
.full-hero-left,
.full-hero-right,
.full-hero-title-meta,
.full-spec-grid,
.full-forecast-list,
.full-q-list,
.full-ts-section,
.full-ts-grid,
.full-ts-card,
.full-thumb-card,
.full-thumb-top-row {
  min-width:0;               /* kluczowe przy flexboxach */
}

/* Wszystkie tekstowe elementy w module FULL – zawijanie długich słów / URLi */

.full-layout *,
.full-main *{
  word-break:break-word;
  overflow-wrap:anywhere;
  white-space:normal;
}

/* Miniaturki – na wszelki wypadek, żeby nie rozpychały kolumn */

.full-thumb-img,
.full-hero-thumb-img{
  max-width:100%;
  height:auto;
  display:block;
}

/* Tytuły i meta w panelu – też zawijamy */

.full-panel-title,
.full-panel-meta{
  word-break:break-word;
  overflow-wrap:anywhere;
  white-space:normal;
}


/* ───────────────── INTERVIEW: Q&A BOXES ───────────────── */

.full-q-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.full-q-block{
  padding:8px 10px;
  background:#000;
  border:1px solid var(--border, rgba(255,255,255,0.16));
  border-radius:0;
  box-sizing:border-box;
}

/* pytanie */
.full-q-question{
  font-size:13px;
  font-weight:600;
  margin:0 0 6px 0;
  line-height:1.4;
}

/* odpowiedź – lista bulletów */
.full-q-answer-list{
  margin:0 0 6px 0;
  padding-left:16px;
}

.full-q-answer-item{
  font-size:13px;
  margin-bottom:3px;
  line-height:1.4;
}

/* Evidence box (cytaty + timestamp) */
.full-q-evidence-box{
  margin-top:4px;
  padding:6px 8px;
  background:#000;
  border:1px solid var(--border, rgba(255,255,255,0.25));
  border-radius:0;
}

.full-q-evidence-label{
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:0.12em;
  color:var(--text-faint,#9ca3af);
  margin:0 0 4px 0;
}

.full-q-evidence-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}

.full-q-evidence-item{
  font-size:11px;
  line-height:1.4;
}

/* timestamp + cytat w jednej linii, ale czytelnie rozdzielone */
.full-q-evidence-ts{
  font-size:10px;
  font-weight:600;
  margin-right:6px;
  opacity:0.85;
}

.full-q-evidence-quote{
  font-size:11px;
  opacity:0.9;
}



/* ───────────────── FORECAST TIMELINE (OŚ CZASU) ───────────────── */

.full-forecast-timeline{
  display:flex;
  flex-direction:column;
  gap:8px;
}

/* Jeden wiersz osi czasu */
.full-forecast-row{
  display:grid;
  grid-template-columns:20% 4% 76%;     /* 20% – horyzont, 4% – oś, 76% – treść */
  gap:8px;
  align-items:flex-start;
}

/* Lewa kolumna – horyzont czasowy */
.full-forecast-horizon-col{
  padding:6px 8px;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:0.12em;
  background:#000;
  border:1px solid var(--border, rgba(255,255,255,0.25));
  border-radius:0;
  box-sizing:border-box;
  word-break:break-word;
  overflow-wrap:anywhere;
}

/* Środkowa kolumna – pionowa oś */
.full-forecast-axis-col{
  position:relative;
}

.full-forecast-axis-col::before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  transform:translateX(-50%);
  width:2px;
  height:100%;
  background:rgba(148,163,184,0.55); /* delikatny szary */
}

/* Prawa kolumna – box z prognozą + cytaty */
.full-forecast-content-col{
  background:#000;
  border:1px solid var(--border, rgba(255,255,255,0.2));
  padding:6px 8px;
  border-radius:0;
  box-sizing:border-box;
}

/* Lista prognoz (bullets) */
.full-forecast-item-list{
  list-style:none;
  margin:0 0 6px 0;
  padding:0;
}

.full-forecast-item{
  font-size:13px;
  margin-bottom:3px;
}

/* Evidence – nagłówek + lista cytatów */
.full-forecast-evidence-box{
  margin-top:4px;
  padding-top:4px;
  border-top:1px solid var(--border, rgba(255,255,255,0.2));
}

.full-forecast-evidence-label{
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:0.12em;
  color:var(--text-faint,#9ca3af);
  margin-bottom:3px;
}

.full-forecast-evidence-list{
  list-style:none;
  margin:0;
  padding:0;
}

.full-forecast-evidence-item{
  font-size:11px;
  margin-bottom:3px;
}

/* znacznik czasu – mały tag przed cytatem */
.full-forecast-evidence-ts{
  display:inline-block;
  min-width:42px;
  margin-right:6px;
  font-size:10px;
  font-weight:500;
  text-transform:uppercase;
  padding:1px 4px;
  border-radius:999px;
  border:1px solid var(--border, rgba(255,255,255,0.3));
  background:#000;
  text-align:center;
}

/* cytat – tekst właściwy */
.full-forecast-evidence-quote{
  font-size:11px;
  opacity:0.9;
  word-break:break-word;
  overflow-wrap:anywhere;
}

/* bezpieczeństwo – nic nie wychodzi poza boxy */
.full-forecast-row,
.full-forecast-horizon-col,
.full-forecast-content-col{
  min-width:0;
}




/* ───────────────── FULL TABS – STRETCH & ACTIVE STYLE ───────────────── */

/* Pasek zakładek na pełną szerokość boxa */
.full-tabs{
  display:flex;
  width:100%;
  gap:4px;
}

/* Każdy przycisk zajmuje równą część szerokości */
.full-tab-btn{
  flex:1 1 0;
  text-align:center;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:0.12em;
  padding:6px 10px; /* możesz wrócić do 4px jeśli wolisz niższe */
  border-radius:0;
  border:1px solid var(--border, rgba(255,255,255,0.35));
  background:#000;
  color:var(--text,#e5e7eb);
  cursor:pointer;
  box-sizing:border-box;
}

/* Aktywna zakładka: biała z czarnym napisem */
.full-tab-btn.is-active{
  background:#ffffff;
  color:#000000;
  border-color:#ffffff;
}

/* Disabled – dalej wyszarzone, ale też rozciągnięte */
.full-tab-btn.is-disabled{
  opacity:0.4;
  cursor:not-allowed;
}



/* ───────────────── INTERVIEW: Q&A BOXES ───────────────── */

.full-q-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:8px;
}

/* Jeden blok Q&A */
.full-q-block{
  padding:8px 10px;
  background:#000;
  border:1px solid var(--border, rgba(255,255,255,0.18));
  border-radius:0;
  box-sizing:border-box;
}

/* pytanie */
.full-q-question{
  position:relative;
  font-size:13px;
  font-weight:600;
  margin:0 0 6px 0;
  line-height:1.4;
  padding-left:26px;          /* miejsce na „Q” chip */
}

/* mały chip „Q” przed pytaniem */
.full-q-question::before{
  content:"Q";
  position:absolute;
  left:0;
  top:2px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  font-size:10px;
  font-weight:600;
  border-radius:999px;
  border:1px solid var(--border, rgba(255,255,255,0.4));
  background:#000;
  text-transform:uppercase;
  letter-spacing:0.06em;
}

/* odpowiedź – lista bulletów */
.full-q-answer-list{
  margin:0 0 6px 0;
  padding-left:16px;
}

.full-q-answer-item{
  font-size:13px;
  margin-bottom:3px;
  line-height:1.4;
}

/* box z cytatami + timestamp */
.full-q-evidence-box{
  margin-top:4px;
  padding:6px 8px;
  background:#000;
  border:1px solid var(--border, rgba(255,255,255,0.25));
  border-radius:0;
}

.full-q-evidence-label{
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:0.12em;
  color:var(--text-faint,#9ca3af);
  margin:0 0 4px 0;
}

/* lista cytatów */
.full-q-evidence-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}

/* pojedynczy cytat */
.full-q-evidence-item{
  display:flex;
  align-items:flex-start;
  gap:6px;
  font-size:11px;
  line-height:1.4;
}

/* timestamp – mały tag */
.full-q-evidence-ts{
  flex:0 0 auto;
  min-width:40px;
  padding:1px 4px;
  font-size:10px;
  font-weight:500;
  text-transform:uppercase;
  text-align:center;
  border-radius:999px;
  border:1px solid var(--border, rgba(255,255,255,0.3));
  background:#000;
  opacity:0.9;
}

/* cytat – właściwa treść */
.full-q-evidence-quote{
  flex:1 1 auto;
  font-size:11px;
  opacity:0.9;
  word-break:break-word;
  overflow-wrap:anywhere;
}

/* PYTANIE — dwa razy większa czcionka, stylistyka jak w tree */

.full-q-question{
  position:relative;
  font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-size:20px;              /* ~2x względem małych fontów z tree (11px) */
  font-weight:700;
  text-transform:uppercase;    /* jak w tree-btn */
  letter-spacing:0.12em;       /* jak w tree-btn */
  margin:0 0 10px 0;
  line-height:1.4;
  padding-left:34px;           /* więcej miejsca na „Q” chip */
}

/* chip Q – większy, żeby pasował do pytania */

.full-q-question::before{
  content:"Q";
  position:absolute;
  left:0;
  top:1px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:24px;                  /* większy chip */
  height:24px;
  font-size:12px;
  font-weight:700;
  border-radius:999px;
  border:1px solid var(--border, rgba(255,255,255,0.5));
  background:#000;
  text-transform:uppercase;
  letter-spacing:0.08em;
}


/* ───────────────── INTERVIEW – WERSJA „DUŻA JAK TREE” ───────────────── */

/* Cały panel Interview – trochę więcej powietrza między boxami */
.full-panel-interview .full-q-list{
  gap:10px;
}

/* Jeden blok Q&A */
.full-panel-interview .full-q-block{
  padding:10px 12px;
}

/* PYTANIE – duże, jak nagłówek w tree, x2 */
.full-panel-interview .full-q-question{
  position:relative;
  font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-size:20px;              /* duży nagłówek */
  font-weight:700;
  text-transform:uppercase;    /* jak w tree-btn */
  letter-spacing:0.12em;       /* jak w tree-btn */
  margin:0 0 10px 0;
  line-height:1.4;
  padding-left:36px;           /* na „Q” chip */
}

/* chip Q – dopasowany rozmiarem */
.full-panel-interview .full-q-question::before{
  content:"Q";
  position:absolute;
  left:0;
  top:2px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  font-size:12px;
  font-weight:700;
  border-radius:999px;
  border:1px solid var(--border, rgba(255,255,255,0.5));
  background:#000;
  text-transform:uppercase;
  letter-spacing:0.08em;
}

/* Odpowiedzi – większe, ale niżej niż pytanie */
.full-panel-interview .full-q-answer-list{
  margin:0 0 8px 0;
  padding-left:18px;
}

.full-panel-interview .full-q-answer-item{
  font-size:16px;              /* ~2x względem poprzednich 13px */
  line-height:1.5;
  margin-bottom:4px;
}

/* Evidence box – nagłówek jak mini-sekcja w tree */
.full-panel-interview .full-q-evidence-box{
  margin-top:6px;
  padding:8px 10px;
}

.full-panel-interview .full-q-evidence-label{
  font-size:13px;              /* większy niż 10px */
  text-transform:uppercase;
  letter-spacing:0.12em;
  margin:0 0 6px 0;
}

/* Lista cytatów */
.full-panel-interview .full-q-evidence-list{
  gap:4px;
}

/* Pojedynczy cytat – powiększony */
.full-panel-interview .full-q-evidence-item{
  font-size:14px;
  line-height:1.5;
}

/* Timestamp – wyraźniejszy tag */
.full-panel-interview .full-q-evidence-ts{
  min-width:48px;
  font-size:12px;
  font-weight:600;
}

/* Cytat – też większy */
.full-panel-interview .full-q-evidence-quote{
  font-size:14px;
  opacity:0.9;
}


/* ───────────────── FULL: TYPO JAK W TREE (bez zmiany rozmiarów) ───────────────── */

/* Cały moduł FULL – jedna rodzina fontów jak w tree */
.full-layout,
.full-layout *{
  font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}

/* Nagłówki sekcji, małe labelki, chipy – CAPS + tracking */
.full-section-title,
.full-ts-label,
.full-forecast-horizon-col,
.full-forecast-evidence-label,
.full-q-evidence-label,
.full-tags-row .full-pill,
.full-ts-hashtag-pill,
.full-forecast-evidence-ts,
.full-tabs .full-tab-btn{
  text-transform:uppercase;
  letter-spacing:0.12em;
}

/* Delikatnie lepsze odstępy dla sekcji FULL / FORECAST (nie rusza Interview) */
.full-panel-full .full-section,
.full-panel-forecast .full-section{
  padding-top:8px;
  padding-bottom:10px;
}

/* Nagłówki sekcji – trochę więcej powietrza pod tytułem */
.full-section-title{
  margin:0 0 8px 0;
}

/* Time-series: ciut większy oddech między blokami */
.full-ts-section{
  gap:10px;
}

.full-ts-block{
  margin:0;              /* bez dodatkowych marginesów na zewnątrz */
}

/* Speculation – dwa boxy z równym oddechem */
.full-spec-grid{
  gap:10px;
}

/* Hashtagi globalne – bardziej „chipowe” ułożenie, bez zmian rozmiaru */
.full-tags-row{
  column-gap:6px;
  row-gap:4px;
  margin-top:4px;
}

/* Listy forecastu i bulletów – wyrównane marginesy */
.full-forecast-item-list,
.full-ts-card-bullets ul,
.full-panel-full .full-section ul{
  margin-top:0;
  margin-bottom:6px;
}

/* Forecast timeline – trochę ciaśniej, ale równo */
.full-forecast-timeline{
  gap:10px;
}

.full-forecast-row{
  gap:10px;
}

/* Hero meta – lekko bardziej „systemowe” bez zmiany rozmiaru */
.full-panel-meta{
  text-transform:uppercase;
  letter-spacing:0.08em;
}

/* Tabs – już rozciągnięte, tylko porządkujemy spacing */
.full-tabs{
  margin-top:4px;
  margin-bottom:8px;
}