:root{
  --color-bg: #FDFBF7;
  --color-card: #ffffff;
  --color-purple: #3A1078;
  --color-purple-tint: #F1EDF9;
  --color-purple-soft: #6B46A8;
  --color-orange: #FF6B35;
  --color-orange-tint: #FFF1E8;
  --color-teal: #1F8A78;
  --color-teal-tint: #E7F5F2;
  --color-purple-result-tint: #EDE7F7;
  --color-ink: #241A38;
  --color-ink-soft: #6E6480;
  --color-line: #E7E1F2;
  --color-error: #C0392B;
  --color-error-tint: #FCECEA;
  --radius-lg: 20px;
  --radius-md: 12px;
  --shadow: 0 12px 32px rgba(58, 16, 120, 0.08);
  --font-display: "Shippori Mincho B1", serif;
  --font-body: "Noto Sans JP", sans-serif;
  --nav-height: 68px;
}

*{ box-sizing: border-box; }
html, body{ margin:0; padding:0; }

/* ================= Shared Site Nav ================= */
  :root{ --nav-height: 68px; }
  .sitenav{
    position: sticky; top: 0; z-index: 100;
    height: var(--nav-height);
    display: flex; align-items: center; justify-content: space-between;
    padding: 0 24px;
    background: rgba(253,251,247,0.9);
    backdrop-filter: blur(8px);
    border-bottom: 1px solid var(--color-line);
  }
  .sitenav__brand{
    display: flex; align-items: center; gap: 8px;
    text-decoration: none; color: var(--color-purple);
    font-family: var(--font-display); font-weight: 800; font-size: 15px;
  }
  .sitenav__brand-icon{ width: 26px; height: 26px; }
  .sitenav__links{ display: flex; align-items: center; gap: 4px; list-style: none; margin: 0; padding: 0; }
  .sitenav__links a{
    display: block; padding: 8px 14px; border-radius: 999px;
    text-decoration: none; font-size: 13px; font-weight: 700;
    color: var(--color-ink-soft); transition: all 0.15s ease; white-space: nowrap;
  }
  .sitenav__links a:hover{ background: var(--color-purple-tint); color: var(--color-purple); }
  .sitenav__links a.is-active{ background: var(--color-purple-tint); color: var(--color-purple); }
  .sitenav__cta{ background: var(--color-orange) !important; color: #fff !important; }
  .sitenav__cta:hover{ opacity: 0.9; background: var(--color-orange) !important; }
  .sitenav__toggle{ display: none; }
  @media (max-width: 760px){
    .sitenav__links{
      display: none; position: absolute; top: var(--nav-height); left: 0; right: 0;
      flex-direction: column; align-items: stretch;
      background: var(--color-card); border-bottom: 1px solid var(--color-line);
      padding: 10px 16px 16px; gap: 2px;
    }
    .sitenav__links.is-open{ display: flex; }
    .sitenav__links a{ padding: 12px 10px; }
    .sitenav__toggle{ display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; background: none; border: none; cursor: pointer; }
  }
  .sitefooter{
    margin-top: 56px; padding: 28px 20px; text-align: center;
    font-size: 12px; color: var(--color-ink-soft);
    border-top: 1px solid var(--color-line);
  }