/* Shared visual values for the homepage preview. Program UI remains separate. */
:root{
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s6:24px;--s8:32px;
  --green:#007e51;--green-hover:#006b45;--green-press:#005738;
  --ink:#111827;--ink-2:#374151;--ink-3:#5f6b66;
  --line:#8c9690;--line-soft:#d8dedb;
  --t-xs:12px;--lh-xs:18px;--t-sm:14px;--lh-sm:21px;
  --t-md:16px;--lh-md:24px;--t-lg:20px;--lh-lg:28px;
  --btn-h:40px;--btn-h-phone:48px;--row-h:40px;
}
.site-header .btn,.site-header button{white-space:nowrap}
.site-header a:focus-visible,.site-header button:focus-visible{outline:2px solid var(--green);outline-offset:2px}
@media(max-width:640px){.site-header .btn{min-height:var(--btn-h-phone)}}
/* Support preview: keep every field readable and equally easy to tap. */
#support-form input,#support-form select,#support-form textarea{border:1px solid var(--line);border-radius:10px}
#support-form input,#support-form select{min-height:var(--btn-h)}
#support-form .btn{min-height:var(--btn-h);background:var(--green);border-color:var(--green);white-space:nowrap}
#support-form .btn:hover{background:var(--green-hover)}
@media(max-width:640px){#support-form input,#support-form select,#support-form .btn{min-height:var(--btn-h-phone)}}
/* The fixed phone action needs one clear label; its helper text repeats the page copy. */
@media(max-width:760px){.mobile-cta>span{display:none}.mobile-cta .btn{white-space:nowrap;min-width:0}}