/* Akademia Dziecięcych Umysłów — style wspólne */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:#f6f2ea;font-family:'Karla',sans-serif;color:#22403c;-webkit-font-smoothing:antialiased}
a{color:#1d5350;text-decoration:none}
a:hover{color:#b9862f}
input,textarea,select,button{font-family:'Karla',sans-serif}
img{max-width:100%}
[hidden]{display:none !important}
[data-metoda]:focus-visible{outline:3px solid #b9862f;outline-offset:2px}

/* Stany hover i focus (wygenerowane z projektu) */
.h1:hover{background:#163f3d !important;color:#f6f2ea !important}
.h2:hover{transform:translateY(-2px) !important;box-shadow:0 8px 20px rgba(29,83,80,0.12) !important}
.h3:hover{background:#b9862f !important;color:#fff !important}
.h4:hover{background:#a67624 !important;color:#fff !important}
.h5:hover{background:#1d5350 !important;color:#f6f2ea !important}
.h6:hover{border-color:#1d5350 !important}
.f7:focus{border-color:#1d5350 !important;background:#fff !important}
.f8:focus{border-color:#1d5350 !important}
.h9:hover{border-color:#1d5350 !important;color:#1d5350 !important}

/* Responsywność — nadpisuje style inline (dlatego !important) */
@media (max-width: 900px){
  .r-wrap{padding-left:22px !important;padding-right:22px !important}
  .r-2col{grid-template-columns:1fr !important}
  .r-3col{grid-template-columns:1fr 1fr !important}
  .r-4col{grid-template-columns:1fr 1fr !important}
  .r-pad{padding:30px 26px !important}
  .r-flex-col{flex-direction:column !important;align-items:flex-start !important}
  .r-autorka{flex-direction:column !important;text-align:center !important;gap:24px !important}
  .r-autorka > :last-child{margin:0 auto}
  .r-cover{max-width:360px;margin:0 auto}
  .r-hero{font-size:40px !important}
}
@media (max-width: 600px){
  .r-wrap{padding-left:16px !important;padding-right:16px !important}
  .r-3col,.r-4col{grid-template-columns:1fr !important}
  .r-header{flex-direction:column !important;align-items:flex-start !important;gap:14px !important}
  .r-nav{gap:14px 18px !important;flex-wrap:wrap !important;font-size:14px !important}
  .r-hero{font-size:32px !important}
  .r-pad{padding:26px 20px !important}
  .r-cover{max-width:280px}
  .r-stack-sm{flex-direction:column !important;align-items:stretch !important;gap:14px !important}
}