/* Shared action system. Loaded last to supersede historical page variants. */
.reference-site{--action-blue:#0766cc;--action-blue-hover:#0558b4;--action-ink:#fff;--action-focus:#1687ee;--action-ease:cubic-bezier(.16,1,.3,1)}
:root .reference-site .studio-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:56px;max-width:100%;padding:16px 24px;border:1px solid transparent;border-radius:0;font:600 16px/1.4 Hellix,sans-serif;letter-spacing:0;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .2s var(--action-ease),border-color .2s var(--action-ease),color .2s var(--action-ease),transform .2s var(--action-ease)}
:root .reference-site .studio-button--primary{background:var(--action-blue);border-color:#4388cf;color:var(--action-ink);box-shadow:inset 0 1px 0 #ffffff20,inset 0 -1px 0 #002a6526,0 6px 18px -12px #0008}
:root .reference-site .studio-button--primary::before{opacity:.16}
:root .reference-site .studio-button--primary::after{border-image:none;border-color:#ffffff0c}
:root .reference-site .studio-button--secondary{background:#ffffff08;border-color:#ffffff45;color:#f4f8ff;box-shadow:inset 0 1px 0 #ffffff0c}
:root .reference-site .studio-button--secondary::before{opacity:.1}
:root .reference-site .studio-button--secondary::after{border-image:none;border-color:transparent}
:root .reference-site .studio-button--compact{min-height:48px;padding:12px 20px;font-size:14px;gap:16px}
:root .reference-site .studio-button .icon{width:20px;height:20px;color:inherit;transition:transform .2s var(--action-ease)}
:root .reference-site .studio-button:active{transform:translateY(1px)}
:root .reference-site .studio-button:focus-visible{outline:2px solid var(--action-focus);outline-offset:4px}
:root .reference-site .studio-button:disabled{opacity:.5;cursor:wait;transform:none;box-shadow:none}
:root .reference-site .studio-button:disabled::before{opacity:0}
@media(hover:hover){
 :root .reference-site .studio-button--primary:hover:not(:disabled){background:var(--action-blue-hover);border-color:#73adf1;color:#fff}
 :root .reference-site .studio-button--secondary:hover:not(:disabled){background:#ffffff14;border-color:#95abc3;color:#fff}
 :root .reference-site .studio-button:hover:not(:disabled)::before{opacity:.24}
 :root .reference-site .studio-button:hover:not(:disabled) .icon{transform:translateX(3px)}
}
:root .reference-site .studio-icon-button{width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;border:1px solid #aebfce;border-radius:0;background:#edf3f9;color:#17334c;box-shadow:inset 0 1px 0 #ffffffb3;cursor:pointer;transition:background-color .2s var(--action-ease),border-color .2s var(--action-ease),color .2s var(--action-ease)}
:root .reference-site .studio-icon-button--dark{background:#14212e;color:#d7e9fa;border-color:#405871;box-shadow:inset 0 1px 0 #ffffff15}
:root .reference-site .studio-icon-button .icon,:root .reference-site .studio-icon-button>svg{width:20px;height:20px}
:root .reference-site .studio-icon-button::before,:root .reference-site .studio-icon-button::after{display:none}
:root .reference-site .studio-icon-button:focus-visible{outline:2px solid var(--action-focus);outline-offset:4px}
:root .reference-site .studio-icon-button:disabled{opacity:.35;cursor:default;box-shadow:none}
@media(hover:hover){
 :root .reference-site .studio-icon-button:hover:not(:disabled){background:#dceaf7;border-color:#597e9e;color:#0a2d4c}
 :root .reference-site .studio-icon-button--dark:hover:not(:disabled){background:#243b52;border-color:#91bde5;color:#fff}
}
:root .reference-site :is(#enquiry-back,#change-project,.ref-budget-unsure){min-height:44px;font:500 16px/1.4 Hellix,sans-serif;transition:color .2s var(--action-ease)}
:root .reference-site :is(#enquiry-back,#change-project,.ref-budget-unsure):focus-visible{outline:2px solid var(--action-focus);outline-offset:4px}
:root .reference-site .ref-primary-action{display:flex;width:100%}
:root .reference-site .ref-hand-raise{width:auto;margin-inline:auto}
:root .reference-site .nav-project{margin-left:auto}
@media(max-width:799px){:root .reference-site .nav-project{display:none}:root .reference-site .menu-toggle{min-width:44px;min-height:44px}}
@media(prefers-reduced-motion:reduce){
 :root .reference-site .studio-button,:root .reference-site .studio-button .icon,:root .reference-site .studio-icon-button{transition:none}
 :root .reference-site .studio-button:active,:root .reference-site .studio-button:hover .icon{transform:none}
}

/* Name is one step, with two explicit, autofill-friendly fields. */
.ref-name-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ref-name-fields>div{min-width:0}
.ref-name-fields label{display:block;margin-bottom:8px;font:16px/1.4 Hellix,sans-serif;color:var(--enquiry-ink)}
.ref-name-fields .ref-simple-input{margin:0;width:100%;min-width:0}
.ref-name-fields .ref-error{margin-bottom:0}
@media(max-width:479px){.ref-name-fields{grid-template-columns:1fr;gap:18px}}