/* Shared return navigation. Keep these rules separate from content menus. */
.site-trail{margin:0 0 20px;padding:0;color:#29180c;font:700 12px/1.6 Georgia,serif;letter-spacing:normal;text-shadow:none;text-align:left}
.site-trail ol{display:flex;flex-wrap:wrap;align-items:center;gap:3px 0;list-style:none;margin:0;padding:0}
.site-trail li{display:flex;align-items:center;flex:none;margin:0;padding:0;min-width:0;max-width:100%}
.site-trail li+li::before{content:'';display:block;flex:none;width:8px;height:8px;border-top:2.5px solid #291508;border-right:2.5px solid #291508;transform:rotate(45deg);margin:0 15px 0 11px}
.site-trail a,.site-trail span{display:inline-block;padding:7px 0;font:inherit;color:inherit;overflow-wrap:anywhere;text-shadow:none;filter:none}
.site-trail a{text-decoration:underline;text-underline-offset:4px}
.site-trail a:hover{color:#000}
.site-trail [aria-current]{color:#4b2c14}
.site-trail a:focus-visible{outline:3px solid #29180c;outline-offset:3px}
.bio-pager .next-bear:only-child{grid-column:2}
@media(max-width:680px){.site-trail{font-size:11px;margin-bottom:16px}.site-trail li+li::before{width:7px;height:7px;margin:0 12px 0 8px}}

/* Shared navigation-button treatment, matching the owner's light-wood reference.
   Scope the override to browsing controls; keep artwork and reading text intact.
   The menu ID gives this shared treatment precedence over legacy section styles. */
:root{--navigation-button-background:#f2d5a1;--navigation-button-text:#000;--navigation-button-border:#805027}
html body :is(
 button,#menu a,.book-link,.open-book,.reader-navigation a,
 .reader-contents summary,.reader-contents a,.bear-tile,
 .studio-button,.studio-jumps a,.studio-entry>a,.intro-audio>a,
 .show-pagination>a,.show-pagination>[aria-current="page"],
 .movie-choices>a,.movie-choices summary,.movie-feature-links a,
 .movie-pager a,.rufus-pager a,.postcard-choices a,
 .category-visit,.collection-end a,.full-spread-link>a,
 .viewer-controls button,.viewer-navigation button,.viewer-close,
 .movie-viewer button,.peter-dialog-heading button,.player-heading button,
 .home-page .awards a
){
 background:linear-gradient(#f2d5a1b8,#f2d5a1b8),url("assets/collection/wood-grain.webp") center/700px auto repeat;
 color:var(--navigation-button-text);
 border:1px solid var(--navigation-button-border);
 border-radius:4px;
 font-family:Georgia,serif;
 font-weight:700;
 text-shadow:none;
 -webkit-text-stroke:0;
 box-shadow:inset 0 1px 0 #ffffff26,0 2px 3px #351b0c40;
}

/* Add a compact surface to the existing text-only browsing controls. */
html body :is(
 .book-link,.reader-navigation a,.reader-contents summary,.reader-contents a,
 .studio-entry>a:not(.studio-button),.intro-audio>a,.movie-feature-links a,
 .movie-pager a,.rufus-pager a,.category-visit,.collection-end a,
 .full-spread-link>a,.home-page .awards a
){
 padding:10px 12px;
 min-height:44px;
 border:1px solid var(--navigation-button-border);
}
html body :is(.book-link,.category-visit,.collection-end a,.full-spread-link>a,.home-page .awards a){display:inline-block}
html body #menu ul{gap:6px}
html body #menu a{border:1px solid var(--navigation-button-border)}

/* Keep nested labels readable, including book arrows and bear status text. */
html body :is(#menu a,.open-book,.reader-navigation a,.reader-contents summary,.reader-contents a,.bear-tile,.studio-button,.studio-jumps a)>:is(span,small){color:inherit;text-shadow:none;filter:none;-webkit-text-stroke:0}

/* Preserve the light wood on hover, with an underline for feedback. */
html body :is(
 #menu a,.open-book,.reader-navigation a,.reader-contents summary,
 .reader-contents a,a.bear-tile,.studio-button,.studio-jumps a,.studio-entry>a,
 .intro-audio>a,.show-pagination>a,.movie-choices>a,.movie-choices summary,
 .movie-feature-links a,.movie-pager a,.rufus-pager a,.postcard-choices a,
 .collection-end a,.full-spread-link>a,.viewer-controls button,
 .viewer-navigation button,.viewer-close,.movie-viewer button,
 .peter-dialog-heading button,.player-heading button,.home-page .awards a
):hover{
 background:linear-gradient(#f2d5a1b8,#f2d5a1b8),url("assets/collection/wood-grain.webp") center/700px auto repeat;
 color:var(--navigation-button-text);
 text-decoration:underline;
 text-underline-offset:3px;
 box-shadow:inset 0 0 0 1px var(--navigation-button-border),0 2px 3px #351b0c40;
 text-shadow:none;
}
html body :is(.book-feature:hover .book-link,.collection-category:hover .category-visit){text-decoration:underline}
html body :is(#menu [aria-current="page"],.bear-tile.is-current,.show-pagination>[aria-current="page"],.reader-contents a[aria-current="page"]){border:2px solid var(--navigation-button-border);box-shadow:inset 0 0 0 2px var(--navigation-button-text);text-decoration:none}
@media(forced-colors:active){
 html body button,html body :is(#menu a,.book-link,.open-book,.reader-navigation a,.bear-tile,.studio-button,.show-pagination>a,.show-pagination>[aria-current="page"]){background:ButtonFace}
 :root{--navigation-button-background:ButtonFace;--navigation-button-text:ButtonText;--navigation-button-border:ButtonText}
 html body :is(#menu [aria-current="page"],.bear-tile.is-current,.show-pagination>[aria-current="page"],.reader-contents a[aria-current="page"]){border:3px double Highlight}
}