/* For organizations (T-10745; trimmed by T-10897). The rails page styles itself (rails.css);
   this sheet keeps the .org tokens the Comfort panel reads and the Comfort panel itself. */
.org { --hm-nav: var(--o-nav, 64px); --o-fs-h1: clamp(2.5rem, 5.6vw, 4.6rem); --o-fs-h2: var(--hm-t-h2); --o-pale: color-mix(in srgb, var(--copper) 45%, var(--white)); background: var(--hm-bg); color: var(--ink); }
html[data-calm="1"] .org * { animation: none !important; transition: none !important; }

/* Comfort on this page is still the floating button (.cf-b), bottom right, with its panel opening
   upward. The home page moved Comfort into its header (T-10853) and its stylesheet no longer carries
   these rules, so they live here; org.css loads after home.css, so these win over its header panel. */
.org .cf { top: auto; right: 14px; bottom: 96px; }
.org .cf .cf-p { top: auto; bottom: calc(100% + 10px); max-width: calc(100vw - 28px); }
.org .cf-b { cursor: pointer; display: inline-flex; align-items: center; gap: .4rem; height: 44px; padding: 0 .95rem 0 .8rem; border-radius: 999px; border: 1px solid var(--hm-line); background: rgba(255,255,255,.92); color: var(--ink); font: 600 .9rem var(--font-display); box-shadow: var(--hm-shadow); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.org .cf-b:hover { background: var(--white); }
.org .cf-b[aria-expanded="true"] { background: var(--ink); color: var(--white); border-color: var(--ink); }
@media (max-width: 900px) {
  .org .cf { right: 10px; bottom: 12px; }
  .org .cf-b { width: 44px; padding: 0; justify-content: center; }
  .org .cf-b .t { display: none; }
  .org .cf .cf-p { bottom: calc(100% + 8px); max-height: calc(100vh - var(--hm-nav, 75px) - 80px); max-height: calc(100svh - var(--hm-nav, 75px) - 80px); }
}