/* Strony tematyczne /tematy (TASK-198, robot_3) */
.tm h1{display:flex;align-items:center;gap:10px}
.tm-wstep{font-size:17.5px;line-height:1.7;max-width:1000px}
.tm-wstep p{margin:0 0 12px}
.tm-spis{font-size:14.5px;margin:6px 0 18px;padding:10px 14px;background:var(--karta);border:1px solid var(--linia);border-radius:12px;line-height:2}
.tm-sekcja{margin:28px 0}
.tm-sekcja h2{border-bottom:2px solid color-mix(in srgb,var(--zloto) 45%,transparent);padding-bottom:6px}
.tm-werset{margin:12px 0;padding:12px 16px;border-left:4px solid var(--zloto);background:color-mix(in srgb,var(--zloto-jasne) 45%,var(--karta));border-radius:0 12px 12px 0}
.tm-werset p{margin:0 0 6px;font:18px/1.6 var(--szeryf)}
.tm-werset a{font-weight:600;font-size:14.5px}
.tm-lista{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:10px}
.tm-lista li{background:var(--karta);border:1px solid var(--linia);border-radius:12px;padding:10px 14px}
.tm-lista a{font-weight:600}
.tm-lista small{display:block;color:var(--szary);font-size:14px;margin-top:3px}
.tm-akcje ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.tm-faq details{border:1px solid var(--linia);border-radius:12px;background:var(--karta);margin:8px 0;padding:0 14px}
.tm-faq summary{cursor:pointer;list-style:none;padding:12px 0;min-height:44px}
.tm-faq summary::-webkit-details-marker{display:none}
.tm-faq summary h3{display:inline;margin:0;font-size:17px}
.tm-faq summary::before{content:"＋ ";color:var(--zloto);font-weight:700}
.tm-faq details[open] summary::before{content:"− "}
.tm-faq details p{margin:0 0 12px;line-height:1.65}
.tm-kafle{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:10px}
.tm-kafle a{display:flex;align-items:center;gap:10px;min-height:52px;padding:10px 14px;background:var(--karta);border:1px solid var(--linia);border-radius:12px;text-decoration:none;color:var(--granat);font-weight:600}
.tm-kafle a:hover{border-color:var(--zloto)}
.tm-kafle-duze{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}
.tm-kafle-duze a{align-items:flex-start}
.tm-kafle-duze small{display:block;font-weight:400;color:var(--szary);font-size:14px;margin-top:3px}
.tm-ik{font-size:26px;line-height:1}
.tm-zobacz{margin:16px 0 4px;font-size:15px;line-height:1.9}
/* TASK-218: przyciski redakcji (zatwierdź / wyklucz) */
.tm-red{display:inline-flex;gap:4px;align-items:center;margin-left:8px;vertical-align:middle}
.tm-red button{min-width:34px;min-height:30px;border:1px solid var(--linia);background:var(--karta);border-radius:8px;cursor:pointer;font-size:14px}
.tm-red button.tak{background:#e7f6ec;border-color:#7cc596}
.tm-red-stan{color:var(--szary,#667085);font-size:12px}
/* TASK-218: czytelność na dużych ekranach — długość linii tekstu do ok. 75 znaków (listy i kafle zostają na pełną szerokość) */
.tm-wstep p,.tm-faq p,.tm-faq summary,.tm-werset p,.tm-red-opis{max-width:75ch}