.vi{ color:var(--vi); }
.ghost-content{ margin:0 auto; }
.ghost-content > *:first-child{ margin-top:0; }
.ghost-content h1{ font-family:var(--f-display); font-weight:900; font-size:clamp(32px,5vw,52px);
  letter-spacing:-.03em; line-height:1.05; color:var(--ink); margin:64px 0 20px; text-align:center; }
.ghost-content h1 em{ color:var(--vi); font-style:normal; display:block; }
.ghost-content h2{ font-family:var(--f-display); font-weight:700; font-size:clamp(21px,2.6vw,28px);
  letter-spacing:-.02em; color:var(--ink); margin:54px 0 16px; }
.ghost-content h3{ font-family:var(--f-mono); font-weight:500; font-size:16px; letter-spacing:.02em;
  color:var(--vi); margin:26px 0 8px; }
.ghost-content h4{ font-family:var(--f-mono); font-weight:500; font-size:15px; letter-spacing:.02em;
  color:var(--ink); margin:22px 0 8px; }
.ghost-content p{ font-family:var(--f-mono); font-size:16px; line-height:1.8;
  color:rgba(9,9,14,.82); margin:0 0 18px; }
.ghost-content a{ color:var(--vi); text-decoration:underline; text-underline-offset:3px;
  transition:color .2s ease; }
.ghost-content a:hover{ color:var(--vi2); }
.ghost-content strong{ color:var(--ink); font-weight:500; }
.ghost-content em{ font-style:italic; }
.ghost-content ul,
.ghost-content ol{ margin:0 0 22px; padding:0; display:flex; flex-direction:column; gap:13px; }
.ghost-content ul{ list-style:none; }
.ghost-content ol{ list-style:none; counter-reset:ghost-ol; }
.ghost-content li{ position:relative; padding-left:30px; font-family:var(--f-mono); font-size:16px;
  line-height:1.7; color:rgba(9,9,14,.82); }
.ghost-content ul > li::before{ content:""; position:absolute; left:2px; top:.45em; width:11px; height:12px;
  background:var(--vi); clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%); }
.ghost-content ol > li{ counter-increment:ghost-ol; }
.ghost-content ol > li::before{ content:counter(ghost-ol); position:absolute; left:0; top:2px;
  font-family:var(--f-mono); font-size:16px; font-weight:500; color:var(--vi); }
.ghost-content blockquote{ margin:32px 0; padding:20px 28px; border-left:3px solid var(--vi);
  background:rgba(85,18,224,.04); border-radius:0 12px 12px 0; }
.ghost-content blockquote p{ color:var(--ink); font-size:17px; margin:0; }
.ghost-content hr{ border:none; border-top:1px solid var(--ink3); margin:48px 0; }
.ghost-content pre{ background:var(--vd); color:var(--b); padding:22px 26px; border-radius:14px;
  overflow-x:auto; margin:0 0 22px; font-family:var(--f-mono); font-size:14px; line-height:1.7; }
.ghost-content code{ font-family:var(--f-mono); font-size:.9em; background:rgba(85,18,224,.08);
  color:var(--vi6); padding:2px 6px; border-radius:4px; }
.ghost-content pre code{ background:none; color:inherit; padding:0; border-radius:0; font-size:inherit; }
.ghost-content img{ border-radius:14px; margin:28px 0; }
.ghost-content figure{ margin:28px 0; }
.ghost-content figcaption{ font-family:var(--f-mono); font-size:13px; color:rgba(9,9,14,.5);
  text-align:center; margin-top:10px; }
.ghost-content table{ width:100%; table-layout:auto; border-collapse:collapse; margin:0 0 22px;
  font-family:var(--f-mono); font-size:15px; }
.ghost-content th{ padding:0.5em 0.75em; text-align:left; font-weight:700; color:var(--ink); }
.ghost-content td{ padding:0.5em 0.75em; text-align:left; color:rgba(9,9,14,.82); }

.ghost-content .kg-width-wide{ max-width:1040px; margin-left:auto; margin-right:auto; }
.ghost-content .kg-width-full{ max-width:none; margin-left:calc(-50vw + 50%); margin-right:calc(-50vw + 50%); width:100vw; }
.ghost-content .kg-width-wide img,
.ghost-content .kg-width-full img{ max-width:100%; height:auto; }
.ghost-content .kg-image-card img,
.ghost-content .kg-gallery-image img{ max-width:100%; height:auto; }
.ghost-content .kg-bookmark-card{ margin:0 0 22px; }
.ghost-content .kg-bookmark-container{ display:flex; border:1px solid var(--ink3); border-radius:14px;
  overflow:hidden; text-decoration:none; color:inherit; transition:border-color .2s; }
.ghost-content .kg-bookmark-container:hover{ border-color:var(--vi); }
.ghost-content .kg-bookmark-content{ flex:1; padding:18px 22px; }
.ghost-content .kg-bookmark-title{ font-family:var(--f-mono); font-size:15px; font-weight:500;
  color:var(--ink); margin:0 0 6px; text-decoration:none; }
.ghost-content .kg-bookmark-description{ font-family:var(--f-mono); font-size:13px; color:rgba(9,9,14,.6);
  line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.ghost-content .kg-bookmark-metadata{ display:flex; align-items:center; gap:8px; margin-top:10px; }
.ghost-content .kg-bookmark-icon{ width:18px; height:18px; border-radius:3px; }
.ghost-content .kg-bookmark-author,
.ghost-content .kg-bookmark-publisher{ font-family:var(--f-mono); font-size:12px; color:rgba(9,9,14,.5); }
.ghost-content .kg-bookmark-thumbnail{ width:160px; min-height:100%; object-fit:cover; }

.ghost-listing article{ margin:0 0 42px; }
.ghost-listing article h2{ font-family:var(--f-display); font-weight:700; font-size:clamp(20px,2.4vw,26px);
  letter-spacing:-.02em; color:var(--ink); margin:0 0 6px; }
.ghost-listing article h2 a{ color:var(--ink); text-decoration:none; transition:color .2s; }
.ghost-listing article h2 a:hover{ color:var(--vi); }
.ghost-listing article time{ font-family:var(--f-mono); font-size:13px; color:rgba(9,9,14,.45);
  letter-spacing:.04em; }
.ghost-listing article p{ font-family:var(--f-mono); font-size:15.4px; line-height:1.7;
  color:rgba(9,9,14,.72); margin:8px 0 0; }

.ghost-post-header{ margin:0 0 44px; }
.ghost-post-header h1{ font-family:var(--f-display); font-weight:900; font-size:clamp(32px,5vw,56px);
  letter-spacing:-.03em; line-height:1.05; color:var(--ink); margin:0 0 14px; }
.ghost-post-header time{ font-family:var(--f-mono); font-size:13px; color:rgba(9,9,14,.45);
  letter-spacing:.04em; }
.ghost-post-header img{ border-radius:14px; margin:28px 0 0; max-width:100%; height:auto; }

.gh-content > *{ grid-column:unset !important; }
.gh-content .kg-card, .gh-content figure{ max-width:none !important; overflow:visible !important; }
.gh-content *:has(> table){ max-width:none !important; overflow:visible !important; }
.kg-table-card, .kg-width-wide, .kg-width-full{ max-width:none !important; overflow:visible !important; }
.gh-content h2, .gh-content h3, .gh-content h4{ font-family:Unbounded, sans-serif; color:#5512E0 !important; }
.gh-content a{ color:#5512E0 !important; }
#hex-share a{ color:#fff !important; }
#hex-related a{ color:#1d1d1f !important; text-decoration:none !important; }
.gh-content ul, .gh-content ol{ text-align:left !important; display:inline-block; }
.gh-content li{ text-align:left !important; color:#5512E0 !important; }
.gh-article-meta, .post-full-byline, .byline-meta-content, .gh-article-meta-wrapper, .post-share, .gh-share{ display:none !important; }
.ghost-post-header h1{ display:none !important; }
