/* Skint Parents editorial visual layer */
:root{--sp-green:#176b4a;--sp-green2:#2f9b55;--sp-ink:#102b32;--sp-cream:#fffaf0;--sp-yellow:#ffd76a;--sp-line:#e9e3d7;--sp-muted:#526765;--sp-shadow:0 12px 32px rgba(16,43,50,.08)}
html{scroll-behavior:smooth}
body{background:var(--sp-cream);color:var(--sp-ink);overflow-x:hidden;font-size:1.0625rem;font-weight:400}body.page:not(.home) main#wp--skip-link--target{margin-top:0!important}body.page:not(.home) main#wp--skip-link--target>.wp-block-group{padding-top:48px!important;padding-bottom:48px!important}body.page:not(.home) .entry-content{margin-top:16px!important}.page-id-9 .entry-content{width:min(1120px,calc(100vw - 48px))!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}.sp-start-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:30px 0 50px}.sp-start-card{display:flex;min-height:166px;flex-direction:column;gap:.65rem;padding:24px;border:1px solid var(--sp-line);border-radius:16px;background:#fff;box-shadow:var(--sp-shadow);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.sp-start-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(16,43,50,.12)}.sp-start-card strong{font-size:1.14rem;color:var(--sp-ink);line-height:1.25}.sp-start-card span{color:var(--sp-muted);font-size:.94rem}.sp-start-card em{margin-top:auto;color:var(--sp-green);font-style:normal;font-weight:750}.home main#wp--skip-link--target{margin-top:0!important}.home main#wp--skip-link--target>.wp-block-group{padding-top:0!important;padding-bottom:0!important}.home .entry-content{margin-top:0!important}
.wp-site-blocks{padding-block:0}
h1,h2,h3,h4{color:var(--sp-ink);font-weight:750;letter-spacing:-.035em}
h1{line-height:1.04}
h2{line-height:1.12}
p,li{max-width:72ch}
a{color:var(--sp-green);text-underline-offset:.18em;text-decoration-thickness:1px}
a:focus-visible,button:focus-visible,.wp-block-button__link:focus-visible{outline:3px solid #d39a25;outline-offset:3px}
.wp-block-post-title a,.wp-block-site-title a{text-decoration:none}
.wp-block-button__link{font-weight:750;border-radius:999px;padding:.82rem 1.35rem;transition:transform .18s ease,box-shadow .18s ease}
.wp-block-button__link:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(16,43,50,.16)}
.wp-block-navigation a{color:var(--sp-ink)!important;font-weight:650;text-decoration:none}
.wp-block-navigation a:hover,.wp-block-post-title a:hover{text-decoration:underline;text-underline-offset:.2em}
.sp-utility p{margin:0;letter-spacing:.02em}
.sp-main-header{position:relative;z-index:20;box-shadow:0 3px 14px rgba(16,43,50,.035)}
.sp-main-header .wp-block-site-logo img{width:min(220px,27vw);height:auto}
.sp-main-header .wp-block-navigation{font-size:clamp(.72rem,.9vw,.9rem)!important}
.sp-wordmark .wp-block-site-title{line-height:.9;margin-bottom:.28rem}
.sp-wordmark .wp-block-site-title a{color:var(--sp-green)}
.sp-wordmark .wp-block-site-tagline{margin:0;color:var(--sp-ink);opacity:.78}
.home main#wp--skip-link--target>.wp-block-group>h1.wp-block-post-title{display:none}
.sp-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--sp-green)!important}
.sp-hero>.wp-block-group{position:relative;z-index:1;max-width:1240px!important;display:block!important}.sp-hero>.wp-block-group>*{max-width:54%}.sp-hero h1{color:var(--sp-cream)!important;font-size:clamp(3rem,5.7vw,5rem)!important;line-height:.98!important;max-width:12ch}.sp-hero .wp-block-buttons{max-width:58%}
.sp-hero:after{content:"";position:absolute;z-index:0;right:max(calc((100% - 1240px)/2),24px);top:50%;transform:translateY(-50%);width:min(42%,520px);height:74%;border-radius:28px;background-image:url("https://skintparents.co.uk/wp-content/uploads/2026/10/skint-parents-family-budgeting-hero.jpg");background-size:cover;background-position:center;box-shadow:0 24px 55px rgba(7,35,31,.24)}
.sp-hero:before{content:"";position:absolute;z-index:0;right:34%;top:7%;width:180px;height:180px;border:1px solid rgba(255,255,255,.14);border-radius:50%;pointer-events:none}
.sp-hero .wp-block-heading{margin-block:.28em}
.sp-hero .sp-kicker{font-size:.84rem;letter-spacing:.12em}
.sp-hero .wp-block-buttons{display:flex!important;flex-wrap:wrap;gap:12px;margin-top:1.4rem}
.sp-hero .wp-block-buttons>.wp-block-button{margin:0}
.sp-kicker{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.sp-categories{box-sizing:border-box;padding-inline:24px}.sp-categories.alignwide,.sp-latest.alignwide,.sp-trust.alignwide,.sp-popular>.wp-block-group.alignwide{position:relative;width:min(1240px,calc(100vw - 48px))!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}.sp-categories>.wp-block-columns.sp-category-grid,.sp-trust>.wp-block-columns{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}.sp-popular .wp-block-query,.sp-latest .wp-block-query{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}.sp-popular .wp-block-post-template,.sp-latest .wp-block-post-template{width:100%!important;max-width:none!important}.sp-wins>.wp-block-group.alignwide{width:min(1240px,calc(100vw - 48px))!important;max-width:none!important;margin-inline:auto!important}.sp-win-grid{display:grid!important;width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.sp-win-card{min-width:0;padding:22px!important;border:1px solid var(--sp-line);border-radius:16px;background:#f3f7f2;box-shadow:0 7px 22px rgba(16,43,50,.05)}.sp-win-card h3{font-size:1.1rem;margin-top:0}.sp-win-card a{color:var(--sp-ink);text-decoration:none}.sp-win-card p{margin-bottom:0;color:var(--sp-muted);font-size:.92rem}.sp-category-grid h3 a{display:flex;align-items:center;gap:.55rem}.sp-category-grid h3 a:before{content:"";display:inline-grid;flex:0 0 2rem;width:2rem;height:2rem;place-items:center;border-radius:50%;background:#e9f2e7;color:var(--sp-green);font-size:1rem;font-weight:800;line-height:1}.sp-category-grid a[href*="save-money"]:before{content:"£"}.sp-category-grid a[href*="make-money"]:before{content:"+"}.sp-category-grid a[href*="family-money"]:before{content:"◎"}.sp-category-grid a[href*="deals-freebies"]:before{content:"%"}.sp-category-grid a[href*="food-shopping"]:before{content:"≋"}.sp-category-grid a[href*="babies-kids"]:before{content:"✳"}.sp-category-grid a[href*="days-out-travel"]:before{content:"↗"}.sp-category-grid a[href*="reviews"]:before{content:"✓"}
.sp-category-grid{gap:16px}
.sp-category-grid>.wp-block-column{min-width:0;border:1px solid var(--sp-line);border-radius:16px;padding:22px 18px;background:#fff;box-shadow:0 7px 22px rgba(16,43,50,.05);transition:transform .18s ease,box-shadow .18s ease}
.sp-category-grid>.wp-block-column:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(16,43,50,.09)}
.sp-category-grid h3{margin:0 0 .45rem;font-size:1.04rem;line-height:1.25}
.sp-category-grid h3 a{color:var(--sp-ink);text-decoration:none}
.sp-category-grid p{margin:0;color:var(--sp-muted);font-size:.9rem}
.sp-popular{background:#f3f7f2!important}
.sp-popular .wp-block-query,.sp-latest .wp-block-query{margin-top:24px}
.sp-popular .wp-block-post-template,.sp-latest .wp-block-post-template{gap:20px}
.sp-card{height:100%;min-width:0;padding:0!important;border:1px solid var(--sp-line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--sp-shadow);transition:transform .18s ease,box-shadow .18s ease}.sp-card .wp-block-post-featured-image{margin:0!important}.sp-card .wp-block-post-featured-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.sp-card .wp-block-post-terms,.sp-card .wp-block-post-title,.sp-card .wp-block-post-excerpt{margin-left:20px;margin-right:20px}.sp-card .wp-block-post-terms{margin-top:18px}.sp-card .wp-block-post-excerpt{margin-bottom:20px}.sp-article-featured{margin:28px auto 36px!important}.sp-article-featured img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:18px}
.sp-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(16,43,50,.12)}
.sp-card .wp-block-post-terms{margin-bottom:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}
.sp-card .wp-block-post-title{margin:.35rem 0 .55rem;line-height:1.2}
.sp-card .wp-block-post-excerpt{color:var(--sp-muted);font-size:.93rem}
.sp-card .wp-block-post-excerpt__more-text{margin-top:.8rem;font-weight:750}
.sp-newsletter{border-radius:22px;box-shadow:0 12px 35px rgba(16,43,50,.08)}
.sp-newsletter h2{max-width:22ch}
.sp-trust li{margin-bottom:.6rem}
.sp-trust ul{list-style:none;padding:0}
.sp-trust li:before{content:none}
.wp-block-post-content{font-size:1.08rem;line-height:1.78}
.wp-block-post-content h2{margin-top:2.2em;font-size:clamp(1.65rem,3vw,2.2rem)}
.wp-block-post-content h3{margin-top:1.8em;font-size:clamp(1.3rem,2.4vw,1.65rem)}
.wp-block-post-content p,.wp-block-post-content li{max-width:72ch}
.wp-block-post-content ul,.wp-block-post-content ol{padding-left:1.4em}
.wp-block-post-content blockquote{padding:1.2rem 1.5rem;border-left:4px solid var(--sp-green);border-radius:0 12px 12px 0;background:#f1f6f1}
.wp-block-post-content table{font-size:.95rem;border-collapse:collapse}
.wp-block-post-content th,.wp-block-post-content td{padding:.7rem;border:1px solid var(--sp-line)}
footer.wp-block-template-part a{color:#fff!important;opacity:.9}footer.wp-block-template-part a:hover{opacity:1;text-decoration:underline}footer.wp-block-template-part h4{color:#fff!important}
@media(max-width:1000px){
 .sp-main-header .wp-block-site-logo img{width:min(190px,22vw)}
 .sp-main-header .wp-block-navigation{font-size:.76rem!important}
 .sp-main-header>.wp-block-group{gap:16px}
}
@media(max-width:782px){
 .sp-win-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sp-utility{display:none}
 .sp-main-header{padding:12px 18px!important}
 .sp-main-header .wp-block-site-logo img{width:min(190px,48vw)}
 .sp-main-header .wp-block-navigation{font-size:1rem!important}
 .sp-wordmark .wp-block-site-title{font-size:1.75rem!important}
 .sp-wordmark .wp-block-site-tagline{display:none}
 .sp-hero{padding:40px 20px 250px!important}
 .sp-hero>.wp-block-group{display:block!important}.sp-hero>.wp-block-group>*{max-width:none!important}.sp-hero h1{max-width:12ch}
 .sp-hero:after{top:auto;right:20px;bottom:20px;transform:none;width:calc(100% - 40px);height:210px;border-radius:20px}
 .sp-hero:before{display:none}
 .sp-hero h1{font-size:clamp(2.7rem,10vw,4.3rem)!important}
 .sp-hero .wp-block-buttons{gap:10px}
 .sp-hero .wp-block-button__link{padding:.78rem 1.1rem}
 .sp-category-grid{gap:12px}
 .sp-category-grid>.wp-block-column{flex-basis:calc(50% - 6px)!important;padding:18px 15px}
 .sp-popular,.sp-latest{padding-inline:20px!important}
 .sp-popular .wp-block-post-template,.sp-latest .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .sp-newsletter{margin:0 16px 40px!important;padding:30px 22px!important}
 .sp-trust{padding:36px 20px!important}
}
@media(max-width:480px){
 .page-id-9 .entry-content{width:calc(100vw - 32px)!important}.sp-start-grid{grid-template-columns:minmax(0,1fr)}.sp-win-grid{grid-template-columns:minmax(0,1fr)}
 body{font-size:1rem}
 .sp-hero{padding-top:34px!important;padding-bottom:226px!important}
 .sp-hero .sp-kicker{font-size:.7rem;letter-spacing:.09em}
 .sp-hero p:not(.sp-kicker){font-size:1.05rem!important}
 .sp-hero:after{height:185px}
 .sp-category-grid>.wp-block-column{flex-basis:calc(50% - 6px)!important;padding:16px 12px}
 .sp-category-grid h3{font-size:.95rem}
 .sp-category-grid p{font-size:.82rem}
 .sp-popular .wp-block-post-template,.sp-latest .wp-block-post-template{grid-template-columns:minmax(0,1fr)!important}
 .sp-card{padding:0!important}
 .sp-newsletter h2{font-size:1.7rem}
 .wp-block-columns{flex-wrap:wrap!important}
 .wp-block-columns>.wp-block-column{flex-basis:100%!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sp-category-grid>.wp-block-column,.sp-card,.wp-block-button__link{transition:none}}

/* Footer column proportions for the four-section layout */
footer.wp-block-template-part .wp-block-columns>.wp-block-column:nth-child(1){flex-basis:30%!important}
footer.wp-block-template-part .wp-block-columns>.wp-block-column:nth-child(2),footer.wp-block-template-part .wp-block-columns>.wp-block-column:nth-child(3){flex-basis:22%!important}
footer.wp-block-template-part .wp-block-columns>.wp-block-column:nth-child(4){flex-basis:26%!important}
@media(max-width:782px){footer.wp-block-template-part .wp-block-columns>.wp-block-column{flex-basis:calc(50% - 12px)!important}}

/* Category archives: use full theme width and reliable card grids */
body.archive main#wp--skip-link--target>.wp-block-group{width:min(1240px,calc(100vw - 48px))!important;max-width:none!important;margin-inline:auto!important}
body.archive .wp-block-post-template{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;width:100%!important;max-width:none!important}
body.archive .wp-block-post{min-width:0}
body.archive .wp-block-post>.wp-block-group{height:100%;min-width:0;padding:0!important;border:1px solid var(--sp-line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--sp-shadow)}
body.archive .wp-block-post-featured-image{margin:0!important}
body.archive .wp-block-post-featured-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
body.archive .wp-block-post-terms,body.archive .wp-block-post-title,body.archive .wp-block-post-excerpt{margin-left:20px!important;margin-right:20px!important}
body.archive .wp-block-post-terms{margin-top:18px!important}
body.archive .wp-block-post-excerpt{margin-bottom:20px!important}
body.archive main#wp--skip-link--target>.wp-block-group>h1.wp-block-post-title{display:none}
body.page:not(.home) main#wp--skip-link--target>.wp-block-group>h1.wp-block-post-title{display:none}
@media(max-width:782px){body.archive .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:480px){body.archive .wp-block-post-template{grid-template-columns:minmax(0,1fr)!important}}

/* Expand the inherited query block from the constrained archive template */
body.archive main#wp--skip-link--target>.wp-block-query{width:100%!important;max-width:none!important;margin-inline:0!important}
body.archive main#wp--skip-link--target>.wp-block-query>.wp-block-post-template{width:100%!important;max-width:none!important}

/* Hide the theme-generated title where page content supplies its own H1 */
body.page main#wp--skip-link--target>h1.wp-block-post-title,body.page main#wp--skip-link--target>.wp-block-group>h1.wp-block-post-title{display:none!important}

/* Start Here needs a wide canvas so the decision cards balance across the page */
body.page-id-9 main#wp--skip-link--target>.wp-block-group>.entry-content,body.page-id-9 main#wp--skip-link--target .entry-content{width:min(1120px,calc(100vw - 48px))!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
body.page-id-9 .sp-start-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px}
body.page-id-9 .sp-start-card{min-height:180px}
@media(max-width:600px){body.page-id-9 main#wp--skip-link--target .entry-content{width:calc(100vw - 32px)!important}body.page-id-9 .sp-start-grid{grid-template-columns:minmax(0,1fr)!important}}

/* Override Gutenberg constrained child sizing for the wide Start Here card grid */
body.page-id-9 .entry-content>.sp-start-grid{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
