/* CATNARA CLASSIC HOME NOTICE + THEME RUNTIME CSS
   Consolidated in original load order. Behavior preserved. */

/* SOURCE: public/css/p9/40-home-notice-menu-polish-v1.css */
/* CATNARA HOME NOTICE MENU POLISH V9.1 */

.home-notice-panel{
  width:min(1180px,calc(100% - 48px));
  margin:28px auto 0;
  display:grid;
  grid-template-columns:minmax(290px,.92fr) minmax(0,1.8fr);
  overflow:hidden;
  border:1px solid rgba(111,137,121,.20);
  border-radius:28px;
  background:
    radial-gradient(circle at 8% 16%,rgba(133,157,141,.12),transparent 30%),
    linear-gradient(135deg,#f8faf6 0%,#fdfcf9 58%,#f5f8f3 100%);
  box-shadow:0 18px 48px rgba(55,72,62,.07);
  color:#344239;
}
.home-notice-intro{
  position:relative;min-width:0;padding:30px 34px 28px;
  border-right:1px solid rgba(111,137,121,.14);
}
.home-notice-intro::after{
  content:"";position:absolute;right:-44px;bottom:-58px;width:160px;height:160px;
  border:1px solid rgba(116,143,126,.10);border-radius:48% 52% 46% 54%;
  transform:rotate(24deg);pointer-events:none;
}
.home-notice-intro-top{display:flex;align-items:center;gap:10px;margin-bottom:15px}
.home-notice-megaphone{
  width:36px;height:36px;display:grid;place-items:center;border-radius:50%;
  background:#e9f0e9;color:#678071;font-size:15px
}
.home-notice-kicker{
  color:#74897d;font-family:Georgia,"Times New Roman",serif;font-size:11px;
  font-weight:700;letter-spacing:.22em
}
.home-notice-intro h2{
  margin:0;color:#2f3a34;font-size:clamp(25px,2.3vw,33px);
  line-height:1.22;letter-spacing:-.055em;font-weight:700
}
.home-notice-intro p{
  margin:14px 0 0;max-width:330px;color:#7a847e;font-size:13px;
  line-height:1.75;letter-spacing:-.02em
}
.home-notice-more{
  margin-top:20px;display:inline-flex;align-items:center;gap:12px;min-height:39px;
  padding:0 15px;border:1px solid rgba(98,124,108,.22);border-radius:999px;
  background:rgba(255,255,255,.66);color:#435249;font:inherit;font-size:12px;
  font-weight:700;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease
}
.home-notice-more:hover{transform:translateY(-1px);background:#fff;border-color:rgba(98,124,108,.38)}
.home-notice-cards{
  min-width:0;padding:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;align-items:stretch
}
.home-notice-card{
  appearance:none;width:100%;min-width:0;display:grid;
  grid-template-columns:48px minmax(0,1fr) 22px;gap:14px;align-items:start;
  padding:22px 18px;border:1px solid rgba(113,137,122,.14);border-radius:19px;
  background:rgba(255,255,255,.72);color:inherit;text-align:left;cursor:pointer;
  box-shadow:0 8px 24px rgba(65,82,71,.035);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease
}
.home-notice-card:hover{
  transform:translateY(-2px);border-color:rgba(102,129,112,.28);background:#fff;
  box-shadow:0 14px 30px rgba(65,82,71,.075)
}
.home-notice-card-icon{
  width:46px;height:46px;display:grid;place-items:center;border-radius:50%;
  background:#edf3ec;color:#6b8373;font-size:18px;line-height:1
}
.home-notice-card-copy{min-width:0;display:flex;flex-direction:column}
.home-notice-card-label{
  align-self:flex-start;margin-bottom:7px;padding:4px 8px 3px;border-radius:999px;
  background:#eef3ec;color:#788c7f;font-family:Georgia,"Times New Roman",serif;
  font-size:9px;font-weight:700;line-height:1;letter-spacing:.08em
}
.home-notice-card strong{
  display:block;color:#34423a;font-size:14px;line-height:1.5;
  letter-spacing:-.03em;overflow-wrap:anywhere
}
.home-notice-card small{
  display:-webkit-box;margin-top:7px;overflow:hidden;color:#8a928d;font-size:11px;
  line-height:1.55;letter-spacing:-.015em;-webkit-line-clamp:2;-webkit-box-orient:vertical
}
.home-notice-card time{
  margin-top:auto;padding-top:12px;color:#98a09a;font-family:Georgia,"Times New Roman",serif;
  font-size:10px;letter-spacing:.04em
}
.home-notice-card-arrow{align-self:center;color:#8aa092;font-size:17px;transition:transform .18s ease}
.home-notice-card:hover .home-notice-card-arrow{transform:translateX(3px)}
.home-notice-panel + .salon-menu-section,
.home-notice-panel + .home-banners + .salon-menu-section{padding-top:42px}
.salon-menu-section{position:relative}
.salon-menu-section .salon-menu-head-polished{align-items:end;gap:36px;margin-bottom:20px}
.salon-menu-section .salon-menu-head-polished .salon-menu-intro{
  max-width:530px;color:#6d7871;line-height:1.75
}
.salon-menu-section .salon-menu-head-polished .salon-menu-intro span{
  display:block;margin-top:4px;color:#8a938e;font-size:.92em
}
.home-menu-quick{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 24px}
.home-menu-chip{
  display:inline-flex;align-items:center;gap:9px;min-height:38px;padding:0 15px;
  border:1px solid rgba(104,132,114,.18);border-radius:999px;background:#f7f9f5;
  color:#56695d;font-size:12px;letter-spacing:-.02em
}
.home-menu-chip i{
  width:23px;height:23px;display:grid;place-items:center;border-radius:50%;
  background:#e8efe8;color:#6e8575;font-style:normal;font-size:12px
}
.home-menu-chip b{font-weight:650}
.salon-menu-section .salon-menu-row{
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease
}
.salon-menu-section .salon-menu-row:hover{
  transform:translateY(-1px);box-shadow:0 12px 28px rgba(63,78,68,.055)
}
.home-notice-panel + .home-banners{
  width:min(1180px,calc(100% - 48px));margin:20px auto 0
}
@media (max-width:900px){
  .home-notice-panel{grid-template-columns:1fr}
  .home-notice-intro{border-right:0;border-bottom:1px solid rgba(111,137,121,.14)}
  .home-notice-intro h2 br{display:none}
  .home-notice-cards{padding:16px}
  .salon-menu-section .salon-menu-head-polished{align-items:start;gap:20px}
}
@media (max-width:680px){
  .home-notice-panel,.home-notice-panel + .home-banners{width:calc(100% - 24px)}
  .home-notice-panel{margin-top:18px;border-radius:21px}
  .home-notice-intro{padding:23px 21px 21px}
  .home-notice-intro h2{font-size:24px}
  .home-notice-intro p{margin-top:10px;font-size:12px}
  .home-notice-more{margin-top:15px}
  .home-notice-cards{grid-template-columns:1fr;gap:10px;padding:12px}
  .home-notice-card{grid-template-columns:42px minmax(0,1fr) 18px;gap:11px;padding:17px 14px;border-radius:16px}
  .home-notice-card-icon{width:40px;height:40px}
  .home-notice-panel + .salon-menu-section,
  .home-notice-panel + .home-banners + .salon-menu-section{padding-top:30px}
  .salon-menu-section .salon-menu-head-polished{display:grid;grid-template-columns:1fr;gap:13px;margin-bottom:16px}
  .home-menu-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:18px}
  .home-menu-chip{min-width:0;padding:0 11px}
  .home-menu-chip b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media (prefers-reduced-motion:reduce){
  .home-notice-more,.home-notice-card,.home-notice-card-arrow,.salon-menu-section .salon-menu-row{
    transition:none!important
  }
}

/* SOURCE: public/css/45-home-notice-verified-v96.css */
/*
 CATNARA V9.6
 Notice layout rebuilt against the approved reference image.

 Desktop reference proportions:
 - outer notice width: exactly the same as .salon-hero
 - outer notice height: 222px
 - columns: 33% / 54% / 13%
 - middle notice panel: 172px high
 - "전체보기" button: upper-right column
*/

#catnara-notice-v96,
#catnara-notice-v96 * {
  box-sizing: border-box;
}

#catnara-notice-v96 {
  --cn-bg: rgba(253,254,251,.98);
  --cn-panel-bg: rgba(255,255,255,.90);
  --cn-line: #dbe2da;
  --cn-ink: #202923;
  --cn-muted: #7b8580;
  --cn-soft: #eef3ee;
  --cn-accent: #536d5f;
  --cn-btn-bg: rgba(255,255,255,.94);
  --cn-btn-line: #d6ddd7;
  --cn-btn-text: #36433b;

  position: relative;
  height: 222px;
  min-height: 222px;
  max-height: 222px;
  margin-top: 10px;
  margin-bottom: 30px;
  padding: 0;
  border: 1px solid var(--cn-line);
  border-radius: 24px;
  background: var(--cn-bg);
  color: var(--cn-ink);
  overflow: hidden;
  isolation: isolate;
}

#catnara-notice-v96 .cn-layout {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 33% 54% 13%;
  align-items: stretch;
}

#catnara-notice-v96 .cn-intro {
  min-width: 0;
  height: 100%;
  padding: 27px 24px 23px 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#catnara-notice-v96 .cn-kicker {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
  color: var(--cn-accent);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 11px;
  line-height: 1;
  letter-spacing: .22em;
  text-transform: uppercase;
}

#catnara-notice-v96 .cn-kicker-icon,
#catnara-notice-v96 .cn-item-icon {
  flex: 0 0 auto;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: var(--cn-soft);
  color: var(--cn-accent);
}

#catnara-notice-v96 .cn-kicker-icon {
  width: 42px;
  height: 42px;
}

#catnara-notice-v96 .cn-item-icon {
  width: 52px;
  height: 52px;
}

#catnara-notice-v96 .cn-kicker-icon svg {
  width: 21px;
  height: 21px;
}

#catnara-notice-v96 .cn-item-icon svg {
  width: 25px;
  height: 25px;
}

#catnara-notice-v96 .cn-title {
  margin: 0;
  max-width: 340px;
  color: var(--cn-ink);
  font-family: "Noto Serif KR", "Nanum Myeongjo", Georgia, serif;
  font-size: 31px;
  line-height: 1.27;
  letter-spacing: -.045em;
  font-weight: 600;
  word-break: keep-all;
}

#catnara-notice-v96 .cn-sub {
  margin: 10px 0 0;
  color: var(--cn-muted);
  font-size: 13px;
  line-height: 1.55;
  word-break: keep-all;
}

#catnara-notice-v96 .cn-middle {
  min-width: 0;
  height: 100%;
  padding: 25px 0 24px;
}

#catnara-notice-v96 .cn-items {
  width: 100%;
  height: 172px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border: 1px solid color-mix(in srgb, var(--cn-line) 72%, transparent);
  border-radius: 14px;
  background: var(--cn-panel-bg);
  overflow: hidden;
}

#catnara-notice-v96 .cn-item {
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  height: 100%;
  min-width: 0;
  padding: 17px 17px 14px;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  font: inherit;

  display: grid;
  grid-template-columns: 54px minmax(0,1fr) 18px;
  gap: 13px;
  align-items: start;
}

#catnara-notice-v96 .cn-item + .cn-item {
  border-left: 1px solid color-mix(in srgb, var(--cn-line) 58%, transparent);
}

#catnara-notice-v96 .cn-item-copy {
  min-width: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
}

#catnara-notice-v96 .cn-chip {
  width: fit-content;
  min-width: 54px;
  height: 22px;
  margin-bottom: 7px;
  padding: 0 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--cn-soft);
  color: var(--cn-accent);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 9px;
  line-height: 1;
  letter-spacing: .08em;
}

#catnara-notice-v96 .cn-item-title {
  display: block;
  margin: 0;
  color: var(--cn-ink);
  font-size: 14px;
  line-height: 1.45;
  font-weight: 700;
  letter-spacing: -.025em;
  word-break: keep-all;
}

#catnara-notice-v96 .cn-item-desc {
  display: -webkit-box;
  margin: 7px 0 0;
  overflow: hidden;
  color: var(--cn-muted);
  font-size: 12px;
  line-height: 1.5;
  word-break: keep-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

#catnara-notice-v96 .cn-item-date {
  margin-top: auto;
  padding-top: 7px;
  color: var(--cn-muted);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 11px;
  line-height: 1;
  letter-spacing: .02em;
}

#catnara-notice-v96 .cn-item-arrow {
  align-self: center;
  color: color-mix(in srgb, var(--cn-accent) 66%, var(--cn-muted));
  font-size: 19px;
  line-height: 1;
}

#catnara-notice-v96 .cn-side {
  position: relative;
  height: 100%;
  min-width: 0;
}

#catnara-notice-v96 .cn-more {
  appearance: none;
  -webkit-appearance: none;
  position: absolute;
  top: 22px;
  right: 18px;
  z-index: 3;

  width: 118px;
  height: 40px;
  border: 1px solid var(--cn-btn-line);
  border-radius: 999px;
  background: var(--cn-btn-bg);
  color: var(--cn-btn-text);
  cursor: pointer;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;

  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  white-space: nowrap;
}

#catnara-notice-v96 .cn-more-arrow {
  font-size: 18px;
  font-weight: 400;
  transform: translateY(-1px);
}

#catnara-notice-v96 .cn-cat {
  position: absolute;
  right: 12px;
  bottom: -3px;
  width: 148px;
  height: 108px;
  color: color-mix(in srgb, var(--cn-accent) 30%, #dbe6d9);
  opacity: .70;
  pointer-events: none;
}

#catnara-notice-v96 .cn-cat path {
  vector-effect: non-scaling-stroke;
}

#catnara-notice-v96 .cn-item:hover .cn-item-title,
#catnara-notice-v96 .cn-item:focus-visible .cn-item-title,
#catnara-notice-v96 .cn-more:hover,
#catnara-notice-v96 .cn-more:focus-visible {
  color: var(--cn-accent);
}

#catnara-notice-v96 .cn-item:focus-visible,
#catnara-notice-v96 .cn-more:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--cn-accent) 34%, transparent);
  outline-offset: 2px;
}

@media (max-width: 1080px) {
  #catnara-notice-v96 {
    height: auto;
    min-height: 0;
    max-height: none;
  }

  #catnara-notice-v96 .cn-layout {
    grid-template-columns: 1fr;
  }

  #catnara-notice-v96 .cn-intro {
    height: auto;
    padding: 24px 22px 18px;
  }

  #catnara-notice-v96 .cn-title {
    font-size: 28px;
  }

  #catnara-notice-v96 .cn-middle {
    height: auto;
    padding: 0 18px 18px;
  }

  #catnara-notice-v96 .cn-items {
    height: auto;
    grid-template-columns: 1fr;
  }

  #catnara-notice-v96 .cn-item {
    min-height: 150px;
  }

  #catnara-notice-v96 .cn-item + .cn-item {
    border-left: 0;
    border-top: 1px solid color-mix(in srgb, var(--cn-line) 58%, transparent);
  }

  #catnara-notice-v96 .cn-side {
    height: 72px;
  }

  #catnara-notice-v96 .cn-more {
    top: 12px;
    left: 18px;
    right: auto;
  }

  #catnara-notice-v96 .cn-cat {
    right: 0;
    bottom: -12px;
    width: 116px;
    opacity: .42;
  }
}

/* SOURCE: public/css/48-theme-single-authority-v966.css */
/*
  CATNARA V9.6.6
  SINGLE AUTHORITY THEME SYNC

  Important:
  - One runtime owns notice/menu theme colors.
  - V9.6.4 + V9.6.5 theme runtimes are removed from index.html.
  - Existing V9.6.3 width + "전체보기" position runtime is preserved.
*/

:root {
  --catnara-theme-surface: #fffdfa;
  --catnara-theme-surface-2: #ffffff;
  --catnara-theme-accent: #536d5f;
  --catnara-theme-accent-soft: #eef3ee;
  --catnara-theme-line: #dbe2da;
  --catnara-theme-text: #202923;
  --catnara-theme-muted: #7b8580;
}

/* ===== NOTICE: outer/main surface ===== */

.catnara-theme-authority-notice {
  --cn-bg: var(--catnara-theme-surface) !important;
  --cn-panel-bg: var(--catnara-theme-surface-2) !important;
  --cn-list-bg: var(--catnara-theme-surface-2) !important;
  --cn-border: var(--catnara-theme-line) !important;
  --cn-line: var(--catnara-theme-line) !important;
  --cn-ink: var(--catnara-theme-text) !important;
  --cn-muted: var(--catnara-theme-muted) !important;
  --cn-soft: var(--catnara-theme-accent-soft) !important;
  --cn-accent: var(--catnara-theme-accent) !important;
  --cn-button-bg: var(--catnara-theme-surface-2) !important;
  --cn-btn-bg: var(--catnara-theme-surface-2) !important;
  --cn-button-border: var(--catnara-theme-line) !important;
  --cn-btn-line: var(--catnara-theme-line) !important;
  --cn-button-text: var(--catnara-theme-text) !important;
  --cn-btn-text: var(--catnara-theme-text) !important;

  background: var(--catnara-theme-surface) !important;
  background-color: var(--catnara-theme-surface) !important;
  background-image: none !important;
  border-color: var(--catnara-theme-line) !important;
  color: var(--catnara-theme-text) !important;
}

/*
  Clear legacy cream/blue backgrounds from direct notice shells.
  This is color-only. No sizing/position rules.
*/
.catnara-theme-authority-notice > [data-catnara-theme-shell="1"],
.catnara-theme-authority-notice [data-catnara-theme-intro="1"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* ===== NOTICE: text ===== */

.catnara-theme-authority-notice h1,
.catnara-theme-authority-notice h2,
.catnara-theme-authority-notice h3,
.catnara-theme-authority-notice strong,
.catnara-theme-authority-notice .cn-title,
.catnara-theme-authority-notice .cn-item-title,
.catnara-theme-authority-notice .cn-card-title {
  color: var(--catnara-theme-text) !important;
}

.catnara-theme-authority-notice p,
.catnara-theme-authority-notice small,
.catnara-theme-authority-notice time,
.catnara-theme-authority-notice .cn-sub,
.catnara-theme-authority-notice .cn-item-desc,
.catnara-theme-authority-notice .cn-item-date,
.catnara-theme-authority-notice .cn-card-desc,
.catnara-theme-authority-notice .cn-card-date {
  color: var(--catnara-theme-muted) !important;
}

/* ===== NOTICE: accent ===== */

.catnara-theme-authority-notice .cn-kicker,
.catnara-theme-authority-notice .cn-arrow,
.catnara-theme-authority-notice .cn-item-arrow,
.catnara-theme-authority-notice [data-catnara-theme-accent="1"] {
  color: var(--catnara-theme-accent) !important;
}

.catnara-theme-authority-notice .cn-kicker-icon,
.catnara-theme-authority-notice .cn-item-icon,
.catnara-theme-authority-notice .cn-card-icon,
.catnara-theme-authority-notice .cn-chip,
.catnara-theme-authority-notice [data-catnara-theme-chip="1"] {
  background: var(--catnara-theme-accent-soft) !important;
  background-color: var(--catnara-theme-accent-soft) !important;
  background-image: none !important;
  color: var(--catnara-theme-accent) !important;
}

/* ===== NOTICE: cards ===== */

.catnara-theme-authority-notice .cn-items,
.catnara-theme-authority-notice .cn-list,
.catnara-theme-authority-notice .cn-cards,
.catnara-theme-authority-notice [data-catnara-theme-card-group="1"] {
  background: var(--catnara-theme-surface-2) !important;
  background-color: var(--catnara-theme-surface-2) !important;
  background-image: none !important;
  border-color: var(--catnara-theme-line) !important;
}

.catnara-theme-authority-notice .cn-item,
.catnara-theme-authority-notice .cn-card,
.catnara-theme-authority-notice [data-catnara-theme-card="1"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: var(--catnara-theme-line) !important;
}

/* ===== NOTICE: more button ===== */

.catnara-theme-authority-notice .cn-more,
.catnara-theme-authority-notice [data-catnara-more-position],
.catnara-theme-authority-notice [data-catnara-theme-more="1"] {
  background: var(--catnara-theme-surface-2) !important;
  background-color: var(--catnara-theme-surface-2) !important;
  background-image: none !important;
  border-color: var(--catnara-theme-line) !important;
  color: var(--catnara-theme-text) !important;
}

/* ===== SALON MENU legacy fixed colors ===== */

html body .salon-menu-section .kicker,
html body .salon-menu-row .no,
html body .salon-menu-row .tag,
html body .salon-menu-section .salon-label {
  color: var(--catnara-theme-accent) !important;
}

html body .salon-menu,
html body .salon-menu-row {
  border-color: var(--catnara-theme-line) !important;
}

html body .salon-menu-section .chip,
html body .salon-menu-section .badge,
html body .salon-menu-section [class*="menu-chip"],
html body .salon-menu-section [class*="menu-tab"] {
  color: var(--catnara-theme-accent) !important;
  border-color: var(--catnara-theme-line) !important;
}

html body .salon-menu-section .chip,
html body .salon-menu-section [class*="menu-chip"] {
  background: var(--catnara-theme-accent-soft) !important;
  background-color: var(--catnara-theme-accent-soft) !important;
  background-image: none !important;
}

/* ===== HOME NOTICE + MENU ICONS: follow active template palette ===== */
html body .home-notice-megaphone,
html body .home-notice-card-icon,
html body .home-menu-chip i {
  background: var(--catnara-theme-accent-soft) !important;
  background-color: var(--catnara-theme-accent-soft) !important;
  color: var(--catnara-theme-accent) !important;
  border-color: color-mix(in srgb, var(--catnara-theme-accent) 18%, transparent) !important;
}

/* Keep the small NOTICE pill in the same palette so the icon/pill pair stays coherent. */
html body .home-notice-card-label {
  background: var(--catnara-theme-accent-soft) !important;
  background-color: var(--catnara-theme-accent-soft) !important;
  color: var(--catnara-theme-accent) !important;
}

/* Menu quick chips keep their neutral surface but inherit the active template accent. */
html body .home-menu-chip {
  border-color: color-mix(in srgb, var(--catnara-theme-accent) 18%, transparent) !important;
  color: color-mix(in srgb, var(--catnara-theme-accent) 72%, var(--catnara-theme-text)) !important;
}


/* ===== MOBILE NOTICE WHITE SURFACE ===== */
@media (max-width: 680px) {
  html body .catnara-theme-authority-notice[data-catnara-mobile-white="1"],
  html body .catnara-theme-authority-notice[data-catnara-mobile-white="1"] .home-notice-intro,
  html body .catnara-theme-authority-notice[data-catnara-mobile-white="1"] .home-notice-cards {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
  }

  html body .catnara-theme-authority-notice[data-catnara-mobile-white="1"] .home-notice-card {
    background: #ffffff !important;
    background-color: #ffffff !important;
  }

  /* Keep template identity only in accents/icons, not the mobile notice surface. */
  html body .catnara-theme-authority-notice[data-catnara-mobile-white="1"] .home-notice-megaphone,
  html body .catnara-theme-authority-notice[data-catnara-mobile-white="1"] .home-notice-card-icon,
  html body .catnara-theme-authority-notice[data-catnara-mobile-white="1"] .home-notice-card-label {
    background: var(--catnara-theme-accent-soft) !important;
    background-color: var(--catnara-theme-accent-soft) !important;
    color: var(--catnara-theme-accent) !important;
  }
}


/* ===== NYANG TAMAGOTCHI: FOLLOW ACTIVE SITE TEMPLATE ===== */
/*
  Nyang Tamagotchi originally shipped with a self-contained rose/beige palette.
  Keep its layout/game mechanics intact, but source all visual identity from
  the active CATNARA template palette.
*/
html body .nyanglife-page{
  --nyang-ink:var(--catnara-theme-text,#332c29);
  --nyang-soft:var(--catnara-theme-surface,#fbf6f2);
  --nyang-line:var(--catnara-theme-line,#e8ddd7);
  --nyang-accent:var(--catnara-theme-accent,#ad7d68);
  --nyang-accent-soft:var(--catnara-theme-accent-soft,#f3e8e1);
  --nyang-muted:var(--catnara-theme-muted,#7d6f68);
  --nyang-surface:color-mix(in srgb,var(--catnara-theme-surface,#fff) 84%,#fff);
  --nyang-surface-2:color-mix(in srgb,var(--catnara-theme-accent,#ad7d68) 7%,#fff);
  --nyang-track:color-mix(in srgb,var(--catnara-theme-accent,#ad7d68) 13%,#fff);
  color:var(--nyang-ink)!important;
}

html body .nyanglife-page .nyang-intro-card,
html body .nyanglife-page .nyang-create-card,
html body .nyanglife-page .nyang-stage-card,
html body .nyanglife-page .nyang-panel{
  border-color:var(--nyang-line)!important;
  background:var(--nyang-surface)!important;
  color:var(--nyang-ink)!important;
  box-shadow:0 12px 34px color-mix(in srgb,var(--nyang-accent) 8%,transparent)!important;
}

html body .nyanglife-page .nyang-intro-card,
html body .nyanglife-page .nyang-lobby-preview{
  background:
    linear-gradient(
      145deg,
      color-mix(in srgb,var(--nyang-accent) 5%,#fff),
      color-mix(in srgb,var(--nyang-accent) 11%,#fff)
    )!important;
}

html body .nyanglife-page .nyang-intro-card small,
html body .nyanglife-page .nyang-lobby-preview>small,
html body .nyanglife-page .nyang-stage-head small,
html body .nyanglife-page .nyang-lobby-live-head small,
html body .nyanglife-page .nyang-genetic-watch>small,
html body .nyanglife-page .nyang-alert-card>small{
  color:var(--nyang-accent)!important;
}

html body .nyanglife-page .nyang-intro-card h2,
html body .nyanglife-page .nyang-create-card h3,
html body .nyanglife-page .nyang-stage-head h2,
html body .nyanglife-page .nyang-panel h3,
html body .nyanglife-page .nyang-lobby-live-head h3{
  color:var(--nyang-ink)!important;
}

html body .nyanglife-page .nyang-intro-card p,
html body .nyanglife-page .nyang-create-note p,
html body .nyanglife-page .nyang-stage-head p,
html body .nyanglife-page .nyang-thought,
html body .nyanglife-page .nyang-xp small,
html body .nyanglife-page .nyang-preset-note,
html body .nyanglife-page .nyang-lobby-preview p,
html body .nyanglife-page .nyang-danger span,
html body .nyanglife-page .nyang-personality-summary,
html body .nyanglife-page .nyang-genetic-watch p,
html body .nyanglife-page .nyang-alert-card p,
html body .nyanglife-page .nyang-lobby-live-head p,
html body .nyanglife-page .nyang-lobby-move-help,
html body .nyanglife-page .nyang-lobby-chat-help{
  color:var(--nyang-muted)!important;
}

html body .nyanglife-page .nyang-create-note,
html body .nyanglife-page .nyang-genetic-watch,
html body .nyanglife-page .nyang-health-ok{
  border-color:var(--nyang-line)!important;
  background:var(--nyang-surface-2)!important;
  color:var(--nyang-muted)!important;
}

html body .nyanglife-page .nyang-ascii-preview{
  background:#fff!important;
  color:var(--nyang-ink)!important;
  box-shadow:inset 0 0 0 1px var(--nyang-line)!important;
}

html body .nyanglife-page .nyang-mood-badge,
html body .nyanglife-page .nyang-p-chip,
html body .nyanglife-page .nyang-lifestyle-mini span{
  background:var(--nyang-accent-soft)!important;
  color:var(--nyang-accent)!important;
  border-color:color-mix(in srgb,var(--nyang-accent) 18%,transparent)!important;
}

html body .nyanglife-page .nyang-stage{
  border-color:var(--nyang-line)!important;
  background:
    radial-gradient(
      circle at 50% 35%,
      #fff 0%,
      color-mix(in srgb,var(--nyang-accent) 5%,#fff) 52%,
      color-mix(in srgb,var(--nyang-accent) 12%,#fff) 100%
    )!important;
}

html body .nyanglife-page .nyang-stage .nyang-ascii{
  color:var(--nyang-ink)!important;
  filter:drop-shadow(0 7px 8px color-mix(in srgb,var(--nyang-accent) 10%,transparent))!important;
}

html body .nyanglife-page .nyang-xp>div:nth-child(2),
html body .nyanglife-page .nyang-stat-track{
  background:var(--nyang-track)!important;
}
html body .nyanglife-page .nyang-xp>div:nth-child(2)>i,
html body .nyanglife-page .nyang-stat-track i{
  background:var(--nyang-accent)!important;
}

html body .nyanglife-page .nyang-care-actions button{
  border-color:var(--nyang-line)!important;
  background:color-mix(in srgb,var(--nyang-accent) 4%,#fff)!important;
  color:var(--nyang-ink)!important;
}
html body .nyanglife-page .nyang-care-actions button:hover,
html body .nyanglife-page .nyang-care-actions button:focus-visible{
  border-color:color-mix(in srgb,var(--nyang-accent) 38%,var(--nyang-line))!important;
  background:var(--nyang-accent-soft)!important;
}
html body .nyanglife-page .nyang-care-actions button b,
html body .nyanglife-page .nyang-trait b{
  color:var(--nyang-accent)!important;
}

html body .nyanglife-page .nyang-trait small,
html body .nyanglife-page .nyang-events small,
html body .nyanglife-page .nyang-lobby-live-head h3 span,
html body .nyanglife-page .nyang-lobby-name small,
html body .nyanglife-page .nyang-lobby-level{
  color:var(--nyang-muted)!important;
}

html body .nyanglife-page .nyang-events article{
  border-color:var(--nyang-line)!important;
}
html body .nyanglife-page .nyang-events article>span{
  background:var(--nyang-accent-soft)!important;
  color:var(--nyang-accent)!important;
}

html body .nyanglife-page .nyang-lobby-live-head strong{
  color:var(--nyang-accent)!important;
}

html body .nyanglife-page .nyang-lobby-world,
html body .nyanglife-page .nyang-lobby-world-cute{
  border-color:var(--nyang-line)!important;
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb,var(--nyang-accent) 4%,#fff) 0%,
      color-mix(in srgb,var(--nyang-accent) 7%,#fff) 58%,
      color-mix(in srgb,var(--nyang-accent) 12%,#fff) 58%,
      color-mix(in srgb,var(--nyang-accent) 16%,#fff) 100%
    )!important;
}

html body .nyanglife-page .nyang-lobby-world-cute:before{
  background:color-mix(in srgb,var(--nyang-accent) 25%,transparent)!important;
}

html body .nyanglife-page .nyang-lobby-cat .nyang-ascii{
  color:var(--nyang-ink)!important;
  border-color:var(--nyang-line)!important;
  background:color-mix(in srgb,var(--nyang-accent) 3%,#fff)!important;
  box-shadow:0 5px 13px color-mix(in srgb,var(--nyang-accent) 9%,transparent)!important;
}
html body .nyanglife-page .nyang-lobby-cat.mine .nyang-ascii{
  outline-color:color-mix(in srgb,var(--nyang-accent) 42%,transparent)!important;
  background:color-mix(in srgb,var(--nyang-accent) 8%,#fff)!important;
}

html body .nyanglife-page .nyang-lobby-name,
html body .nyanglife-page .nyang-lobby-cat em,
html body .nyanglife-page .nyang-lobby-status{
  color:var(--nyang-accent)!important;
}

html body .nyanglife-page .nyang-lobby-status,
html body .nyanglife-page .nyang-scene-item>b{
  border-color:var(--nyang-line)!important;
  background:color-mix(in srgb,var(--nyang-accent) 5%,#fff)!important;
}

html body .nyanglife-page .nyang-lobby-speech{
  border-color:color-mix(in srgb,var(--nyang-accent) 24%,var(--nyang-line))!important;
  background:#fff!important;
  color:var(--nyang-ink)!important;
  box-shadow:0 6px 18px color-mix(in srgb,var(--nyang-accent) 11%,transparent)!important;
}
html body .nyanglife-page .nyang-lobby-speech:after{
  border-color:color-mix(in srgb,var(--nyang-accent) 24%,var(--nyang-line))!important;
  background:#fff!important;
}

html body .nyanglife-page .nyang-room-card{
  border-color:var(--nyang-line)!important;
  background:#fff!important;
  color:var(--nyang-ink)!important;
}
html body .nyanglife-page .nyang-room-card em{
  background:var(--nyang-accent-soft)!important;
  color:var(--nyang-accent)!important;
}
html body .nyanglife-page .nyang-room-card:not(.full):hover,
html body .nyanglife-page .nyang-room-card:not(.full):focus-visible{
  border-color:color-mix(in srgb,var(--nyang-accent) 40%,var(--nyang-line))!important;
  background:color-mix(in srgb,var(--nyang-accent) 4%,#fff)!important;
}
html body .nyanglife-page .nyang-room-card.full{
  background:color-mix(in srgb,var(--nyang-muted) 5%,#fff)!important;
}

html body .nyanglife-page .nyang-lobby-chat{
  border-color:var(--nyang-line)!important;
  background:color-mix(in srgb,var(--nyang-accent) 4%,#fff)!important;
}
html body .nyanglife-page .nyang-lobby-chat input,
html body .nyanglife-page .nyang-create-card input,
html body .nyanglife-page .nyang-create-card select,
html body .nyanglife-page .nyang-create-card textarea{
  border-color:var(--nyang-line)!important;
  background:#fff!important;
  color:var(--nyang-ink)!important;
}
html body .nyanglife-page .nyang-lobby-chat input:focus,
html body .nyanglife-page .nyang-create-card input:focus,
html body .nyanglife-page .nyang-create-card select:focus,
html body .nyanglife-page .nyang-create-card textarea:focus{
  border-color:var(--nyang-accent)!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--nyang-accent) 14%,transparent)!important;
}

html body .nyanglife-page .nyang-genetic-watch span{
  background:var(--nyang-accent-soft)!important;
  color:var(--nyang-accent)!important;
}

html body .nyanglife-page .nyang-health-alert{
  border-color:color-mix(in srgb,var(--nyang-accent) 32%,var(--nyang-line))!important;
  background:color-mix(in srgb,var(--nyang-accent) 7%,#fff)!important;
}
html body .nyanglife-page .nyang-health-alert b{
  color:var(--nyang-accent)!important;
}

html body .nyang-alert-card{
  border-color:var(--catnara-theme-line,#e5d6cf)!important;
  background:color-mix(in srgb,var(--catnara-theme-surface,#fff) 86%,#fff)!important;
  color:var(--catnara-theme-text,#332c29)!important;
}
html body .nyang-alert-card.urgent{
  border-color:color-mix(in srgb,var(--catnara-theme-accent,#ad7d68) 38%,var(--catnara-theme-line,#e5d6cf))!important;
  background:color-mix(in srgb,var(--catnara-theme-accent,#ad7d68) 7%,#fff)!important;
}
html body .nyang-alert-ascii,
html body .nyang-alert-close{
  background:var(--catnara-theme-accent-soft,#f3e8e1)!important;
  color:var(--catnara-theme-accent,#ad7d68)!important;
}



/* ===== GLOBAL CATNARA THEME TOKENS: SOURCE FROM PHASE 3 PALETTE ===== */
/*
  Phase 3 already exposes the selected CMS palette globally as --ui-*.
  Bind CATNARA shared tokens directly to those semantic variables so
  non-home routes (Crew/Nyang Tamagotchi/etc.) do not fall back to the
  old green notice default when there is no .salon-hero on the page.
*/
html[data-view-mode="public"][data-site-palette]{
  --catnara-theme-surface:var(--ui-bg)!important;
  --catnara-theme-surface-2:var(--ui-surface)!important;
  --catnara-theme-accent:var(--ui-accent)!important;
  --catnara-theme-accent-soft:var(--ui-soft)!important;
  --catnara-theme-line:var(--ui-line)!important;
  --catnara-theme-text:var(--ui-text)!important;
  --catnara-theme-muted:var(--ui-muted)!important;
}

/* Main Nyang Tamagotchi surfaces use the real selected palette directly. */
html[data-view-mode="public"][data-site-palette] body .nyanglife-page{
  --nyang-ink:var(--ui-text)!important;
  --nyang-soft:var(--ui-surface)!important;
  --nyang-line:var(--ui-line)!important;
  --nyang-accent:var(--ui-accent)!important;
  --nyang-accent-soft:var(--ui-soft)!important;
  --nyang-muted:var(--ui-muted)!important;
  --nyang-surface:color-mix(in srgb,var(--ui-surface) 88%,var(--ui-bg))!important;
  --nyang-surface-2:color-mix(in srgb,var(--ui-accent) 7%,var(--ui-surface))!important;
  --nyang-track:color-mix(in srgb,var(--ui-accent) 14%,var(--ui-surface))!important;
}

/* Explicitly cover the primary gameplay controls visible in the Tamagotchi screen. */
html[data-view-mode="public"][data-site-palette] body .nyanglife-page .nyang-stage{
  border-color:var(--ui-line)!important;
  background:
    radial-gradient(
      circle at 50% 35%,
      var(--ui-surface) 0%,
      color-mix(in srgb,var(--ui-accent) 5%,var(--ui-surface)) 52%,
      color-mix(in srgb,var(--ui-accent) 13%,var(--ui-surface)) 100%
    )!important;
}

html[data-view-mode="public"][data-site-palette] body .nyanglife-page .nyang-stage .nyang-ascii{
  color:var(--ui-text)!important;
  filter:drop-shadow(0 7px 8px color-mix(in srgb,var(--ui-accent) 14%,transparent))!important;
}

html[data-view-mode="public"][data-site-palette] body .nyanglife-page .nyang-xp>div:nth-child(2),
html[data-view-mode="public"][data-site-palette] body .nyanglife-page .nyang-stat-track{
  background:color-mix(in srgb,var(--ui-accent) 13%,var(--ui-surface))!important;
}

html[data-view-mode="public"][data-site-palette] body .nyanglife-page .nyang-xp>div:nth-child(2)>i,
html[data-view-mode="public"][data-site-palette] body .nyanglife-page .nyang-stat-track i{
  background:var(--ui-accent)!important;
}

html[data-view-mode="public"][data-site-palette] body .nyanglife-page .nyang-care-actions button{
  border-color:var(--ui-line)!important;
  background:color-mix(in srgb,var(--ui-accent) 5%,var(--ui-surface))!important;
  color:var(--ui-text)!important;
}

html[data-view-mode="public"][data-site-palette] body .nyanglife-page .nyang-care-actions button b{
  color:var(--ui-accent)!important;
}

html[data-view-mode="public"][data-site-palette] body .nyanglife-page .nyang-care-actions button:hover,
html[data-view-mode="public"][data-site-palette] body .nyanglife-page .nyang-care-actions button:focus-visible{
  border-color:color-mix(in srgb,var(--ui-accent) 45%,var(--ui-line))!important;
  background:var(--ui-soft)!important;
}

html[data-view-mode="public"][data-site-palette] body .nyanglife-page .nyang-mood-badge,
html[data-view-mode="public"][data-site-palette] body .nyanglife-page .nyang-p-chip,
html[data-view-mode="public"][data-site-palette] body .nyanglife-page .nyang-lifestyle-mini span{
  background:var(--ui-soft)!important;
  color:var(--ui-accent)!important;
  border-color:var(--ui-line)!important;
}

html[data-view-mode="public"][data-site-palette] body .nyanglife-page .nyang-intro-card,
html[data-view-mode="public"][data-site-palette] body .nyanglife-page .nyang-create-card,
html[data-view-mode="public"][data-site-palette] body .nyanglife-page .nyang-stage-card,
html[data-view-mode="public"][data-site-palette] body .nyanglife-page .nyang-panel{
  border-color:var(--ui-line)!important;
  background:var(--ui-surface)!important;
  color:var(--ui-text)!important;
  box-shadow:0 12px 34px color-mix(in srgb,var(--ui-accent) 8%,transparent)!important;
}

html[data-view-mode="public"][data-site-palette] body .nyanglife-page .nyang-create-note,
html[data-view-mode="public"][data-site-palette] body .nyanglife-page .nyang-genetic-watch,
html[data-view-mode="public"][data-site-palette] body .nyanglife-page .nyang-health-ok{
  border-color:var(--ui-line)!important;
  background:var(--ui-soft)!important;
  color:var(--ui-muted)!important;
}