/*
  MirNova Hub — feed_layout.css
  Structural layer after feed legacy cleanup.
  Contains feed grid, drawer shell, sidebars and feed column layout.
*/

/* === extracted from feed.html style block 1 === */

/* ——— Marketplace feed layout (desktop-first) ——— */
    .hub-drawer-cb { position:absolute; opacity:0; width:1px; height:1px; margin:0; pointer-events:none; }
    .hub-drawer-scrim {
        display:none; position:fixed; inset:0; z-index:24; background:rgba(4,8,16,0.55);
        cursor:pointer;
    }
    .hub-market-layout {
        display:grid;
        grid-template-columns:260px minmax(0, 1fr);
        gap:18px;
        align-items:start;
        max-width:1180px;
        margin:0 auto;
    }
    .hub-panel {
        border-radius:0;
        border:0;
        background:transparent;
        box-shadow:none;
        backdrop-filter:none;
    }
    .hub-sidebar--left.hub-panel {
        padding:8px 10px 10px;
        position:sticky;
        top:78px;
        max-height:calc(100vh - 92px);
        overflow:auto;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:thin;
    }
    .hub-sidebar--left.hub-panel::-webkit-scrollbar { width:10px; }
    .hub-sidebar--left.hub-panel::-webkit-scrollbar-thumb {
        background:rgba(140,165,205,0.32);
        border-radius:999px;
        border:2px solid rgba(0,0,0,0); /* creates padding */
        background-clip:padding-box;
    }
    .hub-sidebar--left.hub-panel::-webkit-scrollbar-thumb:hover { background:rgba(160,185,225,0.42); }
    .hub-sidebar--left.hub-panel::-webkit-scrollbar-track {
        background:rgba(255,255,255,0.03);
        border-radius:999px;
    }
    .hub-sidebar--right.hub-panel {
        display:none;
    }
    .hub-feed-column { min-width:0; }
    .hub-mobile-drawer-bar { display:none; margin-bottom:12px; }
    .hub-drawer-open {
        display:inline-flex; align-items:center; gap:8px;
        font-size:13px; font-weight:600; padding:10px 14px;
        cursor:pointer;
    }
    .hub-side-section { padding-top:14px; margin-top:14px; }
    .hub-side-section:first-child { padding-top:0; margin-top:0; border-top:0; }
    .hub-side-section-title {
        margin:0 0 10px;
        font-size:13px;
        font-weight:800;
        letter-spacing:0.01em;

    }
    .hub-sidebar-title {
        font-size:11px; font-weight:800; letter-spacing:0.08em; text-transform:uppercase;
        margin:0 0 8px;
    }

/* Feed inline layout/content rules migrated from feed_inline_rebuild.css */

.hub-feed-title {
  font-size: 1.35rem;
  margin-bottom: 12px;
}

.hub-feed-intro {
  margin: 0 0 16px;
  font-size: 13px;
  color: #555;
  line-height: 1.45;
  max-width: 640px;
}

.hub-feed-info-panel {
  padding: 14px 16px;
  margin-bottom: 16px;
}

.hub-feed-panel {
  padding: 16px 18px;
}

.hub-feed-panel-small {
  padding: 14px 16px;
}

.hub-feed-panel-title {
  margin: 0 0 6px;
  font-size: 15px;
  font-weight: 600;
  color: #111;
}

.hub-feed-panel-title-small {
  margin: 0 0 6px;
  font-size: 14px;
  font-weight: 600;
  color: #111;
}

.hub-feed-panel-text {
  margin: 0 0 14px;
  font-size: 13px;
  opacity: 1;
  color: #555;
  line-height: 1.45;
}

.hub-feed-panel-text-tight {
  margin: 0;
  font-size: 13px;
  opacity: 1;
  color: #555;
  line-height: 1.45;
}

.hub-feed-alert {
  margin: 0 0 10px;
  font-size: 12px;
  color: #b00020;
}

.hub-feed-mini-note {
  font-size: 12px;
  color: #555;
  margin-bottom: 10px;
}

.hub-feed-minw-0 {
  min-width: 0;
}