/* Content refresh, October 2026 (Dove Design Ltd). Loaded after the Webflow CSS. */
/* Hero: the right-hand gradient end (#57a9db) is too light for white text (2.6:1), so it is darkened to pass WCAG AA (5.3:1). */
.section_header1.blue-gradient{background-image:linear-gradient(148deg,#111193,#2a6db5)}
.hero-question{font-size:3rem}
.hero-para{margin-bottom:.9rem}
.hero-link{text-decoration:underline;text-underline-offset:.18em;font-weight:600}
.hero-secondary{border-color:#f8de87}
.hero-secondary:hover{background-color:#f8de87;color:#000}
.button:focus-visible,.hero-link:focus-visible,.text-style-link:focus-visible,.navbar1_link:focus-visible,.footer7_link:focus-visible{outline:.1875rem solid #f8de87;outline-offset:.1875rem}
.text-style-link:focus-visible,.footer7_link:focus-visible{outline-color:#111193}
@media screen and (max-width:991px){.hero-question{font-size:2.6rem}}
@media screen and (max-width:767px){.hero-question{font-size:2.1rem}}
/* Hero: text only, centred (Dave, 21 Oct 2026) */
.header1_content.hero-centred{grid-template-columns:1fr;justify-items:center;text-align:center}
.hero-centred .header1_content-left{max-width:46rem;margin:0 auto}
.hero-centred .button-group{justify-content:center}

/* Meet The Dogs: full-body drawings shown at natural size, never upscaled */
.layout1_image.dog-full{width:auto;height:auto;max-width:100%;max-height:none;margin:0 auto;display:block}
.layout1_image-wrapper:has(.dog-full){display:flex;align-items:center;justify-content:center;height:auto;align-self:center}

/* Newsletter (no-script Kit form 9944848), styled to match charlesoakley.co.uk */
.newsletter-section{background-image:linear-gradient(148deg,#111193,#2a6db5);color:#fff;text-align:center}
.newsletter-inner{max-width:40rem;margin:0 auto}
.newsletter-section .heading-style-h2{margin-bottom:1rem}
.signup{max-width:34rem;margin:1.5rem auto 0;text-align:left}
.signup label{display:block;font-weight:600;margin-bottom:.4rem;color:#fff}
.signup-row{display:flex;gap:.6rem;flex-wrap:wrap}
.signup input[type=email]{flex:1 1 15rem;min-width:0;font:inherit;font-size:1rem;padding:.8rem .9rem;border:2px solid #fff;border-radius:8px;color:#1a1a2e;background:#fff;-webkit-appearance:none}
.signup input[type=email]:focus{outline:3px solid #f8de87;outline-offset:3px;border-color:#111193}
.signup-button{font-family:inherit;font-size:1rem;cursor:pointer}
.signup-button:hover{background-color:#fff;border-color:#fff;color:#111193}
.signup-button:focus-visible{outline:3px solid #f8de87;outline-offset:3px}
.signup-notice{font-size:.92rem;margin-top:1rem;line-height:1.55;color:#fff}
.signup-notice a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:.18em}
.signup-notice a:focus-visible{outline:3px solid #f8de87;outline-offset:3px}
@media screen and (max-width:767px){.signup-row .signup-button{flex:1 1 100%}}

/* About the stories (Dave, 21 Oct 2026): copy moved out of the hero */
.about-stories-body{max-width:40rem;margin:2rem auto 0}
.about-stories-para{margin-bottom:1rem;line-height:1.65}
.about-stories-para:last-child{margin-bottom:0}
.about-stories .hero-link{color:#111193}
.about-stories .hero-link:focus-visible{outline-color:#111193}

/* Nav bar breathing room (Dave, 21 Oct 2026). The nav is static, not fixed or sticky, so no body offset is needed. */
.navbar1_component{padding-top:18px;padding-bottom:18px}
.navbar1_container{align-items:center}
.navbar1_logo-link{display:flex;align-items:center}
@media screen and (max-width:767px){.navbar1_component{padding-top:11px;padding-bottom:11px}}

/* Design review fixes M1, M2, M7, M8 (22 Oct 2026, approved by Dave) */
/* M7 self-hosted Poppins (replaces the Google WebFont loader) */
@font-face{font-family:"Poppins";font-weight:400;font-display:swap;src:url("../fonts/poppins-400.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-weight:600;font-display:swap;src:url("../fonts/poppins-600.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-weight:800;font-display:swap;src:url("../fonts/poppins-800.woff2") format("woff2")}
/* M1 hero type: question on two lines at desktop, three at 390 */
.hero-question{font-size:2.75rem;letter-spacing:-.01em}
.hero-centred .header1_content-left{max-width:52rem}
.section_header1 .padding-section-large{padding-top:5.5rem;padding-bottom:5.5rem}
@media screen and (max-width:767px){.hero-question{font-size:1.85rem}.section_header1 .padding-section-large{padding-top:3.5rem;padding-bottom:3.5rem}.hero-centred .button-group .button{flex:1 1 100%;max-width:20rem}}
/* M2 Meet The Dogs rhythm: tighter rows, text centred against each drawing */
#meet-the-dogs ~ .section_layout1 .padding-section-large{padding-top:3rem;padding-bottom:3rem}
#meet-the-dogs ~ .section_layout1 .layout1_content-2{align-items:center}
.section_header46 + .section_layout1 .padding-section-large{padding-top:2rem}
.about-stories .padding-section-large{padding-bottom:3rem}
@media screen and (max-width:767px){#meet-the-dogs ~ .section_layout1 .padding-section-large{padding-top:2rem;padding-bottom:2rem}#meet-the-dogs ~ .section_layout1 .layout1_content-2{grid-row-gap:1.25rem}}
/* M8 contact: centred, email and phone side by side */
.section_contact11 .max-width-large{margin:0 auto;text-align:center}
.section_contact11 .contact11_content{justify-content:center}
.section_contact11 .contact11_contact-list{grid-template-columns:max-content max-content;column-gap:4rem;justify-content:center;text-align:center}
.section_contact11 .contact11_icon-wrapper{margin:0 auto}
.section_contact11 .padding-section-large{padding-top:4.5rem;padding-bottom:4.5rem}
.footer7_legal-link{color:#ccc;text-decoration:underline}
@media screen and (max-width:767px){.section_contact11 .contact11_contact-list{grid-template-columns:1fr;row-gap:2rem}}
.hero-centred .hero-para{max-width:38rem;margin-left:auto;margin-right:auto}
.section_contact11 .contact11_content{display:flex;justify-content:center}
/* M7 lighter background: bubbles as WebP */
.main-wrapper.bubbles-bg{background-image:linear-gradient(#fffffff5,#fffffff5),url('../images/bubbles.webp')}
/* QA fix (22 Oct 2026): keep the Meet The Dogs heading clear of the top edge when jumped to. Padding plus negative margin, because webflow.js smooth scroll ignores scroll-margin */
#meet-the-dogs{scroll-margin-top:0;padding-top:1.5rem;margin-top:-1.5rem}