@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');

:root{
  --yellow: #F4FE81;
  --white:  #FFFFFF;
  --text:   #111111;
}

html, body{
  margin: 0;
  font-family: "Poppins", sans-serif;
  background: var(--yellow);
  color: var(--text);
}

.wrapper{
  max-width: 900px;
  margin: 32px auto;
  background: var(--white);
  padding: 24px;
  border-radius: 12px;
}

.nav{
  display: flex;
  gap: 12px;
  padding: 12px 0 20px;
}
.nav a{
  text-decoration: none;
  color: inherit;
  padding: 6px 10px;
  border-radius: 8px;
}
.nav a.active{
  background: #eee;
}

h1{ margin-top: 0; }
a{ color: inherit; text-underline-offset: 3px; }


.courses ul{ margin: 0; padding-left: 20px; }
.courses li{ margin: 6px 0; }

.details{ margin: 0; }
.details .row{
  display: flex;
  gap: 8px;
  padding: 6px 0;
  border-top: 1px solid #eaeaea;
}
.details .row:first-child{ border-top: 0; }
.details dt{ min-width: 170px; font-weight: 700; }

.photo img{
  max-width: 100%;
  height: auto;
  display: block;
  margin-top: 8px;
}

.back-btn.is-fixed{
  position: fixed;
  left: 20px;
  bottom: 20px;
  z-index: 1000;
  margin: 0;
}