/* Warm test only. The unstyled wrapper leaves #warm=0 exactly in the old layout. */
#field-guide{display:contents}
.warm-village{--paper:#f7e9cb;--ink:#342c22;--muted:#695a43;--line:#b99b6c;--green:#344f36}
.warm-village #bar{left:22px;right:22px;top:16px;height:auto;min-height:58px;padding:0;gap:12px;background:none;border:0;box-shadow:none;pointer-events:none}
.warm-village #field-guide{display:flex;align-items:center;gap:16px;min-width:0;max-width:calc(100% - 280px);margin-right:auto;padding:13px 18px;background:#f7e9cbed;border:1px solid #b99b6c;border-radius:6px;box-shadow:0 3px 10px #5942242b;pointer-events:auto}
.warm-village #bar .brand{font:17px/1.1 Georgia,'Times New Roman',serif;letter-spacing:0;white-space:nowrap;color:#332b20}.warm-village #bar .brand strong{font:normal 24px/1.1 Georgia,'Times New Roman',serif}
.warm-village #orientation{font:13px/1.3 Georgia,'Times New Roman',serif;color:#5d4c32;flex:none}
.warm-village #period-display{padding:0 12px;border-color:#bca47a}.warm-village #period-count{font:500 21px/1.1 Georgia,'Times New Roman',serif;font-variant-numeric:tabular-nums;color:#354b34}.warm-village #period-kind{color:#725e3d}
.warm-village #bar button{pointer-events:auto}
.warm-village #home.icon{display:flex;align-items:center;gap:9px;width:auto;min-height:50px;height:50px;margin-left:0;padding:9px 15px;border-radius:6px;border:1px solid #b99b6c;background:#f7e9cbf5;box-shadow:0 3px 10px #5942242b}
.warm-village #home.icon svg{flex:none;width:25px;height:25px;margin:0;stroke:#3d5536}
.warm-village #home.icon .home-cap{display:block;position:static;border:0;background:none;margin:0;padding:0;font:16px/1.15 Georgia,'Times New Roman',serif;color:#332b20}
.warm-village #bar button:not(#home){min-height:46px;padding:9px 14px;border-color:#b99b6c;border-radius:5px;background:#f7e9cbf5;box-shadow:0 3px 9px #59422422;font:13px Georgia,'Times New Roman',serif;color:#423622}
.warm-village #loading{background:#ecdfc5;color:#3d4b32}
.warm-village #harvey-host{background:#f8eacfF5;border-color:#b99b6c;box-shadow:0 5px 20px #59422430;border-radius:8px 18px 6px 6px}
.warm-village .eyebrow{color:#75603e}.warm-village #harvey-host .host-pick{color:#344b30;font-family:Georgia,'Times New Roman',serif}
.warm-village #harvey-host .host-links button,.warm-village #navigation-panel .story-actions button,.warm-village .panel-explore{background:#fff1d7;color:#354831;border-color:#b49b6d;box-shadow:0 2px 2px #a18b6130;font-family:Georgia,'Times New Roman',serif;font-size:14px}
.warm-village #harvey-host .host-links button:hover,.warm-village #navigation-panel .story-actions button:hover{background:#e9e7c8;border-color:#6c7f50}
.warm-village #harvey-host .host-links button[aria-pressed=true]{background:#dce2bf;border-color:#6c7f50;box-shadow:inset 0 0 0 1px #6c7f50}
.warm-village #navigation-panel{background:#f7e9cd;border-color:#b99b6c;box-shadow:0 15px 55px #35271750}.warm-village #navigation-panel .panel-header{background:#f7e9cdf8;border-color:#c2aa7b}
.warm-village #navigation-panel .close-panel{background:#fff0d4;border-color:#b99b6c;border-radius:5px;color:#493a25;font-family:Georgia,'Times New Roman',serif}
.warm-village .story-tile{background:#fff2d9;border-color:#c2aa7b;box-shadow:0 3px 0 #d5bc8e}.warm-village .two-origins{background:#ecdbb5;border-color:#bda06d}
.warm-village .period-caption,.warm-village .map-note,.warm-village .source{color:#6b5b41}.warm-village .primary{background:#3c5636;border-color:#3c5636;color:#fff4dc}
.warm-village .orb .orb-rim,.warm-village .orb.host-dark .orb-rim{background:#bba37c;opacity:.85}
.warm-village .orb.host-next .orb-rim{background:#d5ac58;box-shadow:0 0 16px #ebbb6480}
.warm-village .orb .orb-skin{opacity:.22}.warm-village .orb .orb-photo{filter:none}
.warm-village .orb .orb-body,.warm-village .orb.host-dark .orb-body{filter:drop-shadow(0 0 3px #ffedc5) drop-shadow(0 4px 5px #3d301c55)}
.warm-village .orb.host-next .orb-body{filter:drop-shadow(0 0 9px #ffdd88) drop-shadow(0 0 16px #d8a24499)}
.warm-village .orb .orb-tag{background:#fff0d1f5;border-color:#b99b6c;box-shadow:0 3px 8px #59422430;color:#3b2e1e}.warm-village .orb .orb-tag:before{background:#fff0d1;border-color:#b99b6c}
.warm-village .movie-frame video{filter:none}
@media(max-width:650px){
 .warm-village #bar{display:flex;left:10px;right:10px;top:10px;gap:7px;min-height:56px;padding:0;align-items:center}
 .warm-village #field-guide{display:grid;grid-template-columns:minmax(0,1fr) 50px;column-gap:8px;row-gap:3px;flex:1;min-width:0;max-width:none;padding:9px 10px;min-height:56px}
 .warm-village #bar .brand{grid-column:1;grid-row:1;font-size:0!important;min-width:0}.warm-village #bar .brand strong{font-size:19px}
 .warm-village #orientation{grid-column:1;grid-row:2;font:10px/1.15 Georgia,'Times New Roman',serif;max-width:100%;min-width:0;overflow-wrap:anywhere}
 .warm-village #period-display{grid-column:2;grid-row:1/3;min-width:50px;padding:0 0 0 8px;border-right:0}.warm-village #period-count{font-size:19px}.warm-village #period-kind{font-size:8px}
 .warm-village #home.icon{width:42px;height:46px;min-height:46px;min-width:42px;padding:8px;justify-content:center;border-radius:5px}.warm-village #home.icon .home-cap{display:none}
 .warm-village #bar button:not(#home){font:11px/1.15 Georgia,'Times New Roman',serif;padding:8px;min-height:46px;max-width:82px}
 .warm-village #harvey-host .host-links button{font-size:14px}.warm-village #navigation-panel .story-actions button{font-size:13px}
}

/* Fraser 5 Nov 09:17: the Bell's own emblem on white in the bell button */
#home.icon .bell-mark{flex:none;display:block;width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid #2b2118;object-fit:contain;padding:1px;box-sizing:border-box}
@media(max-width:650px){#home.icon .bell-mark{width:34px;height:34px}}

/* Job 86, 7 Nov (Fraser 10:04: "Simplest, we'll do that"): the year slider shown in the title box, beside the year counter (under it on a phone).
   world.js disables it while flying; hidden then and in the Bell room (the room keeps its entry year). */
.warm-village #bar #field-guide #slider{display:block;flex:0 1 150px;width:150px;min-width:90px;height:28px;margin:0;accent-color:#3c5636;pointer-events:auto}
.warm-village #bar #field-guide #slider:disabled,.bell-room-active #bar #field-guide #slider{display:none}
@media(max-width:650px){.warm-village #bar #field-guide #slider{grid-column:1/-1;grid-row:3;width:100%;height:26px}}