.blog-detail-page{--map:#f2ecdd;--surface:var(--map);--panel:color-mix(in srgb, var(--map), white 55%);--ink:#1d2747;--line:#8790b5;--edge:color-mix(in srgb, var(--ink), transparent 60%);--marker:#b93d14;--pin:#e8592a;--shadow:#1d2747}.dark .blog-detail-page{--map:#07080d;--surface:#040509b3;--panel:#040509cc;--ink:#f1e8d4;--line:#3d4a78;--edge:color-mix(in srgb, var(--ink), transparent 80%);--marker:#ff8a4c;--pin:#ff8a4c;--shadow:#000}.blog-detail-map{border-color:var(--edge);background-image:linear-gradient(color-mix(in srgb, var(--ink) 7%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--ink) 7%, transparent) 1px, transparent 1px);box-shadow:0 .35rem .8rem -.35rem color-mix(in srgb, var(--shadow) 28%, transparent), 0 1.6rem 3rem -1.4rem color-mix(in srgb, var(--shadow) 42%, transparent);background-size:2rem 2rem}.blog-detail-map:after{z-index:-2;background:linear-gradient(105deg, var(--surface) 8%, color-mix(in srgb, var(--surface) 93%, transparent) 53%, transparent 76%);content:"";position:absolute;inset:0}.blog-detail-contours span{inset:calc(var(--ring-index,0) * 7%);border:2px solid color-mix(in oklab, var(--line), var(--pin) calc(var(--ring-index,0) * 22%));opacity:.75;border-radius:47% 53% 61% 39%/41% 35% 65% 59%;position:absolute}.blog-detail-contours span:first-child{--ring-index:0}.blog-detail-contours span:nth-child(2){--ring-index:1;transform:rotate(8deg)}.blog-detail-contours span:nth-child(3){--ring-index:2;transform:rotate(-10deg)}.blog-detail-contours span:nth-child(4){--ring-index:3;transform:rotate(15deg)}.blog-detail-contours span:nth-child(5){--ring-index:4;transform:rotate(-17deg)}.blog-detail-contours i{border:.24rem solid var(--map);background:var(--pin);width:1rem;height:1rem;box-shadow:0 0 0 2px var(--pin), 0 0 0 .75rem color-mix(in srgb, var(--pin) 16%, transparent);border-radius:50%;position:absolute;top:47%;left:53%}.blog-detail-meta{border-color:color-mix(in srgb, var(--ink), transparent 65%)}.blog-detail-intro p{color:color-mix(in srgb, var(--ink), transparent 16%)}.blog-detail-intro h1{overflow-wrap:anywhere}.blog-detail-footer{border-color:color-mix(in srgb, var(--ink), transparent 65%)}.blog-detail-reading-meta span+span:before{color:color-mix(in srgb, var(--ink), transparent 48%);content:"/";margin-right:.8rem}.blog-detail-body{border-color:var(--edge);background:linear-gradient(color-mix(in srgb, var(--ink) 4%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--ink) 4%, transparent) 1px, transparent 1px), var(--panel);box-shadow:0 .3rem .7rem -.3rem color-mix(in srgb, var(--shadow) 22%, transparent), 0 1.4rem 2.8rem -1.5rem color-mix(in srgb, var(--shadow) 36%, transparent);background-size:2rem 2rem}.blog-detail-body-label{border-color:color-mix(in srgb, var(--ink), transparent 70%)}.blog-detail-page ::selection{background:color-mix(in srgb, var(--marker) 30%, transparent);color:inherit}.blog-detail-page :focus-visible{outline:2px solid var(--marker);outline-offset:3px;border-radius:2px}.blog-detail-prose{color:color-mix(in srgb, var(--ink), black 8%)}.dark .blog-detail-prose{color:color-mix(in srgb, var(--ink), transparent 10%)}.blog-detail-prose :where(h1,h2,h3,h4){color:var(--ink);letter-spacing:-.04em;text-wrap:balance;overflow-wrap:anywhere;font-weight:760}.blog-detail-prose :where(h2,h3,h4){scroll-margin-top:7rem}.blog-detail-prose :where(h2):before{background:var(--marker);width:.42em;height:.42em;box-shadow:0 0 0 .16em color-mix(in srgb, var(--marker) 22%, transparent);vertical-align:.18em;content:"";border-radius:50%;margin-right:.55em;display:inline-block}.blog-detail-prose :where(a){color:var(--marker);text-decoration-color:color-mix(in srgb, var(--marker) 50%, transparent);text-underline-offset:.2em;text-decoration-thickness:.08em}.blog-detail-prose :where(a):hover{text-decoration-color:var(--marker);text-decoration-thickness:.14em}@media (prefers-reduced-motion:no-preference){.blog-detail-prose :where(a){transition:text-decoration-color .16s ease-out,text-decoration-thickness .16s ease-out}}.blog-detail-prose :where(strong){color:var(--ink)}.blog-detail-prose :where(blockquote){border-left-color:var(--marker);color:color-mix(in srgb, var(--ink), transparent 16%)}.blog-detail-prose :where(code):not(:where(pre code)){border:1px solid color-mix(in srgb, var(--ink), transparent 78%);border-radius:var(--radius-xs);background:color-mix(in srgb, var(--map), white 30%);color:var(--ink)}.dark .blog-detail-prose :where(code):not(:where(pre code)){background:color-mix(in srgb, var(--ink) 8%, var(--map))}.blog-detail-prose :where(hr){border-color:color-mix(in srgb, var(--ink), transparent 72%)}.blog-detail-prose :where(audio){width:100%;accent-color:var(--marker);margin-block:0 2rem}.blog-detail-prose :where(pre,table){max-width:100%;overflow-x:auto}.blog-detail-prose :where(table){display:block}.blog-detail-prose :where(img,video,iframe){max-width:100%}