/* Category introduction: article-style bottom fade with the classroom action beside it. */
.category-description-room-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:stretch;
  gap:12px;
  direction:rtl;
  margin-bottom:1rem!important;
}
.category-description-room-box.ed-global-description{
  position:relative;
  min-width:0;
  overflow:visible!important;
  padding:15px 18px!important;
  margin:0!important;
  border:1px solid #e9efec!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#fbfdfc 0%,#f6faf8 100%)!important;
  box-shadow:0 4px 14px rgba(22,66,47,.025);
  color:#52645b!important;
  text-align:right!important;
  cursor:default;
  transition:max-height .42s ease,border-color .2s ease,box-shadow .2s ease;
}
.category-description-room-box.is-collapsible{
  overflow:hidden!important;
  cursor:pointer;
  touch-action:manipulation;
  -webkit-tap-highlight-color:rgba(0,139,87,.09);
  user-select:none;
}
.category-description-room-box.is-collapsible:not(.is-expanded){height:76px!important;max-height:76px!important}
.category-description-room-box.is-collapsible:not(.is-expanded)::after{
  content:"";
  position:absolute;
  z-index:1;
  inset-inline:0;
  bottom:0;
  height:58px;
  background:linear-gradient(180deg,rgba(247,251,249,0),rgba(247,251,249,.97) 82%);
  pointer-events:none;
}
.category-description-room-box.is-collapsible:hover{border-color:#add5c1!important;box-shadow:0 10px 25px rgba(22,66,47,.07)}
.category-description-room-box.is-collapsible:focus-visible{outline:3px solid rgba(0,139,87,.2);outline-offset:3px}
.category-description-room-box.is-expanded{max-height:5000px!important;overflow:visible!important;cursor:zoom-out}
.category-description-room-box.is-expanded::after{display:none!important}
.category-description-room-button.ed-category-classroom-link-room{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:inline-flex!important;
  align-self:start;
  justify-content:center;
  min-width:96px!important;
  width:auto;
  height:76px!important;
  min-height:76px!important;
  padding:5px 8px!important;
  gap:7px!important;
  border:1px solid #cce8db!important;
  border-radius:10px!important;
  background:radial-gradient(circle at 12% 100%,rgba(26,155,99,.11),transparent 48%),linear-gradient(135deg,#f8fffb 0%,#edf9f2 54%,#e5f5ec 100%)!important;
  color:#078653!important;
  white-space:normal!important;
  text-align:right;
  line-height:1.1!important;
  text-decoration:none;
}
.category-description-room-background-mark{
  position:absolute;
  z-index:0;
  inset-inline-end:2px;
  top:50%;
  display:block;
  width:63px;
  height:63px;
  object-fit:contain;
  opacity:.13;
  filter:brightness(0) saturate(100%) invert(29%) sepia(71%) saturate(621%) hue-rotate(105deg) brightness(93%) contrast(94%);
  transform:translateY(-50%) rotate(-8deg);
  pointer-events:none;
}
.category-description-room-background-fallback{
  position:absolute;
  z-index:0;
  inset-inline-end:5px;
  top:50%;
  color:#078653;
  opacity:.11;
  font-size:3.2rem;
  transform:translateY(-50%) rotate(-8deg);
  pointer-events:none;
}
.category-description-room-icon{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  flex:0 0 40px;
  border:1px solid #cce9da;
  border-radius:10px;
  background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(225,246,235,.95))!important;
  color:#078653!important;
  box-shadow:0 2px 7px rgba(13,102,65,.11),inset 0 1px 0 rgba(255,255,255,.9);
}
.category-description-room-icon>i{
  color:#078653;
  font-size:1.28rem;
  font-weight:400;
  line-height:1;
  -webkit-text-stroke:.25px currentColor;
}
.category-description-room-button.ed-category-classroom-link-room .ed-category-classroom-label{
  position:relative;
  z-index:1;
  display:block!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:inherit!important;
  font-size:.73rem;
  font-weight:800;
  line-height:1.12!important;
  white-space:nowrap!important;
}
.category-description-room-button.ed-category-classroom-link-room:hover,
.category-description-room-button.ed-category-classroom-link-room:focus-visible{
  border-color:#78c9a4!important;
  background:radial-gradient(circle at 12% 100%,rgba(26,155,99,.15),transparent 48%),linear-gradient(135deg,#f3fcf7 0%,#e7f7ef 54%,#dcf1e5 100%)!important;
  color:#056b42!important;
  transform:translateY(-1px);
  outline:none;
}
.category-description-room-button.ed-category-classroom-link-room:focus-visible{box-shadow:0 0 0 3px rgba(7,134,83,.16)}
html[data-theme="dark"] .category-description-room-box.ed-global-description,
body.dark-mode .category-description-room-box.ed-global-description{
  border-color:#2b3731!important;
  background:linear-gradient(180deg,#15231d,#111c17)!important;
  color:#c3d0c9!important;
  box-shadow:none;
}
html[data-theme="dark"] .category-description-room-box.is-collapsible:not(.is-expanded)::after,
body.dark-mode .category-description-room-box.is-collapsible:not(.is-expanded)::after{
  background:linear-gradient(180deg,rgba(17,28,23,0),rgba(17,28,23,.97) 82%);
}
html[data-theme="dark"] .category-description-room-button.ed-category-classroom-link-room,
body.dark-mode .category-description-room-button.ed-category-classroom-link-room{
  border-color:#315b45!important;
  background:#182c23!important;
  color:#70d9a6!important;
}
html[data-theme="dark"] .category-description-room-button.ed-category-classroom-link-room,
body.dark-mode .category-description-room-button.ed-category-classroom-link-room{
  border-color:#315b45!important;
  background:radial-gradient(circle at 12% 100%,rgba(64,171,119,.2),transparent 48%),linear-gradient(135deg,#172c22 0%,#193328 54%,#1b382b 100%)!important;
  color:#82dfb8!important;
}
html[data-theme="dark"] .category-description-room-background-mark,
body.dark-mode .category-description-room-background-mark{
  filter:brightness(0) saturate(100%) invert(83%) sepia(19%) saturate(743%) hue-rotate(91deg) brightness(101%) contrast(91%);
  opacity:.12;
}
html[data-theme="dark"] .category-description-room-background-fallback,
body.dark-mode .category-description-room-background-fallback{color:#82dfb8;opacity:.12}
html[data-theme="dark"] .category-description-room-icon,
body.dark-mode .category-description-room-icon{
  border-color:#315b45;
  background:linear-gradient(145deg,#203d2f,#1a3025)!important;
  color:#91e6bd!important;
  box-shadow:0 2px 8px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06);
}
html[data-theme="dark"] .category-description-room-icon>i,
body.dark-mode .category-description-room-icon>i{color:#91e6bd}
@media(max-width:575.98px){
  .category-description-room-row{gap:8px}
  .category-description-room-box.ed-global-description{padding:13px 14px!important;border-radius:13px!important}
  .category-description-room-box.is-collapsible:not(.is-expanded){height:68px!important;max-height:68px!important}
  .category-description-room-box.is-collapsible:not(.is-expanded)::after{height:48px}
  .category-description-room-button.ed-category-classroom-link-room{min-width:88px!important;height:68px!important;min-height:68px!important;padding:4px 6px!important;gap:5px!important;border-radius:9px!important}
  .category-description-room-icon{width:36px;height:36px;flex-basis:36px}
  .category-description-room-button.ed-category-classroom-link-room .ed-category-classroom-label{font-size:.68rem}
}