.patronum-stories{
  --ps-green:#123F35;
  --ps-accent:#B89147;
  --ps-text:#68716E;
  box-sizing:border-box;
  width:100%;
}
.patronum-stories *, .patronum-stories *::before, .patronum-stories *::after{box-sizing:border-box}
.patronum-stories__header{max-width:760px}
.patronum-stories__eyebrow{margin:0 0 9px;color:var(--ps-accent);font-size:13px;line-height:1.3;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.patronum-stories__heading{margin:0 0 12px;color:var(--ps-green);font-size:clamp(30px,4vw,48px);line-height:1.08;font-weight:600}
.patronum-stories__intro{color:var(--ps-text);font-size:16px;line-height:1.6}
.patronum-stories__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}
.patronum-stories.has-equal-heights:not(.has-open) .patronum-stories__grid{align-items:stretch}
.patronum-stories.has-equal-heights:not(.has-open) .patronum-story{height:100%}
.patronum-story{display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden;border:1px solid #D9DDD8;border-radius:12px;background:#FBF8F1;box-shadow:0 10px 30px rgba(18,63,53,.05)}
.patronum-story__summary{display:flex;flex:1 1 auto;flex-direction:column;padding:30px}
.patronum-story__topline{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}
.patronum-story__badge{display:inline-flex;align-items:center;min-height:25px;padding:5px 9px;border-radius:999px;background:#EEE4D2;color:#8A672E;font-size:11px;line-height:1.25;font-weight:700;letter-spacing:.055em;text-transform:uppercase}
.patronum-story__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:58px;height:58px;border:1px solid #E1D8C8;border-radius:50%;background:#F6F1E7;color:var(--ps-green)}
.patronum-story__icon i{font-size:30px;line-height:1}
.patronum-story__icon svg{display:block;width:30px;height:30px;fill:currentColor}
.patronum-story__person{margin:0 0 8px;color:var(--ps-accent);font-size:14px;line-height:1.35;font-weight:650}
.patronum-story__title{margin:0 0 18px;color:var(--ps-green);font-size:23px;line-height:1.24;font-weight:600;overflow-wrap:normal;word-break:normal;hyphens:none}
.patronum-story__facts{display:grid;gap:9px;margin:0 0 20px;padding:0;list-style:none;color:var(--ps-text);font-size:14px;line-height:1.45}
.patronum-story__facts li{position:relative;padding-left:17px}
.patronum-story__facts li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--ps-accent);transform:translateY(-50%)}
.patronum-story__summary-text{margin:0 0 22px;color:var(--ps-text);font-size:15px;line-height:1.58}
.patronum-story__toggle{display:inline-flex;align-items:center;gap:15px;align-self:flex-start;margin-top:auto;padding:0 0 6px;border:0;border-bottom:1px solid var(--ps-green);border-radius:0;background:transparent;color:var(--ps-green);font:inherit;font-size:14px;line-height:1.3;font-weight:650;text-align:left;cursor:pointer;transition:color .22s ease,border-color .22s ease,background-color .22s ease}
.patronum-story__toggle:hover,.patronum-story__toggle:focus{color:var(--ps-accent);border-bottom-color:var(--ps-accent)}
.patronum-story__arrow{display:inline-block;font-size:17px;line-height:1;transition:transform .22s ease}
.patronum-story__toggle:hover .patronum-story__arrow,.patronum-story__toggle:focus .patronum-story__arrow{transform:translateX(4px)}
.patronum-story.is-open .patronum-story__arrow{transform:rotate(90deg)}
.patronum-story__details{border-top:1px solid rgba(18,63,53,.11)}
.patronum-story__details[hidden]{display:none!important}
.patronum-story__details-inner{padding:26px 30px 28px;background:#F6F1E7}
.patronum-story__detail{padding:0 0 22px}
.patronum-story__detail + .patronum-story__detail{padding-top:22px;border-top:1px solid #DDD4C5}
.patronum-story__detail:last-child{padding-bottom:0}
.patronum-story__detail-title{margin:0 0 10px;color:var(--ps-green);font-size:17px;line-height:1.3;font-weight:650}
.patronum-story__detail-text{color:#4F5A57;font-size:14px;line-height:1.62}
.patronum-story__detail-text p{margin:0 0 12px}
.patronum-story__detail-text p:last-child{margin-bottom:0}

@media (max-width:1180px){
  /* Przy mniejszej szerokości nie pokazujemy układu 2+1.
     Cała sekcja przechodzi od razu do zwartego układu tabletowego: 1 karta w rzędzie. */
  .patronum-stories__grid{grid-template-columns:1fr!important;gap:20px}
  .patronum-story__summary{padding:26px}
  .patronum-story__details-inner{padding:24px 26px 26px}
}

@media (max-width:767px){
  .patronum-stories__grid{grid-template-columns:1fr!important;gap:18px}
  .patronum-story__summary{padding:22px}
  .patronum-story__details-inner{padding:22px}
  .patronum-story__topline{margin-bottom:16px}
  .patronum-story__icon{width:50px;height:50px}
  .patronum-story__icon i{font-size:26px}
  .patronum-story__icon svg{width:26px;height:26px}
  .patronum-story__title{font-size:20px;margin-bottom:15px}
  .patronum-story__facts{margin-bottom:16px}
  .patronum-story__summary-text{margin-bottom:18px}
  .patronum-story__detail{padding-bottom:18px}
  .patronum-story__detail + .patronum-story__detail{padding-top:18px}
}
@media (prefers-reduced-motion:reduce){
  .patronum-story__toggle,.patronum-story__arrow{transition:none!important}
}