/* cci-core content pages in the v2 look. Layered on storefront.css, site-pages.css and refine.css.
   Same width (1224), type scale, links and closing as the homepage, cases and product pages. */
body.v2-content .sf-header .sf-wrap{width:min(1224px,calc(100% - 72px))}
.v2-content .v2-crumbs{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:13.5px;color:var(--sf-muted);margin:0 0 26px}
.v2-content .v2-crumbs a{color:var(--sf-muted);text-decoration:none}
.v2-content .v2-crumbs a:hover{color:var(--sf-ink)}
.v2-content .v2-crumbs [aria-current]{color:var(--sf-ink)}

/* Page hero: plain, readable, no full-bleed photo behind the text */
.v2-page-hero{padding:28px 0 clamp(36px,4vw,56px);border-bottom:1px solid var(--sf-line)}
.v2-refined #sf-content .v2-page-hero h1{font-size:clamp(40px,4.6vw,66px);line-height:1;letter-spacing:-.035em;margin:0 0 20px;max-width:18ch}
.v2-refined .sf-site .v2-page-lead{font-size:clamp(18px,1.5vw,21px);line-height:1.55;color:var(--sf-ink);max-width:60ch;margin:0}
.v2-page-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.v2-refined .sf-site .v2-page-assure{font-size:13.5px;color:var(--sf-muted);margin:18px 0 0}

.v2-page-hero.has-art .v2-page-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,72px);align-items:center}
.v2-page-hero-art{margin:0}
.v2-page-hero-art img{display:block;width:100%;aspect-ratio:16/11;object-fit:cover;border-radius:10px;box-shadow:0 30px 70px -25px #000,0 0 0 1px #ffffff1a}
@media (max-width:860px){.v2-page-hero.has-art .v2-page-hero-grid{grid-template-columns:1fr}.v2-page-hero-art{max-width:560px}}

/* Pages with a designed cover hero (case guides): keep it, on the v2 width and type */
.v2-content .v2-content-cover .sf-wrap{width:min(1224px,calc(100% - 72px))}
.v2-refined #sf-content .v2-content-cover h1{letter-spacing:-.03em}
.v2-refined .sf-site .v2-content-cover .ce-lead{font-size:18px;line-height:1.6}

/* Body: one rhythm, readable sizes */
body.v2-content .sf-site .sp-section{padding-block:clamp(48px,6vw,80px);font-size:var(--v2-body);line-height:1.7;color:var(--sf-muted);border-bottom:1px solid var(--sf-line)}
body.v2-content .sf-site .sp-section:last-child{border-bottom:0}
body.v2-content .sf-site .sp-prose p{margin:0 0 18px;font-size:var(--v2-body);line-height:1.7}
body.v2-content .sf-site .sp-prose>p,body.v2-content .sf-site .sp-prose>ul,body.v2-content .sf-site .sp-prose>ol{max-width:68ch}
body.v2-content .sf-site .sp-prose h2{font-size:clamp(30px,3.1vw,44px)!important;line-height:1.08!important;letter-spacing:-.025em;margin:0 0 22px;color:var(--sf-ink);max-width:22ch}
body.v2-content .sf-site .sp-prose h3{font-size:clamp(20px,1.7vw,24px)!important;line-height:1.2!important;letter-spacing:-.015em;margin:30px 0 12px;color:var(--sf-ink)}
body.v2-content .sf-site .sp-prose h4{font-size:18px!important;line-height:1.35!important;margin:24px 0 10px;color:var(--sf-ink)}
body.v2-content .sf-site .sp-prose li{padding:4px 0;font-size:var(--v2-body)}
body.v2-content .sf-site .sp-prose strong{color:var(--sf-ink)}
body.v2-content .sp-prose a:not(.sf-button):not(.sf-case a):not(.sf-link){color:var(--sf-ink);text-decoration:underline;text-decoration-color:var(--sf-yellow);text-decoration-thickness:1.5px;text-underline-offset:4px}
body.v2-content .sp-prose a:not(.sf-button):not(.sf-case a):not(.sf-link):hover{color:var(--sf-yellow)}
body.v2-content .sf-site .sp-prose .sf-eyebrow,body.v2-content .sf-site .sp-section .sf-eyebrow{font:700 12px/1.3 var(--v2-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sf-yellow);margin:0 0 14px}
body.v2-content .sp-prose img{border-radius:10px;box-shadow:0 30px 70px -25px #000,0 0 0 1px #ffffff1a}
body.v2-content .sf-site .sp-editorial{gap:clamp(32px,5vw,72px)}
body.v2-content .sf-site .sp-editorial-copy{font-size:var(--v2-body)}

/* FAQs and accordions: same as the homepage questions */
body.v2-content .sp-prose details{padding:0;border:0;border-bottom:1px solid var(--sf-line);border-radius:0;background:none;margin:0;max-width:none}
body.v2-content .sp-prose details:first-of-type{border-top:1px solid var(--sf-line)}
body.v2-content .sp-prose summary{font-size:17px;font-weight:650;padding:20px 0;list-style:none;display:flex;justify-content:space-between;gap:20px}
body.v2-content .sp-prose summary::-webkit-details-marker{display:none}
body.v2-content .sp-prose summary::after{content:"+";color:var(--sf-yellow);font-size:20px;line-height:1;transition:transform .2s}
body.v2-content .sp-prose details[open] summary::after{transform:rotate(45deg)}
body.v2-content .sp-prose details>*:not(summary){margin-bottom:20px}

/* Tables */
body.v2-content .sp-prose table{font-size:15px;border:1px solid var(--sf-line);border-radius:8px;overflow:hidden;background:#0e1122}
body.v2-content .sp-prose td,body.v2-content .sp-prose th{padding:14px 16px;border:0;border-bottom:1px solid var(--sf-line)}
body.v2-content .sp-prose th{font:700 11px/1.3 var(--v2-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sf-muted);background:#121527}

/* Quotes and reviews */
body.v2-content .sp-prose blockquote{background:#0e1122!important;border:1px solid var(--sf-line)!important;border-left:3px solid var(--sf-yellow)!important;border-radius:8px;font-size:17px;line-height:1.6}
body.v2-content .sp-prose .sf-review-card{padding:26px;border:1px solid var(--sf-line);border-radius:8px;background:#0e1122}
body.v2-content .sp-prose .sf-review-card blockquote{font-size:16px;border:0!important}

/* Forms (contact, participate, suggestions, redeem, gift) */
body.v2-content .sf-site .sp-contact-form label{font-size:14px;font-weight:650;color:var(--sf-ink)}
body.v2-content .sf-site .sp-contact-form input,body.v2-content .sf-site .sp-contact-form textarea,body.v2-content .sf-site .sp-contact-form select{border:1px solid var(--sf-line)!important;border-radius:8px!important;background:#0e1122!important;font-size:16px!important;padding:14px 16px!important}
body.v2-content .sf-site .sp-contact-form input:focus,body.v2-content .sf-site .sp-contact-form textarea:focus{border-color:var(--sf-yellow)!important;outline:none}
body.v2-content .sf-site .sp-contact-form .sp-form-privacy{font-size:13px}

/* Legal pages: one readable column */
.v2-content-body.is-legal .sp-section{max-width:80ch}

.v2-content-rail{padding-top:clamp(48px,6vw,80px)}
.v2-content-closing{margin-top:clamp(40px,5vw,64px)}

@media (max-width:700px){
  body.v2-content .sf-site .sf-wrap,body.v2-content .sf-header .sf-wrap{width:calc(100% - 32px)}
  .v2-page-hero{padding-top:18px}
  .v2-page-actions .sf-button{flex:1 1 200px;justify-content:center}
  body.v2-content .sf-site .sp-prose p,body.v2-content .sf-site .sp-prose li{font-size:16px}
  body.v2-content .sp-prose table{display:block;overflow-x:auto}
}

/* Shared pieces for rewritten pages */
.v2-page-kicker{font:700 12px/1.3 var(--v2-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sf-yellow);margin:0 0 14px}
.v2-page-facts{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:30px 0 0;border-block:1px solid var(--sf-line)}
.v2-page-facts li{display:grid;gap:2px;padding:14px 18px 14px 0}
.v2-page-facts li+li{padding-left:18px;border-left:1px solid var(--sf-line)}
.v2-page-facts strong{font-size:16.5px;color:var(--sf-ink)}
.v2-page-facts span{font-size:13.5px;color:var(--sf-muted)}
@media (max-width:860px){.v2-page-facts{grid-template-columns:1fr 1fr}.v2-page-facts li:nth-child(3){border-left:0;padding-left:0}.v2-page-facts li:nth-child(n+3){border-top:1px solid var(--sf-line)}}

/* Gift vouchers */
.v2-gift-xmas{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:clamp(28px,4vw,44px)!important;margin-block:clamp(40px,5vw,64px);border:1px solid #726c3880!important;border-radius:12px;background:radial-gradient(ellipse at left,#f6ec4512,transparent 65%),#131728}
.v2-gift-xmas-copy p{color:var(--sf-muted)}
.v2-refined #sf-content .v2-gift-xmas h2{margin:0 0 14px}
.v2-gift-picks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.v2-gift-picks article{display:grid;gap:10px;align-content:start;padding:24px;border:1px solid var(--sf-line);border-radius:8px;background:#0e1122}
.v2-refined #sf-content .v2-gift-picks h3{margin:0;font-size:20px}
.v2-gift-picks h3 a{color:var(--sf-ink);text-decoration:none}
.v2-gift-picks h3 a:hover{color:var(--sf-yellow)}
.v2-refined .sf-site .v2-gift-picks p{margin:0;font-size:15px;color:var(--sf-muted)}
.v2-refined .sf-site .v2-gift-picks .v2-gift-who{font:700 11px/1.3 var(--v2-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sf-yellow)}
.v2-refined .sf-site .v2-gift-meta{font-size:13px!important;display:flex;gap:6px;align-items:center}
.v2-refined .sf-site .v2-gift-note{margin-top:24px;color:var(--sf-muted)}
@media (max-width:1100px){.v2-gift-picks{grid-template-columns:1fr 1fr}}
@media (max-width:700px){.v2-gift-picks{grid-template-columns:1fr}.v2-gift-xmas{flex-direction:column;align-items:flex-start}}
.v2-refined .sf-site .v2-gift-xmas-copy p{margin:0 0 12px}.v2-refined .sf-site .v2-gift-xmas-copy p:last-child{margin:0}

/* How to play */
.v2-htp-watch{padding-block:clamp(48px,6vw,80px) 0}
.v2-htp-film .cci-player{border-radius:12px;overflow:hidden;box-shadow:0 40px 90px -30px #000,0 0 0 1px #ffffff1a}
.v2-htp-tip-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:tip}
.v2-htp-tip-list li{counter-increment:tip;padding:24px;border:1px solid var(--sf-line);border-radius:8px;background:#0e1122;display:grid;gap:8px;align-content:start}
.v2-htp-tip-list li::before{content:counter(tip,decimal-leading-zero);font:700 12px/1 var(--v2-mono);letter-spacing:.12em;color:var(--sf-yellow)}
.v2-refined #sf-content .v2-htp-tip-list h3{margin:0;font-size:19px}
.v2-refined .sf-site .v2-htp-tip-list p{margin:0;font-size:15.5px;color:var(--sf-muted)}
@media (max-width:1000px){.v2-htp-tip-list{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.v2-htp-tip-list{grid-template-columns:1fr}}

/* About: every case so far */
.v2-about-cases{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;border-top:1px solid var(--sf-line)}
.v2-about-cases li{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;padding:14px 0;border-bottom:1px solid var(--sf-line)}
.v2-about-n{font:700 12px/1 var(--v2-mono);color:var(--sf-yellow);letter-spacing:.1em}
.v2-about-cases a{color:var(--sf-ink);font-weight:700;font-size:17px;text-decoration:none}
.v2-about-cases a:hover{color:var(--sf-yellow)}
.v2-about-meta{margin-left:auto;font-size:13.5px;color:var(--sf-muted);display:inline-flex;gap:6px;align-items:center}
.v2-content-body .v2-maker{display:block}
@media (max-width:760px){.v2-about-cases{grid-template-columns:1fr}.v2-about-meta{margin-left:0;flex-basis:100%}}

/* Quiz */
.v2-quiz-widget{padding-top:clamp(28px,3vw,40px)!important}

/* Plain WordPress pages (solo guide, gameplay film, free puzzles) */
.v2-plain-crumbs{padding-top:28px}
.v2-plain-body{padding-block:12px clamp(40px,5vw,64px);font-size:var(--v2-body);line-height:1.7;color:var(--sf-muted)}
.v2-plain-body>*{max-width:none}
.v2-refined .sf-site .v2-plain-body p{font-size:var(--v2-body)}
.v2-refined .sf-site .v2-plain-body .sp-lead{font-size:clamp(18px,1.5vw,21px);color:var(--sf-ink)}
.sf-screen-main>picture>img{width:100%;max-height:650px;object-fit:cover;object-position:top;display:block}