/* ViCamBachGiai — targeted home refinements */

/* Clean signal label: no capsule, no outline, no ornamental rule. */
.home-signal-label > span {
  display: inline-block;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: #91b9dc !important;
  font-family: "Be Vietnam Pro", system-ui, sans-serif !important;
  font-size: clamp(.88rem, 1.45vw, 1.02rem) !important;
  font-weight: 600 !important;
  font-style: normal !important;
  line-height: 1.25 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase;
  text-shadow: none !important;
}
.home-signal-label > span::before,
.home-signal-label > span::after { content: none !important; display: none !important; }

/* Every network is visible; only configured URLs are interactive. */
.social-strip .social-ico {
  border: 1px solid rgba(255,255,255,.22) !important;
  color: #fff !important;
  opacity: 1;
  filter: none;
  box-shadow: 0 6px 16px rgba(0,0,0,.24);
}
.social-strip .social-youtube { background: #ff0033 !important; }
.social-strip .social-tiktok {
  background: #050505 !important;
  border-color: rgba(255,255,255,.3) !important;
  box-shadow: -2px 0 0 rgba(37,244,238,.46), 2px 0 0 rgba(254,44,85,.42), 0 6px 16px rgba(0,0,0,.3);
}
.social-strip .social-instagram {
  background: radial-gradient(circle at 32% 100%, #ffd600 0 17%, #ff7a00 35%, #ff0169 62%, #d300c5 78%, #7638fa 100%) !important;
}
.social-strip .social-facebook { background: #1877f2 !important; }
.social-strip .social-wattpad { background: #ff5a1f !important; }
.social-strip .social-ico.is-disabled {
  /* Missing links affect interaction only, never the visual treatment. */
  opacity: 1 !important;
  filter: none !important;
  cursor: default !important;
  pointer-events: none !important;
}
.social-strip .social-ico.is-active {
  opacity: 1 !important;
  filter: none !important;
}
.social-strip .social-ico.is-active:hover,
.social-strip .social-ico.is-active:focus-visible {
  transform: translateY(-2px) scale(1.04);
  border-color: rgba(255,255,255,.65) !important;
  box-shadow: 0 9px 22px rgba(0,0,0,.32);
}

/* Long medal titles remain readable and may wrap naturally without ellipsis. */
.medal-pick-copy > b {
  display: block !important;
  max-width: 100%;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
  font-size: 1.02rem !important;
  line-height: 1.18 !important;
}
@media (max-width: 760px) {
  .medal-pick-copy > b {
    font-size: .88rem !important;
    line-height: 1.16 !important;
  }
}

/* Landscape: restore the compact left column and move only the sidebar.
   --home-side-offset is measured from the actual first rail, so neither rail
   dimensions nor the shared grid track can be stretched by this alignment. */
@media (min-width: 900px) and (orientation: landscape), (min-width: 1100px){
  .home-desktop-main {
    gap: .7rem !important;
  }
  .home-desktop-main .home-signal-label {
    box-sizing: border-box;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Restore the original rail flow: heading first, cards immediately below.
     Remove the later negative-margin/deep-padding treatment that pinned cards
     against the bottom edge of every large section shell. */
  .home-desktop-main .rail-panel {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
  }
  .home-desktop-main .rail {
    align-self: auto !important;
    margin: 0 !important;
    padding: 0 0 .4rem !important;
  }
  .home-desktop-side {
    padding: 0 !important;
    align-self: start !important;
    height: max-content;
    transform: translateY(var(--home-side-offset, 0px));
  }
  .home-desktop-side .medal-pick-copy > b {
    font-size: clamp(.72rem, 1.08vw, .9rem) !important;
    line-height: 1.14 !important;
  }
}