/* "Get the dog updates" sign-up boxes */
.cio-sub .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.cio-sub .row{display:flex;gap:10px;flex-wrap:wrap}
.cio-sub input[type=email]{flex:1 1 220px;min-width:0;font:inherit;font-size:16px;padding:14px 18px;border-radius:999px;border:2px solid transparent;outline:none}
.cio-sub input[type=email]:focus{border-color:var(--orange,#F5921F)}
.cio-sub button{flex:none}
.cio-sub .msg{display:block;min-height:1.2em;font-size:14px;margin-top:8px}
.cio-sub.done .row{display:none}
.cio-sub.done .msg{font-size:17px;font-weight:700;margin-top:0}
/* footer version */
.fsub{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px 40px;align-items:center;border-top:1px solid #5A595D;padding-top:32px}
.fsub strong{display:block;color:var(--orange,#F5921F);letter-spacing:.08em;font-size:15px;margin-bottom:6px}
.fsub p{margin:0;color:#C9C2B7;font-size:16px;line-height:1.5}
.fsub input[type=email]{background:#4A494C;color:#fff}
.fsub input[type=email]::placeholder{color:#B3ADA4}
.fsub .msg{color:#E3DDD3}
@media (max-width:760px){.fsub{grid-template-columns:1fr}}
/* story page band */
.sfollow{background:var(--sand,#EFE6D8)}
.sfollow-in{max-width:760px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding-block:clamp(48px,6vw,80px)}
.sfollow h2{margin:0;font-size:clamp(26px,3vw,38px);line-height:1.1;letter-spacing:-.02em}
.sfollow p{margin:0;font-size:17px;line-height:1.5;color:var(--ink-2,#5A595D)}
.sfollow .cio-sub{width:100%;max-width:520px}
.sfollow input[type=email]{background:#fff;border-color:var(--line,#E3D9C9)}
.sfollow .msg{color:var(--ink,#3A393B)}
/* popup version */
.popsub{width:100%;display:flex;flex-direction:column;gap:10px;text-align:center}
.popsub p{margin:0;font-size:16px;color:#E3DDD3}
.popsub input[type=email]{background:#4A494C;color:#fff}
.popsub input[type=email]::placeholder{color:#B3ADA4}
.popsub .msg{color:#E3DDD3}
/* opt-in tick on the donation boxes */
.optin{display:flex;gap:10px;align-items:flex-start;text-align:left;font-size:15px;line-height:1.4;color:var(--ink-2,#5A595D);cursor:pointer}
.optin input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--orange,#F5921F);flex:none}
.popsub .row{flex-direction:column}.popsub button{width:100%}.popsub input[type=email]{flex:none;width:100%}
@media (max-width:520px){.cio-sub .row{flex-direction:column}.cio-sub button{width:100%}.cio-sub input[type=email]{flex:none;width:100%}}