.dir-page{max-width:1240px}.dir-heading{margin:28px 0}.dir-heading h1{margin:10px 0}.dir-toolbar,.dir-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.dir-row{padding:24px 0;border-bottom:1px solid var(--line,#e9e3e7);color:inherit;text-decoration:none}.dir-row h3{margin:0 0 7px}.dir-row p{margin:0}.dir-columns{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px;margin-top:32px}.dir-private{align-self:start;background:var(--surface-soft,#f6edf1);padding:22px;border-radius:12px}.dir-private h3{margin-top:0}.dir-preserve{white-space:pre-wrap;overflow-wrap:anywhere}.dir-contribution{padding:20px 0;border-bottom:1px solid var(--line,#e9e3e7)}.dir-contribution small{display:block;margin-top:7px;color:var(--muted,#797078)}.dir-section{margin-top:40px}.dir-page form{display:grid;gap:14px;margin-top:22px}.dir-page form>.btn{justify-self:start}.dir-page .field{display:grid;gap:8px}.dir-page textarea,.dir-page input:not([type=checkbox]),.dir-page select{width:100%;min-width:0}.dir-check{display:flex;gap:9px;align-items:flex-start}.dir-check input{flex:none}.dir-caption{font-size:13px}.dir-page h2{margin-top:24px}.dir-page fieldset{border:1px solid var(--line,#e9e3e7);padding:16px}.dir-page .mw-tabs{flex-wrap:wrap}@media(max-width:850px){.dir-columns{grid-template-columns:1fr}.dir-private{order:-1}.dir-toolbar{align-items:flex-start;flex-wrap:wrap}.dir-row{flex-wrap:wrap}}@media(prefers-color-scheme:dark){.dir-private{background:var(--surface-soft,#30232c)}}

/* Personal connections use the same editorial header, spacing and surfaces as the app. */
.cx-main .dir-connection-page{max-width:none;margin:0;padding:0}.dir-connection-page .cx-scene{margin-top:0}.dir-connection-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:28px;align-items:start}.dir-connection-card,.dir-access-card{padding:28px;border:1px solid var(--ux-line,#e9e3e7);border-radius:12px;background:var(--ux-paper,#fff)}.dir-access-card{background:var(--ux-soft,#f8f5f7)}.dir-connection-page h2{font-size:22px;line-height:1.3;margin:16px 0 12px}.dir-connection-page p,.dir-access-card li{font-size:14px;line-height:1.7}.dir-status{display:inline-flex;padding:6px 10px;border-radius:20px;background:var(--ux-soft,#f8f5f7);color:var(--ux-muted,#766c73);font-size:11px;font-weight:500}.dir-access-card h2{margin-top:0}.dir-access-card ul{padding-left:20px;margin:16px 0}.dir-access-card li+li{margin-top:8px}.dir-connections-list{margin-top:32px}.dir-connection-empty{padding:22px 0;border-top:1px solid var(--ux-line,#e9e3e7)}.dir-connection-empty strong{font-size:14px;font-weight:500}.dir-connection-empty p{margin:8px 0 0}.dir-connection-page .hs-actions{margin-top:22px}.dir-connection-page .dir-row{flex-wrap:wrap}.dir-connection-page .dir-row strong{overflow-wrap:anywhere}
@media(max-width:850px){.dir-connection-layout{grid-template-columns:1fr;gap:18px}.dir-connection-card,.dir-access-card{padding:22px}.dir-connection-page .mw-location{flex-wrap:wrap;gap:12px}.dir-connection-page h2{font-size:20px}}