.aroundWeb{position:relative;max-width:1120px;margin:70px auto 0;padding:42px;border:1px solid rgba(141,202,46,.2);border-radius:27px;overflow:hidden;text-align:left;background:radial-gradient(circle at 88% 20%,rgba(36,122,157,.14),transparent 31%),linear-gradient(145deg,#101713,#060a08 66%);box-shadow:0 25px 65px rgba(0,0,0,.38)}.aroundWeb:before{content:"DAILY SIGNAL // EXTERNAL SOURCES";position:absolute;right:-24px;top:27px;color:rgba(157,221,56,.09);font:900 9px/1 Roboto,Arial,sans-serif;letter-spacing:5px;transform:rotate(90deg);transform-origin:center}.webHeader{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:25px}.webKicker{margin:0 0 8px;color:#78916b;font:800 10px/1 Roboto,Arial,sans-serif;letter-spacing:3px;text-transform:uppercase}.webHeader h2{margin:0;font-size:42px;letter-spacing:-1.8px}.webHeader h2 span{color:#9ddd38}.webHeader>p{max-width:430px;margin:0;color:#89968d;font-size:12px;line-height:1.55}.webViewport{overflow:hidden;border-radius:19px;border:1px solid rgba(141,202,46,.13);background:#080d0a}.webTrack{display:flex;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.webSlide{display:grid;grid-template-columns:1.08fr .92fr;flex:0 0 100%;min-width:100%;min-height:390px}.webImage{min-height:390px;overflow:hidden;background:radial-gradient(circle,#19351d,#050806 70%);display:grid;place-items:center}.webImage img{width:100%;height:100%;object-fit:cover}.webImage span{color:#9ddd38;font:900 72px/1 Roboto,Arial,sans-serif;opacity:.25}.webCopy{padding:39px 38px;display:flex;flex-direction:column;align-items:flex-start}.webSource{margin:0 0 13px!important;color:#8dca2e!important;font:800 9px/1 Roboto,Arial,sans-serif!important;letter-spacing:2px;text-transform:uppercase}.webCopy h3{margin:0;font-size:28px;line-height:1.08;letter-spacing:-.8px}.webExcerpt{margin:15px 0!important;color:#a5afa8!important;font-size:13px!important;line-height:1.65!important}.webCopy time{margin-top:auto;color:#6e7c72;font:800 9px/1 Roboto,Arial,sans-serif;letter-spacing:1.2px;text-transform:uppercase}.webSourceButton{display:inline-flex;align-items:center;gap:10px;min-height:47px;margin-top:17px;padding:7px 12px 7px 8px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:#f7f8f7;color:#121512;text-decoration:none;transition:.22s}.webSourceButton:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(0,0,0,.28)}.webSourceButton img{width:31px;height:31px;border-radius:7px;object-fit:contain}.webSourceButton span{font-size:9px;color:#5f685f;text-transform:uppercase;letter-spacing:.5px}.webSourceButton b{display:block;color:#171b17;font-size:12px;letter-spacing:0;text-transform:none}.webSourceButton i{margin-left:5px;font-style:normal}.webControls{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:19px}.webArrow{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(141,202,46,.22);border-radius:50%;background:rgba(141,202,46,.04);color:#b9f45a;font-size:18px;cursor:pointer}.webDots{display:flex;gap:7px}.webDots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#3c493f;cursor:pointer;transition:.2s}.webDots button.active{width:24px;border-radius:10px;background:#9ddd38}.webCredit{margin:15px 0 0;text-align:center;color:#69756c;font-size:9px;line-height:1.5;letter-spacing:.5px}.webUnavailable{flex:0 0 100%;padding:80px 25px;text-align:center;color:#89958c}.sectionCount{display:inline-flex;margin-top:12px;padding:6px 9px;border:1px solid rgba(157,221,56,.2);border-radius:999px;color:#aeea46;font:800 9px/1 Roboto,Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;background:rgba(157,221,56,.05)}.revivalCard.is-empty .sectionCount{color:#768276;border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.025)}
@media(max-width:850px){.aroundWeb{margin-top:52px;padding:30px}.webHeader{display:block;text-align:center}.webHeader>p{margin:12px auto 0}.webSlide{grid-template-columns:1fr}.webImage{min-height:300px;height:300px}.webCopy{min-height:355px}}
@media(max-width:520px){.aroundWeb{padding:22px 13px;border-radius:20px}.webHeader h2{font-size:34px}.webImage{min-height:220px;height:220px}.webCopy{min-height:380px;padding:27px 22px}.webCopy h3{font-size:23px}.webSourceButton{width:100%}.aroundWeb:before{display:none}}
.webViewport{touch-action:pan-y;-webkit-user-select:none;user-select:none}.webTrack{will-change:transform}

/* Responsive containment for the nine-story Around the Web carousel. */
.aroundWeb {
  width: min(1120px, calc(100% - 32px));
  max-width: 1120px;
  box-sizing: border-box;
}
.webHeader,
.webViewport,
.webTrack,
.webSlide,
.webImage,
.webCopy {
  min-width: 0;
  max-width: 100%;
}
.webSlide {
  overflow: hidden;
}
.webImage img {
  display: block;
  max-width: 100%;
  object-position: center center;
}
.webCopy h3,
.webExcerpt,
.webSourceButton b {
  overflow-wrap: anywhere;
}
.webSourceButton {
  max-width: 100%;
}
.webSourceButton span {
  min-width: 0;
}
.webControls {
  max-width: 100%;
}
.webDots {
  min-width: 0;
  max-width: min(100%, 240px);
  flex-wrap: wrap;
  justify-content: center;
}

@media (max-width: 850px) {
  .aroundWeb {
    width: calc(100% - 24px);
  }
  .webHeader > p {
    max-width: 38rem;
  }
}

@media (max-width: 520px) {
  .aroundWeb {
    width: calc(100% - 16px);
    margin-left: auto;
    margin-right: auto;
  }
  .webHeader,
  .webCopy {
    text-align: left;
  }
  .webHeader h2 {
    font-size: clamp(30px, 10vw, 34px);
    overflow-wrap: anywhere;
  }
  .webHeader > p {
    font-size: 14px;
  }
  .webImage {
    width: 100%;
    min-height: 190px;
    height: clamp(190px, 62vw, 240px);
  }
  .webCopy {
    width: 100%;
    min-height: 0;
    padding: 25px 18px;
  }
  .webExcerpt {
    font-size: 14px !important;
  }
  .webCopy time {
    margin-top: 8px;
  }
  .webSourceButton {
    justify-content: flex-start;
  }
  .webSourceButton i {
    margin-left: auto;
  }
  .webControls {
    gap: 9px;
  }
  .webArrow {
    flex: 0 0 38px;
  }
}

/* Keep one complete story visible in a compact mobile viewport. */
@media (max-width: 520px) {
  .aroundWeb {
    padding-top: 18px;
    padding-bottom: 16px;
  }
  .webHeader {
    margin-bottom: 14px;
  }
  .webKicker {
    margin-bottom: 5px;
  }
  .webHeader h2 {
    font-size: 30px;
    line-height: 1;
  }
  .webHeader > p {
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.4;
  }
  .webSlide {
    min-height: 0;
  }
  .webImage {
    min-height: 0;
    height: clamp(165px, 45vw, 205px);
  }
  .webCopy {
    min-height: 0;
    padding: 18px 17px 16px;
  }
  .webSource {
    margin-bottom: 8px !important;
    font-size: 8px !important;
    letter-spacing: 1.4px;
  }
  .webCopy h3 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: clamp(19px, 6vw, 23px);
    line-height: 1.08;
  }
  .webExcerpt {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 10px 0 6px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
  }
  .webCopy time {
    margin-top: 4px;
  }
  .webSourceButton {
    min-height: 41px;
    margin-top: 11px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .webSourceButton img {
    width: 27px;
    height: 27px;
  }
  .webControls {
    margin-top: 12px;
  }
  .webCredit {
    margin-top: 9px;
    font-size: 8px;
  }
}

@media (max-width: 380px), (max-height: 720px) and (max-width: 520px) {
  .webHeader > p,
  .webCredit {
    display: none;
  }
  .webImage {
    height: 150px;
  }
  .webCopy h3 {
    -webkit-line-clamp: 2;
    font-size: 19px;
  }
  .webExcerpt {
    -webkit-line-clamp: 1;
  }
}
