/* main-layout.css — Main content area structural styles only
   Scope: .sp-main grid, .sp-content, section headings (.sh / .stigma-section-*),
          section spacing wrappers, and the shared interviews grid (.int-*).
   NO module-specific styles here — each module has its own CSS file. */

/* =========================================================
   GRID LAYOUT
========================================================= */

.sp-main{
    display:grid;
    grid-template-columns:minmax(0,1fr) 320px;
    gap:32px;
    align-items:start;
    max-width:1400px;
    margin:0 auto;
    padding:40px 24px;
    box-sizing:border-box;
}

.sp-content{ min-width:0; }
.sp-sidebar{ width:100%; min-width:0; }

@media(max-width:1200px){
    .sp-main{ grid-template-columns:1fr; padding:24px 16px; }
    .sp-sidebar{ margin-top:24px; }
}

@media(max-width:899px){
    .sp-main{ display:block !important; padding:14px 12px; }
    .sp-sidebar{ width:100% !important; max-width:100% !important; margin-top:24px; }
    .sp-sidebar .stigma-onair.soa-compact{ display:none !important; }
}

/* =========================================================
   SECTION HEADINGS  (.sh / .stigma-section-*)
   Shared by all main-content modules.
========================================================= */

.sh,
.stigma-section-header{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    width:100%;
    margin:0 0 18px !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

.sh::before, .sh::after,
.stigma-section-header::before, .stigma-section-header::after{
    content:none !important;
    display:none !important;
}

.sh-lbl,
.stigma-section-title{
    display:inline-flex !important;
    align-items:center !important;
    flex:0 0 auto !important;
    margin:0 !important;
    padding:0 0 0 10px !important;
    border:0 !important;
    border-left:4px solid var(--sc-orange) !important;
    background:transparent !important;
    color:var(--sc-dark);
    font-family:'Montserrat',Arial,sans-serif;
    font-size:13px;
    font-weight:900;
    line-height:1;
    letter-spacing:2px;
    text-transform:uppercase;
    white-space:nowrap !important;
}

.sh-lbl::before, .sh-lbl::after,
.stigma-section-title::before, .stigma-section-title::after{
    content:none !important;
    display:none !important;
}

.sh-line,
.stigma-section-divider{
    display:block !important;
    flex:1 1 auto !important;
    min-width:40px !important;
    height:1px !important;
    margin:0 !important;
    padding:0 !important;
    background:#d8d2c7 !important;
    opacity:1 !important;
}

.sh-more,
.stigma-section-link{
    display:inline-flex !important;
    align-items:center !important;
    flex:0 0 auto !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    color:var(--sc-orange);
    font-family:'Montserrat',Arial,sans-serif;
    font-size:13px;
    font-weight:800;
    line-height:1;
    text-decoration:none;
    white-space:nowrap !important;
}

/* =========================================================
   SECTION SPACING WRAPPERS
   Vertical rhythm between modules inside .sp-content.
========================================================= */

.sp-content .stigma-home-section{ margin-top:32px; }

.sp-content .stigma-recent-wrap,
.sp-content .stigma-charts-wrap,
.sp-content .stigma-schedule-wrap{
    margin-top:32px;
    padding-top:0;
}

.sp-content .stigma-recent-wrap .sh,
.sp-content .stigma-charts-wrap .sh,
.sp-content .stigma-schedule-wrap .sh{
    margin-bottom:14px !important;
}

.sp-content .stigma-schedule-wrap{
    width:100%;
    margin-top:70px;
    padding:0 0 40px;
    background:transparent;
}

.sp-content .stigma-schedule-wrap .stigma-container{
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
}

/* =========================================================
   PAGE LINKS  (wp_link_pages)
========================================================= */

.page-links{ margin:24px 0 0; }

/* =========================================================
   HERO HEADING LETTER-SPACING FIX
========================================================= */

body.stigma-page .hero-h1-d,
body.stigma-page .hero-h1-m{
    letter-spacing:normal !important;
    word-spacing:normal !important;
}