/* 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}
}

/* Podstrony prawne (regulamin, polityka, reklamacje, RODO) */
.legal{max-width:860px;margin:0 auto;padding:0 32px}
.legal article{padding-bottom:40px}
.legal h1{font-family:'Bitter',serif;font-weight:700;font-size:34px;line-height:1.15;color:#1d3a37;margin:0 0 6px;text-wrap:balance}
.legal .lead{font-size:16px;color:#54655f;margin:0 0 8px}
.legal h2{font-family:'Bitter',serif;font-weight:700;font-size:21px;color:#1d3a37;margin:34px 0 10px}
.legal h3{font-weight:700;font-size:16px;color:#22403c;margin:20px 0 8px}
.legal p,.legal li{font-size:15.5px;line-height:1.7;color:#44544e}
.legal ul,.legal ol{padding-left:22px;margin:10px 0}
.legal li{margin:6px 0}
.legal a{text-decoration:underline}
.legal .toc{background:#eef0e6;border:1px solid #dfe4d6;border-radius:12px;padding:16px 20px;margin:24px 0}
.legal .toc ol{margin:6px 0 0}
.legal hr{border:none;border-top:1px solid #e3dccb;margin:30px 0}
.legal table{border-collapse:collapse;width:100%;margin:12px 0;font-size:14.5px}
.legal th,.legal td{border:1px solid #e3dccb;padding:9px 12px;text-align:left;vertical-align:top}
.legal th{background:#eef0e6;color:#22403c}
.ph{background:#fdf2d0;border-bottom:1px dashed #b9862f;padding:0 3px;border-radius:2px;color:#6b5418;font-weight:600}
.legal-warn{background:#fdf2d0;border:1px solid #e4c878;border-radius:12px;padding:14px 18px;font-size:14px;line-height:1.6;color:#6b5418;margin:18px 0 28px}
.legal-foot{border-top:1px solid #e3dccb;padding:24px 0 48px;font-size:14px;color:#8a7f6a;display:flex;gap:10px 22px;flex-wrap:wrap;align-items:center}