/*
 * Office open/closed variants. Toggled by office-status.js via a body class.
 * Strategy: only ever HIDE the non-matching variant. The visible variant keeps its
 * natural display (block/inline/flex), so we never have to know what that display is.
 */
body.office-open  .office-closed-only { display: none !important; }
body.office-closed .office-open-only  { display: none !important; }

/*
 * Before JS resolves (or if JS is blocked/delayed), assume OPEN: hide the closed variant
 * so visitors never see both at once. JS replaces this with the real state on load.
 */
body:not(.office-open):not(.office-closed) .office-closed-only { display: none !important; }