.fp-preferences{margin:20px 0;border:1px solid #d4e3f0;border-radius:12px;background:white;color:#173755}.fp-preferences summary{min-height:48px;padding:16px;cursor:pointer;font:600 15px/1.5 var(--font-body);color:#175fa5}.fp-preferences form{padding:0 20px 20px}.fp-preferences p{font-size:14px;line-height:1.6;max-width:65ch}.fp-preferences label{display:block;font-weight:600;font-size:15px;margin:16px 0 8px}.fp-preferences select{width:100%;max-width:500px;min-height:44px;font-size:16px;padding:10px;border:1px solid #b4cce0;border-radius:8px;background:white;color:#173755}.fp-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.fp-actions button{min-height:44px;padding:10px 16px;border:1px solid #175fa5;border-radius:9px;color:#175fa5;background:white;cursor:pointer;font-weight:600}.fp-actions button[type=submit]{background:#175fa5;color:white}.fp-preferences :focus-visible{outline:3px solid #3285bf;outline-offset:3px}
.fp-connection{container-type:inline-size;overflow:hidden}.fp-connection summary{padding:20px 24px;color:#173755}.fp-connection summary span{display:block;font-size:13px;font-weight:400;color:#526b7d;margin-left:17px}.fp-connection form{padding:0 24px 24px}.fp-intro{border-top:1px solid #d4e3f0;padding-top:20px}.fp-connection h2{font-family:var(--font-display);font-size:28px;line-height:1.2;margin:0 0 12px}.fp-connection h3{font-family:var(--font-display);font-size:21px;margin:0 0 12px}.fp-connection .fp-storage{padding:14px 16px;background:#edf4f8;border-left:3px solid #597b91;max-width:100%;font-size:13px}.fp-connection-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:32px;margin-top:24px}.fp-question{padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid #e0e9ef}.fp-question label{margin:0 0 6px}.fp-question p{margin:0 0 12px;color:#526b7d;font-size:13px}.fp-question select{max-width:none}.fp-profile{align-self:start;background:#f0f6fa;padding:24px;border-radius:12px}.fp-profile dt{font-size:12px;color:#526b7d;margin-top:16px}.fp-profile dd{margin:4px 0 16px;font-size:15px;font-weight:600}.fp-profile .fp-preview-label{font-size:12px;color:#526b7d}.fp-connection .fp-consent{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;max-width:65ch}.fp-consent input{width:20px;height:20px;flex-shrink:0;margin-top:1px}@container (max-width:650px){.fp-connection-layout{grid-template-columns:1fr;gap:8px}.fp-connection form{padding:0 16px 20px}.fp-connection summary{padding:16px}.fp-connection h2{font-size:25px}.fp-profile{padding:18px}}
.fp-connection fieldset.fp-question{border:0;padding:0;margin:0;min-width:0}.fp-question legend{font:700 26px/1.3 var(--font-display);color:#173755;margin-bottom:20px;max-width:26ch}.fp-choices{display:grid;gap:10px}.fp-connection .fp-choices label{display:flex;gap:12px;align-items:center;padding:14px 16px;margin:0;border:1px solid #d4e3f0;border-radius:10px;font-size:15px;font-weight:400;cursor:pointer}.fp-choices label:has(input:checked){background:#edf4f8;border-color:#175fa5}.fp-choices input{width:18px;height:18px;accent-color:#175fa5;flex-shrink:0}.fp-connection .fp-why summary{padding:16px 0;font-size:13px;font-weight:400;min-height:44px}.fp-step-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:20px 0}.fp-step-controls span{font-size:12px;color:#526b7d}.fp-step-controls button{min-height:44px;border:1px solid #b4cce0;background:white;color:#173755;border-radius:8px;padding:10px;cursor:pointer}.fp-step-controls button:disabled{opacity:.45;cursor:default}.fp-question[hidden]{display:none}
.fp-connection textarea{display:block;box-sizing:border-box;width:100%;padding:14px;border:1px solid #b4cce0;border-radius:10px;background:#fff;color:#173755;font:16px/1.6 var(--font-body);resize:vertical}.fp-connection .fp-storage{border:0;background:none;padding:0;color:#526b7d;font-size:13px}.fp-profile dd{white-space:pre-wrap;overflow-wrap:anywhere}
.fp-page-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:24px 0;margin:12px 0 24px;border-bottom:1px solid #d4e3f0}.fp-page-guide h3{font-size:21px}.fp-page-guide p{color:#526b7d}.fp-begin{min-height:44px;border:0;border-radius:9px;padding:12px 18px;background:#175fa5;color:white;font-size:15px;cursor:pointer;margin:10px 0 16px}.fp-connection [hidden]{display:none!important}@container (max-width:650px){.fp-page-guide{grid-template-columns:1fr;gap:12px;padding:16px 0}.fp-page-guide h3{margin-bottom:6px}.fp-page-guide p{margin:0}}
/* The in-row walkthrough these rules styled is gone (see faithful-preferences.js): it was built inside .fp-intro, which both platforms delete. */
.fp-connection .fp-questions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.fp-questions>h3,.fp-questions>p,.fp-story-note{grid-column:1/-1}.fp-connection .fp-question legend{font-size:19px;margin-bottom:12px}.fp-connection-layout{grid-template-columns:1fr}.fp-profile{margin-top:4px}.fp-profile dl{display:grid;grid-template-columns:minmax(140px,1fr) 2fr;gap:8px 20px}.fp-profile dt,.fp-profile dd{margin:0 0 10px}@container(max-width:650px){.fp-connection .fp-questions{grid-template-columns:1fr}.fp-profile dl{display:block}}
.fp-questions>h3{display:flex;align-items:center;justify-content:space-between;gap:16px}.fp-story-skip{min-height:44px;padding:8px 12px;border:0;background:transparent;color:#175fa5;font:14px/1.4 var(--font-body);cursor:pointer;text-decoration:underline;flex-shrink:0}
.fp-story-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #d4e3f0;padding:16px 0}.fp-story-bar h3{margin:0}.fp-story-bar>div{display:flex;gap:8px;flex-wrap:wrap}.fp-story-bar button{min-height:44px;padding:8px 12px;background:white;color:#175fa5;border:1px solid #b4cce0;border-radius:8px;cursor:pointer}.fp-story-bar [data-story-skip]{border-color:transparent}
.fcg-intro{padding:0 24px 24px}.fcg-intro .fp-questions{margin:20px 0}.fcg-example{border-top:1px solid #d4e3f0}@container(max-width:650px){.fcg-intro{padding:0 16px 20px}}
.fp-connection .fw-kyc-stack{display:grid;grid-template-columns:1fr;gap:10px}.fp-connection .fw-kyc-choice{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid #b4cce0;border-radius:10px;cursor:pointer;margin:0}.fw-kyc-choice input[type="checkbox"]{width:20px;height:20px;min-height:20px;flex:0 0 20px;margin-top:3px;accent-color:#175fa5}.fw-kyc-choice strong,.fw-kyc-choice small{display:block}.fw-kyc-choice small{margin-top:4px;line-height:1.5;font-weight:400}.fw-kyc-choice:has(input:checked){background:#eaf3fc;border-color:#175fa5}.fw-kyc-choice:focus-within{outline:2px solid #3285bf;outline-offset:2px}
#fp-connect-story fieldset{border:0;padding:0;margin:20px 0}#fp-connect-story legend{font-weight:600;margin-bottom:10px}#fp-connect-story [data-connect-pace] label{display:flex;align-items:center;gap:8px;min-height:44px;margin:0}#fp-connect-story input[type="radio"]{width:18px;height:18px;min-height:18px;flex:0 0 18px;accent-color:#175fa5}
.fp-connection{min-width:0}.fp-connection>summary{line-height:1.5;padding:16px;min-height:52px}.fp-connection .fcg-intro{padding:20px}.fp-connection .fcg-intro>h2{margin:0 0 10px}.fp-connection .fcg-intro>p{max-width:70ch;line-height:1.6}.fp-connection .fp-story-bar{flex-wrap:wrap;align-items:center;margin-top:16px}.fp-connection .fp-story-bar h3{margin:0;font-size:23px}.fp-connection .fp-story-bar button{min-height:44px;font:600 14px/1.4 var(--font-body)}.fp-connection .fp-story-bar button:last-child{background:transparent;border-color:transparent;color:#175fa5}.fp-connection :is(#fcg-story,#fw-story,#fp-connect-story,#fp-reflect-story)>fieldset{border:0;margin:18px 0;padding:0}.fp-connection :is(#fcg-story,#fw-story,#fp-connect-story,#fp-reflect-story) legend{font-weight:600;margin-bottom:10px}.fp-connection textarea{max-width:100%;resize:vertical}.fp-connection [type="checkbox"],.fp-connection [type="radio"]{accent-color:#175fa5}.fp-connection :is(button,input,textarea,summary):focus-visible{outline:3px solid #3285bf;outline-offset:2px}@media(max-width:600px){.fp-connection .fcg-intro{padding:16px}.fp-connection .fp-page-guide{grid-template-columns:1fr}.fp-connection .fp-story-bar{gap:10px}.fp-connection .fp-story-bar>div{flex-wrap:wrap}}
