/* /assets/css/discovery.css?v=20260907glass1 */
.hmix-discovery{margin:1.5rem 0;padding:1.3rem;border:1px solid #aa8e5e66;border-radius:12px;background:#152b22;color:#f1e8ce;font:inherit;line-height:1.7}.hmix-discovery h2{font-size:1.25rem;margin:0 0 .7rem}.hmix-discovery p{color:inherit}.hmix-discovery a{color:#f2d393;text-decoration:underline;text-underline-offset:4px}.hmix-discovery__links{display:flex;flex-wrap:wrap;gap:.8rem}.hmix-discovery__links a{padding:.7rem 1rem;border:1px solid #bca87970;border-radius:8px;min-height:44px;box-sizing:border-box}.genre-track__detail,.genre-track__download{padding:10px;color:inherit;white-space:nowrap}.genre-track__link:before{content:'▶';margin-right:.65rem;font-size:.75rem}.genre-track{flex-wrap:wrap}.genre-track__link{min-width:0}.hnb-cue-controls{font-size:12px;line-height:1.6}.hnb-cue-controls label{display:inline-flex;gap:5px;align-items:center;margin:4px 8px 4px 0}.hnb-cue-controls input{width:5.5em;max-width:100%;padding:7px;border:1px solid #897653;border-radius:5px;background:#fff9e9;color:#2c392c}.hnb-cue-controls button{padding:9px 12px;margin:5px 5px 5px 0;border:1px solid #897653;border-radius:5px;background:#efe3bd;color:#253a2c;cursor:pointer}.hnb-wave{min-height:64px;gap:1px!important;cursor:crosshair}.hnb-wave span{min-width:1px!important;flex:1}.hnb-cue-controls :focus-visible,.hmix-discovery :focus-visible,.genre-track :focus-visible{outline:3px solid #daa84b;outline-offset:3px}@media(max-width:600px){.genre-track__link{flex:1 1 calc(100% - 52px)}.genre-track__detail,.genre-track__download{font-size:13px}.hmix-discovery{padding:1rem}.hmix-discovery__links a{flex:1 1 120px}}
.genre-track{grid-template-columns:minmax(0,1fr) auto auto 48px;align-items:stretch}
.genre-track__link{grid-template-columns:14px minmax(0,1fr) minmax(0,.6fr) 3.5rem;padding-left:10px;background:none}
.genre-track__link:before{margin:0;color:#38662d}
.genre-track__detail,.genre-track__download{align-self:stretch;display:flex;align-items:center;justify-content:center;color:#315d2c;border-bottom:1px solid #d9d9d3;font-size:13px}
@media(max-width:600px){.genre-track__link{grid-column:1/4;grid-template-columns:14px minmax(0,1fr) 3rem}.genre-track__title-en{display:none}.genre-track__fav{grid-column:4;grid-row:1}.genre-track__detail{grid-column:1/3;grid-row:2}.genre-track__download{grid-column:3/5;grid-row:2}}

/* Next-candidate navigation stays reachable on narrow cards and sheets. */
.ml-neighbor-link,.hnb-neighbor-link{display:block;min-height:44px;padding:11px 16px;margin-top:12px;border:1px solid rgba(126,203,149,.25);border-radius:12px;background:linear-gradient(150deg,rgba(126,203,149,.12),rgba(12,34,24,.2));color:var(--color-green-light,#c2dfc8);font:400 .78rem/1.65 var(--font-sans-jp,sans-serif);letter-spacing:.04em;text-align:center;text-decoration:none;cursor:pointer;position:relative;z-index:2;width:100%;box-sizing:border-box;box-shadow:inset 0 1px 0 rgba(221,255,231,.08);transition:background .2s,border-color .2s}
.ml-neighbor-reason{font:400 .72rem/1.8 var(--font-sans-jp,sans-serif);color:var(--color-text-muted,#b5c8b9);margin:14px 0 0;letter-spacing:.025em}
.ml-neighbor-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.ml-neighbor-controls button{min-height:44px;padding:10px 16px;border:1px solid rgba(126,203,149,.24);border-radius:999px;background:rgba(15,39,28,.3);color:var(--color-text-muted,#b5c8b9);font:400 .78rem/1.65 var(--font-sans-jp,sans-serif);letter-spacing:.035em;cursor:pointer;transition:background .2s,border-color .2s}
.ml-neighbor-controls button[aria-pressed=true]{background:linear-gradient(145deg,rgba(84,153,106,.38),rgba(25,77,46,.5));color:#e1f3e4;border-color:rgba(153,218,174,.55);box-shadow:inset 0 1px 0 rgba(221,255,231,.16);font-weight:500}
.ml-neighbor-controls button:not([aria-pressed]){border-color:transparent;background:transparent;color:var(--color-text-muted,#b5c8b9);text-decoration:underline;text-decoration-color:rgba(181,200,185,.35);text-underline-offset:5px}
#ml-neighbors{padding:24px 28px;border:1px solid rgba(126,203,149,.22);border-radius:18px;background:linear-gradient(150deg,rgba(37,63,49,.55),rgba(12,25,20,.65));backdrop-filter:blur(24px) saturate(1.05);-webkit-backdrop-filter:blur(24px) saturate(1.05);box-shadow:inset 0 1px 0 rgba(215,247,224,.13),0 12px 30px -10px rgba(0,10,5,.4);color:var(--color-text,#dce9df);font:400 .82rem/1.9 var(--font-sans-jp,sans-serif);letter-spacing:.025em}
#ml-neighbors h2{margin:0 0 12px;font:500 1.12rem/1.8 var(--font-serif-jp,serif);letter-spacing:.065em;color:var(--color-text,#dce9df)}
#ml-neighbors p{margin:0;color:var(--color-text-muted,#b5c8b9);font-weight:400}
#ml-neighbors p[role=status]{margin-top:18px;padding-top:14px;border-top:1px solid rgba(126,203,149,.13);font-size:.72rem;letter-spacing:.06em}
#hmix-notebook .hnb-neighbor-link{color:#625131;border-color:rgba(91,72,37,.27);background:rgba(255,255,255,.24);font-family:var(--font-sans-jp,sans-serif);box-shadow:inset 0 1px 0 rgba(255,255,255,.32)}
@media(hover:hover){.ml-neighbor-link:hover,.ml-neighbor-controls button:hover{border-color:rgba(153,218,174,.65);background-color:rgba(84,153,106,.22)}#hmix-notebook .hnb-neighbor-link:hover{background:rgba(192,159,82,.14);border-color:rgba(145,104,31,.5)}}
@media(max-width:600px){#ml-neighbors{padding:20px 18px}#ml-neighbors h2{font-size:1rem}.ml-neighbor-controls{gap:6px}.ml-neighbor-controls button{padding:10px 12px;font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.ml-neighbor-link,.hnb-neighbor-link,.ml-neighbor-controls button{transition:none}}
#ml-neighbors[hidden]{display:none}#ml-neighbors{scroll-margin-top:90px;grid-column:1/-1}.hnb-cue-controls button{min-height:44px}.ml-neighbor-link:focus-visible,.hnb-neighbor-link:focus-visible{outline:3px solid #daa84b;outline-offset:3px}
.hnb-export-ready{display:block;min-height:44px;padding:12px;border:1px solid #b8954b;border-radius:8px;color:#f1d69b;text-align:center;font:inherit;box-sizing:border-box}
@media(max-width:760px){.hnb-preview:not(.is-open){visibility:hidden}.hnb-preview.is-open{visibility:visible}}
.hnb-zip-cancel{min-height:44px;padding:10px;border:1px solid #b8954b;border-radius:8px;background:#40352a;color:#ffe5ad;font:inherit;cursor:pointer}.hnb-zip-cancel[hidden]{display:none}

/* /assets/css/journey-guide.css?v=20260920finish2 */
/* Wayfinding: an engraved guide beneath the existing scenic entrances. */
.journey-guide { position:relative; z-index:3; max-width:1180px; margin:0 auto; padding:24px; color:#e8e4cc; }
.journey-guide__title { margin:0 0 10px; font:500 1.15rem/1.6 var(--font-serif-jp,serif); color:#f1e5bd; }
.journey-guide__intro { margin:0 0 16px; font-size:14px; line-height:1.8; color:#d0dacb; }
.journey-guide__routes { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-block:1px solid #8f8753; background:linear-gradient(110deg,#14281e,#202b20); }
.journey-guide__routes a { display:flex; flex-direction:column; justify-content:center; gap:5px; min-height:84px; padding:14px 18px; color:#f2e2b2; text-decoration:none; border-inline-end:1px solid #576044; overflow-wrap:anywhere; }
.journey-guide__routes a:last-child { border-inline-end:0; }
.journey-guide__routes strong { font:500 16px/1.5 var(--font-serif-jp,serif); }
.journey-guide__routes span { color:#d0dacb; font-size:13px; line-height:1.65; }
.journey-guide a:focus-visible,.library-start a:focus-visible,.library-start summary:focus-visible { outline:2px solid #f0d780; outline-offset:3px; }
.journey-guide__routes a:hover { background:#304331; }
.library-start { position:relative; z-index:3; max-width:760px; margin:12px auto 0; text-align:left; color:#e4e8d2; }
.library-start__row { display:flex; align-items:center; flex-wrap:wrap; gap:6px 18px; }
.library-start__jump { display:inline-flex; align-items:center; min-height:44px; padding:6px 16px; border:1px solid #acaa71; border-radius:24px; background:#213b2a; color:#f2e6bb; font-size:14px; }
.library-start summary { cursor:pointer; display:list-item; min-height:44px; padding:10px 0; font-size:13px; color:#e0ddbc; }
.library-start details { flex:1; min-width:190px; }
.library-start__help { padding:12px 16px; margin:4px 0; border-left:2px solid #b7a966; background:#14281f; font-size:14px; line-height:1.9; }
.library-start__help a { color:#f1d687; display:inline-flex; min-height:44px; align-items:center; margin-right:16px; }
.library-start__help p { margin:0 0 8px; }
#ml-results-bar { scroll-margin-top:90px; }
#ml-results-bar:focus { outline:2px solid #d4c47e; outline-offset:4px; }
@media(max-width:600px) { .journey-guide {padding:20px 16px;} .journey-guide__routes{grid-template-columns:repeat(2,minmax(0,1fr));} .journey-guide__routes a:nth-child(2){border-inline-end:0;} .journey-guide__routes a:nth-child(-n+2){border-bottom:1px solid #576044;} }

.library-start__help button {font:inherit; color:#f1d687; display:inline-flex; min-height:44px; align-items:center; margin-right:16px; padding:0; border:0; background:transparent; text-decoration:underline; cursor:pointer;}
.library-start__help button:focus-visible {outline:2px solid #f0d780;outline-offset:3px;}

/* Four paths on one engraved rail; icons and open spacing avoid a table-like grid. */
.journey-guide__routes {gap:10px; padding:12px 0; background:radial-gradient(ellipse at center,rgba(38,61,40,.65),rgba(11,25,17,.3));}
.journey-guide__routes a {position:relative;display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:12px;align-content:center;border:0;border-radius:6px;}
.journey-guide__routes a::before {content:'♫';grid-row:1 / 3;align-self:center;font-family:serif;font-size:27px;color:#d8c080;text-shadow:0 0 18px rgba(216,192,128,.35);}
.journey-guide__routes a:nth-child(2)::before {content:'♡';}
.journey-guide__routes a:nth-child(3)::before {content:'✦';}
.journey-guide__routes a:nth-child(4)::before {content:'▷';}
.journey-guide__routes strong,.journey-guide__routes span {grid-column:2;}
@media(max-width:600px){.journey-guide__routes{gap:4px;}.journey-guide__routes a{padding:12px 8px;column-gap:8px;}.journey-guide__routes a:nth-child(-n+2){border-bottom:0;}}
@media(max-width:420px){
 .journey-guide__routes{grid-template-columns:1fr;gap:0;}
 .journey-guide__routes a{min-height:76px;padding:10px 12px;column-gap:16px;}
 .journey-guide__routes a::before{justify-self:center;}
}