/* Shared top bar: brand group + profile chip. Loaded by every room. */ /* AN EXPLICIT LAYER FOR THE NAV (Rob, 2026-09-29). It had none, which is how my welcome bubble painted straight over it on a phone: a z-index:74 fixed element against an unlayered header wins every time. Decorative things -- the room hero below, anything later -- now sit under a stated number instead of under nobody's. 50 leaves room beneath for page furniture and stays under the panels (75) and the drawer (71), which are meant to cover the bar. */ .rfh-head{ border-bottom:1px solid var(--border); position:relative; z-index:50; } .rfh-head-in{ max-width:var(--measure-wide); margin:0 auto; width:100%; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:10px 24px; padding-left:calc(24px + var(--safe-l)); padding-right:calc(24px + var(--safe-r)); } /* the whole left group is one tap target and always goes home */ .rfh-brand{ display:flex; align-items:center; gap:11px; min-height:44px; text-decoration:none; color:var(--text); white-space:nowrap; font-family:'Cormorant Garamond',Georgia,serif; font-weight:500; font-size:clamp(22px, 2.5vw + 12px, 28px); } /* THE WORDMARK IS ONE COLOUR (Rob, 2026-09-29). .rfh-rain and .rfh-sub tinted Rain in --rain-blue and Fern in --fern-green, with a hover brightness on each. All four rules are gone with the spans they styled; the word inherits --text from .rfh-brand above, which is the house text colour in both themes. The TOKENS stay -- --rain-blue and --fern-green are still used by /weather's cards, the Ledger's provider pills and the actors page's chips. */ .rfh-wordmark{ color:var(--text); } /* THE MARK IS A LINE TREE (Rob, 2026-09-29), inline in _header.html so it takes currentColor and follows the theme. Same 40px footprint as the Sable image it replaces, so the header's height and the avatars' size are untouched. The photo framing is gone with the photo: border-radius:50%, object-fit:cover, background:var(--bg-card) and the --amber-dim ring existed to make a raster portrait read as a circular chip. A line mark in a bordered circle would also compete with the two round avatars three items to its right. Reported rather than assumed -- if the circle should stay, it is these four declarations back. currentColor resolves to --amber in dark and --text in light, which is the ruling: house gold on the dark ground, deep ink on the light one. */ .rfh-mark{ width:40px; height:40px; display:block; flex-shrink:0; color:var(--amber); } html[data-theme="light"] .rfh-mark{ color:var(--text); } .rfh-controls{ display:flex; align-items:center; gap:9px; margin-left:auto; } /* Promoted from landing.html 2026-08-28. Landing carried these in its own page CSS, left over from the header it had before it adopted this include -- so the logo shrank on landing and stayed 40px everywhere else. One logo, one render: the shrink belongs to the header, not to one page. */ @media (max-width:620px){ .rfh-mark{ width:28px; height:28px; } .rfh-controls{ gap:6px; } } @media (max-width:400px){ .rfh-head-in{ padding-left:calc(14px + var(--safe-l)); padding-right:calc(14px + var(--safe-r)); gap:8px; } .rfh-brand{ gap:8px; } .rfh-mark{ width:26px; height:26px; } .rfh-controls{ gap:5px; } } /* ---- the old profile DROPDOWN, retired 2026-09-29 ------------------------- .rfh-pf, .rfh-pf-wrap and .rfh-pf-menu were a 258px absolutely-positioned menu hanging off the chip. The chip is now one of two .rfh-av avatars and its contents live in the shared .rfp panel, so the whole block goes rather than being left to rot beside its replacement. .rfh-pf-fb (the initial, for a traveller with no picture) SURVIVES and is styled with .rfh-av img above: it is the avatar itself, not the dropdown. Checked before removing: no template or script outside _header.html referenced any .rfh-pf-* class. */ /* ---- the field bar, retired 2026-09-27 ------------------------------------ Lifted out of landing.html 2026-09-15 when the bar became the only navigation and had to live on every room; removed on 2026-09-27 when navigation moved to the header's drawer (Jenny 9/27 §9). Its rules, its partial and its 24 includes all went together. The comment that stood here claimed a rename ".rff-fieldbar -> .rff-fieldbar" and said codex.html and profile.html used that class for form rows. Neither survives inspection: the rename reads as a no-op and no page uses the class at all. It went with the bar rather than being carried forward wrong. */ /* The bar's height, and therefore every room's bottom clearance. Declared here, above both consumers, though custom properties resolve at computed value time and would work from anywhere in the sheet — a reader should not have to know that to follow this. Derivation is in the clearance rule at the foot of this file. */ :root{ /* 0 since 2026-09-27: the bottom bar is retired and navigation moved to the header's drawer. The token stays because five places read it -- the body clearance above and Sable's floor, panel cap and keyboard clearance -- and one number is still better than five. */ --fieldbar-h: 0px; } /* The bar's own rules -- .rff-fieldbar, .rff-f-*, .rff-fm-* and its open/closed states -- were removed on 2026-09-27 with the bar. Navigation is the header's drawer now. The token above stays at 0 because five places still read it and one number is better than five; the clearance rule below stays because the reason it was written stays. Checked before removing, not assumed: no template uses .rff-fieldbar or any .rff-f-* class any more, so nothing else falls over with these rules. */ /* ---- every room clears the field bar -------------------------------------- The bar is position:fixed, so it sits ON the page rather than in it. A room with no bottom padding puts its last line behind the bar and cannot scroll past it — which is exactly what /lantern did to the last lines of the Blessing (Rob's screenshot, 2026-09-18). Confirmed as clearance and not truncation: the rendered page ended on the same words as the stored row. One rule, here, for all 25 rooms, because the alternative was what this file found on 9/18: four rooms padding by hand with four different numbers (150px, 90px, 88px, and a token that had been set to 0) and eleven rooms padding not at all. --fieldbar-h is DERIVED from the bar's own rules above, not measured in a browser and not guessed: label row (7px + --fs-label x1.2) + item row (4px + --fs-lead x1.2 + 1 + --fs-label x1.2 + --fs-micro x1.2 + 9px) + 1px border. That is ~89px at 390px and ~93px at 720px and wider, where the clamps top out. 104px carries it with room for the 1.2 line-height assumption in the derivation; if the bar's type changes, this is the one number to change. !important is the cascade law: a page