.social{margin:0;min-height:100dvh;background:var(--page-bg);color:var(--text-color);font:14px/1.5 var(--font-sans)}
.social [hidden]{display:none!important}
.social *{box-sizing:border-box}.social button,.social input,.social select,.social textarea{font:inherit}.social button,.social a{touch-action:manipulation}
.social button,.sp-btn{min-height:40px;padding:9px 16px;border:1px solid var(--line-action-color);background:var(--button-fill);color:var(--strong-text-color);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.social button:hover,.sp-btn:hover{background:var(--button-fill-hover);border-color:var(--line-action-hover-color)}.social button:disabled{opacity:.45;cursor:default}.social :focus-visible{outline:2px solid var(--accent-color);outline-offset:3px}
.social .sp-primary{background:var(--text-color);color:var(--page-bg);border-color:var(--text-color)}.social .sp-primary:hover{opacity:.85;background:var(--text-color)}
.sp-shell{display:grid;grid-template-columns:222px minmax(0,1fr);min-height:100dvh}.sp-sidebar{padding:28px 18px;border-inline-end:1px solid var(--line-strong-color);display:flex;flex-direction:column;position:sticky;top:0;height:100dvh;gap:30px}
.sp-brand{font:32px/1 var(--font-brand);letter-spacing:.08em;color:var(--strong-text-color);text-decoration:none}.sp-back{font-size:12px;color:var(--soft-text-color);text-decoration:none;margin-top:10px;display:block}
.sp-nav{display:grid;gap:6px}.sp-nav button{text-align:start;justify-content:flex-start;border-color:transparent;padding:12px}.sp-nav button[aria-current=page]{background:var(--accent-fill);border-color:var(--line-strong-color);color:var(--text-color)}
.sp-nav svg{width:18px;height:18px;flex-shrink:0}.sp-sidebar-footer{margin-top:auto;font-size:12px;color:var(--soft-text-color)}.sp-sidebar-footer a{color:inherit}.sp-beta{display:flex;align-items:center;gap:8px;margin-bottom:14px}.sp-beta:before{content:'';width:6px;height:6px;background:var(--ok-color);border-radius:50%}
.sp-main{padding:36px clamp(22px,4vw,64px);max-width:1700px;width:100%;margin:auto;align-self:start}.sp-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:32px}.sp-header h1{font-size:clamp(26px,3vw,38px);font-weight:550;letter-spacing:-.04em;margin:0 0 8px}.sp-header p{max-width:620px;color:var(--soft-text-color);margin:0}.sp-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.sp-mode{border-inline-start:2px solid var(--warn-color);padding:10px 16px;margin:0 0 26px;color:var(--soft-text-color);font-size:13px;background:var(--button-fill-subtle)}
.sp-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:24px 0 16px}.sp-toolbar h2{font-size:18px;font-weight:550;margin:0}.sp-tabs{display:flex;gap:4px}.sp-tabs button{font-size:12px;min-height:34px}.sp-tabs button[aria-pressed=true]{background:var(--accent-fill)}
.sp-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--line-strong-color);border-inline-end:0;border-bottom:0}.sp-weekday{padding:11px 8px;border-inline-end:1px solid var(--line-strong-color);border-bottom:1px solid var(--line-strong-color);font:11px var(--font-mono);text-transform:uppercase;color:var(--soft-text-color)}
.sp-day{min-height:114px;padding:8px;border-inline-end:1px solid var(--line-strong-color);border-bottom:1px solid var(--line-strong-color);background:var(--button-fill-subtle);overflow:hidden}.sp-day.is-outside{opacity:.42}.sp-day.is-today{box-shadow:inset 0 2px var(--accent-color)}.sp-day-number{font:12px var(--font-mono);display:block;margin-bottom:8px;color:var(--soft-text-color)}.social .sp-calendar-post{padding:6px 8px;display:block;text-align:start;width:100%;font-size:11px;min-height:0;margin:4px 0;background:var(--accent-fill);border-inline-start:2px solid var(--accent-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-empty{padding:48px 24px;border-block:1px solid var(--line-strong-color);text-align:center}.sp-empty svg{width:34px;height:34px;color:var(--accent-color);margin-bottom:12px}.sp-empty h2{font-size:22px;font-weight:500;margin:4px 0 10px}.sp-empty p{max-width:540px;margin:0 auto 22px;color:var(--soft-text-color)}
.sp-list{border-top:1px solid var(--line-strong-color)}.sp-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(120px,1fr) 120px auto;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid var(--line-strong-color)}.sp-row h3{font-size:15px;font-weight:550;margin:0 0 5px;overflow-wrap:anywhere}.sp-row p{margin:0;font-size:12px;color:var(--soft-text-color)}.sp-row time{font:12px var(--font-mono)}.sp-status{font:11px var(--font-mono);color:var(--soft-text-color)}.sp-status[data-status=published],.sp-status[data-status=saved]{color:var(--ok-color)}.sp-status[data-status=attention],.sp-status[data-status=review_required]{color:var(--warn-color)}
.sp-connections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line-strong-color);border-inline-start:1px solid var(--line-strong-color);margin:26px 0}.sp-provider{padding:26px;border-inline-end:1px solid var(--line-strong-color);border-bottom:1px solid var(--line-strong-color)}.sp-provider h2{font-size:21px;font-weight:550;margin:0 0 12px}.sp-provider p{color:var(--soft-text-color);font-size:13px;min-height:65px;margin:0 0 20px}.sp-provider .sp-mark{font:24px var(--font-mono);display:block;margin-bottom:26px;color:var(--accent-color)}
.sp-flow{display:flex;flex-wrap:wrap;align-items:center;gap:12px;color:var(--soft-text-color);font-size:13px}.sp-flow strong{color:var(--strong-text-color);font-weight:500}.sp-route{padding:24px 0;border-block-end:1px solid var(--line-strong-color)}.sp-route-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:16px}.sp-route h3{margin:0 0 5px;font-size:18px;font-weight:550}.sp-route p{margin:0;font-size:12px;color:var(--soft-text-color)}
.sp-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:24px 0}.sp-metric small{color:var(--soft-text-color);display:block}.sp-metric strong{font-size:32px;font-weight:500;letter-spacing:-.03em}.sp-chart{width:100%;height:150px;display:block;margin:12px 0 18px;color:var(--accent-color)}.sp-chart path{fill:none;stroke:currentColor;stroke-width:2;vector-effect:non-scaling-stroke}.sp-table-wrap{overflow:auto}.sp-table{border-collapse:collapse;width:100%;font-size:13px}.sp-table th,.sp-table td{text-align:start;padding:12px;border-bottom:1px solid var(--line-color)}.sp-table th{color:var(--soft-text-color);font-weight:500}
#sp-dialog{background:var(--page-bg);color:var(--text-color);border:1px solid var(--line-strong-color);padding:0;width:min(960px,calc(100vw - 40px));max-height:92dvh;overflow:auto}#sp-dialog::backdrop{background:rgba(0,0,0,.6);backdrop-filter:blur(5px)}.sp-dialog-head{display:flex;justify-content:space-between;gap:20px;padding:24px 28px;border-bottom:1px solid var(--line-strong-color)}.sp-dialog-head h2{font-size:23px;letter-spacing:-.025em;font-weight:550;margin:0}.sp-dialog-body{padding:28px}.sp-dialog-foot{display:flex;justify-content:flex-end;gap:10px;padding:20px 28px;border-top:1px solid var(--line-strong-color);position:sticky;bottom:0;background:var(--page-bg)}
.sp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sp-field{display:grid;gap:7px;min-width:0;font-size:12px;color:var(--soft-text-color)}.sp-field input,.sp-field select,.sp-field textarea{width:100%;min-height:43px;border:1px solid var(--line-strong-color);background:var(--button-fill);padding:10px 12px;color:var(--strong-text-color);border-radius:0}.sp-field select option{background:var(--page-bg)}.sp-field textarea{resize:vertical;min-height:80px}.sp-span{grid-column:1/-1}.sp-subhead{margin:26px 0 14px;font-size:15px;font-weight:550}.sp-destination{border-top:1px solid var(--line-strong-color);padding:18px 0}.sp-destination-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.sp-check{display:flex;align-items:flex-start;gap:10px;font-size:13px;margin:14px 0;color:var(--soft-text-color)}.sp-check input{margin-top:4px;accent-color:var(--accent-color);width:16px;height:16px;flex-shrink:0}.sp-check a{color:inherit}.sp-hint{font-size:12px;color:var(--soft-text-color);line-height:1.65}.sp-error{color:var(--err-color);font-size:13px}.sp-quote{border:1px solid var(--line-strong-color);padding:18px;margin-top:20px;display:flex;justify-content:space-between;gap:24px}.sp-quote strong{font-size:22px;font-weight:500}.sp-preview{width:100%;max-height:260px;background:#000;margin:16px 0}.sp-loading{display:grid;place-content:center;min-height:80dvh;text-align:center;padding:30px}.sp-loading h1{font-size:26px}.sp-loading p{max-width:500px;color:var(--soft-text-color)}
#sp-notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--text-color);color:var(--page-bg);padding:12px 20px;max-width:90vw;z-index:10;font-size:13px;display:none}#sp-notice.is-visible{display:block}
@media(max-width:1000px){.sp-shell{grid-template-columns:180px minmax(0,1fr)}.sp-sidebar{padding:24px 12px}.sp-main{padding:26px 22px}.sp-row{grid-template-columns:1fr 1fr}.sp-day{min-height:90px}.sp-connections{grid-template-columns:1fr}.sp-provider p{min-height:0}.sp-provider .sp-mark{margin-bottom:12px}.sp-header{flex-wrap:wrap}}
@media(max-width:680px){.sp-shell{display:block}.sp-sidebar{position:static;height:auto;border-inline-end:0;border-bottom:1px solid var(--line-strong-color);padding:18px;gap:18px}.sp-brand{font-size:28px}.sp-back{display:inline;margin-inline-start:20px}.sp-nav{display:flex;gap:4px;overflow:auto}.sp-nav button{font-size:12px;white-space:nowrap;padding:8px}.sp-nav svg{display:none}.sp-sidebar-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sp-sidebar-footer p,.sp-sidebar-footer .sp-beta{margin:0}.sp-sidebar-footer .sp-btn{margin-inline-start:auto;font-size:11px}.sp-main{padding:24px 16px}.sp-header{margin-bottom:22px;gap:18px}.sp-header h1{font-size:29px}.sp-day{min-height:64px;padding:4px}.sp-calendar-post{font-size:9px!important;padding:3px!important}.sp-weekday{font-size:9px;padding:8px 4px}.sp-day-number{font-size:10px}.sp-form-grid{grid-template-columns:1fr}.sp-span{grid-column:auto}#sp-dialog{width:calc(100vw - 16px);max-height:96dvh}.sp-dialog-head,.sp-dialog-body,.sp-dialog-foot{padding:18px}.sp-row{gap:12px}.sp-metrics{gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.sp-toolbar{flex-wrap:wrap}.sp-empty{padding:32px 12px}}
@media(prefers-reduced-motion:reduce){.social *{scroll-behavior:auto!important;transition:none!important}}
.social button,.sp-btn{transition:background-color .15s,border-color .15s,opacity .15s}
.sp-nav button{background:transparent}.sp-nav button:hover{background:var(--button-fill-hover)}
.sp-day{min-height:clamp(64px,10vh,108px)}
.sp-steps{display:flex;list-style:none;gap:24px;margin:0 0 28px;padding:0 0 20px;border-bottom:1px solid var(--line-strong-color)}
.sp-steps li{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--soft-text-color)}
.sp-steps li span{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--line-strong-color);font:11px var(--font-mono)}
.sp-steps li[aria-current=step]{color:var(--strong-text-color)}.sp-steps li[aria-current=step] span{background:var(--text-color);color:var(--page-bg);border-color:var(--text-color)}
.sp-compose-source{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}.sp-compose-fields{display:grid;gap:20px}
.sp-upload{display:grid;gap:12px;padding:22px;border:1px dashed var(--line-action-color);background:var(--button-fill-subtle);cursor:pointer}.sp-upload svg{width:24px;height:24px}.sp-upload strong{font-weight:500}.sp-upload input{max-width:100%;font-size:12px}.sp-upload input::file-selector-button{background:var(--button-fill);color:var(--text-color);padding:8px;border:1px solid var(--line-action-color);cursor:pointer}
.sp-preview-panel{min-height:260px;display:grid;align-items:center;background:var(--button-fill-subtle);border:1px solid var(--line-strong-color);padding:16px;text-align:center}.sp-preview-panel .sp-preview{max-height:300px;margin:0 0 12px}.sp-preview-panel .sp-btn{font-size:12px}
.sp-plan-summary{margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--line-strong-color)}.sp-foot-spacer{flex:1}.sp-dialog-foot{align-items:center;flex-wrap:wrap}.sp-dialog-head{position:sticky;top:0;background:var(--page-bg);z-index:1}
.sp-review-destination{padding:0 0 14px;margin-bottom:14px;border-bottom:1px solid var(--line-strong-color)}.sp-review-destination h3{margin:0;font-size:16px;font-weight:550}.sp-review-destination p{font-size:13px;line-height:1.6}.sp-review-caption{white-space:pre-wrap;overflow-wrap:anywhere}.sp-quote strong{white-space:nowrap}
#sp-dialog[aria-busy=true] .sp-dialog-foot::before{content:'';width:14px;height:14px;border:2px solid var(--line-strong-color);border-top-color:var(--text-color);border-radius:50%;animation:sp-spin .7s linear infinite}
#sp-dialog[open]{animation:sp-enter .16s ease-out}#sp-post-form section:not([hidden]){animation:sp-enter .16s ease-out}
@keyframes sp-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes sp-spin{to{transform:rotate(360deg)}}
@media(max-width:680px){.sp-steps{gap:16px;justify-content:space-between}.sp-steps li{gap:6px;font-size:11px}.sp-steps li span{width:22px;height:22px}.sp-compose-source{grid-template-columns:1fr;gap:18px}.sp-preview-panel{min-height:140px}.sp-dialog-foot button{font-size:12px;padding:8px 11px}.sp-dialog-foot .sp-foot-spacer{display:none}.sp-dialog-foot{justify-content:space-between}.sp-preview-panel .sp-preview{max-height:220px}}
@media(prefers-reduced-motion:reduce){.social *,#sp-dialog[open],#sp-post-form section:not([hidden]){animation:none!important;transition:none!important}}
/* Keep actions outside the scrolling content, including native validation focus. */
.social:has(#sp-dialog[open]){overflow:hidden}
#sp-dialog{max-width:calc(100% - 16px);overflow:hidden}
#sp-dialog[open]{display:flex;flex-direction:column}
.sp-dialog-head,.sp-dialog-foot{position:static;flex-shrink:0}
.sp-dialog-body{overflow-y:auto;overflow-x:hidden;min-height:0;scrollbar-gutter:stable}
.sp-dialog-body>form,.sp-steps li{min-width:0}.sp-steps li span{flex-shrink:0}
.sp-dialog-head h2{min-width:0;overflow-wrap:anywhere}

/* Publishing workspace: shared rhythm across channels, routes and analytics. */
.social{--sp-surface:#14161a;--sp-canvas:#0d0f12;background:var(--sp-canvas)}
:root[data-theme=light] .social{--sp-surface:#fff;--sp-canvas:#f6f7fa}
.sp-sidebar{background:var(--sp-surface);padding:32px 18px;gap:36px}
.sp-brand{font-size:30px;letter-spacing:.065em}.sp-back{margin-top:16px}
.sp-nav button{min-height:46px;gap:12px;color:var(--soft-text-color);border:0;box-shadow:none}
.sp-nav button[aria-current=page]{background:var(--accent-fill);color:var(--strong-text-color);box-shadow:inset 2px 0 var(--accent-color)}
.sp-main{padding:38px clamp(24px,4vw,64px) 64px;max-width:1500px;margin:0 auto}
.sp-header{align-items:center;margin-bottom:34px}.sp-header h1{font-size:34px;line-height:1.2;letter-spacing:-.035em;font-weight:600;margin:7px 0 10px}
.sp-header p{font-size:14px;line-height:1.65;max-width:650px}.sp-eyebrow{font:10px var(--font-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--muted-text-color)}
.social button,.sp-btn{min-height:42px;font-size:13px;font-weight:500}.social button:disabled{cursor:not-allowed}
.sp-section{margin:0 0 34px}.sp-section-heading{display:flex;align-items:center;gap:12px;margin:0 0 15px}.sp-section-heading h2,.sp-access h2{margin:0;font-size:16px;font-weight:550;letter-spacing:-.015em}.sp-count{font:11px var(--font-mono);color:var(--soft-text-color);margin-inline-start:auto}
.sp-channel-list{border-block:1px solid var(--line-strong-color);background:var(--sp-surface);padding:0 20px}
.sp-channel-row{display:grid;grid-template-columns:minmax(160px,1fr) minmax(130px,1fr) auto;align-items:center;gap:24px;padding:20px 0;border-bottom:1px solid var(--line-color)}.sp-channel-row:last-child{border-bottom:0}
.sp-channel-identity{display:flex;align-items:center;gap:14px;min-width:0}.sp-channel-identity>div{min-width:0}.sp-channel-identity h3{margin:0 0 4px;font-size:15px;font-weight:550;overflow-wrap:anywhere}.sp-channel-identity p,.sp-channel-health p{margin:3px 0 0;font-size:12px;color:var(--soft-text-color);line-height:1.6}.sp-channel-health .sp-error{color:var(--err-color)}
.sp-platform-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 58px;width:58px;height:48px;padding:12px;background:#fff;vertical-align:middle;text-decoration:none;line-height:1;border-radius:4px}
.sp-platform-icon img{display:block;object-fit:contain;height:24px;width:auto;max-width:none;flex-shrink:0}.sp-brand-pair{display:inline-flex;gap:4px;align-items:center}.sp-library-icon{width:38px;height:40px;display:inline-flex;align-items:center;justify-content:center;color:var(--soft-text-color);flex-shrink:0}.sp-library-icon svg{width:21px;height:21px}
.sp-connections{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;border:0;margin:0}.sp-provider{display:flex;flex-direction:column;align-items:flex-start;padding:22px;background:var(--sp-surface);border:1px solid var(--line-strong-color);min-width:0}.sp-provider-top{width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:0 0 17px}.sp-provider-label{font-size:14px;font-weight:550}.sp-provider p{font-size:13px;line-height:1.7;margin:0 0 22px;min-height:0;flex:1}.sp-provider>button{width:100%;background:transparent}
.sp-access{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;border-top:1px solid var(--line-strong-color);padding-top:26px}.sp-access p{font-size:13px;color:var(--soft-text-color);line-height:1.7;max-width:650px;margin:10px 0 0}.sp-access-links{display:grid;align-content:start;gap:14px;min-width:210px}.sp-access-links a{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:var(--text-color);text-decoration:none}.sp-access-links a:hover{text-decoration:underline}
.sp-status{display:inline-flex;align-items:center;gap:7px;white-space:normal;line-height:1.5}.sp-status:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.sp-status[data-status=connected]{color:var(--ok-color)}
.sp-route-list{display:grid;gap:0}
.sp-route-list>.sp-route:last-child{margin-bottom:0}
.sp-composer-channel{margin-bottom:20px;font-size:13px}.sp-composer-channel strong{font-weight:550}
.sp-mode{padding:12px 16px;background:var(--sp-surface);border:1px solid var(--line-strong-color);border-inline-start:2px solid var(--warn-color);line-height:1.6}
.sp-toolbar{margin:22px 0 16px}.sp-toolbar h2{font-size:17px}.sp-tabs{gap:0;padding:3px;background:var(--sp-surface);border:1px solid var(--line-strong-color)}.sp-tabs button{border:0;min-height:32px;padding:6px 15px}.sp-tabs button[aria-pressed=true]{background:var(--accent-fill);color:var(--strong-text-color)}
.sp-calendar{background:var(--sp-surface)}.sp-weekday{background:var(--button-fill-subtle);padding:12px}.sp-day{background:transparent;padding:10px;min-height:100px}.sp-day.is-outside{background:var(--button-fill-subtle);opacity:.5}.sp-day.is-today{box-shadow:none}.sp-day.is-today .sp-day-number{width:23px;height:23px;display:grid;place-items:center;background:var(--text-color);color:var(--page-bg);border-radius:50%;margin:-3px 0 6px}
.sp-empty{border:1px dashed var(--line-action-color);background:var(--sp-surface);padding:42px 24px}.sp-empty h2{font-size:20px}.sp-empty p{font-size:13px;line-height:1.7;max-width:480px}.sp-empty p:last-child{margin-bottom:0}
.sp-list{background:var(--sp-surface);padding:0 22px;border-bottom:1px solid var(--line-strong-color)}.sp-list .sp-row:last-child{border-bottom:0}.sp-row{grid-template-columns:minmax(180px,1.5fr) minmax(120px,1fr) 120px auto}.sp-row h3{margin-bottom:9px}.sp-destination-label{display:flex;align-items:center;gap:8px;margin:3px 0}.sp-destination-label .sp-platform-icon{height:40px;padding:8px 12px}.sp-destination-label .sp-library-icon{height:40px}
.sp-route{background:var(--sp-surface);border:1px solid var(--line-strong-color);padding:24px;margin-bottom:16px}.sp-route-head{align-items:center}.sp-route h3{font-size:16px}.sp-route p{line-height:1.65}.sp-flow{gap:14px;padding:8px 0 18px}.sp-flow-node{display:inline-flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap}.sp-flow-node strong{overflow-wrap:anywhere}.sp-language{font:10px var(--font-mono);background:var(--accent-fill);color:var(--strong-text-color);padding:5px 8px;white-space:nowrap}.sp-metrics{border-block:1px solid var(--line-color);padding:22px 0;margin:18px 0;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.sp-metric strong{font-size:34px;line-height:1.35}.sp-metric small{font-size:12px;margin-bottom:7px}.sp-chart{height:180px;margin-top:22px}.sp-route details{font-size:12px;color:var(--soft-text-color)}
#sp-dialog{background:var(--sp-surface);box-shadow:0 24px 100px #0005}.sp-dialog-head,.sp-dialog-foot{background:var(--sp-surface)}.sp-dialog-head{padding:24px 28px}.sp-dialog-body{padding:26px 28px}.sp-dialog-body>p{line-height:1.8;color:var(--soft-text-color);font-size:14px}.sp-field input,.sp-field select,.sp-field textarea{background:var(--sp-canvas);min-height:44px}.sp-preview-panel{background:var(--sp-canvas)}.sp-steps{gap:26px}.sp-steps li[aria-current=step] span{border-radius:50%}.sp-plan-summary{line-height:1.7}.sp-hint a,.sp-dialog-body p a{color:inherit;text-underline-offset:3px}.sp-destination{padding:22px 0}.sp-quote{background:var(--sp-canvas);padding:22px}.sp-review-destination{padding:18px 0}.sp-review-destination:first-child{padding-top:0}
@media(min-width:1500px){.sp-main{padding-top:46px}.sp-header{margin-bottom:42px}}
@media(max-width:1120px){.sp-channel-row{grid-template-columns:1fr auto;gap:14px}.sp-channel-health{grid-row:2;grid-column:1/-1;padding-inline-start:72px}.sp-provider-top{align-content:start;min-height:78px;gap:10px}.sp-row{grid-template-columns:minmax(180px,1fr) minmax(120px,1fr)}.sp-access{grid-template-columns:1fr;gap:20px}.sp-access-links{max-width:330px}}
@media(max-width:680px){.sp-sidebar{padding:20px 16px 12px;gap:22px}.sp-sidebar>div:first-child{display:flex;align-items:center;justify-content:space-between}.sp-back{margin:0}.sp-brand{font-size:29px}.sp-nav{justify-content:space-between;gap:0;overflow:visible}.sp-nav button{font-size:10px;padding:8px 3px;min-height:54px;gap:6px;flex:1;flex-direction:column;white-space:normal;text-align:center}.sp-nav button[aria-current=page]{box-shadow:inset 0 -2px var(--accent-color)}.sp-nav svg{display:block;width:16px;height:16px}.sp-sidebar-footer{display:flex;gap:12px;font-size:11px;border-top:1px solid var(--line-color);padding-top:12px}.sp-main{padding:25px 16px 40px}.sp-header{align-items:flex-start;gap:20px;margin-bottom:26px}.sp-header h1{font-size:30px}.sp-header p{font-size:13px}.sp-header .sp-actions{width:100%;justify-content:space-between}.sp-header .sp-actions button{flex:1}.sp-connections{grid-template-columns:1fr;gap:12px}.sp-provider{padding:20px}.sp-provider-top{min-height:0;flex-wrap:nowrap}.sp-provider p{margin:0 0 18px}.sp-provider>button{width:auto;min-width:140px}.sp-section{margin-bottom:28px}.sp-channel-list{padding:0 16px}.sp-channel-row{grid-template-columns:1fr;padding:18px 0;gap:14px}.sp-channel-row>div:last-child{padding-inline-start:72px}.sp-channel-health{grid-row:auto}.sp-channel-row button{min-height:38px;font-size:12px}.sp-channel-identity{gap:14px}.sp-channel-health p{font-size:11px}.sp-list{padding:0 16px}.sp-row{grid-template-columns:minmax(0,1fr) auto}.sp-row>div:first-child{grid-column:1/-1}.sp-row>div:last-child{justify-self:end}.sp-row>.sp-status{grid-column:1;grid-row:3}.sp-route{padding:20px}.sp-route-head{align-items:flex-start;gap:12px}.sp-route-head>button{padding-inline:10px}.sp-flow{gap:10px}.sp-flow>span[aria-hidden]{display:none}.sp-flow-node{width:100%}.sp-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.sp-metric strong{font-size:30px}.sp-access{padding-top:23px}.sp-access-links{max-width:none}.sp-access-links a{min-height:32px}.sp-day{min-height:65px;padding:5px}.sp-weekday{padding:8px 4px}.sp-dialog-head,.sp-dialog-body,.sp-dialog-foot{padding:18px}.sp-dialog-head h2{font-size:21px}.sp-section-heading h2{font-size:15px}.sp-toolbar h2{font-size:15px}.sp-steps{gap:12px}.sp-steps li{font-size:10px}.sp-steps li span{width:22px;height:22px}.sp-steps li[aria-current=step] span{border-radius:50%}}
@media(max-width:680px){.sp-dialog-foot{display:grid;grid-template-columns:auto 1fr;gap:10px}.sp-dialog-foot>button{justify-self:start}.sp-dialog-foot>button[data-action=save-post]{justify-self:end}.sp-dialog-foot>.sp-primary{grid-column:1/-1;justify-self:stretch;width:100%}}