/* ── 2. Fonts — MUST BE FIRST 
  ───────────────────────────────────────────────── */
  @import url('https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,300
  ;0,400;0,500;0,600;1,400&family=Inter:wght@400;500;600&family=JetBrains+Mono:w
  ght@400;500&family=Noto+Serif+SC:wght@400;500;600&display=swap');

  /* ── 1. Tokens 
  ─────────────────────────────────────────────────────────────── */
  :root {
    --mk-sumi:         #1b1713;
    --mk-ink:          #2a2218;
    --mk-parchment:    #f4eddd;
    --mk-parchment-2:  #ece0c8;
    --mk-cinnabar:     #b5432c;
    --mk-cinnabar-deep:#8d3220;
    --mk-jade:         #5d7e6b;
    --mk-gold:         #a98a4f;
    --mk-gold-soft:    #c0a878;
    --mk-mist:         #8a8170;
    --mk-line:         #cdbf9f;
  }

  /* ── 3. Typography 
  ──────────────────────────────────────────────────────────── */
  body,
  .theme-content,
  .mk-text-block,
  p {
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 17px;
    line-height: 1.65;
    color: var(--mk-ink);
    -webkit-font-smoothing: antialiased;
  }

  h1, h2, h3, h4, h5, h6,
  .mk-fancy-title .mk-fancy-title-tag,
  .mk-fancy-title .text {
    font-family: 'Spectral', Georgia, serif !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: -.01em !important;
    line-height: 1.14;
    color: var(--mk-sumi);
  }

  h1 { font-size: clamp(2.4rem, 4.8vw, 3.8rem); font-weight: 300 !important; }
  h2 { font-size: clamp(1.7rem, 3vw, 2.4rem); }
  h3 { font-size: clamp(1.3rem, 2.2vw, 1.75rem); }
  h4 { font-size: 1.2rem; }

  .eyebrow,
  .post-meta,
  .meta,
  .mk-tag,
  .mk-category {
    font-family: 'JetBrains Mono', ui-monospace, monospace !important;
    font-size: 11.5px;
    letter-spacing: .24em;
    text-transform: uppercase;
    color: var(--mk-cinnabar);
  }

  /* ── 4. Warm ground 
  ─────────────────────────────────────────────────────────── */
  body {
    background: var(--mk-parchment) !important;
  }

  .theme-page-wrapper,
  #main-content,
  .full-width .mk-main-wrapper {
    background: var(--mk-parchment) !important;
  }

  /* ── 5. Breathing room 
  ──────────────────────────────────────────────────────── */
  .section {
    padding-top:    64px !important;
    padding-bottom: 64px !important;
  }

  .the-content p,
  .mk-text-block p,
  .entry-content p {
    max-width: 68ch;
    margin-bottom: 1.2em;
  }

  /* ── 6. Button discipline 
  ───────────────────────────────────────────────────── */
  .mk-button.button-primary,
  .mk-button.coloured,
  a.mk-button,
  input[type="submit"],
  button[type="submit"] {
    background:     var(--mk-cinnabar) !important;
    border-color:   var(--mk-cinnabar) !important;
    color:          #f6efe0 !important;
    font-family:    'JetBrains Mono', ui-monospace, monospace !important;
    font-size:      11.5px !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
    padding:        14px 26px !important;
    border-radius:  1px !important;
    transition:     background .22s ease, transform .22s ease !important;
  }

  .mk-button.button-primary:hover,
  .mk-button.coloured:hover,
  a.mk-button:hover,
  input[type="submit"]:hover,
  button[type="submit"]:hover {
    background:  var(--mk-cinnabar-deep) !important;
    transform:   translateY(-2px) !important;
  }

  /* ── 7. Links 
  ───────────────────────────────────────────────────────────────── */
  .the-content a,
  .mk-text-block a,
  .entry-content a {
    color: var(--mk-cinnabar);
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
  }

  .the-content a:hover,
  .mk-text-block a:hover,
  .entry-content a:hover {
    color: var(--mk-cinnabar-deep);
  }

  /* ── 8. Hairline dividers 
  ───────────────────────────────────────────────────── */
  .mk-divider,
  hr {
    border: none !important;
    border-top: 1px solid var(--mk-line) !important;
    background: none !important;
    height: auto !important;
    margin: 36px auto !important;
    max-width: 680px;
  }

  .mk-divider.style-1,
  .mk-divider.style-2,
  .mk-divider.style-3 {
    background-image: none !important;
    box-shadow: none !important;
  }

  /* ── 9. Seal — corrected header ID 
  ─────────────────────────────────────────── */
  #mk-header-1::before {
    content:     "辨";
    font-family: 'Noto Serif SC', serif;
    font-size:   18px;
    color:       var(--mk-cinnabar);
    opacity:     0.6;
    position:    absolute;
    right:       220px;
    top:         50%;
    transform:   translateY(-50%);
    pointer-events: none;
    line-height: 1;
  }

  @media (max-width: 1024px) {
    #mk-header-1::before { display: none; }
  }

  /* ── 10. Motion 
  ─────────────────────────────────────────────────────────────── */
  .rv {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .9s cubic-bezier(.2,.7,.2,1),
                transform .9s cubic-bezier(.2,.7,.2,1);
  }

  .rv.in {
    opacity:   1;
    transform: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .rv {
      opacity:    1;
      transform:  none;
      transition: none;
    }
  }