html[data-type=sans]{--serif:'Noto Sans JP',sans-serif;--sans:'Noto Sans JP',sans-serif}
html[data-type=sans] body,html[data-type=sans] body :is(h1,h2,h3,p,a,button,span,time,small,input,select,textarea,figcaption){font-family:'Noto Sans JP',sans-serif}
.display-options{max-width:650px;margin:30px auto}.display-options label{display:grid;grid-template-columns:1fr minmax(180px,1fr);align-items:center;gap:24px;border-bottom:1px solid var(--rule);padding:20px 0}
.display-options p{margin-top:28px}.display-options h2{margin-top:45px;font-size:22px}.display-options a{text-decoration:underline;text-underline-offset:5px}
.settings-link{font-size:14px;padding:10px;min-height:44px;display:grid;place-items:center}
.plain-reader{max-width:820px;margin:auto;padding:55px 24px 100px}.plain-reader h1{font-size:28px;margin-bottom:40px}.plain-reader h2{font-size:22px;margin:65px 0 32px}.plain-reader p{font-size:1.125rem;line-height:2.2;margin:35px 0;white-space:pre-wrap;overflow-wrap:anywhere}
html[data-motion=reduce]{scroll-behavior:auto}html[data-motion=reduce] *,html[data-motion=reduce] *:before,html[data-motion=reduce] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[data-contrast=high] :is(.paper-site,.atmosphere){--paper-ground:#faf9f6!important;--paper-light:#faf9f6!important;--paper-face:#faf9f6!important;--paper-ink:#202427!important;--room-ink:#202427!important;--ink:#202427!important;--body:#202427!important;--muted:#303537!important;--rule:#5c6365!important;--line:#5c6365!important;--paper:#faf9f6!important;color:#202427;background:#faf9f6}
html[data-contrast=high] :is(.paper-site,.atmosphere):before,html[data-contrast=high] :is(.paper-site,.atmosphere):after,html[data-contrast=high] .paper-weather{display:none}
html[data-contrast=high] :is(.printed-ink,.entrance-verse){filter:none;mask-image:none;mix-blend-mode:normal;color:#202427}
html[data-contrast=high] :is(.gallery-back,.series-arrow,.gallery-other-rooms a){opacity:1}
html[data-contrast=high] :is(.beach-controls,.beach-move,.shore-pocket){background:#faf9f6;color:#202427;opacity:1}
:focus-visible{outline:2px solid currentColor!important;outline-offset:5px}.skip{z-index:1000}.skip:focus{background:#202427;color:white}
/* The title itself is the focus cue, never a rectangle around the whole room. */
.gallery-title:focus-visible{outline:none!important}
.gallery-title:focus-visible h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:12px}
@media(max-width:600px){.display-options label{grid-template-columns:1fr;gap:8px}.plain-reader p{font-size:1.0625rem}}