/* Warm B&P skin over the recipe navigator (docs/art-direction/recipe-navigator-20260916/style.css). */
body{background:#0b0506;color:#efe3cc;font-family:'Manrope','Segoe UI',Arial,sans-serif}

.site-bar{height:56px;display:flex;align-items:center;gap:28px;padding:0 28px;background:#0b0506;border-bottom:1px solid #3c2226;font:500 12px/1 'Oswald','Arial Narrow',sans-serif;letter-spacing:2.6px;text-transform:uppercase}
.site-bar a{color:#d9c9ab;text-decoration:none;transition:color .2s}
.site-bar a:hover,.site-bar a.current{color:#f3dca4}
.site-brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:3px}
.site-brand img{width:30px;height:30px;border-radius:3px}
.site-links{display:flex;gap:24px}
.site-steam{margin-left:auto;padding:9px 14px;border:1px solid #c9a45c88;background:#c9a45c14;color:#f3dca4!important}
body.has-site-bar main{height:calc(100dvh - 202px)}

header{background:linear-gradient(120deg,#1b0d10,#120809);border-bottom-color:#3c2226}
.brand{color:#e9c77e;font-family:'Playfair Display',Georgia,serif}
.title h1{font-family:'Playfair Display',Georgia,serif;font-weight:700;color:#fbf2df}
.title>span{color:#a8957a}
.orientation{background:#120809;border-color:#4a2c2f}
.orientation button{color:#bba98c}
.orientation button span{color:#e9c77e}
.orientation button[aria-pressed=true]{background:#3a1a1f;color:#fbf2df;box-shadow:inset 0 0 0 1px #8c6a2e}
.search{border-color:#5a3a34}
.search svg{stroke:#bba98c}
.search input{color:#f3e9d6}
.search input::placeholder{color:#8e7c62}
.search:focus-within{border-color:#c9a45c}

#categories{background:#120809;scrollbar-color:#5a3a34 #0b0506}
#categories button{color:#bba98c}
#categories button b{color:#7d6a52}
#categories button.active{border-color:#8c6a2e;background:#2a1418;color:#fbf2df}
#categories button.active b{color:#e9c77e}

#map{background:#100809;border-color:#3c2226;box-shadow:0 20px 80px #000a}
.map-heading{background:#1b0d10;border-bottom-color:#3c2226}
.map-heading>span{font-family:'Playfair Display',Georgia,serif;color:#f3e6ca}
.map-actions button{background:#1b0d10;border-color:#4a2c2f;color:#d9c9ab}
.map-actions button:hover{border-color:#c9a45c}
.map-actions #preview{color:#bba98c}
.map-actions #preview[aria-pressed=true]{color:#f3dca4;border-color:#8c6a2e}
.map-actions #scale{color:#a8957a}
.comic-link{color:#e9c77e}
#viewport{background:radial-gradient(ellipse at 60% 25%,#3a141c88,transparent 65%),radial-gradient(ellipse at 10% 90%,#2a1a0e66,transparent 60%),#0d0607;scrollbar-color:#5a3a34 #0b0506}
#world>svg circle{fill:#f0d49a}
.edge{stroke:#9a7a4e;opacity:.4}
.edge.selected{stroke:#f3dca4;opacity:.95}
.category-border{stroke:#6a4a36;fill:#c9a45c05}
.category-decoration{stroke:#c9a45c}

.node{color:#efe3cc}
.node strong{font-family:'Playfair Display',Georgia,serif;font-weight:500}
.node .orb{border-color:#8c7258;box-shadow:0 0 0 4px #150a0c,0 0 0 5px #c9a45c33}
.node:hover .orb,.node:focus-visible .orb{box-shadow:0 0 0 4px #150a0c,0 0 0 6px #f3dca4,0 0 24px #c9a45c55}
.node.day1 .orb{border-color:#e9c77e;box-shadow:0 0 0 4px #150a0c,0 0 0 5px #e9c77e}
.node .mark{background:#2a1418;border-color:#8c6a2e;color:#f3dca4}
.category.node .orb{border-color:#c9a45c99;outline-color:#8c6a2e;background:radial-gradient(circle,#5a1f28,#1b0d10);box-shadow:0 0 30px #c9a45c1a}
.category.node svg{stroke:#f0d49a}
.category.node strong{font-family:'Oswald','Arial Narrow',sans-serif;font-weight:500;color:#e9c77e;letter-spacing:2.4px}
.category.node small{color:#a8957a}

.map-footer{background:#1b0d10;border-top-color:#3c2226;color:#a8957a}
#help{border-color:#6a4a36;color:#d9c9ab}
#empty{color:#bba98c}
#tooltip{background:#1b0d10f0;border-color:#8c6a2e}
#tooltip h3{font-family:'Playfair Display',Georgia,serif;color:#fbf2df}
#tooltip .eyebrow{color:#e9c77e;font-family:'Oswald','Arial Narrow',sans-serif;letter-spacing:2px}
#tooltip p{color:#d9c9ab}
#tooltip .variants{color:#a8957a}
#tooltip .availability{color:#f3dca4;border-top-color:#4a2c2f}
dialog{background:radial-gradient(ellipse at top,#3a1a1f,#150a0c 70%);border-color:#8c6a2e;color:#e6d8bd}
dialog h2{font-family:'Playfair Display',Georgia,serif;color:#fbf2df}
dialog p{color:#d9c9ab}
dialog .eyebrow{color:#e9c77e}
dialog .orb{border-color:#e9c77e;box-shadow:0 0 0 6px #1b0d10,0 0 0 7px #8c6a2e}
dialog>button{color:#d9c9ab}
dialog .action{background:linear-gradient(180deg,#f3dca4,#c9a45c 55%,#a8823d);color:#1b0c0a;font-family:'Oswald','Arial Narrow',sans-serif;letter-spacing:2px;text-transform:uppercase}
dialog .foot{color:#a8957a;border-top-color:#4a2c2f}
#help-dialog a{color:#f3dca4}

@media(max-width:900px){.site-links{display:none}}
@media(max-width:700px){.site-bar{height:50px;padding:0 14px;gap:14px}.site-brand span{display:none}body.has-site-bar main{height:calc(100dvh - 228px)}}