/* Scoped to the Connect information page; inherits the FlickDirect site shell. */
#content .fd-connect{color:#222731;padding:0 0 36px;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif}
#content .fd-connect a{color:#7541ad;text-decoration:none}
#content .fd-connect a:hover{text-decoration:underline}
#content .fd-connect :is(a,button,summary,input):focus-visible{outline:3px solid #854ec2;outline-offset:4px}
#content .fd-connect-hero{display:block;padding:0 0 20px}
#content .fd-connect-eyebrow{color:#854ec2;font-size:17px;font-weight:900;line-height:1.3;text-transform:uppercase;margin:0 0 14px}
#content .fd-connect h1{color:#000;font-size:44px;font-weight:900;line-height:1.12;letter-spacing:-.5px;margin:0 0 20px;text-transform:none}
#content .fd-connect-intro{color:#4f5661;font-size:19px;line-height:1.6;max-width:980px;margin:0 0 24px}
#content .fd-connect-small{font-size:13px;line-height:1.6;color:#626873;margin:12px 0 0}
#content .fd-connect-setup{scroll-margin-top:24px;border-top:0;padding-top:0}
#content .fd-connect h2{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif !important;color:#111;font-size:24px;font-weight:900;line-height:1.3;margin:0 0 10px;text-transform:none}
#content .fd-connect-section-heading{margin-bottom:24px}
#content .fd-connect-section-heading p{color:#626873;font-size:16px;line-height:1.6;margin:0}
#content .fd-connect-apps{border-top:1px solid #e1e2e7}
#content .fd-connect-apps details{border-bottom:1px solid #e1e2e7}
#content .fd-connect-apps summary{display:grid;grid-template-columns:170px 1fr 80px;align-items:center;gap:20px;padding:23px 12px;cursor:pointer;list-style:none}
#content .fd-connect-apps summary::-webkit-details-marker{display:none}
#content .fd-connect-apps summary:hover,#content .fd-connect-apps details[open] summary{background:#faf8fc}
#content .fd-connect-app-name{font-size:23px;color:#15131a;font-weight:800}
#content .fd-connect-app-description{font-size:15px;line-height:1.5;color:#626873}
#content .fd-connect-toggle{font-size:14px;color:#7541ad;font-weight:700;display:flex;justify-content:space-between;gap:12px}
#content .fd-connect-toggle span{font-size:20px;font-weight:400}
#content details[open] .fd-connect-toggle span{transform:rotate(45deg)}
#content .fd-connect-instructions{padding:8px 24px 24px 202px;font-size:15px;line-height:1.7;max-width:100%}
#content .fd-connect-instructions ol{list-style:decimal;padding-left:20px;margin:0 0 18px}
#content .fd-connect-instructions li{margin:0 0 10px;padding-left:4px}
#content .fd-connect-instructions>p{margin:0 0 14px}
#content .fd-connect-instructions>a{font-weight:700}
#content .fd-connect-instructions pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f2f6;border:1px solid #e3ddeb;border-radius:4px;padding:16px;font-size:13px;color:#2d2339;margin-bottom:16px}
#content .fd-connect-server{display:grid;grid-template-columns:1fr 1.3fr;gap:12px 24px;align-items:center;padding:20px 0;background:transparent;margin-top:0;border-radius:0;border-bottom:1px solid #e1e2e7}
#content .fd-connect-server label{font-size:15px;font-weight:700;display:block;color:#222731}
#content .fd-connect-server p{font-size:13px;line-height:1.5;color:#626873;margin:5px 0 0}
#content .fd-connect-copy-group{display:flex;gap:8px;min-width:0}
#content .fd-connect-copy-group input{width:100%;min-width:0;border:1px solid #d4d1db;border-radius:4px;background:#fff;padding:12px;color:#333;font-family:monospace;font-size:13px;height:auto}
#content .fd-connect-copy-group button{border:1px solid #7541ad;background:#fff;color:#7541ad;white-space:nowrap;border-radius:4px;padding:10px 14px;font-weight:700;font-size:13px;cursor:pointer}
#content .fd-connect-copy-group button[hidden]{display:none}
#content .fd-connect-server .fd-connect-copy-status{grid-column:1/-1;margin:0}
#content .fd-connect-copy-status:empty{display:none}
#content .fd-connect-notes{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin:38px 0 24px}
#content .fd-connect-notes h2{font-size:19px}
#content .fd-connect-notes p{font-size:14px;line-height:1.8;color:#626873;margin:0 0 12px}
#content .fd-connect-end{border-top:1px solid #e1e2e7;padding-top:20px;font-size:14px;line-height:1.8;color:#626873}
@media(max-width:991px){#content .fd-connect h1{font-size:36px}#content .fd-connect-server{grid-template-columns:1fr}}
@media(max-width:767px){#content .fd-connect{padding-top:0}#content .fd-connect-hero{padding-bottom:12px}#content .fd-connect h1{font-size:32px}#content .fd-connect-intro{font-size:16px}#content .fd-connect-eyebrow{font-size:15px}#content .fd-connect-apps summary{grid-template-columns:1fr 75px;gap:7px 16px;padding:20px 8px}#content .fd-connect-app-description{grid-column:1;grid-row:2;font-size:14px}#content .fd-connect-toggle{grid-column:2;grid-row:1/3}#content .fd-connect-app-name{font-size:22px}#content .fd-connect-instructions{padding:12px 10px 24px}#content .fd-connect-server{padding:18px}#content .fd-connect-copy-group{flex-wrap:wrap}#content .fd-connect-copy-group input{flex-basis:100%;font-size:12px}#content .fd-connect-notes{grid-template-columns:1fr;gap:20px;margin-top:30px}#content .fd-connect h2{font-size:22px}#content .fd-connect-notes h2{font-size:19px}}

#content .fd-connect-try{font-size:15px;line-height:1.7;color:#626873;margin:20px 0 0;max-width:900px;}
