@page {
    margin: 14mm;
}

* {
    box-shadow: none !important;
    text-shadow: none !important;
}

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

.no-print,
.skip-link,
.site-header,
.site-footer,
.wiki-sidebar,
.page-top,
.article-navigation,
.copy-button {
    display: none !important;
}

.page-container,
.wiki-layout,
.wiki-article,
.article-body {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.article-header {
    display: block !important;
    padding: 0 0 8mm !important;
    border-bottom: 1px solid #777;
    background: #fff !important;
}

.learning-guide__details summary,
.knowledge-check__symbol {
    display: none !important;
}

.learning-guide__details {
    border: 0 !important;
    background: #fff !important;
}

.learning-guide__details > :not(summary) {
    display: block !important;
}

.learning-guide {
    padding: 6mm 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #777;
    background: #fff !important;
}

.learning-guide__outcomes ul {
    display: block !important;
}

.learning-guide__progress {
    padding: 0 !important;
    border: 0 !important;
    background: #fff !important;
}

.learning-guide__progress,
.learning-guide__outcomes {
    margin-top: 4mm !important;
}

.learning-guide__progress progress {
    display: none !important;
}

.learning-guide__outcomes li {
    break-inside: avoid;
}

.article-body {
    padding-top: 6mm !important;
}

.article-context-note,
.article-callout {
    border-color: #777 !important;
    background: #fff !important;
    break-inside: avoid;
}

.knowledge-check {
    padding: 6mm 0 0 !important;
    border-top: 1px solid #777;
    background: #fff !important;
}

.knowledge-check__choice {
    break-inside: avoid;
    border-color: #777;
    background: #fff !important;
    color: #000 !important;
}

.knowledge-check__choice-index {
    border: 1px solid #777;
    background: #fff !important;
    color: #000 !important;
}

.markdown a {
    color: #000;
    text-decoration: underline;
}

.markdown img {
    max-height: 220mm;
    break-inside: avoid;
}

.code-block,
.markdown blockquote,
.markdown .article-table-scroll {
    overflow: visible;
}

.markdown .article-table-scroll .article-table--wide {
    min-width: 0;
}

.markdown table {
    break-inside: auto;
}

.markdown thead {
    display: table-header-group;
}

.markdown tr {
    break-inside: avoid;
}

/* 印刷にはスクロール操作がないため、長いコードと表の値を折り返す。 */
.code-block pre,
.code-block code {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.code-block pre {
    overflow: visible;
}

.markdown th,
.markdown td {
    overflow-wrap: anywhere;
}

/* 閉じた解答例も紙面には含め、画面での開閉状態は変更しない。 */
.article-body details::details-content {
    content-visibility: visible;
    height: auto;
}

.article-body details > :not(summary) {
    display: block;
}

.code-block {
    border: 1px solid #777;
    background: #fff !important;
    color: #000 !important;
}

.code-block figcaption {
    color: #333;
}

.print-page-break {
    break-before: page;
}
