/* Mineral deposits tinted indigo, reserved for the onsen page. */
.page-onsen main {
 --spring-texture:url('images/onsen-mineral-texture.webp');
 --ink:#f7f6f2;
 --muted:#d2dce3;
 --line:#ffffff38;
 --arrow-surface:#fff;
 --arrow-ink:#1e2830;
 --arrow-hover:#e8edef;
 --arrow-border-width:0;
 color:var(--ink);
 background-color:#253e53;
 background-image:var(--spring-texture);
 background-size:1100px 1100px;
 background-blend-mode:multiply;
}
.page-onsen #spring { background:transparent; }
.page-onsen :is(.bath-detail,.bathing-info,.sky-story) {
 background-image:var(--spring-texture);
 background-size:1100px 1100px;
 background-blend-mode:multiply;
 color:var(--ink);
}
.page-onsen .bath-detail { background-color:#2b455b; }
.page-onsen .bathing-info { background-color:#263e50; }
.page-onsen .sky-story { background:#1b2e40; background-blend-mode:normal; }
.page-onsen main h2.vertical-heading>span:first-child { --heading-circle:#795d50; }
.page-onsen .site-wrap main :is(figcaption,.fine-print,.data-list dt,.data-list small,.sky-note) {
 color:var(--muted);
}
.page-onsen .site-wrap .page-jump a:hover {
 background:#ffffff14;
 color:#fff;
}
.page-onsen main .text-link { color:var(--ink); border-color:var(--line); }
.page-onsen main .text-link:hover { color:#fff; border-color:#fff; }
.page-onsen .gallery-button { color:var(--ink); border-color:#ffffff80; }
.page-onsen .gallery-button:hover { background:#ffffff14; }
.page-onsen .gallery-button.active { background:#fff; border-color:#fff; color:#1e2830; }
.page-onsen main :is(a,button):focus-visible { outline-color:#fff; }
@media(max-width:720px) {
 .page-onsen main,.page-onsen :is(.bath-detail,.bathing-info,.sky-story) { background-size:760px 760px; }
}