/* Preserve approved sizes against legacy mobile h1/p !important rules. */
/* Approved Collagen Variant A body layout, scoped to its Page template. */
body.collagen-book-page{font-family:Inter,sans-serif;color:#171a18;background:#fff;font-synthesis:none;--green:#116e48;--muted:#606560;--soft:#f2f3f1}
body.collagen-book-page *{box-sizing:border-box}
body.collagen-book-page{margin:0}
body.collagen-book-page h1, body.collagen-book-page h2, body.collagen-book-page h3, body.collagen-book-page p, body.collagen-book-page figure{margin:0}
body.collagen-book-page a{color:inherit;text-underline-offset:4px}
body.collagen-book-page img{max-width:100%;display:block}
body.collagen-book-page button, body.collagen-book-page input{font:inherit}
body.collagen-book-page button{cursor:pointer}
body.collagen-book-page button:focus-visible, body.collagen-book-page a:focus-visible, body.collagen-book-page input:focus-visible{outline:3px solid #116e48;outline-offset:4px}
body.collagen-book-page main{max-width:1160px;margin:auto;padding:32px 32px 50px}
body.collagen-book-page h1{font-size:42px!important;line-height:1.13;letter-spacing:-1.5px;font-weight:700;text-wrap:balance}
body.collagen-book-page h1 span{color:var(--green)}
body.collagen-book-page .topics{list-style:none;padding:0;margin:0}
body.collagen-book-page .topics li{position:relative;padding-left:26px;font-size:16px!important;line-height:1.5;margin:12px 0;color:#424944}
body.collagen-book-page .topics li:before{content:'✓';color:var(--green);position:absolute;left:0;top:0;font-size:20px!important}
body.collagen-book-page .art{display:flex;align-items:center;justify-content:center}
body.collagen-book-page .art img{width:100%;height:auto}
body.collagen-book-page .collagen-request-form{margin-top:25px}
body.collagen-book-page label{font-size:13px!important;font-weight:600;display:block;margin-bottom:9px}
body.collagen-book-page input{width:100%;min-height:56px;border:1px solid #d7dcd7;border-radius:7px;padding:15px 16px;background:#fff;font-size:16px!important;color:#171a18}
body.collagen-book-page input::placeholder{color:#828782}
body.collagen-book-page .cta{display:block;width:100%;border:0;background:var(--green);color:#fff;border-radius:7px;min-height:58px;padding:16px;font-size:19px!important;line-height:1.4;margin-top:12px;font-weight:400}
body.collagen-book-page .cta:hover{background:#0c5739}
body.collagen-book-page .status{font-size:14px!important;line-height:1.5;color:var(--green);padding-top:16px}
body.collagen-book-page .layout-a{display:grid;grid-template-columns:39% 1fr;gap:65px;align-items:center}
body.collagen-book-page .layout-a .art{padding:0;min-height:0}
body.collagen-book-page .layout-a .art img{max-width:350px}
body.collagen-book-page .layout-a h1{font-size:38px!important}
body.collagen-book-page .layout-a .opening{text-align:center}
body.collagen-book-page .layout-a .details{margin-top:26px}
body.collagen-book-page .layout-a .topics li{font-size:16px!important;margin:12px 0}
body.collagen-book-page .layout-a .collagen-request-form{margin-top:23px}
@media(min-width:1500px){
body.collagen-book-page main{padding-top:60px}
}
@media(max-width:950px) and (min-width:701px){
body.collagen-book-page main{padding-inline:24px}
body.collagen-book-page .layout-a{gap:30px;grid-template-columns:34% 1fr}
body.collagen-book-page .layout-a .art{padding:0}
body.collagen-book-page .layout-a h1{font-size:32px!important}
}
@media(max-width:700px){
body.collagen-book-page main{padding:30px 22px 24px;max-width:560px}
body.collagen-book-page h1, body.collagen-book-page .layout-a h1{font-size:31px!important;letter-spacing:-1px;line-height:1.17}
body.collagen-book-page .topics li, body.collagen-book-page .layout-a .topics li{font-size:15px!important;margin:13px 0}
body.collagen-book-page .layout-a{display:flex;flex-direction:column;gap:28px}
body.collagen-book-page .layout-a>.visual{width:100%}
body.collagen-book-page .layout-a .art{max-width:none;padding:0}
body.collagen-book-page .layout-a .art img{width:183px}
body.collagen-book-page .layout-a .visual{order:2}
body.collagen-book-page .layout-a .copy{display:contents}
body.collagen-book-page .layout-a .opening{order:1}
body.collagen-book-page .layout-a .details{order:3}
body.collagen-book-page .layout-a .details{margin-top:0;width:100%}
body.collagen-book-page .layout-a .collagen-request-form{margin-top:25px}
body.collagen-book-page .cta{font-size:17px!important;min-height:58px}
body.collagen-book-page input{font-size:16px!important}
}
@media(prefers-reduced-motion:reduce){
body.collagen-book-page *{scroll-behavior:auto!important}
}
body.collagen-book-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
body.collagen-book-page{--type-body:calc(17px + clamp(0px, calc(-1.304347826px + 0.326086957vw), 1.1999999999999993px) + clamp(0px, calc(-2.100000000px + 0.273437500vw), 1.4000000000000021px));
  --type-answer:calc(17px + clamp(0px, calc(-1.086956522px + 0.271739130vw), 1px) + clamp(0px, calc(-1.500000000px + 0.195312500vw), 1px));
  --type-field:calc(17px + clamp(0px, calc(-0.652173913px + 0.163043478vw), 0.6000000000000014px) + clamp(0px, calc(-2.400000000px + 0.312500000vw), 1.5999999999999979px));
  --type-button:calc(19px + clamp(0px, calc(-0.652173913px + 0.163043478vw), 0.6000000000000014px) + clamp(0px, calc(-2.400000000px + 0.312500000vw), 1.5999999999999979px));
  --type-hero:calc(24px + clamp(0px, calc(-4.347826087px + 1.086956522vw), 4px) + clamp(0px, calc(-12.000000000px + 1.562500000vw), 8px));
  --type-question:calc(23px + clamp(0px, calc(-5.434782609px + 1.358695652vw), 5px) + clamp(0px, calc(-3.000000000px + 0.390625000vw), 2px));
  --type-screen:calc(28px + clamp(0px, calc(-4.347826087px + 1.086956522vw), 4px) + clamp(0px, calc(-6.000000000px + 0.781250000vw), 4px));
  --type-caption:calc(14px + clamp(0px, calc(-1.086956522px + 0.271739130vw), 1px) + clamp(0px, calc(-1.500000000px + 0.195312500vw), 1px));
  --type-footer:calc(16px + clamp(0px, calc(-0.000000000px + 0.000000000vw), 0px) + clamp(0px, calc(-0.900000000px + 0.117187500vw), 0.6000000000000014px));}
body.collagen-book-page{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.collagen-book-page .layout-a h1{font-size:var(--type-hero)!important;font-weight:700;letter-spacing:normal;line-height:1.2}
body.collagen-book-page .layout-a .topics li{font-size:var(--type-body)!important;line-height:1.55;color:#444;margin:14px 0}
body.collagen-book-page input{font-size:var(--type-field)!important;min-height:60px;padding:16px 18px}
body.collagen-book-page .cta{font-size:var(--type-button)!important;line-height:1.35;font-weight:400;min-height:62px;padding:17px 25px}
body.collagen-book-page main{min-height:calc(100vh - 144px)}
@media(max-width:700px){
body.collagen-book-page .layout-a h1{font-size:var(--type-hero)!important;line-height:1.25;letter-spacing:normal}
body.collagen-book-page input{font-size:var(--type-field)!important;min-height:58px;padding:15px 16px}
body.collagen-book-page .cta{font-size:var(--type-button)!important;font-weight:600;min-height:58px;padding:16px 14px}
}
body.collagen-book-page .support-note{font-size:calc(var(--type-body) - 2px)!important;line-height:1.6;color:#666;text-align:center;margin-top:24px}
body.collagen-book-page .support-note a{color:#116e48;text-decoration:underline}
body.collagen-book-page .support-note a:hover{text-decoration:underline}
@media(min-width:701px){
body.collagen-book-page .layout-a .opening{text-align:left}
body.collagen-book-page .layout-a .visual{align-self:start}
}
body.collagen-book-page .topics li{padding-left:32px}
body.collagen-book-page .topics li::before{content:'';width:24px;height:24px;left:0;top:50%;transform:translateY(-50%);background:#116e48;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='m5 12 4 4 10-10' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
@media(max-width:700px){
body.collagen-book-page main{padding-top:20px;padding-bottom:20px}
body.collagen-book-page .layout-a h1{font-size:clamp(22px,5.5vw,24px)!important;line-height:1.25}
body.collagen-book-page .layout-a{gap:14px}
body.collagen-book-page .layout-a .art img{width:210px}
body.collagen-book-page .layout-a .topics li:first-child{margin-top:0}
}
body.collagen-book-page .phone-contents{display:none}
@media(max-width:700px){
body.collagen-book-page .layout-a .details>.topics{display:none}
body.collagen-book-page .layout-a .details>.collagen-request-form{margin-top:0}
body.collagen-book-page .phone-contents{display:block;order:4;width:100%;border-top:1px solid #dfe4dc;margin-top:18px;padding-top:32px}
body.collagen-book-page .phone-contents h2{font-size:24px!important;line-height:1.25;font-weight:700;margin-bottom:32px;text-align:center}
body.collagen-book-page .phone-contents .collagen-request-form{margin-top:24px}
}

/* Owner-selected form treatment: existing Harmony Nutrition waitlist. */
body.collagen-book-page{
 --collagen-field-size:calc(clamp(1.0625000000rem, calc(1.0240536278rem + 0.1577287066vw), 1.1250000000rem) + clamp(0.0000000000rem, calc(-0.3076923077rem + 0.4807692308vw), 0.1250000000rem));
 --collagen-button-size:calc(clamp(1.1875000000rem, calc(1.1490536278rem + 0.1577287066vw), 1.2500000000rem) + clamp(0.0000000000rem, calc(-0.3076923077rem + 0.4807692308vw), 0.1250000000rem));
}
#collagen .collagen-prompt-field{display:grid;grid-template-columns:minmax(0,1fr);min-width:0}
#collagen .collagen-prompt-field>input,#collagen .collagen-field-prompt{grid-area:1/1;min-width:0}
#collagen .collagen-prompt-field>input{width:100%;max-width:none;height:100%;min-height:57px;margin:0;border:1px solid #d6dbd7;border-radius:7px;background:#fff;box-shadow:none;padding:15px 17px;color:#505850;font-family:inherit;font-size:var(--collagen-field-size)!important;line-height:1.3}
#collagen .collagen-field-prompt{align-self:center;padding:15px 17px;font-size:var(--collagen-field-size);line-height:1.3;color:#505850;pointer-events:none;overflow-wrap:anywhere}
#collagen .collagen-prompt-field>input:not(:placeholder-shown)~.collagen-field-prompt,#collagen .collagen-field-prompt[hidden]{visibility:hidden}
#collagen .collagen-prompt-field>input:focus{outline:none;border-color:#116e48;box-shadow:inset 0 0 0 1px #116e48}
#collagen .collagen-request-form button.wpforms-submit{display:flex;justify-content:center;align-items:center;width:100%;max-width:none;min-height:70px;height:auto;margin:0;border:0;border-radius:7px;background:#116e48;color:#fff;box-shadow:none;padding:22px 24px;font-family:inherit;font-size:var(--collagen-button-size)!important;font-weight:400;line-height:1.2;letter-spacing:normal;text-align:center;white-space:normal;cursor:pointer}
#collagen .collagen-request-form button.wpforms-submit:hover{background:#0c5437;color:#fff}
/* Preserve WPForms' Harmony transition over the shared Collagen shell rule. */
#collagen .collagen-request-form button.wpforms-submit{transition:all .15s ease-in-out}
#collagen .collagen-request-form button.wpforms-submit:focus-visible{outline:2px solid #116e48;outline-offset:3px}
@media(max-width:700px){
 #collagen .collagen-prompt-field>input{min-height:56px;padding:15px 13px}
 #collagen .collagen-field-prompt{padding:15px 13px}
 #collagen .collagen-request-form button.wpforms-submit{font-weight:600;line-height:1.3;padding:16px 18px;min-height:60px}
}

/* Keep WPForms in charge of validation, labels, submission and progress. */
#collagen .collagen-request-form .wpforms-container{margin:0;padding:0;font-family:inherit}
#collagen .collagen-request-form .wpforms-form{margin:0;padding:0}
#collagen .collagen-request-form .wpforms-field-container{display:grid;grid-template-columns:minmax(0,1fr);gap:13px}
#collagen .collagen-request-form .wpforms-field{min-width:0;margin:0;padding:0}
#collagen .collagen-request-form .wpforms-field input[type=email]{width:100%;max-width:none;min-height:57px;margin:0;border:1px solid #d6dbd7;border-radius:7px;background:#fff;box-shadow:none;padding:15px 17px;color:#505850;font-family:inherit;font-size:var(--collagen-field-size)!important;line-height:1.3}
#collagen .collagen-request-form .wpforms-field input::placeholder{color:#505850;opacity:1}
#collagen .collagen-request-form .wpforms-field input:focus{outline:none;border-color:#116e48;box-shadow:inset 0 0 0 1px #116e48}
#collagen .collagen-request-form .wpforms-field input.wpforms-error,#collagen .collagen-request-form .wpforms-field input.wpforms-error:focus{border-color:#b42318;box-shadow:inset 0 0 0 1px #b42318}
#collagen .collagen-request-form .wpforms-field input.wpforms-error:focus-visible{outline:2px solid #b42318;outline-offset:-3px}
#collagen .collagen-request-form .wpforms-field :is(em,label).wpforms-error{font-size:17px!important;line-height:1.4;font-style:normal;overflow-wrap:anywhere}
#collagen .collagen-prompt-field>:is(label.wpforms-error,em.wpforms-error,.wpforms-field-description){grid-column:1;grid-row:auto;width:100%}
#collagen .collagen-request-form .wpforms-submit-container{position:relative;margin:13px 0 0;padding:0;clear:both}
/* Match the approved Harmony form's native loading and focus states. */
#collagen .collagen-request-form .wpforms-submit-spinner{position:absolute;inset-inline-end:18px;top:50%;transform:translateY(-50%);width:22px;height:22px;margin:0;pointer-events:none;filter:brightness(0) invert(1)}
#collagen .collagen-request-form button.wpforms-submit:focus::after{content:none}
#collagen .collagen-request-form button.wpforms-submit:focus:not(:focus-visible){outline:none}
#collagen .collagen-request-form button.wpforms-submit:disabled{cursor:wait;opacity:.7;padding-inline:48px}
@media(max-width:700px){
 #collagen .collagen-request-form .wpforms-field-container{gap:11px}
 #collagen .collagen-request-form .wpforms-submit-container{margin-top:11px}
 #collagen .collagen-request-form .wpforms-field input[type=email]{min-height:56px;padding:15px 13px}
 #collagen .collagen-request-form .wpforms-field :is(em,label).wpforms-error{font-size:15px!important}
 #collagen .collagen-request-form button.wpforms-submit:disabled{padding-inline:48px}
}