/* Small, source-readable refinements layered over the supplied static export. */
:root {
  --selected-nav-offset: 112px;
  --selected-focus: #c7a1cf;
  --font-serif-jp: "Noto Serif JP", "Noto Serif JP Fallback", "Yu Mincho", serif;
  --font-sans-jp: "Noto Sans JP", "Noto Sans JP Fallback", "Yu Gothic", sans-serif;
}
.selected-site a:focus-visible,
.selected-site button:focus-visible,
.selected-site summary:focus-visible {
  outline: 2px solid var(--selected-focus);
  outline-offset: 4px;
}
.selected-header-contact { min-height: 44px; font-size: 11px; }
.selected-header > nav a { display: flex; align-items: center; min-height: 44px; }
.selected-quick-nav { height: 44px; }
.selected-quick-nav a { flex: 1 0 auto; min-height: 44px; padding-inline: 12px; font-size: 11px; }
.selected-mobile-nav a { font-size: 11px; padding-bottom: env(safe-area-inset-bottom); }
.selected-mobile-nav { min-height: calc(58px + env(safe-area-inset-bottom)); }
.selected-site { padding-bottom: calc(58px + env(safe-area-inset-bottom)); }
.selected-site section[id] { scroll-margin-top: var(--selected-nav-offset); }
.selected-site h2 { text-wrap: balance; }
.selected-story-row img { width: 100%; height: 100%; object-fit: cover; }
.selected-footer nav a { display: inline-flex; align-items: center; min-height: 44px; font-size: 10px; }
.selected-preview { letter-spacing: .04em; }
.selected-age-actions a { color: #c1b4c5; }
.selected-age-panel > small { color: #a095a3; }
.selected-age-eyebrow { color: #b7a0bc; }
.selected-section-head > p, .selected-recruit > div > p { color: #ba92c2; }
.selected-demo-note, .selected-price-note, .selected-plans article > small, .selected-plans article > p { color: #a399a7; }
.selected-intro > .selected-index, .selected-availability > div > p,
.selected-availability > div > a > span, .selected-diary .selected-section-head > p,
.selected-faq header > p, .selected-faq summary > span { color: #76527e; }
.selected-diary .selected-section-head > span, .selected-faq header > span,
.selected-diary-list > a > span, .selected-diary-list > a > time,
.selected-diary-list > a > small, .selected-diary-list > a > p { color: #615665; }
#schedule > div > p, #schedule > div > a > span { color: #76527e; }
.daturia-profile-site #play .daturia-section-label > span,
.daturia-profile-site #diary .daturia-section-label > span,
.daturia-profile-available > p { color: #5e5260; }
.daturia-profile-diary time, .daturia-profile-diary article > span { color: #694371; }
.daturia-profile-site #reserve-note, .daturia-profile-site .daturia-footer > p { color: #9d929f; }
.daturia-profile-site a:focus-visible, .daturia-profile-site button:focus-visible {
  outline: 2px solid var(--selected-focus);
  outline-offset: 4px;
}
@media (min-width: 780px) {
  :root { --selected-nav-offset: 124px; }
  .selected-site { padding-bottom: 0; }
  .selected-header-contact { min-height: 44px; }
}
@media (min-width: 780px) and (max-width: 1019px) {
  .selected-intro { grid-template-columns: 1fr 1fr; gap: 28px; }
  .selected-intro > .selected-index { grid-column: 1 / -1; }
  .selected-intro article { padding-top: 0; margin-top: 0; }
  .selected-section-head { grid-template-columns: 1fr 1fr; gap: 20px; }
  .selected-section-head > p { grid-column: 1 / -1; }
  .selected-diary-list a { grid-template-columns: 30px 90px 55px 1fr 20px; }
  .selected-diary-list a > p { grid-column: 4; }
  .selected-diary-list a > i { grid-column: 5; grid-row: 1; }
  .selected-plans article { padding: 18px; }
  .selected-plans article > strong { font-size: 26px; }
}
@media (min-width: 1020px) {
  :root { --selected-nav-offset: 82px; }
  .selected-header > nav { gap: clamp(12px, 1.5vw, 24px); }
  .selected-header > nav a { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  .selected-site *, .selected-site *::before, .selected-site *::after {
    animation: none !important;
    transition: none !important;
  }
}
