/* CareAboutCare private review, 15 October 2026. Shared, explicit two-row controls. */
.button.two-line, #primary-nav a.two-line, #primary-nav a.two-line:not(.nav-cta) {
 display:inline-flex; flex-direction:column; justify-content:center; align-items:center;
 gap:0; min-height:62px; padding:10px 20px; border:2px solid #234d96;
 border-radius:10px; background:#fff; color:#193964!important; text-align:center;
 text-decoration:none; font-family:inherit; font-size:15px; font-weight:700;
 line-height:1.35; white-space:normal; box-sizing:border-box; max-width:100%;
}
.two-line>span {display:block;}
.button.two-line.button-coral,.button.two-line.button-primary,#primary-nav a.button-coral {
 background:#f49585; color:#193964!important; border-color:#f49585;
}
.two-line:hover {box-shadow:0 2px 9px #19396428;}
.two-line:focus-visible {outline:3px solid #234d96;outline-offset:4px;}
.two-line:disabled {opacity:.55;cursor:default;}
#primary-nav {gap:10px;}
.hero-actions {gap:12px;}
.hero-actions .two-line {flex:0 1 auto;}
.launch-feature .launching-label {font-size:clamp(17px,1.4vw,20px);font-weight:700;}
.launch-feature>p:first-child {font-size:clamp(17px,1.4vw,20px);}
.launch-feature h3 {margin:24px 0 4px;font-size:1.2rem;}
.launch-feature .two-line {margin-top:12px;}
.pillar-grid>span {align-items:flex-start;line-height:1.45;}
.audience-intro {padding-top:56px;padding-bottom:20px;}
.audience-intro h1 {font-size:clamp(2rem,4vw,3.5rem);line-height:1.15;max-width:950px;}
.audience-intro>p {max-width:900px;line-height:1.8;}
.routes-section {padding-top:28px;}
.route-context h2 {font-size:2rem;margin-bottom:16px;}
.route-context .two-line {margin-top:12px;}
.plan-card p,.employer-card p {line-height:1.75;}
.plan-card h3 {font-size:1.5rem;line-height:1.3;}
.plan-card .two-line {margin-top:16px;}
.plan-grid {align-items:start;}
.free-reassurance {padding:24px 0;}
.trust-strip h2 {font-size:1.5rem;line-height:1.35;margin:0 0 16px;}
.trust-strip .two-line {margin-top:16px;}
.employer-points h3 {font-size:1.15rem;margin:0 0 8px;}
.employer-points>div {padding:20px 0;}
.interest-option {display:flex;gap:12px;align-items:flex-start;margin:16px 0;line-height:1.5;}
.interest-option input[type=checkbox] {appearance:auto;flex:0 0 20px;width:20px;height:20px;margin:3px 0 0;accent-color:#234d96;}
.signup-card fieldset {border:0;padding:0;margin:20px 0;}
.signup-card legend {font-weight:700;}
.signup-card .two-line.form-submit {width:auto;margin-top:18px;}
.existing-signup {border-top:1px solid #dce3eb;padding-top:20px;}
.support-icon {width:54px;height:54px;object-fit:contain;margin-bottom:12px;}
.support-map {width:64px;height:70px;object-fit:contain;}
.return-home {display:inline-flex;flex-direction:column;align-items:center;gap:12px;}
.return-home img {width:min(320px,80vw);height:auto;}
.support-return {text-align:center;}
.privacy-main>section {margin:32px 0;}
.privacy-main {overflow-wrap:anywhere;}
.privacy-main h2 {font-size:1.5rem;line-height:1.35;}
.privacy-main p {line-height:1.8;}
/* Free check: compact logo header, accessible controls, natural question height. */
.check-brand {display:flex;flex-direction:column;align-items:center;gap:8px;}
.check-brand p {font-weight:700;font-size:clamp(16px,4.2vw,22px);white-space:nowrap;margin:0;}
.check-brand img {width:min(300px,100%);height:auto;}
.hero-art .brand-tagline {font-size:clamp(18px,2vw,23px);font-weight:700;line-height:1.4;margin-top:8px;}
.care-word {color:#234d96;}.about-word {color:#e66d44;}
.button-preview {display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:16px 0;}
.button-preview .button {pointer-events:none;box-shadow:none;}
.button-preview small {font-size:.8rem;}
#start-button {display:flex;width:max-content;max-width:100%;margin:24px auto 16px;}
#activity-start {display:flex;width:max-content;margin:0 auto 20px;}
#question-text {min-height:0;margin-bottom:12px;}
.question-prompt {margin-top:0;}
.secondary-actions {display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:12px;}
.secondary-actions .two-line {min-height:48px;font-size:13px;padding:7px 14px;}
.question-actions .two-line {min-height:48px;font-size:13px;}
.question-actions {align-items:center;gap:12px;}
#next-step-copy {white-space:normal;}
#next-step-copy p {margin:14px 0;}
#next-step-copy ul {padding-left:24px;margin:18px 0;}
#next-step-copy li {margin:10px 0;}
.closing {padding-top:32px;padding-bottom:24px;margin-bottom:0;}
.privacy-detail-panel {padding-top:12px;margin-top:0;}
@media(max-width:1000px) {
 #primary-nav.is-open {gap:10px;}
 #primary-nav a.two-line {width:100%;}
}
@media(max-width:900px) {
 .hero-art:has(.brand-tagline) {display:flex;flex-direction:column;align-items:center;padding:16px;}
 .hero-art:has(.brand-tagline)>img {width:min(290px,80vw);height:auto;max-width:100%;}
 .hero-art .brand-tagline {text-align:center;}
}
@media(max-width:600px) {
 .hero-actions {display:flex;flex-wrap:wrap;}
 .hero-actions .two-line {flex:1 1 140px;}
 .audience-intro {padding-top:28px;}
 .plan-grid {grid-template-columns:1fr;}
 .button.two-line {padding-left:14px;padding-right:14px;}
 .check-card {padding:22px 16px;}
 .check-brand {margin-bottom:22px;}
 .next-step {gap:12px;}
 .closing {padding:28px 20px 20px;}
 .hero-points {flex-wrap:wrap;}
}

/* Display crop removes the existing image's white border without changing the artwork. */
.hero-art:has(.brand-tagline){gap:8px;}
.logo-crop{position:relative;overflow:hidden;width:min(320px,100%);aspect-ratio:807/660;}
.hero-art .logo-crop img{position:absolute;width:119.83%;max-width:none;height:auto;left:-9.91%;top:-12.12%;margin:0;}
.care-first{color:#1c70b3}.care-about{color:#239dd0}.care-last{color:#f15b78}
.support-return .return-home{display:inline-flex;}
.preview-bar{height:auto;min-height:38px;padding:8px 16px;flex-wrap:wrap;text-align:center;}

/* Carer introduction: natural text flow and compact calls to action. */
#carer-route .route-context {display:block;max-width:800px;}
#carer-route .route-context .route-overline {margin:0 0 12px;}
#carer-route .route-context h2 {margin:0 0 16px;}
#carer-route .route-context>p {max-width:760px;margin:0 0 16px;line-height:1.75;}
#carer-route .route-context>.button.two-line,
#carer-route .plan-card>.button.two-line {
 width:200px;max-width:100%;align-self:flex-start;justify-self:start;
 flex:none;margin-top:4px;
}

/* Employer pilot benefits: heading above regular-weight supporting copy. */
.employer-points>div {display:block;padding:22px 0;}
.employer-points>div h3 {margin:0 0 10px;font-size:1.15rem;line-height:1.4;font-weight:700;}
.employer-points>div p {margin:0;font-weight:400;line-height:1.75;}

/* Make question changes clear without moving the answer/navigation controls. */
.question-content.question-appear {animation:cac-question-arrive 360ms ease-out both;}
@keyframes cac-question-arrive {
  0% {opacity:0;}
  20% {opacity:0;}
  100% {opacity:1;}
}
@media(prefers-reduced-motion:reduce) {
  .question-content.question-appear {animation:none;}
}

/* Approved horizontal logo throughout; preserve existing mobile menu behaviour. */
.site-header .brand{width:250px;height:auto;overflow:visible;flex:0 0 auto;}
.site-header .brand img,.site-header .brand-logo{display:block;width:250px;max-width:100%;height:auto;transform:none;object-fit:contain;}
.art-logo-wrap{height:auto;min-height:110px;display:flex;align-items:center;}
.art-logo-wrap img{width:100%;height:auto;max-width:360px;object-fit:contain;}
.hero-art:has(.brand-tagline)>img{width:min(360px,100%);height:auto;max-width:100%;}
@media(max-width:720px){
 .site-header .brand{width:min(220px,60vw);height:auto;}
 .site-header .brand img,.site-header .brand-logo{width:100%;height:auto;transform:none;}
 .art-logo-wrap{height:auto;min-height:95px;}
 .art-logo-wrap img{width:100%;height:auto;}
}