*{box-sizing:border-box}
body{
  margin:0;
  background:#ffffff;
  color:#1f2937;
  font-family:Arial,Helvetica,sans-serif;
  line-height:1.55;
}
main{
  max-width:760px;
  margin:32px auto;
  padding:0 18px 48px;
}
h1,h2{line-height:1.2}
.notice,.scope-note{
  border:1px solid #d1d5db;
  border-radius:10px;
  padding:14px 16px;
  margin:14px 0;
}
.notice{background:#f7fafc}
.scope-note{background:#fffdf7}
label{
  display:block;
  margin-top:18px;
  margin-bottom:6px;
  font-weight:700;
}
textarea{
  width:100%;
  min-height:84px;
  padding:10px;
  border:1px solid #9ca3af;
  border-radius:8px;
  font:inherit;
  resize:vertical;
}
button{
  margin-top:18px;
  padding:11px 16px;
  border:1px solid #374151;
  border-radius:8px;
  background:#ffffff;
  color:#111827;
  font:inherit;
  font-weight:700;
  cursor:pointer;
}
button:disabled{
  opacity:.55;
  cursor:not-allowed;
}
#exercise[hidden],#continuity[hidden],[hidden]{display:none!important}
.reflection{margin-top:20px}
details{
  padding:8px 0;
  border-bottom:1px solid #e5e7eb;
}
summary{cursor:pointer;font-weight:700}
hr{
  margin:34px 0 24px;
  border:0;
  border-top:1px solid #d1d5db;
}