/* Site-wide styles */
/* Body */
body {background-color: #61615f; color: #232830; font-family: ui-sans-serif, sans-serif; font-kerning: auto; font-optical-sizing: auto; font-size: 20px; font-synthesis-position: auto; font-synthesis-small-caps: auto; font-synthesis-style: auto; font-synthesis-weight: auto; font-variant-east-asian: jis04; font-variant-ligatures: normal; font-variant-numeric: tabular-nums; font-weight: normal; hyphenate-character: "-"; hyphens: auto; image-rendering: high-quality; line-break: auto; letter-spacing: normal; line-height: 2.618; margin: 0; padding: 0; text-align: left; text-autospace: normal; text-rendering: geometricPrecision; text-spacing-trim: trim-start; word-break: normal; word-spacing: normal;}
@media all and (width < 520px) {
body {font-size: 18px;}
}
@media all and (width < 360px) {
body {font-size: 16px;}
}
/* Structure */
#site-logo-wrapper, #page-content-wrapper, #footer-wrapper, #ad-wrapper {clear: both;}
#site-logo-container, #page-content-container, #footer-container {box-sizing: border-box; display: flow-root;  margin: 0 auto; max-width: 1080px;}
/* Media files */
img {height: auto; max-width: 100%; padding: 0; vertical-align: middle;}
audio {box-sizing: content-box; padding: 0 1em; max-width: 720px; vertical-align: middle;}
video {height: auto; max-height: 100vh;  max-width: 100%; object-fit: scale-down; padding: 0; vertical-align: middle;}
 /* Font variations */
*.serif {font-family: ui-serif, serif;}
*.sans-serif {font-family: ui-sans-serif, sans-serif;}
*.rounded {font-family: ui-rounded, ui-sans-serif, sans-serif;}
*.monospace {font-family: ui-monospace, monospace;}
*.fantasy {font-family: fantasy, cursive;}
*.small-caps {font-variant-caps: small-caps;}
*.strikethrough {text-decoration: line-through;}
*.italic {font-style: italic;}
*.oblique {font-style: oblique;}
*.bolder {font-weight: bolder;}
*.underline {text-decoration: underline;}
sub, sup {font-size: 0.618em; font-variant-east-asian: proportional-width ruby;}
*.fvea-full-width {font-variant-east-asian: full-width;}
*.fvea-proportional-width {font-variant-east-asian: proportional-width;}
*:lang(zh-Hant)  {font-variant-east-asian: traditional;}
*:lang(zh-Hans)  {font-variant-east-asian: simplified;}
/* Text */
blockquote, .reference-container, .in-article-media-caption-container {box-sizing: border-box; margin: 0 auto; max-width: 720px; padding: 0 2em 0 3em;}
p {box-sizing: border-box; hanging-punctuation: allow-end; margin: 0 auto; max-width: 760px; padding:  0 1em; text-indent: 0;}
html:lang(en) p { hyphenate-limit-chars: 9 2 3; hyphenate-limit-last: always; hyphenate-limit-lines: 1; text-wrap-style: pretty;}
p.indent {text-indent: 1em;}
p.indent:lang(ja) {hanging-punctuation: first allow-end;}
p.hanging-indent {text-indent: 1em hanging;}
p.hanging-indent-with-left-padding {padding-left: 2em; text-indent: 1em hanging;}
p.hanging-indent-with-double-left-padding {padding-left: 3em; text-indent: 1em hanging;}
p.displayed-quote {font-size: calc(1em - 1.618px); opacity: 0.9; padding: 1.618px 0;}
p.reference {font-size: calc(1em - 2.618px); opacity: 0.9; padding: 2.618px 0; text-indent: calc(1em + 2.619px) hanging;}
p.in-article-media-caption {font-size: calc(1em - 2.618px); opacity: 0.9; padding: calc(1em + 2.618px) 0; text-indent: calc(1em + 2.619px) hanging;}
p.footer {font-size: calc(1em - 2.618px); padding: 2.618px calc(1em + 2.618px);}
p.reference-link-bottom-padding, p.footer-link-bottom-padding {padding-bottom: calc(0.314em + 2.618px);}
p.displayed-quote-first, p.reference-first, p.footer-first {padding-bottom: 0;}
p.displayed-quote-middle, p.reference-middle, p.footer-middle {padding-bottom: 0; padding-top: 0;}
p.displayed-quote-last, p.reference-last, p.footer-last, p.reference-link-bottom-padding-middle, p.footer-link-bottom-padding-middle {padding-top: 0;}
p.link-bottom-padding, p.footer-link-bottom-padding-first, p.footer-link-bottom-padding-middle {padding-bottom: 0.314em;}
p.article-number {font-size: calc(1em - 2.618px); font-weight: bolder; opacity: 0.8; padding: 2.618px calc(1em + 2.618px);}
p.article-date {font-size: calc(1em - 1.618px); padding: 1.618px calc(1em + 1.618px);}
p.article-summary {font-size: calc(1em - 1.618px); padding: 1.618px calc(1em + 1.618px);}
p.photograph-date:lang(en) {font-style: oblique;}
p.right-align {text-align: right;}
p.centre-align {text-align: center;}
p.balance-text {text-wrap-style: balance;}
p.width-100 {max-width: 100%;}
/* Links */
.no-link-underline a, .no-link-underline a:visited, .no-link-underline a:focus, .no-link-underline a:hover, .no-link-underline a:active {text-decoration: none;}
a {color: #1d42a6; cursor: pointer; text-decoration-color: #1d42a666; text-decoration-line: underline; text-decoration-skip-ink: none; text-decoration-style: solid; text-decoration-thickness: 1px; text-underline-offset: 0.314em;}
a:visited {color: #7f055f; text-decoration-color: #7f055f66;}
a:focus {color: #e6007e; outline: 3.236px solid #e6007e; outline-offset: 0.1618em; text-decoration: none;}
a:hover {color: #e6007e; outline: none; text-decoration-color: #e6007e99; text-decoration-thickness: 2.618px;}
a:active {color: #e6007e; cursor: wait; opacity: 0.9; outline: none; text-decoration-color: #e6007e99; text-decoration-line: underline; text-decoration-skip-ink: none; text-decoration-style: solid; text-decoration-thickness: 1px;}
@media all and (width < 520px) {
a {text-decoration-thickness: 0.809px;}
}
#site-logo-wrapper a, .thumbnail-container a {display: flow-root;}
#site-logo-wrapper a:focus, .thumbnail-container a:focus, #navigation-top-container a:focus, #navigation-bottom-container a:focus {outline: none;}
#site-logo-wrapper a {text-decoration: none;}
#site-logo-wrapper a:focus img {outline: 3.236px solid #e6007e; outline-offset: -3.236px;}
#site-logo-wrapper a:hover img {outline: 3.236px solid #e6007e; outline-offset: -3.236px;}
#site-logo-wrapper a:active img {outline: 3.236px solid #e6007e; outline-offset: -3.236px;}
.thumbnail-container a img {border-top: 3.236px solid #1d42a666; border-radius: 0; text-decoration: none;}
.thumbnail-container a:visited img {border-top-color: #7f055f66;}
.thumbnail-container a:focus img {border-top-color: #e6007e; outline: 3.236px solid #e6007e; outline-offset: -3.236px;}
.thumbnail-container a:hover img {border-top-color: #e6007e; outline: 3.236px solid #e6007e; outline-offset: -3.236px;}
.thumbnail-container a:active img {border-top-color: #e6007e; outline: 3.236px solid #e6007e; outline-offset: -3.236px;}
#navigation-top-container a div {border-bottom: 3.236px solid #1d42a666; border-radius: 0; color: #1d42a6; text-decoration: none;}
#navigation-top-container a:visited div {border-bottom-color: #7f055f66; color: #7f055f;}
#navigation-top-container a:focus div {border-bottom-color: #e6007e; color: #e6007e; outline: 3.236px solid #e6007e; outline-offset: -3.236px;}
#navigation-top-container a:hover div {border-bottom-color: #e6007e; color: #e6007e; outline: none;}
#navigation-top-container a:active div {border-bottom-color: #e6007e; color: #e6007e; outline: none;}
#navigation-bottom-container a div {border-top: 3.236px solid #1d42a666; color: #1d42a6; border-radius: 0; text-decoration: none;}
#navigation-bottom-container a:visited div {border-top-color: #7f055f66; color: #7f055f;}
#navigation-bottom-container a:focus div {border-top-color: #e6007e; color: #e6007e; outline: 3.236px solid #e6007e; outline-offset: -3.236px;}
#navigation-bottom-container a:hover div {border-top-color: #e6007e; color: #e6007e; outline: none;}
#navigation-bottom-container a:active div {border-top-color: #e6007e; color: #e6007e; outline: none;}
.article-index-container {background: linear-gradient(90deg, #23283040 0.1618em, transparent 0.618em); box-sizing: border-box;  display: flow-root; margin: 1.618em auto; max-width: 720px; padding-left: 0.314em; width: calc(100% - 2em);}
.article-index-container:has(.article-entry a:hover) {background: linear-gradient(90deg, #e6007e 0.1618em, transparent 0.618em);}
/* Site logo, header */
#site-logo-wrapper {background-color: #232830;}
#site-logo-container {line-height: 1;}
#site-logo img {box-sizing: border-box; height: calc(100vw / 3.14); max-height: 6.18em; padding: 0.314em; width: 100%;}
@media all and (width > 1080px) {
#site-logo img {margin-bottom: 1.618px; margin-top: 1.618px;}
}
@media all and (width > 1080px) and (prefers-color-scheme: light) {
#site-logo img {margin-top: 2.618px;}
}
@media all and (prefers-color-scheme: light) {
#site-logo img {max-height: 6.989em; padding: 0.7185em 0.314em;}
}
/* Page content */
#page-content-wrapper {background-color: #f2f0f0;}
/* Navigation */
#navigation-top-container, #navigation-bottom-container {clear: both; display: flow-root; line-height: 1.618; margin: 0 auto; max-width: calc(720px + 0.618em); padding-left: 0.691em; padding-right: 0.691em;}
#navigation-top-container:lang(en), #navigation-bottom-container:lang(en) {text-transform: uppercase;}
#navigation-top-container {margin-top: 1.618px;}
#navigation-bottom-container {margin-bottom: 1.618px;}
.navigation-container-half {box-sizing: border-box; float: right; font-size: calc(1em - 2.618px); padding: 0 0.309em; width: 50%;}
#navigation-top-container .navigation-content {padding: calc(0.618em + 3.236px) 0 0.618em; text-align: center;}
#navigation-bottom-container .navigation-content {padding: 0.618em 0 calc(0.618em + 3.236px); text-align: center;}
/* Title */
.article-number-container {font-family: ui-sans-serif, sans-serif;}
.header-container {box-sizing: content-box; font-family: ui-rounded, ui-sans-serif, sans-serif;  margin: auto; max-width: 720px; padding: 0.809em 1em;}
.header-container-no-padding {padding-bottom: 0; padding-top: 0;}
.header-container-no-top-padding {padding-top: 0;}
.header-container-no-bottom-padding {padding-bottom: 0;}
.header-container-top-padding {padding-top: 1.618em;}
h1, h2  {color: #211d1c; margin: 0;}
h1.article-heading {font-size: calc(1em + 9.87px); font-weight: bolder; text-align: center; text-wrap-style: balance;}
h1.photograph-heading {font-size: 1em; font-weight: bolder;}
h1.index-heading {font-size: calc(1em + 9.87px); font-weight: bolder; text-align: center; text-wrap-style: balance;}
h2 {font-size: calc(1em + 2.618px); font-weight:bolder; text-align: center; text-wrap-style: balance;}
h2.link-bottom-padding {padding-bottom: 0.314em;}
/* Publication date  and other information */
.article-publication-details-container {font-family: ui-sans-serif, sans-serif; opacity: 0.9;}
.article-additional-details-container {font-family: ui-sans-serif, sans-serif; opacity: 0.9; padding-top: 0.809em;}
/* Index pages */
#index-page-container {clear: both; display: flow-root; padding: 0.809em 0;}
.section-container {display: flow-root; padding: 0.809em 0;}
.section-container-no-padding {padding: 0;}
.section-container-no-top-padding {padding-top: 0;}
.section-container-no-bottom-padding {padding-bottom: 0;}
.section-container-top-padding {padding-top: 1.618em;}
.newest-oldest-entries {box-sizing: border-box; display: flow-root; margin: 0 auto; max-width: 720px; padding: 0.809em; width: calc(100% - 2em);}
.newest-entry, .oldest-entry {box-sizing: border-box; width: 50%;}
.newest-entry {float: right; padding-left: 0.809em;}
.oldest-entry {float: right; padding-right: 0.809em; text-align: right;}
/* Individual article pages */
#article-page-container {clear: both; display: flow-root; padding: 0.809em 0;}
.article-content-container {display: flow-root; font-family: ui-serif, serif; padding: 1.618em 0 0.809em;}
/* In-article media */
.in-article-image-container {clear: both; display: flow-root; margin: 0 auto; max-width: 900px; padding: 0.809em 0;}
.in-article-audio-container {clear: both; display: flow-root; margin: 0 auto; max-width: 760px; padding: 0.809em 0;}
.in-article-video-container {clear: both; display: flow-root; margin: 0 auto; padding: 0.809em 0;}
/* Individual photograph pages */
#photograph-page-container {clear: both; display: flow-root; padding: 0.809em 0;}
#photograph-container {clear: both; display: flow-root; padding: 0.809em 0; text-align: center;}
#photograph-container img {max-height: 100vh; width: auto;}
/* Thumbnail gallery pages */
.thumbnail-container {clear: both; display: flow-root; margin: 0 auto;}
.extra-thumbnails-for-wider-screens {display: none;}
@media all and (width < 520px) {
.thumbnail-container {padding: calc(0.809em - 0.5%) calc(0.5% * 0.99) 0.809em;}
.thumbnail-photograph-vertical, .thumbnail-photograph-square, .thumbnail-photograph-horizontal {box-sizing: border-box; float: left; padding: 0.5%;}
.thumbnail-photograph-vertical, .thumbnail-photograph-horizontal, .thumbnail-photograph-square {width: calc(100% / 3);}
}
@media all and (width < 375px) {
.thumbnail-photograph-horizontal {width: calc(100% / 2);}
}
@media all and (width >= 520px) {
.thumbnail-container {padding: calc(0.809em - 0.25%) calc(0.25% * 0.995) 0.809em;}
.thumbnail-photograph-vertical, .thumbnail-photograph-square, .thumbnail-photograph-horizontal {box-sizing: border-box; float: left; padding: 0.25%;}
}
@media all and (width >= 520px) and (width < 800px) {
.thumbnail-photograph-vertical, .thumbnail-photograph-horizontal, .thumbnail-photograph-square {width: calc(100% / 4);}
}
@media all and (width >= 800px) {
.thumbnail-photograph-vertical {width: calc(100% / 8);}
.thumbnail-photograph-square {width: calc(100% / 7);}
.thumbnail-photograph-horizontal {width: calc(100% / 6);}
.extra-thumbnails-for-wider-screens {display: inline-block;}
}
@media all and (width >= 1090.8px) {
.thumbnail-container {margin: 0 calc(-0.25% * (100 / 99.5)); padding: calc(0.809em - 0.25%) 0 0.809em;}
}
/* Horizontal line */
.horizontal-line-container {clear: both; padding: 0.809em 0;}
.horizontal-line-container-padding {clear: both; padding: 1.618em 0 0.809em;}
.horizontal-line {border-top: 1px dotted; clear: both; padding: 0;}
/* Summary */
.more-entries-open, .more-entries-close {float: right; hyphens: none; margin-left: 1.618em; text-wrap-mode: nowrap;}
.more-entries-close {display: none;}
details {margin: 0.809em auto;}
details::details-content {opacity: 0; transition: opacity 333ms, content-visibility 333ms allow-discrete;}
details[open]::details-content {opacity: 1;}
summary, summary:visited {border: 1.618px solid; box-sizing: border-box; cursor: pointer; font-size: calc(1em - 1.618px); line-height: 1; margin: 0.809em auto; max-width: 720px; padding: 1em; width: calc(100% - 2em);}
summary:focus, summary:hover, summary:active {opacity: 0.9; border-style: solid; outline: 3.236px solid; outline-offset: -3.236px;}
summary::before, summary::after {content: "";}
summary::marker {content: "";}
details[open] summary .more-entries-close {display: inline-block;}
details[open] summary .more-entries-open {display: none;}
/* Footer */
#footer-wrapper {background-color:  #ffe2c8;}
#footer-container {padding: 0.809em 0;}
#copyright-year::before {content: "2026";}
/* Advertisement */
#ad-wrapper {background-color: #211d1c;}
#ad-wrapper:has(ins.adsbygoogle[data-ad-status="filled"]) #ad-label-en::before, #ad-wrapper:has(ins.adsbygoogle[data-ad-status="filled"]) #ad-label-ja::before {background-color: #211d1c; border-bottom: 1px dotted #aaa8a3; color: #aaa8a3; display: block; font-size: 0.809em; line-height: 1; margin: 0 auto; max-width: 1080px; text-align: center;}
#ad-wrapper:has(ins.adsbygoogle[data-ad-status="filled"]) #ad-label-en::before {content: "Advertisements"; padding: 0.6em 0 0.4em;}
#ad-wrapper:has(ins.adsbygoogle[data-ad-status="filled"]) #ad-label-ja::before {content: "広告"; padding: 0.5em 0;}
#ad-container:has(ins.adsbygoogle[data-ad-status="filled"]) {background-color: #211d1c; padding-bottom: 1em; padding-top: 1em;}
#ad-code {box-sizing: content-box; margin: 0 auto; max-width: 1080px; width: calc(100% - 2em);}
@media all and (width < 520px) {
#ad-container:has(ins.adsbygoogle[data-ad-status="filled"]) {padding-bottom: 0.314em; padding-top: 0.314em;}
#ad-code {width: calc(100% - 0.628em);}
}
@media all and (width >= 520px) and (width <= 1080px) {
#ad-container:has(ins.adsbygoogle[data-ad-status="filled"]) {padding-bottom: 0.618em; padding-top: 0.618em;}
#ad-code {width: calc(100% - 1.236em);}
}
@media all and (width > 1120px) and (prefers-color-scheme: light) {
#ad-container:has(ins.adsbygoogle[data-ad-status="filled"]) {padding-bottom: 1.618em;}
#ad-wrapper:has(ins.adsbygoogle[data-ad-status="filled"]) #ad-label-en::before, #ad-wrapper:has(ins.adsbygoogle[data-ad-status="filled"]) #ad-label-ja::before {padding: 1em 0 0.618em;}
}
/* Padding */
*.full-top-padding {padding-top: 1.618em;}
*.half-top-padding {padding-top: 0.809em;}
*.thin-top-padding {padding-top: 0.618em;}
*.no-bottom-padding {padding-bottom: 0;}
*.no-vertical-padding {padding-bottom: 0; padding-top: 0;}
/* No hyphenation and no text wrapping */
*.no-hyphenation {hyphens: none;}
*.no-text-wrap {text-wrap-mode: nowrap;}
/* Opacity */
*.opacity-75 {opacity: 0.75;}
/* Content visibility */
*.content-visibility-auto {content-visibility: auto;}
/* Dark */
@media screen and (prefers-color-scheme: dark) {
body {background-color: #211d1c; box-sizing: border-box; color: #d9d8d6; margin: 0 auto; max-width: 1080px;}
#content {padding-top: 0.809em;}
#site-logo-wrapper, #page-content-wrapper, #footer-wrapper {background-color: #211d1c;}
#site-logo-container, #page-content-container, #footer-container, #ad-wrapper:has(ins.adsbygoogle[data-ad-status="filled"]) {border-top: 2.618px solid;}
#ad-wrapper:has(ins.adsbygoogle[data-ad-status="filled"]) {border-bottom: 2.618px solid;}
#site-logo-container, #page-content-container, #footer-container, #ad-wrapper:has(ins.adsbygoogle[data-ad-status="filled"]), .horizontal-line, summary {border-color: #b5bdc880;}
.horizontal-line {border-top-width: 1.618px;}
#ad-wrapper {margin: 0 auto; max-width: 1080px;}
h1, h2 {color: #f2f0f0;}
#footer-content {color: #b5bdc8;}
a {color: #49b6ff; text-decoration-color: #49b6ff66;}
a:visited {color: #aba0e9; text-decoration-color: #aba0e966;}
a:focus {color: #ed9390; outline-color: #ed9390;}
a:hover {color: #ed9390; text-decoration-color: #ed939099;}
a:active {color: #ed9390; text-decoration-color: #ed939099;}
#site-logo-wrapper a:focus img {outline-color: #ed9390;}
#site-logo-wrapper a:hover img {outline-color: #ed9390;}
#site-logo-wrapper a:active img {outline-color: #ed9390;}
.thumbnail-container a img {border-top-color:#49b6ff66;}
.thumbnail-container a:visited img {border-top-color: #aba0e966;}
.thumbnail-container a:focus img {border-top-color: #ed9390; outline-color: #ed9390;}
.thumbnail-container a:hover img {border-top-color: #ed9390; outline-color: #ed9390;}
.thumbnail-container a:active img {border-top-color: #ed9390; outline-color: #ed9390;}
#navigation-top-container a div {border-bottom-color: #49b6ff66; color: #49b6ff;}
#navigation-top-container a:visited div {border-bottom-color: #aba0e966; color: #aba0e9;}
#navigation-top-container a:focus div {border-bottom-color: #ed9390; color: #ed9390; outline-color: #ed9390;}
#navigation-top-container a:hover div {border-bottom-color: #ed9390; color: #ed9390;}
#navigation-top-container a:active div {border-bottom-color: #ed9390; color: #ed9390;}
#navigation-bottom-container a div {border-top-color:#49b6ff66; color: #49b6ff;}
#navigation-bottom-container a:visited div {border-top-color: #aba0e966; color: #aba0e9;}
#navigation-bottom-container a:focus div {border-top-color: #ed9390; color: #ed9390; outline-color: #ed9390;}
#navigation-bottom-container a:hover div {border-top-color: #ed9390; color: #ed9390;}
#navigation-bottom-container a:active div {border-top-color: #ed9390; color: #ed9390;}
.article-index-container {background: linear-gradient(90deg, #d9d8d640 0.1618em, transparent 0.618em);}
.article-index-container:has(.article-entry a:hover) {background: linear-gradient(90deg, #ed9390 0.1618em, transparent 0.618em);}
}
@media all and (width <= 1080px) {
#content {padding-top: 0;}
}
@media all and (width > 1080px) and (prefers-color-scheme: dark) {
#ad-wrapper:has(ins.adsbygoogle[data-ad-status="filled"]) {margin-bottom: 0.809em;}
}
@media all and (width > 1080px) and (prefers-color-scheme: dark) and (prefers-contrast: no-preference) {
#ad-wrapper:has(ins.adsbygoogle[data-ad-status="filled"]) #ad-label-en::before, #ad-wrapper:has(ins.adsbygoogle[data-ad-status="filled"]) #ad-label-ja::before {padding: 1em 0 0.618em;}
}
@media all and (width > 1120px) and (prefers-color-scheme: dark) and (prefers-contrast: no-preference) {
#ad-code {width: 100%;}
}
/* Low contrast */
@media screen and (prefers-contrast: less) {
a {text-decoration-thickness: 0.809px;}
a:focus {outline-width: 1.618px;}
#site-logo-wrapper a:focus img, .thumbnail-container a:focus img, #navigation-top-container a:focus div, #navigation-bottom-container a:focus div, #site-logo-wrapper a:hover img, .thumbnail-container a:hover img, #navigation-top-container a:hover div, #navigation-bottom-container a:hover div, #site-logo-wrapper a:active img, .thumbnail-container a:active img, #navigation-top-container a:active div, #navigation-bottom-container a:active div {outline-offset: -1.618px; outline-width: 1.618px;}
}
/* Light low contrast */
@media screen and (prefers-color-scheme: light) and (prefers-contrast: less) {
#page-content-wrapper {background-color: #f1eee9;}
body, h1, h2 {color: #607d8b;}
a {color: #008deb; text-decoration-color: #008deb66;}
a:visited {color: #93849f; text-decoration-color: #93849f66;}
a:focus, a:hover, a:active {color: #db2f29; text-decoration-color: #db2f2999;}
.thumbnail-container a img, #navigation-bottom-container a div, #navigation-bottom-container a div {border-color: #008deb66;}
.thumbnail-container a:visited img, #navigation-top-container a:visited div, #navigation-bottom-container a:visited div {border-color: #93849f66;}
.thumbnail-container a:focus img, #navigation-top-container a:focus div, #navigation-bottom-container a:focus div, a:focus div, .thumbnail-container a:hover img, #navigation-top-container a:hover div, #navigation-bottom-container a:hover div, .thumbnail-container a:active img, #navigation-top-container a:active div, #navigation-bottom-container a:active div {border-color: #db2f2999; outline-color: #db2f2999;}
.article-index-container {background: linear-gradient(90deg, #607d8b33 0.1618em, transparent 0.618em);}
.article-index-container:has(.article-entry a:hover) {background: linear-gradient(90deg, #db2f2999 0.1618em, transparent 0.618em);}
}
/* Dark low contrast */
@media screen and (prefers-color-scheme: dark) and (prefers-contrast: less) {
body, #site-logo-wrapper, #page-content-wrapper, #footer-wrapper {background-color: #434342;}
#site-logo-container, #page-content-container, #footer-container, #ad-wrapper:has(ins.adsbygoogle[data-ad-status="filled"]) {border-top-width: 1px;}
#ad-wrapper:has(ins.adsbygoogle[data-ad-status="filled"]) {border-bottom-width: 1px;}
body, h1, h2 {color: #d9d8d6;}
.article-index-container {background: linear-gradient(90deg, #d9d8d633 0.1618em, transparent 0.618em);}
}
@media all and (width > 1120px) and (prefers-color-scheme: dark) and (prefers-contrast: less) {
#ad-wrapper:has(ins.adsbygoogle[data-ad-status="filled"]) {border-left: 1px solid; border-right: 1px solid;}
}
/* High contrast */
@media screen and (prefers-contrast: more) {
body {font-size: 24px; font-weight: 500;}
h1.photograph-heading {font-weight: bolder;}
.horizontal-line {border-top-style: solid; border-top-width: 2.618px;}
summary, summary:visited {border-width: 1.618px; opacity: 0.85;}
summary:hover {opacity: 1;}
a {text-decoration-thickness: 1.618px;}
a:hover, a:active {text-decoration-thickness: 3.236px;}
#site-logo-wrapper a:focus img, .thumbnail-container a:focus img, #navigation-top-container a:focus div, #navigation-bottom-container a:focus div, #site-logo-wrapper a:hover img, .thumbnail-container a:hover img, #navigation-top-container a:hover div, #navigation-bottom-container a:hover div, #site-logo-wrapper a:active img, .thumbnail-container a:active img, #navigation-top-container a:active div, #navigation-bottom-container a:active div {outline-offset: -5.083px; outline-width: 5.083px;}
}
@media screen and (prefers-contrast: more) and (width < 520px) {
body {font-size: 20px;}
}
/* Light high contrast */
@media screen and (prefers-color-scheme: light) and (prefers-contrast: more) {
#page-content-wrapper {background-color: #fff;}
body, h1, h2 {color: #000;}
a {text-decoration-color: #1d42a6;}
a:visited {text-decoration-color: #7f055f;}
.thumbnail-container a img, #navigation-top-container a div, #navigation-bottom-container a div {border-color: #1d42a6;}
.thumbnail-container a:visited img, #navigation-top-container a:visited div, #navigation-bottom-container a:visited div {border-color: #7f055f;}
.article-index-container {background: linear-gradient(90deg, #00000080 0.1618em, transparent 0.618em);}
}
/* Dark high contrast */
@media screen and (prefers-color-scheme: dark) and (prefers-contrast: more) {
body, #site-logo-wrapper, #page-content-wrapper, #bottom-section-wrapper, #footer-wrapper {background-color: #000;}
body, h1, h2 {color: #fff;}
#site-logo-container, #page-content-container, #footer-container, #ad-wrapper:has(ins.adsbygoogle[data-ad-status="filled"]) {border-top-color: #fff; border-top-width: 4.236px;}
#ad-wrapper:has(ins.adsbygoogle[data-ad-status="filled"]) {border-bottom-color: #fff; border-bottom-width: 4.236px;}
.thumbnail-container a img, #navigation-top-container a div, #navigation-bottom-container a div {border-top-width: 5.083px;}
a {text-decoration-color: #49b6ff;}
a:visited {text-decoration-color: #aba0e9;}
.thumbnail-container a img, #navigation-top-container a div, #navigation-bottom-container a div {border-color:#49b6ff;}
.thumbnail-container a:visited img, #navigation-top-container a:visited div, #navigation-bottom-container a:visited div {border-color: #aba0e9;}
.article-index-container {background: linear-gradient(90deg, #ffffff80 0.1618em, transparent 0.618em);}
}
@media all and (width > 1120px) and (prefers-color-scheme: dark) and (prefers-contrast: more) {
#ad-code {width: calc(100% - 1.618em);}
#ad-wrapper:has(ins.adsbygoogle[data-ad-status="filled"]) {border-left: 4.236px solid #fff; border-right: 4.236px solid #fff;}
}
/* Forced colors */
@media screen and (forced-colors: active) {
body {margin: 0.809em auto 0; max-width: 1080px;}
#site-logo-container, #page-content-container, #footer-container {border-top: 4.236px solid;}
#site-logo img {margin-top: 1.618px;}
#site-logo img, a:visited, a:focus, a:hover, a:active {opacity: 1;}
.horizontal-line {border-top-style: solid; border-top-width: 1.618px;}
summary, summary:visited {border: 1.618px solid; opacity: 1;}
summary:hover {opacity: 1; outline: 1.618px solid;}
a {text-decoration-thickness: 1.618px;}
a:hover, a:active {text-decoration-thickness: 3.236px;}
#site-logo-wrapper a img {outline: 3.236px solid; outline-offset: -3.2326px;}
#site-logo-wrapper a:focus img, .thumbnail-container a:focus img, #navigation-top-container a:focus div, #navigation-bottom-container a:focus div, #site-logo-wrapper a:hover img, .thumbnail-container a:hover img, #navigation-top-container a:hover div, #navigation-bottom-container a:hover div, #site-logo-wrapper a:active img, .thumbnail-container a:active img, #navigation-top-container a:active div, #navigation-bottom-container a:active div {opacity: 1; outline: 5.083px solid; outline-offset: -5.083px}
#ad-wrapper:has(ins.adsbygoogle[data-ad-status="filled"]) {border-bottom: 0; border-left: 0; border-right: 0; border-top: 1em solid;}
#ad-wrapper:has(ins.adsbygoogle[data-ad-status="filled"]) #ad-label-en::before, #ad-wrapper:has(ins.adsbygoogle[data-ad-status="filled"]) #ad-label-ja::before {border-bottom: 1px solid;}
#ad-code {width: 100%;}
.article-index-container {background: none; border-left: solid 0.314em;}
}
/* Print */
@media print {
body {font-size: 16px;}
body, #page-content-wrapper, #footer-wrapper {background-color: #fff; color: #000;}
#page-content-container, #footer-container {border: 0;}
.remove-for-print {display: none;}
}
/* Page-specific */
/* Site index page */
.index-page-links-wrapper {display: flow-root;}
.index-page-link-en, .index-page-link-ja {float: left; line-height: 1; margin: auto; padding: 31.4vh 0; text-align: center; vertical-align: middle; width: 50%;}
h1.index-page-links {font-weight: unset; padding: 0; width: 100%;}
@media all and (orientation: portrait) {
.index-page-link-en {clear: both; margin: 0; padding: 26.18vh 0 13.09vh; width: 100%;}
.index-page-link-ja {clear: both; margin: 0; padding: 13.09vh 0 26.18vh; width: 100%;}
}
@media all and (width >= 520px) and (height < 600px) {
.index-page-link-en, .index-page-link-ja {padding: 125px 0;}
}
/* Error page */
#error-message {clear: both; padding: calc(50vh - 1.809em) 0.809em 0; text-align: center;}
@media screen and (prefers-color-scheme: light) {
#error-page {background-color: #f2f0f0;}
}
@media screen and (prefers-color-scheme: light) and (prefers-contrast: less) {
#error-page {background-color: #f1eee9;}
}
@media screen and (prefers-color-scheme: light) and (prefers-contrast: more) {
#error-page {background-color: #fff;}
}