/* Mesozoic Haven print stylesheet
 * Keeps creature/reference content useful on paper or PDF while removing
 * navigation, embeds, floating controls, and decorative site chrome.
 */

@page {
    margin: 0.65in;
}

html,
body {
    background: #fff !important;
    color: #000 !important;
    font-size: 11pt;
}

body {
    line-height: 1.45;
}

.mh-site-header,
.mh-site-footer,
.mh-sidebar,
.mh-a11y,
.mh-skip-link,
.mh-actions,
iframe,
video,
audio,
.mh-nav,
.mh-nav-toggle {
    display: none !important;
}

.mh-site-main,
.mh-main-column,
.mh-page-split,
.mh-reading-content {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.mh-hero,
.mh-card,
.mh-callout,
.mh-details,
.mh-spotlight,
.mh-figure,
.mh-table,
.mh-columns--cards > * {
    background: #fff !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.mh-hero {
    margin-bottom: 22pt !important;
    padding: 0 0 14pt !important;
    border: 0 !important;
    border-bottom: 1pt solid #777 !important;
    outline: 0 !important;
}

.mh-hero__title,
.mh-hero__text,
.mh-eyebrow,
.mh-card__title,
.mh-card__eyebrow,
.mh-callout__title,
h1,
h2,
h3,
h4,
p,
li,
th,
td {
    color: #000 !important;
}

.mh-card,
.mh-callout,
.mh-details,
.mh-spotlight,
.mh-figure {
    border-color: #888 !important;
}

.mh-card--riptide::before,
.mh-card::after,
.mh-stat::after,
.mh-event-card::after,
.mh-server-summary::after,
.mh-spotlight::after {
    display: none !important;
}

.mh-card--riptide {
    min-height: 0 !important;
    padding-left: 20px !important;
}

.mh-section,
.mh-card,
.mh-callout,
figure,
table,
blockquote {
    break-inside: avoid;
}

h1,
h2,
h3,
h4 {
    break-after: avoid;
}

img {
    max-width: 100% !important;
    height: auto !important;
    break-inside: avoid;
}

.mh-table-wrap {
    overflow: visible !important;
}

.mh-table {
    width: 100% !important;
    border-collapse: collapse !important;
}

.mh-table th,
.mh-table td {
    border: 1px solid #777 !important;
}

a,
a:visited {
    color: #000 !important;
    text-decoration: underline !important;
}

/* Print external destinations after useful outbound links. */
a[href^="http"]::after {
    content: " (" attr(href) ")";
    font-size: 0.82em;
    font-weight: normal;
    overflow-wrap: anywhere;
}

/* Internal navigation URLs usually add noise on paper. */
a[href^="/"]::after,
a[href^="#"]::after {
    content: "";
}

.mh-breadcrumbs {
    margin-bottom: 18pt !important;
}

.mh-embed-fallback {
    display: block !important;
}