/* v5.39 — Chrysanthemum page font, new centre site name (dark + mint), boxed categories. */
@font-face { font-family: "LM Chrysanthemum"; src: url("fonts/chrysanthemum/Chrysanthemum-Regular.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "LM Chrysanthemum"; src: url("fonts/chrysanthemum/Chrysanthemum-Bold.otf") format("opentype"); font-weight: 600 900; font-style: normal; font-display: swap; }
@font-face { font-family: "LM Chrysanthemum"; src: url("fonts/chrysanthemum/Chrysanthemum-Italic.otf") format("opentype"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "LM Chrysanthemum"; src: url("fonts/chrysanthemum/Chrysanthemum-BoldItalic.otf") format("opentype"); font-weight: 600 900; font-style: italic; font-display: swap; }

/* 1. Page text font — capitalisation stays exactly as typed */
html, body, body *, body *::before, body *::after,
button, input, select, textarea, optgroup,
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6,
html body .lm-content .wp-block-heading {
  font-family: "LM Chrysanthemum", Georgia, serif !important;
}
body *, body *::before, body *::after { text-transform: none !important; }
/* Side-name logo (left) keeps its theme font */
html body .lm-brand-name, html body .lm-brand-name * { font-family: var(--lm-theme-font) !important; }

/* 2. Centre site name — new design, follows both themes */
.lm-emblem-link { text-decoration: none !important; }
.lm-em2 {
  --e1: #ffe9a0; --e2: #f2b632; --e3: #b8860b; --ebg: rgba(242,182,50,.08); --eline: rgba(242,182,50,.55);
  position: relative; display: inline-flex; flex-direction: column; align-items: center; line-height: 1;
  padding: 6px 18px 7px; border-radius: 10px; background: var(--ebg); overflow: hidden;
  box-shadow: inset 0 0 0 1px var(--eline), 0 0 18px -6px var(--e2);
}
html.lm-light .lm-em2 { --e1: #5af0e0; --e2: #0fb5ab; --e3: #06606a; --ebg: rgba(15,181,171,.08); --eline: rgba(15,181,171,.5); }
.lm-em2-top {
  font-size: 10px; letter-spacing: .55em; padding-left: .55em; font-weight: 400; color: var(--e2); opacity: .95;
}
.lm-em2-main {
  font-size: 24px; font-weight: 700; letter-spacing: .06em; margin-top: 2px;
  background: linear-gradient(180deg, var(--e1), var(--e2) 55%, var(--e3));
  -webkit-background-clip: text; background-clip: text; color: transparent;
  filter: drop-shadow(0 1px 0 rgba(0,0,0,.35));
}
.lm-em2-c { position: absolute; width: 10px; height: 10px; border: 2px solid var(--e2); }
.lm-em2-tl { top: 3px; left: 3px; border-right: 0; border-bottom: 0; border-top-left-radius: 4px; }
.lm-em2-br { bottom: 3px; right: 3px; border-left: 0; border-top: 0; border-bottom-right-radius: 4px; }
.lm-em2-shine {
  position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(110deg, transparent 35%, rgba(255,255,255,.28) 50%, transparent 65%);
  transform: translateX(-120%); animation: lmEm2Shine 4.5s ease-in-out infinite;
}
@keyframes lmEm2Shine { 0%, 60% { transform: translateX(-120%); } 100% { transform: translateX(120%); } }
@media (max-width: 767px) { .lm-em2 { padding: 4px 12px 5px; } .lm-em2-main { font-size: 18px; } .lm-em2-top { font-size: 8px; } }
@media (max-width: 380px) { .lm-em2-main { font-size: 15px; } }
@media (prefers-reduced-motion: reduce) { .lm-em2-shine { animation: none; display: none; } }

/* 3. Categories: no divider line, every category in its own box, Telegram first */
html body .lm-chips::before, html body .lm-chips::after { content: none !important; display: none !important; }
html body .lm-chips { border: 0 !important; padding-top: 12px !important; gap: 10px !important; }
html body .lm-cat-tg { display: none !important; }
html body .lm-chips > a.lm-chip {
  border: 1px solid color-mix(in oklab, var(--brand-gold) 45%, transparent) !important;
  background: color-mix(in oklab, var(--text) 5%, transparent) !important;
  border-radius: 10px !important; padding: 8px 14px !important;
  box-shadow: 0 2px 8px -4px rgba(0,0,0,.4) !important;
  transition: transform .2s ease, border-color .2s ease, background .2s ease !important;
}
html body .lm-chips > a.lm-chip:hover, html body .lm-chips > a.lm-chip.is-active {
  border-color: var(--brand-gold) !important; background: color-mix(in oklab, var(--brand-gold) 14%, transparent) !important;
  transform: translateY(-2px);
}
html body .lm-chips > a.lm-chip-tg { border-color: #29a9eb !important; background: rgba(41,169,235,.14) !important; color: var(--text) !important; }
html body .lm-chips > a.lm-chip-tg:hover { background: rgba(41,169,235,.26) !important; }