/* replica-r3. Layout of the Bandzoogle theme stays; these rules cover migrated controls.
   New filename because earlier /assets/replica*.css URLs are cached immutable for one year. */
.replica-buy{display:block;margin:10px 0 18px}
.replica-buy a.button{text-decoration:none}
.replica-note{margin:8px 0 0;font-size:14px;line-height:1.4}
form[data-migration-status="unresolved"] button[disabled]{cursor:not-allowed;opacity:.72}
/* Sidebar follow control. The theme button is nowrap and was wider than the blue column. */
#usersite-container .replica-follow{max-width:100%;margin:12px 0 0}
#usersite-container .replica-follow a.button.positive.-input-height{
  display:flex;
  width:100%;
  max-width:100%;
  height:auto;
  min-height:40px;
  box-sizing:border-box;
  white-space:normal;
  overflow-wrap:anywhere;
  padding:8px 10px;
  background:hsl(43, 80%, 59%);
  color:#14224a;
  text-decoration:none;
  letter-spacing:.04em;
}
#usersite-container .replica-follow a.button.positive.-input-height:hover{
  background:hsl(43, 74%, 48%);
  color:#14224a;
}
/* Decorative section rules: <hr noshade size="20|3" width="60%" align="right"> inside their own feature.
   No theme rule covers them, so the browser paints a grey bar, rgb(128,128,128).
   size 20 is about 18px; size 3 is about 2px. Collapse both. Feature padding stays.
   Plain <hr> tags inside posts are not noshade and stay. */
#usersite-container hr[noshade]{
  height:0 !important;
  border:0 !important;
  margin:0;
  padding:0;
  background:none !important;
  color:transparent !important;
  overflow:hidden;
}
/* Gallery embeds keep old width and height attributes, such as 220x115, 360x115, and 320x215.
   The column clamps the width and leaves the height, so one row shows three different frames.
   Fill the column at 16:9. YouTube letterboxes the picture inside that frame. */
#usersite-container .html_feature .block-interactions > iframe[src*="youtube.com/embed"],
#usersite-container .html_feature .block-interactions > iframe[src*="youtube-nocookie.com/embed"]{
  display:block;
  width:100% !important;
  max-width:100%;
  height:auto !important;
  aspect-ratio:16 / 9;
  border:0;
}