/* Only signup and subscriber authentication. Shared account/payment screens stay scoped out. */
.fw-onboarding .member-form-actions{display:flex!important;flex-wrap:wrap}.fw-onboarding .member-form-actions .is-primary{min-width:0!important;width:auto!important}.fw-onboarding .member-input-action input{border-radius:9px!important}
body.fw-onboarding{background:#f4f6fa;--member-blue:#2458d3;--member-ink:#15253e}
.fw-onboarding .member-page{max-width:1120px;width:100%;margin:28px auto 80px}
.onboard-breadcrumb{display:flex;gap:12px;align-items:center;font-size:12px;color:#66758b;margin:0 0 20px}.onboard-breadcrumb a{color:#566780;text-decoration:none}
.onboard-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;padding:48px 52px;background:#102747;color:white;border-radius:24px;position:relative;overflow:hidden}
.onboard-hero-copy{align-self:center}.onboard-eyebrow{font-size:11px;font-weight:800;letter-spacing:.17em;color:#b4c9ef;margin:0 0 20px}.onboard-hero h1{font-size:clamp(32px,3.2vw,46px);line-height:1.28;letter-spacing:-.055em;color:#fff;margin:0 0 20px;font-weight:800}.onboard-lead{font-size:14px;line-height:1.85;color:#d2def0;margin:0}.onboard-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.onboard-tags span{padding:7px 11px;border:1px solid #536b8b;border-radius:100px;color:#e1eaff;font-size:11px;font-weight:600}
.onboard-route{border-radius:18px;background:#ffffff0b;border:1px solid #ffffff24;padding:28px 30px}.onboard-route>p{font-size:10px;letter-spacing:.12em;color:#adc6f2;margin:0 0 14px;font-weight:700}.onboard-route h2{font-size:24px;line-height:1.45;letter-spacing:-.04em;margin:0;color:white}.onboard-route ol{list-style:none;padding:20px 0 0;margin:20px 0 0;border-top:1px solid #ffffff24;display:grid;gap:14px}.onboard-route li{display:flex;align-items:center;gap:12px;color:#e0e9f8;font-size:12px}.onboard-route li b{font-size:10px;color:#b9d2ff;border:1px solid #6b84a4;display:grid;place-items:center;width:26px;height:26px;border-radius:50%}
.fw-onboarding .member-section-nav{display:none}.onboard-tabs{display:grid;grid-template-columns:1fr 1fr;background:#e7ecf4;padding:5px;border-radius:14px;margin:28px auto 24px;max-width:880px;gap:5px}.onboard-tabs a{padding:16px 20px;color:#586b86;text-decoration:none;border-radius:10px;font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:16px}.onboard-tabs a span{font-size:12px;font-weight:500}.onboard-tabs a[aria-current]{color:#1d4fbe;background:#fff;box-shadow:0 2px 8px #163c7020}
.fw-onboarding .member-workspace{max-width:880px;margin:0 auto;display:block}.fw-onboarding .member-form-card{border:1px solid #dfe6f0;border-radius:20px;box-shadow:0 12px 36px #17325808;padding:40px 44px}.fw-onboarding .member-form-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:28px;border-bottom:1px solid #dfe6f0}.fw-onboarding .member-form-head>div>p:first-child{font-size:10px;font-weight:800;letter-spacing:.12em;color:#3765bd;margin:0 0 8px}.fw-onboarding .member-form-head h2{font-size:28px;margin:0 0 10px;letter-spacing:-.045em;color:#172d4b}.fw-onboarding .onboard-form-intro{font-size:13px;color:#66768d;line-height:1.6;margin:0}.fw-onboarding .member-form-head>span{font-size:12px;white-space:nowrap;color:#687991}
.fw-onboarding .member-form{margin-top:30px;counter-reset:section}.fw-onboarding .member-form fieldset{padding:0 0 30px}.fw-onboarding .member-form fieldset+fieldset{padding-top:30px;border-top:1px solid #e6ebf2}.fw-onboarding .member-form legend{font-size:18px;letter-spacing:-.025em;display:flex;align-items:center;gap:10px;margin-bottom:22px;color:#1d3555}.onboard-number{display:inline-grid;place-items:center;width:29px;height:29px;flex:none;border-radius:8px;background:#eaf0fc;color:#2d5fc6;font-size:11px;letter-spacing:0}.fw-onboarding .member-field-grid{gap:20px 24px}.fw-onboarding .member-field-grid label{gap:9px}.fw-onboarding .member-field-grid label>span:first-child{font-size:13px;font-weight:700;color:#344962}.fw-onboarding .member-form input:not([type=checkbox]):not([type=radio]){border:1px solid #cfd9e6;background:#fbfcfe;border-radius:9px;min-height:52px;font-size:14px;padding:0 15px;transition:border-color .16s,box-shadow .16s}.fw-onboarding .member-form input::placeholder{color:#8794a8;font-size:13px}.fw-onboarding .member-form input:focus{outline:0;border-color:#3c6ed5;box-shadow:0 0 0 4px #315fd313;background:white}.fw-onboarding .member-input-action{display:flex!important;gap:8px}.fw-onboarding .member-input-action input{flex:1;width:0!important}.fw-onboarding .member-input-action button,.fw-onboarding [data-postcode]{border:1px solid #b8c9e7!important;border-radius:9px!important;background:#edf3ff!important;color:#2451a6!important;font-weight:750;min-height:48px;white-space:nowrap}.onboard-field-note{color:#66768d;font-size:13px;line-height:1.7;margin:-10px 0 22px}
.fw-onboarding .member-form-actions{gap:12px;align-items:center;margin-top:10px}.fw-onboarding .member-form-actions button{border-radius:10px;min-height:54px;font-size:14px;font-weight:750}.fw-onboarding .member-form-actions .is-primary{flex:1;background:#2458d3;color:#fff;border:1px solid #2458d3;box-shadow:0 5px 12px #2458d320;display:flex;align-items:center;justify-content:center;gap:16px}.fw-onboarding .member-form-actions .is-primary:hover{background:#1948b8}.fw-onboarding .member-form-actions button[type=reset]{background:white;border:1px solid #d3ddea;color:#67778e;padding-inline:22px}.fw-onboarding .member-form-actions button:disabled{opacity:.6;cursor:wait}.fw-onboarding [data-subscriber-form]>.member-form-actions:has([data-subscriber-submit][hidden]){justify-content:center}.fw-onboarding [data-subscriber-form]>.member-form-actions:has([data-subscriber-submit][hidden]) button[type=reset]{border:0;min-height:32px;font-size:12px;text-decoration:underline;box-shadow:none;padding:0}
.fw-onboarding .member-agreement-list{gap:0;border:1px solid #dce5f1;border-radius:12px;overflow:hidden}.fw-onboarding .member-agreement-list>label{padding:18px 20px;border:0;border-bottom:1px solid #e7edf5;background:white;display:flex;gap:13px;align-items:center}.fw-onboarding .member-agreement-list>label:first-child{background:#f0f5ff}.fw-onboarding .member-agreement-list>label:last-child{border:0}.fw-onboarding .member-agreement-list>label>span{flex:1;display:flex;justify-content:space-between;align-items:center;gap:12px}.fw-onboarding .member-agreement-list b{font-size:13px;color:#344b69}.fw-onboarding .member-agreement-list small{font-size:11px;color:#6b7d96}.fw-onboarding .member-agreement-list a{font-size:12px;color:#526d94;text-underline-offset:3px}.fw-onboarding input[type=checkbox],.fw-onboarding input[type=radio]{width:19px;height:19px;accent-color:#2458d3;flex:none}.fw-onboarding .member-form-status:empty{display:none}.fw-onboarding .member-form-status:not(:empty){padding:14px 16px;border-radius:9px;line-height:1.7;margin-top:18px}
.onboard-help{border-top:1px solid #e5ebf3;margin-top:26px;padding-top:24px;text-align:center;font-size:13px;color:#718097}.onboard-help strong{font-weight:500;margin-right:12px}.onboard-help a{font-weight:750;color:#2454ac;text-decoration:none}.onboard-help p{font-size:12px;margin:10px 0 0;line-height:1.6}.fw-onboarding :is(a,button):focus-visible{outline:3px solid #6e98ed;outline-offset:3px}.fw-onboarding .member-subscription-results label{border-radius:12px;padding:18px;background:#f8faff;border:1px solid #c8d8ef}.fw-onboarding .member-subscription-results label:has(input:checked){border-color:#2458d3;background:#eef4ff}
@media(max-width:760px){.fw-onboarding .member-page{margin-top:18px}.onboard-hero{padding:30px;gap:24px;grid-template-columns:1fr}.onboard-route{padding:18px 20px}.onboard-route>p,.onboard-route h2{display:none}.onboard-route ol{border:0;padding:0;margin:0;grid-template-columns:repeat(3,1fr);gap:10px}.onboard-route li{align-items:flex-start;flex-direction:column;line-height:1.5;font-size:11px}.onboard-hero h1{font-size:34px}.onboard-tabs a{flex-direction:column;gap:5px;font-size:15px;padding:13px 8px}.onboard-tabs a span{font-size:10px}.fw-onboarding .member-form-card{padding:26px 24px}.fw-onboarding .member-form-head{align-items:flex-start}.fw-onboarding .member-form-head h2{font-size:24px}.fw-onboarding .member-field-grid{grid-template-columns:1fr}.fw-onboarding .member-agreement-list>label>span{align-items:flex-start;flex-direction:column;gap:5px}.onboard-help strong{display:block;margin:0 0 10px}.onboard-lead br{display:none}}
@media(max-width:420px){.onboard-hero{padding:26px 22px;border-radius:18px}.onboard-route{padding:16px}.fw-onboarding .member-form-card{padding:24px 18px;border-radius:16px}.fw-onboarding .member-form-head{gap:8px}.fw-onboarding .member-form-head>span{font-size:10px}.fw-onboarding .member-input-action button{padding:0 12px;font-size:12px}.fw-onboarding .member-form-actions button[type=reset]{padding-inline:14px}.onboard-tabs{margin-top:20px}}
@media(max-width:760px){body.fw-onboarding .topbar{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important}body.fw-onboarding .topbar>a,body.fw-onboarding .topbar>.topbar__group{min-width:0!important;width:auto!important;min-height:40px!important;grid-column:auto!important;margin:0!important}body.fw-onboarding .topbar>a,body.fw-onboarding .topbar .topbar__trigger{padding:12px 8px!important;font-size:12px!important;line-height:1.2!important}body.fw-onboarding .topbar>.topbar__group{display:flex!important;align-items:center;justify-content:center}}

/* Align the member tabs and form with the full banner width. */
.fw-onboarding .onboard-hero{grid-template-columns:1fr}
.fw-onboarding .onboard-tabs,.fw-onboarding .member-workspace{width:100%;max-width:none;box-sizing:border-box}
.fw-onboarding .member-form-card{width:100%;box-sizing:border-box}

/* Subscriber authentication banner artwork. */
.fw-onboarding .onboard-hero.has-media{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);box-sizing:border-box;height:384px;min-height:384px;padding-block:34px}
.fw-onboarding .onboard-hero-media{position:relative;align-self:center;display:flex;align-items:flex-end;justify-content:center;width:100%;height:316px;min-width:0}
.fw-onboarding .onboard-hero-media::before{content:"";position:absolute;inset:15% 2% 4%;border-radius:50%;background:radial-gradient(circle,#4670aa55 0%,#24476f22 48%,transparent 72%)}
.fw-onboarding .onboard-hero-media img{position:relative;z-index:1;display:block;width:auto;height:310px;max-width:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 24px #06152c66)}
@media(max-width:760px){.fw-onboarding .onboard-hero.has-media{grid-template-columns:1fr;height:auto;min-height:0;padding-bottom:0}.fw-onboarding .onboard-hero-media{height:220px;margin-top:4px}.fw-onboarding .onboard-hero-media img{height:230px}}
@media(max-width:420px){.fw-onboarding .onboard-hero-media{height:185px}.fw-onboarding .onboard-hero-media img{height:195px}}

/* Subscriber magazine artwork; scoped to the authentication banner. */
.fw-onboarding .onboard-hero.has-media{background:#edf5fb;color:#173653;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;border-radius:0;padding:32px 44px}
.fw-onboarding .onboard-hero.has-media h1{color:#173653}
.fw-onboarding .onboard-hero.has-media .onboard-eyebrow,.fw-onboarding .onboard-hero.has-media .onboard-lead{color:#476787}
.fw-onboarding .onboard-hero.has-media .onboard-tags span{color:#365d7f;border-color:#b9cede}
.fw-onboarding .onboard-hero.has-media .onboard-hero-media{height:320px;align-items:center}
.fw-onboarding .onboard-hero.has-media .onboard-hero-media::before{display:none}
.fw-onboarding .onboard-hero.has-media .onboard-hero-media img{width:100%;height:100%;object-fit:contain;object-position:center;filter:none;mix-blend-mode:normal}
@media(max-width:760px){.fw-onboarding .onboard-hero.has-media{grid-template-columns:1fr;padding:28px 24px;gap:16px}.fw-onboarding .onboard-hero.has-media .onboard-hero-media{height:240px}}
