/* Approved v1 brand. Loaded only by first-slice pages, scoped to their root. */
.rose-index-v1 {
  --rose-paper: #FBF4F2;
  --rose-ink: #2E1A24;
  --rose-body: #6B5560;
  --rose-meta: #85707A;
  --rose-accent: #C93D63;
  --rose-line: #EAD9DC;
  --rose-white: #FFFFFF;
  --rose-available: #2F7D5B;
  --rose-working: #8A3A72;
  --rose-resting: #9A6B1F;
  --rose-away: #857E82;
  --rose-heading-font: 'Noto Serif SC', 'Source Han Serif SC', 'Songti SC', serif;
  --rose-body-font: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --rose-code-font: 'IBM Plex Mono', 'SF Mono', Menlo, monospace;
  color: var(--rose-ink);
  background: var(--rose-paper);
  font-family: var(--rose-body-font);
}
.rose-index-v1 :where(h1, h2, h3, .rose-brand) { font-family: var(--rose-heading-font); }
.rose-index-v1 :where(a, button, input, select, textarea):focus-visible {
  outline: 2px solid var(--rose-accent);
  outline-offset: 4px;
}
.rose-index-v1 .rose-header {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 18px clamp(20px, 4vw, 64px);
  border-bottom: 1px solid var(--rose-line);
}
.rose-index-v1 .rose-brand {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  gap: 10px;
  color: var(--rose-ink);
  font-size: 22px;
  font-weight: 700;
  text-decoration: none;
}
.rose-index-v1 .rose-brand img { display: block; flex-shrink: 0; }
.rose-index-v1 .rose-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-inline: auto;
}
.rose-index-v1 .rose-nav a,
.rose-index-v1 .rose-language a {
  color: var(--rose-body);
  text-decoration: none;
}
.rose-index-v1 .rose-nav a[aria-current],
.rose-index-v1 .rose-language a[aria-current] { color: var(--rose-accent); }
.rose-index-v1 .rose-header-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 16px;
}
.rose-index-v1 .rose-language { display: flex; gap: 12px; }
.rose-index-v1 .rose-access {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 8px 16px;
  border: 1px solid var(--rose-accent);
  border-radius: 8px;
  color: var(--rose-accent);
  text-decoration: none;
}
.rose-index-v1 .rose-status { display: inline-flex; align-items: center; gap: 6px; }
.rose-index-v1 .rose-status__symbol { font-family: var(--rose-body-font); font-size: 20px; line-height: 1; }
.rose-index-v1 .rose-status--available .rose-status__symbol { color: var(--rose-available); }
.rose-index-v1 .rose-status--working .rose-status__symbol { color: var(--rose-working); }
.rose-index-v1 .rose-status--resting .rose-status__symbol { color: var(--rose-resting); }
.rose-index-v1 .rose-status--away .rose-status__symbol { color: var(--rose-away); }
@media (max-width: 760px) {
  .rose-index-v1 .rose-header { flex-wrap: wrap; gap: 16px; }
  .rose-index-v1 .rose-nav { order: 3; width: 100%; justify-content: flex-start; gap: 16px; }
  .rose-index-v1 .rose-header-actions { margin-left: auto; gap: 10px; }
  .rose-index-v1 .rose-brand { font-size: 20px; }
}
@media (max-width: 420px) {
  .rose-index-v1 .rose-header-actions { width: 100%; justify-content: space-between; }
}

/* Shared approved header dimensions and accessible native mobile navigation. */
.rose-index-v1 .rose-header {height:70px;box-sizing:border-box;padding:0 32px;font-size:13px;gap:20px;}
.directory-page.rose-index-v1 .rose-header {height:58px;padding:0 30px;}
.rose-index-v1 .rose-brand {font-size:25px;gap:10px;}
.rose-index-v1 .rose-access {min-height:34px;padding:5px 14px;font-size:12px;}
.rose-index-v1 .rose-mobile-menu {display:none;position:relative;}
.rose-index-v1 .rose-menu-toggle {list-style:none;cursor:pointer;width:44px;height:44px;display:grid;place-items:center;}
.rose-index-v1 .rose-menu-toggle::-webkit-details-marker {display:none;}
.rose-index-v1 .rose-menu-toggle svg {width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;}
.rose-index-v1 .rose-mobile-menu-links {position:absolute;right:0;top:36px;min-width:180px;z-index:80;padding:12px;background:var(--rose-white);border:1px solid var(--rose-line);border-radius:8px;box-shadow:0 8px 20px #2e1a2414;}
.rose-index-v1 .rose-mobile-menu-links a {display:block;padding:9px;color:var(--rose-ink);text-decoration:none;}
@media(max-width:760px){
.rose-index-v1 .rose-header,.directory-page.rose-index-v1 .rose-header {height:58px;padding:0 20px;flex-wrap:nowrap;gap:8px;}
.rose-index-v1 .rose-brand {font-size:23px;gap:7px;}
.rose-index-v1 .rose-brand img {width:27px;height:27px;}
.rose-index-v1 .rose-nav {display:none;}
.rose-index-v1 .rose-header-actions {width:auto;margin-left:auto;flex-wrap:nowrap;gap:4px;}
.rose-index-v1 .rose-language {gap:0;font-size:14px;}
.rose-index-v1 .rose-language a {display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;}
.rose-index-v1 .rose-access {display:none;}
.rose-index-v1 .rose-mobile-menu {display:block;}
}