/* Clear, inviting workbook signposts; scenery stays open to exploration. */
.journey-header{gap:24px;align-items:flex-start;background:linear-gradient(#16312c99,transparent 96%)}
.workbook-directions{width:min(650px,60%);pointer-events:none}
.browse-intro{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:38px;margin:-8px 3px 7px}
.browse-intro p{margin:0;color:#fff2c3;font:400 15px/1.1 "Quest Display",sans-serif;letter-spacing:.035em;text-shadow:0 2px 0 #36253c,0 1px 7px #172d25}
.journey-header .header-motion{font:600 10px/1.1 "Segoe UI",sans-serif;min-height:32px;min-width:96px;padding:7px 12px;background:#253735e8;color:#fff0c3;border:1px solid #dbca91;border-radius:18px;box-shadow:0 2px 0 #14221e;pointer-events:auto}
.journey-header .header-motion[aria-pressed=true]{background:#e5d2a3;color:#3c2b42}
.journey-header nav.workbook-signs{display:grid;grid-template-columns:1.15fr 1.1fr .95fr;gap:13px;max-width:none;width:100%;align-items:stretch;justify-content:normal}
.journey-header nav.workbook-signs .workbook-sign{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-width:0;min-height:64px;padding:11px 14px;color:#3d2348;border:2px solid #58344b;border-radius:9px 13px 9px 12px;background:linear-gradient(110deg,#ffe47c,#ffd34b 72%,#efb539);font:400 20px/1.05 "Quest Display",sans-serif;text-shadow:0 1px 0 #fff4b9;box-shadow:0 4px 0 #765037,0 8px 12px #12281d66;rotate:-.8deg;transition:translate .18s ease,rotate .18s ease,box-shadow .18s ease;pointer-events:auto;cursor:pointer}
.journey-header nav.workbook-signs .sign-level{background:linear-gradient(110deg,#d9f5d8,#8bdfd7 78%,#5fc4c5);text-shadow:0 1px 0 #f2fff0;rotate:.7deg;box-shadow:0 4px 0 #41695e,0 8px 12px #12281d66}
.journey-header nav.workbook-signs .sign-notes{background:linear-gradient(110deg,#fff0d1,#ffd5bc 78%,#f1b5ad);text-shadow:0 1px 0 #fff6e4;rotate:-.4deg;box-shadow:0 4px 0 #85555b,0 8px 12px #12281d66}
.workbook-sign:before{content:"";position:absolute;inset:4px;border:1px solid #fff6ce9c;border-radius:5px 9px 5px 8px;pointer-events:none}
.workbook-sign svg{width:32px;height:32px;flex:0 0 32px;pointer-events:none;filter:drop-shadow(0 1px 0 #ffffff88)}
.workbook-sign span{pointer-events:none}
.journey-header nav.workbook-signs .workbook-sign:hover{translate:0 -3px;rotate:0deg;box-shadow:0 6px 0 #65432f,0 10px 15px #12281d70}
.journey-header nav.workbook-signs .workbook-sign:active{translate:0 2px;box-shadow:0 2px 0 #65432f}
.journey-header nav.workbook-signs .workbook-sign:focus-visible{outline:3px solid #33203f;outline-offset:4px;box-shadow:0 0 0 7px #fff7d6,0 6px 0 #65432f}
@media(min-width:601px) and (max-width:1050px){
 .journey-header{padding:12px 16px;gap:14px}.journey-brand{width:245px;flex:0 0 245px}
 .workbook-directions{width:calc(100% - 259px)}.browse-intro{margin:-5px 2px 6px;gap:6px;min-height:35px}.browse-intro p{font-size:12px}
 .journey-header .header-motion{min-width:80px;font-size:8px;padding:7px 8px;min-height:32px}
 .journey-header nav.workbook-signs{gap:8px;grid-template-columns:1fr 1fr .94fr}
 .journey-header nav.workbook-signs .workbook-sign{font-size:15px;padding:9px 7px;gap:5px;min-height:60px}
 .workbook-sign svg{width:23px;height:23px;flex-basis:23px}
}
@media(max-width:600px){
 .journey-header{padding:9px 12px;gap:5px;min-height:0;align-items:center}
 .journey-brand{width:270px;max-width:92vw;flex:none}
 .workbook-directions{width:100%;max-width:430px}
 .browse-intro{margin:0 3px 5px;min-height:36px;gap:8px}.browse-intro p{font-size:12px;letter-spacing:.015em}
 .journey-header .header-motion{font-size:9px;min-width:92px;min-height:36px;padding:7px 9px}
 .journey-header nav.workbook-signs{grid-template-columns:1fr 1fr .92fr;gap:9px}
 .journey-header nav.workbook-signs .workbook-sign{display:flex;flex-direction:column;gap:3px;min-height:66px;padding:8px 5px;font-size:15px;line-height:1.05;box-shadow:0 3px 0 #765037,0 5px 8px #12281d66}
 .workbook-sign svg{width:24px;height:24px;flex-basis:24px}.workbook-sign span{max-width:110px}
 #journey-app:not([data-view=scene]) .journey-header{min-height:0}
}
@media(max-width:350px){.journey-header nav.workbook-signs .workbook-sign{font-size:14px;min-height:66px}.browse-intro p{font-size:11px}.journey-header .header-motion{font-size:8px;min-width:88px}}
.journey-header .browse-intro .header-motion{min-height:44px}
.browse-intro{min-height:44px}
.workbook-directions{position:relative}
.journey-header .workbook-directions>.header-motion{position:absolute;right:3px;top:-8px;min-height:44px}
@media(max-width:600px){
 #journey-app[data-view=scene] .browse-intro{min-height:18px}
 #journey-app[data-view=scene] .workbook-directions>.header-motion{position:fixed;top:auto;right:78px;bottom:14px;min-height:44px;box-shadow:0 3px 0 #14221e}
}