/* =========================================================
   FKTLM Litorjia — shell: top module switcher
   Design tokens shared across modules (navy/gold).
   ========================================================= */

.fktlm-wrap {
  --fktlm-ink:      #1f2a44;
  --fktlm-ink-soft: #4a5773;
  --fktlm-paper:    #faf6ec;
  --fktlm-card:     #ffffff;
  --fktlm-gold:     #a9812e;
  --fktlm-gold-soft:#e7d9b0;
  --fktlm-line:     #dfd6bd;
  --fktlm-shadow:   0 2px 10px rgba(31,42,68,0.08);
  --fktlm-radius:   10px;

  max-width: 820px;
  margin: 0 auto;
  font-family: "EB Garamond","Cormorant Garamond",Georgia,serif;
}

.fktlm-wrap *, .fktlm-wrap *::before, .fktlm-wrap *::after { box-sizing: border-box; }

/* ---------- Module switcher ---------- */
.fktlm-module-nav {
  display: flex;
  gap: 8px;
  justify-content: center;
  margin: 0 0 20px;
  padding: 6px;
  background: var(--fktlm-card);
  border: 1px solid var(--fktlm-line);
  border-radius: 999px;
  box-shadow: var(--fktlm-shadow);
  position: sticky;
  top: 8px;
  z-index: 20;
}

.fktlm-module-btn {
  flex: 1;
  max-width: 260px;
  font-family: "Montserrat","Segoe UI",sans-serif;
  font-size: .8rem;
  letter-spacing: .05em;
  text-transform: uppercase;
  background: transparent;
  border: none;
  color: var(--fktlm-ink-soft);
  padding: 11px 18px;
  border-radius: 999px;
  cursor: pointer;
  transition: background .2s ease, color .2s ease;
}

.fktlm-module-btn:hover { color: var(--fktlm-ink); }

.fktlm-module-btn.fktlm-active {
  background: var(--fktlm-ink);
  color: var(--fktlm-gold-soft);
  font-weight: 700;
}

/* ---------- Module panels ---------- */
.fktlm-module-panel { display: none; }
.fktlm-module-panel.fktlm-active { display: block; animation: fktlm-fade .3s ease; }

@keyframes fktlm-fade {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* A standalone embed ([alahady_maraina] or [ritoaly] alone) never
   needs the switcher, and its single panel must always show. */
.fktlm-standalone .fktlm-module-panel { display: block; }
.fktlm-standalone .fktlm-module-nav { display: none; }

@media print {
  .fktlm-module-nav { display: none !important; }
  .fktlm-module-panel { display: block !important; }
}

@media (max-width: 520px) {
  .fktlm-module-btn { font-size: .72rem; padding: 10px 10px; }
}