/* Scoped additions to the existing Mobirise theme. */
body.document-page { background: #0a0a0a; }
.document-page .document-hero { padding-top: 10rem; padding-bottom: 4.5rem; }
.document-page .document-hero .container { z-index: 1; }
.document-page .document-hero .mbr-overlay { opacity: .92; background: #0a0a0a; }
.document-page .document-hero h1 { max-width: 900px; overflow-wrap: anywhere; }
.document-page .document-hero .document-illustration { width: 180px; max-width: 100%; border-radius: 0; }
.document-page .document-breadcrumb { color: #aaa; margin-bottom: 22px; }
.document-page .document-breadcrumb a { color: #ffaa00; }
.document-page .document-body { padding-top: 40px; padding-bottom: 60px; }
.document-page .document-tabs { display: flex; flex-wrap: wrap; gap: 10px 24px; padding: 0 0 30px; }
.document-page .document-tab { color: #aaa; padding: 8px 0; border-bottom: 2px solid transparent; }
.document-page .document-tab[aria-current] { color: #ffaa00; border-color: #ffaa00; }
.document-page .document-copy { color: #dedede; font-size: 1rem; line-height: 1.85; }
.document-page .document-copy p, .document-page .document-copy li { font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; overflow-wrap: anywhere; }
.document-page .document-copy p { margin: 0 0 18px; }
.document-page .document-copy ul, .document-page .document-copy ol { padding-left: 25px; margin-bottom: 24px; }
.document-page .document-copy li p { margin-bottom: 8px; }
.document-page .document-copy h2 { font-size: 1.7rem; line-height: 1.4; font-weight: 700; color: #fff; margin: 36px 0 20px; }
.document-page .document-copy h3 { font-size: 1.2rem; line-height: 1.5; color: #ffaa00; font-weight: 700; margin: 28px 0 12px; }
.document-page .document-copy h2:first-child { margin-top: 0; }
.document-page .document-copy a { color: #ffaa00; overflow-wrap: anywhere; }
.document-page .document-copy hr { margin: 32px 0; border: 0; border-top: 1px solid #242424; opacity: 1; }
.document-page .document-copy table { max-width: 100%; width: 100%; }
.document-page .document-copy h2 { padding: 0 0 16px; border-bottom: 1px solid #332a17; color: #ffaa00; }
.document-page .document-copy h3 { color: #fff; padding-left: 14px; border-left: 3px solid #ffaa00; }
.document-page .document-copy [id] { scroll-margin-top: 110px; }
.document-page .document-copy strong { font-weight: 600; }
.document-page .document-copy li::marker { color: #ffaa00; }
.document-page .document-copy p.penalty { background: #ffaa0009; border-left: 2px solid #ffaa0055; padding: 10px 16px; border-radius: 0 8px 8px 0; color: #d9c8a3; }
.document-page .document-summary { margin: 0 0 28px; padding: 28px 32px; background: #111008; border: 1px solid #ffaa002b; border-radius: 15px; }
.document-page .document-summary h2 { color: #ffaa00; font-size: 1.35rem; font-weight: 700; margin-bottom: 12px; }
.document-page .document-summary p { font-size: .95rem; color: #bbb; line-height: 1.7; }
.document-page .summary-links { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px 22px; margin: 20px 0 0; }
.document-page .summary-links a { color: #eee; line-height: 1.5; font-size: .88rem; padding: 8px 0; border-bottom: 1px solid #ffaa001a; }
.document-page .summary-links a:hover { color: #ffaa00; }
.document-page .document-summary details { margin-top: 18px; color: #c9c0ac; }
.document-page .document-summary summary { cursor: pointer; font-size: .88rem; }
.document-page .document-back { display: inline-block; margin-top: 24px; color: #ffaa00; }
@media (max-width: 767px) {
 .document-page .document-hero { padding-top: 8rem; padding-bottom: 2.5rem; }
 .document-page .document-hero h1 { font-size: 2rem; line-height: 1.2; }
 .document-page .document-illustration { display: none; }
 .document-page .document-tabs { gap: 5px 18px; }
 .document-page .document-copy { font-size: .95rem; line-height: 1.75; }
 .document-page .document-copy h2 { font-size: 1.4rem; }
 .document-page .document-summary { padding: 22px 18px; }
 .document-page .summary-links { grid-template-columns: 1fr; gap: 4px; }
}