.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
}
.textwhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #FFFFFF;
	letter-spacing: 1px
}
.titlewhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
}
.titleblack {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
.error {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #FF0000;
}
.errormsg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #FF0000;
}
input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	background-color: #FFFFFF;
	border: 1px solid;
	text-align: left;
}
.formtable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 12px;
	background-color: ##25E083;
	color: #FFFFFF;
}
.formt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 14px;
	background-color: ##25E083;
	color: #000000;
}
.featured {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #666666;
	font-weight: bold;
	text-decoration: underline;
}
.article {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	font-weight: bold;
	text-decoration: underline;
}
.articletext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	line-height: 130%;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid;
}

a.menu {
  font-family: Veranda, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #FFFFFF;
  text-decoration: none;
  letter-spacing: 1pt
}
a.menu:visited {
  font-family: Veranda, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #FFFFFF;
  letter-spacing: 1pt
}
a.menu:link {
  font-family: Veranda, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #FFFFFF;
  letter-spacing: 1pt
}
a.menu:hover {
  font-family: Veranda, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #FFFFFF;
  text-decoration: underline;
  letter-spacing: 1pt
}

.forum {  font-family: Veranda, Tahoma, Arial, Helvetica, san-serif; font-size: 12px; co
lor: #333333; } 
.msgtext {  font-family: Veranda, Tahoma, Arial, Helvetica, san-serif; font-size: 12px;
color: #333333; line-height: 150% }

a {  font-family: Veranda, Tahoma, Arial, Helvetica, san-serif; font-size: 12px; color: #000000; text-decoration: none}
a:active {  font-family: Veranda, Tahoma, Arial, Helvetica, san-serif; font-size: 12px; color: #000000}
a:hover {  font-family: Veranda, Tahoma, Arial, Helvetica, san-serif; font-size: 12px; text-decoration: underline}
a:link {  font-family: Veranda, Tahoma, Arial, Helvetica, san-serif; font-size: 12px; color: #000000}
a:visited {  font-family: Veranda, Tahoma, Arial, Helvetica, san-serif; color: #777777}

a.blue {  font-family: Veranda, Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; color: #0000FF; text-decoration: none; letter-spacing: 1pt}
a.blue:visited {  font-family: Veranda, Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; color: #0000FF; letter-spacing: 1pt}
a.blue:link {  font-family: Veranda, Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; color: #0000FF; letter-spacing: 1pt}
a.blue:hover {  font-family: Veranda, Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; color: #0000FF; text-decoration: underline; letter-spacing: 1pt}


a.tools {  font-family: Veranda, Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; color: #222222; text-decoration: none; letter-spacing: 1pt}
a.tools:visited {  font-family: Veranda, Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; color: #222222; letter-spacing: 1pt}
a.tools:link {  font-family: Veranda, Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; color: #222222; letter-spacing: 1pt}
a.tools:hover {  font-family: Veranda, Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; color: #222222; text-decoration: underline; letter-spacing: 1pt}

.statusYd {  font-family: Veranda, Tahoma, Arial, Helvetica, san-serif; font-size: 10px; color: #AAAAAA}
.statusTd {  font-family: Veranda, Tahoma, Arial, Helvetica, san-serif; font-size: 12px; color: #555555}
.statusNew {  font-family: Veranda, Tahoma, Arial, Helvetica, san-serif; font-size: 12px; color: #FF0000}
.statusHot {  font-family: Veranda, Tahoma, Arial, Helvetica, san-serif; font-size: 12px; color: #DD0000}

/* ===========================
   MOBILKA – PROSTE DOSTOSOWANIE
   =========================== */

html, body {
  margin: 0;
  padding: 0;
}

/* GŁÓWNE RWD – małe ekrany */
@media screen and (max-width: 900px), screen and (max-device-width: 900px) {

  /* DUŻE litery, żeby dało się czytać */
  body {
    font-size: 36px;
    line-height: 1.6;
    padding: 4px;
  }

  .text,
  .textwhite,
  .titlewhite,
  .titleblack,
  .forum,
  .msgtext,
  a,
  a:link,
  a:visited,
  a:hover,
  a:active,
  a.menu,
  a.tools,
  a.blue,
  .statusYd,
  .statusTd,
  .statusNew,
  .statusHot {
    font-size: 36px;
  }

  .msgtext {
    line-height: 1.7;
  }

  /* Całe tabele składają się do szerokości ekranu */
  table {
    width: 100% !important;
  }

  /* Komórki mogą łamać tekst, bez poziomego scrolla */
  td,
  th {
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    padding: 4px;
  }

  /* Obrazki (baner, foty) nie wychodzą poza ekran */
  img {
    max-width: 100%;
    height: auto;
  }

  /* =====================================
     LISTA POSTÓW (Temat / Nadawca / Data)
     ===================================== */

    /* Ta tabela 4‑kolumnowa od listy wątków + odpowiedzi:
     pozwalamy jej się normalnie rozciągnąć na całą szerokość */
  table[border="0"][cellspacing="1"][cellpadding="1"] {
    width: 100% !important;
    table-layout: auto;   /* zamiast fixed */
  }

  /* CHOWAMY kolumnę "Data" (4. kolumna) – i nagłówek, i wiersze */
  table[border="0"][cellspacing="1"][cellpadding="1"] tr > td:nth-child(4) {
    display: none;
  }

     /* 1. kolumna – "dziś / wczoraj" – stała, mała szerokość */
  table[border="0"][cellspacing="1"][cellpadding="1"] tr > td:nth-child(1) {
    width: ch;        /* ok. szerokość 3–4 znaków */
    max-width: 7.5ch;
    white-space: nowrap;
  }

  table[border="0"][cellspacing="1"][cellpadding="1"] tr > td:nth-child(1) .statusYd,
  table[border="0"][cellspacing="1"][cellpadding="1"] tr > td:nth-child(1) .statusTd {
    display: inline-block;
    max-width: 3ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /* 3. kolumna – AUTOR:
     ~16 znaków z "..." (max 16ch) */
  table[border="0"][cellspacing="1"][cellpadding="1"] tr > td:nth-child(3) a {
    display: inline-block;
    max-width: 16ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /* 2. kolumna – TEMAT Z DRZEWKIEM */

  /* cała komórka z tematem jako flex: [rowek][folder][Tytuł][[2]] */
  table[border="0"][cellspacing="1"][cellpadding="1"] tr > td:nth-child(2) .forum {
    display: flex;
    align-items: center;
  }

/* "rowek" drzewka = space.gif – zachowujemy wcięcia z HTML,
   tylko pilnujemy, żeby flex ich nie ściskał do zera */
table[border="0"][cellspacing="1"][cellpadding="1"] tr > td:nth-child(2) .forum img[src*="space.gif"] {
  flex: 0 0 auto;
  height: 1em;
}

  /* folder, ikonki foto/url – małe, nie rozpychają */
  table[border="0"][cellspacing="1"][cellpadding="1"] tr > td:nth-child(2) .forum img:not([src*="space.gif"]) {
    flex: 0 0 auto;
    height: 1em;
    width: auto;
  }

  /* <b> z linkiem – elastyczne, ALE zawsze min. kilka znaków (tytuł nie znika) */
  table[border="0"][cellspacing="1"][cellpadding="1"] tr > td:nth-child(2) .forum b {
    flex: 1 1 auto;
    min-width: 8ch;              /* zawsze widać min. ~8 znaków tytułu */
  }

  /* sam link z tytułem – ucinamy OD TYŁU z "..." */
  table[border="0"][cellspacing="1"][cellpadding="1"] tr > td:nth-child(2) .forum b a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  /* [0], [1], [15] – licznik odpowiedzi ZAWSZE widoczny */
  table[border="0"][cellspacing="1"][cellpadding="1"] tr > td:nth-child(2) .forum font {
    flex: 0 0 auto;
    margin-left: 4px;
    white-space: nowrap;
  }
}

/* Bardzo małe ekrany – autor jeszcze krótszy (~8 znaków) */
@media screen and (max-width: 480px), screen and (max-device-width: 480px) {
  table[border="0"][cellspacing="1"][cellpadding="1"] tr > td:nth-child(3) a {
    max-width: 8ch;
  }
}
  /* --- WIDOK POJEDYNCZEGO POSTA + LISTA ODPOWIEDZI --- */

  /* Kasujemy procentowe width z HTML-a (7%, 61%, 15%, 17%) w tej tabeli */
  table[border="0"][cellspacing="1"][cellpadding="1"] td[width] {
    width: auto !important;
  }

  /* 1. kolumna (strzałka / wczoraj / dziś) – bardzo wąska, stała */
  table[border="0"][cellspacing="1"][cellpadding="1"] tr > td:first-child {
    width: 8ch !important;      /* możesz potem zmienić na 2.5ch / 2ch */
    max-width: 8ch !important;
    white-space: nowrap;
  }