/* Tool pages: premium informational sections (Premium 2.0 preview). Design only; same look as the home page sections. */
body.single-won_tool .tool-content .entry-content > .wp-block-group[class*="-section"] {
  --tone: var(--ws-primary); position: relative; isolation: isolate; display: flow-root;
  padding: clamp(1.25rem, 3vw, 2.25rem); margin-block: var(--ws-s5); border-radius: var(--ws-r-lg);
  border: 1px solid color-mix(in srgb, var(--tone) 18%, var(--ws-border));
  background: linear-gradient(135deg, color-mix(in srgb, var(--tone) 9%, var(--ws-surface)), color-mix(in srgb, var(--tone) 2%, var(--ws-surface)) 70%);
  box-shadow: var(--ws-shadow-md); color: var(--ws-text);
}
body.single-won_tool .tool-content .entry-content > .wp-block-group[class*="-section"]:nth-of-type(6n+2) { --tone: var(--ws-blue); }
body.single-won_tool .tool-content .entry-content > .wp-block-group[class*="-section"]:nth-of-type(6n+3) { --tone: var(--ws-green); }
body.single-won_tool .tool-content .entry-content > .wp-block-group[class*="-section"]:nth-of-type(6n+4) { --tone: var(--ws-pink); }
body.single-won_tool .tool-content .entry-content > .wp-block-group[class*="-section"]:nth-of-type(6n+5) { --tone: var(--ws-orange); }
body.single-won_tool .tool-content .entry-content > .wp-block-group[class*="-section"]:nth-of-type(6n) { --tone: var(--ws-cyan); }
.tool-content .won-eyebrow { display: inline-flex; align-items: center; gap: .4rem; margin-bottom: var(--ws-s2); padding: .2rem .8rem; border-radius: var(--ws-r-pill); background: color-mix(in srgb, var(--tone, var(--ws-primary)) 14%, var(--ws-surface)); color: var(--tone, var(--ws-primary)); font-size: var(--ws-fs-xs); font-weight: var(--ws-fw-bold); letter-spacing: .06em; text-transform: uppercase; }
.tool-content .won-eyebrow::before { content: ""; width: .45rem; height: .45rem; border-radius: 50%; background: currentColor; }
body.single-won_tool .tool-content .entry-content > .wp-block-group[class*="-section"] > h2 { clear: none; color: var(--ws-text); font-weight: 800; letter-spacing: -.03em; font-size: clamp(1.6rem, 2.8vw, 2.2rem); margin-top: 0; }
body.single-won_tool .tool-content .entry-content > .wp-block-group[class*="-section"] :is(p, li) { color: var(--ws-text); line-height: 1.7; }
body.single-won_tool .tool-content .entry-content > .wp-block-group[class*="-section"] > :is(p, ul, ol) { max-width: 54rem; }
body.single-won_tool .tool-content .entry-content > .wp-block-group[class*="-section"] a { color: var(--ws-primary); text-underline-offset: 3px; }
body.single-won_tool .tool-content .entry-content > .wp-block-group[class*="-section"] a:focus-visible { outline: none; box-shadow: var(--ws-ring); border-radius: 4px; }

/* intro illustration: right on wide screens, below the text otherwise */
.won-tool-art { pointer-events: none; width: min(16rem, 80%); margin: var(--ws-s3) auto; border-radius: var(--ws-r-lg); overflow: hidden; box-shadow: var(--ws-shadow-md); }
.won-tool-art svg { display: block; width: 100%; height: auto; }
@media (min-width: 900px) { .won-tool-art { float: right; width: 17rem; margin: 0 0 var(--ws-s4) var(--ws-s5); } }

/* ordered steps become numbered cards */
body.single-won_tool .tool-content .entry-content [class*="-steps"] { counter-reset: ts; display: grid; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); gap: var(--ws-s4); list-style: none; padding: 0; margin: var(--ws-s4) 0; max-width: none !important; width: 100%; }
body.single-won_tool .tool-content .entry-content [class*="-steps"] > li { counter-increment: ts; position: relative; padding: 3.6rem var(--ws-s4) var(--ws-s4) !important; border-radius: var(--ws-r-lg); background: linear-gradient(160deg, color-mix(in srgb, var(--tone) 10%, var(--ws-surface)), var(--ws-surface)); border: 1px solid var(--ws-border); box-shadow: var(--ws-shadow-sm); list-style: none; display: block; }
body.single-won_tool .tool-content .entry-content [class*="-steps"] > li::before { content: "0" counter(ts); position: absolute; top: var(--ws-s3); left: var(--ws-s3); display: grid; place-items: center; min-width: 2.1rem; height: 2.1rem; border-radius: var(--ws-r-md); background: var(--ws-surface); color: var(--tone); font-weight: 800; box-shadow: var(--ws-shadow-sm); }
body.single-won_tool .tool-content .entry-content [class*="-steps"] > li > strong { display: block; margin: 0 0 var(--ws-s1); color: var(--ws-text); font-size: var(--ws-fs-md); }
body.single-won_tool .tool-content .entry-content [class*="-steps"] > li > span { color: var(--ws-text-muted); }

/* card grids (use cases, presets, examples, comparison) */
body.single-won_tool .tool-content .entry-content [class*="-section"] [class*="-grid"]:not([class*="size-grid"]):not([class*="odds-grid"]), body.single-won_tool .tool-content .entry-content [class*="-comparison"] { display: grid; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); gap: var(--ws-s4); margin-block: var(--ws-s4); max-width: none !important; align-items: stretch; clear: both; }
body.single-won_tool .tool-content .entry-content [class*="-section"] [class*="-grid"] > [class*="-card"], body.single-won_tool .tool-content .entry-content [class*="-comparison"] > * { --c: var(--tone); padding: var(--ws-s4); border-radius: var(--ws-r-md); background: linear-gradient(170deg, color-mix(in srgb, var(--c) 9%, var(--ws-surface)), var(--ws-surface) 65%); border: 1px solid color-mix(in srgb, var(--c) 22%, var(--ws-border)); border-top: 4px solid var(--c); box-shadow: var(--ws-shadow-sm); margin: 0; transition: transform var(--ws-dur) var(--ws-ease), box-shadow var(--ws-dur) var(--ws-ease); }
body.single-won_tool .tool-content .entry-content [class*="-section"] [class*="-grid"] > [class*="-card"]:hover, body.single-won_tool .tool-content .entry-content [class*="-comparison"] > *:hover { transform: translateY(-3px); box-shadow: var(--ws-shadow-md); }
body.single-won_tool .tool-content .entry-content [class*="-section"] [class*="-grid"] > [class*="-card"] h3, body.single-won_tool .tool-content .entry-content [class*="-comparison"] > * h3 { margin: 0 0 var(--ws-s2); color: var(--ws-text); font-size: var(--ws-fs-md); }
body.single-won_tool .tool-content .entry-content [class*="-section"] [class*="-grid"] > [class*="-card"] p, body.single-won_tool .tool-content .entry-content [class*="-comparison"] > * p { color: var(--ws-text-muted); font-size: var(--ws-fs-sm); margin: 0 0 var(--ws-s2); }

/* figures / diagrams and callouts */
body.single-won_tool .tool-content .entry-content [class*="-section"] figure[class*="-visual"] { background: var(--ws-surface); border: 1px solid var(--ws-border); border-radius: var(--ws-r-lg); box-shadow: var(--ws-shadow-sm); padding: var(--ws-s4); margin-block: var(--ws-s4); max-width: none; color: var(--ws-text); }
body.single-won_tool .tool-content .entry-content [class*="-section"] figure[class*="-visual"] :is(h3, h4, strong, figcaption, p, span, li) { color: var(--ws-text); }
body.single-won_tool .tool-content .entry-content [class*="-section"] figure[class*="-visual"] figcaption { color: var(--ws-text-muted); }
body.single-won_tool .tool-content .entry-content [class*="-section"] [class*="-size-card"], body.single-won_tool .tool-content .entry-content [class*="-section"] figure[class*="-visual"] li { background: var(--ws-surface-2); border-color: var(--ws-border); border-radius: var(--ws-r-md); }
body.single-won_tool .tool-content .entry-content [class*="-section"] [class*="-callout"] { margin-block: var(--ws-s4); padding: var(--ws-s4) var(--ws-s4) var(--ws-s4) var(--ws-s5); border-radius: var(--ws-r-md); border: 1px solid color-mix(in srgb, var(--tone) 30%, var(--ws-border)); border-left: 5px solid var(--tone); background: color-mix(in srgb, var(--tone) 8%, var(--ws-surface)); }
body.single-won_tool .tool-content .entry-content [class*="-section"] [class*="-callout"] p { margin: 0; }
body.single-won_tool .tool-content .entry-content [class*="-section"] .home-odds-track, body.single-won_tool .tool-content .entry-content [class*="-section"] [class*="odds-track"] { background: var(--ws-primary-100); }

/* tables */
body.single-won_tool .tool-content .entry-content table { width: 100%; border-collapse: separate; border-spacing: 0; background: var(--ws-surface); border: 1px solid var(--ws-border); border-radius: var(--ws-r-lg); overflow: hidden; box-shadow: var(--ws-shadow-sm); max-width: none; }
body.single-won_tool .tool-content .entry-content table :is(th, td) { padding: var(--ws-s3) var(--ws-s4); text-align: left; border-bottom: 1px solid var(--ws-border); color: var(--ws-text); vertical-align: top; }
body.single-won_tool .tool-content .entry-content table th { background: var(--ws-primary-100); font-weight: var(--ws-fw-bold); }
body.single-won_tool .tool-content .entry-content table tr:last-child :is(th, td) { border-bottom: 0; }
body.single-won_tool .tool-content .entry-content table tr:nth-child(even) td { background: var(--ws-surface-2); }

/* the "at a glance / tips" sub-block that other filters add before the FAQ */
body.single-won_tool .tool-content .entry-content .won-tool-extra { margin-block: var(--ws-s5); }
body.single-won_tool .tool-content .entry-content .won-tool-extra h2 { font-size: var(--ws-fs-xl); color: var(--ws-text); }

@media (max-width: 640px) { body.single-won_tool .tool-content .entry-content table { display: block; overflow-x: auto; } }
@media (prefers-reduced-motion: reduce) { body.single-won_tool .tool-content .entry-content * { transition: none !important; } }

body.single-won_tool .tool-content .entry-content > .wp-block-group[class*="-section"] > :is(figure, table, div, section) { clear: both; }

body.single-won_tool .tool-content .entry-content [class*="-steps"] > li > :is(strong, span) { display: block !important; position: static !important; }
body.single-won_tool .tool-content .entry-content [class*="-steps"] > li::before { z-index: 1; }

/* Weighted Wheel page components */
body.single-won_tool .tool-content .entry-content .ww-formula { margin-block: var(--ws-s4); padding: var(--ws-s4) var(--ws-s5); border-radius: var(--ws-r-lg); border: 1px dashed color-mix(in srgb, var(--ws-primary) 45%, var(--ws-border)); background: var(--ws-primary-100); text-align: center; max-width: 54rem; }
body.single-won_tool .tool-content .entry-content .ww-formula p { margin: 0; font-size: clamp(1.05rem, 2.2vw, 1.35rem); color: var(--ws-text); overflow-wrap: anywhere; }
body.single-won_tool .tool-content .entry-content .ww-note { max-width: 54rem; margin-block: var(--ws-s4); padding: var(--ws-s3) var(--ws-s4); border-left: 4px solid var(--ws-primary); border-radius: var(--ws-r-md); background: var(--ws-primary-100); }
body.single-won_tool .tool-content .entry-content .ww-table { margin-block: var(--ws-s4); max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
body.single-won_tool .tool-content .entry-content .ww-table table { min-width: 28rem; margin: 0; }
body.single-won_tool .tool-content .entry-content .ww-bars { display: grid; gap: var(--ws-s2); max-width: 36rem; margin-block: var(--ws-s4); }
body.single-won_tool .tool-content .entry-content .ww-bar { position: relative; display: grid; grid-template-columns: 5.5rem 1fr 3rem; align-items: center; gap: var(--ws-s3); font-weight: var(--ws-fw-bold); color: var(--ws-text); }
body.single-won_tool .tool-content .entry-content .ww-bar i { grid-column: 2; grid-row: 1; display: block; height: .85rem; border-radius: var(--ws-r-pill); background: linear-gradient(90deg, var(--ws-primary), var(--ws-blue)); transform-origin: left; animation: ww-grow .9s cubic-bezier(.2, .7, .2, 1) both; }
body.single-won_tool .tool-content .entry-content .ww-bar b { text-align: right; }
@keyframes ww-grow { from { transform: scaleX(0); } }
body.single-won_tool .tool-content .entry-content .ww-figure { margin: var(--ws-s4) 0; max-width: 46rem; }
body.single-won_tool .tool-content .entry-content .ww-figure img { display: block; width: 100%; height: auto; border-radius: var(--ws-r-lg); border: 1px solid var(--ws-border); box-shadow: var(--ws-shadow-md); }
body.single-won_tool .tool-content .entry-content .ww-figure figcaption { margin-top: var(--ws-s2); font-size: var(--ws-fs-sm); color: var(--ws-text-muted); text-align: center; }
body.single-won_tool .tool-content .entry-content .ww-faq { max-width: 54rem; margin-block: var(--ws-s2); border: 1px solid var(--ws-border); border-radius: var(--ws-r-md); background: var(--ws-surface); }
body.single-won_tool .tool-content .entry-content .ww-faq summary { cursor: pointer; padding: var(--ws-s3) var(--ws-s4); font-weight: var(--ws-fw-bold); color: var(--ws-text); }
body.single-won_tool .tool-content .entry-content .ww-faq summary:focus-visible { outline: none; box-shadow: var(--ws-ring); border-radius: var(--ws-r-md); }
body.single-won_tool .tool-content .entry-content .ww-faq > :not(summary) { padding-inline: var(--ws-s4); }
body.single-won_tool .tool-content .entry-content .ww-faq[open] { border-color: color-mix(in srgb, var(--ws-primary) 40%, var(--ws-border)); }
@media (max-width: 640px) {
  body.single-won_tool .tool-content .entry-content .ww-bar { grid-template-columns: 4.5rem 1fr 2.6rem; }
}
@media (prefers-reduced-motion: reduce) { body.single-won_tool .tool-content .entry-content .ww-bar i { animation: none; } }