/* Referral offer box. Colours come from the --sgb-ref-* variables set in Rate Tables > Referral style. */
.sgb-ref{box-sizing:border-box;margin:1.5em 0;padding:22px 26px;border-radius:14px;background:var(--sgb-ref-bg,#0B5D66);color:var(--sgb-ref-text,#fff);font-size:16px;line-height:1.55}
.sgb-ref *{box-sizing:border-box}
.sgb-ref p{margin:0 0 .9em;color:inherit}
.sgb-ref .sgb-ref-head{font-weight:600}
.sgb-ref .sgb-ref-codeline{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.sgb-ref .sgb-ref-label{font-weight:600}
.sgb-ref .sgb-ref-code{all:unset;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:inline-block;padding:4px 10px;border-radius:6px;background:rgba(255,255,255,.14);font-size:1.1em;font-weight:700;letter-spacing:.04em;color:var(--sgb-ref-code,#FFFFFF);user-select:all;-webkit-user-select:all;cursor:text}
.sgb-ref .sgb-ref-copy{all:unset;box-sizing:border-box;cursor:pointer;padding:8px 14px;border:1px solid currentColor;border-radius:6px;font-size:14px;font-weight:600;line-height:1.2;color:var(--sgb-ref-text,#fff)}
.sgb-ref .sgb-ref-copy[hidden]{display:none}
.sgb-ref .sgb-ref-copy:hover{background:rgba(255,255,255,.12)}
/* With no sign-up button, "Copy code" is the main action and takes the amber. */
.sgb-ref .sgb-ref-copy--main{border-color:transparent;background:var(--sgb-ref-btn-bg,#F2A33A);color:var(--sgb-ref-btn-text,#14233B)}
.sgb-ref .sgb-ref-copy--main:hover{background:var(--sgb-ref-btn-bg,#F2A33A);filter:brightness(1.08)}
.sgb-ref .sgb-ref-copy:focus-visible,.sgb-ref .sgb-ref-btn:focus-visible{outline:2px solid var(--sgb-ref-code,#FFFFFF);outline-offset:2px}
.sgb-ref .sgb-ref-list{margin:0 0 .9em;padding-left:1.5em;color:inherit}
.sgb-ref .sgb-ref-list li{margin:0 0 .4em;padding:0;color:inherit}
.sgb-ref .sgb-ref-cta{margin-bottom:.7em}
.sgb-ref .sgb-ref-btn{display:inline-block;padding:10px 20px;border-radius:8px;background:var(--sgb-ref-btn-bg,#F2A33A);color:var(--sgb-ref-btn-text,#14233B);font-weight:700;text-decoration:none;line-height:1.2}
.sgb-ref .sgb-ref-btn:hover{filter:brightness(1.08);text-decoration:none}
.sgb-ref .sgb-ref-disc{margin:0 0 1em;padding-bottom:.9em;border-bottom:1px solid rgba(255,255,255,.25);font-size:14px;line-height:1.5}
.sgb-ref .sgb-ref-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sgb-ref .sgb-ref-apps{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.sgb-ref a.sgb-ref-store,.sgb-ref a.sgb-ref-store:link,.sgb-ref a.sgb-ref-store:visited,.sgb-ref a.sgb-ref-store:hover,.sgb-ref a.sgb-ref-store:focus,.sgb-ref a.sgb-ref-store:active{display:inline-block;padding:8px 14px;border:1px solid rgba(255,255,255,.85);border-radius:6px;background:rgba(255,255,255,.16);font-size:14px;font-weight:600;line-height:1.2;color:var(--sgb-ref-text,#fff)!important;text-decoration:none!important;box-shadow:none}
.sgb-ref a.sgb-ref-store:hover,.sgb-ref a.sgb-ref-store:focus{background:rgba(255,255,255,.28)}
.sgb-ref .sgb-ref-store:focus-visible{outline:2px solid var(--sgb-ref-code,#FFFFFF);outline-offset:2px}
.sgb-ref a.sgb-ref-store[hidden]{display:none!important}
.sgb-ref .sgb-ref-store .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:600px){.sgb-ref{padding:18px 18px}.sgb-ref .sgb-ref-btn{display:block;text-align:center}}