@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400&display=swap";:root{--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.175 0 0);--card-foreground: oklch(.985 0 0);--muted: oklch(.269 0 0);--muted-foreground: oklch(.708 0 0);--border: oklch(.269 0 0);--ring: oklch(.439 0 0);--md3-primary: #6750a4;--md3-primary-container: #eaddff;--md3-on-primary: #ffffff;--md3-on-primary-container: #4f378a;--md3-surface: #322f35;--md3-surface-variant: #49454f;--md3-on-surface: #ece6f0;--md3-on-surface-variant: #cac4d0;--md3-outline: #625b71;--md3-nav-active-bg: #e8def8;--md3-nav-active-text: #4a4459;--md3-nav-text: #49454f;--md3-chip-bg: #625b71;--md3-chip-text: #4a4459;--md3-fab-bg: #e8def8;--md3-card-media-bg: #ece6f0;--font-sans: "Roboto", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-weight-normal: 400;--font-weight-medium: 500;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--radius: .625rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 100px;--spacing: .25rem;--app-bar-height: 64px}:root{--content-max-width: 740px;--card-gap: 1.5rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);font-weight:var(--font-weight-normal);line-height:1.6;min-height:100vh}.app-bar{position:sticky;top:0;z-index:100;height:var(--app-bar-height);background-color:#171717;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 1.5rem;gap:1rem}.app-bar__brand{font-size:var(--text-xl);font-weight:var(--font-weight-medium);color:var(--foreground);text-decoration:none;letter-spacing:.01em}.app-bar__brand-inner{display:flex;align-items:center;gap:.5rem}.app-bar__wordmark{font-size:1.125rem;font-weight:600;color:var(--md3-on-surface-variant);letter-spacing:.03em;line-height:1}.app-bar__nav{display:flex;align-items:center;gap:.25rem;margin-left:auto;list-style:none}.app-bar__nav a{display:flex;align-items:center;gap:.25rem;padding:8px 16px;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--md3-on-surface-variant);text-decoration:none;transition:background .2s,color .2s}.app-bar__nav a:hover,.app-bar__nav a[aria-current=page]{background-color:var(--md3-nav-active-bg);color:var(--md3-nav-active-text)}.page-container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.content-container{max-width:var(--content-max-width);margin:0 auto;padding:0 1.5rem}.blog-listing{padding:1.25rem 0 3rem}.blog-listing__heading{font-size:var(--text-2xl);font-weight:var(--font-weight-medium);color:var(--foreground);margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.blog-listing__header-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem;padding-bottom:0;border-bottom:none}.blog-listing__heading--inline{margin-bottom:0;padding-bottom:0;border-bottom:none}.view-switch{display:inline-flex;padding:4px;border-radius:var(--radius-full);background-color:var(--muted);border:1px solid var(--border);gap:2px}.view-switch__btn{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--md3-on-surface-variant);background:transparent;border:none;border-radius:var(--radius-full);padding:8px 14px;cursor:pointer;transition:background-color .2s,color .2s;white-space:nowrap}.view-switch__btn:hover{color:var(--foreground)}.view-switch__btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.view-switch__btn[aria-pressed=true]{background-color:var(--card);color:var(--md3-primary);box-shadow:0 1px 3px #1f232914}.blog-view--thumbnails{padding-bottom:2rem}.blog-thumbnails{display:grid;gap:var(--card-gap);grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));justify-content:start;list-style:none;margin:0;padding:0}@media (min-width: 1024px){.blog-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr))}}.blog-thumbnails__item{margin:0}.blog-thumb{display:flex;flex-direction:column;gap:.65rem;width:100%;text-decoration:none;color:inherit;border-radius:var(--radius);transition:opacity .2s ease,border-color .2s ease}.blog-thumb:hover{opacity:.92}.blog-thumb:focus-visible{outline:2px solid var(--ring);outline-offset:3px;border-radius:var(--radius)}.blog-thumb__media{aspect-ratio:16 / 9;background-color:var(--md3-card-media-bg);border-radius:calc(var(--radius) - 2px);overflow:hidden;border:1px solid var(--border);transition:border-color .2s ease}.blog-thumb:hover .blog-thumb__media{border-color:var(--md3-outline)}.blog-thumb__media img{width:100%;height:100%;object-fit:cover;display:block}.blog-thumb__title{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--foreground);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-grid{display:grid;gap:var(--card-gap)}.blog-card{background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;text-decoration:none;display:flex;flex-direction:row;align-items:center;gap:1rem;padding:.75rem 1rem;transition:border-color .2s,background-color .2s}.blog-card:hover{border-color:var(--md3-outline);background-color:#141414}.blog-card__media{flex-shrink:0;width:160px;height:107px;border-radius:calc(var(--radius) - 2px);overflow:hidden;background-color:var(--md3-card-media-bg)}.blog-card__media img{width:100%;height:100%;object-fit:cover;display:block}.blog-card__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.3rem}.chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);background-color:var(--muted);color:var(--md3-on-surface-variant);font-size:var(--text-xs);font-weight:var(--font-weight-medium);letter-spacing:.03em;text-transform:uppercase}.blog-card__title{font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--foreground);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blog-card__subtitle{font-size:var(--text-sm);color:var(--muted-foreground);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;font-size:var(--text-xs);color:var(--muted-foreground)}.post-header{padding:3rem 0 2rem}.post-header__chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.post-header__title{font-size:clamp(1.75rem,5vw,2.75rem);font-weight:var(--font-weight-medium);line-height:1.2;letter-spacing:-.01em;color:var(--foreground);margin-bottom:.75rem}.post-header__subtitle{font-size:var(--text-lg);color:var(--muted-foreground);line-height:1.5;margin-bottom:1.5rem}.post-header__meta{display:flex;align-items:center;gap:.75rem;font-size:var(--text-sm);color:var(--muted-foreground);padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.post-header__author-avatar{width:36px;height:36px;border-radius:var(--radius-full);object-fit:cover;background-color:var(--md3-card-media-bg)}.post-header__hero{margin:2rem 0;border-radius:var(--radius-2xl);overflow:hidden;background-color:var(--md3-card-media-bg)}.post-header__hero img{width:100%;display:block}.prose{color:var(--foreground);font-size:var(--text-base);line-height:1.75}.prose h2{font-size:var(--text-2xl);font-weight:var(--font-weight-medium);color:var(--foreground);margin:3rem 0 1rem;padding-top:1rem;border-top:1px solid var(--border);line-height:1.3}.prose h3{font-size:var(--text-xl);font-weight:var(--font-weight-medium);color:var(--foreground);margin:2rem 0 .75rem;line-height:1.35}.prose p{margin-bottom:1.25rem}.prose ul,.prose ol{margin:1rem 0 1.25rem 1.5rem}.prose li{margin-bottom:.4rem}.prose strong{font-weight:var(--font-weight-medium);color:var(--foreground)}.prose em{font-style:italic;color:var(--muted-foreground);font-size:var(--text-sm)}.prose img{width:100%;border-radius:var(--radius);display:block;margin:1.5rem 0 .5rem;background-color:var(--md3-card-media-bg)}.prose img+em{display:block;text-align:center;font-size:var(--text-xs);color:var(--muted-foreground);margin-bottom:1.5rem;line-height:1.5}.prose .section-divider{display:block;margin:2.5rem auto;width:120px;opacity:.15;filter:invert(1)}.prose blockquote{border-left:3px solid var(--md3-primary);padding:.75rem 1.25rem;margin:1.5rem 0;color:var(--muted-foreground);font-style:italic;background-color:var(--card);border-radius:0 var(--radius) var(--radius) 0}.footer{margin-top:5rem;padding:2.5rem 1.5rem 3rem;border-top:1px solid var(--border);text-align:center;color:var(--muted-foreground);font-size:var(--text-sm)}.footer a{color:var(--md3-primary-container);text-decoration:none}.footer a:hover{text-decoration:underline}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:10px 24px;border-radius:var(--radius-full);background-color:var(--md3-primary);color:var(--md3-on-primary);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-weight-medium);text-decoration:none;border:none;cursor:pointer;transition:background .2s}.btn-primary:hover{background-color:#5a47a0}.divider{border:none;border-top:1px solid var(--border);margin:2rem 0}@media (max-width: 600px){.app-bar__nav a span{display:none}.post-header__title{font-size:1.75rem}}