/* The standard WordPress-post feed. Kept separate from the base-library CSS so
   the Blog page does not load the AJAX library interface. */
.cwbbl-blog {
  --cwbbl-blog-navy: #061a2d;
  --cwbbl-blog-ink: #eaffff;
  --cwbbl-blog-muted: #afc2d9;
  --cwbbl-blog-border: rgba(196, 244, 255, .2);
  --cwbbl-blog-gradient: linear-gradient(135deg, #061a2d 0%, #123a80 22%, #4833ff 50%, #4080fd 75%, #1bd79c 100%);
  background:
    radial-gradient(circle at 88% 2%, rgba(72, 51, 255, .2), transparent 27rem),
    radial-gradient(circle at 3% 16%, rgba(27, 215, 156, .11), transparent 23rem),
    #071322;
  box-sizing: border-box;
  color: var(--cwbbl-blog-ink);
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  margin: 0 auto;
  max-width: 1240px;
  overflow: hidden;
  padding: clamp(18px, 3.4vw, 48px);
  position: relative;
}
.cwbbl-blog *, .cwbbl-blog *::before, .cwbbl-blog *::after { box-sizing: border-box; }
.cwbbl-blog__hero {
  align-items: flex-end;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .2) 0%, rgba(255, 255, 255, 0) 42%),
    var(--cwbbl-blog-gradient);
  border: 1px solid rgba(217, 255, 255, .58);
  border-radius: 28px;
  box-shadow: 0 20px 44px rgba(4, 13, 31, .35), inset 0 1px 0 rgba(255, 255, 255, .3);
  display: flex;
  gap: 26px;
  isolation: isolate;
  justify-content: space-between;
  overflow: hidden;
  padding: clamp(26px, 5vw, 52px);
  position: relative;
}
.cwbbl-blog__hero::before {
  background: radial-gradient(circle, rgba(234, 255, 255, .38) 0%, rgba(234, 255, 255, 0) 66%);
  content: "";
  height: 28rem;
  pointer-events: none;
  position: absolute;
  right: -9rem;
  top: -17rem;
  width: 28rem;
  z-index: -1;
}
.cwbbl-blog__hero::after {
  background: linear-gradient(90deg, rgba(234, 255, 255, 0), rgba(234, 255, 255, .45), rgba(234, 255, 255, 0));
  bottom: 0;
  content: "";
  height: 2px;
  left: 11%;
  opacity: .86;
  position: absolute;
  right: 11%;
}
.cwbbl-blog__hero-copy { max-width: 700px; }
.cwbbl-blog__eyebrow, .cwbbl-blog__section-head p {
  color: #eaffff;
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: .16em;
  margin: 0 0 9px;
  text-transform: uppercase;
}
.cwbbl-blog__eyebrow { align-items: center; display: flex; gap: 8px; }
.cwbbl-blog__eyebrow::before { background: #1bd79c; border-radius: 999px; box-shadow: 0 0 13px rgba(27, 215, 156, .86); content: ""; height: 7px; width: 7px; }
.cwbbl-blog h1, .cwbbl-blog h2, .cwbbl-blog h3 { color: inherit; font-family: inherit; }
.cwbbl-blog h1 { font-size: clamp(2rem, 4.5vw, 4rem); font-weight: 900; letter-spacing: -.055em; line-height: .98; margin: 0; text-wrap: balance; }
.cwbbl-blog__hero-copy > p:last-child { color: rgba(234, 255, 255, .92); font-size: clamp(.94rem, 1.7vw, 1.08rem); line-height: 1.6; margin: 17px 0 0; max-width: 620px; }
.cwbbl-blog__library-link, .cwbbl-blog-card__read {
  align-items: center;
  background: rgba(6, 26, 45, .84);
  border: 1px solid rgba(234, 255, 255, .55);
  border-radius: 999px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.23), 0 8px 22px rgba(4,13,31,.2);
  color: #fff !important;
  display: inline-flex;
  font-size: .83rem;
  font-weight: 850;
  gap: 9px;
  justify-content: center;
  line-height: 1;
  min-height: 43px;
  padding: 12px 16px;
  text-decoration: none !important;
  transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;
  white-space: nowrap;
}
.cwbbl-blog__library-link span, .cwbbl-blog-card__read span { font-size: 1.15em; transition: transform .22s ease; }
.cwbbl-blog__library-link:hover, .cwbbl-blog__library-link:focus-visible { border-color: #eaffff; box-shadow: 0 0 0 4px rgba(234,255,255,.16), 0 10px 24px rgba(4,13,31,.25); color: #fff !important; transform: translateY(-2px); }
.cwbbl-blog__library-link:hover span, .cwbbl-blog__library-link:focus-visible span, .cwbbl-blog-card__read:hover span, .cwbbl-blog-card__read:focus-visible span { transform: translateX(3px); }
.cwbbl-blog__section-head { align-items: end; display: flex; gap: 16px; justify-content: space-between; margin: clamp(28px, 5vw, 54px) 0 18px; }
.cwbbl-blog__section-head p { color: #7ee9e0; margin-bottom: 6px; }
.cwbbl-blog__section-head h2 { font-size: clamp(1.42rem, 2.8vw, 2.1rem); font-weight: 850; letter-spacing: -.04em; line-height: 1; margin: 0; }
.cwbbl-blog__count { border: 1px solid var(--cwbbl-blog-border); border-radius: 999px; color: #d9ebf8; font-size: .74rem; font-weight: 800; line-height: 1; padding: 9px 11px; white-space: nowrap; }
.cwbbl-blog__grid { display: grid; gap: 18px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cwbbl-blog-card { background: linear-gradient(155deg, rgba(22, 42, 70, .97), rgba(8, 21, 39, .98)); border: 1px solid var(--cwbbl-blog-border); border-radius: 20px; box-shadow: 0 12px 29px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.09); display: flex; flex-direction: column; min-width: 0; overflow: hidden; position: relative; transition: border-color .24s ease, box-shadow .24s ease, transform .24s ease; }
.cwbbl-blog-card::before { background: linear-gradient(90deg, #4833ff, #4080fd, #1bd79c); content: ""; height: 2px; left: 18px; opacity: 0; position: absolute; right: 18px; top: 0; transform: scaleX(.35); transition: opacity .24s ease, transform .24s ease; z-index: 2; }
.cwbbl-blog-card__media { aspect-ratio: 16 / 9; background: #0d1f36; display: block; overflow: hidden; position: relative; }
.cwbbl-blog-card__media::after { background: linear-gradient(180deg, transparent 52%, rgba(4,13,31,.52)); content: ""; inset: 0; pointer-events: none; position: absolute; }
.cwbbl-blog-card__media img { display: block; height: 100%; object-fit: cover; transition: transform .5s cubic-bezier(.22, 1, .36, 1); width: 100%; }
.cwbbl-blog-card__media--fallback { align-items: center; background: var(--cwbbl-blog-gradient); display: flex; justify-content: center; }
.cwbbl-blog-card__media--fallback span { color: #fff; font-size: clamp(2rem, 7vw, 4rem); font-weight: 950; letter-spacing: -.08em; text-shadow: 0 4px 14px rgba(4,13,31,.28); }
.cwbbl-blog-card__media--fallback i { border: 1px solid rgba(234,255,255,.6); border-radius: 99px; height: 70%; position: absolute; transform: rotate(-32deg); width: 36%; }
.cwbbl-blog-card__body { display: flex; flex: 1 1 auto; flex-direction: column; padding: 18px 18px 19px; }
.cwbbl-blog-card__meta { align-items: center; color: #a9c1db; display: flex; flex-wrap: wrap; font-size: .68rem; font-weight: 760; gap: 7px; line-height: 1.25; margin: 0 0 10px; }
.cwbbl-blog-card__meta span { background: rgba(27,215,156,.11); border: 1px solid rgba(87,239,216,.2); border-radius: 999px; color: #9ffcf0; font-size: .62rem; font-weight: 900; letter-spacing: .08em; padding: 5px 7px; text-transform: uppercase; }
.cwbbl-blog-card__meta time::before, .cwbbl-blog-card__meta small::before { color: #73dcd9; content: "•"; margin-right: 7px; }
.cwbbl-blog-card__meta small { color: inherit; font-size: inherit; }
.cwbbl-blog-card h3 { font-size: clamp(1.05rem, 1.7vw, 1.23rem); font-weight: 800; letter-spacing: -.026em; line-height: 1.28; margin: 0; text-wrap: balance; }
.cwbbl-blog-card h3 a { color: #fff !important; text-decoration: none !important; }
.cwbbl-blog-card h3 a:hover, .cwbbl-blog-card h3 a:focus-visible { color: #a9fff6 !important; }
.cwbbl-blog-card__excerpt { color: var(--cwbbl-blog-muted); display: -webkit-box; font-size: .84rem; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-height: 1.55; margin: 11px 0 17px; overflow: hidden; }
.cwbbl-blog-card__read { background: var(--cwbbl-blog-gradient); border-color: rgba(217,255,255,.45); margin-top: auto; min-height: 37px; padding: 10px 13px; width: max-content; }
.cwbbl-blog-card__read:hover, .cwbbl-blog-card__read:focus-visible { border-color: #eaffff; box-shadow: 0 0 0 3px rgba(27,215,156,.17), 0 8px 18px rgba(4,13,31,.25); color: #fff !important; }
/* Only the newest guide uses the split editorial layout: its image is locked
   to the left at its complete 16:9 ratio and every text element stays together
   in the right-hand body. */
.cwbbl-blog-card--featured { display: grid; grid-column: 1 / -1; grid-template-areas: "media body"; grid-template-columns: minmax(0, 1.78fr) minmax(360px, 1fr); }
.cwbbl-blog-card--featured .cwbbl-blog-card__media { align-self: start; aspect-ratio: 16 / 9; grid-area: media; min-height: 0; }
.cwbbl-blog-card--featured .cwbbl-blog-card__body { grid-area: body; justify-content: center; padding: clamp(22px, 3vw, 32px); }
.cwbbl-blog-card--featured h3 { font-size: clamp(1.33rem, 2.2vw, 1.9rem); }
.cwbbl-blog-card--featured .cwbbl-blog-card__excerpt { -webkit-line-clamp: 4; font-size: .93rem; }
.cwbbl-blog-card:hover { border-color: rgba(126, 233, 224, .48); box-shadow: 0 19px 37px rgba(0,0,0,.24), 0 0 0 1px rgba(64,128,253,.13), inset 0 1px 0 rgba(255,255,255,.13); transform: translateY(-4px); }
.cwbbl-blog-card:hover::before { opacity: 1; transform: scaleX(1); }
.cwbbl-blog-card:hover .cwbbl-blog-card__media img { transform: scale(1.045); }
.cwbbl-blog a:focus-visible { outline: 2px solid #eaffff; outline-offset: 3px; }
.cwbbl-blog__empty { align-items: center; background: rgba(10, 29, 50, .72); border: 1px dashed rgba(126,233,224,.55); border-radius: 20px; color: #fff; display: flex; flex-direction: column; gap: 7px; min-height: 180px; justify-content: center; padding: 28px; text-align: center; }
.cwbbl-blog__empty strong { font-size: 1.06rem; }
.cwbbl-blog__empty span { color: var(--cwbbl-blog-muted); font-size: .88rem; max-width: 440px; }
.cwbbl-blog__pagination { display:flex; justify-content:center; margin:clamp(26px, 4vw, 38px) 0 2px; }
.cwbbl-blog__pagination .page-numbers { align-items:center; display:flex; flex-wrap:wrap; gap:7px; justify-content:center; list-style:none; margin:0; padding:0; }
.cwbbl-blog__pagination .page-numbers li { margin:0; padding:0; }
.cwbbl-blog__pagination a, .cwbbl-blog__pagination span { align-items:center; background:rgba(13,31,54,.92); border:1px solid var(--cwbbl-blog-border); border-radius:11px; color:#d9ebf8 !important; display:inline-flex; font-size:.8rem; font-weight:850; justify-content:center; line-height:1; min-height:39px; min-width:39px; padding:10px 12px; text-decoration:none !important; transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.cwbbl-blog__pagination a:hover, .cwbbl-blog__pagination a:focus-visible { border-color:#7ee9e0; box-shadow:0 0 0 3px rgba(27,215,156,.14); color:#fff !important; transform:translateY(-2px); }
.cwbbl-blog__pagination .current { background:var(--cwbbl-blog-gradient); border-color:rgba(217,255,255,.58); color:#fff !important; }
.cwbbl-blog__pagination .dots { background:transparent; border-color:transparent; min-width:22px; padding-left:2px; padding-right:2px; }
@media (max-width: 980px) {
  .cwbbl-blog__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cwbbl-blog-card--featured { grid-column: 1 / -1; }
}
@media (max-width: 840px) {
  .cwbbl-blog-card--featured { display: flex; flex-direction: column; }
  .cwbbl-blog-card--featured .cwbbl-blog-card__media { align-self: auto; width: 100%; }
}
@media (max-width: 640px) {
  .cwbbl-blog { padding: 12px; }
  .cwbbl-blog__hero { align-items: flex-start; border-radius: 21px; flex-direction: column; gap: 20px; padding: 28px 22px; }
  .cwbbl-blog h1 { font-size: clamp(2rem, 11vw, 2.8rem); }
  .cwbbl-blog__hero-copy > p:last-child { font-size: .91rem; line-height: 1.5; }
  .cwbbl-blog__library-link { min-height: 39px; padding: 10px 13px; }
  .cwbbl-blog__section-head { align-items: center; margin-top: 31px; }
  .cwbbl-blog__grid { grid-template-columns: 1fr; }
  .cwbbl-blog__pagination .page-numbers { gap:5px; }
  .cwbbl-blog__pagination a, .cwbbl-blog__pagination span { font-size:.74rem; min-height:36px; min-width:36px; padding:9px 10px; }
  .cwbbl-blog-card, .cwbbl-blog-card--featured { display: flex; grid-column: auto; }
  .cwbbl-blog-card--featured .cwbbl-blog-card__media { aspect-ratio: 16 / 9; min-height: 0; }
  .cwbbl-blog-card--featured .cwbbl-blog-card__body { padding: 20px; }
  .cwbbl-blog-card__body { padding: 17px; }
  .cwbbl-blog-card--featured h3 { font-size: 1.25rem; }
  .cwbbl-blog-card__excerpt { font-size: .83rem; }
}
@media (prefers-reduced-motion: reduce) {
  .cwbbl-blog *, .cwbbl-blog *::before, .cwbbl-blog *::after { scroll-behavior: auto !important; transition: none !important; }
  .cwbbl-blog-card:hover, .cwbbl-blog__library-link:hover { transform: none; }
}


/* Compact related-guide rail for long-form articles. */
.cwbbl-article-sidebar{box-sizing:border-box;width:100%;max-width:330px;margin:0 auto;color:#eef6ff;font-family:Arial,sans-serif}.cwbbl-article-sidebar__panel{border:1px solid rgba(93,214,255,.22);border-radius:18px;background:linear-gradient(155deg,#101a2a,#172338 62%,#102334);box-shadow:0 16px 34px rgba(0,0,0,.22);padding:14px}.cwbbl-article-sidebar__eyebrow{margin:0 0 5px!important;color:#70e4d2!important;font-size:10px!important;font-weight:900!important;line-height:1.2!important;letter-spacing:.1em;text-transform:uppercase}.cwbbl-article-sidebar h2{margin:0 0 12px!important;color:#fff!important;font-size:19px!important;line-height:1.18!important;font-weight:900!important}.cwbbl-article-sidebar__list{display:grid;gap:9px}.cwbbl-article-sidebar__item{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;align-items:center;padding:8px;border:1px solid #304158;border-radius:13px;background:#172235}.cwbbl-article-sidebar__thumb{display:block;overflow:hidden;border-radius:9px;aspect-ratio:16/9;background:#0a1321}.cwbbl-article-sidebar__thumb img{display:block;width:100%;height:100%;object-fit:cover}.cwbbl-article-sidebar__thumb-fallback{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:#7ddcff;font-weight:900;font-size:15px}.cwbbl-article-sidebar__copy{min-width:0}.cwbbl-article-sidebar__copy time{display:block;margin:0 0 4px;color:#9ab0c9;font-size:10px;font-weight:700;line-height:1.2}.cwbbl-article-sidebar__copy h3{margin:0!important;font-size:12.5px!important;line-height:1.32!important;font-weight:850!important}.cwbbl-article-sidebar__copy h3 a{color:#f5f8ff!important;text-decoration:none!important}.cwbbl-article-sidebar__copy h3 a:hover,.cwbbl-article-sidebar__copy h3 a:focus-visible{color:#70e4d2!important}.cwbbl-article-sidebar__more{display:flex;align-items:center;justify-content:space-between;min-height:42px;margin-top:11px;padding:0 12px;border:1px solid rgba(93,214,255,.3);border-radius:12px;background:linear-gradient(100deg,#1d4ed8,#6d28d9,#0891b2);color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:900}.cwbbl-article-sidebar__reserved{width:100%;max-width:300px;min-height:250px;margin:18px auto 0;background:transparent}.cwbbl-article-sidebar__empty{color:#bcc8d8;font-size:12px;line-height:1.5}.cwb-aq-sidebar-col .elementor-widget-shortcode .elementor-shortcode{width:100%}
@media(max-width:767px){.cwbbl-article-sidebar{max-width:none}.cwbbl-article-sidebar__panel{padding:13px}.cwbbl-article-sidebar__item{grid-template-columns:112px minmax(0,1fr)}.cwbbl-article-sidebar__copy h3{font-size:13px!important}.cwbbl-article-sidebar__reserved{display:none}}

.cwbbl-guide-sidebar__type{display:block;margin:0 0 4px;color:#70e4d2;font-size:10px;font-weight:900;line-height:1.2;letter-spacing:.08em;text-transform:uppercase}


/* Combined troop, hero and base-layout sidebar. */
.cwbbl-combined-guide-sidebar .cwbbl-article-sidebar__panel{padding:14px}
.cwbbl-combined-sidebar__section + .cwbbl-combined-sidebar__section{
	margin-top:15px;
	padding-top:13px;
	border-top:1px solid rgba(137,164,198,.20)
}
.cwbbl-combined-sidebar__heading{
	margin:0 0 9px!important;
	color:#5dd6ff!important;
	-webkit-text-fill-color:#5dd6ff!important;
	font-size:18px!important;
	font-weight:900!important;
	line-height:1.15!important
}
.cwbbl-combined-guide-sidebar .cwbbl-article-sidebar__thumb{
	aspect-ratio:16/9!important
}
.cwbbl-combined-guide-sidebar .cwbbl-article-sidebar__thumb img{
	width:100%!important;
	height:100%!important;
	object-fit:cover!important
}
.cwbbl-combined-guide-sidebar .cwbbl-article-sidebar__reserved{
	display:none!important
}