@charset "UTF-8";
  *,:after,:before {


/* ───────────────────────────────────────────────────────────── */
/* RESET — Stylowanie dotyczące reset */
/* ───────────────────────────────────────────────────────────── */

  box-sizing:border-box;
  }

* {


/* ───────────────────────────────────────────────────────────── */
/* SPACING — Stylowanie dotyczące spacing */
/* ───────────────────────────────────────────────────────────── */

  margin:0;
  }

body {


/* ───────────────────────────────────────────────────────────── */
/* LAYOUT — Stylowanie dotyczące layout */
/* ───────────────────────────────────────────────────────────── */

  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  }

canvas,img,picture,svg,video {
  display:block;
  height:auto;
  max-width:100%;
  }

button,input,select,textarea {
  font:inherit;
  }

h1,h2,h3,h4,h5,h6,p {


/* ───────────────────────────────────────────────────────────── */
/* VISUAL — Stylowanie dotyczące visual */
/* ───────────────────────────────────────────────────────────── */

  overflow-wrap:break-word;
  }

button {


/* ───────────────────────────────────────────────────────────── */
/* BUTTONS — Stylowanie dotyczące buttons */
/* ───────────────────────────────────────────────────────────── */

  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background:none;
  border:none;
  border-radius:0;
  box-shadow:none;
  color:inherit;
  cursor:pointer;
  font:inherit;
  padding:0;
  text-align:inherit;
  }

html {


/* ───────────────────────────────────────────────────────────── */
/* TYPOGRAPHY — Stylowanie dotyczące typography */
/* ───────────────────────────────────────────────────────────── */

  font-size:100%;
  -webkit-font-smoothing:antialiased;
  }

body {
  color:var(--color-black);
  font-family:var(--gh-font-body,var(--body-font-family)),"Helvetica","Arial",sans-serif;
  font-weight:400;
  line-height:1.75;
   background-color: #f5f3f0;
  }

h1,h2,h3,h4,h5,h6 {
  font-family:var(--gh-font-heading,var(--heading-font-family)),"Helvetica","Arial",sans-serif;
  font-weight:var(--heading-font-weight);
  line-height:1.15;
  }

#main {
  margin:2rem 0;


/* ───────────────────────────────────────────────────────────── */
/* ACCESSIBILITY — Stylowanie dotyczące accessibility */
/* ───────────────────────────────────────────────────────────── */

  overflow:hidden;
  }



/* ───────────────────────────────────────────────────────────── */
/* MEDIA — Stylowanie dotyczące media */
/* ───────────────────────────────────────────────────────────── */

@media screen and (min-width:1024px) {
  
#main {
  margin:4rem 0;
  }

.home-template #main {
  margin:2.5rem 0;
  }

;
  }

.s-container {
  margin:0 auto;
  max-width:100vw;
  padding:0 1.5rem;
  width:1400px;
  }

@media screen and (min-width:1024px) {
  
.s-container {
  padding:0 4rem;
  }

;
  }

.s-logo--image img {
  max-height:28px;
  }

@media screen and (min-width:1024px) {
  
.s-logo--image img {
  max-height:44px;
  }

;
  }

.s-logo--text {
  color:var(--color-black);
  font-size:28px;
  font-weight:700;
  }

.btn,.s-logo--text {
  text-decoration:none;
  }

.btn {
  background-color:var(--ghost-accent-color);
  border-bottom:3px solid rgba(0,0,0,.15);
  border-radius:8px;
  color:var(--color-white);
  display:inline-flex;
  font-size:1.0625rem;
  font-weight:600;
  line-height:1;
  max-width:-moz-max-content;
  max-width:max-content;
  padding:12px 24px;
  }

  a.btn:hover {
  color: #000000 !important;
}

a.btn.gh-portal-close:hover {
  color: #000000 !important;
}

.btn--basic {
  background-color:transparent;
  border-bottom:0;
  color:var(--color-black);
  }

.btn--black {
  background-color:var(--color-black);
  color:var(--color-white);
  }

.s-image {
  aspect-ratio:var(--image-aspect-ratio);
  border-radius:var(--image-radius);
  display:block;
  overflow:hidden;
  position:relative;
  }

.s-image img,.s-image-placeholder {
  height:100%;
  left:0;


/* ───────────────────────────────────────────────────────────── */
/* IMAGES — Stylowanie dotyczące images */
/* ───────────────────────────────────────────────────────────── */

  -o-object-fit:cover;
  object-fit:cover;
  -o-object-position:center;
  object-position:center;
  position:absolute;
  top:0;
  width:100%;
  }

.s-image-placeholder {
  background-color:var(--color-gray-200);
  }

.s-tags {
  display:flex;
  gap:.5rem;
  }

.s-social {
  align-items:center;
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  list-style:none;
  padding:0;
  }

.s-social a {
  color:var(--color-black);
  }

.s-resizing * {


/* ───────────────────────────────────────────────────────────── */
/* ANIMATION — Stylowanie dotyczące animation */
/* ───────────────────────────────────────────────────────────── */

  animation:none!important;
  transition:none!important;
  }

.sr-text {
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px;
  clip:rect(0,0,0,0);
  border-width:0;
  white-space:nowrap;
  }

.s-error {
  margin:0 1.5rem;
  }

.s-error-content {
  align-items:center;
  background-color:var(--color-gray-100);
  border-bottom:3px solid rgba(0,0,0,.1);
  border-radius:1rem;
  display:flex;
  flex-direction:column;
  gap:1rem;
  margin:5rem auto;
  max-width:400px;
  padding:2rem;
  text-align:center;
  }

.s-error-content h1 {
  margin-bottom:1rem;
  }

[class*=s-aspect-] {
  height:0;
  max-width:100%;
  overflow:hidden;
  position:relative;
  width:100%;
  }

[class*=s-aspect-] img {
  height:100%;
  left:0;
  -o-object-fit:cover;
  object-fit:cover;
  -o-object-position:center;
  object-position:center;
  position:absolute;
  top:0;
  width:100%;
  }

.s-aspect-1\/1 {
  padding-bottom:100%;
  }

.s-aspect-3\/2 {
  padding-bottom:66.67%;
  }

.s-aspect-4\/3 {
  padding-bottom:75%;
  }

.s-aspect--16\/9 {
  padding-bottom:56.25%;
  }

.s-aspect--portrait {
  padding-bottom:110%;
  }

.header {
  background-color:var(--color-white);
  }

.header a:not(.btn) {
  color:var(--color-black);
  text-decoration:none;
  }

.header .s-container {
  align-items:center;
  display:flex;
  gap:2rem;
  height:70px;
  position:relative;
  }

@media screen and (min-width:1024px) {
  
.header .s-container {
  display:grid;
  gap:1rem;
  grid-template-columns:1fr auto 1fr;
  height:90px;
  }

;
  }

.header .logo--image img {
  height:calc(var(--logo-height)*.66);
  min-height:20px;
  width:auto;
  }

@media screen and (min-width:1024px) {
  
.header .logo--image img {
  height:var(--logo-height);
  }

;
  }

.header .logo--text {
  color:var(--color-black);
  font-size:28px;
  font-weight:700;
  text-decoration:none;
  }

@media screen and (max-width:1023px) {
  
.header .header-nav {
  background:var(--color-black);
  border-radius:1rem;
  height:calc(100% - 2rem);
  left:0;
  margin:1rem;
  overflow:auto;
  padding:2rem;
  position:fixed;
  top:0;
  transform:translateY(calc(100% + 2rem));
  transition:all .3s ease;
  width:calc(100% - 2rem);
  z-index:99999;
  }

.header .header-nav.header-nav-open {
  transform:translateY(0);
  }

body.header-nav-open {
  overflow:hidden;
  }

body.header-nav-open:after {
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  background-color:hsla(0,0%,100%,.2);
  content:"";
  display:block;
  height:100%;
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:99998;
  }

.header .header-nav .header-nav-dropdown>a {
  display:none;
  }

.header .header-nav ul {
  list-style:none;
  margin:0;
  padding:0;
  }

.header .header-nav>ul {
  opacity:0;
  transform:translateY(10px);
  transition:all .3s ease;
  transition-delay:.3s;
  }

.header .header-nav.header-nav-open>ul {
  opacity:1;
  transform:translateY(0);
  }

.header .header-nav li {
  margin:1rem 0;
  }

.header .header-nav li a {
  color:var(--color-white);
  font-size:1.125rem;
  }

.header .header-nav .header-nav-account-links {
  align-items:center;
  border-top:1px solid hsla(0,0%,100%,.2);
  color:var(--color-white);
  display:flex;
  gap:1rem;
  margin-top:1rem;
  opacity:0;
  padding-top:1.5rem;
  transform:translateY(10px);
  transition:all .3s ease;
  transition-delay:.35s;
  }

.header .header-nav.header-nav-open .header-nav-account-links {
  opacity:1;
  transform:translateY(0);
  }

.header .header-nav .header-nav-account-links a {
  color:var(--color-white);
  }

.header .header-nav .header-nav-account-links .btn {
  background-color:var(--color-white);
  color:var(--color-black);
  }

.header .header-nav .header-nav-close {
  position:absolute;
  right:2rem;
  top:2rem;
  }

.header .header-nav .header-nav-close svg {
  color:var(--color-white);
  }

;
  }

@media screen and (min-width:1024px) {
  
.header .header-nav .header-nav-account-links,.header .header-nav .header-nav-close {
  display:none;
  }

.header .header-nav>ul {
  align-items:center;
  -moz-column-gap:1.25rem;
  column-gap:1.25rem;
  display:flex;
  list-style:none;
  padding:0;
  }

.header .header-nav>ul>li a {
  font-size:1.0625rem;
  font-weight:600;
  }

.header .header-nav-dropdown {
  position:relative;
  z-index:9999;
  }

.header .header-nav-dropdown>a {
  align-items:center;
  background-color:var(--color-gray-100);
  border-bottom:2px solid rgba(0,0,0,.1);
  border-radius:.25rem;
  display:flex;
  gap:.5rem;
  height:32px;
  justify-content:center;
  line-height:1;
  width:32px;
  }

.header .header-nav-dropdown svg {
  transform:rotate(90deg);
  }

.header .header-nav-dropdown.is-open svg {
  transform:rotate(270deg);
  }

.header .header-nav-dropdown #header-nav-dropdown-menu {
  background-color:var(--color-white);
  border-bottom:1px solid var(--color-gray-200);
  border:solid var(--color-gray-200);
  border-radius:10px;
  border-width:1px 1px 2px;
  box-shadow:0 0 10px rgba(0,0,0,.05);
  list-style:none;
  min-width:200px;
  opacity:0;
  padding:1rem;
  position:absolute;
  right:0;
  top:calc(100% + 1rem);
  transform:translateY(-10px);
  transition:all .2s ease;
  visibility:hidden;
  }

.header .header-nav-dropdown.is-open #header-nav-dropdown-menu {
  opacity:1;
  transform:translateY(0);
  visibility:visible;
  }

;
  }

.header .header-utils {
  align-items:center;
  -moz-column-gap:1.25rem;
  column-gap:1.25rem;
  display:flex;
  margin-left:auto;
  }

.header .header-utils .header-utils-account-links {
  display:none;
  }

@media screen and (min-width:1024px) {
  
.header .header-utils .header-utils-account-links {
  align-items:center;
  display:flex;
  gap:1.25rem;
  }

;
  }

.header .header-utils .header-utils-account-links a {
  font-weight:600;
  }

.header .header-utils .header-utils-burger {
  display:block;
  }

@media screen and (min-width:1024px) {
  
.header .header-utils .header-utils-burger {
  display:none;
  }

.header--menu-right .s-container {
  display:flex;
  gap:1rem;
  height:90px;
  }

.header--menu-right .header-nav {
  margin-left:auto;
  }

.header--menu-right .header-utils {
  margin-left:0;
  }

;
  }

.footer {
  border-top:1px solid var(--color-gray-200);
  margin-top:2rem;
  padding:2rem 0;
  }

@media screen and (min-width:1024px) {
  
.footer {
  margin-top:4rem;
  }

;
  }

.footer-main {
  display:flex;
  flex-direction:column;
  gap:2rem;
  padding:2rem 0 4rem;
  }

@media screen and (min-width:1024px) {
  
.footer-main {
  flex-direction:row;
  gap:4rem;
  }

;
  }

.footer-brand {
  display:flex;
  flex-direction:column;
  gap:1rem;
  max-width:450px;
  }

@media screen and (min-width:1024px) {
  
.footer-brand {
  width:33.33%;
  }

;
  }

.footer-brand-logo img {
  height:calc(var(--logo-height)*.66);
  min-height:20px;
  width:auto;
  }

@media screen and (min-width:1024px) {
  
.footer-brand-logo img {
  height:var(--logo-height);
  }

;
  }

.footer-brand-text {
  color:var(--color-black);
  font-size:2rem;
  font-weight:700;
  margin:0;
  text-decoration:none;
  }

.footer-brand p {
  line-height:155%;
  }

.footer-nav {
  display:flex;
  flex-direction:column;
  gap:2rem;
  justify-content:space-between;
  }

@media screen and (min-width:1024px) {
  
.footer-nav {
  flex-direction:row;
  gap:5rem;
  justify-content:flex-end;
  width:66.67%;
  }

;
  }

.footer-nav ul {
  display:flex;
  flex-direction:column;
  gap:.5rem;
  list-style:none;
  padding:0;
  }

.footer-nav ul:only-child {
  align-self:flex-start;
  -moz-column-gap:2rem;
  column-gap:2rem;
  flex-direction:row;
  flex-wrap:wrap;
  row-gap:1rem;
  }

@media screen and (min-width:1024px) {
  
.footer-nav ul:only-child {
  -moz-column-gap:4rem;
  column-gap:4rem;
  }

;
  }

.footer-nav ul li a {
  align-items:center;
  color:var(--color-black);
  display:inline-flex;
  gap:.5rem;
  text-decoration:none;
  }

.footer-nav ul li a svg {
  height:auto;
  min-width:18px;
  width:18px;
  }

.footer-nav ul li span {
  font-weight:700;
  pointer-events:none;
  }

.footer-copyright a {
  color:var(--color-black);
  }

.s-intro {
  display:flex;
  margin:0 0 3rem;
  }

.s-intro-content {
  display:flex;
  flex-direction:column;
  gap:1rem;
  }

.s-intro h1 {
  font-size:2.25rem;
  letter-spacing:-.025em;
  line-height:1.1;
  }

@media screen and (min-width:768px) {
  
.s-intro h1 {
  font-size:3rem;
  font-weight:600;
  line-height:1.05;
  }

;
  }

@media screen and (min-width:1024px) {
  
.s-intro h1 {
  font-size:4rem;
  }

;
  }

@media screen and (min-width:1200px) {
  
.s-intro h1 {
  font-size:5rem;
  }

;
  }

.s-intro p {
  font-size:18px;
  line-height:150%;
  }

@media screen and (min-width:1024px) {
  
.s-intro p {
  font-size:22px;
  }

;
  }

.s-intro .btn {
  align-self:flex-start;
  margin-top:.5rem;
  }

@media screen and (min-width:1024px) {
  
.s-intro .btn {
  margin-top:1rem;
  }

;
  }

.s-intro-subscribe form {
  background-color:#f5f5f5;
  border-radius:.5rem;
  display:flex;
  gap:1rem;
  justify-content:space-between;
  margin-top:1rem;
  padding:.5rem .5rem .5rem 1rem;
  }

@media screen and (min-width:768px) {
  
.s-intro-subscribe form {
  max-width:400px;
  }

;
  }

.s-intro-subscribe form input[type=email] {
  background:none;
  border:none;
  font-size:1rem;
  outline:none;
  padding:0;
  width:100%;
  }

@media screen and (min-width:768px) {
  
.s-intro-subscribe form input[type=email] {
  font-size:1.125rem;
  }

;
  }

.s-intro-subscribe form button {
  background-color:var(--ghost-accent-color);
  border-radius:.5rem;
  color:var(--color-white);
  font-size:16px;
  font-weight:600;
  line-height:1;
  padding:.75rem;
  }

.s-intro-subscribe form~.s-intro-subscribe-messages {
  margin-top:12px;
  }

.s-intro-subscribe form~.s-intro-subscribe-messages p {
  font-size:16px;
  font-style:italic;
  }

.s-intro-subscribe form~.s-intro-subscribe-messages,.s-intro-subscribe form~.s-intro-subscribe-messages .s-intro-subscribe-error,.s-intro-subscribe form~.s-intro-subscribe-messages .s-intro-subscribe-success {
  display:none;
  }

.s-intro-subscribe form.error~.s-intro-subscribe-messages,.s-intro-subscribe form.error~.s-intro-subscribe-messages .s-intro-subscribe-error,.s-intro-subscribe form.success~.s-intro-subscribe-messages,.s-intro-subscribe form.success~.s-intro-subscribe-messages .s-intro-subscribe-success {
  display:block;
  font-weight:600;
  line-height:140%;
  }

.s-hero-slider .s-hero-slider-wrapper {
  border-bottom-left-radius:1.5rem;
  border-top-left-radius:1.5rem;
  margin-right:-1.5rem;
  overflow:hidden;
  }

@media screen and (min-width:1024px) {
  
.s-hero-slider .s-hero-slider-wrapper {
  margin-right:-4rem;
  }

;
  }

@media screen and (min-width:1400px) {
  
.s-hero-slider .s-hero-slider-wrapper {
  margin-right:calc(-50vw + 700px - 4rem);
  max-width:100vw;
  }

;
  }

.s-hero-slider .s-hero-slider-swiper {
  width:100%;
  }

.s-hero-slider .swiper-slide:not(.swiper-slide-active) a {
  cursor:pointer;
  pointer-events:none;
  }

.s-hero-slider .s-hero-slide {
  border-radius:1.5rem;
  display:block;
  height:100%;
  overflow:hidden;
  position:relative;
  }

.s-hero-slide-image>a {
  display:block;
  height:0;
  height:100%;
  max-width:100%;
  overflow:hidden;
  padding-bottom:133%;
  position:relative;
  width:100%;
  }

@media screen and (min-width:480px) {
  
.s-hero-slide-image>a {
  padding-bottom:110%;
  }

;
  }

@media screen and (min-width:1024px) {
  
.s-hero-slide-image>a {
  padding-bottom:75%;
  }

;
  }

@media screen and (min-width:1280px) {
  
.s-hero-slide-image>a {
  padding-bottom:56.25%;
  }

;
  }

.s-hero-slide-image>a:after,.s-hero-slide-image>a:before {
  content:"";
  display:block;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:10;
  }

.s-hero-slide-image>a:before {
  background-color:rgba(0,0,0,.2);
  background:linear-gradient(0deg,rgba(0,0,0,.67),transparent 75%);
  }

.s-hero-slide-image>a img {
  height:100%;
  left:0;
  -o-object-fit:cover;
  object-fit:cover;
  -o-object-position:center;
  object-position:center;
  position:absolute;
  top:0;
  width:100%;
  }

.s-hero-slide-content {
  bottom:0;
  display:flex;
  flex-direction:column;
  gap:.75rem;
  left:0;
  padding:1.5rem;
  position:absolute;
  z-index:20;
  }

@media screen and (min-width:575px) {
  
.s-hero-slide-content {
  padding:2rem;
  }

;
  }

@media screen and (min-width:768px) {
  
.s-hero-slide-content {
  padding:3rem;
  }

;
  }

.s-hero-slide-content .card-tags {
  display:none;
  gap:.75rem;
  margin-bottom:0;
  }

@media screen and (min-width:575px) {
  
.s-hero-slide-content .card-tags {
  display:flex;
  }

;
  }

.s-hero-slide-content h2 {
  font-size:1.5rem;
  }

@media screen and (min-width:768px) {
  
.s-hero-slide-content h2 {
  font-size:2.25rem;
  }

;
  }

@media screen and (min-width:1024px) {
  
.s-hero-slide-content h2 {
  font-size:3.25rem;
  }

;
  }

.s-hero-slide-content h2 a {
  color:var(--color-white);
  text-decoration:none;
  }

.s-hero-slide-content .card-author-name {
  color:var(--color-white);
  font-weight:600;
  }

.s-hero-slider-controls {
  align-items:center;
  display:flex;
  gap:1rem;
  margin-bottom:1.5rem;
  margin-top:20px;
  }

.s-hero-slider-controls .swiper-button-next,.s-hero-slider-controls .swiper-button-prev {
  background-color:var(--color-black);
  border-radius:.5rem;
  height:40px;
  margin:0;
  position:static;
  width:40px;
  }

.s-hero-slider-controls .swiper-button-prev {
  transform:rotate(180deg);
  }

.s-hero-slider-controls .swiper-button-next:after,.s-hero-slider-controls .swiper-button-prev:after {
  content:url('data:image/svg+xml; utf8, <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.2172 14.212L18 7.4292L11.2172 0.646423L10.3213 1.5423L15.5748 6.79575L0 6.79575V8.06271L15.5747 8.06271L10.3213 13.3161L11.2172 14.212Z" fill="white"/></svg>');
  display:block;
  font-size:0;
  height:auto;
  position:static;
  width:auto;
  }

.hero-mixed .hero-mixed-grid {
  display:grid;
  gap:2.5rem;
  }

@media screen and (min-width:1024px) {
  
.hero-mixed .hero-mixed-grid {
  gap:1.5rem;
  grid-template-columns:repeat(2,minmax(0,1fr));
  }

.hero-mixed .hero-mixed-main .s-aspect-3\/2 {
  padding-bottom:80%;
  }

;
  }

.hero-mixed .hero-mixed-secondary {
  -moz-column-gap:.75rem;
  column-gap:.75rem;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  row-gap:2rem;
  }

@media screen and (min-width:1024px) {
  
.hero-mixed .hero-mixed-secondary {
  -moz-column-gap:1rem;
  column-gap:1rem;
  row-gap:2.5rem;
  }

;
  }

.s-popular-tags {
  margin:4rem 0;
  }

.s-popular-tags-content {
  background-color:#f1f0ed;;
  border-bottom:3px solid #e1dfdb;
  border-radius:1rem;
  display:flex;
  flex-direction:column;
  gap:2rem;
  padding:2rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
  }

@media screen and (min-width:1024px) {
  
.s-popular-tags-content {
  flex-direction:row;
  gap:2rem;
  padding:4rem 3rem;
  }

;
  }
.s-popular-tags-items a {
  background-color: #faf9f7; /* lekkie przyciemnienie kafelków */
  border-radius: 12px;
  padding: 0.5rem;
  transition: background-color 0.3s ease;
}

.s-popular-tags-items a:hover {
  background-color: #eae8e4; /* efekt na hover */
}

.s-popular-tags-intro {
  align-items:flex-start;
  display:flex;
  flex-direction:column;
  gap:1rem;
  }

@media screen and (min-width:540px) {
  
.s-popular-tags-intro {
  flex-direction:row;
  gap:4rem;
  justify-content:space-between;
  }

;
  }

@media screen and (min-width:1024px) {
  
.s-popular-tags-intro {
  flex-direction:column;
  gap:1.5rem;
  justify-content:flex-start;
  width:50%;
  }

;
  }

@media screen and (min-width:1280px) {
  
.s-popular-tags-intro {
  width:33.33%;
  }

;
  }

.s-popular-tags-intro h3 {
  font-size:1.625rem;
  }

@media screen and (min-width:540px) {
  
.s-popular-tags-intro h3 {
  font-size:2rem;
  }

;
  }

.s-popular-tags-intro .btn {
  min-width:-moz-fit-content;
  min-width:fit-content;
  }

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

@media screen and (min-width:450px) {
  
.s-popular-tags-items {
  grid-template-columns:repeat(3,minmax(0,1fr));
  }

;
  }

@media screen and (min-width:768px) {
  
.s-popular-tags-items {
  grid-template-columns:repeat(6,minmax(0,1fr));
  }

;
  }

@media screen and (min-width:1024px) {
  
.s-popular-tags-items {
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:66.67%;
  }

;
  }

@media screen and (min-width:1280px) {
  
.s-popular-tags-items {
  grid-template-columns:repeat(6,minmax(0,1fr));
  width:66.67%;
  }

;
  }

.s-popular-tags-items a {
  align-items:center;
  color:var(--color-black);
  display:flex;
  flex-direction:column;
  font-size:1.125rem;
  font-weight:600;
  gap:.5rem;
  text-decoration:none;
  }

@media screen and (min-width:540px) {
  
.s-popular-tags-items a {
  flex-direction:column;
  }

;
  }

.s-popular-tags-image {
  height:0;
  max-width:100%;
  overflow:hidden;
  padding-bottom:100%;
  position:relative;
  width:100%;
  }

.s-popular-tags-image img {
  border-radius:1rem;
  height:100%;
  left:0;
  -o-object-fit:cover;
  object-fit:cover;
  -o-object-position:center;
  object-position:center;
  position:absolute;
  top:0;
  width:100%;
  }

.s-recommended {
  margin-bottom:2rem;
  }

.s-recommended-heading h4 {
  font-size:1.5rem;
  }

.s-recommended-heading h4:after {
  background:var(--ghost-accent-color);
  content:"";
  display:block;
  height:3px;
  margin-top:1rem;
  width:30px;
  }

.s-recommended-content {
  background-color:var(--color-gray-100);
  border-bottom:3px solid rgba(0,0,0,.1);
  border-radius:1rem;
  display:flex;
  flex-direction:column;
  gap:1.5rem;
  padding:2rem;
  }

@media screen and (min-width:1280px) {
  
.s-recommended-content {
  padding:4rem;
  }

;
  }


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

@media screen and (min-width:768px) {
  
.s-recommended-grid {
  grid-template-columns:repeat(4,minmax(0,1fr));
  }

;
  }

@media screen and (min-width:1024px) {
  
.s-recommended-grid {
  grid-template-columns:repeat(5,minmax(0,1fr));
  }

;
  }

.s-recommended-grid .card {
  align-items:center;
  flex-direction:row;
  gap:1rem;
  }

@media screen and (min-width:768px) {
  
.s-recommended-grid .card {
  align-items:normal;
  flex-direction:column;
  }

;
  }

.s-recommended-grid .card-image {
  min-width:90px;
  }

.s-recommended-grid .card-image a {
  padding-bottom:100%;
  }

@media screen and (min-width:768px) {
  
.s-recommended-grid .card-image a {
  padding-bottom:66.67%;
  }

.s-recommended-grid .card:last-of-type {
  display:none;
  }

;
  }

@media screen and (min-width:1024px) {
  
.s-recommended-grid .card:last-of-type {
  display:flex;
  }

;
  }

.archive-header {
  margin:1rem 0;
  }

@media screen and (min-width:768px) {
  
.archive-header {
  margin:2rem 0;
  }

;
  }

.archive-header-content {
  border-bottom:2px solid rgba(0,0,0,.1);
  display:flex;
  flex-direction:column;
  gap:1.5rem;
  padding:2rem 0 3rem;
  }

@media screen and (min-width:768px) {
  
.archive-header-content {
  flex-direction:row;
  }

;
  }

.archive-header-image {
  width:120px;
  }

.archive-header-image img {
  border-radius:1rem;
  }

.archive-header-content .archive-header-text {
  max-width:900px;
  }

.archive-header-content .archive-header-text h1 {
  font-size:2.5rem;
  margin-bottom:.5rem;
  }

.archive-header-content .archive-header-text h1:after {
  background:var(--ghost-accent-color);
  content:"";
  display:block;
  height:3px;
  margin:1rem 0 0;
  width:30px;
  }

.archive-header-content .archive-header-text p {
  font-size:1.25rem;
  line-height:140%;
  }

.archive-header-content .archive-header-text p+.s-social {
  margin-top:1rem;
  }

.archive-header-content .archive-header-text p+.s-social svg {
  height:16px;
  width:auto;
  }

.content-layout {
  display:grid;
  gap:48px;
  margin:2rem 0;
  }

@media screen and (min-width:1024px) {
  
.content-layout {
  margin:4rem 0;
  }

;
  }

@media screen and (min-width:1280px) {
  
.content-layout {
  grid-template-columns:minmax(0,1fr) 400px;
  }

;
  }

.content-layout--no-sidebar {
  grid-template-columns:minmax(0,1fr);
  }

.content-layout--list.content-layout--no-sidebar {
  margin:0 auto;
  max-width:1024px;
  }

.content-layout--post.content-layout--no-sidebar {
  margin:0 auto;
  max-width:768px;
  }

@media screen and (min-width:1024px) {
  
.content-layout--post.content-layout--no-sidebar {
  margin:0 auto;
  }

;
  }

.post-header--no-image~#content .content-layout--post.content-layout--no-sidebar {
  margin:0 auto;
  }

.post-feed--list {
  display:flex;
  flex-direction:column;
  gap:32px;
  }

.post-feed--grid {
  -moz-column-gap:1.5rem;
  column-gap:1.5rem;
  display:grid;
  grid-template-columns:repeat(1,minmax(0,1fr));
  row-gap:32px;
  }

@media screen and (min-width:768px) {
  
.post-feed--grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
  }

;
  }

.content-layout--no-sidebar .post-feed--grid {
  grid-template-columns:repeat(1,minmax(0,1fr));
  }

@media screen and (min-width:768px) {
  
.content-layout--no-sidebar .post-feed--grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
  }

;
  }

@media screen and (min-width:1024px) {
  
.content-layout--no-sidebar .post-feed--grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
  }

;
  }

.post-feed-loader {
  align-items:center;
  display:none;
  justify-content:center;
  padding-top:3.5rem;
  }

.post-feed--list+.post-feed-loader {
  border-top:1px solid var(--color-gray-200);
  }

.post-feed--grid+.post-feed-loader {
  padding-top:5rem;
  }

.post-feed #load-more {
  align-items:center;
  display:flex;
  justify-content:center;
  margin:3rem 0 2rem;
  }

.sidebar {
  display:flex;
  flex-direction:column;
  gap:3rem;
  position:relative;
  }

.sidebar-card:last-of-type {
  position:sticky;
  top:2rem;
  }

.sidebar-card .sidebar-card-eyebrow {
  font-size:14px;
  font-weight:600;
  letter-spacing:.1em;
  line-height:1;
  text-transform:uppercase;
  }

.sidebar-card .sidebar-card-title h3 {
  font-size:1.5rem;
  }

.sidebar-card--about {
  background-color:var(--color-white);
  border-bottom:1px solid var(--color-gray-200);
  border:solid var(--color-gray-200);
  border-radius:1rem;
  border-width:1px 1px 3px;
  display:flex;
  flex-direction:column;
  gap:1.25rem;
  padding:2rem;
  }

.sidebar-card--about .sidebar-card-title h3 {
  font-size:1.75rem;
  }

.sidebar-card--about .sidebar-card-logo img {
  height:calc(var(--logo-height)*.66);
  min-height:20px;
  width:auto;
  }

@media screen and (min-width:1024px) {
  
.sidebar-card--about .sidebar-card-logo img {
  height:var(--logo-height);
  }

;
  }

.sidebar-card--about p {
  line-height:155%;
  }

.sidebar-card--about .s-social svg {
  height:auto;
  width:18px;
  }

.sidebar-card--posts,.sidebar-card--posts-list {
  display:flex;
  flex-direction:column;
  gap:1rem;
  }

.sidebar-card--posts-list .card--list {
  align-items:center;
  flex-direction:row;
  gap:1rem;
  }

.sidebar-card--posts-list .card-content {
  gap:.5rem;
  }

.sidebar-card--subscribe {
  background-color:var(--ghost-accent-color);
  border-bottom:3px solid rgba(0,0,0,.15);
  border-radius:1rem;
  color:var(--color-white);
  display:flex;
  flex-direction:column;
  gap:1.25rem;
  padding:2rem;
  }

.sidebar-card--subscribe form {
  background-color:var(--color-white);
  border-radius:.5rem;
  display:flex;
  gap:1rem;
  justify-content:space-between;
  padding:.5rem .5rem .5rem 1rem;
  }

.sidebar-card--subscribe form input[type=email] {
  background:none;
  border:none;
  outline:none;
  padding:0;
  width:100%;
  }

.sidebar-card--subscribe form button {
  background-color:var(--ghost-accent-color);
  border-radius:.5rem;
  color:var(--color-white);
  font-size:14px;
  font-weight:600;
  line-height:1;
  padding:.75rem;
  }

.sidebar-card--subscribe form~.s-subscribe-messages,.sidebar-card--subscribe form~.s-subscribe-messages .s-subscribe-error,.sidebar-card--subscribe form~.s-subscribe-messages .s-subscribe-success {
  display:none;
  }

.sidebar-card--subscribe form.error~.s-subscribe-messages,.sidebar-card--subscribe form.error~.s-subscribe-messages .s-subscribe-error,.sidebar-card--subscribe form.success~.s-subscribe-messages,.sidebar-card--subscribe form.success~.s-subscribe-messages .s-subscribe-success {
  display:block;
  font-weight:600;
  line-height:140%;
  }

.s-authors-feed .s-container,.s-tags-feed .s-container {
  display:grid;
  gap:2rem;
  grid-template-columns:repeat(1,minmax(0,1fr));
  }

@media screen and (min-width:540px) {
  
.s-authors-feed .s-container,.s-tags-feed .s-container {
  grid-template-columns:repeat(2,minmax(0,1fr));
  }

;
  }

@media screen and (min-width:768px) {
  
.s-authors-feed .s-container,.s-tags-feed .s-container {
  grid-template-columns:repeat(3,minmax(0,1fr));
  }

;
  }

@media screen and (min-width:1024px) {
  
.s-authors-feed .s-container,.s-tags-feed .s-container {
  grid-template-columns:repeat(4,minmax(0,1fr));
  }

;
  }

.s-author-card,.s-tags-card {
  display:flex;
  flex-direction:column;
  gap:1rem;
  }

.s-author-card .s-author-card-image,.s-tags-card .s-tags-card-image {
  display:block;
  overflow:hidden;
  padding-bottom:120%;
  position:relative;
  }

.s-tags-card .s-tags-card-image {
  padding-bottom:75%;
  }

.s-author-card .s-author-card-image img,.s-tags-card .s-tags-card-image img {
  border-radius:1rem;
  height:100%;
  left:0;
  -o-object-fit:cover;
  object-fit:cover;
  -o-object-position:center;
  object-position:center;
  position:absolute;
  top:0;
  width:100%;
  }

.s-page-header {
  margin:0 0 2rem;
  }

@media screen and (min-width:768px) {
  
.s-page-header {
  margin:0 0 4rem;
  }

;
  }

.s-page-header-content {
  display:flex;
  flex-direction:column;
  gap:1.5rem;
  }

@media screen and (min-width:768px) {
  
.s-page-header-content {
  flex-direction:row;
  }

;
  }

.s-page-header-image {
  width:120px;
  }

.s-page-header-image img {
  border-radius:1rem;
  }

.s-page-header-text {
  max-width:800px;
  }

.s-page-header-text h1 {
  margin-bottom:.5rem;
  }

.s-page-header--custom .s-page-header-text h1 {
  font-size:2.75rem;
  }

.s-page-header-text h1:after {
  background:var(--ghost-accent-color);
  content:"";
  display:block;
  height:3px;
  margin:1rem 0;
  width:30px;
  }

.s-page-header-text p {
  font-size:1.25rem;
  line-height:140%;
  }

.s-page-header-text p+.s-social {
  margin-top:1rem;
  }

.s-page-header-text p+.s-social svg {
  height:16px;
  width:auto;
  }

.post-header {
  margin:0 0 2rem;
  }

@media screen and (min-width:1024px) {
  
.post-header {
  margin:0 0 3rem;
  }

;
  }

.post-header .s-container {
  display:flex;
  flex-direction:column;
  gap:2rem;
  }

@media screen and (min-width:1024px) {
  
.post-header .s-container {
  gap:4rem;
  }

;
  }

.post-header .post-header-intro {
  display:flex;
  flex-direction:column;
  gap:1rem;
  margin:0 auto;
  max-width:1024px;
  width:100%;
  }

.post-header--no-image .post-header-intro {
  max-width:768px;
  }

.post-header .post-tags {
  display:flex;
  gap:.75rem;
  margin-bottom:6px;
  }

.post-header .post-tags .post-tag {
  align-items:center;
  background-color:var(--color-gray-200);
  border-radius:6px;
  color:var(--color-black);
  display:inline-flex;
  font-size:14px;
  font-weight:600;
  gap:6px;
  line-height:1;
  padding:8px 16px;
  text-decoration:none;
  }

.post-header .post-tags .post-tag--locked svg {
  width:16px;
  }

.post-header h1 {
  font-size:2.5rem;
  }

@media screen and (min-width:768px) {
  
.post-header h1 {
  font-size:3rem;
  }

;
  }

@media screen and (min-width:1024px) {
  
.post-header h1 {
  font-size:4rem;
  }

;
  }

.post-header .post-excerpt {
  font-size:1.2rem;
  line-height:155%;
  }

@media screen and (min-width:768px) {
  
.post-header .post-excerpt {
  font-size:1.5rem;
  }

;
  }

@media screen and (min-width:1024px) {
  
.post-header .post-excerpt {
  font-size:1.5rem;
  }

;
  }

.post-header .post-author {
  align-items:center;
  display:flex;
  }

.post-header .post-author .post-author-img:not(:first-of-type) {
  margin-left:-.75rem;
  }

.post-header .post-author-images .post-author-img:not(:first-of-type) {
  margin-left:-8px;
  }

.post-header .post-author-img {
  border-radius:9999px;
  height:24px;
  margin-right:.75rem;
  overflow:hidden;
  position:relative;
  width:24px;
  }

.post-header .post-author-img>img {
  height:100%;
  left:0;
  -o-object-fit:cover;
  object-fit:cover;
  -o-object-position:center;
  object-position:center;
  position:absolute;
  top:0;
  width:100%;
  }

.post-header .post-author-name {
  color:var(--color-black);
  font-size:inherit;
  line-height:1;
  }

.post-header .post-author-name a {
  color:inherit;
  text-decoration:none;
  }

.post-header .post-meta {
  display:flex;
  flex-wrap:wrap;
  font-size:13px;
  gap:.5rem;
  justify-content:space-between;
  }

@media screen and (min-width:768px) {
  
.post-header .post-meta {
  align-items:center;
  font-size:15px;
  gap:0;
  justify-content:flex-start;
  }

.post-header .post-meta>div:not(:first-of-type):before {
  content:"•";
  display:inline-flex;
  padding:0 .75rem;
  }

;
  }

.post-header .post-meta .post-date-read {
  display:flex;
  font-size:13px;
  }

@media screen and (min-width:768px) {
  
.post-header .post-meta .post-date-read {
  font-size:inherit;
  gap:0;
  }

;
  }

.post-header .post-meta .post-date-read>div:not(:first-of-type):before {
  content:"•";
  display:inline-flex;
  padding:0 .5rem;
  }

@media screen and (min-width:768px) {
  
.post-header .post-meta .post-date-read>div:not(:first-of-type):before {
  padding:0 .75rem;
  }

;
  }

.post-header .post-image img {
  border-radius:1.5rem;
  }

.post-header .post-image figcaption {
  font-size:14px;
  margin-top:.5rem;
  }

.post-header .post-image figcaption a {
  color:var(--color-black);
  }

.post-header .post-image-aspect {
  height:0;
  max-width:100%;
  overflow:hidden;
  padding-bottom:66.67%;
  position:relative;
  width:100%;
  }

.post-header .post-image-aspect img {
  height:100%;
  left:0;
  -o-object-fit:cover;
  object-fit:cover;
  -o-object-position:center;
  object-position:center;
  position:absolute;
  top:0;
  width:100%;
  }

.post-header--columns .s-container {
  display:grid;
  gap:2rem;
  }

@media screen and (min-width:1024px) {
  
.post-header--columns .s-container {
  align-items:center;
  grid-template-columns:repeat(2,minmax(0,1fr));
  }

.post-header--columns .post-image-aspect {
  padding-bottom:110%;
  }

;
  }

.post-header--columns .post-meta {
  align-items:flex-start;
  flex-direction:column;
  gap:.5rem;
  }

.post-header--columns .post-meta>div:not(:first-of-type):before {
  display:none;
  }

.post-entry :first-child {
  margin-top:0!important;
  }

.post-entry h1,.post-entry h2,.post-entry h3,.post-entry h4,.post-entry h5 {
  font-weight:var(--heading-font-weight)!important;
  line-height:1.3;
  margin-bottom:.625rem;
  margin-top:3rem;
  }

.post-entry h1+*,.post-entry h2+*,.post-entry h3+*,.post-entry h4+*,.post-entry h5+* {
  margin-top:.625rem;
  }

.post-entry ul {
  list-style:disc;
  padding-left:1.125rem;
  }

.post-entry ol {
  list-style:decimal;
  padding-left:1.125rem;
  }

.post-entry h1 {
  font-size:3.052rem;
  margin-top:0;
  }

.post-entry h2 {
  font-size:2.441rem;
  }

.post-entry h3 {
  font-size:1.953rem;
  }

.post-entry h4 {
  font-size:1.563rem;
  }

.post-entry h5 {
  font-size:1.25rem;
  }

.post-entry small {
  font-size:.8rem;
  }

.post-entry strong {
  font-weight:700;
  }

.post-entry em {
  font-style:italic;
  }

.post-entry a {
  color:var(--ghost-accent-color);
  }

.post-entry hr {
  background-color:var(--color-gray-200);
  border:0;
  height:1px;
  margin:3rem 0;
  }

.post-entry blockquote {
  line-height:1.35;
  }

.post-entry blockquote:not(.kg-blockquote-alt) {
  border-left:5px solid var(--ghost-accent-color);
  font-size:2rem;
  font-weight:700;
  padding-left:2rem;
  }

.post-entry blockquote.kg-blockquote-alt {
  display:flex;
  gap:2.5rem;
  text-align:left;
  }

.post-entry blockquote.kg-blockquote-alt:before {
  color:var(--ghost-accent-color);
  content:"“";
  font-family:Georgia,Times New Roman,Times,serif;
  font-size:4em;
  line-height:1;
  }

.post-entry>* {
  margin:2rem 0;
  }

.post-entry figcaption {
  font-size:14px;
  margin-top:.5rem;
  }

.post-entry>.kg-width-wide {
  max-width:100vw;
  }

.post-entry {
  font-size:1rem;
  }

@media screen and (min-width:1024px) {
  
.post-entry {
  font-size:1.25rem;
  }

;
  }

.content-layout--sidebar .post-entry {
  font-size:1rem;
  }

@media screen and (min-width:1024px) {
  
.content-layout--sidebar .post-entry {
  font-size:1.125rem;
  }

.content-layout--no-sidebar .post-entry>.kg-width-wide {
  margin:4rem calc(-50vw + 512px - 2rem)!important;
  }

.content-layout--no-sidebar .post-entry>.kg-width-full {
  margin:4rem calc(-50vw + 50% - 2rem)!important;
  }

;
  }

@media screen and (min-width:1440px) {
  
.content-layout--no-sidebar .post-entry>.kg-width-wide {
  margin:4rem -300px!important;
  }

;
  }

.content-layout--no-sidebar .post-entry>.kg-width-full {
  margin:4rem -2rem;
  }

@media screen and (min-width:1024px) {
  
.content-layout--no-sidebar .post-entry>.kg-width-full {
  margin:4rem calc(-50vw + 50% - 2rem)!important;
  }

;
  }

.content-layout--no-sidebar .post-entry>.kg-width-full img,.content-layout--no-sidebar .post-entry>.kg-width-wide img {
  height:auto;
  width:100%;
  }

.post-entry .kg-gallery-image img,.post-entry .kg-header-card:not(.kg-width-full),.post-entry .kg-image,.post-entry .kg-signup-card:not(.kg-width-full),.post-entry .kg-video-container {
  border-radius:var(--image-radius);
  overflow:hidden;
  }

.post-entry .kg-image-card {
  display:flex;
  flex-direction:column;
  justify-content:center;
  }

.post-entry .kg-image-card.kg-width-full {
  aspect-ratio:4/3;
  display:flex;
  flex-direction:column;
  }

@supports not (aspect-ratio:4/3) {
  
.post-entry .kg-image-card.kg-width-full:before {
  content:"";
  float:left;
  padding-top:75%;
  }

.post-entry .kg-image-card.kg-width-full:after {
  clear:left;
  content:"";
  display:block;
  }

;
  }

.post-entry .kg-image-card.kg-width-full>.kg-image {
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  -o-object-position:center;
  object-position:center;
  width:100%;
  }

.post-entry .kg-button-card a.kg-btn,.post-entry .kg-header-card a.kg-header-card-button,.post-entry .kg-header-card.kg-size-large a.kg-header-card-button,.post-entry .kg-header-card.kg-size-small a.kg-header-card-button {
  background-color:var(--ghost-accent-color);
  border-bottom:3px solid rgba(0,0,0,.15);
  border-radius:8px;
  color:var(--color-white);
  display:inline-flex;
  font-size:1.0625rem;
  font-weight:600;
  line-height:1;
  max-width:-moz-max-content;
  max-width:max-content;
  padding:12px 24px;
  text-decoration:none;
  }

.post-entry .kg-header-card.kg-style-accent a.kg-header-card-button,.post-entry .kg-header-card.kg-style-dark a.kg-header-card-button,.post-entry .kg-header-card.kg-style-image a.kg-header-card-button {
  background:var(--color-white);
  color:#000;
  }

.post-entry .kg-header-card h3.kg-header-card-subheader {
  font-family:var(--body-font-family);
  font-style:normal;
  font-weight:400;
  margin:1.25rem 0 .75rem;
  }

.post-entry .kg-toggle-card .kg-toggle-content p:first-of-type {
  margin-top:1rem!important;
  }

.post-entry .kg-toggle-card,.post-entry .kg-toggle-card+.kg-toggle-card {
  margin:.625rem auto;
  }

.post-entry .kg-toggle-card h4.kg-toggle-heading-text {
  font-family:var(--heading-body-family);
  font-style:normal;
  font-weight:700;
  }

.post-entry .kg-toggle-card[data-kg-toggle-state=close] svg,.post-entry .kg-toggle-heading svg {
  color:#000;
  }

.post-entry .kg-callout-card {
  border-radius:1rem;
  font-weight:500;
  }

.post-entry .content-layout--no-sidebar .kg-width-full.kg-video-card video,.post-entry .content-layout--no-sidebar .kg-width-wide.kg-video-card video {
  height:100%;
  width:100%;
  }

.post-entry .kg-embed-card {
  align-items:center;
  aspect-ratio:16/9;
  display:flex;
  flex-direction:column;
  }

@supports not (aspect-ratio:16/9) {
  
.post-entry .kg-embed-card:before {
  content:"";
  float:left;
  padding-top:56.25%;
  }

.post-entry .kg-embed-card:after {
  clear:left;
  content:"";
  display:block;
  }

;
  }

.post-entry .kg-embed-card iframe {
  height:100%;
  max-width:100%;
  -o-object-fit:cover;
  object-fit:cover;
  -o-object-position:center;
  object-position:center;
  width:100%;
  }

.post-entry #ghost-comments-root iframe {
  border-top:1px solid var(--color-gray-200);
  padding-top:1.5em;
  }

.content-layout--sidebar .post-entry .kg-header-card,.content-layout--sidebar .post-entry .kg-signup-card {
  border-radius:var(--image-radius)!important;
  overflow:hidden!important;
  }

.post-entry .kg-width-full .kg-header-card-text,.post-entry .kg-width-full .kg-signup-card-text {
  padding-left:2rem!important;
  padding-right:2rem!important;
  }

.content-layout--sidebar .post-entry .kg-header-card-content,.content-layout--sidebar .post-entry .kg-layout-split .kg-signup-card-content {
  display:block!important;
  }

.content-layout--sidebar .post-entry .kg-header-card-content .kg-header-card-image:not(.kg-content-wide .kg-header-card-content .kg-header-card-image),.content-layout--sidebar .post-entry .kg-signup-card-content .kg-signup-card-image:not(.kg-content-wide .kg-signup-card-content .kg-signup-card-image) {
  aspect-ratio:1/1!important;
  height:auto!important;
  min-height:unset!important;
  }

.post-entry .kg-header-card.kg-width-full h2.kg-header-card-heading,.post-entry .kg-header-card.kg-width-regular h2.kg-header-card-heading,.post-entry .kg-header-card.kg-width-wide h2.kg-header-card-heading,.post-entry .kg-signup-card.kg-width-full h2.kg-signup-card-heading,.post-entry .kg-signup-card.kg-width-regular h2.kg-signup-card-heading,.post-entry .kg-signup-card.kg-width-wide h2.kg-signup-card-heading {
  font-weight:var(--heading-font-weight);
  }

.post-entry .kg-header-card.kg-width-regular h2.kg-header-card-heading,.post-entry .kg-signup-card.kg-width-regular h2.kg-signup-card-heading {
  font-size:32px;
  }

@media screen and (min-width:768px) {
  
.post-entry .kg-header-card.kg-width-regular h2.kg-header-card-heading,.post-entry .kg-signup-card.kg-width-regular h2.kg-signup-card-heading {
  font-size:48px;
  }

;
  }

.post-entry .kg-header-card.kg-width-wide h2.kg-header-card-heading,.post-entry .kg-signup-card.kg-width-wide h2.kg-signup-card-heading {
  font-size:32px;
  font-weight:var(--heading-font-weight);
  }

@media screen and (min-width:768px) {
  
.post-entry .kg-header-card.kg-width-wide h2.kg-header-card-heading,.post-entry .kg-signup-card.kg-width-wide h2.kg-signup-card-heading {
  font-size:48px;
  }

;
  }

@media screen and (min-width:1024px) {
  
.post-entry .kg-header-card.kg-width-wide h2.kg-header-card-heading,.post-entry .kg-signup-card.kg-width-wide h2.kg-signup-card-heading {
  font-size:60px;
  }

;
  }

.post-entry .kg-header-card.kg-width-full h2.kg-header-card-heading,.post-entry .kg-signup-card.kg-width-full h2.kg-signup-card-heading {
  font-size:48px;
  font-weight:var(--heading-font-weight);
  }

@media screen and (min-width:1024px) {
  
.post-entry .kg-header-card.kg-width-full h2.kg-header-card-heading,.post-entry .kg-signup-card.kg-width-full h2.kg-signup-card-heading {
  font-size:60px;
  }

;
  }

@media screen and (min-width:1280px) {
  
.post-entry .kg-header-card.kg-width-full h2.kg-header-card-heading,.post-entry .kg-signup-card.kg-width-full h2.kg-signup-card-heading {
  font-size:72px;
  }

;
  }

.content-layout--sidebar .post-entry .kg-header-card.kg-width-full h2.kg-header-card-heading,.content-layout--sidebar .post-entry .kg-header-card.kg-width-regular h2.kg-header-card-heading,.content-layout--sidebar .post-entry .kg-header-card.kg-width-wide h2.kg-header-card-heading,.content-layout--sidebar .post-entry .kg-signup-card.kg-width-full h2.kg-signup-card-heading,.content-layout--sidebar .post-entry .kg-signup-card.kg-width-regular h2.kg-signup-card-heading,.content-layout--sidebar .post-entry .kg-signup-card.kg-width-wide h2.kg-signup-card-heading {
  font-size:32px;
  }

@media screen and (min-width:768px) {
  
.content-layout--sidebar .post-entry .kg-header-card.kg-width-full h2.kg-header-card-heading,.content-layout--sidebar .post-entry .kg-header-card.kg-width-regular h2.kg-header-card-heading,.content-layout--sidebar .post-entry .kg-header-card.kg-width-wide h2.kg-header-card-heading,.content-layout--sidebar .post-entry .kg-signup-card.kg-width-full h2.kg-signup-card-heading,.content-layout--sidebar .post-entry .kg-signup-card.kg-width-regular h2.kg-signup-card-heading,.content-layout--sidebar .post-entry .kg-signup-card.kg-width-wide h2.kg-signup-card-heading {
  font-size:36px;
  }

;
  }

@media screen and (min-width:1024px) {
  
.content-layout--sidebar .post-entry .kg-header-card.kg-width-full h2.kg-header-card-heading,.content-layout--sidebar .post-entry .kg-header-card.kg-width-regular h2.kg-header-card-heading,.content-layout--sidebar .post-entry .kg-header-card.kg-width-wide h2.kg-header-card-heading,.content-layout--sidebar .post-entry .kg-signup-card.kg-width-full h2.kg-signup-card-heading,.content-layout--sidebar .post-entry .kg-signup-card.kg-width-regular h2.kg-signup-card-heading,.content-layout--sidebar .post-entry .kg-signup-card.kg-width-wide h2.kg-signup-card-heading {
  font-size:48px;
  }

;
  }

.post-entry .kg-header-card .kg-header-card-subheading,.post-entry .kg-signup-card .kg-signup-card-subheading {
  font-size:1.125rem!important;
  }

.post-entry .kg-header-card:not(.kg-layout-split) picture img,.post-entry .kg-signup-card:not(.kg-layout-split) picture img {
  opacity:.6;
  }

.post-entry .kg-header-card:not(.kg-layout-split) picture+.kg-header-card-content,.post-entry .kg-signup-card:not(.kg-layout-split) picture+.kg-signup-card-content {
  background-color:var(--color-black);
  }

.post-entry #ghost-comments-root {
  margin-top:4rem;
  }

.gh-post-upgrade-cta {
  margin-bottom:4rem;
  }

.card--list,.card--stacked {
  display:flex;
  flex-direction:column;
  gap:1.5rem;
  }

@media screen and (min-width:768px) {
  
.card--list {
  align-items:center;
  flex-direction:row;
  }

;
  }

.card-image a {
  border-radius:var(--image-radius);
  display:block;
  overflow:hidden;
  position:relative;
  }

.card-image-placeholder {
  background-color:var(--color-gray-200);
  height:100%;
  left:0;
  -o-object-fit:cover;
  object-fit:cover;
  -o-object-position:center;
  object-position:center;
  position:absolute;
  top:0;
  width:100%;
  }

.card--list .card-image {
  min-width:90px;
  }

.card-content {
  display:flex;
  flex-direction:column;
  gap:10px;
  }

.card--list .card-content {
  grid-column:span 3;
  }

.card-tags {
  display:flex;
  gap:.75rem;
  margin-bottom:6px;
  }

.card-tags .card-tag {
  align-items:center;
  background-color:var(--color-gray-200);
  border-radius:6px;
  color:var(--color-black);
  display:inline-flex;
  font-size:13px;
  font-weight:600;
  gap:6px;
  line-height:1;
  padding:6px 12px;
  text-decoration:none;
  }

.card-tags .card-tag--locked svg {
  width:16px;
  }

.card-title {
  font-size:1.5rem;
  }

.card-title--md {
  font-size:1.125rem;
  }

.card-title--lg {
  font-size:1.25rem;
  }

.card-title--xl {
  font-size:1.5rem;
  }

.card-title--2xl {
  font-size:1.75rem;
  }

.card-title--3xl {
  font-size:2rem;
  }

.card-title--4xl {
  font-size:2.25rem;
  }

.card-title a {
  color:var(--color-black);
  text-decoration:none;
  }

.card-excerpt {
  color:#666;
  display:-webkit-box;
  line-height:1.5em;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp: 2;
  overflow:hidden;
  }

.card-author {
  align-items:center;
  display:flex;
  font-weight:500;
  gap:.5rem;
  }

.card-author .card-author-img:not(:first-of-type) {
  margin-left:-.75rem;
  }

.card-author-images .card-author-img:not(:first-of-type) {
  margin-left:-8px;
  }

.card-author-img {
  border-radius:9999px;
  height:1.5rem;
  overflow:hidden;
  position:relative;
  width:1.5rem;
  }

.card-author-img>img {
  height:100%;
  left:0;
  -o-object-fit:cover;
  object-fit:cover;
  -o-object-position:center;
  object-position:center;
  position:absolute;
  top:0;
  width:100%;
  }

.card-author-name {
  color:var(--color-black);
  font-size:14px;
  line-height:1;
  }

.card-author-name a {
  color:inherit;
  text-decoration:none;
  }

.post-feed .card--list {
  border-bottom: none;
  padding-bottom: 0;
  }

.post-feed .card--list:last-of-type {
  border-bottom:0;
  }

.post-feed .card--list .card-image {
  min-width:50%;
  }

.s-contact-content {
  align-items:start;
  display:grid;
  gap:3rem;
  }

@media screen and (min-width:1024px) {
  
.s-contact-content {
  grid-template-columns:repeat(2,minmax(0,1fr));
  }

;
  }

.s-contact-input {
  margin:0 0 1.5rem;
  }

.s-contact-input input,.s-contact-input textarea {
  background-color:#f9f9f9;
  border:0;
  border:1px solid rgba(0,0,0,.1);
  border-radius:10px;
  padding:.5rem 1rem;
  width:100%;
  }

.s-contact-input textarea {
  border-radius:1rem;
  max-width:100%;
  min-height:220px;
  }

.s-contact-image {
  display:none;
  overflow:hidden;
  padding-bottom:100%;
  position:relative;
  }

@media screen and (min-width:1024px) {
  
.s-contact-image {
  display:block;
  }

;
  }

.s-contact-image img {
  border-radius:1rem;
  height:100%;
  left:0;
  -o-object-fit:cover;
  object-fit:cover;
  -o-object-position:center;
  object-position:center;
  position:absolute;
  top:0;
  width:100%;
  }

:root  {
  --ghost-accent-color: #1b2b57;
  ;
  }

/* Newsletter box (sidebar & hero) */
.newsletter,

.sidebar-card {
  background: #f0ede9;
  border-radius: 10px;
  padding: 1rem;
}

.sidebar-card--subscribe  {
  background-color: #1b2b57 !important;
  color: #ffffff !important;
  ;
  }

.newsletter h3,
.newsletter p,
.sidebar-card--subscribe h3,

.sidebar-card--subscribe p  {
  color: #ffffff !important;
  ;
  }

.newsletter input[type="email"],

.sidebar-card--subscribe input[type="email"]  {
  background: #ffffff !important;
  color: #1b2b57 !important;
  ;
  }

.newsletter button,

.sidebar-card--subscribe button  {
  background-color: #3c4c78 !important;
  color: #ffffff !important;
  border: none;
  padding: 0.6em 1.2em;
  border-radius: 4px;
  ;
  }

.newsletter button:hover,

.sidebar-card--subscribe button:hover  {
  background-color: #576798 !important;
  ;
  }


.wektor-hr {
  filter: drop-shadow(0 3 px 6px rgba(0, 0, 0, 0.25));
}

.s-recommended-content {
  background-color: #f1f0ed; /* lub np. #eceae6, bardziej beżowy */
  margin-top: 5rem;;
  border: 1px solid #e0ded8;
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0, 0, S0, 0.04);
  padding: 2rem;
}

@media (prefers-color-scheme: dark)  {
  
:root  {
  --ghost-accent-color: #5c78c7;
  /* jaśniejszy niebieski dla ciemnego tła */
    --color-white: #ffffff;
  --color-black: #f0f0f0;
  --color-gray-100: #2a2a2a;
  --color-gray-200: #3a3a3a;
  --color-bg: #121212;
  --color-text-main: #e0e0e0;
  --color-text-muted: #888;
  ;
  }

body  {
  background-color: var(--color-bg);
  color: var(--color-text-main);
  ;
  }

a  {
  color: var(--ghost-accent-color);
  ;
  }

.header,
  .footer,
  .newsletter,
  .sidebar-card,

  .s-intro-subscribe form  {
  background-color: var(--color-gray-100);
  color: var(--color-text-main);
  ;
  }

.btn  {
  background-color: var(--ghost-accent-color);
  color: #fff;
  ;
  }

.btn--basic  {
  background-color: transparent;
  color: var(--color-text-main);
  ;
  }

input,

  textarea  {
  background-color: var(--color-gray-200);
  color: #fff;
  border: 1px solid #555;
  ;
  }

.post-entry blockquote  {
  border-left-color: var(--ghost-accent-color);
  color: var(--color-text-main);
  ;
  }

.card-title a,
  .post-title,

  a:hover  {
  color: var(--ghost-accent-color) !important;
  ;
  }

.card-excerpt  {
  color: var(--color-text-muted);
  ;
  }

.site-header,
  .header,

  header  {
  background-color: #181818 !important;
  color: #eee !important;
  border-bottom: 1px solid #2a2a2a;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  ;
  }

.site-header a,

  .header a  {
  color: #ddd !important;
  ;
  }

.site-header a:hover,

  .header a:hover  {
  color: var(--ghost-accent-color) !important;
  ;
  }

.footer a,

  .header a  {
  color: var(--color-text-main);
  ;
  }

.s-page-header-text h1:after,
  .archive-header-content h1:after,

  .s-recommended-heading h4:after  {
  background: var(--ghost-accent-color);
  ;
  }

.site-footer,

  .footer  {
  background-color: #121212 !important;
  color: #ccc !important;
  ;
  }

.site-footer a,

  .footer a  {
  color: #999 !important;
  ;
  }

.site-footer a:hover,

  .footer a:hover  {
  color: var(--ghost-accent-color) !important;
  ;
  }

.sidebar-card--about  {
  background-color: #1a1a1a !important;
  color: #e0e0e0 !important;
  border-radius: 12px;
  ;
  }

.sidebar-card--about h3,

.sidebar-card--about p  {
  color: #e0e0e0 !important;
  ;
  }

.sidebar-card--about a  {
  color: #aaa !important;
  ;
  }

/* Ikonki SVG z czarnego na aktualny kolor tekstu */

.sidebar-card--about svg path  {
  fill: currentColor !important;
  ;
  }

.s-popular-tags-content  {
  background: url('/assets/img/bg-waves.jpg') no-repeat center center;
  background-size: cover;
  border-radius: 16px;
  padding: 2rem;
  position: relative;
  z-index: 1;
  overflow: hidden;
  color: #ffffff;
  ;
  }

/* półprzezroczysta warstwa przyciemniająca dla czytelności */

.s-popular-tags-content::before  {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: -1;
  ;
  }

.s-popular-tags-items a span  {
  color: #9d9dc5 !important;
  font-weight: 600;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
  ;
  }

.s-recommended-content  {
  position: relative;
  background-color: #222;
  background-size: cover;
  border-radius: 40px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  color: #ffffff;
  ;
  }

.s-recommended-content::before {
    content: "";
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.6), rgba(0,0,0,0.6)), 
              url(/assets/img/field.jpg) no-repeat center center;
              filter: blur(3px) brightness(0.5) saturate(0.8);
  background-size: cover;
  z-index: 0;
}

/* Właściwa treść na wierzchu */
.s-recommended-content > * {
    position: relative;
    z-index: 1;
}

.s-recommended-heading h4  {
  color: #fff;
  font-weight: 600;
  text-shadow: 0 1px 3px rgba(0,0,0,0.8);
  ;
  }

.sidebar-card {
  background-color: var(--color-bg-secondary);
  padding: 1.5rem;
  border-radius: 1rem;
  margin-bottom: 2rem;
  box-shadow: 0 0 0.75rem rgba(0, 0, 0, 0.2);
}

.sidebar-card-title h3 {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: var(--color-text);
  opacity: 1;
}

.article-card .article-image img {
  border-radius: 0.5rem;
  object-fit: cover;
}

.wektor-hr {
  animation: fadeIn 0.8s ease-out;
  display: block;
  margin: 2rem auto;
  max-width: 600px;
}

.s-recommended-content {
  margin-top: 6rem; /* lub więcej dla większego oddechu */
}


.post-pagination-nav {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  margin: 6rem 0 4rem;
  font-size: 1rem;
}

.post-pagination-prev,
.post-pagination-next {
  color: var(--color-accent);
  text-decoration: none;
  max-width: 45%;
}

.post-pagination-prev:hover,
.post-pagination-next:hover {
  text-decoration: underline;
}


@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-5px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 600px) {
  .wektor-hr {
    max-width: 80%;
  }
}
;
  }