.blog{flex-direction:column;min-height:100svh;display:flex}.blog__top{width:min(760px,100%);padding:.9rem var(--gutter) 0;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;display:flex}.blog__back{color:var(--ink);-webkit-text-decoration:underline wavy var(--crayon-purple);text-decoration:underline wavy var(--crayon-purple);text-underline-offset:5px}.blog__theme{background:0 0;border:0;padding:.3rem}.blog__theme svg{width:28px}.blog__page{width:min(760px,100%);padding:2rem var(--gutter) 4rem;flex:1;margin:0 auto}.blog__heading{font-size:inherit;font-weight:inherit;margin:0 0 .6rem}.blog__intro{color:var(--ink-soft);margin:0 0 2.5rem}.blog__footer{padding:2rem var(--gutter) 2.5rem;color:var(--ink-soft);text-align:center;font-size:1rem}.blog__footer a{color:inherit}.blog__tags{--chip-colour:var(--crayon-purple);flex-wrap:wrap;gap:.4rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.blog__tags .chip{font-size:.95rem}.blog__draft{border:2px solid var(--crayon-red);color:var(--ink-red);letter-spacing:.06em;text-transform:uppercase;border-radius:4px 2px 5px 3px;margin-left:.6rem;padding:0 .5rem;font-size:.85rem;display:inline-block;rotate:-4deg}.blog__empty{color:var(--ink-soft);text-align:center;justify-items:center;gap:.5rem;padding:3rem 0;display:grid}.blog__empty-doodle{width:80px}.blog-list{gap:1.6rem;margin:0;padding:0;list-style:none;display:grid}.blog-card{border:2px solid color-mix(in srgb, var(--ink-soft) 35%, transparent);background:linear-gradient(90deg, transparent 1.6rem, color-mix(in srgb, var(--crayon-red) 35%, transparent) 1.6rem 1.7rem, transparent 1.7rem), repeating-linear-gradient(transparent 0 1.9rem, color-mix(in srgb, var(--crayon-blue) 14%, transparent) 1.9rem 2rem), color-mix(in srgb, var(--paper) 94%, var(--paper-shade));border-radius:14px 5px 12px 6px/6px 12px 5px 14px;padding:1.1rem 1.3rem 1.2rem 2.6rem;transition:transform .2s;position:relative}.blog-list li:nth-child(odd) .blog-card{rotate:-.4deg}.blog-list li:nth-child(2n) .blog-card{rotate:.5deg}.blog-card:hover{transform:translateY(-2px)}.blog-card__date{color:var(--ink-soft);margin:0;font-size:1rem}.blog-card__title{font-size:1.6rem;font-weight:inherit;margin:.1rem 0 .3rem;line-height:1.25}.blog-card__title a{color:var(--ink);text-decoration:none}.blog-card__title a:after{content:"";position:absolute;inset:0}.blog-card__title a:hover,.blog-card__title a:focus-visible{color:var(--ink-purple)}.blog-card__summary{margin:0}.blog-post__head{margin-bottom:2rem}.blog-post__title{font-size:clamp(2rem,6vw,2.8rem);font-weight:inherit;margin:0;line-height:1.15}.blog-post__underline{width:min(320px,70%);margin:.2rem 0 .6rem;display:block}.prose{font-size:1.22rem;line-height:1.6}.prose>*{margin:0 0 1.1rem}.prose h2,.prose h3,.prose h4{font-weight:inherit;margin:2.2rem 0 .6rem;line-height:1.25}.prose h2{color:var(--ink-blue);font-size:1.75rem}.prose h3{color:var(--ink-green);font-size:1.4rem}.prose a{color:inherit;-webkit-text-decoration:underline wavy var(--crayon-blue);text-decoration:underline wavy var(--crayon-blue);text-underline-offset:4px;text-decoration-thickness:1.5px}.prose ul,.prose ol{padding-left:1.4rem}.prose li+li{margin-top:.3rem}.prose ul li::marker{color:var(--crayon-orange)}.prose blockquote{border-left:4px solid color-mix(in srgb, var(--crayon-yellow) 70%, transparent);color:var(--ink-soft);border-radius:2px;margin-left:0;padding:.2rem 0 .2rem 1rem}.prose code{background:var(--paper-shade);border-radius:4px;padding:.05rem .3rem;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.85em}.prose pre{border:2px dashed color-mix(in srgb, var(--ink-soft) 35%, transparent);background:var(--paper-shade);border-radius:10px;padding:.9rem 1rem;line-height:1.45;overflow-x:auto}.prose pre code{background:0 0;padding:0;font-size:.82em}.prose img{background:#fffdf8;border-radius:3px;max-width:100%;height:auto;margin:.5rem auto;padding:.5rem;rotate:-.6deg;box-shadow:0 3px 10px #4632142e}:root[data-theme=dark] .prose img{background:#e9e5da;box-shadow:0 3px 12px #00000073}.prose hr{background:repeating-linear-gradient(90deg, var(--ink-soft) 0 10px, transparent 10px 16px);opacity:.5;border:0;height:2px}.prose table{border-collapse:collapse;width:100%;font-size:1.05rem}.prose th,.prose td{border-bottom:1.5px solid color-mix(in srgb, var(--ink-soft) 35%, transparent);text-align:left;padding:.35rem .6rem}@media (prefers-reduced-motion:reduce){.blog-card{transition:none}}