@layer defaults,components,themes,decorations;@layer components{.blog-page .ui-topbar a{color:inherit;text-decoration:none;font-weight:700}.blog{max-width:44rem;margin:0 auto;padding:32px 16px 64px}.blog h1,.blog h2,.blog h3{line-height:1.3}.blog-article{padding:28px clamp(18px,5vw,44px);border-radius:var(--corner-large);background:var(--panel-fill);box-shadow:var(--card-shadow)}.blog-article h1{font-size:34px;margin:0 0 4px}.blog-byline{margin:0;font-size:var(--size-small);font-weight:700}.blog-date{margin:0 0 24px;font-size:var(--size-small)}.blog-article img,.blog-article video{max-width:100%;height:auto}.blog-article blockquote{margin:1em 0;padding-left:16px;border-left:3px solid var(--line);color:var(--text-muted)}.blog-article code{font-size:.9em}.blog-article rt{font-size:.55em}.blog-passage{display:grid;grid-template-columns:1fr 250px;gap:20px;align-items:start;margin:1em 0}.blog-passage blockquote,.blog-passage blockquote p{margin:0}.blog-list{list-style:none;margin:0;padding:0;display:grid;gap:16px}.blog-list a{text-decoration:none}.blog-list h2{margin:0 0 2px}.blog-list .blog-date{margin-bottom:8px}.blog-list p{margin:0}.blog-end{margin:32px 0 0;text-align:center}@media (max-width: 600px){.blog{padding:0 0 48px}.blog-article{padding:20px 14px;border-radius:0}.blog>h1{margin:16px 14px 8px}.blog-passage{grid-template-columns:1fr;gap:12px}}}