@import url("hero-wspolne.css?v=5");

/* Księgi rachunkowe: faktura sprzedaży FV 4/09 i jej zapis na kontach (Wn 201 = Ma 700 + Ma 222) */
.hero-ksiegi-rachunkowe { --hk-pad: 12px; }
.hero-ksiegi-rachunkowe .hk-druk { rotate: -.4deg; }
.hero-ksiegi-rachunkowe .hk-dowod { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 14px; align-items: end; padding: .7em .9em; background: var(--papier-2); border-radius: 2px; }
.hero-ksiegi-rachunkowe .hk-dow-opis { margin: 0; display: grid; gap: .45em; align-content: end; }
.hero-ksiegi-rachunkowe .hk-dow-opis b { font-weight: 700; line-height: 1.15; }
.hero-ksiegi-rachunkowe .hk-dow-kw { margin: 0; display: grid; row-gap: .1em; }
.hero-ksiegi-rachunkowe .hk-dow-kw > div { display: flex; justify-content: space-between; align-items: baseline; gap: 1.1em; }
.hero-ksiegi-rachunkowe .hk-dow-kw dt { font-size: var(--hk-s); color: var(--tusz-2); }
.hero-ksiegi-rachunkowe .hk-dow-kw dd { margin: 0; }
.hero-ksiegi-rachunkowe .hk-razem { margin-top: .25em; padding-top: .3em; border-top: 1.5px solid var(--tusz); }
.hero-ksiegi-rachunkowe .hk-razem dt { color: var(--tusz); font-weight: 700; }

.hero-ksiegi-rachunkowe .hk-konta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); margin-top: .9em; }
.hero-ksiegi-rachunkowe .hk-konta > :nth-child(odd) { padding-right: var(--hk-pad); }
.hero-ksiegi-rachunkowe .hk-konta > :nth-child(even) { padding-left: var(--hk-pad); border-left: 1.5px solid var(--tusz); }
.hero-ksiegi-rachunkowe .hk-st { padding-bottom: .3em; border-bottom: 1.5px solid var(--tusz); font: 800 var(--hk-h)/1 var(--sans); font-stretch: 75%; color: var(--tusz); }
.hero-ksiegi-rachunkowe .hk-wpis { display: flex; flex-direction: column; align-items: flex-end; gap: .2em; padding-block: .5em; border-bottom: 1px solid var(--papier-2); }
.hero-ksiegi-rachunkowe .hk-wpis:nth-child(n+5) { border-bottom: 0; }
.hero-ksiegi-rachunkowe .hk-konto { align-self: flex-start; font-size: var(--hk-s); line-height: 1.2; color: var(--tusz-2); }
.hero-ksiegi-rachunkowe .hk-konto b { margin-right: .4em; font: 500 var(--hk-s)/1 var(--mono); color: var(--druk); }
.hero-ksiegi-rachunkowe .hk-obroty { display: flex; flex-direction: column; align-items: flex-end; gap: .2em; padding-top: .5em; border-top: 1.5px solid var(--tusz); }
.hero-ksiegi-rachunkowe .hk-etykieta { align-self: flex-start; font-size: var(--hk-s); font-weight: 700; line-height: 1.2; color: var(--tusz); }

@media (min-width: 1001px) { .hero-ksiegi-rachunkowe { --hk-pad: calc(12 * var(--p)); } }
/* wąska plansza (telefony 360 i 320): faktura w dwóch rzędach, mniejszy tytuł, ciaśniejsze zapisy */
@container (max-width: 300px) {
  .hero-ksiegi-rachunkowe .hk-druk { --hk-h: 25px; --hk-pad: 8px; }
  .hero-ksiegi-rachunkowe .hk-dowod { grid-template-columns: minmax(0, 1fr); row-gap: .5em; }
  .hero-ksiegi-rachunkowe .hk-dow-opis { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .1em .8em; }
  .hero-ksiegi-rachunkowe .hk-konta { margin-top: .6em; }
  .hero-ksiegi-rachunkowe .hk-wpis { padding-block: .35em; }
}