.blog{max-width:42rem}.blog h1{text-wrap:balance;letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800;line-height:1.05}.blog h2{letter-spacing:-.02em;margin:2.5rem 0 .75rem;font-size:1.6rem;font-weight:800;line-height:1.2}.blog h3{margin:2rem 0 .5rem;font-size:1.25rem;font-weight:700;line-height:1.3}.blog p,.blog ul,.blog ol,.blog blockquote{margin-bottom:1.1rem}.blog blockquote{border-inline-start:4px solid var(--color-ticket-edge);color:var(--color-ink-soft);padding-inline-start:1rem}.blog ul{padding-inline-start:1.25rem;list-style:outside}.blog ol{padding-inline-start:1.5rem;list-style:decimal}.blog li{margin-bottom:.4rem}.blog li::marker{color:var(--color-ink-soft)}.blog a{text-underline-offset:3px;font-weight:600;text-decoration:underline}.blog strong{font-weight:700}.blog-intro{color:var(--color-ink-soft);font-size:1.25rem}.blog-crumbs{color:var(--color-ink-soft);margin-bottom:1.5rem;font-size:.95rem}.blog .blog-crumbs a{font-weight:400}.blog-meta{color:var(--color-ink-soft);margin-bottom:.5rem;font-size:.95rem}.blog-by{align-items:center;gap:.6rem;margin:0 0 1.5rem;font-size:.95rem;font-weight:600;display:flex}.blog-by img{border-radius:8px}.blog-cover{width:100%;height:auto;box-shadow:0 0 0 1px var(--color-line);border-radius:20px;margin:0 0 2.25rem;display:block}.blog-list{gap:1rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}@media (width>=768px){.blog-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.blog-list li{box-shadow:0 0 0 1px var(--color-line);background:#fff;border-radius:20px;flex-direction:column;padding:1.5rem;transition:box-shadow .15s;display:flex;position:relative}.blog-list li:hover{box-shadow:0 0 0 2px var(--color-ink)}.blog-list a{text-decoration:none}.blog-list a:after{content:"";border-radius:20px;position:absolute;inset:0}.blog-list h2{letter-spacing:-.02em;max-width:30ch;margin:0;font-size:1.35rem;font-weight:800;line-height:1.2}.blog-list .blog-meta{order:-1;margin:0 0 .75rem;font-size:.875rem}.blog-list p:last-child{max-width:60ch;color:var(--color-ink-soft);margin:.5rem 0 0}.blog:has(.blog-list){max-width:none}.blog:has(.blog-list) .blog-intro{max-width:46ch}