/* FreeCellNow — America's Wettest Weekends
   Scoped to one article. No new fonts, libraries or changes to the game. */
body.blog-wet-weekends .content-layout--with-toc {
  width: min(1190px, calc(100% - 44px));
  grid-template-columns: 174px minmax(0, 1fr);
  gap: 40px;
  justify-content: center;
}
body.blog-wet-weekends .content-layout--with-toc .content-article { min-width: 0; }
body.blog-wet-weekends .content-toc { z-index: 2; }
body.blog-wet-weekends .content-hero h1 { max-width: 1050px; }

.ww-study {
  --ww-bg: #f7f6ee;
  --ww-paper: #fffef9;
  --ww-ink: #20372f;
  --ww-muted: #5f716a;
  --ww-emerald: #17694f;
  --ww-mint: #e4efe8;
  --ww-line: #d7e0d6;
  color: var(--ww-ink);
  font-size: 15px;
  line-height: 1.75;
}
.ww-study *, .ww-study *::before, .ww-study *::after { box-sizing: border-box; }
.ww-study svg { max-width: 100%; height: auto; display: block; }
.ww-study a { color: var(--ww-emerald); text-underline-offset: 3px; }
.ww-study h2, .ww-study h3 { font-family: Fraunces, Georgia, serif; letter-spacing: -.018em; line-height: 1.22; }
body.blog-wet-weekends .content-article .ww-study > section { margin: 0 0 64px; scroll-margin-top: 30px; }
body.blog-wet-weekends .content-article .ww-study > section h2 {
  margin: 0 0 19px; font-size: clamp(27px, 3vw, 36px); font-weight: 550; line-height: 1.22;
}
body.blog-wet-weekends .content-article .ww-study > section h3 {
  font-size: clamp(21px, 2.5vw, 25px); margin: 26px 0 12px;
}
body.blog-wet-weekends .content-article .ww-study p { max-width: 74ch; }
.ww-study .metrics {
  display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 11px;
  margin: 0 0 46px;
}
.ww-study .metric {
  background: var(--ww-paper); border: 1px solid var(--ww-line);
  border-radius: 13px; padding: 18px 15px; min-height: 112px;
}
.ww-study .metric b {
  display: block; color: var(--ww-emerald); font: 600 clamp(27px, 3vw, 37px)/1.2 Fraunces, Georgia, serif;
  overflow-wrap: anywhere;
}
.ww-study .metric span { display: block; margin-top: 7px; font-size: 12px; line-height: 1.5; color: var(--ww-muted); }
.ww-study .figure {
  background: var(--ww-paper); border: 1px solid var(--ww-line);
  border-radius: 16px; padding: 24px 20px; margin: 25px 0 24px;
  box-shadow: 0 9px 30px rgba(23,62,49,.025); min-width: 0;
}
body.blog-wet-weekends .content-article .ww-study .figure h3 { margin: 0 0 8px; font-size: 23px; }
.ww-study .chart-intro { font-size: 12px; color: var(--ww-muted); margin: 0 0 16px; }
.ww-study .viz-wrap { width: 100%; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-color: #aabbaa transparent; }
.ww-study .data-svg { width: 100%; min-width: 560px; }
.ww-study .figcap {
  font-size: 11px; line-height: 1.7; color: var(--ww-muted);
  margin: 13px 0 0; border-top: 1px solid var(--ww-line); padding-top: 12px;
}
.ww-study .visual-bar { transform-box: fill-box; transform-origin: left center; animation: ww-reveal .85s cubic-bezier(.12,.58,.25,1) both; animation-delay: calc(var(--i)*50ms); }
@keyframes ww-reveal { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.ww-study .callout {
  background: var(--ww-mint); border-left: 4px solid var(--ww-emerald);
  border-radius: 0 13px 13px 0; padding: 20px 23px; margin: 24px 0;
}
.ww-study .callout p:last-child { margin-bottom: 0; }
.ww-study .fact-row { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 23px 0; }
.ww-study .fact { min-width: 0; border-top: 3px solid var(--ww-emerald); background: var(--ww-paper); border-radius: 0 0 11px 11px; padding: 16px; }
.ww-study .fact b { color: var(--ww-emerald); font: 600 21px Fraunces,Georgia,serif; }
.ww-study .fact p { font-size: 12px; line-height: 1.65; margin: 8px 0 0; }
.ww-study .controls { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 18px 0; }
.ww-study .controls label { font-size: 11px; text-transform: uppercase; letter-spacing: .07em; font-weight: 800; }
.ww-study .controls input, .ww-study .controls select {
  font: 600 13px Manrope,Arial,sans-serif;
  border: 1px solid #cbd8cc; border-radius: 9px; color: var(--ww-ink);
  background: #fff; padding: 11px 12px; min-height: 44px; min-width: 175px; max-width: 100%;
}
.ww-study .controls input { flex: 1; }
.ww-study .table-count,.ww-study .control-note,.ww-study .table-footnote { color: var(--ww-muted); font-size: 12px; line-height: 1.65; }
.ww-study .table-wrap { max-width: 100%; overflow-x: auto; border: 1px solid var(--ww-line); border-radius: 12px; background: var(--ww-paper); }
.ww-study .table-wrap table { width: 100%; min-width: 710px; border-collapse: collapse; white-space: nowrap; text-align: right; font-size: 12px; }
.ww-study .table-wrap th, .ww-study .table-wrap td { padding: 12px 10px; border-bottom: 1px solid #e7ede6; }
.ww-study .table-wrap thead th { font-size: 11px; background: #e8efe7; color: #345348; font-weight: 800; text-align: right; }
.ww-study .table-wrap th[scope="row"],.ww-study .table-wrap thead th:nth-child(2) { text-align: left; }
.ww-study .table-wrap td:first-child,.ww-study .table-wrap thead th:first-child { text-align: center; }
.ww-study .table-wrap tbody tr:hover { background: #f1f6f0; }
.ww-study .table-wrap .state { color: #72877b; font-weight: 700; padding-left: 4px; }
.ww-study .togglebar { display: flex; flex-wrap: wrap; gap: 8px; margin: 15px 0; }
.ww-study .togglebar button {
  appearance: none; border: 1px solid var(--ww-line); background: #fff;
  border-radius: 9px; color: var(--ww-ink); padding: 10px 14px; cursor: pointer;
  font: 800 12px Manrope,Arial,sans-serif;
}
.ww-study .togglebar button[aria-pressed="true"] { background: var(--ww-emerald); border-color: var(--ww-emerald); color: #fff; }
.ww-study .togglebar button:focus-visible, .ww-study .controls input:focus-visible,.ww-study .controls select:focus-visible { outline: 3px solid #83b4a3; outline-offset: 2px; }
.ww-study [hidden] { display: none !important; }
.ww-study .method-list { border-top: 1px solid var(--ww-line); }
.ww-study .method-list div { display: grid; grid-template-columns: 160px minmax(0,1fr); gap: 19px; border-bottom: 1px solid var(--ww-line); padding: 15px 0; font-size: 13px; }
.ww-study .method-list strong { color: #174e3c; }
.ww-study .method-list span { color: var(--ww-muted); }
.ww-study .sources { padding-left: 21px; font-size: 13px; }
.ww-study .sources li { overflow-wrap: anywhere; }
.ww-study .ww-data-link { font-weight: 800; }
.ww-study .cta { background: #173f32; color: #fff; border-radius: 17px; padding: 32px; margin-top: 36px; }
body.blog-wet-weekends .content-article .ww-study .cta h2 { color: #fff; margin: 0 0 12px; }
body.blog-wet-weekends .content-article .ww-study .cta p { color: #d3e5dc; }
.ww-study .cta .eyebrow { text-transform: uppercase; letter-spacing: .12em; font-weight: 800; font-size: 11px; }
.ww-study .cta .btn { display: inline-flex; color: #173f32 !important; background: #f8f9f0; border-radius: 9px; text-decoration: none; padding: 12px 17px; font-size: 13px; font-weight: 800; }
.ww-study .cta .btn:hover { background: #e9f1e7; }

@media (max-width: 950px) {
  body.blog-wet-weekends .content-layout--with-toc { grid-template-columns: 1fr; width: min(100% - 36px, 820px); gap: 22px; }
  body.blog-wet-weekends .content-toc { position: static; display: flex; gap: 14px; overflow-x: auto; margin: 0; padding: 0 0 15px; border-left: 0; border-bottom: 1px solid var(--content-line); }
  body.blog-wet-weekends .content-toc strong { display: none; }
  body.blog-wet-weekends .content-toc a { flex: 0 0 auto; white-space: nowrap; margin: 0; }
  .ww-study .metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 620px) {
  .ww-study .metrics { gap: 8px; margin-bottom: 36px; }
  .ww-study .metric { padding: 14px 12px; min-height: 100px; }
  .ww-study .metric b { font-size: 27px; }
  .ww-study .figure { padding: 18px 12px; }
  .ww-study .fact-row { grid-template-columns: 1fr; }
  .ww-study .method-list div { grid-template-columns: 1fr; gap: 4px; }
  .ww-study .cta { padding: 25px 20px; }
  .ww-study .controls input { min-width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .ww-study .visual-bar { animation: none !important; }
}
@media print {
  .ww-study .controls,.ww-study .togglebar { display: none !important; }
  .ww-study .figure,.ww-study .fact { break-inside: avoid; }
}