.sc4-feed{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:16px 0}
.sc4-card{border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:14px;background:rgba(0,0,0,.68);backdrop-filter:blur(6px);box-shadow:0 10px 30px rgba(0,0,0,.35);color:rgba(255,255,255,.94);box-sizing:border-box;width:100%;max-width:100%}
.sc4-card--panel{max-width:880px;margin:16px 0}
.sc4-card-h{display:flex;align-items:center;gap:8px;font-weight:750;margin-bottom:8px;text-shadow:0 1px 0 rgba(0,0,0,.35)}
.sc4-card-h a{text-decoration:none;color:inherit}
.sc4-card-b{font-size:14px;line-height:1.4;opacity:.92}
.sc4-badge{font-size:11px;letter-spacing:.08em;opacity:.8}
.sc4-date{margin-left:auto;font-size:12px;opacity:.7}
.sc4-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.30);cursor:pointer;text-decoration:none;color:inherit;text-shadow:0 1px 0 rgba(0,0,0,.35)}
.sc4-btn:hover{background:rgba(0,0,0,.42)}
.sc4-muted{opacity:.75}
.sc4-item{padding:10px 0;border-top:1px solid rgba(255,255,255,.08)}
.sc4-item:first-child{border-top:0}
.sc4-item-h{display:flex;gap:8px;align-items:center;font-weight:650}
.sc4-item-b{font-size:13px;opacity:.9;margin-top:4px}
.sc4-follow-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}

/* Feed App (two-column activity UI) */
.sc4-feed-app{display:grid;grid-template-columns:2fr 3fr;gap:16px;margin:16px 0}
.sc4-feed-app-left{min-width:0}
.sc4-feed-app-right{min-width:0}
.sc4-feed-nav{border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(0,0,0,.40);backdrop-filter:blur(6px);padding:10px}
.sc4-nav-h{margin:12px 8px 6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.75}
.sc4-nav-empty{margin:6px 8px 10px;font-size:12px;opacity:.75}
.sc4-nav-item{width:100%;text-align:left;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.20);color:inherit;cursor:pointer;margin:6px 0;text-shadow:0 1px 0 rgba(0,0,0,.35)}
.sc4-nav-item:hover{background:rgba(255,255,255,.06)}
.sc4-nav-item.is-active{border-color:rgba(255,255,255,.22);background:rgba(0,0,0,.32)}
.sc4-feed-app-pane .sc4-feed{margin:0}
.sc4-feed-app-actions{display:flex;justify-content:center;margin-top:10px}

/* Activity feed: use Discography grid/card styling when available. */
.sc4-activity-grid{padding-top:0 !important;gap:16px !important;margin:0 !important}
.sc4-feed-app-pane .s3d-discography-grid{margin:0}
.sc4-update-ex{font-size:13px;line-height:1.4;opacity:.92;margin-top:4px}

@media (max-width: 860px){
  .sc4-feed-app{grid-template-columns:1fr}
}

/* Feed / Inbox header + badge */
.sc4-feed-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 10px}
.sc4-feed-title{font-size:18px;font-weight:800;letter-spacing:.02em;text-shadow:0 1px 0 rgba(0,0,0,.35)}
.sc4-pill{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 7px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.4)}
.sc4-inbox .sc4-card.is-read{opacity:.78}
.sc4-inbox .sc4-card.is-unread{border-color:rgba(255,255,255,.22)}

/* Universal profile nav shell */
.sc4-profile-nav{margin:6px 0 14px}
.sc4-profile-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.sc4-btn.is-active{border-color:rgba(255,255,255,.30);background:rgba(0,0,0,.48)}

/* Profile surfaces: two-column spread */
.sc4-profile{padding:0 18px}

/*
  Profile surfaces use *native* WordPress Columns markup/classes.
  We intentionally do NOT override .wp-block-columns display/layout here.
  Only safe guard: prevent long content from forcing a column wider than its track.
*/
.sc4-profile-columns.wp-block-columns{margin-top:14px;gap:24px;column-gap:24px;row-gap:24px}
/* Some themes (and WP core) implement Columns spacing via margins on the child
   columns. Since we use gap above, neutralize child margins so cards don't
   butt up against each other (or double-gap). */
.sc4-profile-columns.wp-block-columns>.wp-block-column{min-width:0;box-sizing:border-box;margin:0 !important}

/*
  Enforce the intended 40/60 split for SC4 profile surfaces.
  Some themes override core Columns sizing; we scope this tightly so it
  won’t affect other Gutenberg Columns.
*/
.sc4-profile-columns.wp-block-columns>.sc4-profile-left{flex:0 0 40% !important;max-width:40% !important}
.sc4-profile-columns.wp-block-columns>.sc4-profile-right{flex:0 0 60% !important;max-width:60% !important}

@media (max-width: 781px){
  .sc4-profile-columns.wp-block-columns>.sc4-profile-left,
  .sc4-profile-columns.wp-block-columns>.sc4-profile-right{flex:0 0 100% !important;max-width:100% !important}
}

/* fix029: Release Companion Panel */
.sc4-release-companion{margin:18px 0}
.sc4-release-companion .sc4-card-h{letter-spacing:.08em;text-transform:uppercase}
.sc4-companion{display:flex;flex-direction:column;gap:14px}
.sc4-companion-section{padding:12px 12px 10px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.03)}
.sc4-companion-h{font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.82;margin-bottom:8px}
.sc4-companion-b .sc4-item{padding:10px 0}
.sc4-mini-card{display:flex;gap:12px;text-decoration:none;padding:10px;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.18)}
.sc4-mini-card:hover{background:rgba(255,255,255,.06)}
.sc4-mini-cover{width:64px;height:64px;border-radius:12px;background-size:cover;background-position:center;flex:0 0 auto;border:1px solid rgba(255,255,255,.10)}
.sc4-mini-meta{min-width:0}
.sc4-mini-title{font-weight:750;line-height:1.2}
.sc4-mini-ex{font-size:12px;opacity:.86;margin-top:4px}
.sc4-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}
.sc4-strip-card{display:flex;flex-direction:column;gap:8px;min-width:148px;text-decoration:none;padding:10px;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.18)}
.sc4-strip-card:hover{background:rgba(255,255,255,.06)}
.sc4-strip-cover{width:100%;height:96px;border-radius:12px;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.10)}
.sc4-strip-title{font-size:13px;font-weight:650;line-height:1.2;opacity:.92}



/* fix049: profile columns overflow guard */
.sc4-profile .sc4-card--panel{max-width:none}
.sc4-profile-columns .wp-block-column{min-width:0}

