/* /sukcesja-czerwona-teczka/ – moduły tej podstrony (prefiks st-) */
:root{--st-red:#9a3b33;--st-red-soft:#c06a5f}

/* Czerwona kreska przy znaczniku w nagłówku – jedyny „czerwony” akcent strony */
.p-sukcesja-czerwona-teczka .phero .mark::before{background:var(--st-red-soft)}

/* Teczka: tekst + interaktywna lista */
.st-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(36px,6vw,96px);align-items:start}
.st-intro{position:sticky;top:110px}
.st-intro h2{font-size:clamp(32px,3.6vw,48px);margin-bottom:24px}
.st-intro p{color:#2c3a41}
.st-first{font-family:var(--f-display);font-size:clamp(21px,1.9vw,25px);line-height:1.38;color:var(--ink)!important}
.st-legal{font-size:14.5px;color:var(--slate)!important;border-top:1px solid var(--mist-line);padding-top:16px;margin-top:24px}

.st-folder{margin-top:16px;border-left:6px solid var(--st-red)}
.st-folder .folder__tab{background:var(--st-red);right:auto;left:clamp(28px,4vw,52px);width:150px;height:16px}
.st-folder h3{margin-top:0}
.st-folder > p:not(.mark){font-size:15px;max-width:520px}
.st-folder fieldset{margin:8px 0 0}
.st-list{list-style:none;margin:0;padding:0;columns:1!important;font-size:15.5px}
.st-list li{padding:0!important;border-top:1px solid var(--line-dark-soft)}
.st-list label{display:flex;gap:14px;align-items:flex-start;padding:12px 4px 12px 0;cursor:pointer;min-height:48px;color:#d3d9dc;transition:color .2s}
.st-list input{appearance:none;-webkit-appearance:none;flex:none;width:22px;height:22px;margin:1px 0 0;border:1px solid var(--brass);border-radius:2px;background:transparent;position:relative;cursor:pointer;transition:background .2s}
.st-list input::after{content:"";position:absolute;left:7px;top:3px;width:6px;height:11px;border-right:2px solid var(--petrol-950);border-bottom:2px solid var(--petrol-950);transform:rotate(45deg);opacity:0}
.st-list input:checked{background:var(--brass)}
.st-list input:checked::after{opacity:1}
.st-list input:focus-visible{outline:2px solid var(--brass);outline-offset:3px}
.st-list input:checked + span{color:var(--jacket);text-decoration:line-through;text-decoration-color:rgba(201,171,112,.6)}
.st-list em{font-style:normal;color:var(--jacket)}
.st-list label:hover span{color:var(--mist)}

.st-progress{margin:22px 0 4px;padding-top:18px;border-top:1px solid var(--line-dark)}
.st-progress[hidden]{display:none}
.st-progress__bar{height:6px;background:rgba(234,238,240,.08);margin-bottom:14px}
.st-progress__bar span{display:block;height:100%;width:0;background:var(--brass);transition:width .4s var(--ease)}
.st-progress p{margin:0;font-size:15px;color:#c3cbcf}
.st-progress p b{font-family:var(--f-display);font-weight:500;font-size:22px;color:var(--mist);margin-right:6px}
.st-reset{margin-top:10px;background:none;border:0;padding:0;min-height:44px;color:var(--jacket);font-size:14px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.st-reset[hidden]{display:none}
.st-reset:hover{color:var(--brass)}
.st-folder .btn{margin-top:18px}

/* Dlaczego teraz */
.st-why h3{font-size:clamp(22px,2vw,27px)}

/* Dyspozycja */
.st-dysp{font-size:17.5px;margin-bottom:clamp(32px,4vw,48px)}
.st-dysp p{color:#2c3a41}
.st-dysp strong{font-weight:600;color:var(--ink)}
.st-where caption{font-family:var(--f-display);font-size:clamp(22px,2vw,27px);color:var(--ink);padding-bottom:16px}
.st-where th[scope=row]{width:26%}
.st-where a{color:var(--brass-deep);text-underline-offset:4px}

/* Sukcesja firmy */
.st-steps-lead{color:var(--slate);margin-top:20px}
.steps li p a{color:var(--brass-deep);text-underline-offset:4px}

@media (max-width:1020px){
  .st-grid{grid-template-columns:1fr}
  .st-intro{position:static}
}
@media (max-width:760px){
  .ledger th[scope=row]{width:auto} /* obejście wspólnego width:24% na telefonie */
  .st-folder{border-left-width:4px}
  .st-folder .folder__tab{width:110px}
  .st-folder .btn{width:100%}
}
