/* Article primary CTA follows the service application button. Existing size/placement stay intact. */
.legal-surface .guide-legal-service .button,
.legal-surface .guide-legal-service .button:is(:hover,:active,:focus-visible) {
 background:#001b3a; color:#fff; border:0; box-shadow:none;
 transition:transform .2s,background .2s,box-shadow .2s;
}
.legal-surface .guide-legal-service .button:hover,
.legal-surface .guide-legal-service .button:active:hover {
 box-shadow:0 5px 18px #09283f16; transform:translateY(-1px);
}
/* Questionnaire back uses the service back button's typography, dimensions and feedback. */
.flow-page .question__actions button.button--ghost {
 min-height:56px; height:auto; padding:15px 26px; border:1px solid #2563eb;
 border-radius:16px; background:#fff; color:#2563eb; box-shadow:none;
 font:600 16px Arial,sans-serif; gap:9px; cursor:pointer;
 transition:transform .2s,background .2s,box-shadow .2s;
}
.flow-page .question__actions button.button--ghost::before {
 content:""; width:18px; height:18px; flex:none; background:currentColor;
 mask:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="m12 19-7-7 7-7m-7 7h14"/%3E%3C/svg%3E') center/contain no-repeat;
}
.flow-page .question__actions button.button--ghost:hover {
 background:#fff; color:#2563eb; border-color:#2563eb;
 box-shadow:0 5px 18px #09283f16; transform:translateY(-1px);
}
@media (max-width:900px) {
 .flow-page .question__actions button.button--ghost {
  height:44px; min-height:44px; padding:8px 6px; border-radius:12px;
  font-size:12px; line-height:18px; gap:4px;
 }
 .flow-page .question__actions button.button--ghost::before {width:14px;height:14px;}
}
@media (max-width:360px) {
 /* Questionnaire language is held in React state; read its existing language control. */
 .flow-page:has(.language-button[aria-label^="EN "]) .question__actions button.button--ghost {font-size:11px;}
}
@media (prefers-reduced-motion:reduce) {
 .legal-surface .guide-legal-service .button,
 .flow-page .question__actions button.button--ghost {transition:none;}
 .legal-surface .guide-legal-service .button:hover,
 .flow-page .question__actions button.button--ghost:hover {transform:none;}
}