/* My Journal - public styles (generated from the approved design) */
body .mj-wrap *{margin: 0; padding: 0; box-sizing: border-box;}
body .mj-wrap{font-family: 'Open Sans', sans-serif;
      font-weight: 400;
      
      color: #1e1e1e;}
body .mj-wrap .journal{width: 100%; background-color: #fff; padding: 70px 40px 90px;}
body .mj-wrap .journal__inner{max-width: 1080px; margin: 0 auto;}
body .mj-wrap .journal__head{text-align: center; margin-bottom: 60px;}
body .mj-wrap .journal__title{font-family: 'Barlow', sans-serif; font-size: clamp(2rem, 4vw, 3rem);
      font-weight: 600; line-height: 1.15; letter-spacing: 0.02em;
      text-transform: uppercase; color: #111; margin-bottom: 24px;}
body .mj-wrap .journal__subtitle{display: block; width: 100%;
      background-color: transparent; border: 1px solid #cccccc;
      border-radius: 6px; color: #111; font-family: 'Barlow', sans-serif;
      font-weight: 400; font-size: 16px; line-height: 1.6; letter-spacing: 0.06em;
      text-transform: uppercase; padding: 18px 24px; margin: 0;}
body .mj-wrap .journal__filters{display: flex; justify-content: center; gap: 8px;
      flex-wrap: wrap; margin: 40px 0 50px;}
body .mj-wrap .journal__filter{font-family: 'Open Sans', sans-serif; font-size: 0.72rem; font-weight: 400;
      letter-spacing: 0.14em; text-transform: uppercase;
      padding: 8px 20px; background: transparent;
      border: 1px solid #cccccc; border-radius: 6px; color: #111;
      cursor: pointer; transition: all 0.3s ease;}
body .mj-wrap .journal__filter:hover{border-color: #111;}
body .mj-wrap .journal__filter.active{background: #111; color: #fff; border-color: #111;}
body .mj-wrap .journal__feed{display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;}
body .mj-wrap .journal__item{display: flex; align-items: flex-start; gap: 16px;
      background: #fff; border: 1px solid #ddd; border-radius: 6px;
      padding: 16px;
      transition: border-color 0.3s ease, box-shadow 0.3s ease;}
body .mj-wrap .journal__item:hover{border-color: #bbb;
      box-shadow: 0 4px 14px rgba(0,0,0,0.05);}
body .mj-wrap .journal__item:hover .journal__item-title{opacity: 0.7;}
body .mj-wrap .journal__item-media{flex: 0 0 96px; width: 96px; height: 96px;
      border-radius: 4px; overflow: hidden; background: #e7e4e4;}
body .mj-wrap .journal__item-media img{width: 100%; height: 100%; object-fit: cover; display: block;}
body .mj-wrap .journal__date{flex: 0 0 96px; width: 96px; height: 96px;
      border-radius: 4px; background: #f7f5f1; border: 1px solid #e7e4e4;
      display: flex; flex-direction: column;
      align-items: center; justify-content: center;
      gap: 2px; position: relative;}
body .mj-wrap .journal__date::after{content: ''; position: absolute; bottom: 12px;
      width: 22px; height: 2px;
      background: var(--type-color, #111); opacity: 0.6;}
body .mj-wrap .journal__date-day{font-family: 'Barlow', sans-serif; font-size: 2.1rem; font-weight: 600;
      line-height: 1; color: #111; letter-spacing: -0.02em;}
body .mj-wrap .journal__date-month{font-family: 'Open Sans', sans-serif; font-size: 0.62rem; font-weight: 500;
      letter-spacing: 0.18em; text-transform: uppercase;
      color: #888; margin-top: 4px;}
body .mj-wrap .journal__item--text .journal__item-media,body .mj-wrap .journal__item--text .journal__date{display: none;}
body .mj-wrap .journal__item--text .journal__item-body{padding: 4px 0;}
body .mj-wrap .journal__item-body{flex: 1; min-width: 0;
      display: flex; flex-direction: column; gap: 8px;}
body .mj-wrap .journal__item-top{display: flex; align-items: center; gap: 12px; flex-wrap: wrap;}
body .mj-wrap .journal__item-type{display: inline-flex; align-items: center; gap: 8px;
      font-family: 'Barlow', sans-serif; font-size: 0.7rem; font-weight: 600;
      letter-spacing: 0.16em; text-transform: uppercase;
      color: var(--type-color, #111);}
body .mj-wrap .journal__item-type::before{content: ''; display: inline-block; width: 18px; height: 2px;
      background: var(--type-color, #111);}
body .mj-wrap .journal__item-status{font-family: 'Open Sans', sans-serif; font-size: 0.62rem; font-weight: 500;
      letter-spacing: 0.14em; text-transform: uppercase;
      padding: 3px 8px; border: 1px solid currentColor; border-radius: 4px;}
body .mj-wrap .journal__item-status--upcoming{color: #8b6f47;}
body .mj-wrap .journal__item-status--ongoing{color: #2d6a4f;}
body .mj-wrap .journal__item-status--finished{color: #999;}
body .mj-wrap .journal__item-title{font-family: 'Barlow', sans-serif; font-size: 1.05rem;
      font-weight: 500; line-height: 1.3; letter-spacing: 0.01em;
      color: #111; transition: opacity 0.3s ease;}
body .mj-wrap .journal__item-meta{font-family: 'Open Sans', sans-serif; font-size: 12px;
      color: #888; letter-spacing: 0.02em;}
body .mj-wrap .journal__item-excerpt{font-family: 'Open Sans', sans-serif; font-size: 13.5px;
      line-height: 1.6; color: #888;
      display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
      overflow: hidden;}
body .mj-wrap .journal__item-btn{align-self: flex-start; margin-top: 6px;
      font-family: 'Open Sans', sans-serif; font-size: 0.72rem;
      letter-spacing: 0.16em; text-transform: uppercase;
      color: #111; background: transparent;
      border: 1px solid #111; border-radius: 4px;
      padding: 8px 22px; cursor: pointer;
      transition: background 0.3s ease, color 0.3s ease;}
body .mj-wrap .journal__item-btn:hover{background: #111; color: #fff;}
body .mj-wrap .journal__item[data-type="event"]{--type-color: #8b6f47;}
body .mj-wrap .journal__item[data-type="news"]{--type-color: #2d6a4f;}
body .mj-wrap .journal__item[data-type="blog"]{--type-color: #7c5c8f;}
body .mj-wrap .journal-modal{position: fixed; inset: 0; z-index: 100000;
      display: none; align-items: center; justify-content: center;
      padding: 40px 24px;}
body .mj-wrap .journal-modal.is-open{display: flex;}
body .mj-wrap .journal-modal__backdrop{position: absolute; inset: 0;
      background: rgba(0,0,0,0.55);
      opacity: 0; transition: opacity 0.3s ease;}
body .mj-wrap .journal-modal.is-open .journal-modal__backdrop{opacity: 1;}
body .mj-wrap .journal-modal__wrapper{position: relative;
      width: 100%;
      max-width: 720px;
      max-height: 90vh;
      transform: translateY(20px);
      opacity: 0;
      transition: transform 0.35s ease, opacity 0.35s ease;}
body .mj-wrap .journal-modal.is-open .journal-modal__wrapper{transform: translateY(0); opacity: 1;}
body .mj-wrap .journal-modal--blog .journal-modal__wrapper{max-width: 960px;}
body .mj-wrap .journal-modal__close{position: absolute;
      top: -18px; right: -18px;
      z-index: 3;
      width: 42px; height: 42px;
      background: #fff;
      border: 1px solid #ddd;
      border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      cursor: pointer;
      font-size: 22px; line-height: 1;
      color: #111;
      box-shadow: 0 4px 14px rgba(0,0,0,0.15);
      transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease;}
body .mj-wrap .journal-modal__close:hover{background: #111; color: #fff; border-color: #111;
      transform: scale(1.05);}
body .mj-wrap .journal-modal__dialog{position: relative;
      background: #fff;
      border-radius: 6px;
      max-height: 90vh;
      overflow-y: auto;
      box-shadow: 0 20px 60px rgba(0,0,0,0.25);}
body .mj-wrap .journal-modal__body{padding: 44px 40px;
      display: flex; flex-direction: column;
      align-items: center;
      text-align: center;
      gap: 16px;}
body .mj-wrap .journal-modal__top{display: flex; align-items: center; justify-content: center;
      gap: 14px; flex-wrap: wrap;}
body .mj-wrap .journal-modal__type{display: inline-flex; align-items: center; gap: 8px;
      font-family: 'Barlow', sans-serif; font-size: 0.72rem; font-weight: 600;
      letter-spacing: 0.16em; text-transform: uppercase;
      color: var(--type-color, #111);}
body .mj-wrap .journal-modal__type::before{content: ''; display: inline-block; width: 22px; height: 2px;
      background: var(--type-color, #111);}
body .mj-wrap .journal-modal__status{font-family: 'Open Sans', sans-serif; font-size: 0.65rem; font-weight: 500;
      letter-spacing: 0.14em; text-transform: uppercase;
      padding: 4px 10px; border: 1px solid currentColor; border-radius: 4px;}
body .mj-wrap .journal-modal__title{font-family: 'Barlow', sans-serif;
      font-size: clamp(1.5rem, 3vw, 1.9rem);
      font-weight: 500; line-height: 1.25; letter-spacing: 0.01em; color: #111;
      max-width: 32ch;}
body .mj-wrap .journal-modal__meta{font-family: 'Open Sans', sans-serif; font-size: 13.5px;
      color: #888; letter-spacing: 0.02em;}
body .mj-wrap .journal-modal__subtitle{font-family: 'Barlow', sans-serif;
      font-size: 1.1rem; font-weight: 400; line-height: 1.4;
      color: #555; letter-spacing: 0.01em;
      max-width: 60ch;}
body .mj-wrap .journal-modal__cover{width: 100%; max-width: 620px;
      aspect-ratio: 16/9;
      border-radius: 4px; overflow: hidden; background: #e7e4e4;
      margin: 4px auto;}
body .mj-wrap .journal-modal__cover img{width: 100%; height: 100%; object-fit: cover; display: block;}
body .mj-wrap .journal-modal__cover.is-empty{display: none;}
body .mj-wrap .journal-modal__text{font-family: 'Open Sans', sans-serif; font-size: 15px;
      line-height: 1.8; color: #555;
      max-width: 60ch;
      text-align: center;}
body .mj-wrap .journal-modal__text p + p{margin-top: 14px;}
body .mj-wrap .journal-modal__text h3{font-family: 'Barlow', sans-serif; font-size: 1.2rem;
      font-weight: 600; line-height: 1.3; color: #111;
      margin: 22px 0 10px; letter-spacing: 0.01em;}
body .mj-wrap .journal-modal__cta{display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;
      margin-top: 35px; padding-top: 30px;
      border-top: 1px solid #eee;
      width: 100%;}
body .mj-wrap .journal-modal__cta-btn{font-family: 'Open Sans', sans-serif; font-size: 0.74rem;
      letter-spacing: 0.16em; text-transform: uppercase;
      padding: 12px 28px; border-radius: 4px; cursor: pointer;
      text-decoration: none;
      background: #111; color: #fff; border: 1px solid #111;
      transition: background 0.3s ease, color 0.3s ease;}
body .mj-wrap .journal-modal__cta-btn:hover{background: #333; border-color: #333;}
body .mj-wrap .journal-modal--blog .journal-modal__body{padding: 56px 48px 48px;
      gap: 18px;}
body .mj-wrap .journal-modal--blog .journal-modal__title{font-size: clamp(1.8rem, 3.6vw, 2.4rem);
      line-height: 1.2;
      max-width: 760px;}
body .mj-wrap .journal-modal--blog .journal-modal__subtitle{font-size: 1.15rem;
      max-width: 820px;}
body .mj-wrap .journal-modal--blog .journal-modal__cover{max-width: 820px;}
body .mj-wrap .journal-modal--blog .journal-modal__text{font-size: 15px;
      line-height: 1.5;
      color: #737373;
      max-width: 800px;
      text-align: justify;
      padding-top: 20px;}
body.journal-modal-open{overflow: hidden;}
@media (max-width: 900px){body .mj-wrap .journal{padding: 70px 32px 90px;}
body .mj-wrap .journal__feed{grid-template-columns: 1fr;}}
@media (max-width: 768px){body .mj-wrap .journal{padding: 50px 24px 70px;}
body .mj-wrap .journal__head{margin-bottom: 40px;}
body .mj-wrap .journal__subtitle{font-size: 14px; padding: 16px 20px;}
body .mj-wrap .journal-modal__body{padding: 36px 26px;}
body .mj-wrap .journal-modal--blog .journal-modal__body{padding: 44px 26px 36px;}
body .mj-wrap .journal-modal--blog .journal-modal__title,body .mj-wrap .journal-modal--blog .journal-modal__subtitle,body .mj-wrap .journal-modal--blog .journal-modal__cover,body .mj-wrap .journal-modal--blog .journal-modal__text{max-width: 100%;}
body .mj-wrap .journal-modal__close{top: -14px; right: -14px; width: 38px; height: 38px; font-size: 20px;}}
@media (max-width: 480px){body .mj-wrap .journal{padding: 36px 20px 56px;}
body .mj-wrap .journal__filter{font-size: 0.65rem; padding: 7px 14px;}
body .mj-wrap .journal-modal{padding: 32px 12px 24px;}
body .mj-wrap .journal__item-media,body .mj-wrap .journal__date{flex-basis: 80px; width: 80px; height: 80px;}
body .mj-wrap .journal__date-day{font-size: 1.7rem;}}
body .mj-wrap .journal__pager{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-top:40px}
body .mj-wrap .journal__page{font-family:'Open Sans',sans-serif;font-size:0.72rem;letter-spacing:0.14em;min-width:38px;padding:8px 12px;background:transparent;border:1px solid #cccccc;border-radius:6px;color:#111;cursor:pointer;transition:all 0.3s ease}
body .mj-wrap .journal__page:hover:not(:disabled){border-color:#111}
body .mj-wrap .journal__page.active{background:#111;color:#fff;border-color:#111}
body .mj-wrap .journal__page:disabled{opacity:0.35;cursor:default}
body .mj-wrap .journal__dots{color:#888;font-size:0.8rem}
body .mj-wrap .journal-modal--blog .journal-modal__text{text-align:justify;hyphens:auto}
body .mj-wrap .journal__empty{grid-column:1 / -1;text-align:center;color:#888;font-size:14px;padding:30px 0}
body .mj-wrap [hidden]{display:none !important}
/* Theme-proofing */
body .mj-wrap h2, body .mj-wrap h3, body .mj-wrap p{margin:0;padding:0;border:0}
body .mj-wrap button{font:inherit;box-shadow:none;text-shadow:none;margin:0;-webkit-appearance:none;appearance:none}
body .mj-wrap img{max-width:100%;height:auto;border:0;box-shadow:none}
body .mj-wrap .journal__item-media img,
body .mj-wrap .journal-modal__cover img{width:100%;height:100%}


/* ============================================================
   v1.3 - Designs. They follow the design chosen in My Website (My Website Parts uses the same one).
   Design 1 is the original look; designs 2 (Renaissance), 3 (Modern dark) and 4 (Vintage) add .mj-themed.
   ============================================================ */
body .mj-wrap.mj-d2 {
  --j-bg: #f1e9d9; --j-modal: #faf5ea; --j-sec-line: rgba(168, 132, 63, 0.35); --j-card: #fffcf5; --j-tile: #f3ece0; --j-text: #2b1d1a; --j-head: #3a1218; --j-muted: #5c4a42; --j-soft: #8a7a6c;
  --j-line: rgba(168, 132, 63, 0.45); --j-accent: #7a1f2b; --j-on: #faf5ea; --j-backdrop: rgba(42, 18, 21, 0.6);
  --j-event: #7a1f2b; --j-news: #4a6b4f; --j-blog: #8a6a2a; --j-up: #8a6a2a; --j-ongoing: #4a6b4f; --j-fin: #8a7a6c;
  --j-hf: 'Cormorant Garamond', serif; --j-bf: 'EB Garamond', serif; --j-hw: 600; --j-ht: uppercase; --j-hls: 0.06em;
  --j-bs: 16px; --j-r: 0; --j-br: 0; --j-filter: none;
  --j-orn-w: 88px; --j-orn-h: 7px; --j-orn-bt: 1px solid #a8843f; --j-orn-bb: 1px solid #a8843f; --j-orn-bg: none;
  --j-sub-bg: #f3ece0; --j-sub-bd: 3px double #a8843f; --j-sub-font: 'Cormorant Garamond', serif; --j-sub-size: 19px; --j-sub-style: italic; --j-sub-tt: none; --j-sub-ls: 0.02em;
}
body .mj-wrap.mj-d3 {
  --j-bg: #1f232d; --j-modal: #12141a; --j-sec-line: rgba(255, 255, 255, 0.08); --j-card: #12141a; --j-tile: #1b1e27; --j-text: #e6e8ee; --j-head: #ffffff; --j-muted: #a4a9b6; --j-soft: #7a8089;
  --j-line: rgba(255, 255, 255, 0.14); --j-accent: #5eead4; --j-on: #0b0c10; --j-backdrop: rgba(5, 6, 9, 0.74);
  --j-event: #5eead4; --j-news: #7dd3fc; --j-blog: #c4b5fd; --j-up: #fcd34d; --j-ongoing: #86efac; --j-fin: #7a8089;
  --j-hf: 'Space Grotesk', sans-serif; --j-bf: 'Inter', sans-serif; --j-hw: 600; --j-ht: none; --j-hls: -0.01em;
  --j-bs: 14px; --j-r: 4px; --j-br: 2px; --j-filter: none;
  --j-orn-w: 44px; --j-orn-h: 2px; --j-orn-bt: 0 solid transparent; --j-orn-bb: 0 solid transparent; --j-orn-bg: #5eead4;
  --j-sub-bg: #1b1e27; --j-sub-bd: 1px solid rgba(255, 255, 255, 0.14); --j-sub-font: 'Inter', sans-serif; --j-sub-size: 14px; --j-sub-style: normal; --j-sub-tt: none; --j-sub-ls: 0.01em;
}
body .mj-wrap.mj-d4 {
  --j-bg: #e9dcc0; --j-modal: #f2e8d2; --j-sec-line: rgba(59, 42, 30, 0.25); --j-card: #fbf5e6; --j-tile: #e9dcc0; --j-text: #3b2a1e; --j-head: #3b2a1e; --j-muted: #5a4636; --j-soft: #8f7d66;
  --j-line: rgba(59, 42, 30, 0.35); --j-accent: #c2612c; --j-on: #fff8e8; --j-backdrop: rgba(40, 26, 14, 0.7);
  --j-event: #c2612c; --j-news: #2f5d5a; --j-blog: #7b4a63; --j-up: #b06a1e; --j-ongoing: #2f5d5a; --j-fin: #8f7d66;
  --j-hf: 'Abril Fatface', serif; --j-bf: 'Courier Prime', monospace; --j-hw: 400; --j-ht: none; --j-hls: 0.01em;
  --j-bs: 13px; --j-r: 0; --j-br: 0; --j-filter: sepia(0.28) contrast(1.02);
  --j-orn-w: 84px; --j-orn-h: 4px; --j-orn-bt: 4px dotted #c2612c; --j-orn-bb: 0 solid transparent; --j-orn-bg: none;
  --j-sub-bg: #e0d2b2; --j-sub-bd: 2px dashed #2f5d5a; --j-sub-font: 'Courier Prime', monospace; --j-sub-size: 14px; --j-sub-style: normal; --j-sub-tt: none; --j-sub-ls: 0.02em;
}

body .mj-wrap.mj-themed { font-family: var(--j-bf); color: var(--j-text); }
/* The section is a visible step away from the logo block above (same tone family), so you can tell where one ends and the other starts. */
body .mj-wrap.mj-d1 .journal { background-color: #f0eeee; border-top: 1px solid #dedada; }
body .mj-wrap.mj-themed .journal { background-color: var(--j-bg); border-top: 1px solid var(--j-sec-line); }
body .mj-wrap.mj-themed .journal__title { font-family: var(--j-hf); font-weight: var(--j-hw); letter-spacing: var(--j-hls); text-transform: var(--j-ht); color: var(--j-head); }
body .mj-wrap.mj-themed .journal__title::after { content: ''; display: block; width: var(--j-orn-w); height: var(--j-orn-h); border-top: var(--j-orn-bt); border-bottom: var(--j-orn-bb); background: var(--j-orn-bg); margin: 20px auto 0; }
body .mj-wrap.mj-themed .journal__subtitle { background-color: var(--j-sub-bg); border: var(--j-sub-bd); border-radius: var(--j-r); font-family: var(--j-sub-font); font-size: var(--j-sub-size); font-style: var(--j-sub-style); font-weight: 400; letter-spacing: var(--j-sub-ls); text-transform: var(--j-sub-tt); color: var(--j-muted); }
body .mj-wrap.mj-d2 .journal__subtitle { color: var(--j-head); font-weight: 500; }
body .mj-wrap.mj-themed .journal__filter { font-family: var(--j-bf); font-weight: 600; color: var(--j-muted); border-color: var(--j-line); border-radius: var(--j-br); }
body .mj-wrap.mj-themed .journal__filter:hover { border-color: var(--j-accent); color: var(--j-accent); }
body .mj-wrap.mj-themed .journal__filter.active { background: var(--j-accent); color: var(--j-on); border-color: var(--j-accent); }
body .mj-wrap.mj-themed .journal__item { background: var(--j-card); border-color: var(--j-line); border-radius: var(--j-r); }
body .mj-wrap.mj-themed .journal__item:hover { border-color: var(--j-accent); box-shadow: none; }
body .mj-wrap.mj-themed .journal__item-media { border-radius: var(--j-br); background: var(--j-tile); }
body .mj-wrap.mj-themed .journal__item-media img,
body .mj-wrap.mj-themed .journal-modal__cover img { filter: var(--j-filter); }
body .mj-wrap.mj-themed .journal__date { background: var(--j-tile); border-color: var(--j-line); border-radius: var(--j-br); }
body .mj-wrap.mj-themed .journal__date-day { font-family: var(--j-hf); font-weight: var(--j-hw); color: var(--j-head); letter-spacing: 0; }
body .mj-wrap.mj-themed .journal__date-month { font-family: var(--j-bf); color: var(--j-soft); }
body .mj-wrap.mj-themed .journal__item-type,
body .mj-wrap.mj-themed .journal-modal__type { font-family: var(--j-bf); font-weight: 700; }
body .mj-wrap.mj-themed .journal__item-status,
body .mj-wrap.mj-themed .journal-modal__status { font-family: var(--j-bf); font-weight: 600; border-radius: var(--j-br); }
body .mj-wrap.mj-themed .journal__item-status--upcoming { color: var(--j-up); }
body .mj-wrap.mj-themed .journal__item-status--ongoing { color: var(--j-ongoing); }
body .mj-wrap.mj-themed .journal__item-status--finished { color: var(--j-fin); }
body .mj-wrap.mj-themed .journal__item[data-type="event"] { --type-color: var(--j-event); }
body .mj-wrap.mj-themed .journal__item[data-type="news"] { --type-color: var(--j-news); }
body .mj-wrap.mj-themed .journal__item[data-type="blog"] { --type-color: var(--j-blog); }
body .mj-wrap.mj-themed .journal__item-title { font-family: var(--j-hf); font-weight: var(--j-hw); letter-spacing: var(--j-hls); text-transform: var(--j-ht); color: var(--j-head); font-size: 1.05rem; }
body .mj-wrap.mj-d2 .journal__item-title { font-size: 1.2rem; }
body .mj-wrap.mj-themed .journal__item-meta { font-family: var(--j-bf); font-size: var(--j-bs); color: var(--j-soft); }
body .mj-wrap.mj-d3 .journal__item-meta { font-size: 12px; }
body .mj-wrap.mj-d4 .journal__item-meta { font-size: 12px; }
body .mj-wrap.mj-themed .journal__item-excerpt { font-family: var(--j-bf); font-size: var(--j-bs); color: var(--j-muted); }
body .mj-wrap.mj-d3 .journal__item-excerpt { font-size: 13.5px; }
body .mj-wrap.mj-d4 .journal__item-excerpt { font-size: 12.5px; }
body .mj-wrap.mj-themed .journal__item-btn { font-family: var(--j-bf); font-weight: 600; color: var(--j-head); border-color: var(--j-line); border-radius: var(--j-br); }
body .mj-wrap.mj-themed .journal__item-btn:hover { background: var(--j-accent); border-color: var(--j-accent); color: var(--j-on); }
body .mj-wrap.mj-themed .journal__page { font-family: var(--j-bf); font-weight: 600; color: var(--j-muted); border-color: var(--j-line); border-radius: var(--j-br); }
body .mj-wrap.mj-themed .journal__page:hover:not(:disabled) { border-color: var(--j-accent); color: var(--j-accent); }
body .mj-wrap.mj-themed .journal__page.active { background: var(--j-accent); color: var(--j-on); border-color: var(--j-accent); }
body .mj-wrap.mj-themed .journal__dots,
body .mj-wrap.mj-themed .journal__empty { font-family: var(--j-bf); color: var(--j-soft); }

/* modal */
body .mj-wrap.mj-themed .journal-modal__backdrop { background: var(--j-backdrop); }
body .mj-wrap.mj-themed .journal-modal__dialog { background: var(--j-modal); border: 1px solid var(--j-line); border-radius: var(--j-r); box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35); }
body .mj-wrap.mj-themed .journal-modal__close { background: var(--j-modal); border-color: var(--j-line); color: var(--j-head); box-shadow: none; }
body .mj-wrap.mj-themed .journal-modal__close:hover { background: var(--j-accent); border-color: var(--j-accent); color: var(--j-on); transform: none; }
body .mj-wrap.mj-themed .journal-modal__title { font-family: var(--j-hf); font-weight: var(--j-hw); letter-spacing: var(--j-hls); text-transform: var(--j-ht); color: var(--j-head); }
body .mj-wrap.mj-themed .journal-modal__meta { font-family: var(--j-bf); color: var(--j-soft); }
body .mj-wrap.mj-themed .journal-modal__subtitle { font-family: var(--j-hf); color: var(--j-muted); }
body .mj-wrap.mj-themed .journal-modal__cover { border-radius: var(--j-br); background: var(--j-tile); }
body .mj-wrap.mj-themed .journal-modal__text,
body .mj-wrap.mj-themed .journal-modal--blog .journal-modal__text { font-family: var(--j-bf); color: var(--j-muted); font-size: var(--j-bs); }
body .mj-wrap.mj-themed .journal-modal__text h3 { font-family: var(--j-hf); font-weight: var(--j-hw); color: var(--j-head); }
body .mj-wrap.mj-themed .journal-modal__cta { border-top-color: var(--j-line); }
body .mj-wrap.mj-themed .journal-modal__cta-btn { font-family: var(--j-bf); font-weight: 600; background: var(--j-accent); color: var(--j-on); border-color: var(--j-accent); border-radius: var(--j-br); }
body .mj-wrap.mj-themed .journal-modal__cta-btn:hover { background: transparent; color: var(--j-accent); border-color: var(--j-accent); }