/* Shared automation workspace navigation. No phone/video/control selectors. */
.automation-section-nav { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0 0 18px; padding:0; }
.automation-section-nav a { display:inline-flex; align-items:center; min-height:38px; padding:9px 13px; border:1px solid #334d6b; border-radius:9px; color:#aebfd7; background:#101f33; font:500 12px/1.4 system-ui,sans-serif; text-decoration:none; }
.automation-section-nav a:hover { color:#f0f5ff; border-color:#7294c7; }
.automation-section-nav a[aria-current=page] { color:#edf3ff; border-color:#8396e0; background:#263653; }
.automation-section-nav a:focus-visible { outline:3px solid #bacbff; outline-offset:3px; }
.wf-connect-banner { display:flex; justify-content:space-between; align-items:center; gap:28px; margin-bottom:18px; padding:25px 28px; border:1px solid #53699a; border-radius:14px; background:linear-gradient(115deg,#1c3055,#15263d); }
.wf-connect-banner>div { min-width:0; max-width:880px; }
.wf-connect-banner h2 { margin:5px 0 10px; color:#f3f5ff; font-size:clamp(19px,2.05vw,27px); letter-spacing:-.5px; line-height:1.3; overflow-wrap:anywhere; }
.wf-connect-banner p:not(.wf-eyebrow) { margin:0; color:#b6c9e4; font-size:12px; line-height:1.75; }
.wf-connect-banner .wf-connect-button { flex:none; min-height:46px; padding:13px 20px; text-decoration:none; font-size:13px; }
.wf-start-guide { margin:0 0 24px; border:1px solid #314b67; border-radius:11px; background:#101f32; overflow:hidden; }
.wf-start-guide>summary { cursor:pointer; padding:16px 19px; color:#e2ebff; font-size:14px; font-weight:600; }
.wf-start-guide>summary::marker { color:#aabdf4; }
.wf-start-guide>summary small { display:inline-block; margin-left:14px; color:#95abc9; font-size:11px; font-weight:400; }
.wf-start-guide[open]>summary { border-bottom:1px solid #2c435d; }
.wf-guide-steps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:19px 35px; padding:23px 26px 7px 48px; margin:0; }
.wf-guide-steps li { padding-left:4px; color:#b2c8e7; font-size:12px; line-height:1.7; }
.wf-guide-steps li::marker { color:#becdff; font-weight:700; }
.wf-guide-steps strong { color:#e0eafe; font-size:13px; }
.wf-guide-steps p { margin:6px 0 0; color:#a6bdd9; }
.wf-guide-footer { display:flex; flex-wrap:wrap; gap:14px 24px; margin:12px 25px 21px; }
.wf-guide-footer a { color:#becfff; font-size:12px; text-decoration:underline; text-underline-offset:3px; }
@media(max-width:800px) {
  .wf-connect-banner { align-items:start; gap:18px; padding:21px; }
  .wf-connect-banner .wf-connect-button { padding:11px 15px; }
  .wf-guide-steps { grid-template-columns:1fr; gap:16px; }
}
@media(max-width:560px) {
  .wf-connect-banner { flex-direction:column; padding:18px; }
  .wf-connect-banner .wf-connect-button { width:100%; }
  .wf-start-guide>summary { padding:15px; }
  .wf-start-guide>summary small { display:block; margin:6px 0 0 16px; line-height:1.5; }
  .wf-guide-steps { padding:18px 20px 7px 37px; }
  .wf-guide-footer { margin:12px 18px 20px; }
  .automation-section-nav { gap:6px; }
  .automation-section-nav a { font-size:11px; padding:9px 10px; }
}