/* Functional screens: keep the first action close to the navigation. */
body:not(.page-default) main > .hero,
.shell-parent.page-default main > .hero {
  padding-block:24px 16px;
}
body:not(.page-default) main > .hero h1,
.shell-parent.page-default main > .hero h1 {
  font-size:clamp(26px,3vw,38px);line-height:1.18;margin:8px 0;
}
body:not(.page-default) main > .hero .lead,
.shell-parent.page-default main > .hero .lead {
  font-size:15px;line-height:1.5;margin:8px 0 0;
}
body:not(.page-default) main > .hero + .blk,
.shell-parent.page-default main > .hero + .blk {padding-block:20px 32px}
.page-moje-konto .hero .wrap{max-width:820px}
.page-moje-konto #konto-tresc{padding-top:12px}
.page-moje-konto [data-parent-status]:empty{display:none}
.page-moje-konto .konto-dashboard > .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.page-moje-konto .dziecko-card{padding:16px}
.page-moje-konto .dziecko-head{margin-bottom:10px}
.page-moje-konto .dziecko-code{margin:8px 0}
.page-moje-konto .dziecko-wejscie{padding:12px;margin:10px 0}
.page-moje-konto .dziecko-wejscie-label{margin:0 0 8px;letter-spacing:.03em}
.page-moje-konto .konto-head{padding:12px 0;margin:0;border:0;background:none;clip-path:none}
.page-moje-konto .konto-head p{overflow-wrap:anywhere;min-width:0}
@media(max-width:900px){
  header.nav .nav-inner{height:60px;gap:10px}
  header.nav .logo img{width:150px}
  header.nav .nav-right{gap:8px}
  header.nav .nav-account-link{font-size:11px;padding:8px;letter-spacing:0}
  header.nav .nav-toggle{width:44px;min-width:44px;height:44px}
  .mobile-menu{top:60px;max-height:calc(100dvh - 60px)}
  html{scroll-padding-top:72px}
  body:not(.page-default) main > .hero,
  .shell-parent.page-default main > .hero{padding-block:16px 10px}
  body:not(.page-default) main > .hero .hero-grid,
  .shell-parent.page-default main > .hero .hero-grid{gap:12px}
  body:not(.page-default) main > .hero h1,
  .shell-parent.page-default main > .hero h1{font-size:26px;margin:4px 0}
  body:not(.page-default) main > .hero .back-link{display:inline-block;font-size:13px;margin-bottom:4px}
  body:not(.page-default) main > .hero .eyebrow{display:none!important}
  body:not(.page-default) main > .hero + .blk,
  .shell-parent.page-default main > .hero + .blk{padding-block:12px 24px}
  .page-moje-konto .wrap,.page-uczen .wrap,.page-misja-pro .wrap{padding-inline:14px}
  .page-moje-konto .dziecko-card{padding:14px}
  .page-moje-konto .gate-alert{padding:10px 12px;margin:0 0 12px}
  .page-moje-konto .konto-auth-card{padding:16px}
  .page-moje-konto .konto-auth-card h3{margin-top:0}
  .page-misja-pro .sec-head{margin-bottom:16px}
  .page-misja-pro .sec-head h2{font-size:23px;margin:4px 0 8px}
  .page-misja-pro .sec-head p{font-size:14px;line-height:1.5;margin:0}
}
@media(max-width:380px){header.nav .logo img{width:125px}}
@media(max-width:600px){
  body.magic-theme header.nav .student-login-link{font-size:10px;padding:7px;letter-spacing:0}
  header.nav .logo{min-width:0}
  header.nav .logo img{max-width:100%;height:auto}
}
@media(max-width:600px){
  header.nav .logo{flex:0 1 140px}
  .page-uczen header.nav .student-login-link{display:none}
}

/* Account identity stays visible without increasing the navigation height. */
header.nav .nav-parent-account{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-width:0;max-width:240px;line-height:1.2}
header.nav .nav-parent-email{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--muted)}
.mobile-menu .mobile-parent-account small{display:block;font-size:12px;line-height:1.5;text-transform:none;letter-spacing:0;overflow-wrap:anywhere;color:var(--muted)}
@media(max-width:900px){header.nav .nav-parent-account{max-width:180px}}
@media(max-width:600px){header.nav .nav-parent-account{max-width:145px;padding:7px 9px}header.nav .nav-parent-email{font-size:10px}}
@media(max-width:380px){header.nav .nav-parent-account{max-width:120px}.shell-parent header.nav .logo{flex-basis:110px}}

/* Panel rodzica: karty dziecka, płatności, strefa rodzica i ustawienia mają wspólną linię i szerokość.
   Wcześniej karta dziecka miała 680 px, płatności 820 px, a na telefonie płatności i strefa rodzica dotykały krawędzi. */
.page-moje-konto .konto-dashboard{max-width:none}
.page-moje-konto .konto-billing{box-sizing:border-box;width:calc(100% - 48px);max-width:772px}
@media(max-width:900px){.page-moje-konto .konto-billing{width:calc(100% - 28px)}}
/* Sekcja zaczynająca się od rozwijanego bloku nie potrzebuje kreski i odstępu nad nim (pusty pasek nad „Nagrodami za ukończenie światów”). */
.adventure-parent>details:first-child{border-top:0;padding-top:0;margin-top:0}
/* Link „← wróć” i eyebrow pod nim, a nie sklejone w jednym wierszu („postępy[ STREFA RODZICA ]”). */
main>.hero .back-link{display:block;width:fit-content}