/* A clear reading route through the longer explanation of Lernbus. */
.concept-page .concept-contents{
  padding-block:1rem;
  border-top:2px solid var(--violet);
  border-bottom:1px solid var(--hairline);
  background:var(--bg);
}
.concept-page .concept-contents .wrap{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:.35rem 2rem;
}
.concept-page .concept-contents p{
  flex:none;
  margin:0;
  font-size:.875rem;
  font-weight:700;
  color:var(--violet);
}
.concept-page .concept-contents ul{
  display:flex;
  flex-wrap:wrap;
  gap:0 1.5rem;
  margin:0;
  padding:0;
  list-style:none;
}
.concept-page .concept-contents a{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding-block:.5rem;
  color:var(--violet);
  font-size:.9375rem;
  line-height:1.4;
  text-decoration:underline;
  text-underline-offset:.22em;
  text-decoration-thickness:1px;
}
.concept-page .concept-contents a:hover{
  text-decoration-thickness:2px;
}
.concept-page .concept-contents a:focus-visible{
  outline:2px solid var(--violet);
  outline-offset:4px;
}
.concept-page .concept-rows{margin-top:2.2rem}
.concept-page .dsec h3{hyphens:none;overflow-wrap:normal;text-wrap:balance}
.concept-page .reading-copy{max-width:62ch}
.concept-page .concept-source{font-size:.875rem;line-height:1.5}
.concept-page .concept-source a{color:var(--violet);text-decoration:underline;text-underline-offset:.2em}
.concept-page .reading-copy p+p{margin-top:1rem}
.concept-page .reading-copy .morelink{margin-left:0}
.concept-page .step p+p{margin-top:.9rem}
@media(max-width:48rem){
  .concept-page .concept-contents .wrap{display:block}
  .concept-page .concept-contents ul{column-gap:1.25rem}
  .concept-page .concept-contents p{margin-bottom:.3rem}
  .concept-page .dsec{gap:1.1rem}
}
@media print{
  .concept-page .concept-contents{display:none}
}