/* Reusable replacements for former inline style attributes. */
/* Repeated class selectors retain the specificity the inline rules previously had. */

.u-mb-16.u-mb-16.u-mb-16 { margin-bottom: 16px; }
.u-text-muted-small.u-text-muted-small.u-text-muted-small { color:var(--text-muted); font-size:14px; }
.u-text-cyan.u-text-cyan.u-text-cyan { color:var(--cyan); }
.u-media-caption.u-media-caption.u-media-caption { font-family:var(--font-head);font-size:9px;letter-spacing:2px;color:var(--text-muted);text-transform:uppercase;margin-top:8px;text-align:center; }
.u-accent-purple-pink.u-accent-purple-pink.u-accent-purple-pink { background: linear-gradient(90deg, var(--purple), var(--pink)); }
.u-border-pink.u-border-pink.u-border-pink { border-left: 2px solid rgba(255,79,203,0.6); }
.u-sidebar-320.u-sidebar-320.u-sidebar-320 { flex-shrink: 0; width: 320px; }
.u-split-footer.u-split-footer.u-split-footer { display:flex; justify-content:space-between; align-items:center; border-top:1px solid var(--border); padding-top:32px; margin-top:48px; }
.u-intro-copy.u-intro-copy.u-intro-copy { color:var(--text-muted); margin-bottom:36px; max-width:540px; font-size:14px; }
.u-action-gap.u-action-gap.u-action-gap { margin:16px 0 24px; }
.u-mt-20.u-mt-20.u-mt-20 { margin-top: 20px; }
.u-mb-0.u-mb-0.u-mb-0 { margin-bottom: 0; }
.u-mb-12.u-mb-12.u-mb-12 { margin-bottom: 12px; }
.u-mb-32.u-mb-32.u-mb-32 { margin-bottom: 32px; }
.u-framed-image.u-framed-image.u-framed-image { width:100%;border-radius:8px;border:1px solid var(--border); }
.u-sidebar-340.u-sidebar-340.u-sidebar-340 { flex-shrink: 0; width: 340px; }
.u-grid-min-220.u-grid-min-220.u-grid-min-220 { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
.u-mb-24.u-mb-24.u-mb-24 { margin-bottom: 24px; }
.u-accent-cyan-purple.u-accent-cyan-purple.u-accent-cyan-purple { background: linear-gradient(90deg, var(--cyan), var(--purple)); }
.u-my-24.u-my-24.u-my-24 { margin:24px 0; }
.u-source-summary.u-source-summary.u-source-summary { font-family:var(--font-head);font-size:9px;letter-spacing:2px;color:var(--purple);text-transform:uppercase;cursor:pointer;padding:8px 0;list-style:none;margin-bottom:8px; }
.u-panel.u-panel.u-panel { background: var(--bg-card); border: 1px solid var(--border); border-radius: 8px; overflow: hidden; }
.u-detail-note.u-detail-note.u-detail-note { margin-top: 14px; font-size: 12px; }
.u-mb-20.u-mb-20.u-mb-20 { margin-bottom: 20px; }
.u-text-muted.u-text-muted.u-text-muted { color:var(--text-muted); }
.u-media-panel.u-media-panel.u-media-panel { border: 1px solid var(--border); border-radius: 8px; overflow: hidden; background: var(--bg-card); }
.u-sidebar-300.u-sidebar-300.u-sidebar-300 { flex-shrink: 0; width: 300px; }
.u-media-panel-title.u-media-panel-title.u-media-panel-title { padding: 10px 16px; border-bottom: 1px solid var(--border); font-family: var(--font-head); font-size: 9px; letter-spacing: 2px; color: var(--text-muted); background: #0D0D12; }
.u-panel-spaced.u-panel-spaced.u-panel-spaced { background: var(--bg-card); border: 1px solid var(--border); border-radius: 8px; overflow: hidden; margin-bottom: 24px; }
.u-border-cyan.u-border-cyan.u-border-cyan { border-left: 2px solid var(--cyan); }
.u-mt-16.u-mt-16.u-mt-16 { margin-top: 16px; }
.u-inline-cluster.u-inline-cluster.u-inline-cluster { display:inline-flex;align-items:center;gap:8px; }
.u-muted-card.u-muted-card.u-muted-card { opacity:0.35; }
.u-requirements-list.u-requirements-list.u-requirements-list { color:var(--text-main);font-size:15px;line-height:1.9;padding-left:20px;margin-bottom:16px; }
.u-width-300.u-width-300.u-width-300 { width: 300px; }
.u-form-error.u-form-error.u-form-error { display:none; color:var(--pink); font-size:13px; margin-top:12px; text-align:center; }
.u-stack-20.u-stack-20.u-stack-20 { display: flex; flex-direction: column; gap: 20px; }
.u-stack-sidebar.u-stack-sidebar.u-stack-sidebar { display: flex; flex-direction: column; gap: 12px; flex-shrink: 0; width: 300px; }
.u-split-wrap.u-split-wrap.u-split-wrap { display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px; }
.u-media-image.u-media-image.u-media-image { width: 100%; display: block; opacity: 0.92; }