.blog-article{--reading-width:700px;--reading-font:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;max-width:1040px;padding-block:56px 80px}.blog-article>.back-link,.blog-article>.page-heading,.blog-article>.tag-list{width:min(100%,var(--reading-width));margin-inline:auto}.blog-article>.back-link{display:block;margin-bottom:32px;font-size:14px}.blog-article>.page-heading{margin-bottom:36px}.blog-article .page-heading .eyebrow{margin-bottom:18px;font-size:12px}.blog-article .page-heading h1{font-family:var(--pixel);font-size:clamp(32px,3.4vw,52px);font-weight:400;line-height:1.2;letter-spacing:normal;text-wrap:wrap;margin-bottom:24px}.blog-article .page-heading p:not(.eyebrow){max-width:none;font-size:21px;line-height:1.55;color:#b9c4c7;margin-bottom:0}.blog-article .post-lead-image{max-width:880px;margin:0 auto 48px}.blog-article .post-lead-image .post-cover{aspect-ratio:auto;max-height:360px;object-fit:contain;background:0 0;border:0}.blog-article .prose{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,var(--reading-width))minmax(0,1fr);font:19px/1.8 var(--reading-font);overflow-wrap:normal}.blog-article .prose>*{grid-column:2;min-width:0;max-width:100%}.blog-article .prose>:is(p,ul,ol,blockquote){max-width:none}.blog-article .prose>p{margin-bottom:1.5em}.blog-article .prose :is(p,li){color:#c5ced1;-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:7 3 3}.blog-article .prose :is(pre,code,kbd,samp,a,button,input,textarea,select){-webkit-hyphens:none;hyphens:none}.blog-article .prose :is(a,:not(pre)>code){overflow-wrap:anywhere}.blog-article .prose li+li{margin-top:.6em}.blog-article .prose strong{font-weight:600;color:var(--ink)}.blog-article .prose :is(h2,h3,h4){font-family:var(--reading-font);font-weight:600;letter-spacing:normal;text-wrap:wrap}.blog-article .prose h2{font-family:var(--pixel);font-weight:400;font-size:30px;line-height:1.25;margin-block:64px 24px}.blog-article .prose h3{font-size:24px;line-height:1.35;margin-block:44px 20px}.blog-article .prose .shareable-heading{margin-inline:0;padding-inline:0}.blog-article .prose .heading-permalink{inset-inline-start:-30px;inline-size:24px;top:.15em}.blog-article .prose>.mibo-lab{grid-column:1/-1}.blog-article .prose :is(.editorial-figure,.editorial-table,.highlight,.editorial-callout,blockquote){box-shadow:none}.blog-article .prose .editorial-figure{margin-block:48px;border:0;background:0 0}.blog-article .prose :is(.editorial-figure,.editorial-table,.editorial-callout)::before{display:none}.blog-article .prose .editorial-figure::before{display:block;content:'JOJO’S / FIELD NOTES';position:static;width:auto;height:auto;margin-bottom:12px;padding-left:14px;background:linear-gradient(var(--copper),var(--copper))0/5px 5px no-repeat;color:var(--cyan);font:12px/1.5 var(--pixel);letter-spacing:1px}.blog-article .prose .editorial-media{padding:10px;border:1px solid var(--line);background:linear-gradient(var(--cyan),var(--cyan))0 0/10px 2px no-repeat,linear-gradient(var(--cyan),var(--cyan))0 0/2px 10px no-repeat,linear-gradient(var(--copper),var(--copper))100% 100%/10px 2px no-repeat,linear-gradient(var(--copper),var(--copper))100% 100%/2px 10px no-repeat,#101a22}.blog-article .prose .editorial-figure:has(img[src$=".svg"]) .editorial-media{padding:0;border-color:transparent;background:0 0}.blog-article .prose .editorial-media img{max-height:640px}.blog-article .prose .editorial-diagram .editorial-media img{width:100%;min-width:0;max-width:100%;max-height:none}.blog-article .prose .editorial-figure figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;max-width:var(--reading-width);margin-inline:auto;padding:14px 0 0;border:0;font:14px/1.55 var(--reading-font);color:#a4b1b5}.blog-article .prose .editorial-figure figcaption::before{width:5px;height:5px}.blog-article .prose .editorial-caption{flex:1 1 360px}.blog-article .prose .editorial-figure figcaption a{font:inherit;white-space:normal;margin-left:17px}.blog-article .prose :is(.editorial-callout,blockquote){margin-block:28px;padding:18px 24px;border:0;border-left:2px solid var(--copper);background:#13212a}.blog-article .prose blockquote::before{display:none}.blog-article .prose .editorial-callout-title{padding-left:14px;background:linear-gradient(var(--cyan),var(--cyan))0/5px 5px no-repeat;font:12px/1.5 var(--pixel)}.blog-article .prose .highlight{margin-block:40px;border:1px solid var(--line);border-radius:0;background:#101a22}.blog-article .prose .highlight::before{display:block;content:'JOJO’S / SOURCE';padding:9px 16px 9px 30px;color:var(--cyan);border-bottom:1px solid var(--line);background:linear-gradient(var(--copper),var(--copper))16px/5px 5px no-repeat,#14232b;font:12px/1.5 var(--pixel)}.blog-article .prose .highlight::after{display:none}.blog-article .prose .highlight pre{padding-block:20px;font-size:15px;line-height:1.65}.blog-article .prose :not(pre)>code{padding:.05em .18em;background:#99d6cb08}.blog-article .prose .highlight code{padding:0;background:0 0}.blog-article .prose .editorial-table{margin-block:36px;border:1px solid var(--line);border-top:2px solid var(--copper);border-radius:0;font:16px/1.6 var(--reading-font)}.blog-article .prose .editorial-table table{width:100%;min-width:0;table-layout:auto}.blog-article .prose .editorial-table caption{padding:12px 16px;text-align:left;color:var(--cyan);background:#101e27;border-bottom:1px solid var(--line);font:12px/1.5 var(--pixel)}.blog-article .prose .editorial-table :is(th,td){min-width:20ch;padding:14px 16px;overflow-wrap:break-word;word-break:normal;border-bottom:1px solid var(--line)}.blog-article .prose .editorial-table th{background:#192b34;color:var(--ink);font-size:13px;font-weight:600;border-bottom-width:1px}.blog-article .prose .editorial-table tr:nth-child(even) td{background:#99d6cb04}.blog-article .prose .editorial-table table:has(tr>:last-child:nth-child(2)) :is(th,td):first-child{width:32%}.blog-article .prose .editorial-table td code{white-space:nowrap;overflow-wrap:normal}.blog-article .prose .editorial-table tbody tr:last-child td{border-bottom:0}.blog-article .prose .editorial-table td:first-child{color:var(--ink);font-weight:550}.blog-article .mibo-lab{width:min(100%,880px);justify-self:center;margin-block:40px;padding:24px;border-top-width:3px;box-shadow:4px 4px #050c12}.blog-article .mibo-lab :is(p,h3){max-width:var(--reading-width);margin-inline:auto}.blog-article .mibo-lab h3{font:650 24px/1.3 var(--reading-font)}.blog-article .prose .footnotes{margin-top:48px;font:15px/1.65 var(--reading-font)}.blog-article .prose .footnotes hr{border-top:1px solid var(--line)}.blog-article>.tag-list{margin-top:40px}@media(max-width:680px){.blog-article{padding-block:36px 56px}.blog-article .page-heading h1{font-size:32px;line-height:1.2;letter-spacing:normal}.blog-article .page-heading p:not(.eyebrow){font-size:19px}.blog-article .post-lead-image{margin-bottom:32px}.blog-article .prose{font-size:18px;line-height:1.8}.blog-article .prose h2{font-family:var(--pixel);font-weight:400;font-size:26px;margin-top:40px}.blog-article .prose h3{font-size:22px}.blog-article .prose .heading-permalink{inset-inline-start:-20px;inline-size:18px}.blog-article .prose .highlight pre{font-size:13px;padding-block:16px}.blog-article .prose .editorial-figure figcaption{gap:8px;font-size:13px}.blog-article .prose .editorial-caption{flex-basis:calc(100% - 16px)}.blog-article .prose .editorial-figure figcaption a{margin-left:13px}.blog-article .prose .editorial-table{font-size:14px;line-height:1.6}.blog-article .prose .editorial-table :is(th,td){padding:10px}.blog-article .mibo-lab{padding:16px}}