/* Style stron tematycznych (pocztówki + historia) — D-70, 02.09.2026.
   Dokłada się do wspólnej skóry (fonts.css, style.css), nie zastępuje jej.
   Paleta bierze zmienne --ink/--pat/--line itd. ze szablony/skora/wspolna/
   css/style.css, żeby głęboka podstrona nie odjeżdżała wizualnie od
   widoku miejskiego, z którego się na nią wchodzi. */

.tm-wstecz{
  display:inline-block;margin:24px auto 0;padding:0 24px;max-width:900px;
  font-size:.9rem;color:var(--ink-faint);text-decoration:none;
}
.tm-wstecz:hover{color:var(--pat-soft);text-decoration:underline;}

.tm-hero{max-width:760px;margin:0 auto;padding:32px 24px 24px;text-align:left;}
.tm-hero h1{
  font-family:"Old Standard TT", Georgia, serif; font-weight:700;
  font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.15;margin:.3em 0;
  color:var(--ink);
}
.tm-podtytul{font-style:italic;color:var(--ink-soft);margin:0 0 1.2em;}
.tm-lede{line-height:1.6;margin:0 0 1em;color:var(--ink-soft);}

.tm-karty{max-width:1100px;margin:0 auto;padding:8px 24px 64px;
  display:flex;flex-direction:column;gap:56px;}

.tm-karta{display:grid;grid-template-columns:minmax(240px,380px) 1fr;gap:32px;
  align-items:start;padding-top:40px;border-top:1px solid var(--line);}
.tm-karta:first-child{border-top:none;padding-top:0;}

.tm-foto{margin:0;position:relative;}
.tm-foto img{width:100%;height:auto;display:block;border-radius:4px;
  box-shadow:var(--shadow-card);cursor:zoom-in;background:var(--bg-deep);}
.tm-foto .pc-flip{position:absolute;bottom:10px;right:10px;
  background:rgba(0,0,0,.55);color:var(--ink);border:0;border-radius:20px;
  padding:6px 14px;font-size:.8rem;display:flex;gap:6px;align-items:center;
  cursor:pointer;}

.tm-tytul{
  font-family:"Old Standard TT", Georgia, serif; font-weight:700;
  font-size:1.3rem;margin:0 0 4px;color:var(--ink);
}
.tm-sygnatura{font-size:.8rem;color:var(--ink-faint);margin:0 0 1em;
  font-variant:small-caps;}

.tm-rozbior{display:grid;grid-template-columns:auto;gap:2px 0;margin:0;}
.tm-rozbior dt{font-family:"Inter", system-ui, sans-serif;
  font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;
  color:var(--ink-faint);margin-top:1em;}
.tm-rozbior dt:first-child{margin-top:0;}
.tm-rozbior dd{margin:2px 0 0;line-height:1.55;color:var(--ink-soft);}

@media (max-width:640px){
  .tm-karta{grid-template-columns:1fr;gap:16px;}
}