/****************************************************************
PRINT
****************************************************************/

@media print {

/***************************************************************
Page Setup
***************************************************************/

@page {
    size: letter portrait;
    margin: .5in;
}

/***************************************************************
Hide Things
***************************************************************/

.no-print,
.page-banner,
.breadcrumbs-wrapper,
.sidebar-wrapper,
.banner-alert-wrapper,
button,
nav,
header,
footer,
select {

    display: none !important;

}

/***************************************************************
General
***************************************************************/

html,
body {

    background: white !important;
    color: black !important;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    line-height: 1.45;

}

/***************************************************************
Links
***************************************************************/

a {

    color: black;
    text-decoration: none;

}

/***************************************************************
Headings
***************************************************************/

h2 {
    margin-top: 0;
    font-size: 22pt;
}

h4 {
    margin-top: 25px;
    margin-bottom: 10px;
}

h5 {
    margin-top: 20px;
    margin-bottom: 8px;
}

/***************************************************************
ACCORDIONS (FULL FLATTEN - NO BOX LOOK)
***************************************************************/

.collapse,
.accordion-collapse {
    display: block !important;
    height: auto !important;
    visibility: visible !important;
    overflow: visible !important;
}

/* Remove all Bootstrap/card styling */
.accordion-item,
.accordion-header,
.accordion-body,
.accordion-button,
.goal-accordion {

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;

}

/* Header becomes plain text row */
.goal-header {
    background: transparent !important;
    padding: 0 !important;
    display: block !important;
}

/* Remove flex behaviour from header */
.goal-header {
    display: block !important;
}

/* Title styling */
.accordion-button {
    background: none !important;
    color: black !important;
    box-shadow: none !important;
    padding: 0 !important;
    font-weight: bold;
    pointer-events: none;
}

/* Remove chevron */
.accordion-button::after,
.accordion-chevron {
    display: none !important;
}

/* Body becomes plain flowing text */
.goal-body {
    background: transparent !important;
    padding: 0 !important;
}

/* Remove inner spacing from wrappers */
.goal-body > div {
    margin: 0 !important;
    padding: 0 !important;
}

/***************************************************************
LISTS
***************************************************************/

ul {
    margin-top: 8px;
    margin-left: 20px;
}

li {
    margin-bottom: 6px;
}

/***************************************************************
PARAGRAPHS
***************************************************************/

p {
    margin-top: 5px;
}

/***************************************************************
CLUSTERS
***************************************************************/

.cluster-section {
    page-break-inside: auto !important;
}

/***************************************************************
CRITICAL FIX: PAGE BREAK FLOW (FIXES YOUR GAP ISSUE)
***************************************************************/

/* Allow natural page flow (THIS fixes your blank page gaps) */
.goal-accordion,
.goal-body,
.accordion-item {

    break-inside: auto !important;
    page-break-inside: auto !important;

}

/* Keep headings visually attached to content */
h4, h5 {
    break-after: avoid;
    page-break-after: avoid;
}

/***************************************************************
SPACING CONTROL (prevents weird visual gaps)
***************************************************************/

.goal-accordion {
    margin-bottom: 10px !important;
}

.goal-body {
    margin-top: 0 !important;
}

}