/* === TABITHA — MONOCHROME ELEGANCE (zgodne z poprzednim HTML) === */
/* Paleta */
:root{
  --paper-white:#FAFAFA;     /* tło główne */
  --porcelain:#E8E8E8;       /* delikatne tła/sekcje/linie */
  --soft-gray:#B8B8B8;       /* ramki/akcenty subtelne */
  --dark-gray:#4B4B4B;       /* tekst zasadniczy */
  --charcoal:#1E1E1E;        /* nagłówki, przyciski, mocny kontrast */
}

/* Reset i baza */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:'Lora',serif;
  background:var(--paper-white);
  color:var(--dark-gray);
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
h1,h2,h3{
  font-family:'Playfair Display',serif;
  color:var(--charcoal);
  line-height:1.25;
  margin:0 0 .6rem;
  font-weight:500;
}
h1{font-size:clamp(2.2rem,4vw,3.2rem)}
h2{font-size:clamp(1.5rem,3vw,2.2rem)}
h3{font-size:clamp(1.1rem,2.2vw,1.4rem); color:var(--dark-gray)}
p{margin:0 0 1rem}
a{color:var(--charcoal);text-decoration:none;transition:color .2s}
a:hover{color:var(--dark-gray);text-decoration:underline}
.container{width:min(1100px,92%);margin:0 auto}

/* Nagłówek */
.site-header{
  position:sticky;top:0;z-index:10;
  background:rgba(250,250,250,.9);
  backdrop-filter:blur(6px);
  border-bottom:1px solid var(--porcelain);
}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0}
.brand{display:grid;gap:.1rem}
.brand__word{letter-spacing:.25rem;font-weight:600;color:var(--charcoal)}
.brand__tag{font-size:.9rem;color:var(--soft-gray)}
.nav a{margin-left:1rem;padding:.3rem .4rem}
.brand {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.brand__icon {
  width: 26px;
  height: auto;
  display: block;
  filter: grayscale(1) brightness(0.15) contrast(1.2);
}

/* Przyciski */
.btn{
  display:inline-block;
  background:var(--charcoal);
  color:var(--paper-white);
  padding:.7rem 1rem;
  border-radius:3px;
  border:1px solid var(--charcoal);
  transition:all .2s;
}
.btn:hover{background:#2a2a2a;border-color:#2a2a2a}
.btn--ghost{
  background:transparent;
  color:var(--charcoal);
  border:1px solid var(--charcoal);
}
.btn--ghost:hover{background:var(--porcelain)}

/* HERO (zgodnie z poprzednim HTML) */
.hero{
  padding:6rem 0 4rem;
  background:linear-gradient(180deg,var(--paper-white), var(--porcelain) 90%);
}
.hero__inner{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:2rem;align-items:center;
}
.hero__copy p{max-width:56ch}
.hero__cta{display:flex;gap:.8rem;margin-top:1rem;flex-wrap:wrap}
.hero__visual{}
.visual-placeholder{
  position:relative;
  background:var(--porcelain);
  border:1px solid var(--soft-gray);
  border-radius:10px;height:320px;overflow:hidden;
}
.grain{
  position:absolute;inset:0;
  background:repeating-linear-gradient(45deg,rgba(0,0,0,.03),rgba(0,0,0,.03)1px,rgba(0,0,0,0)1px,rgba(0,0,0,0)3px);
  mix-blend-mode:multiply;opacity:.35;
}

/* TRZY FILARY */
.pillars{padding:3rem 0}
.pillars__grid{
  list-style:none;padding:0;margin:0;
  display:grid;gap:1.2rem;grid-template-columns:repeat(3,1fr);
}
.pillar{
  background:var(--paper-white);
  border:1px solid var(--porcelain);
  border-radius:8px;padding:1.2rem;min-height:140px;
}

/* CYTAT */
.quote {
  padding: 3rem 0;
  background: linear-gradient(180deg, #F8F8F8 0%, #F2F2F2 100%);
  border-top: 1px solid var(--porcelain);
  border-bottom: 1px solid var(--porcelain);

  /* --- faktura papieru --- */
  background-image:
    repeating-linear-gradient(
      45deg,
      rgba(0, 0, 0, 0.02) 0px,
      rgba(0, 0, 0, 0.02) 2px,
      transparent 2px,
      transparent 6px
    );
  background-blend-mode: multiply;
}

.quote-second {
  padding: 2.5rem 0;
  background: #F9F9F9;
  border-top: 1px solid var(--porcelain);
}

.quote-second blockquote {
  margin: 0;
  text-align: center;
}

.quote-second p {
  font-size: clamp(1rem, 2.2vw, 1.4rem);
  font-style: italic;
  color: var(--charcoal);
}

.quote-second footer {
  margin-top: .4rem;
  color: var(--soft-gray);
  font-size: 0.95rem;
}

.ornament {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin: 1.5rem 0;
}

.ornament span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--charcoal);
  opacity: 0.6;
}

.ornament {
  margin: 2rem 0 3rem; /* trochę więcej miejsca nad stopką */
}

blockquote {
  margin: 0;
  text-align: center;
}

blockquote p {
  font-size: clamp(1.2rem, 2.6vw, 1.8rem);
  font-style: italic;
  color: var(--charcoal);
}

blockquote footer {
  margin-top: .4rem;
  color: var(--soft-gray);
}

/* SEKCJE: o mnie / feature / community / newsletter / kontakt */
.about,.feature,.community,.newsletter,.contact{padding:3.5rem 0}
.about__inner,.feature__inner{
  display:grid;gap:2rem;align-items:center;
  grid-template-columns:1fr 1fr;
}
.about__visual .visual-card,
.feature__visual .visual-card{
  background:var(--porcelain);
  border:1px solid var(--soft-gray);
  border-radius:10px;height:280px;position:relative;overflow:hidden;
}
.visual-card--tall{height:360px}
.visual-card--wide{height:220px}

.link{border-bottom:1px solid var(--charcoal);padding-bottom:.1rem}
.link:hover{background:var(--porcelain);text-decoration:none}

.feature--alt{background:linear-gradient(180deg,transparent,var(--porcelain) 90%)}

/* WSPÓLNOTA */
.community{text-align:center;background:var(--paper-white)}

/* NEWSLETTER */
.newsletter{background:var(--porcelain)}
.newsletter__inner{text-align:center}
.newsletter__form{
  display:flex;gap:.6rem;justify-content:center;margin:1rem 0;flex-wrap:wrap;
}
.newsletter input{
  padding:.7rem .8rem;border-radius:4px;border:1px solid var(--soft-gray);
  min-width:260px;background:#fff;color:var(--charcoal)
}
.note{font-size:.9rem;color:var(--soft-gray)}

/* KONTAKT */
.contact__inner{text-align:center}

/* STOPKA */
.site-footer{
  padding:2rem 0;border-top:1px solid var(--porcelain);
  text-align:center;color:var(--soft-gray)
}

/* Dostępność */
.sr-only{
  position:absolute!important;height:1px;width:1px;overflow:hidden;
  clip:rect(1px,1px,1px,1px);white-space:nowrap;
}

/* Responsywność */
@media (max-width:768px){
  .hero__inner,.about__inner,.feature__inner{grid-template-columns:1fr}
  .pillars__grid{grid-template-columns:1fr}
  .nav a{margin-left:.6rem}
  .visual-placeholder{height:240px}
  .downloads-note { margin-bottom: 4rem; }
}
/* --- Efekt hover na logo (bez podkreślenia) --- */

.brand {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  text-decoration: none;      /* usuwa podkreślenie */
  transition: color 0.3s ease;
}

.brand:hover {
  text-decoration: none;      /* zabezpieczenie — też przy hoverze */
}

.brand__word {
  letter-spacing: 0.25rem;
  font-weight: 600;
  color: var(--charcoal);
  transition: color 0.3s ease, text-shadow 0.3s ease;
}

.brand:hover .brand__word {
  color: #000;
  text-shadow: 0 0 8px rgba(0,0,0,0.08);
}

.brand__icon {
  width: 26px;
  height: auto;
  display: block;
  filter: grayscale(1) brightness(0.15) contrast(1.2);
  transition: filter 0.4s ease;
}

.brand:hover .brand__icon {
  filter: grayscale(1) brightness(0.25) contrast(1.3);
}

.brand:hover .brand__word {
  color: #000;
  text-shadow: 0 0 12px rgba(0,0,0,0.12);
}

/* --- Logo hover: wymuszenie efektu i brak podkreślenia --- */
.site-header .brand,
.site-header .brand:hover {
  text-decoration: none !important;
}

.site-header .brand .brand__word {
  color: var(--charcoal) !important;
  transition: color .25s ease, text-shadow .25s ease, letter-spacing .25s ease, transform .25s ease;
}

.site-header .brand:hover .brand__word {
  color: #000 !important;
  text-shadow: 0 0 14px rgba(0,0,0,0.18) !important;
  letter-spacing: 0.28rem !important;   /* wizualny „oddech” przy hoverze */
  transform: translateY(-1px);           /* subtelny „podniesiony” akcent */
}

.site-header .brand .brand__icon {
  width: 26px;
  height: auto;
  display: block;
  filter: grayscale(1) brightness(0.15) contrast(1.2);
  transition: filter .25s ease;
}

.site-header .brand:hover .brand__icon {
  filter: grayscale(1) brightness(0.30) contrast(1.35) !important;
}

/* Na wszelki wypadek wyłącz podkreślenie linków w headerze i nav */
.site-header a,
.site-header a:hover { text-decoration: none !important; }
.nav a:hover { text-decoration: none !important; }

.visual-image {
  width: 100%;
  height: 280px; /* ujednolicona wysokość */
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid var(--soft-gray);
}

/* DOWNLOADS */
.downloads {
  padding: 3.5rem 0;
  background: var(--paper-white);
  border-top: 1px solid var(--porcelain);
}

.downloads__inner {
  max-width: 900px;
}

.downloads__intro {
  max-width: 52ch;
  margin-bottom: 2rem;
}

.downloads__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
}

.download-item {
  padding: 1.4rem 1.6rem;
  border-radius: 8px;
  border: 1px solid var(--porcelain);
  background: #fff;
  box-shadow: 0 6px 18px rgba(0,0,0,0.03);
}

.download-item h3 {
  margin-bottom: 0.4rem;
  font-size: 1.05rem;
}

.download-item p {
  margin-bottom: 0.9rem;
  font-size: 0.98rem;
}

.download-note{
  margin-top:0.4rem;
  font-size:0.85rem;
  color:var(--soft-gray);
}

.nav__current {
  font-weight: 500;
  border-bottom: 1px solid var(--charcoal);
  padding-bottom: 0.1rem;
}


/* mobile */
@media (max-width: 720px) {
  .downloads__grid {
    grid-template-columns: 1fr;
  }
}

.breadcrumbs {
  padding: 1.5rem 0 0.5rem;
}

.breadcrumbs .link {
  font-size: 0.9rem;
}


.download-thumb {
  flex: 0 0 150px;
  border-radius: 8px;
  overflow: hidden;
  background: var(--porcelain);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04);
}

.download-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  max-width: 100%; 
}

.download-body {
  flex: 1 1 auto;
}

/* mobile */

@media (max-width: 720px) {
  .download-item {
    flex-direction: column;
	align-items: center;
  }

  .download-thumb {
    width: 50%;
	max-width: 160px;   /* <<< tutaj, zamiast 200px */
    margin: 0 auto 1rem;   /* <<< wycentruje */
  }
}

.hero__visual {
  flex: 1;
  height: 280px;
  border-radius: 16px;
  overflow: hidden;
}

.hero-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

@media (max-width: 720px) {
  .hero__visual {
    height: 160px;       /* <<< WERSJA MOBILNA */
    margin-top: 1rem;
  }
}
/* MAILERLITE – wyrównanie do stylu Tabithy */

.ml-form-embedContainer {
  font-family: "Lora", "Playfair Display", serif;
}

.ml-form-embedContainer .form-control {
  border-radius: 0;
  border: 1px solid #c8bdb1;
  padding: 0.6rem 0.8rem;
  font-size: 0.95rem;
}

.ml-form-embedContainer .form-control::placeholder {
  color: #5e5550;
}

.ml-form-embedContainer .ml-form-embedSubmit .primary {
  background: #000;
  color: #fff;
  border: none;
  padding: 0.6rem 1.4rem;
  font-size: 0.95rem;
  text-transform: none;
  letter-spacing: 0;
  border-radius: 0;
  cursor: pointer;
}

.ml-form-embedContainer .ml-form-embedSubmit .primary:hover {
  background: #333;
}

#mlb2-33961716 .ml-form-embedSubmit {
    margin-top: 12px;  /* możesz zmienić np. na 16px, 20px */
}

.feature__more {
  margin-top: 1rem;
}

.feature__more a {
  text-decoration: underline;
  font-size: 0.95rem;
}

.content-image {
  margin: 2.5rem auto;
  max-width: 560px;   /* kluczowa zmiana */
}

.content-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
}

.content-image img {
  opacity: 0.95;
}

.content-image {
  filter: saturate(0.95);
}

.content-image figcaption {
  margin-top: 0.75rem;
  font-size: 0.95rem;
  opacity: 0.8;
}

.downloads-note {
  margin: 2.5rem 0 2rem;
  padding-left: 1rem;
  border-left: 2px solid var(--charcoal); /* bardzo subtelna linia */
}

.downloads-note h2 {
  color: var(--charcoal);
  margin-top: 0;
  font-size: 1.4rem;
}

.downloads-note p {
  margin-bottom: 0.75rem;
  color: var(--dark-gray);
}

.newsletter {
  margin: 4rem 0 2rem;
  padding: 3rem 0;
  background: #f7f4f1; /* bardzo jasny beż */
}

.newsletter__inner {
  max-width: 560px;
}

.newsletter h2 {
  margin-top: 0;
}

.newsletter p {
  margin-bottom: 1.5rem;
}

.ig-anchor {
  margin: 2.5rem auto;
  max-width: 560px;
}

.ig-anchor img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
}

@media (max-width: 600px) {
  .ig-anchor img {
    max-height: 360px;
    object-fit: cover;
  }
}

/* === CZYTELNIA === */
.reading-room__inner {
  max-width: 860px;
}

.reading-room__topics {
  margin: 1.5rem 0 2.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.reading-room__topics a {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.reading-room__section-title {
  margin-top: 3rem;
  margin-bottom: 1.25rem;
}

.essay-list {
  display: grid;
  gap: 1.25rem;
}

.essay-card__title {
  margin: 0 0 0.5rem;
}

.essay-card__title a {
  text-decoration: underline;
  text-underline-offset: 6px;
}

.essay-card__excerpt {
  margin: 0 0 0.75rem;
}

.essay-card__meta {
  margin: 0;
  font-size: 0.95rem;
  opacity: 0.85;
}

.tag {
  border: 1px solid rgba(94, 85, 80, 0.25);
  padding: 0.15rem 0.5rem;
  border-radius: 999px;
}

.dot {
  margin: 0 0.4rem;
  opacity: 0.6;
}

.reading-room__hint {
  opacity: 0.8;
  margin-top: 0.5rem;
}

/* HERO lead magnet (miejsce 1) */
.hero__lead{
  margin-top: 1.2rem;
  padding-top: 1.1rem;
  border-top: 1px solid rgba(0,0,0,0.08);
  max-width: 56ch; /* spójnie z .hero__copy p */
}

.hero__lead-title{
  margin: 0 0 .25rem 0;
  font-family: 'Playfair Display', serif;
  color: var(--charcoal);
  font-weight: 500;
  font-size: 1.05rem;
}

.hero__lead-sub{
  margin: 0 0 .85rem 0;
  color: var(--dark-gray);
  line-height: 1.5;
}

.hero__lead-form{
  max-width: 520px;
}

.hero__lead-note{
  margin: .75rem 0 0 0;
  font-size: .92rem;
  color: var(--soft-gray);
}

/* MailerLite: zdejmij „kartę”/tło embedu (jeśli występuje) */
.hero__lead .ml-form-embedWrapper,
.hero__lead .ml-form-embedContainer{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* === Lead magnet pod HERO === */
.leadmagnet{
  padding: 3.5rem 0;
  background: var(--porcelain);
  border-top: 1px solid var(--porcelain);
  border-bottom: 1px solid var(--porcelain);
}

.leadmagnet__inner{
  max-width: 760px;
  text-align: center;
}

.leadmagnet__subtitle{
  color: var(--soft-gray);
  margin-bottom: 1rem;
}

.leadmagnet__promise{
  max-width: 56ch;
  margin: 0 auto 1.25rem;
}

/* MailerLite: zdejmij “kartę”, zostaw czysty formularz */
.leadmagnet .ml-form-embedWrapper,
.leadmagnet .ml-form-embedContainer{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.leadmagnet .ml-form-embedBody{
  padding: 0 !important;
}

.leadmagnet__form{
  max-width: 520px;
  margin: 0 auto;
}

/* checkbox / zgoda – niech nie wygląda jak przypadkowy blok */
.leadmagnet .ml-form-embedContainer *{
  font-family: 'Lora', serif !important;
}

.guide-title{
  margin: 0.6rem 0 1.2rem;
  font-family: 'Playfair Display', serif;
  font-size: clamp(1.4rem, 3vw, 1.8rem);
  line-height: 1.25;
  font-weight: 500;
  color: var(--charcoal);
}

/* CTA: Bezpłatny przewodnik — delikatnie bardziej widoczny */
.btn--guide{
  background: rgba(237,232,227,0.65);              /* Linen Fog */
  border-color: rgba(94,85,80,0.55);               /* Charcoal Haze */
  color: #5E5550; /* Charcoal Haze */
  box-shadow: 0 10px 24px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

.btn--guide:hover{
  background: rgba(237,232,227,0.85);
  box-shadow: 0 12px 28px rgba(0,0,0,0.09);
  transform: translateY(-2px);
}

.hero__cta {
	display:flex;
	gap:.8rem;
	flex-wrap:wrap;
	align-items:center; /* klucz: wszystkie przyciski w jednej osi */
}

/* Guide button: dopisek nie wpływa na wysokość wiersza CTA */
.guide-wrap{
  position: relative;
  display: inline-flex;      /* bez kolumny */
  align-items: center;
}

.guide-note{
  position: absolute;
  left: 0;
  top: calc(100% + 8px);     /* odstęp pod przyciskiem */
  margin: 0;                 /* kasujemy margin-top */
  font-size: 0.85rem;
  color: var(--soft-gray);
  font-style: italic;
  line-height: 1.2;
  white-space: nowrap;       /* opcjonalnie: jedna linia */
  max-width: 22ch;
  pointer-events: none;
}

/* CTA: idealne wyrównanie przycisków w jednej linii */
.hero__cta { align-items: center; }

/* przyciski jako inline-flex -> tekst zawsze idealnie w środku */
.hero__cta .btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;          /* usuwa „pływanie” baseline */
  min-height: 46px;        /* wszystkie mają tę samą wysokość */
}

/* wrapper od przewodnika też wyrównujemy do środka rzędu */
.hero__cta .guide-wrap{ align-self: center; }

/* zostaw miejsce na dopisek, żeby nie nachodził na treść niżej */
.hero__cta{
  padding-bottom: 1.2rem;
}

.downloads-note {
  margin: 2.5rem 0 2rem;
  margin-bottom: 3rem;
  padding-left: 1rem;
  border-left: 2px solid var(--charcoal);
}

.downloads-note h2 {
  color: var(--charcoal);
}

.downloads-note p {
  color: var(--dark-gray);
}

.downloads-note,
.downloads-note h2,
.downloads-note p,
.downloads-note span,
.downloads-note strong {
  color: var(--charcoal) !important;
}

.downloads-note *,
.ml-form-embedContainer * {
  color: var(--charcoal) !important;
}

.ml-form-embedContainer p {
  color: var(--dark-gray) !important;
}

.hero-leadmagnet{
  margin: 1rem 0 1.4rem;
  font-size: 0.95rem;          /* mniejsze niż główny opis */
  line-height: 1.5;
  color: var(--charcoal);      /* albo var(--soft-gray) jeśli masz */
  font-style: italic;
  max-width: 52ch;             /* żeby nie było zbyt szerokie */
}

.hero-leadmagnet{
  margin: 1rem 0 1.4rem;
  font-size: 0.9rem;
  line-height: 1.45;
  color: #7a6f68;   /* zgaszony taupe */
  font-style: italic;
}

/* FOOTER / LISTY: naprawa kontrastu w przycisku */
#listy .btn,
#listy button,
#listy input[type="submit"],
.newsletter .btn,
.newsletter button,
.newsletter input[type="submit"]{
  color: #fff !important;          /* najważniejsze */
  font-weight: 500;
}

/* jeśli przycisk ma hover i też się psuje */
#listy .btn:hover,
#listy button:hover,
#listy input[type="submit"]:hover,
.newsletter .btn:hover,
.newsletter button:hover,
.newsletter input[type="submit"]:hover{
  color: #fff !important;
}

.essay-end {
  margin-bottom: 3rem;
}

.literatura {
  margin-top: 4rem;
}

.essay {
  max-width: 700px;          /* kolumna jak w książce */
  margin: 0 auto;            /* wyśrodkowanie */
  text-align: justify;       /* JUSTOWANIE */
  line-height: 1.7;
  font-size: 1.05rem;
}

.essay p {
  margin-bottom: 1.4rem;
  hyphens: auto;             /* dzielenie wyrazów */
}

img { max-width: 100%; height: auto; }

@media (max-width: 600px){
  .hero__cta{
    gap: .8rem;
    padding-bottom: 0;     /* już nie potrzebujesz sztucznego miejsca */
  }

  .guide-wrap{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;           /* guide ma iść w pełnej szerokości wiersza */
    max-width: 320px;      /* opcjonalnie: żeby nie było „płasko” na całym ekranie */
  }

  .guide-wrap .btn{
    width: 100%;
  }

  .guide-note{
    position: static;      /* klucz */
    margin-top: .5rem;
    white-space: normal;   /* pozwól się łamać */
    max-width: none;
    pointer-events: auto;
  }
}

@media (max-width: 720px){

  /* header jako kolumna */
  .header-inner{
    flex-direction: column;
    align-items: flex-start;
    gap: .7rem;
    padding: .9rem 0;
  }

  /* nawigacja ma się ładnie zawijać */
  .nav{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: .6rem 1.1rem;   /* odstępy poziome i pionowe */
  }

  /* usuń margin-left, bo on robi „schodki” i nachodzenie */
  .nav a{
    margin-left: 0 !important;
    padding: .15rem .25rem;
    line-height: 1.15;
    white-space: nowrap;
    font-size: 1.05rem;  /* jeśli dalej za duże – zmniejsz do 1rem */
  }

  /* opcjonalnie: tagline pod logo mniejszy, żeby nie mieszał się z nav */
  .brand__tag{
    font-size: .85rem;
  }
}

.content-image {
  max-width: 72ch;
  margin: 3rem auto;
}

.essay {
  max-width: 66ch;          /* lekko wężej */
  margin-left: auto;
  margin-right: auto;
  text-align: justify;
  hyphens: auto;
}
.essay {
  text-align: justify;
  text-align-last: left;
}


.download-item .btn { display: inline-block; }

.download-item--with-thumb {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
}

.downloads-block{
  margin-top: 3.5rem;
}