/* replica-r4. 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;
}
/* White text links turn the LingoTech logo gold on hover and keyboard focus.
   The rule follows the theme's white link token, so a new text link picks it up.
   It does not run where the link token is not white, and it skips the menu,
   buttons, icon fonts, and links that are pictures. */
#usersite-container,
#usersite-container :is(.style-section-style-1, .style-section-style-2, .default-section-style, .complementary-section-style) {
  container-name: lingotech-tone;
}
@container lingotech-tone style(--link-color-l: 100) {
  #usersite-container a:not(.button):not(.btn-wiz):not(.my_site_icon):not(.contact-stream):not(:has(img)):not(:has(svg)):not(:has(i[class*="icon"])):not(#main-nav a):not(#toggle-mobile-menu a):not(.pagination a):is(:hover, :focus-visible) {
    color: #f7aa15;
  }
}
@container lingotech-tone style(--heading-color-l: 100) {
  #usersite-container :is(.blog_feature, .post) :is(.heading-blog, h3.text-main) a:not(:has(img)):not(#main-nav a):is(:hover, :focus-visible) {
    color: #f7aa15;
  }
}