.ws-page{max-width:1320px;margin:0 auto;padding:8px 0 36px;color:var(--text,#142c36)}
.ws-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:6px 0 20px}.ws-heading h2{font-size:20px;letter-spacing:-.35px;margin:5px 0 4px;font-weight:700}.ws-heading p,.ws-card p{line-height:1.65}.ws-heading p{color:#71818c;margin:0;font-size:13px}.ws-eyebrow{font-size:10px;letter-spacing:1.7px;color:#13876c;font-weight:750}
.ws-grid{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:22px;align-items:start}.ws-main{min-width:0;display:grid;gap:20px}.ws-card{background:#fff;border:1px solid #e1e9e6;border-radius:14px;padding:25px;box-shadow:0 3px 12px #163c2a03;min-width:0}.ws-card h2{font-size:16px;margin:0 0 10px;font-weight:650;letter-spacing:-.2px}.ws-card h3{font-size:14px}.ws-card>p{font-size:13px;color:#60737f}.ws-connect{border-top:3px solid #62bd9c}.ws-account{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.ws-account h2{margin:0 0 5px;font-size:15px}.ws-account p{font-size:12px;color:#83908e;margin:0}.ws-mark{width:45px;height:45px;border-radius:12px;background:linear-gradient(135deg,#34b974,#087e6d);display:grid;place-items:center;color:white;box-shadow:0 3px 10px #18986126}.ws-account .ws-pill{margin-left:auto}
.ws-pill{font-size:10px;display:inline-flex;padding:5px 9px;border-radius:20px;white-space:nowrap;font-weight:600;background:#f0f3f4;color:#74828a}.ws-pill.good{background:#eaf7f0;color:#178658}.ws-pill.pending{background:#fff4df;color:#977325}.ws-connect-action{display:flex;align-items:center;gap:24px;margin-top:22px;padding-top:18px;border-top:1px solid #f0f3f2}.ws-connect-action p{font-size:12px;color:#71818c;line-height:1.65;flex:1;margin:0}
.ws-primary{display:inline-flex;justify-content:center;align-items:center;gap:9px;border:0;border-radius:8px;background:linear-gradient(110deg,#27b76f,#078773);color:#fff;font-size:12px;font-weight:650;padding:12px 17px;cursor:pointer;white-space:nowrap;min-height:42px}.ws-primary:hover{filter:brightness(.95)}.ws-primary:disabled{opacity:.5;cursor:not-allowed}.ws-page button:focus-visible,.ws-page a:focus-visible,.ws-page select:focus-visible{outline:3px solid #89d4bf;outline-offset:3px}
.ws-instructions h2{margin-bottom:24px}.ws-instructions ol{padding:0;list-style:none;margin:0 0 25px}.ws-instructions li{display:flex;gap:12px;position:relative;padding-bottom:24px}.ws-instructions li:last-child{padding-bottom:0}.ws-instructions li>span{height:25px;width:25px;border-radius:8px;background:#edf8f3;color:#238766;flex-shrink:0;display:grid;place-items:center;font-size:11px;font-weight:700;z-index:1}.ws-instructions li:nth-child(2)>span{color:#8964af;background:#f4eefb}.ws-instructions li:nth-child(4)>span{color:#bc963f;background:#fcf5e6}.ws-instructions li:not(:last-child):before{content:"";position:absolute;left:12px;top:28px;bottom:5px;width:1px;background:#ecf0ed}.ws-instructions strong{font-size:12px;font-weight:650}.ws-instructions li p{font-size:11px;color:#8a969e;margin:5px 0 0;line-height:1.6}.ws-instructions>.btn{width:100%}
.ws-alert{border:1px solid #d5e9e1;background:#f4faf7;border-radius:9px;padding:13px 15px;font-size:12px;line-height:1.6;margin:16px 0;color:#52756a;overflow-wrap:anywhere}.ws-alert p{margin:6px 0;font-size:12px}.ws-alert.error{background:#fff4f2;color:#a0463d;border-color:#f0d6d1}.ws-alert details{margin-top:10px}.ws-alert summary{cursor:pointer;font-weight:600}.ws-alert a{color:#057958}.ws-number-bar{display:flex;align-items:center;gap:12px;margin-bottom:21px}.ws-number-bar>label{font-size:12px;font-weight:600;white-space:nowrap}.ws-number-bar select{max-width:350px;min-width:0;font-size:12px}.ws-number-bar>.btn{white-space:nowrap}
.ws-muted{font-size:12px!important;color:#8a969e!important;line-height:1.65}.ws-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:18px}.ws-tool{display:flex;gap:12px;align-items:center;min-width:0;text-align:left;background:#fff;border:1px solid #e5ece9;border-radius:9px;padding:14px;color:#4b6c61;cursor:pointer}.ws-tool:hover{background:#f5faf7;border-color:#b6d9ca}.ws-tool span{font-size:12px;font-weight:600;flex:1}.ws-tool>svg:last-child{color:#9daea6}.ws-guides{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.ws-guides a{display:flex;flex-direction:column;gap:12px;background:linear-gradient(130deg,#eef9f2,#f7fbfa);border:1px solid #e0ece6;border-radius:10px;padding:23px;color:#20765b;text-decoration:none}.ws-guides strong{font-size:14px}.ws-guides span{font-size:11px;color:#749185}
.ws-card-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.ws-checks{margin:14px 0}.ws-checks>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f0f3f1}.ws-checks dt{font-size:12px;color:#6a7e74}.ws-checks dd{margin:0}.ws-completed{font-size:12px;color:#4d8070;line-height:1.8;padding-left:18px}.ws-progress{color:#178266!important;font-weight:600}.ws-spaced{margin-top:28px}.ws-table-wrap{overflow:auto}.ws-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}.ws-table th{color:#879a91;font-weight:600}.ws-table td,.ws-table th{padding:13px 7px;border-bottom:1px solid #edf1ee}.ws-table td:last-child{text-align:right;white-space:nowrap}.ws-page .ww-summary{margin-bottom:22px}
@media(max-width:1100px){.ws-grid{grid-template-columns:minmax(0,1fr) 275px}.ws-card{padding:20px}.ws-connect-action{flex-direction:column;align-items:flex-start}}
@media(max-width:760px){.ws-grid{grid-template-columns:minmax(0,1fr)}.ws-heading h2{font-size:18px}.ws-heading{align-items:flex-start}.ws-number-bar{flex-wrap:wrap}.ws-number-bar>label{width:100%}.ws-number-bar select{flex:1}.ws-account .ws-pill{margin-left:58px}.ws-connect-action .ws-primary{width:100%}.ws-card-title{align-items:flex-start;flex-wrap:wrap}.ws-guides{grid-template-columns:1fr}.ws-instructions h2{margin-bottom:14px}}
@media(max-width:390px){.ws-tools{grid-template-columns:1fr}.ws-heading{flex-wrap:wrap}.ws-card{padding:16px}}

/* Two ways to connect: Facebook signup and an access token. The one that works here comes first and is marked. */
.ws-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px;padding-top:18px;border-top:1px solid #f0f3f2}
.ws-method{display:flex;flex-direction:column;gap:12px;border:1px solid #e6ece9;border-radius:14px;padding:16px 18px;background:#fff;min-width:0}
.ws-method.recommended{border-color:#9edcc4;background:linear-gradient(180deg,#f3fbf7,#fff 60%);box-shadow:0 1px 0 rgba(19,135,108,.06),0 6px 18px -12px rgba(19,135,108,.45)}
.ws-method.unavailable{background:#fbfcfc}
.ws-method-head{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:start}
.ws-method-head .ws-pill{margin-bottom:6px}
.ws-method-head h3{margin:1px 0 4px;font-size:14px;font-weight:700;color:#10233f}
.ws-method-head p{margin:0;font-size:12px;color:#71818c;line-height:1.55}
.ws-method-ico{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#e9f7f1;color:#13876c}
.ws-method-ico.fb{background:#eaf1ff;color:#1877f2}
.ws-method-steps{margin:0;padding:0 0 0 18px;display:grid;gap:6px;font-size:12px;color:#475467;line-height:1.55}
.ws-method-steps a{color:#13876c;font-weight:600}
.ws-method-steps b{font-weight:600;color:#1d2939}
.ws-method>.btn,.ws-method>.ws-primary,.ws-method-action{margin-top:auto}
.ws-method>.btn,.ws-method>.ws-primary{align-self:flex-start}
.ws-method-action{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.ws-needs{background:#fffaeb;border:1px solid #fde7b0;border-radius:10px;padding:10px 12px;font-size:12px;color:#7a4b06}
.ws-needs strong{display:block;font-size:11px;letter-spacing:.6px;text-transform:uppercase;margin-bottom:4px}
.ws-needs ul{margin:0;padding-left:16px;display:grid;gap:4px;line-height:1.5}
.ws-install{font-size:12px;color:#5b6b75}
.ws-install summary{cursor:pointer;font-weight:600;color:#344054}
.ws-install pre{background:#0f1b2d;color:#d6f5e8;border-radius:8px;padding:10px 12px;font-size:11.5px;line-height:1.6;overflow-x:auto;white-space:pre;margin:8px 0}
.ws-install code{background:#f2f4f7;border-radius:4px;padding:1px 5px}
@media(max-width:1100px){.ws-methods{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.ws-method-head{grid-template-columns:32px minmax(0,1fr)}.ws-method>.btn,.ws-method>.ws-primary,.ws-method-action .ws-primary{width:100%}}
/* Connect with Facebook: the one way to connect a number (Embedded Signup). */
.ws-fb{display:flex;flex-direction:column;gap:14px;margin-top:20px;padding:18px 20px;border:1px solid #e3e9f6;border-radius:16px;background:linear-gradient(180deg,#f7f9ff,#fff 70%)}
.ws-fb.ready{border-color:#c9d8fb;box-shadow:0 8px 22px -16px rgba(24,119,242,.55)}
.ws-fb .ws-method-ico{width:42px;height:42px;border-radius:12px}
.ws-fb .ws-method-head{grid-template-columns:42px minmax(0,1fr)}
.ws-fb .ws-method-head h3{font-size:15px}
.ws-fb-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ws-fb-steps li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid #edf0f7;border-radius:12px;background:#fff;min-width:0}
.ws-fb-steps li>span{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;background:#eaf1ff;color:#1877f2}
.ws-fb-steps strong{display:block;font-size:12.5px;color:#10233f}
.ws-fb-steps small{display:block;font-size:11.5px;color:#71818c;line-height:1.45;margin-top:2px}
.ws-needs a{display:inline-block;margin-top:8px;font-weight:650;color:#7a4b06}
.ws-local{display:flex;gap:8px;align-items:flex-start;margin:0;padding:10px 12px;border-radius:10px;background:#eef4ff;color:#28467a;font-size:12px;line-height:1.55}
.ws-local svg{flex:none;margin-top:2px}
.ws-primary.ws-fb-btn{background:linear-gradient(110deg,#2d88ff,#1466d8);padding:12px 20px;font-size:13px}
@media(max-width:900px){.ws-fb-steps{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.ws-fb{padding:16px}.ws-fb .ws-fb-btn{width:100%}}
/* Several numbers shared by one Facebook login: pick one. */
.ws-choose{display:grid;gap:10px;margin-top:20px;padding:18px 20px;border:1px solid #c9d8fb;border-radius:16px;background:#f7f9ff}
.ws-choose h3{margin:0 0 4px;font-size:15px;color:#10233f}
.ws-choose-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #e3e9f6;border-radius:12px;background:#fff;cursor:pointer}
.ws-choose-item:has(input:checked){border-color:#1877f2;box-shadow:0 0 0 2px rgba(24,119,242,.15)}
.ws-choose-item input{width:16px;height:16px;accent-color:#1877f2}
.ws-choose-item strong{display:block;font-size:13.5px}.ws-choose-item small{display:block;font-size:12px;color:#71818c}
.ws-choose .ws-primary{justify-self:start}

/* Plain-language connection choices and troubleshooting. */
.ws-number-type{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
.ws-number-type legend{font-size:13px;font-weight:650;color:#10233f;padding:0;margin-bottom:10px}
.ws-number-type label{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid #dde5ed;border-radius:10px;background:#fff;cursor:pointer;min-width:0}
.ws-number-type label:has(input:checked){border-color:#1877f2;background:#f0f6ff;box-shadow:0 0 0 1px #1877f2}
.ws-number-type input{margin:3px 0 0;accent-color:#1877f2;flex:none}
.ws-number-type strong{display:block;font-size:12px;line-height:1.5}.ws-number-type small{display:block;font-size:11.5px;line-height:1.5;color:#71818c;margin-top:3px}
.ws-number-type:disabled label{cursor:default;opacity:.65}.ws-number-type input:focus-visible{outline:3px solid #89d4bf;outline-offset:3px}
.ws-help{border-top:1px solid #e3e9f6;padding-top:13px;font-size:12px;line-height:1.65;color:#526575}.ws-help summary{cursor:pointer;font-weight:650;color:#28467a}.ws-help summary:focus-visible{outline:3px solid #89d4bf;outline-offset:3px}.ws-help dl{margin:12px 0 0}.ws-help dt{font-weight:650;margin-top:10px;color:#10233f}.ws-help dd{margin:3px 0 0}.ws-help code{overflow-wrap:anywhere}.ws-help a{color:#1466d8;font-weight:600}
.ws-next-actions{display:grid;gap:8px}.ws-needs a+a{margin-left:12px}
@media(max-width:900px){.ws-number-type{grid-template-columns:minmax(0,1fr)}}