/*
***********************************************************************************************
 *-*-*-* Dynamic Report Styling - General Site *-*-*-* 
***********************************************************************************************
*/

/* If Open Sans is selected in the RTE, it will display on the report: */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

/* 
************************************************************************************
*** Report - Entire Body - All Reports
************************************************************************************ 
*/ 
body {
    background-color: #FFFFFF; 
	padding-top: 0px; 
	padding-bottom: 20px;
    font-size: 1rem;
}

@media screen {
    .body-content,
    .body-content.container,
    .body-content > .container,
    .body-content > .body-content-wrapper > .container {
        padding-top: 25px;
        padding-bottom: 25px;
        padding-left: 25px;
        padding-right: 25px;
        max-width: 100%;
        box-shadow: none;
    }
}

.body-content.container > .container {
	box-shadow: none;
}

/* ****************************************************************************
   ** Report Body: Comparison Reports
**************************************************************************** */

/* ******************************************************************
   * Default display (single column): under 992px
****************************************************************** */
@media screen {
    /* Single column - show */
    .body-content > .body-content-wrapper > .diff-inline-version {
	    display: block;
        max-width: 100%;
        border: 1px solid #9F9F9F;
    }

    /* First br (between double column title/content containers) */
    .body-content > .body-content-wrapper > br:first-of-type {
        display: none;
    }   
    /* Notes for this display setting: 

        - When column is single rather than double, this br appears ABOVE 
            the single title container and creates too much space between the 
            report header and the single container column, which is why it's 
            being hidden.

        - There is a second br that creates space between title/content containers 
            of the single column, which will still display when single column is 
            displaying, and is hidden by default when the single column is hidden 
            at over 992px. 
    */

    /* Current & Previous Entity Titles (single column) */
    .inline-diff-title > .current-title, 
    .inline-diff-title > .previous-title {
        font-size: 1.4rem;
    }
        /* Responsive */
        @media screen and (max-width: 700px) {
            .current-title, .previous-title {
                font-size: 1.4rem;
            }
        }

    /* Text: "compared with" (between the two entity titles - 
        single column title container only) */
    .inline-title-delimiter.h4 {
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 1.2rem;
        max-width: 90%;
    }
        /* Responsive */
        @media screen and (max-width: 700px) {       
            .inline-title-delimiter.h4 {
                padding-top: 5px;
                padding-bottom: 5px;
                font-size: 1.1rem;
                max-width: 90%;
            }
        }

    
    /* Double (side by side) columns - hide */
    .body-content > .body-content-wrapper > .left-content,
    .body-content > .body-content-wrapper > .right-content {
	    display: none;
    }


    /* Deletions & Insertions - all */
    .body-content del {
	    background-color: #FEC8C8;
	    text-decoration: none;

    } .body-content ins {
	    background-color: #CCFFCC;
	    text-decoration: none;
    } 
  

    /* Deletions & Insertions (side by side columns) - hide */
    .body-content .diff-old-version ins,
    .body-content .diff-new-version del {
	    display: none;
    }
}

/* ******************************************************************
   * Responsive display (double columns - side by side): over 992px
****************************************************************** */
@media screen and (min-width: 992px) {

    /* Single column - hide */
	.body-content > .body-content-wrapper > .diff-inline-version {
		display: none;
	}

    /* Double (side by side) columns - show */
	.body-content > .body-content-wrapper > .left-content {
		display: block;
		float: left;
		width: calc(50% - 10px);
		margin-left: 0px;
		border: 1px solid #9F9F9F;
	}
	.body-content > .body-content-wrapper > .right-content {
		display: block;
		float: right;
		width: calc(50% - 10px);
		margin-right: 0px;
		border: 1px solid #9F9F9F;
	}

    /* Setting this to flex will ensure that both side by side containers
       will always be the same height (height of the tallest container) */
    .body-content > .body-content-wrapper {
        display: flex;
        flex-wrap: wrap;
    }
    

    /* Double column title containers - setting vertical space between title
       and content containers */
    .body-content > .body-content-wrapper > .side-by-side-title {
        margin-bottom: 20px;
    }

    /* Double column content containers - vertical scrollbars in each one by default 
       so that clients can manually match up both sides of the report if/when necessary. */
    .body-content > .body-content-wrapper > .diff-old-version,
    .body-content > .body-content-wrapper > .diff-new-version {
        height: 100vh;
        overflow-y: scroll;
    }

    /* Deletions & Insertions (side by side containers) - show */
	.body-content .diff-old-version del,
	.body-content .diff-new-version ins {
		display: inline;
	}
}

/* ****************************************************************************
    ** Report Containers - Sections - All Reports
**************************************************************************** */
.container .container.meta-section,
.container .meta-section {
    max-width: 100%;
    width: auto;
}

/* ****************************************************************************
    ** Report Containers & Container-Lists - All Reports 
**************************************************************************** */
/* Nested Containers */
.container .container {
    max-width: 100%;
	width: auto;
}

/* Nested Containers in Container-Lists */
.container.container-list .container {
    margin-left: 20px;
}

/* Container-Lists & Sub-Lists */
.container.container-list {
    max-width: 100%;
    width: auto;
} 

.container-list {
	counter-reset: list;
	padding-left: 40px;
	margin-left: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
} 
    .container-list > .row {
	position: relative;
    } 

.container-sub-list {
	counter-reset: list;
	padding-left: 40px;
	margin-left: 25px;
	margin-top: 0px;
} 
    .container-sub-list > .row {
	    position: relative;
    }


/* ****************************************************************************
   ** Report Display classes - All Reports
**************************************************************************** */
.display-inline-block {
	display: inline-block;
} 

.display-block {
	display: block;
} 

.display-inline {
	display: inline;
}

/* ****************************************************************************
   ** Report Margin classes - All Reports
**************************************************************************** */
/* Bottom Margins */
.bottom-margin-extra-small {
	margin-bottom: 5px;
} 
.bottom-margin-small {
	margin-bottom: 10px;
} 
.bottom-margin-normal {
	margin-bottom: 20px;
} 
.bottom-margin-large {
	margin-bottom: 50px;
}
.bottom-margin-extra-large {
	margin-bottom: 100px;
}


/* Top Margins */
.top-margin-extra-small {
	margin-top: 5px;
} 
.top-margin-small {
	margin-top: 10px;
}
.top-margin-normal {
	margin-top: 20px;
}
.top-margin-large {
	margin-top: 50px;
}
.top-margin-extra-large {
	margin-top: 100px;
}

/* ****************************************************************************
    ** Report Headings/Heading classes - All Reports
**************************************************************************** */
h1, .h1 {
    font-size: 2.25rem;
    margin-top: 0;
	margin-bottom: 0;
} 

h2, .h2 {
    font-size: 1.8rem;
	margin-top: 0;
	margin-bottom: 0;
} 

h3, .h3 {
    font-size: 1.65rem;
	margin-top: 0;
	margin-bottom: 0;
} 

h4, .h4 {
    font-size: 1.4rem;
	margin-top: 0;
	margin-bottom: 0;
} 

h5, .h5 {
    font-size: 1.2rem;
	margin-top: 0;
	margin-bottom: 0;
} 

h6, .h6 {
    font-size: 1rem;
	margin-top: 0;
	margin-bottom: 0;
}

/* ******************************************************************
   * Headings/Heading classes & Body: responsive display 
****************************************************************** */
@media (min-width: 1200px) {
    h1, .h1 {
        font-size: calc(1.375rem + 0.75vw);
    } h2, .h2 {
        font-size: calc(1.325rem + 0.5vw);
    } h3, .h3 {
        font-size: calc(1.3rem + 0.3vw);
    } h4, .h4 {
        font-size: calc(1.275rem + 0.15vw);
    } h5, .h5 {
        font-size: 1.2rem;
    } h6, .h6, body {
        font-size: 1rem;
    }
}

@media (max-width: 768px) {
    h1, .h1 {
        font-size: calc(1.325rem + 0.5vw);
    } h2, .h2 {
        font-size: calc(1.3rem + 0.3vw);
    } h3, .h3 {
        font-size: calc(1.275rem + 0.15vw);
    } h4, .h4 {
        font-size: 1.2rem;
    } h5, .h5 {
        font-size: 1rem;
    } h6, .h6, body {
        font-size: 0.9rem;
    }
}


/* ****************************************************************************
    ** Report Header
**************************************************************************** */ 
.report-header {
}
    .report-header.container {
        max-width: 100%;
        margin-left: auto;
        padding-left: 12px;
        padding-bottom: 20px;
    }

    .report-header.bottom-margin-normal {
        margin-bottom: 0px;
    }

/* Report Body when adjacent sibling to Report Header */
.report-header + .report-body {
    padding: 0px;
    padding-top: 5px;
}


/* ******************************************************************
   * Header: Logo
****************************************************************** */ 
.college-logo-wrapper {
	float: left;
	max-width: 60%;
}
    .college-logo {
	    max-height: 120px;
        width: auto !important; /* Cancels out any cssOverrides in MetaReport.ReportAttributes for report logo width */
	    max-width: 100%;
    }

/* ******************************************************************
   * Header: Titles & Dates
****************************************************************** */ 
/* Report Title */
.report-title.h1 {
	float: right;
	max-width: 35%;
}

/* Proposal Entity Title */
.report-entity-title.h3 {
	clear: both;
    padding-top: 10px;
}

/* Proposal Implementation Date */
.report-implementdate.h4 {

}

/* ****************************************************************************
    ** Report Content
**************************************************************************** */
.report-body {

}

/* ******************************************************************
   * Content: Horizontal Rules
****************************************************************** */
.hr-darker {
	display: block;
	position: relative;
	padding: 0;
	margin: 8px auto;
	height: 0;
	width: 100%;
	max-height: 0;
	font-size: 1px;
	line-height: 0;
	clear: both;
	border: none;
	border-top: 1px solid #AAAAAA;
	border-bottom: 1px solid #FFFFFF;
}


/* ******************************************************************
   * Content: Sections
****************************************************************** */
.section-body {
	margin-bottom: 5px;
}

.section-name {
    margin-bottom: 5px;
}

.section-description {
    width: 100% !important;
    margin-bottom: 5px;
    line-height: 1.25em;
}

/* ******************************************************************
   * Content: Form Elements, Labels, Fields
****************************************************************** */

/* ********************************************************
	--- Form Elements
******************************************************** */ 
input, select, textarea {

}

/* ********************************************************
	--- Field Labels
******************************************************** */
/* All field labels bolded */
label {
    font-weight: 500;
}

/* Br tags within Field Labels - setting these to not display to avoid
   large amounts of white space on the report due to field labels that contain
   nothing but br tags for form formatting purposes. */
.field-label > br {
    display: none;
}

/* ********************************************************
	--- Fields & Field Values
******************************************************** */
.meta-field[data-field-type="Textarea"] > .field-value, .plain-text {
	white-space: pre-wrap;
}

/* Keep funky inline styling pasted into RTEs from causing the report to look bad */
.rich-text-editor.field-value *[style] {
	font-family: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
}

/* Empty Fields - do not display */
.meta-field:empty {
    display: none;
}

.special-value {
	font-style: italic;
}

/* ******************************************************************
   * Content: Lists, List Items, List Rows
****************************************************************** */
/* Override default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column */
.dl-horizontal dt {
	white-space: normal;
}

ol, ul {
    padding-left: 2rem;
}

ol li, ul li {
    padding-left: 3px;
    word-wrap: break-word; /* Prevent list items from overflowing a container */
}

/* Nested Ordered/Unordered Lists */
ol ol, ol ul, 
ul ol, ul ul {
    padding-left: 3rem;
}

.ordered-list {
} 
    .ordered-list > .row {
        display: list-item;
        list-style-type: decimal;
        list-style-position: initial;
    }

.unordered-list {
} 
    .unordered-list > .row {
    display: list-item;
    list-style-type: disc;
	list-style-position: initial;
    }

    /* Getting rid of unnecessary white space between bullet points and list data */
    .unordered-list .meta-field,
    .unordered-list .iq-list-entry.row > .iq-panel {
        padding-left: 0 !important;
    }

.bare-list {
	list-style-type: none;
}

/* ******************************************************************
   * Content: Querytexts
****************************************************************** */
.querytext-result-row {

}

/* ********************************************************
	--- Querytexts - inline-styled boxes
******************************************************** */ 
.querytext-result-row > div[style*="border:"] {
    padding: 15px !important;
}

/* ********************************************************
	--- Querytexts - inline-styled tables
    (Ex: SPC - Program Pathway report)
******************************************************** */ 
/* Entire Table */
.querytext-result-row > div[style*="display: table;"] {
    width: 100% !important;
    padding: 0px !important;
}

    /* Table Title (Caption) */
    .querytext-result-row > div > div[style*="display: table-caption"] {  
        padding: 10px;
        padding-top: 0;
        width: 100% !important;
    }

    /* Table Rows */
    .querytext-result-row > div > div[style*="display: table-row"] {  
        width: 100% !important;
    }

        /* Table Cells */
        .querytext-result-row > div > div > div[style*="display: table-cell;"] {
            width: auto !important;
            padding: 5px !important;
            text-align: left !important;
            word-break: break-word;
        }
            /* Responsive */
            @media (max-width: 1140px) {
                .querytext-result-row > div > div > div[style*="display: table-cell;"] {
                    font-size: 14px !important;
                }
            }

            @media (max-width: 1028px) {
                .querytext-result-row > div > div > div[style*="display: table-cell;"] {
                    font-size: 13px !important;
                }
            }

            @media (max-width: 968px) {
                .querytext-result-row > div > div > div[style*="display: table-cell;"] {
                    font-size: 12px !important;
                    padding: 2.5px !important;
                }
            }

/* ********************************************************
	--- Querytext - display-inline-block
******************************************************** */ 
.querytext-result-row.display-inline-block {
    display: block;
} /* Setting this to inline-block was causing requisite querytexts to display oddly. 
     Setting it to block fixed the issue. */


/* ******************************************************************
   * Content: Spans with .field-value class - 
     inline-styled into tables
     (Ex: SPC - Comparison - All Fields [Program] Report) 
****************************************************************** */
/* Entire Table */
.field-value > div[style*="table;"] {
    display: grid !important;
    grid-auto-columns: auto;
    padding: 0px !important;
    margin-top: 10px !important;
    border-top: 2px solid #9F9F9F !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
} 

    /* Table Title (Caption) */
    .field-value > div > div[style*="table-caption;"] {
        display: grid !important;
        border: 2px solid #9F9F9F !important;
        border-top: none !important;
        padding: 10px !important;
    }

    /* Table Rows */
    .field-value > div > div[style*="display: table-row;"] {
        display: flex !important;
        height: auto !important;
        width: 100% !important;
    }
        
        /* Table Cells */
        .field-value > div > div > div[style*="display: table-cell;"] {
            display: grid !important;
            width: 100% !important;
            padding: 5px !important;
            text-align: left !important;
            word-break: break-word;
            line-height: normal;
            font-size: 14px;
            border-top: none !important;
            border-left: 2px solid #9F9F9F !important;
            border-right: none !important;
            border-bottom: 2px solid #9F9F9F !important;
        }

        .field-value > div > div > div[style*="display: table-cell;"]:last-of-type {
            border-right: 2px solid #9F9F9F !important;
        }
            /* Responsive */
            @media (max-width: 1140px) {
                .field-value > div > div > div[style*="display: table-cell;"] {
                    font-size: 14px !important;
                }
            }

            @media (max-width: 1028px) {
                .field-value > div > div > div[style*="display: table-cell;"] {
                    font-size: 13px !important;
                }
            }

            @media (max-width: 968px) {
                .field-value > div > div > div[style*="display: table-cell;"] {
                    font-size: 12px !important;
                    padding: 2.5px !important;
                }
            }

/* ******************************************************************
   * Content: "Hidden" class
****************************************************************** */
.hidden {
    display: none;
}


/* ******************************************************************
   * Content: Rendered Course Blocks
****************************************************************** */ 
/* This is for styling the output of the standard course blocks proc (with the group conditions) */

.course-block-standard .left-column, .course-block-standard .middle-column,
.course-block-standard .right-column, .course-block-standard .full-width-column {
	display: inline-block;
}

.course-block-standard .child-wrapper {
	margin-bottom: 1em;
}

/* 
- 15px of padding required by Bootstrap
- 1em to give small indendation per level 
- The 15px of padding in Bootstrap is balanced out by a -15px margin 
*/
.course-block-standard .parent-wrapper[data-has-header-or-rendered-units="true"]>.child-wrapper, 
.course-block-standard.block-title.parent-wrapper>.child-wrapper {
	padding-left: calc(15px + 1em);
}

.course-block-standard.block-title.parent-wrapper>.child-wrapper {
	margin-top: 1em;
}

.course-block-standard .parent-wrapper[data-condition-output-is-next="true"]>.child-wrapper:last-child {
	margin-bottom: 0px;
}

.course-block-standard .non-course-entry[data-has-children="true"]>.non-course-row-core-wrapper>.non-course-row-core>.left-column {
	font-style: italic;
}

.course-block-standard.block-title>.block-title-row-core-wrapper>.block-title-row-core>.left-column, .course-block-standard .block-units-label, .course-blocks-total-credits {
	font-weight: bold;
}

.course-block-standard .course-entry-status {
	display: none;
}

.course-block-standard .course-entry-status[data-status-alias="Discontinued"] {
	display: inline;
	color: #FF0000;
	text-transform: lowercase;
}

.course-block-standard .condition-row {
	text-transform: uppercase;
}

/* Bootstrap overrides coloring on print using !important, 
   so it is necessary to use !important here to override that */
.course-block-standard .parent-wrapper[data-has-children="true"]>.non-course-row-core-wrapper>.non-course-row-core {
	background-color: #EEEEEE !important;
}

.course-block-standard .course-entry, 
.course-block-standard .parent-wrapper[data-has-children="false"]>.non-course-row-core-wrapper>.non-course-row-core {
	border-bottom: 1px dotted #CCCCCC;
}

.course-block-standard.parent-wrapper[data-include-in-calculations="false"]>.block-title-row-core-wrapper>.block-title-row-core .block-units-display,
.course-block-standard.parent-wrapper[data-include-in-calculations="false"]>.block-title-row-core-wrapper>.block-title-row-core .block-units-label,
.course-block-standard.parent-wrapper[data-include-in-calculations="false"] .parent-wrapper[data-has-children="true"]>.non-course-row-core-wrapper>.non-course-row-core .block-entry-units-display,
.course-block-standard .parent-wrapper[data-include-in-calculations="false"]>.non-course-row-core-wrapper>.non-course-row-core .block-entry-units-display,
.course-block-standard .parent-wrapper[data-include-in-calculations="false"] .parent-wrapper[data-has-children="true"]>.non-course-row-core-wrapper>.non-course-row-core .block-entry-units-display {
	display: none;
}

.course-block-standard .parent-wrapper[data-has-children="true"][data-has-header="false"][data-include-in-calculations="false"]>.child-wrapper {
	/* Reset padding to Bootstrap default */
	padding-left: 15px;
}

.course-block-standard .parent-wrapper[data-has-children="true"][data-has-header="false"][data-include-in-calculations="false"]>.non-course-row-core-wrapper {
	display: none;
}

/* ******************************************************************
   * Content: Program Narrative Enrollment/Completer projections
****************************************************************** */ 
table.enrollment-completer-projections th,
table.enrollment-completer-projections td {
	border: solid 1px #000000;
}

table.enrollment-completer-projections {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: solid 1px #000000;
}

thead.enrollment-completer-projections-header th {
	text-align: center;
	border-top: none;
	border-left: none;
	border-right: none;
	padding-left: 8px;
	padding-right: 8px;
}

tbody.enrollment-completer-projections-body td {
	border-top: none;
	border-bottom: none;
}

.enrollment-completer-projections-year {
	min-width: 4em;
}

table.enrollment-completer-projections .empty-table-header {
	border-left: none;
	border-top: none;
	border-bottom: none;
}

/* Bootstrap overrides coloring on print using !important, 
   so it is necessary to use !important here to override that */
tbody.enrollment-completer-projections-body tr:nth-child(odd) {
	background-color: #30303030 !important;
}




/*
***********************************************************************************************
 *-*-*-* Dynamic Report Styling - General Print - Maverick *-*-*-* 
***********************************************************************************************
*/

@media print {

    /* ****************************************************************************
       ** All Reports - Print
    **************************************************************************** */
    /* Body */
    .body-content {
        background-color: #FFFFFF;
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    /* Headings */
	h1, .h1 {
		font-size: 1.5em;
	} 
    h2, .h2 {
		font-size: 1.35em;
	} 
    h3, .h3 {
		font-size: 1.25em;
	} 
    h4, .h4 {
		font-size: 0.95em;
	} 
    h5, .h5 {
        font-size: 0.8em;
    } 
    h6, .h6 {
        font-size: 0.6em;
    }

    /* ******************************************************************
       * Fixes for Prince issues in PDF Format
    ****************************************************************** */  
    /* -- Page Breaks -- */

    /* Avoid as many instances as possible where Prince tries to unnecessarily
       push a section (or the entirety of a section's content) to a new page. */
    .report-body, 
    .section-body.meta-section {
        break-before: avoid;
    }

    /* Avoid instances where Prince breaks up a section name and a horizontal rule, 
       but maintain section content's ability to break up between pages when necessary. */
    .container.meta-section > .row:not(.section-body.meta-section) > .col-md-12 {
        break-inside: avoid;
    }

    .container.meta-section > .row.section-body.meta-section {
        break-inside: auto;
    }

    /* -- Row -- */

    /* Change row display to block because flex causes some issues in Prince. */
    .row {
        display: block; 
    }


    /* ****************************************************************************
       ** Comparison Reports - Print
    **************************************************************************** */

    /* ******************************************************************
       * Default for print: Single Column
    ****************************************************************** */ 
    /* Column */
    .body-content > .body-content-wrapper > .diff-inline-version {
        display: block;
        max-width: 100%;
	}

    /* Title Container */
    .diff-inline-version.inline-diff-title {
        margin-left: 10px;
        max-width: 99%;
        padding: 10px;
        border: 1px solid #9F9F9F;
    }     
    
    /* Current & Previous Entity Title */
    .inline-diff-title > .current-title, 
    .inline-diff-title > .previous-title {
        font-size: 0.95em;
    }

    /* Text: "compared with" (between the two entity titles) */
    .inline-title-delimiter.h4 {
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 0.8em;
        max-width: 90%;
    }

    /* Content Container */
    .diff-inline-version.container > .container {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    /* Deletions & Insertions */
	.body-content del {
        padding:                    2px;
        margin:                     2px;
        color:                      #FF0000;
        text-decoration:            rgba(215, 0, 0, 0.75) line-through;
        text-decoration-thickness:  0.75px;
	}
    .body-content ins {
        padding:                    2px;
        margin:                     2px;
        color:                      #008000;
        text-decoration:            rgba(0, 90, 0, 0.75) underline;
        text-decoration-thickness:  0.75px;
	}

    /* ******************************************************************
       * Hide for print: Double/Side-by-Side Columns
    ****************************************************************** */ 
    /* Columns */
    .body-content > .body-content-wrapper > .left-content,
    .body-content > .body-content-wrapper > .right-content {
	    display: none;
    }

    /* First br (between title/content containers) */
    .body-content > .body-content-wrapper > br:first-of-type {
        display: none;
    } 

    /* Deletions & Insertions */
    .body-content .diff-old-version ins,
    .body-content .diff-new-version del {
	    display: none;
    }

    /* ****************************************************************************
       ** Other
    **************************************************************************** */
	.hide-control-chrome {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border: none;
		outline: none;
		box-shadow: none !important;
	}

    /********************************
    * Table of Contents (TOC)
    ********************************/
    h1, h2, h3, h4, h5, h6 {
        -prince-bookmark-level: none;
    }

    .h3:not(:empty) {
        -prince-bookmark-level: 1;
    }

    .h4:not(:empty) {
        -prince-bookmark-level: 2;
    }

    .field-label:not(:empty), .h5:not(:empty) {
        -prince-bookmark-level: 3;
    }

    .toc {
        -prince-pdf-tag-type: TOC;
        padding-left: 1rem;
        margin-left: 0;
    }

    .toc-item {
        -prince-pdf-tag-type: TOCI;
        list-style: none;
    }

    .toc-item-wrapper {
        -prince-pdf-tag-type: none;
    }

    .toc-item a {
        color: black;
        text-decoration: none;
    }

    .toc-item a::after {
        content: leader('.') target-counter(attr(href), page);
    }
}