/* Catgirl illustration with text flowing around her silhouette */

.catgirl-content {
  display: flow-root;
}

/* Float the paragraph containing the image */
.catgirl-content > .catgirl-float {
  float: right;

  width: 450px;
  max-width: 45%;

  margin: 0 0 1.5rem 1.5rem;

  shape-outside: none
}

/* Remove Chirpy's image wrapper styling */
.catgirl-content img.catgirl-float {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;

  margin: 0;
  opacity: 0.95;
}

/* Expand content area on desktop */
@media (min-width: 992px) {
  body:has(.catgirl-content) #panel-wrapper {
    display: none !important;
  }

  body:has(.catgirl-content) main {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* Mobile layout */
@media (max-width: 768px) {
  .catgirl-content > .catgirl-float {
    float: none;
    width: 280px;
    max-width: 100%;
    margin: 1rem auto 1.5rem;
    shape-outside: none;
  }
}

}