/* Small, drawn controls share the shoreline's quiet geometry. */
.ui-chevron { display:inline-block; width:18px; height:18px; flex:none; fill:none; stroke:currentColor; stroke-width:1.35; stroke-linecap:round; stroke-linejoin:round; vertical-align:middle; }
.text-button { display:inline-flex; align-items:center; gap:10px; }
.text-button .ui-chevron { width:14px; height:14px; }
.intro-actions .journey-button, .story-next { display:inline-flex; align-items:center; gap:20px; min-height:44px; padding:10px 18px 10px 20px; border:1px solid #263f434d; border-radius:2px; background:#f0eee326; color:var(--ink); font-size:10px; letter-spacing:.5px; transition:background .2s,border-color .2s; }
.intro-actions .journey-button { font-size:8px; letter-spacing:1.6px; }
.journey-button > span:last-child { color:inherit; font-size:inherit; line-height:inherit; }
.journey-button:hover > span:last-child { transform:none; }
.story-next:hover, .intro-actions .journey-button:hover { border-color:#263f4399; background:#f6f0e3ba; }
.story-next .ui-chevron, .journey-button .ui-chevron { color:var(--accent); transition:transform .2s; }
.story-next:hover .ui-chevron, .journey-button:hover .ui-chevron { transform:translateX(2px); }
.chapter-controls { gap:6px; }
#chapter-label { margin-right:15px; }
.chapter-controls button { display:inline-flex; align-items:center; justify-content:center; gap:5px; min-width:72px; min-height:38px; border:1px solid #263f4344; border-radius:2px; padding:8px 12px; font-size:9px; letter-spacing:.3px; background:#f0eee355; transition:background .2s,border-color .2s; }
.chapter-controls button:not(:disabled):hover { color:var(--ink); background:#f7f2e6; border-color:#263f4399; }
.chapter-controls button:disabled { opacity:.3; }
.chapter-controls .ui-chevron { width:14px; height:14px; }
.scroll-invitation { gap:9px; }
.scroll-invitation .scroll-track { display:grid; place-items:start center; width:12px; height:20px; border:1px solid #263f4366; border-radius:8px; padding-top:4px; }
.scroll-track i { display:block; height:5px; width:1px; background:var(--accent); }
.index-links .ui-chevron { width:24px; height:24px; margin-left:24px; color:var(--accent); }
.contact-link .ui-chevron { width:17px; height:17px; }
.edit-button .ui-chevron { display:none; }
.underlined-button .ui-chevron { width:14px; height:14px; }
@media (max-width:1180px) { #chapter-label { display:none; } }
@media (max-width:760px) {
  .navigation-bar { left:6%; right:6%; }
  .chapter-nav { gap:2px; }
  .chapter-dot { width:23px; }
  .chapter-dot.is-current i { width:23px; }
  .chapter-controls { gap:4px; }
  .chapter-controls button { width:36px; min-width:36px; height:38px; padding:7px; }
  .chapter-controls button span { display:none; }
  .chapter-controls .ui-chevron { width:17px; height:17px; }
  .footer-tools { gap:0; }
  .story-next { font-size:10px; padding:9px 16px; }
}