/* 8 Nov 2026, Malcolm (Fraser 13:37, "I'm in agreement"): the new story card, built in stories.js showStory. Old .card-close/.card-dog rules in cards.css (the 2 Nov card) are overridden here.
   Barney Bubbles' card: one sheet docked to the right (a phone: above the window's foot row), the picture edge to edge,
   the title only (the window gives the place and the year), the story one sentence to a line, the sources small, no boxes.
   Hidden Folks' foot: Harvey stands on the card's edge, half off it, never inside the paper; he plays his come-on once
   when the card opens and again when you point at him. One "Come and see" line, "Choose a place" small. */
html #navigation-panel.sheet{left:auto;right:40px;top:130px;bottom:auto;transform:none;width:min(520px,calc(100vw - 80px));max-height:calc(100dvh - 230px);display:flex;flex-direction:column;overflow:visible;padding:0;background:#f6eedb;border:1px solid #c9b791;border-radius:0;box-shadow:none;outline:none;color:#3a2f22}
#navigation-panel.sheet .story-content{flex:1 1 auto;min-height:0;max-width:none;margin:0;padding:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
#navigation-panel.sheet .reading-image{display:block;width:100%;margin:0}
#navigation-panel.sheet .reading-link{margin:0}
#navigation-panel.sheet .movie-frame{border-radius:0}
#navigation-panel.sheet h1{font:normal 26px/1.15 Georgia,'Times New Roman',serif;letter-spacing:-.01em;margin:0;padding:18px 60px 10px 24px}
#navigation-panel.sheet .card-close{position:absolute;z-index:3;top:12px;right:12px;width:36px;height:36px;min-width:0;min-height:0;padding:0;border-radius:50%;background:#f6eedb;border:1px solid #b9a787;box-shadow:0 2px 4px #2a1f1440;display:grid;place-items:center;font:20px/1 'Avenir Next',Avenir,'Helvetica Neue',sans-serif;color:#3a2f22}
#navigation-panel.sheet .card-close:after{content:'';position:absolute;inset:-5px}
#navigation-panel.sheet .card-story,#navigation-panel.sheet .story-transcript{padding:0 24px}
#navigation-panel.sheet .card-story p,#navigation-panel.sheet .story-transcript p{font:17px/1.5 Georgia,'Times New Roman',serif;margin:0 0 .45em}
#navigation-panel.sheet summary{list-style:none;cursor:pointer;min-height:0;padding:0}
#navigation-panel.sheet summary::-webkit-details-marker{display:none}
#navigation-panel.sheet .card-more summary,#navigation-panel.sheet .story-transcript>summary{display:inline-block;font:italic 17px/1.5 Georgia,'Times New Roman',serif;color:#2f5134;border-bottom:1px solid #2f513466;margin:0 0 .45em}
#navigation-panel.sheet .card-more[open] summary{margin-bottom:.6em}
#navigation-panel.sheet .story-transcript{margin:16px 0 0;border:0}
#navigation-panel.sheet .origin-context{margin:0 24px 12px;background:none;padding:0 0 0 12px;font:13px/1.5 'Avenir Next',Avenir,'Helvetica Neue',sans-serif!important;color:#6d604c}
#navigation-panel.sheet .two-origins{margin:4px 24px 0}
#navigation-panel.sheet .card-sources{padding:12px 24px 18px;font:12px/1.45 'Avenir Next',Avenir,'Helvetica Neue',sans-serif;color:#857761}
#navigation-panel.sheet .card-sources .source{font:inherit;color:inherit;margin:0 0 6px}
#navigation-panel.sheet .card-sources .copy-story{display:inline-block;font:inherit;color:#6d604c;min-height:0;padding:0;margin:0 0 6px;border:0;border-bottom:1px solid #b9a787;background:none}
#navigation-panel.sheet .card-sources .map-note{margin:0;font:inherit;color:#6d604c}
#navigation-panel.sheet .card-sources .map-note summary{display:inline;border-bottom:1px solid #b9a787}
#navigation-panel.sheet .card-sources .map-note p{font:inherit!important;color:#857761;margin:6px 0 0}
#navigation-panel.sheet .card-foot-wrap{flex:none;position:relative}
#navigation-panel.sheet .card-foot{position:relative;display:flex;align-items:flex-end;gap:14px;min-height:66px;padding:10px 20px 14px 98px;border-top:1px solid #cdbd9f}
#navigation-panel.sheet .card-dog{display:block;margin:0;padding:0;border:0;gap:0;position:absolute;left:-30px;bottom:-14px;width:114px;height:112px;cursor:pointer;background:url(harvey78/A_comeon_strip.webp) 0 0/1500% 100% no-repeat;filter:drop-shadow(2px 3px 2px #2a1f1455);animation:card-dog 1.5s steps(15,jump-none) .35s both}
#navigation-panel.sheet .card-dog:hover{animation-name:card-dog-again;animation-delay:0s}
@keyframes card-dog{from{background-position:0 0}to{background-position:100% 0}}
@keyframes card-dog-again{from{background-position:0 0}to{background-position:100% 0}}
#navigation-panel.sheet .card-next{display:flex;flex-direction:column;flex:1;min-width:0}
#navigation-panel.sheet .card-kicker{font:11px/1.3 'Avenir Next',Avenir,'Helvetica Neue',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#857761}
#navigation-panel.sheet .card-go{font:italic 19px/1.25 Georgia,'Times New Roman',serif;color:#2f5134;background:none;border:0;padding:2px 0 0;text-align:left;min-height:0}
#navigation-panel.sheet .card-choose{flex:none;font:12px 'Avenir Next',Avenir,'Helvetica Neue',sans-serif;color:#6d604c;background:none;border:0;border-bottom:1px solid #b9a787;padding:0;margin-bottom:4px;min-height:0;white-space:nowrap}
@media(max-width:650px){
 html #navigation-panel.sheet{left:12px;right:12px;width:auto;top:auto;bottom:calc(64px + env(safe-area-inset-bottom));max-height:min(560px,calc(100dvh - 150px))}
 #navigation-panel.sheet h1{font-size:22px;padding:14px 56px 8px 18px}
 #navigation-panel.sheet .card-story,#navigation-panel.sheet .story-transcript{padding:0 18px}
 #navigation-panel.sheet .card-story p,#navigation-panel.sheet .story-transcript p,#navigation-panel.sheet .card-more summary,#navigation-panel.sheet .story-transcript>summary{font-size:16px}
 #navigation-panel.sheet .origin-context{margin:0 18px 10px}#navigation-panel.sheet .two-origins{margin:4px 18px 0}
 #navigation-panel.sheet .card-sources{padding:10px 18px 14px;font-size:11.5px}
 #navigation-panel.sheet .card-foot{gap:8px;min-height:54px;padding:8px 14px 10px 74px}
 #navigation-panel.sheet .card-dog{left:-8px;bottom:-12px;width:82px;height:80px}
 #navigation-panel.sheet .card-go{font-size:16px}#navigation-panel.sheet .card-kicker{font-size:10px}#navigation-panel.sheet .card-choose{font-size:11px}
}
/* 8 Nov 14:40 (Fraser 14:32/14:33: one format for every card): the lists use the same sheet. The place's stories ("Stories"),
   the place finder ("Choose a place") and the trail's end: the title, then one row per story, its picture full width with the
   year and title under it, rules between rows; Harvey's foot on the edge. */
#navigation-panel.sheet .panel-header{position:static;display:block;padding:0;background:none;border:0;box-shadow:none}
#navigation-panel.sheet .cabinet-content,#navigation-panel.sheet .places-content,#navigation-panel.sheet .completion-content{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;max-width:none;margin:0;padding:0 24px 18px}
#navigation-panel.sheet .cabinet-content h2{font:11px/1.3 'Avenir Next',Avenir,'Helvetica Neue',sans-serif!important;letter-spacing:.12em;text-transform:uppercase;color:#857761;margin:14px 0 8px!important}
#navigation-panel.sheet .film-shelf,#navigation-panel.sheet .short-shelf,#navigation-panel.sheet .place-list{display:flex;flex-direction:column;gap:0;margin:0}
#navigation-panel.sheet .story-tile,#navigation-panel.sheet .place-item{display:block;width:100%;text-align:left;margin:0;padding:12px 0 14px;background:none;border:0;border-bottom:1px solid #d8c9a8;border-radius:0;box-shadow:none;min-height:0;cursor:pointer;color:#3a2f22;transform:none}
#navigation-panel.sheet .story-tile:hover strong,#navigation-panel.sheet .place-item:hover strong{color:#2f5134}
#navigation-panel.sheet .tile-image{position:relative;display:block;width:100%;aspect-ratio:740 / 270;height:auto;margin:0 0 8px;background:#e8dcc2;border:0;border-radius:0;overflow:hidden}
#navigation-panel.sheet .tile-image img,#navigation-panel.sheet .place-item>img{display:block;width:100%;height:100%;aspect-ratio:740 / 270;object-fit:cover;margin:0 0 8px;border-radius:0}
#navigation-panel.sheet .tile-image img{margin:0}
#navigation-panel.sheet .film-label{position:absolute;left:8px;bottom:8px;padding:3px 8px;background:#f6eeddee;border-radius:2px;font:11px 'Avenir Next',Avenir,sans-serif;color:#3a2f22}
#navigation-panel.sheet .tile-period{display:block;padding:0;font:12px/1.3 'Avenir Next',Avenir,'Helvetica Neue',sans-serif;color:#857761}
#navigation-panel.sheet .story-tile strong,#navigation-panel.sheet .place-item strong{display:block;padding:2px 0 0;font:normal 19px/1.25 Georgia,'Times New Roman',serif}
#navigation-panel.sheet .place-item div{display:block;padding:0}
#navigation-panel.sheet .place-item span{display:block;font:italic 15px/1.35 Georgia,'Times New Roman',serif;color:#6d604c;padding:2px 0 0}
#navigation-panel.sheet .visited-label{display:block;padding:3px 0 0;font:11px 'Avenir Next',Avenir,sans-serif;color:#5d735b}
#navigation-panel.sheet .places-content>p,#navigation-panel.sheet .completion-content p{font:16px/1.5 Georgia,'Times New Roman',serif;margin:0 0 10px}
#navigation-panel.sheet .completion-content h2{font:normal 21px/1.25 Georgia,'Times New Roman',serif;margin:4px 0 10px}
#navigation-panel.sheet .cabinet-content .two-origins{margin:14px 0 4px}
#navigation-panel.sheet .time-access{margin:14px 0 0;font:12px/1.45 'Avenir Next',Avenir,sans-serif;color:#6d604c}
#navigation-panel.sheet .time-access summary{display:inline;border-bottom:1px solid #b9a787}
@media(max-width:650px){
 #navigation-panel.sheet .cabinet-content,#navigation-panel.sheet .places-content,#navigation-panel.sheet .completion-content{padding:0 18px 14px}
 #navigation-panel.sheet .story-tile strong,#navigation-panel.sheet .place-item strong{font-size:17px}
}