:root{--primary-blue: #2563eb;--primary-dark: #1d4ed8;--accent-orange: #dc2626;--accent-purple: #6d28d9;--accent-purple-dark: #5b21b6;--category-default: #4a5568;--category-infrastructure-as-code: #6b2fb3;--category-cloud-native: #1e4fc7;--category-automation: #047857;--category-ai: #c2410c;--button-active: #1d4ed8;--success-color: #047857;--danger-color: #b91c1c;--info-color: #2563eb;--font-family-primary: "Outfit", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;--font-family-fallback: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;--font-family-mono: "Fira Code", "Cascadia Code", "IBM Plex Mono", "SF Mono", consolas, monospace;--text-primary: #1a1f2e;--text-secondary: #2d3748;--text-light: #3f4a5c;--bg-primary: #fff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--border-color: #e2e8f0;--border-light: #f1f5f9;--shadow-color: rgb(0 0 0 / 10%);--shadow-hover: rgb(0 0 0 / 15%);--code-bg: #f3f4f6;--code-text: #e01e5a;--code-block-bg: #1f2937;--code-block-text: #e5e7eb;--note-bg: var(--bg-secondary);--note-info-bg: #eff6ff;--note-info-border: #3b82f6;--note-warning-bg: #fffbeb;--note-warning-border: #f59e0b;--note-danger-bg: #fef2f2;--note-danger-border: #ef4444;--note-success-bg: #f0fdf4;--note-success-border: #10b981;--alert-note-bg: #eff6ff;--alert-note-border: #3b82f6;--alert-note-color: #1e40af;--alert-tip-bg: #f0fdf4;--alert-tip-border: #10b981;--alert-tip-color: #14532d;--alert-important-bg: #faf5ff;--alert-important-border: #8b5cf6;--alert-important-color: #4c1d95;--alert-warning-bg: #fffbeb;--alert-warning-border: #f59e0b;--alert-warning-color: #78350f;--alert-caution-bg: #fef2f2;--alert-caution-border: #ef4444;--alert-caution-color: #7f1d1d;--code-button-bg: #374151;--code-button-hover: #4b5563;--code-button-text: #e5e7eb;--code-button-success: #10b981;--code-filename-bg: #374151;--code-filename-text: #e5e7eb;--code-filename-border: #4b5563;--share-twitter: #000;--share-linkedin: #0077b5;--share-copy: #3b82f6;--share-copy-success: #10b981;--tag-gradient-start: #eff6ff;--tag-gradient-end: #e0f2fe;--tag-border: #dbeafe;--tag-color: #3b82f6;--error-code-color: #e5e7eb;--archive-highlight-bg: #f9fafb;--archive-year-color: #3b82f6;--archive-date-color: #9ca3af;--print-bg: #fff;--print-text: #000}[data-theme=dark]{--primary-blue: #60a5fa;--primary-dark: #3b82f6;--accent-orange: #f97316;--accent-purple: #a78bfa;--accent-purple-dark: #8b5cf6;--category-default: #9ca3af;--category-infrastructure-as-code: #a78bfa;--category-cloud-native: #3b82f6;--category-automation: #10b981;--category-ai: #f97316;--button-active: #3b82f6;--success-color: #10b981;--danger-color: #ef4444;--info-color: #60a5fa;--text-primary: #f9fafb;--text-secondary: #e5e7eb;--text-light: #d1d5db;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--border-color: #334155;--border-light: #475569;--shadow-color: rgb(0 0 0 / 30%);--shadow-hover: rgb(0 0 0 / 40%);--code-bg: #334155;--code-text: #f472b6;--code-block-bg: #1e293b;--code-block-text: #e2e8f0;--note-bg: var(--bg-secondary);--note-info-bg: #1e293b;--note-info-border: #60a5fa;--note-warning-bg: #332e1b;--note-warning-border: #facc15;--note-danger-bg: #331515;--note-danger-border: #f87171;--note-success-bg: #022c22;--note-success-border: #34d399;--alert-note-bg: #1e293b;--alert-note-border: #60a5fa;--alert-note-color: #bfdbfe;--alert-tip-bg: #022c22;--alert-tip-border: #34d399;--alert-tip-color: #d1fae5;--alert-important-bg: #2e1a47;--alert-important-border: #c4b5fd;--alert-important-color: #ddd6fe;--alert-warning-bg: #332e1b;--alert-warning-border: #facc15;--alert-warning-color: #fde68a;--alert-caution-bg: #331515;--alert-caution-border: #f87171;--alert-caution-color: #fecaca;--code-button-bg: #1e293b;--code-button-hover: #334155;--code-button-text: #e2e8f0;--code-button-success: #10b981;--code-filename-bg: #1e293b;--code-filename-text: #e2e8f0;--code-filename-border: #334155;--share-twitter: #fff;--share-linkedin: #0e76a8;--share-copy: #3b82f6;--share-copy-success: #10b981;--tag-gradient-start: #1e293b;--tag-gradient-end: #334155;--tag-border: #334155;--tag-color: #60a5fa;--error-code-color: #334155;--archive-highlight-bg: #1e293b;--archive-year-color: #60a5fa;--archive-date-color: #94a3b8;--print-bg: #fff;--print-text: #000}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.75}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes slide-in-up{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-in-down{from{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}:root{--primary-blue: #2563eb;--primary-dark: #1d4ed8;--accent-orange: #dc2626;--accent-purple: #6d28d9;--accent-purple-dark: #5b21b6;--bg-primary: #fff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #1a1f2e;--text-secondary: #2d3748;--text-light: #3f4a5c;--border-color: #e2e8f0;--shadow-color: rgba(0, 0, 0, 0.1);--shadow-hover: rgba(0, 0, 0, 0.15);--color-primary-blue: #2563eb;--color-primary-dark: #1d4ed8;--color-ocean-blue: #0077B6;--color-sky-blue: #48CAE4;--color-midnight-blue: #03045E;--color-cyan: #00B4D8;--color-powder-blue: #CAF0F8;--color-accent-orange: #dc2626;--color-accent-purple: #6d28d9;--color-accent-purple-dark: #5b21b6}[data-theme=dark]{--primary-blue: #60a5fa;--primary-dark: #3b82f6;--accent-orange: #f97316;--accent-purple: #a78bfa;--accent-purple-dark: #8b5cf6;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f9fafb;--text-secondary: #e5e7eb;--text-light: #d1d5db;--border-color: #334155;--shadow-color: rgba(0, 0, 0, 0.3);--shadow-hover: rgba(0, 0, 0, 0.4)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{line-height:1.15;text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0;font-family:var(--font-family-fallback);font-size:1rem;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);transition:background-color .3s ease,color .3s ease}.fonts-loaded body{font-family:var(--font-family-primary)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2}p{margin:0}a{color:inherit;text-decoration:none;background-color:rgba(0,0,0,0)}button{border:none;background:none;font:inherit;cursor:pointer}img{max-width:100%;height:auto;border-style:none}ul,ol{list-style:none}input,textarea,select{font:inherit;color:inherit}[hidden]{display:none !important}:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.site-container{max-width:1200px;margin:0 auto;padding-left:2rem;padding-right:2rem}@media(max-width: 768px){.site-container{padding-left:1.5rem;padding-right:1.5rem}}@media(max-width: 480px){.site-container{padding-left:1rem;padding-right:1rem}}.content-container{max-width:800px;margin:0 auto;padding-left:1.5rem;padding-right:1.5rem}@media(max-width: 480px){.content-container{padding-left:1rem;padding-right:1rem}}.wide-container{max-width:1400px;margin:0 auto;padding-left:2rem;padding-right:2rem}@media(max-width: 768px){.wide-container{padding-left:1.5rem;padding-right:1.5rem}}*{transition:background-color 150ms cubic-bezier(0, 0, 0.2, 1);transition:color 150ms cubic-bezier(0, 0, 0.2, 1);transition:border-color 150ms cubic-bezier(0, 0, 0.2, 1)}.no-transitions *{transition:none !important;animation:none !important}.page-content{animation:fade-in 300ms cubic-bezier(0, 0, 0.2, 1);animation-delay:.1s}.main-content{animation:slide-in-up 300ms cubic-bezier(0, 0, 0.2, 1);animation-delay:.2s}.theme-switching *{transition:none !important}.layout-grid{display:grid;min-height:100vh;grid-template-rows:auto 1fr auto;grid-template-areas:"header" "main" "footer"}.layout-grid .layout-header{grid-area:header}.layout-grid .layout-main{grid-area:main;min-height:0}.layout-grid .layout-footer{grid-area:footer}.layout-with-sidebar{display:grid;grid-template-columns:1fr 320px;align-items:start}.layout-with-sidebar .main-content{min-width:0}.layout-with-sidebar .sidebar{position:sticky;top:2rem}@media(max-width: 1024px){.layout-with-sidebar{grid-template-columns:1fr}.layout-with-sidebar .sidebar{position:static;order:-1}}.layout-center{display:flex;align-items:center;justify-content:center;gap:0;min-height:50vh}.layout-stack{display:flex;flex-direction:column;gap:1.5rem}.layout-spread{display:flex;justify-content:space-between;align-items:center;align-items:center}.content-spacing>*+*{margin-top:1.5rem}.tight-spacing>*+*{margin-top:1rem}.loose-spacing>*+*{margin-top:3rem}@media(max-width: 768px){.mobile-stack{display:flex;flex-direction:column;gap:1.5rem}}@media(max-width: 1024px){.desktop-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr))}}html{scroll-behavior:smooth;scroll-padding-top:2rem}.scroll-container{overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.skip-to-content{position:absolute;top:-100px;left:1.5rem;z-index:30;padding:1rem;background:var(--bg-primary);color:var(--text-primary);text-decoration:none;border-radius:6px;box-shadow:var(--shadow-xl);transition:top 150ms cubic-bezier(0, 0, 0.2, 1)}.skip-to-content:focus{top:1.5rem;outline:2px solid var(--primary-blue);outline-offset:2px}@media(prefers-reduced-motion: reduce){html{scroll-behavior:auto}.page-content,.main-content{animation:none}*{transition:none !important}}@media(prefers-contrast: high){.site-container,.content-container,.wide-container{border:2px solid currentcolor;border-radius:8px}}@media print{.layout-grid{grid-template-rows:auto auto;grid-template-areas:"header" "main"}.layout-footer{display:none}.layout-with-sidebar{grid-template-columns:1fr}.layout-with-sidebar .sidebar{display:none}.site-container,.content-container{max-width:none;padding:0;margin:0}}.single-post-container{display:flex;gap:2rem;max-width:1400px;margin:0 auto;padding:0 1rem;position:relative}.single-post{background:var(--bg-primary);border-radius:8px;overflow:hidden;box-shadow:0 2px 4px var(--shadow-color);margin-bottom:2rem;flex:1;max-width:900px}.single-post-image{width:100%;overflow:hidden}.single-post-image img{width:100%;height:auto;display:block}.single-post-content{padding:2rem;max-width:800px;margin:0 auto;overflow-x:hidden}.post-header{margin-bottom:3rem;text-align:center;border-bottom:1px solid var(--border-color);padding-bottom:2rem}.post-header .post-title{font-size:2.75rem;margin:1.5rem 0;line-height:1.15;font-weight:700;color:var(--text-primary);letter-spacing:-0.025em;max-width:20ch;margin-left:auto;margin-right:auto}.post-header .post-meta{color:var(--text-light);font-size:1rem;font-weight:500;letter-spacing:.01em}.post-description{font-size:1.25rem;color:var(--text-secondary);margin-top:1rem;line-height:1.6}.author-bio{margin-top:4rem;margin-bottom:2rem;margin-left:0;margin-right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px var(--shadow-color);padding:2rem;border-radius:8px;box-shadow:var(--shadow-lg);transition:transform 150ms cubic-bezier(0, 0, 0.2, 1);transition:all 300ms cubic-bezier(0, 0, 0.2, 1)}.author-bio:hover{transform:translateY(-2px)}.author-bio:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.author-bio:focus-within{transition:box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);box-shadow:var(--shadow-xl),0 0 0 2px rgba(59,130,246,.2)}.author-bio__container{display:flex;align-items:center;justify-content:center;gap:2rem;align-items:flex-start;justify-content:flex-start}@media(max-width: 480px){.author-bio__container{flex-direction:column;align-items:center;text-align:center;gap:1.5rem}}.author-bio__avatar{flex-shrink:0;position:relative}.author-bio__avatar[data-loading=true]{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-tertiary) 50%, var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:9999px}.author-bio__avatar[data-loading=true] img{opacity:0}.author-bio__avatar.loaded{animation:fade-in 300ms cubic-bezier(0, 0, 0.2, 1)}.author-bio__avatar img{width:100px;height:100px;border-radius:9999px;object-fit:cover;object-position:center;border:3px solid var(--bg-primary);box-shadow:var(--shadow-md);transition:all 300ms cubic-bezier(0, 0, 0.2, 1)}.author-bio__avatar img:hover{transform:scale(1.05);box-shadow:var(--shadow-lg)}.author-bio__avatar img:focus{outline:2px solid var(--primary-blue);outline-offset:2px}@media(resolution >= 2dppx){.author-bio__avatar img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.author-bio__avatar-placeholder{width:100px;height:100px;border-radius:9999px;background:#2563eb;color:var(--text-primary);font-size:1.5rem;font-weight:600;line-height:1.25;border:3px solid var(--bg-primary);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;gap:0;transition:all 300ms cubic-bezier(0, 0, 0.2, 1)}.author-bio__avatar-placeholder:hover{transform:scale(1.05);box-shadow:var(--shadow-lg);background:#1d4ed8}.author-bio__avatar-placeholder::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(45deg, var(--primary-blue), var(--ocean-blue));z-index:-1;transition:opacity 300ms cubic-bezier(0, 0, 0.2, 1);opacity:0}.author-bio__avatar-placeholder:hover::before{opacity:1}.author-bio__info{flex:1;min-width:0}@media(max-width: 480px){.author-bio__info{width:100%}}.author-bio__name{margin-bottom:1.5rem;margin-top:0;font-size:1.25rem;font-weight:600;line-height:1.25;color:var(--text-primary)}@media(max-width: 480px){.author-bio__name{font-size:1.125rem;font-weight:600;line-height:1.25;margin-bottom:1rem}}.author-bio__description{font-size:1rem;font-weight:400;line-height:1.75;color:var(--text-secondary);margin-bottom:1.5rem;max-width:65ch}@media(max-width: 480px){.author-bio__description{font-size:.875rem;font-weight:400;line-height:1.75;margin-bottom:1rem;max-width:none}}.author-bio__links{display:flex;align-items:center;justify-content:center;gap:1rem;justify-content:flex-start;flex-wrap:wrap}@media(max-width: 480px){.author-bio__links{justify-content:center;gap:.5rem}}.author-bio__link{display:flex;align-items:center;justify-content:center;gap:.25rem;padding-top:.5rem;padding-bottom:.5rem;padding-left:1.5rem;padding-right:1.5rem;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;line-height:1.6;transition:all 150ms cubic-bezier(0, 0, 0.2, 1);min-height:44px;position:relative;overflow:hidden}.author-bio__link .icon{font-size:.875rem;font-weight:400;line-height:1.25;transition:transform 150ms cubic-bezier(0, 0, 0.2, 1)}.author-bio__link:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.author-bio__link:hover{background:#2563eb;color:var(--text-primary);border-color:#2563eb;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.author-bio__link:hover .icon{transform:scale(1.1)}.author-bio__link:active{transform:translateY(0)}.author-bio__link.loading{pointer-events:none;background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-tertiary) 50%, var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}.author-bio__link.loading::before{content:"";width:12px;height:12px;border:2px solid rgba(0,0,0,0);border-top:2px solid currentcolor;border-radius:9999px;animation:spin 1s linear infinite;margin-right:.25rem}.author-bio__link[data-platform=twitter]:hover{background:#1da1f2;border-color:#1da1f2}.author-bio__link[data-platform=github]:hover{background:#333;border-color:#333}.author-bio__link[data-platform=linkedin]:hover{background:#0077b5;border-color:#0077b5}.author-bio__link[data-platform=website]:hover{background:#2563eb;border-color:#2563eb}@keyframes spin{to{transform:rotate(360deg)}}[data-theme=dark] .author-bio{box-shadow:var(--shadow-xl)}[data-theme=dark] .author-bio:hover{box-shadow:var(--shadow-2xl)}[data-theme=dark] .author-bio__link:hover{background:#48cae4;border-color:#48cae4}[data-theme=dark] .author-bio__link[data-platform=twitter]:hover{background:#1da1f2}[data-theme=dark] .author-bio__link[data-platform=github]:hover{background:#24292e}@media(prefers-contrast: high){.author-bio__link{border-width:3px;font-size:.875rem;font-weight:700;line-height:1.6}.author-bio__link:hover,.author-bio__link:focus{border-width:4px}.author-bio__avatar img,.author-bio__avatar-placeholder{border-width:4px}}@media(prefers-reduced-motion: reduce){.author-bio,.author-bio__avatar img,.author-bio__avatar-placeholder,.author-bio__link{transition:none 300ms cubic-bezier(0, 0, 0.2, 1)}.author-bio:hover,.author-bio__avatar img:hover,.author-bio__avatar-placeholder:hover,.author-bio__link:hover{transform:none}.author-bio__avatar-placeholder::before{transition:none 300ms cubic-bezier(0, 0, 0.2, 1)}.author-bio__link .icon{transition:none 300ms cubic-bezier(0, 0, 0.2, 1)}.author-bio__link .icon:hover{transform:none}}@media print{.author-bio{break-inside:avoid;margin:1.5rem 0;box-shadow:none;border:1px solid var(--print-border, #ccc)}.author-bio__links{display:none}.author-bio__avatar img,.author-bio__avatar-placeholder{box-shadow:none;border:1px solid var(--print-border, #ccc)}}.author-bio,.author-bio__avatar img,.author-bio__link{will-change:transform}.author-bio:hover,.author-bio__avatar img:hover,.author-bio__link:hover{will-change:auto}.highlight{margin-top:2rem;margin-bottom:2rem;margin-left:0;margin-right:0;border-radius:8px;overflow:hidden;position:relative;box-shadow:var(--shadow-sm);transition:all 300ms cubic-bezier(0, 0, 0.2, 1);border:1px solid var(--border-color);background:var(--code-block-bg, var(--bg-primary))}.highlight[data-loading=true]{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-tertiary) 50%, var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;min-height:200px;pointer-events:none}.highlight[data-loading=true]::after{content:"Loading code...";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:.875rem;font-weight:500;line-height:1.6;opacity:.75}.highlight:hover{box-shadow:var(--shadow-md);transform:translateY(-1px);border-color:var(--primary-blue)}.highlight:focus-within{outline:2px solid var(--primary-blue);outline-offset:2px;box-shadow:var(--shadow-lg),0 0 0 2px rgba(59,130,246,.2)}@media(prefers-contrast: high){.highlight{border:2px solid var(--text-primary)}}.highlight pre{margin:0;padding:1.5rem;overflow-x:auto;font-family:"Fira Code","Cascadia Code","IBM Plex Mono",Monaco,Consolas,monospace;font-size:.875rem;font-weight:400;line-height:1.75;background:rgba(0,0,0,0);scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border-color) rgba(0,0,0,0)}.highlight pre::-webkit-scrollbar{height:8px;width:8px}.highlight pre::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.highlight pre::-webkit-scrollbar-thumb{background:var(--border-color);transition:background-color 150ms cubic-bezier(0, 0, 0.2, 1)}.highlight pre::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.highlight pre::-webkit-scrollbar-thumb:active{background:#2563eb}.highlight pre code{font-family:inherit;font-size:.875rem;font-weight:400;line-height:1.75;display:block;width:100%}.highlight pre code .line-number{font-size:.75rem;font-weight:400;line-height:1.75;opacity:.75;margin-right:.5rem;user-select:none}.highlight pre:focus{outline:2px solid var(--primary-blue);outline-offset:2px;outline-offset:4px}.post-body code:not(.highlight code){background:var(--code-bg);color:var(--code-text);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;padding-right:.5rem;border-radius:4px;font-size:.875rem;font-weight:500;line-height:1.6;font-family:"Fira Code","Cascadia Code","IBM Plex Mono",Monaco,Consolas,monospace;transition:all 150ms cubic-bezier(0, 0, 0.2, 1);position:relative}.post-body code:not(.highlight code):hover{background:var(--code-bg-hover, var(--code-bg));transform:translateY(-1px);box-shadow:var(--shadow-sm)}.post-body code:not(.highlight code):focus{outline:2px solid var(--primary-blue);outline-offset:2px}.post-body code:not(.highlight code)[data-copyable=true]{cursor:pointer;user-select:all}.post-body code:not(.highlight code)[data-copyable=true]::after{content:"📋";font-size:.75rem;font-weight:400;line-height:1.25;margin-left:.25rem;opacity:.75;transition:opacity 150ms cubic-bezier(0, 0, 0.2, 1)}.post-body code:not(.highlight code)[data-copyable=true]:hover::after{opacity:1}.post-body code:not(.highlight code)[data-copyable=true].copied{color:var(--text-primary)}.post-body code:not(.highlight code)[data-copyable=true].copied::after{content:"✓"}.post-body pre:not(.highlight pre){background:var(--code-block-bg);color:var(--code-block-text);padding:1.5rem;border-radius:8px;overflow-x:auto;margin-top:2rem;margin-bottom:2rem;margin-left:0;margin-right:0;font-family:"Fira Code","Cascadia Code","IBM Plex Mono",Monaco,Consolas,monospace;font-size:.875rem;font-weight:400;line-height:1.75;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all 300ms cubic-bezier(0, 0, 0.2, 1);position:relative;scrollbar-width:thin;scrollbar-color:var(--border-color) rgba(0,0,0,0)}.post-body pre:not(.highlight pre):hover{box-shadow:var(--shadow-md);transform:translateY(-1px);border-color:var(--primary-blue)}.post-body pre:not(.highlight pre)::-webkit-scrollbar{height:8px}.post-body pre:not(.highlight pre)::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.post-body pre:not(.highlight pre)::-webkit-scrollbar-thumb{background:var(--border-color)}.post-body pre:not(.highlight pre)::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.highlight-wrapper{position:relative;margin:2rem}.copy-code-button{position:absolute;top:.5rem;right:.5rem;background:var(--code-button-bg);color:var(--code-button-text);border:1px solid var(--border-color);padding-top:.25rem;padding-bottom:.25rem;padding-left:1rem;padding-right:1rem;border-radius:6px;font-size:.75rem;font-weight:500;line-height:1.25;cursor:pointer;opacity:0;z-index:10;transition:all 150ms cubic-bezier(0, 0, 0.2, 1);transform:translateY(-2px) scale(0.9);box-shadow:var(--shadow-sm);min-width:60px;min-height:32px;display:flex;align-items:center;justify-content:center;gap:0}.copy-code-button::before{content:"📋";margin-right:.25rem}.copy-code-button:hover{background:var(--code-button-hover);transform:translateY(-3px) scale(1);box-shadow:var(--shadow-md);border-color:#2563eb}.copy-code-button.has-success{background-color:#047857;color:#047857;animation:copy-success .6s ease-out;color:var(--text-primary);border-color:#047857}.copy-code-button.has-success::before{content:"✓";transition:transform 150ms cubic-bezier(0.68, -0.55, 0.265, 1.55);transform:scale(1.2)}.copy-code-button.has-success::after{content:" Copied!";transition:opacity 150ms cubic-bezier(0, 0, 0.2, 1)}.copy-code-button.has-error{background-color:#dc2626;color:var(--text-primary);border-color:#dc2626}.copy-code-button.has-error::before{content:"⚠"}.copy-code-button.has-error::after{content:" Error"}.copy-code-button:focus{outline:2px solid var(--primary-blue);outline-offset:2px;opacity:1;transform:translateY(-2px) scale(1)}.copy-code-button.loading{pointer-events:none}.copy-code-button.loading::before{content:"⏳";animation:spin 1s linear infinite}.copy-code-button.loading::after{content:" Copying..."}.copy-code-button[data-language]::after{content:" " attr(data-language);font-size:.75rem;font-weight:400;line-height:1.25;opacity:.75;margin-left:.25rem}.copy-code-button[aria-label]:focus[aria-pressed=true]::after{content:" (copied)";position:absolute;width:1px;height:1px;padding:0;margin:-0.0625rem;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.highlight-wrapper:hover .copy-code-button,.highlight-wrapper:focus-within .copy-code-button,.highlight:hover .copy-code-button,.highlight:focus-within .copy-code-button{opacity:1;transform:translateY(-2px) scale(1);animation:fade-in 150ms cubic-bezier(0, 0, 0.2, 1)}@media(hover: none)and (pointer: coarse){.copy-code-button{opacity:1;transform:translateY(-2px) scale(1)}}@keyframes copy-success{0%{transform:translateY(-2px) scale(1)}50%{transform:translateY(-4px) scale(1.05)}100%{transform:translateY(-2px) scale(1)}}.code-block-wrapper{margin-top:2rem;margin-bottom:2rem;margin-left:0;margin-right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px var(--shadow-color);border-radius:8px;box-shadow:var(--shadow-lg);transition:transform 150ms cubic-bezier(0, 0, 0.2, 1);overflow:hidden;transition:all 300ms cubic-bezier(0, 0, 0.2, 1);position:relative}.code-block-wrapper:hover{transform:translateY(-2px)}.code-block-wrapper:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.code-block-wrapper:hover .code-filename{background:var(--code-filename-hover, var(--code-filename-bg))}.code-block-wrapper:focus-within{outline:2px solid var(--primary-blue);outline-offset:2px;transform:translateY(-1px)}.code-block-wrapper.loading{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-tertiary) 50%, var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}.code-block-wrapper.loading::after{content:"Loading code block...";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:.875rem;font-weight:500;line-height:1.6;opacity:.75}.code-filename{background:var(--code-filename-bg);color:var(--code-filename-text);padding-top:.5rem;padding-bottom:.5rem;padding-left:1.5rem;padding-right:1.5rem;font-size:.875rem;font-weight:500;line-height:1.25;font-family:"Fira Code","Cascadia Code","IBM Plex Mono",monospace;border-bottom:1px solid var(--code-filename-border);position:relative;transition:background-color 150ms cubic-bezier(0, 0, 0.2, 1);display:flex;justify-content:space-between;align-items:center}.code-filename::before{content:"📄";margin-right:.5rem;opacity:.75}.code-filename[data-lang=javascript]::before,.code-filename[data-lang=js]::before{content:"🟨"}.code-filename[data-lang=typescript]::before,.code-filename[data-lang=ts]::before{content:"🔵"}.code-filename[data-lang=python]::before,.code-filename[data-lang=py]::before{content:"🐍"}.code-filename[data-lang=css]::before{content:"🎨"}.code-filename[data-lang=html]::before{content:"🌐"}.code-filename[data-lang=bash]::before,.code-filename[data-lang=shell]::before{content:"💻"}.code-filename[data-lang=json]::before{content:"📦"}.code-filename[data-lang=yaml]::before,.code-filename[data-lang=yml]::before{content:"⚙️"}.code-filename[data-lang]::before{content:attr(data-lang) " file: ";position:absolute;width:1px;height:1px;padding:0;margin:-0.0625rem;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.code-filename .filename-actions{display:flex;align-items:center;justify-content:center;gap:.25rem}.code-filename .filename-actions .copy-filename{background:none;border:none;color:inherit;cursor:pointer;padding:.25rem;border-radius:4px;opacity:0;transition:all 150ms cubic-bezier(0, 0, 0.2, 1)}.code-filename .filename-actions .copy-filename::before{content:"📋"}.code-filename .filename-actions .copy-filename:hover{background:var(--bg-secondary);opacity:1}.code-filename .filename-actions .copy-filename:focus{outline:2px solid var(--primary-blue);outline-offset:2px;opacity:1}.code-filename .filename-actions .copy-filename.copied{color:#047857}.code-filename .filename-actions .copy-filename.copied::before{content:"✓"}.code-filename .filename-actions .language-badge{font-size:.75rem;font-weight:500;line-height:1.25;padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;padding-right:.5rem;background:var(--bg-secondary);opacity:.75}.code-filename:hover .copy-filename{opacity:1}.code-block-wrapper .highlight{margin:0;border-radius:0;box-shadow:none}[data-theme=dark] .code-filename{background:var(--code-filename-bg);color:var(--code-filename-text);border-bottom-color:var(--border-color)}[data-theme=dark] .code-filename .language-badge{background:var(--bg-tertiary)}[data-theme=dark] .copy-code-button{background:var(--code-button-bg);color:var(--code-button-text)}[data-theme=dark] .copy-code-button:hover{background:var(--code-button-hover);box-shadow:var(--shadow-lg);border-color:#48cae4}[data-theme=dark] .copy-code-button.has-success{background:var(--code-button-success);color:var(--bg-primary)}[data-theme=dark] .highlight{box-shadow:var(--shadow-dark);--code-block-bg: #1a1b1e;--code-text: #e9ecef}[data-theme=dark] .highlight:hover{box-shadow:var(--shadow-dark-lg)}@media(prefers-reduced-motion: reduce){.copy-code-button,.highlight,.code-block-wrapper,.code-filename,.copy-filename{animation:none !important;transition:none 300ms cubic-bezier(0, 0, 0.2, 1)}.copy-code-button.has-success,.copy-code-button.loading,.copy-code-button:hover{transform:none}.copy-code-button::before{animation:none}.highlight:hover,.code-block-wrapper:hover{transform:none}.post-body code:hover{transform:none}}.copy-code-button,.highlight,.code-block-wrapper{will-change:transform,opacity}.copy-code-button:hover,.highlight:hover,.code-block-wrapper:hover{will-change:auto}.code-block-lazy{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-tertiary) 50%, var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;min-height:200px}.code-block-lazy.loaded{animation:fade-in 300ms cubic-bezier(0, 0, 0.2, 1)}.code-block-lazy.loaded .highlight{animation:slide-in-up 300ms cubic-bezier(0, 0, 0.2, 1)}@media(max-width: 768px){.highlight,.highlight-wrapper,.code-block-wrapper{margin:1.5rem}.highlight pre{font-size:.875rem;font-weight:400;line-height:1.6;padding:1rem}.copy-code-button{top:.25rem;right:.25rem;padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;padding-right:.5rem;font-size:.75rem;font-weight:500;line-height:1.25}.code-filename{padding-top:.25rem;padding-bottom:.25rem;padding-left:1rem;padding-right:1rem;font-size:.75rem;font-weight:500;line-height:1.25}}@media(max-width: 480px){.highlight pre{font-size:.75rem;font-weight:400;line-height:1.6;padding:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.highlight pre code{word-break:break-all;white-space:pre-wrap}.highlight pre code.language-bash,.highlight pre code.language-shell,.highlight pre code.language-zsh,.highlight pre code.language-terminal{white-space:pre;word-break:normal;max-width:100%;display:block}.language-bash .highlight pre,.language-shell .highlight pre,.language-zsh .highlight pre,.language-terminal .highlight pre{white-space:pre;overflow-x:auto}.language-bash .highlight pre code,.language-shell .highlight pre code,.language-zsh .highlight pre code,.language-terminal .highlight pre code{white-space:pre;word-break:normal}.copy-code-button{opacity:1;top:.25rem;right:.25rem;padding:.25rem;font-size:.75rem;font-weight:500;line-height:1.25;min-width:44px;min-height:44px}.copy-code-button::before{content:"📋"}.copy-code-button.has-success::before{content:"✓"}.code-filename{padding:.5rem;font-size:.75rem;font-weight:400;line-height:1.25}.code-filename::after{display:none}.code-block-wrapper{border-radius:6px}}@media print{.highlight,.code-block-wrapper,.post-body pre{break-inside:avoid;margin-top:1rem;margin-bottom:1rem;margin-left:0;margin-right:0;box-shadow:none;border:1px solid var(--print-border, #ccc);background:var(--print-code-bg, #f8f9fa) !important}.copy-code-button,.copy-filename{display:none}.code-filename{background:var(--print-code-header, #e9ecef) !important;color:var(--print-text, #000) !important;border-bottom:1px solid var(--print-border, #ccc)}.code-filename .language-badge{background:rgba(0,0,0,0);border:1px solid var(--print-border, #ccc)}.highlight pre,.post-body pre{color:var(--print-text, #000) !important;background:rgba(0,0,0,0) !important;white-space:pre-wrap;overflow-wrap:break-word;font-size:.75rem;font-weight:400;line-height:1.25;overflow:visible}.highlight pre code,.post-body pre code{color:inherit !important;background:rgba(0,0,0,0) !important}.highlight pre::-webkit-scrollbar,.post-body pre::-webkit-scrollbar{display:none}}@media(prefers-contrast: high){.highlight,.code-block-wrapper,.post-body pre{border:2px solid currentcolor}.highlight:hover,.highlight:focus-within,.code-block-wrapper:hover,.code-block-wrapper:focus-within,.post-body pre:hover,.post-body pre:focus-within{border-width:3px}.copy-code-button{border:2px solid currentcolor;font-size:.75rem;font-weight:700;line-height:1.25}.copy-code-button:hover,.copy-code-button:focus{border-width:3px}.code-filename{border-bottom:2px solid currentcolor;font-size:.875rem;font-weight:700;line-height:1.25}.post-body code:not(.highlight code){border:1px solid currentcolor;font-size:.875rem;font-weight:700;line-height:1.6}}[data-theme=light] .highlight{--code-block-bg: #f8f9fa;--code-text: #212529}.comments-section{margin-top:4rem;padding-top:3rem;border-top:2px solid var(--border-color);position:relative}.comments-section::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:80px;height:2px;background:linear-gradient(to right, var(--primary-blue), var(--ocean-blue))}.comments-title{font-size:1.25rem;font-weight:600;line-height:1.25;margin-bottom:2rem;color:var(--text-primary);text-align:center}.comments-title::before{content:"💬 ";font-size:1.25rem;font-weight:400;line-height:1.25}@media(max-width: 480px){.comments-title{font-size:1.125rem;font-weight:600;line-height:1.25;margin-bottom:1.5rem}}.giscus-container{margin-top:1.5rem;border-radius:8px;overflow:hidden}.giscus-container.loading{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-tertiary) 50%, var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;min-height:300px}.giscus-container.loading::after{content:"💬 Loading comments...";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:1rem;font-weight:500;line-height:1.6;opacity:.75}.giscus-frame{width:100% !important;border-radius:8px}[data-theme=dark] .comments-section::before{background:linear-gradient(to right, var(--sky-blue), var(--cyan-blue))}.cookie-consent-banner{position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);color:var(--text-primary);padding:1.25rem;z-index:1000;box-shadow:0 -2px 10px var(--shadow-color);border-top:1px solid var(--border-color)}.cookie-consent-content{max-width:1200px;margin:0 auto}.cookie-consent-container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0.9375rem}.cookie-consent-text{flex:1;min-width:300px}.cookie-consent-text p{margin:0;font-size:.875rem;color:var(--text-secondary)}.cookie-consent-link{color:var(--info-color);text-decoration:none}.cookie-consent-link:hover{color:var(--primary-blue);text-decoration:underline;text-underline-offset:.08em}.cookie-consent-buttons{display:flex;gap:10px}.cookie-consent-btn{border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.cookie-consent-btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px var(--shadow-hover)}.cookie-consent-accept{background:var(--success-color);color:var(--text-primary)}.cookie-consent-accept:hover{filter:brightness(1.1)}.cookie-consent-reject{background:var(--danger-color);color:var(--text-primary)}.cookie-consent-reject:hover{filter:brightness(1.1)}[data-theme=dark] .cookie-consent-banner{border-top-color:var(--border-color)}.filter-search-container{margin-top:2rem;margin-bottom:2rem;margin-left:0;margin-right:0;display:grid;grid-template-columns:1fr auto;align-items:center;position:relative}.filter-search-container.loading{pointer-events:none}.filter-search-container.loading::after{content:"";position:absolute;inset:0;background:hsla(0,0%,100%,.8);display:flex;align-items:center;justify-content:center;gap:0;z-index:30;background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-tertiary) 50%, var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}.filter-search-container .results-count{font-size:.875rem;font-weight:500;line-height:1.6;color:var(--text-secondary);margin-bottom:.5rem}.filter-search-container .results-count .count{color:#2563eb;font-size:.875rem;font-weight:600;line-height:1.6}.filter-buttons{display:flex;align-items:center;justify-content:center;gap:.5rem;justify-content:flex-start;flex-wrap:wrap;position:relative}.filter-buttons .clear-filters{font-size:.75rem;font-weight:500;line-height:1.25;color:var(--text-secondary);background:none;border:none;cursor:pointer;padding:.25rem;border-radius:4px;transition:all 150ms cubic-bezier(0, 0, 0.2, 1)}.filter-buttons .clear-filters:hover{color:#2563eb;background:var(--bg-secondary)}.filter-buttons .clear-filters:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.filter-buttons .clear-filters::before{content:"× ";font-size:.875rem;font-weight:700;line-height:1.25}.filter-btn{background:var(--bg-primary);border:2px solid var(--border-color);padding-top:.5rem;padding-bottom:.5rem;padding-left:1.5rem;padding-right:1.5rem;border-radius:8px;font-size:.875rem;font-weight:500;line-height:1.6;cursor:pointer;color:var(--text-primary);transition:all 150ms cubic-bezier(0, 0, 0.2, 1);position:relative;min-height:44px;display:flex;align-items:center;justify-content:center;gap:0}.filter-btn[data-count]::after{content:attr(data-count);position:absolute;top:-6px;right:-6px;background:var(--primary-blue);color:var(--text-primary);font-size:.75rem;font-weight:700;line-height:1.25;min-width:18px;height:18px;border-radius:9999px;display:flex;align-items:center;justify-content:center;gap:0;transition:all 150ms cubic-bezier(0.68, -0.55, 0.265, 1.55)}.filter-btn:hover{border-color:#2563eb;color:#2563eb;background:var(--bg-secondary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.filter-btn:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.filter-btn:active{transform:translateY(0)}.filter-btn.is-active{background:#2563eb;color:var(--text-primary);border-color:#2563eb;box-shadow:var(--shadow-md)}.filter-btn.is-active::after{background:var(--bg-primary);color:#2563eb}.filter-btn.is-active:hover{background:#1d4ed8;border-color:#1d4ed8;transform:translateY(-2px)}.filter-btn.loading{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-tertiary) 50%, var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;pointer-events:none}.filter-btn.loading::before{content:"";width:12px;height:12px;border:2px solid rgba(0,0,0,0);border-top:2px solid currentcolor;border-radius:9999px;animation:spin 1s linear infinite;margin-right:.25rem}@keyframes spin{to{transform:rotate(360deg)}}.search-box{position:relative;min-width:320px;max-width:400px}.search-box .search-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border:2px solid var(--border-color);border-top:none;border-radius:0 0 8px 8px;max-height:200px;overflow-y:auto;z-index:10;transition:all 150ms cubic-bezier(0, 0, 0.2, 1);opacity:0;visibility:hidden;transform:translateY(-10px)}.search-box .search-suggestions.visible{opacity:1;visibility:visible;transform:translateY(0)}.search-box .search-suggestions .suggestion{padding:.5rem;cursor:pointer;font-size:.875rem;font-weight:400;line-height:1.6;border-bottom:1px solid var(--border-color);transition:background-color 150ms cubic-bezier(0, 0, 0.2, 1)}.search-box .search-suggestions .suggestion:hover,.search-box .search-suggestions .suggestion.highlighted{background:var(--bg-secondary);color:#2563eb}.search-box .search-suggestions .suggestion:last-child{border-bottom:none}.search-box .search-suggestions .suggestion .match{font-size:.875rem;font-weight:600;line-height:1.6;color:#2563eb}.search-input{width:100%;padding-top:.5rem;padding-bottom:.5rem;padding-left:3rem;padding-right:1.5rem;border:2px solid var(--border-color);border-radius:8px;font-size:.875rem;font-weight:400;line-height:1.6;background:var(--bg-primary);color:var(--text-primary);transition:all 150ms cubic-bezier(0, 0, 0.2, 1);min-height:44px}.search-input::placeholder{color:var(--text-light);opacity:.75}.search-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 4px rgba(59,130,246,.1);background:var(--bg-secondary)}.search-input:hover{border-color:var(--text-light);background:var(--bg-secondary)}.search-input.searching{opacity:.75;pointer-events:none}.search-input+.clear-search{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-light);cursor:pointer;padding:.25rem;border-radius:4px;transition:all 150ms cubic-bezier(0, 0, 0.2, 1);opacity:0;visibility:hidden}.search-input+.clear-search.visible{opacity:1;visibility:visible}.search-input+.clear-search:hover{color:#2563eb;background:var(--bg-tertiary)}.search-input+.clear-search:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.search-input+.clear-search::before{content:"×";font-size:1.125rem;font-weight:700;line-height:1.25}.search-icon{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);color:var(--text-light);pointer-events:none;transition:all 150ms cubic-bezier(0, 0, 0.2, 1)}.search-icon.searching{animation:pulse 2s infinite;color:#2563eb}.search-icon::before{content:"🔍";font-size:1rem;font-weight:400;line-height:1.25}.search-icon.searching::before{content:"⏳";animation:spin 1s linear infinite}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary);background:var(--bg-secondary);border-radius:8px;margin:2rem 0;border:2px dashed var(--border-color);transition:all .2s ease}.empty-state .empty-state-content{max-width:400px;margin:0 auto}.empty-state .empty-state-icon{color:var(--text-light);margin-bottom:1.5rem;opacity:.6}.empty-state h3{font-size:1.5rem;font-weight:600;margin:1rem 0 .5rem;color:var(--text-primary)}.empty-state p{font-size:1rem;line-height:1.6;margin-bottom:2rem;color:var(--text-secondary)}.empty-state .reset-filters-btn{padding:.75rem 1.5rem;font-size:.875rem;background:var(--primary-blue);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:6px;border:none;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease}.empty-state .reset-filters-btn:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.empty-state .reset-filters-btn:disabled{opacity:.6;cursor:not-allowed}.empty-state .reset-filters-btn:hover:not(:disabled){background:var(--primary-dark)}.empty-state .reset-filters-btn:focus:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.category-navigation{margin:2rem 0}.tag-search-container{margin:1.5rem 0 2rem}@media(max-width: 768px){.filter-search-container{flex-direction:column;gap:1.5rem;align-items:stretch}.filter-buttons{justify-content:center;gap:.5rem}.filter-btn{padding:.5rem 1rem;font-size:.8rem}.search-box{min-width:auto;width:100%}.empty-state{padding:3rem 1.5rem;margin:1.5rem 0}.empty-state .empty-state-icon{width:48px;height:48px}.empty-state h3{font-size:1.25rem}.empty-state p{font-size:.9rem;margin-bottom:1.5rem}.empty-state .reset-filters-btn{padding:.625rem 1.25rem;font-size:.8rem}}@media(max-width: 480px){.filter-buttons{gap:.25rem}.filter-btn{padding:.4rem .8rem;font-size:.75rem}.empty-state{padding:2rem 1rem}.empty-state .empty-state-icon{width:40px;height:40px}.empty-state h3{font-size:1.1rem}.empty-state p{font-size:.85rem}}.site-footer{background:var(--bg-tertiary);color:var(--text-secondary);margin-top:3rem;padding-top:3rem;padding-bottom:2rem;padding-left:0;padding-right:0}.footer-container{max-width:1280px;margin:0 auto;padding:0 1rem}@media(max-width: 768px){.footer-container{padding:0 1rem}}.footer-top{display:grid;gap:2rem;grid-template-columns:2fr 1fr 1fr;margin-bottom:3rem}.footer-section__title{font-size:1.25rem;font-weight:600;line-height:1.375;margin-bottom:1.5rem;color:var(--text-primary)}.footer-section__subtitle{font-size:1.125rem;font-weight:600;line-height:1.375;margin-bottom:1.5rem;color:var(--text-primary)}.footer-section__text{font-size:1rem;font-weight:400;line-height:2;color:var(--text-secondary)}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.5rem}.footer-links a{color:#0077b6;text-decoration:none;transition:color 150ms cubic-bezier(0, 0, 0.2, 1);font-size:1rem;font-weight:400;line-height:1.6}.footer-links a:hover,.footer-links a:focus{text-decoration:underline;text-underline-offset:.08em;text-decoration-thickness:2px;color:#2563eb;transition:color 150ms cubic-bezier(0, 0, 0.2, 1)}.footer-links a:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.social-links{display:flex;align-items:center;justify-content:center;gap:1.5rem;justify-content:flex-start}.social-links a{width:44px;height:44px;background:var(--bg-secondary);border-radius:6px;color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:0;transition:all 150ms cubic-bezier(0, 0, 0.2, 1);border:1px solid var(--border-color)}.social-links a:hover{background:#2563eb;border-color:#2563eb;transform:translateY(-2px);box-shadow:var(--shadow-md)}.social-links a:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.social-links a:active{transform:translateY(0)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.875rem;font-weight:400;line-height:1.6}.footer-bottom a{color:#0077b6;text-decoration:none;transition:color 150ms cubic-bezier(0, 0, 0.2, 1)}.footer-bottom a:hover,.footer-bottom a:focus{text-decoration:underline;text-underline-offset:.08em;text-decoration-thickness:2px;color:#2563eb;transition:color 150ms cubic-bezier(0, 0, 0.2, 1)}.footer-bottom a:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}[data-theme=dark] .footer-links a{color:#48cae4}[data-theme=dark] .footer-links a:hover,[data-theme=dark] .footer-links a:focus{text-decoration:underline;text-underline-offset:.08em;text-decoration-thickness:2px;transition:color 150ms cubic-bezier(0, 0, 0.2, 1)}[data-theme=dark] .footer-bottom a{color:#48cae4}[data-theme=dark] .footer-bottom a:hover,[data-theme=dark] .footer-bottom a:focus{text-decoration:underline;text-underline-offset:.08em;text-decoration-thickness:2px;transition:color 150ms cubic-bezier(0, 0, 0.2, 1)}[data-theme=dark] .social-links a:hover{background:#48cae4;border-color:#48cae4}@media(max-width: 768px){.footer-top{grid-template-columns:1fr;display:grid;gap:1rem}.footer-section{text-align:center;margin-bottom:2rem}.footer-section:last-child{margin-bottom:0}.social-links{justify-content:center}.footer-container{padding-left:1.5rem;padding-right:1.5rem}}.site-header{background:hsla(0,0%,100%,.95);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:20;backdrop-filter:blur(8px);padding:1.5rem;transition:background-color 150ms cubic-bezier(0, 0, 0.2, 1)}[data-theme=dark] .site-header{background:rgba(15,23,42,.95)}.navbar{padding:0}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:100%;margin:0 auto;padding:0 1rem}@media(max-width: 768px){.nav-container{padding:0 1rem}}.logo{font-size:1.25rem;font-weight:700;line-height:1.25;font-size:calc(1.5rem + (1.75rem - 1.5rem)*(100vw - 320px)/(1200px - 320px));text-decoration:none;letter-spacing:-0.025em;transition:color 150ms cubic-bezier(0, 0, 0.2, 1)}@media(max-width: 320px){.logo{font-size:1.5rem}}@media(min-width: 1200px){.logo{font-size:1.75rem}}.logo,.logo:link,.logo:active,.logo:focus{text-decoration:none;color:inherit}.logo:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.logo .logo-ia{color:#2563eb;transition:color 150ms cubic-bezier(0, 0, 0.2, 1)}.logo .logo-machs{color:#1d4ed8;transition:color 150ms cubic-bezier(0, 0, 0.2, 1)}.logo:hover .logo-ia{color:#0077b6}.logo:hover .logo-machs{color:#00b4d8}.nav-menu{list-style:none;padding:0;margin:0;display:flex;gap:2rem}.nav-menu a{text-decoration:none;border-radius:4px;font-size:1rem;font-weight:500;line-height:1.6;color:#1d4ed8;transition:color 150ms cubic-bezier(0, 0, 0.2, 1);padding:.5rem}.nav-menu a:hover{background-color:rgba(37,99,235,.05);text-decoration:underline;text-underline-offset:.08em;text-decoration-thickness:2px;color:#0077b6;transition:color 150ms cubic-bezier(0, 0, 0.2, 1)}.nav-menu a:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.nav-right{display:flex;align-items:center;justify-content:center;gap:1.5rem}.theme-toggle{background:none;border:2px solid var(--border-color);border-radius:6px;cursor:pointer;width:40px;height:40px;position:relative;z-index:10;padding:.5rem;transition:all 150ms cubic-bezier(0, 0, 0.2, 1);display:flex;align-items:center;justify-content:center;gap:0;display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:6px;border:none;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;padding:.25rem .5rem;font-size:.875rem;font-weight:500;line-height:1.25;background:rgba(0,0,0,0);border-color:#2563eb;color:#2563eb}.theme-toggle:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.theme-toggle:disabled{opacity:.6;cursor:not-allowed}.theme-toggle:hover{color:var(--text-primary);background-color:#2563eb}.theme-toggle:hover{transform:scale(1.05);background-color:var(--bg-secondary);border-color:#2563eb}.theme-toggle:hover .theme-toggle-icon{stroke:#2563eb}.theme-toggle:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.theme-toggle-icon{stroke:var(--text-primary);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:all .2s ease}.nav-icon{stroke:var(--text-primary);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:all .2s ease}.moon-icon{display:none}[data-theme=dark] .sun-icon{display:none}[data-theme=dark] .moon-icon{display:block}[data-theme=dark] .logo .logo-ia{color:#48cae4}[data-theme=dark] .logo .logo-machs{color:#00b4d8}[data-theme=dark] .logo:hover .logo-ia{color:#caf0f8}[data-theme=dark] .logo:hover .logo-machs{color:#48cae4}[data-theme=dark] .nav-menu a{color:#48cae4}[data-theme=dark] .nav-menu a:hover{color:#caf0f8}.reading-progress-bar{position:fixed;top:0;left:0;right:0;height:4px;background:var(--border-color);z-index:200}.reading-progress-fill{height:100%;background:linear-gradient(90deg, var(--primary-blue) 0%, #8b5cf6 100%);width:0%;transition:width .2s ease}.breadcrumbs{margin:1.5rem 0;padding:0}.breadcrumb-list{list-style:none;padding:0;margin:0;display:flex;align-items:center;flex-wrap:wrap;font-size:.875rem;line-height:1.25}.breadcrumb-item{display:flex;align-items:center;justify-content:center;gap:0}.breadcrumb-link{padding:.25rem .5rem;border-radius:.375rem;font-weight:500;color:var(--text-secondary);text-decoration:none;display:flex;align-items:center;justify-content:center;gap:.375rem;transition:color .2s ease}.breadcrumb-link:hover{color:var(--primary-blue);background-color:rgba(59,130,246,.05)}.breadcrumb-home-icon{width:14px;height:14px;flex-shrink:0}.breadcrumb-separator{margin:0 .25rem;color:var(--text-light);display:flex;align-items:center;justify-content:center;gap:0}.breadcrumb-separator svg{width:12px;height:12px}.breadcrumb-current{color:var(--text-primary);font-weight:600}.breadcrumb-current span{padding:.25rem .5rem;border-radius:.375rem;background-color:rgba(59,130,246,.1);color:var(--primary-blue)}.mobile-menu-toggle{display:none;background:none;border:2px solid var(--border-color);border-radius:6px;cursor:pointer;width:44px;height:44px;z-index:30;padding:.5rem;transition:all 150ms cubic-bezier(0, 0, 0.2, 1);display:flex;align-items:center;justify-content:center;gap:0}.mobile-menu-toggle:hover{background-color:var(--bg-secondary);transform:scale(1.05);border-color:#2563eb}.mobile-menu-toggle:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.mobile-menu-toggle:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.mobile-menu-toggle:hover .nav-icon{stroke:var(--primary-blue)}.mobile-menu{display:none;position:fixed;inset:0;z-index:200;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu.is-open{opacity:1;visibility:visible}.mobile-menu-overlay{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);cursor:pointer;z-index:200}.mobile-menu-content{position:absolute;top:0;right:0;height:100vh;width:280px;background:var(--bg-primary);border-left:1px solid var(--border-color);padding:2rem 1.5rem;transform:translateX(100%);box-shadow:-4px 0 12px rgba(0,0,0,.15);z-index:201;overflow-y:auto;transition:transform .3s ease}.mobile-menu.is-open .mobile-menu-content{transform:translateX(0)}[data-theme=dark] .mobile-menu-content{background:var(--bg-primary);border-left-color:var(--border-color);box-shadow:-4px 0 12px rgba(0,0,0,.3)}.mobile-nav-menu{list-style:none;padding:0;margin:0;margin-bottom:2rem}.mobile-nav-menu li{margin-bottom:.5rem}.mobile-nav-menu a{display:block;text-decoration:none;font-weight:500;color:var(--text-primary);padding:.75rem 1rem;border-radius:8px;font-size:1.1rem;transition:all .2s ease}.mobile-nav-menu a:hover,.mobile-nav-menu a:focus{color:var(--primary-blue);background-color:var(--bg-secondary)}.mobile-nav-menu a[aria-current=page]{color:var(--primary-blue);background-color:rgba(59,130,246,.1);font-weight:600}.mobile-theme-toggle{width:100%;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;padding:.75rem;cursor:pointer;font-weight:500;color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.mobile-theme-toggle:hover{border-color:var(--primary-blue);background-color:var(--bg-tertiary)}.mobile-theme-toggle:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.mobile-theme-toggle .theme-toggle-icon{stroke:var(--text-primary)}.mobile-theme-toggle .theme-toggle-text{font-size:1rem}body.mobile-menu-open{overflow:hidden}@media(max-width: 1024px){.nav-menu{gap:3rem}.logo{font-size:1.5rem;font-weight:700;line-height:1.25}}@media(max-width: 768px){.nav-menu{display:none}.mobile-menu-toggle{display:flex}.nav-container{padding:1rem}.logo{font-size:1.25rem;font-weight:700;line-height:1.25}}@media(max-width: 480px){.site-header{padding:1rem}.nav-container{padding:.5rem}.logo{font-size:1.125rem;font-weight:700;line-height:1.25}.nav-right{gap:1rem}}.hero-section{text-align:center;padding:3rem 0}.hero-section h1{font-size:2.5rem;margin-bottom:.5rem}a{text-decoration:none;color:#2563eb;transition:text-decoration-thickness 150ms cubic-bezier(0, 0, 0.2, 1)}a:hover,a:focus{text-decoration:underline;text-underline-offset:.08em;text-decoration-thickness:2px;color:#1d4ed8;transition:color 150ms cubic-bezier(0, 0, 0.2, 1)}a:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.ms-icon{font-family:"Material Symbols Outlined",sans-serif;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:text-bottom;font-size:.875rem;font-weight:400;line-height:1.25;margin-left:.25rem}a:hover .ms-icon,a:focus .ms-icon{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24;transition:font-variation-settings 300ms cubic-bezier(0, 0, 0.2, 1)}[data-theme=dark] a{color:#48cae4}a.btn,a.button,.btn a,.button a{text-decoration:none}a.category,.post-categories a,.post-card__categories a{color:var(--text-primary) !important;text-decoration:none}a.category:hover,a.category:focus,.post-categories a:hover,.post-categories a:focus,.post-card__categories a:hover,.post-card__categories a:focus{color:var(--text-primary) !important;text-decoration:none;opacity:.9}a.tag:hover,.post-tags a:hover{color:var(--text-primary);transition:background-color 150ms cubic-bezier(0, 0, 0.2, 1)}.post-body a,.blog-content a,.single-post-content a{text-decoration:none;font-size:1rem;font-weight:500;line-height:1.6;color:#2563eb}.post-body a:hover,.post-body a:focus,.blog-content a:hover,.blog-content a:focus,.single-post-content a:hover,.single-post-content a:focus{text-decoration:underline;text-underline-offset:.08em;text-decoration-thickness:2px;color:#1d4ed8;text-decoration-color:#2563eb;transition:color 150ms cubic-bezier(0, 0, 0.2, 1)}.post-body a:focus-visible,.blog-content a:focus-visible,.single-post-content a:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.site-nav a,.breadcrumb a,.pagination a{text-decoration:none}.site-nav a:hover,.site-nav a:focus,.breadcrumb a:hover,.breadcrumb a:focus,.pagination a:hover,.pagination a:focus{text-decoration:underline;transition:text-decoration 150ms cubic-bezier(0, 0, 0.2, 1)}.social-links a .ms-icon,a.social-link .ms-icon,.share-buttons a .ms-icon,a.share-button .ms-icon,.author-bio__links a .ms-icon,a.author-bio__link .ms-icon{display:none}p a:not(.category,.tag,.btn,.button,.social-link,.share-button),li a:not(.category,.tag,.btn,.button,.social-link,.share-button),span a:not(.category,.tag,.btn,.button,.social-link,.share-button),div a:not(.category,.tag,.btn,.button,.social-link,.share-button){text-decoration:none;color:#2563eb}p a:not(.category,.tag,.btn,.button,.social-link,.share-button):hover,p a:not(.category,.tag,.btn,.button,.social-link,.share-button):focus,li a:not(.category,.tag,.btn,.button,.social-link,.share-button):hover,li a:not(.category,.tag,.btn,.button,.social-link,.share-button):focus,span a:not(.category,.tag,.btn,.button,.social-link,.share-button):hover,span a:not(.category,.tag,.btn,.button,.social-link,.share-button):focus,div a:not(.category,.tag,.btn,.button,.social-link,.share-button):hover,div a:not(.category,.tag,.btn,.button,.social-link,.share-button):focus{text-decoration:underline;text-underline-offset:.08em;text-decoration-thickness:2px;color:#1d4ed8;transition:color 150ms cubic-bezier(0, 0, 0.2, 1)}p a:not(.category,.tag,.btn,.button,.social-link,.share-button):focus-visible,li a:not(.category,.tag,.btn,.button,.social-link,.share-button):focus-visible,span a:not(.category,.tag,.btn,.button,.social-link,.share-button):focus-visible,div a:not(.category,.tag,.btn,.button,.social-link,.share-button):focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.post-body img{max-width:100%;height:auto;display:block;margin-top:3rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;border-radius:8px;box-shadow:var(--shadow-md);transition:all 300ms cubic-bezier(0, 0, 0.2, 1);position:relative}.post-body img[data-loading=true]{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-tertiary) 50%, var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;min-height:200px}.post-body img[data-loading=true]::after{content:"Loading image...";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:.875rem;font-weight:500;line-height:1.6;opacity:.75}.post-body img.loaded{animation:fade-in 300ms cubic-bezier(0, 0, 0.2, 1);animation:slide-in-up 300ms cubic-bezier(0, 0, 0.2, 1)}.post-body img.interactive{cursor:pointer;border:2px solid rgba(0,0,0,0);transition:all 150ms cubic-bezier(0, 0, 0.2, 1)}.post-body img.interactive:hover{transform:scale(1.02);box-shadow:var(--shadow-xl);border-color:#2563eb}.post-body img.interactive:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.post-body img.interactive:active{transform:scale(0.98)}.post-body img[data-lazy=true]{opacity:0;transform:translateY(20px)}.post-body img[data-lazy=true].in-view{animation:fade-in 300ms cubic-bezier(0, 0, 0.2, 1);animation:slide-in-up 300ms cubic-bezier(0, 0, 0.2, 1)}.post-body img.error{background:var(--bg-tertiary);border:2px dashed var(--border-color);min-height:200px;display:flex;align-items:center;justify-content:center;gap:0}.post-body img.error::after{content:"⚠ Failed to load image";font-size:.875rem;font-weight:500;line-height:1.6;color:var(--text-secondary)}.post-body p img{margin-top:3rem;margin-bottom:3rem;margin-left:auto;margin-right:auto}.post-body p img.inline{margin-top:.5rem;margin-bottom:.5rem;margin-left:.5rem;margin-right:.5rem;display:inline-block;vertical-align:middle;max-width:150px}.post-body figure{margin-top:3rem;margin-bottom:3rem;margin-left:0;margin-right:0;text-align:center;position:relative}.post-body figure.enhanced{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px var(--shadow-color);padding:1.5rem;box-shadow:var(--shadow-lg);transition:transform 150ms cubic-bezier(0, 0, 0.2, 1);text-align:center;overflow:hidden;transition:transform 300ms cubic-bezier(0, 0, 0.2, 1)}.post-body figure.enhanced:hover{transform:translateY(-2px)}.post-body figure.enhanced:hover{transform:translateY(-2px)}.post-body figure.enhanced img{margin:0;border-radius:0;box-shadow:none;transition:transform 300ms cubic-bezier(0, 0, 0.2, 1)}.post-body figure.enhanced img:hover{transform:scale(1.05)}.post-body figure.full-width{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}@media(max-width: 480px){.post-body figure.full-width{width:100%;margin-left:0;margin-right:0}}.post-body figure.float-left{float:left;margin-right:2rem;margin-bottom:1.5rem;max-width:40%}@media(max-width: 480px){.post-body figure.float-left{float:none;max-width:100%;margin-right:0}}.post-body figure.float-right{float:right;margin-left:2rem;margin-bottom:1.5rem;max-width:40%}@media(max-width: 480px){.post-body figure.float-right{float:none;max-width:100%;margin-left:0}}.post-body figure img{max-width:100%;height:auto;border-radius:8px;box-shadow:var(--shadow-md);transition:all 300ms cubic-bezier(0, 0, 0.2, 1)}.post-body figure img:hover{transform:scale(1.01);box-shadow:var(--shadow-lg)}.post-body figure img[data-loading=true]{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-tertiary) 50%, var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;min-height:250px}.post-body figure img:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.post-body figcaption{margin-top:1rem;font-size:.875rem;font-weight:400;line-height:1.75;color:var(--text-secondary);font-style:italic;text-align:center}.post-body figcaption.enhanced{padding:1rem;background:var(--bg-secondary);border-radius:0 0 8px 8px;margin-top:0;font-size:.875rem;font-weight:500;line-height:1.6;font-style:normal;position:relative}.post-body figcaption.enhanced::before{content:"📝";margin-right:.25rem;opacity:.75}.post-body figcaption cite{font-size:.75rem;font-weight:400;line-height:1.6;opacity:.75;display:block;margin-top:.25rem}.post-body figcaption cite::before{content:"— "}.post-body figcaption a{color:#2563eb;text-decoration:none}.post-body figcaption a:hover{text-decoration:underline}.video-wrapper{position:relative;overflow:hidden;margin-top:3rem;margin-bottom:3rem;margin-left:0;margin-right:0;border-radius:8px;box-shadow:var(--shadow-md);background:var(--bg-secondary)}.video-wrapper[data-loading=true]{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-tertiary) 50%, var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;min-height:300px}.video-wrapper[data-loading=true]::after{content:"🎥 Loading video...";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:1rem;font-weight:500;line-height:1.6;opacity:.75}.video-wrapper.enhanced{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px var(--shadow-color);box-shadow:var(--shadow-lg);transition:transform 150ms cubic-bezier(0, 0, 0.2, 1);transition:all 300ms cubic-bezier(0, 0, 0.2, 1)}.video-wrapper.enhanced:hover{transform:translateY(-2px)}.video-wrapper.enhanced:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.video-wrapper.enhanced::before{content:"▶️";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:1.875rem;font-weight:400;line-height:1.25;color:var(--text-primary);background:rgba(0,0,0,.7);width:80px;height:80px;border-radius:9999px;display:flex;align-items:center;justify-content:center;gap:0;opacity:0;transition:opacity 150ms cubic-bezier(0, 0, 0.2, 1);pointer-events:none;z-index:1}.video-wrapper.enhanced:hover::before{opacity:1}.video-wrapper iframe,.video-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:8px;background:var(--bg-primary)}.video-wrapper iframe:focus,.video-wrapper video:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.video-wrapper iframe[loading=lazy],.video-wrapper video[loading=lazy]{opacity:0;transition:opacity 300ms cubic-bezier(0, 0, 0.2, 1)}.video-wrapper iframe[loading=lazy].loaded,.video-wrapper video[loading=lazy].loaded{opacity:1}.responsive-image{position:relative;overflow:hidden;border-radius:8px}.responsive-image img{width:100%;height:auto;display:block;transition:transform 300ms cubic-bezier(0, 0, 0.2, 1)}.responsive-image.aspect-square img{width:100%;height:100%;object-fit:cover}.responsive-image.aspect-video img{width:100%;height:100%;object-fit:cover}.responsive-image.aspect-portrait img{width:100%;height:100%;object-fit:cover}.image-gallery{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));margin-top:3rem;margin-bottom:3rem;margin-left:0;margin-right:0}.image-gallery.masonry{column-count:3;column-gap:1.5rem}@media(max-width: 768px){.image-gallery.masonry{column-count:2}}@media(max-width: 480px){.image-gallery.masonry{column-count:1}}.image-gallery.compact{grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));display:grid;gap:.5rem}.image-gallery .gallery-item{position:relative;overflow:hidden;border-radius:8px;transition:all 150ms cubic-bezier(0, 0, 0.2, 1);box-shadow:var(--shadow-sm)}.image-gallery .gallery-item:hover{transform:scale(1.05);z-index:10;box-shadow:var(--shadow-xl)}.image-gallery .gallery-item:focus-within{outline:2px solid var(--primary-blue);outline-offset:2px}.image-gallery .gallery-item img{width:100%;height:220px;object-fit:cover;margin:0;border-radius:8px;transition:transform 300ms cubic-bezier(0, 0, 0.2, 1)}.image-gallery .gallery-item img:hover{transform:scale(1.1)}.image-gallery .gallery-item .overlay{position:absolute;inset:0;background:linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 50%, transparent 100%);color:var(--text-primary);display:flex;flex-direction:column;gap:.5rem;justify-content:flex-end;padding:1.5rem;opacity:0;transition:all 150ms cubic-bezier(0, 0, 0.2, 1)}.image-gallery .gallery-item .overlay .title{font-size:1rem;font-weight:600;line-height:1.25;margin:0}.image-gallery .gallery-item .overlay .description{font-size:.875rem;font-weight:400;line-height:1.6;opacity:.9;margin:0}.image-gallery .gallery-item .overlay .meta{font-size:.75rem;font-weight:400;line-height:1.25;opacity:.75;display:flex;justify-content:space-between;align-items:center;margin-top:.25rem}.image-gallery .gallery-item:hover .overlay{opacity:1}.image-gallery .gallery-item.loading{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-tertiary) 50%, var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;min-height:220px}.image-gallery .gallery-item.loading img{display:none}.image-gallery .gallery-item[data-lightbox]{cursor:pointer}.image-gallery .gallery-item[data-lightbox]::after{content:"🔍";position:absolute;top:.5rem;right:.5rem;background:rgba(0,0,0,.7);color:var(--text-primary);width:32px;height:32px;border-radius:9999px;display:flex;align-items:center;justify-content:center;gap:0;font-size:.875rem;font-weight:400;line-height:1.25;opacity:0;transition:opacity 150ms cubic-bezier(0, 0, 0.2, 1)}.image-gallery .gallery-item[data-lightbox]:hover::after{opacity:1}.sr-only-caption{position:absolute;width:1px;height:1px;padding:0;margin:-0.0625rem;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.post-body img:focus,.responsive-image:focus-within img{outline:2px solid var(--primary-blue);outline-offset:2px}@media(prefers-contrast: high){.post-body img,.post-body figure img,.video-wrapper{border:2px solid var(--text-primary)}}@media(max-width: 768px){.post-body img,.post-body figure,.video-wrapper{margin:2rem}.post-body figcaption{font-size:.75rem;font-weight:400;line-height:1.6;margin-top:.5rem}.image-gallery{grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));display:grid;gap:.5rem}}@media(max-width: 480px){.post-body img,.post-body figure,.video-wrapper{margin:1.5rem;border-radius:6px}.post-body figcaption{padding-left:.5rem;padding-right:.5rem}.image-gallery{grid-template-columns:1fr}.image-gallery .gallery-item img{height:150px}.responsive-image.aspect-square,.responsive-image.aspect-video{min-height:200px}}@media print{.post-body img,.post-body figure img{max-width:100%;box-shadow:none;border:1px solid var(--print-text)}.video-wrapper{display:none}.post-body figcaption{color:var(--print-text);font-style:normal;font-size:.75rem;font-weight:400;line-height:1.25}.image-gallery{break-inside:avoid}.image-gallery .gallery-item{break-inside:avoid;display:block;margin-bottom:.5rem}.image-gallery .gallery-item .overlay{display:none}}.lazy-media{opacity:0;transform:translateY(20px);transition:all 300ms cubic-bezier(0, 0, 0.2, 1)}.lazy-media.in-view{opacity:1;transform:translateY(0)}.lazy-media[data-delay]{transition-delay:calc(var(--delay)*.1s)}.webp-image{position:relative}.webp-image img[data-webp].webp-supported{content:attr(data-webp)}.responsive-image-set picture img{width:100%;height:auto;display:block}.image-compare{position:relative;overflow:hidden;border-radius:8px}.image-compare .before,.image-compare .after{position:absolute;top:0;left:0;width:100%;height:100%}.image-compare .before img,.image-compare .after img{width:100%;height:100%;object-fit:cover;margin:0}.image-compare .after{clip-path:inset(0 0 0 50%);transition:clip-path 150ms cubic-bezier(0, 0, 0.2, 1)}.image-compare .slider{position:absolute;top:0;left:50%;width:4px;height:100%;background:var(--bg-primary);cursor:ew-resize;z-index:1}.image-compare .slider::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:20px;height:20px;background:var(--bg-primary);border-radius:9999px;box-shadow:var(--shadow-md)}.zoomable{cursor:zoom-in;transition:transform 150ms cubic-bezier(0, 0, 0.2, 1)}.zoomable.zoomed{cursor:zoom-out;transform:scale(1.5);z-index:30;position:relative}.progressive-image{position:relative;background:var(--bg-secondary)}.progressive-image::before{content:"";position:absolute;top:0;left:0;width:var(--progress, 0%);height:2px;background:var(--primary-blue);transition:width 150ms cubic-bezier(0, 0, 0.2, 1);z-index:1}.progressive-image img{opacity:0;transition:opacity 300ms cubic-bezier(0, 0, 0.2, 1)}.progressive-image img.loaded{opacity:1}.image-gallery,.video-wrapper,.responsive-image{will-change:transform}.image-gallery:hover,.video-wrapper:hover,.responsive-image:hover{will-change:auto}@media(prefers-reduced-motion: reduce){.post-body img,.video-wrapper,.image-gallery .gallery-item,.progressive-image,.lazy-media{transition:none 300ms cubic-bezier(0, 0, 0.2, 1);transform:none !important;transition:none !important;animation:none !important}.zoomable.zoomed{transform:none}.image-compare .after{transition:none 300ms cubic-bezier(0, 0, 0.2, 1)}}.pagination{margin-top:3rem;margin-bottom:3rem;margin-left:0;margin-right:0;text-align:center}.pagination-info{margin-bottom:2rem;color:var(--text-secondary);font-size:.875rem;font-weight:500;line-height:1.6}.pagination-info .pagination-stats{font-size:.75rem;font-weight:400;line-height:1.6;opacity:.75}.pagination-links{flex-wrap:wrap;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;padding-top:.25rem}.pagination-links::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg, var(--primary-blue) var(--pagination-progress, 0%), var(--border-color) var(--pagination-progress, 0%));transition:background 300ms cubic-bezier(0, 0, 0.2, 1);border-radius:4px}.pagination-prev,.pagination-next,.pagination-number{padding-top:.5rem;padding-bottom:.5rem;padding-left:1.5rem;padding-right:1.5rem;border:2px solid var(--border-color);border-radius:8px;text-decoration:none;color:var(--text-primary);background:var(--bg-primary);font-size:.875rem;font-weight:500;line-height:1.6;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;gap:0;transition:all 150ms cubic-bezier(0, 0, 0.2, 1);position:relative;overflow:hidden}.pagination-prev.loading,.pagination-next.loading,.pagination-number.loading{opacity:.75;pointer-events:none}.pagination-prev.loading::after,.pagination-next.loading::after,.pagination-number.loading::after{content:"";background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-tertiary) 50%, var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;position:absolute;inset:0}.pagination-prev:hover,.pagination-prev:focus,.pagination-next:hover,.pagination-next:focus,.pagination-number:hover,.pagination-number:focus{background:var(--bg-secondary);border-color:#2563eb;color:#2563eb;text-decoration:none;transform:translateY(-1px);box-shadow:var(--shadow-md)}.pagination-prev:focus-visible,.pagination-next:focus-visible,.pagination-number:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.pagination-prev:active,.pagination-next:active,.pagination-number:active{transform:translateY(0);transition:transform 150ms cubic-bezier(0, 0, 0.2, 1)}.pagination-prev:disabled,.pagination-prev.disabled,.pagination-next:disabled,.pagination-next.disabled,.pagination-number:disabled,.pagination-number.disabled{opacity:.75;pointer-events:none;cursor:not-allowed}.pagination-current{padding-top:.5rem;padding-bottom:.5rem;padding-left:1.5rem;padding-right:1.5rem;background:#2563eb;color:var(--text-primary);border-radius:8px;font-size:.875rem;font-weight:600;line-height:1.6;min-width:44px;min-height:44px;border:2px solid;border-color:#2563eb;display:flex;align-items:center;justify-content:center;gap:0;position:relative;animation:current-page-pulse 2s infinite}.pagination-current::after{content:"";position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:6px;height:6px;background:var(--bg-primary);border-radius:9999px;transition:transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55)}@keyframes current-page-pulse{0%,100%{box-shadow:0 0 0 0 rgba(59,130,246,.4)}50%{box-shadow:0 0 0 8px rgba(59,130,246,0)}}.pagination-prev,.pagination-next{padding-top:.5rem;padding-bottom:.5rem;padding-left:2rem;padding-right:2rem;font-size:.875rem;font-weight:600;line-height:1.6}.pagination-prev::before,.pagination-next::before{font-size:.875rem;font-weight:400;line-height:1.25;margin-right:.25rem;transition:transform 150ms cubic-bezier(0, 0, 0.2, 1)}.pagination-prev::after,.pagination-next::after{font-size:.875rem;font-weight:400;line-height:1.25;margin-left:.25rem;transition:transform 150ms cubic-bezier(0, 0, 0.2, 1)}.pagination-prev:hover,.pagination-next:hover{background:#2563eb;color:var(--text-primary);border-color:#2563eb}.pagination-prev:hover::before,.pagination-prev:hover::after,.pagination-next:hover::before,.pagination-next:hover::after{transform:scale(1.1)}.pagination-prev:active,.pagination-next:active{transform:scale(0.98);transition:transform 150ms cubic-bezier(0, 0, 0.2, 1)}.pagination-prev::before{content:"←"}.pagination-next::after{content:"→"}[data-theme=dark] .pagination-prev,[data-theme=dark] .pagination-next,[data-theme=dark] .pagination-number{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .pagination-prev:hover,[data-theme=dark] .pagination-prev:focus,[data-theme=dark] .pagination-next:hover,[data-theme=dark] .pagination-next:focus,[data-theme=dark] .pagination-number:hover,[data-theme=dark] .pagination-number:focus{background:var(--bg-secondary);border-color:#48cae4;color:#48cae4;box-shadow:var(--shadow-lg)}[data-theme=dark] .pagination-prev:hover,[data-theme=dark] .pagination-next:hover{background:#48cae4;color:var(--text-primary);border-color:#48cae4}[data-theme=dark] .pagination-current{background:#48cae4;border-color:#48cae4}[data-theme=dark] .pagination-current::after{background:var(--text-primary)}[data-theme=dark] .pagination-links::before{background:linear-gradient(90deg, var(--sky-blue) var(--pagination-progress, 0%), var(--border-color) var(--pagination-progress, 0%))}@media(max-width: 768px){.pagination{margin-top:2rem;margin-bottom:2rem;margin-left:0;margin-right:0}.pagination-info{margin-bottom:1.5rem;font-size:.75rem;font-weight:400;line-height:1.6}.pagination-links{gap:.25rem}.pagination-prev,.pagination-next,.pagination-number,.pagination-current{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;padding-right:.5rem;font-size:.75rem;font-weight:500;line-height:1.6;min-width:40px;min-height:40px}.pagination-prev,.pagination-next{padding-left:1.5rem;padding-right:1.5rem}}@media(max-width: 480px){.pagination{margin-top:1.5rem;margin-bottom:1.5rem}.pagination-links{flex-direction:column;gap:.5rem}.pagination-links::before{display:none}.pagination-prev,.pagination-next{width:100%;max-width:280px;padding-top:.5rem;padding-bottom:.5rem;font-size:1rem;font-weight:500;line-height:1.6;min-height:48px}.pagination-numbers{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center;width:100%}.pagination-numbers .pagination-number,.pagination-numbers .pagination-current{flex:0 0 auto;min-width:48px;min-height:48px}.pagination-links::after{content:"↔ Swipe for more pages";font-size:.75rem;font-weight:400;line-height:1.6;margin-top:.5rem;opacity:.75;text-align:center}}.pagination-loading .pagination-prev,.pagination-loading .pagination-next,.pagination-loading .pagination-number{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-tertiary) 50%, var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;pointer-events:none}.pagination-loading .pagination-info{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-tertiary) 50%, var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;height:1.2em;width:150px;margin:0 auto 2rem}.pagination-error .pagination-prev,.pagination-error .pagination-next,.pagination-error .pagination-number{background-color:rgba(220,38,38,.1);color:#dc2626;border-color:#dc2626;pointer-events:none}@media print{.pagination{display:block !important;margin-top:2rem;margin-bottom:2rem;margin-left:0;margin-right:0;page-break-inside:avoid}.pagination-links{flex-direction:row;gap:.5rem}.pagination-links::before,.pagination-links::after{display:none}.pagination-prev,.pagination-next,.pagination-number,.pagination-current{border:1px solid var(--print-text);background:var(--print-bg);color:var(--print-text);box-shadow:none;transform:none}.pagination-current{background:var(--print-text);color:var(--print-bg)}.pagination-current::after{display:none}.pagination-info{color:var(--print-text)}}@media(prefers-reduced-motion: reduce){.pagination-current{animation:none}.pagination-current::after{transition:none 300ms cubic-bezier(0, 0, 0.2, 1)}.pagination-prev,.pagination-next,.pagination-number{transition:none 300ms cubic-bezier(0, 0, 0.2, 1)}.pagination-prev:hover,.pagination-next:hover,.pagination-number:hover{transform:none}.pagination-links::before{transition:none 300ms cubic-bezier(0, 0, 0.2, 1)}}@media(prefers-contrast: high){.pagination-prev,.pagination-next,.pagination-number,.pagination-current{border-width:3px;font-weight:700}}.post-body{font-size:1.125rem;line-height:1.8;color:var(--text-primary);max-width:65ch;margin:0 auto}.post-body h1{margin:3rem 0 1.5rem;font-size:2.25rem;font-weight:700;line-height:1.2;color:var(--text-primary);letter-spacing:-0.025em}.post-body h2{margin:2.5rem 0 1.25rem;font-size:1.875rem;font-weight:600;line-height:1.3;color:var(--text-primary);letter-spacing:-0.02em}.post-body h3{margin:2rem 0 1rem;font-size:1.5rem;font-weight:600;line-height:1.4;color:var(--text-primary);letter-spacing:-0.015em}.post-body h4{margin:1.75rem 0 .875rem;font-size:1.25rem;font-weight:600;line-height:1.5;color:var(--text-primary)}.post-body h5{margin:1.5rem 0 .75rem;font-size:1.125rem;font-weight:600;line-height:1.5;color:var(--text-primary)}.post-body h6{margin:1.25rem 0 .625rem;font-size:1rem;font-weight:600;line-height:1.5;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em}.post-body p{margin-bottom:1.5rem;text-align:justify;hyphens:auto;word-wrap:break-word}.post-body h1+p,.post-body h2+p,.post-body h3+p,.post-body h4+p,.post-body h5+p,.post-body h6+p{margin-top:0}.post-body>p:first-of-type{font-size:1.25rem;line-height:1.7;color:var(--text-primary);font-weight:400}.post-body ul,.post-body ol{margin:1.5rem 0;padding-left:2rem}.post-body ul li,.post-body ol li{margin-bottom:.75rem;line-height:1.8;padding-left:.25rem}.post-body ul li{list-style:none;position:relative}.post-body li::before{content:"•";color:var(--primary-blue);font-weight:bold;position:absolute;left:-1.5rem;font-size:1.2em}.post-body li li::before{content:"◦";color:var(--text-light)}.post-body li li li::before{content:"▪";color:var(--text-light)}.post-body li li{margin:.5rem 0;padding-left:1.5rem}.post-body ul{list-style-type:disc}.post-body ul ul{list-style-type:circle}.post-body ul ul ul{list-style-type:square}.post-body ol{list-style-type:decimal}.post-body ol ol{list-style-type:lower-alpha}.post-body ol ol ol{list-style-type:lower-roman}.post-body li>p{margin-bottom:.5rem}.post-body li pre{margin:.75rem 0}.post-body a{color:var(--primary-blue);text-decoration:none;font-weight:500;position:relative;border-bottom:1px solid rgba(0,0,0,0);transition:all .2s ease}.post-body a::before{content:"";position:absolute;width:100%;height:1px;bottom:-1px;left:0;background:linear-gradient(90deg, var(--primary-blue) 0%, var(--primary-dark) 100%);transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease}.post-body a:hover{color:var(--primary-dark)}.post-body a:hover::before{transform:scaleX(1);transform-origin:bottom left}.post-body h1 a,.post-body h2 a,.post-body h3 a,.post-body h4 a,.post-body h5 a,.post-body h6 a{color:inherit;font-weight:inherit;border-bottom:2px solid var(--primary-blue);padding-bottom:0.125rem}.post-body h1 a:hover,.post-body h2 a:hover,.post-body h3 a:hover,.post-body h4 a:hover,.post-body h5 a:hover,.post-body h6 a:hover{color:var(--primary-blue);border-bottom-color:var(--primary-dark)}.post-body code a{color:inherit;background:rgba(59,130,246,.1);padding:.125rem .25rem;border-radius:3px;font-weight:600}.post-body code a:hover{background:rgba(59,130,246,.2);color:var(--primary-dark)}.post-body a:focus{outline:2px solid var(--primary-blue);outline-offset:2px;border-radius:2px}.post-body blockquote a{color:var(--primary-dark);font-style:inherit}.author-bio .author-bio__description a{color:var(--primary-blue);text-decoration:none;font-weight:500;position:relative;border-bottom:1px solid rgba(0,0,0,0);transition:all .2s ease}.author-bio .author-bio__description a::before{content:"";position:absolute;width:100%;height:1px;bottom:-1px;left:0;background:linear-gradient(90deg, var(--primary-blue) 0%, var(--primary-dark) 100%);transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease}.author-bio .author-bio__description a:hover{color:var(--primary-dark)}.author-bio .author-bio__description a:hover::before{transform:scaleX(1);transform-origin:bottom left}.author-bio .author-bio__description a:focus{outline:2px solid var(--primary-blue);outline-offset:2px;border-radius:2px}.posts-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:2rem;padding:2rem}.posts-container{min-height:100vh}.post-card{overflow:hidden;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px var(--shadow-color);padding:1.5rem;border-radius:8px;box-shadow:var(--shadow-lg);transition:transform 150ms cubic-bezier(0, 0, 0.2, 1)}.post-card:hover{transform:translateY(-2px)}.post-card:hover{transform:translateY(-4px);transition:transform 150ms cubic-bezier(0, 0, 0.2, 1)}.post-card:focus-within{outline:2px solid var(--primary-blue);outline-offset:2px}.post-card__content{padding:1.5rem}.post-card__title{font-size:1.5rem;font-weight:600;line-height:1.375;margin-bottom:.5rem}.post-card__title a{text-decoration:none;color:#1d4ed8;transition:color 150ms cubic-bezier(0, 0, 0.2, 1)}.post-card__title a:hover{text-decoration:underline;text-underline-offset:.08em;text-decoration-thickness:2px;color:#0077b6;transition:color 150ms cubic-bezier(0, 0, 0.2, 1)}.post-card__title a:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.post-card__meta{color:var(--text-light);font-size:.875rem;font-weight:400;line-height:1.6;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.post-card__meta .last-updated{font-style:italic;color:#dc2626;font-size:.875rem;font-weight:500;line-height:1.6}.post-card__excerpt{color:var(--text-secondary);font-size:1rem;font-weight:400;line-height:2;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card__author{color:var(--text-secondary);font-size:1rem;font-weight:500;line-height:1.6;display:flex;align-items:center;justify-content:center;gap:.5rem}.post-card__author img{border-radius:9999px;width:30px;height:30px}.post-card__image{width:100%;aspect-ratio:4 / 3;overflow:hidden;position:relative}.post-card__image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 300ms cubic-bezier(0, 0, 0.2, 1)}.post-card__image:hover img{transform:scale(1.05)}.post-card__image-placeholder{aspect-ratio:4 / 3;background:linear-gradient(135deg, var(--bg-tertiary) 0%, var(--border-color) 100%);display:flex;align-items:center;justify-content:center;gap:0}.post-card__image-placeholder:hover{transition:background 150ms cubic-bezier(0, 0, 0.2, 1)}.post-card__placeholder-content{text-align:center}.category-icon{display:inline-block;font-size:1.875rem;font-weight:600;line-height:1.25;color:#2563eb;opacity:.75;margin-right:.5rem;transition:color 150ms cubic-bezier(0, 0, 0.2, 1)}.post-card:hover .category-icon{opacity:1;color:#0077b6}.post-card__categories{margin-bottom:1rem}.post-card--featured{border:2px solid;border-color:#2563eb;transition:border-color 150ms cubic-bezier(0, 0, 0.2, 1)}.post-card--featured:hover{box-shadow:0 0 0 4px rgba(37,99,235,.1);border-color:#0077b6}.post-card--loading{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-tertiary) 50%, var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}.post-card--loading .post-card__title,.post-card--loading .post-card__excerpt{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-tertiary) 50%, var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;height:1.5em;margin-bottom:.5rem}@media(max-width: 768px){.posts-grid{grid-template-columns:1fr;padding:1.5rem}.post-card__content{padding:1rem}.post-card__title{font-size:1.25rem;font-weight:600;line-height:1.375}}@media(max-width: 480px){.posts-grid{padding:1rem}.post-card__image{aspect-ratio:16 / 9}.post-card__meta{flex-direction:column;align-items:flex-start;gap:.25rem}}[data-theme=dark] .post-card__title a{color:#48cae4}[data-theme=dark] .post-card__title a:hover{color:#00b4d8}[data-theme=dark] .category-icon{color:#48cae4}.post-card:hover [data-theme=dark] .category-icon{color:#00b4d8}.related-posts{margin-top:4rem;margin-bottom:4rem;margin-left:auto;margin-right:auto;max-width:1280px;padding-left:2rem;padding-right:2rem}.related-posts[data-loading=true]{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-tertiary) 50%, var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;min-height:400px;border-radius:8px}.related-posts.loaded{animation:fade-in 300ms cubic-bezier(0, 0, 0.2, 1)}.related-posts-title{font-size:1.5rem;font-weight:600;line-height:1.25;margin-bottom:2rem;color:var(--text-primary);text-align:center;position:relative}.related-posts-title::after{content:"";position:absolute;bottom:-0.5rem;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(to right, var(--primary-blue), var(--ocean-blue))}@media(max-width: 768px){.related-posts-title{font-size:1.25rem;font-weight:600;line-height:1.25;margin-bottom:1.5rem}}@media(max-width: 480px){.related-posts-title{font-size:1.125rem;font-weight:600;line-height:1.25}}.related-posts-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr))}@media(max-width: 1024px){.related-posts-grid{grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));display:grid}}@media(max-width: 768px){.related-posts-grid{grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));display:grid}}@media(max-width: 480px){.related-posts-grid{grid-template-columns:1fr;display:grid}}.related-post-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px var(--shadow-color);padding:2rem;border-radius:8px;box-shadow:var(--shadow-lg);transition:transform 150ms cubic-bezier(0, 0, 0.2, 1);overflow:hidden;transition:all 300ms cubic-bezier(0, 0, 0.2, 1);position:relative;height:fit-content}.related-post-card:hover{transform:translateY(-2px)}.related-post-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl)}.related-post-card:hover .related-post-image img{transform:scale(1.08)}.related-post-card:hover .related-post-title a{color:#2563eb}.related-post-card:focus-within{transition:box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);box-shadow:var(--shadow-xl),0 0 0 2px rgba(59,130,246,.2)}.related-post-card.loading{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-tertiary) 50%, var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;min-height:350px}.related-post-card.loading .related-post-content{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-tertiary) 50%, var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}.related-post-card.loaded{animation:fade-in 300ms cubic-bezier(0, 0, 0.2, 1);animation:slide-in-up 300ms cubic-bezier(0, 0, 0.2, 1)}.related-post-card.loaded:nth-child(1){animation-delay:.1s}.related-post-card.loaded:nth-child(2){animation-delay:.2s}.related-post-card.loaded:nth-child(3){animation-delay:.3s}.related-post-image{display:block;width:100%;height:200px;overflow:hidden;position:relative;border-radius:8px 8px 0 0}.related-post-image[data-loading=true]{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-tertiary) 50%, var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}.related-post-image[data-loading=true]::after{content:"🖼 Loading image...";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:.875rem;font-weight:500;line-height:1.6;opacity:.75}.related-post-image:empty::after{content:"📰";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:1.875rem;font-weight:400;line-height:1.25;color:var(--text-light)}.related-post-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 500ms cubic-bezier(0, 0, 0.2, 1)}.related-post-image img[data-loading=true]{opacity:0;transition:opacity 300ms cubic-bezier(0, 0, 0.2, 1)}.related-post-image img.loaded{opacity:1}.related-post-image img:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.related-post-content{padding:2rem}@media(max-width: 480px){.related-post-content{padding:1.5rem}}.related-post-categories{margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.25rem;justify-content:flex-start;flex-wrap:wrap}.related-post-categories .category{font-size:.75rem;font-weight:500;line-height:1.25;padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;padding-right:.5rem;background:var(--bg-secondary);color:#2563eb;text-decoration:none;transition:all 150ms cubic-bezier(0, 0, 0.2, 1)}.related-post-categories .category:hover{background:#2563eb;color:var(--text-primary);transform:translateY(-1px)}.related-post-categories .category:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.related-post-title{font-size:1.125rem;font-weight:600;line-height:1.25;margin-bottom:1rem;line-height:1.4}.related-post-title a{color:var(--text-primary);text-decoration:none;transition:color 150ms cubic-bezier(0, 0, 0.2, 1)}.related-post-title a:focus{outline:2px solid var(--primary-blue);outline-offset:2px;color:#2563eb}.related-post-title a:hover{color:#2563eb}@media(max-width: 480px){.related-post-title{font-size:1rem;font-weight:600;line-height:1.25;margin-bottom:.5rem}}.related-post-meta{font-size:.875rem;font-weight:400;line-height:1.6;color:var(--text-light);display:flex;align-items:center;justify-content:center;gap:.5rem;justify-content:flex-start;flex-wrap:wrap}.related-post-meta .meta-item{display:flex;align-items:center;justify-content:center;gap:.25rem}.related-post-meta .meta-item .icon{opacity:.75}.related-post-meta .reading-time::before{content:"⏱";margin-right:.25rem}.related-post-meta .post-date::before{content:"📅";margin-right:.25rem}@media(max-width: 480px){.related-post-meta{font-size:.75rem;font-weight:400;line-height:1.6}}[data-theme=dark] .related-post-card{box-shadow:var(--shadow-xl)}[data-theme=dark] .related-post-card:hover{box-shadow:var(--shadow-2xl)}[data-theme=dark] .related-post-card:hover .related-post-title a{color:#48cae4}[data-theme=dark] .related-post-categories .category:hover{background:#48cae4}[data-theme=dark] .related-posts-title::after{background:linear-gradient(to right, var(--sky-blue), var(--cyan-blue))}@media(prefers-contrast: high){.related-post-card{border:2px solid var(--text-primary)}.related-post-card:hover,.related-post-card:focus-within{border-width:3px}.related-post-categories .category{border:1px solid currentcolor;font-size:.75rem;font-weight:700;line-height:1.25}.related-post-title a{font-size:1.125rem;font-weight:700;line-height:1.25}}@media(prefers-reduced-motion: reduce){.related-post-card,.related-post-image img,.related-post-title a,.related-post-categories .category{transition:none 300ms cubic-bezier(0, 0, 0.2, 1)}.related-post-card:hover,.related-post-image img:hover,.related-post-title a:hover,.related-post-categories .category:hover{transform:none}.related-post-card.loaded{animation:none}}@media print{.related-posts{break-inside:avoid;margin:1.5rem}.related-posts .related-posts-title::after{display:none}.related-posts-grid{display:block}.related-posts-grid .related-post-card{break-inside:avoid;display:block;margin-bottom:1.5rem;box-shadow:none;border:1px solid var(--print-border, #ccc)}.related-posts-grid .related-post-card .related-post-image{height:auto;max-height:150px}.related-post-categories{display:none}}.related-post-card,.related-post-image img{will-change:transform}.related-post-card:hover,.related-post-image img:hover{will-change:auto}.related-posts-lazy{opacity:0;transform:translateY(20px);transition:all 300ms cubic-bezier(0, 0, 0.2, 1)}.related-posts-lazy.in-view{opacity:1;transform:translateY(0)}.related-posts:empty::after{content:"📚 No related posts found";display:block;text-align:center;font-size:1rem;font-weight:500;line-height:1.6;color:var(--text-secondary);padding:2rem;background:var(--bg-secondary);border-radius:8px;border:2px dashed var(--border-color)}.share-buttons{margin-top:2rem;margin-bottom:2rem;padding-top:1.5rem;padding-bottom:1.5rem;border-top:2px solid var(--border-color);border-bottom:2px solid var(--border-color);position:relative}.share-buttons::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:60px;height:2px;background:linear-gradient(to right, var(--primary-blue), var(--ocean-blue))}.share-buttons::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:2px;background:linear-gradient(to right, var(--primary-blue), var(--ocean-blue))}.share-buttons[data-loading=true]{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-tertiary) 50%, var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;min-height:100px;border-radius:8px}.share-buttons.loaded{animation:fade-in 300ms cubic-bezier(0, 0, 0.2, 1)}.share-title{font-size:1.125rem;font-weight:500;line-height:1.25;margin-bottom:1.5rem;color:var(--text-secondary);text-align:center;position:relative}.share-title::before{content:"📤";margin-right:.5rem;font-size:1.125rem;font-weight:400;line-height:1.25}@media(max-width: 480px){.share-title{font-size:1rem;font-weight:500;line-height:1.25;margin-bottom:1rem}}.share-buttons-list{display:flex;align-items:center;justify-content:center;gap:1rem;justify-content:center;flex-wrap:wrap}@media(max-width: 480px){.share-buttons-list{gap:.5rem;flex-direction:column;align-items:stretch}}.share-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding-top:1rem;padding-bottom:1rem;padding-left:1.5rem;padding-right:1.5rem;border-radius:8px;font-size:.875rem;font-weight:500;line-height:1.6;text-decoration:none;border:2px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all 150ms cubic-bezier(0, 0, 0.2, 1);min-height:48px;min-width:120px;position:relative;overflow:hidden;will-change:transform}.share-button .icon{font-size:1rem;font-weight:400;line-height:1.25;transition:transform 150ms cubic-bezier(0, 0, 0.2, 1)}.share-button.loading{pointer-events:none;background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-tertiary) 50%, var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}.share-button.loading::before{content:"";width:12px;height:12px;border:2px solid rgba(0,0,0,0);border-top:2px solid currentcolor;border-radius:9999px;animation:spin 1s linear infinite;margin-right:.5rem}.share-button.loading .icon{display:none}.share-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);will-change:auto}.share-button:hover .icon{transform:scale(1.1)}.share-button:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.share-button:active{transform:translateY(0)}.share-button.success{animation:share-success .6s ease-out}.share-button.success .icon{transform:scale(1.2)}.share-button[data-tooltip]{position:relative}.share-button[data-tooltip]::after{content:attr(data-tooltip);position:absolute;bottom:120%;left:50%;transform:translateX(-50%);background:var(--bg-primary);color:var(--text-primary);font-size:.75rem;font-weight:500;line-height:1.25;padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;padding-right:.5rem;border-radius:6px;box-shadow:var(--shadow-lg);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 150ms cubic-bezier(0, 0, 0.2, 1);z-index:50}.share-button[data-tooltip]:hover::after{opacity:1}@media(max-width: 480px){.share-button{justify-content:center;min-width:auto;width:100%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes share-success{0%{transform:translateY(-2px) scale(1)}50%{transform:translateY(-4px) scale(1.05)}100%{transform:translateY(-2px) scale(1)}}.share-twitter:hover{background:#1da1f2;color:var(--text-primary);border-color:#1da1f2;box-shadow:0 4px 16px rgba(29,161,242,.3)}.share-twitter.success{background:#1da1f2;color:var(--text-primary);border-color:#1da1f2}.share-linkedin:hover{background:#0077b5;color:var(--text-primary);border-color:#0077b5;box-shadow:0 4px 16px rgba(0,119,181,.3)}.share-linkedin.success{background:#0077b5;color:var(--text-primary);border-color:#0077b5}.share-facebook:hover{background:#1877f2;color:var(--text-primary);border-color:#1877f2;box-shadow:0 4px 16px rgba(24,119,242,.3)}.share-facebook.success{background:#1877f2;color:var(--text-primary);border-color:#1877f2}.share-reddit:hover{background:#ff4500;color:var(--text-primary);border-color:#ff4500;box-shadow:0 4px 16px rgba(255,69,0,.3)}.share-reddit.success{background:#ff4500;color:var(--text-primary);border-color:#ff4500}.share-email:hover{color:var(--text-primary);box-shadow:0 4px 16px rgba(34,197,94,.3)}.share-email.success{color:var(--text-primary)}.share-copy:hover{background:#2563eb;color:var(--text-primary);border-color:#2563eb;box-shadow:0 4px 16px rgba(59,130,246,.3)}.share-copy.copied{color:var(--text-primary)}.share-copy.copied .icon::before{content:"✓"}.share-copy.copied .text::after{content:" Copied!"}.share-copy.success{color:var(--text-primary)}.share-print:hover{background:#6b7280;color:var(--text-primary);border-color:#6b7280;box-shadow:0 4px 16px rgba(107,114,128,.3)}.share-print.success{background:#6b7280;color:var(--text-primary);border-color:#6b7280}[data-theme=dark] .share-buttons::before,[data-theme=dark] .share-buttons::after{background:linear-gradient(to right, var(--sky-blue), var(--cyan-blue))}[data-theme=dark] .share-button{box-shadow:var(--shadow-md)}[data-theme=dark] .share-button:hover{box-shadow:var(--shadow-xl)}[data-theme=dark] .share-copy:hover{background:#48cae4;border-color:#48cae4}@media(prefers-contrast: high){.share-button{border-width:3px;font-size:.875rem;font-weight:700;line-height:1.6}.share-button:hover,.share-button:focus{border-width:4px}.share-buttons{border-top-width:3px;border-bottom-width:3px}}@media(prefers-reduced-motion: reduce){.share-button{transition:none 300ms cubic-bezier(0, 0, 0.2, 1)}.share-button:hover{transform:none}.share-button .icon{transition:none 300ms cubic-bezier(0, 0, 0.2, 1)}.share-button .icon:hover{transform:none}.share-button.success{animation:none}.share-buttons.loaded{animation:none}}@media(hover: none)and (pointer: coarse){.share-button{min-height:44px;padding:1rem}.share-button:active{background:var(--bg-secondary);transform:scale(0.98)}}@media print{.share-buttons{display:none}}.share-button.error{color:var(--text-primary)}.share-button.error .icon::before{content:"⚠"}.share-button.error .text::after{content:" Error!"}.share-success-notification{position:fixed;top:1.5rem;right:1.5rem;background:var(--success);color:var(--text-primary);padding:1rem;border-radius:8px;font-size:.875rem;font-weight:500;line-height:1.6;box-shadow:var(--shadow-xl);transition:all 150ms cubic-bezier(0, 0, 0.2, 1);transform:translateX(100%)}.share-success-notification.show{transform:translateX(0)}.share-success-notification::before{content:"✓ ";font-size:1rem;font-weight:700;line-height:1.25}.toc-sidebar{width:320px;flex-shrink:0;position:relative}.toc-sidebar::before{content:"";position:absolute;top:0;left:-4px;width:4px;height:var(--reading-progress, 0%);background:linear-gradient(to bottom, var(--primary-blue), var(--ocean-blue));border-radius:4px;transition:height 300ms cubic-bezier(0, 0, 0.2, 1);z-index:1}.toc-content{position:sticky;top:2rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px var(--shadow-color);padding:2rem;border-radius:8px;box-shadow:var(--shadow-lg);transition:transform 150ms cubic-bezier(0, 0, 0.2, 1);max-height:calc(100vh - 8rem);overflow:hidden auto;scroll-behavior:smooth}.toc-content:hover{transform:translateY(-2px)}.toc-content::-webkit-scrollbar{width:6px}.toc-content::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.toc-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.toc-content::-webkit-scrollbar-thumb:hover{background:#2563eb}.toc-content:focus-within{transition:box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);box-shadow:var(--shadow-xl),0 0 0 2px rgba(59,130,246,.2)}@media(max-width: 768px){.toc-content:focus-within .toc-nav{max-height:400px}}.toc-title{font-size:1.125rem;font-weight:600;line-height:1.25;margin-bottom:1.5rem;color:var(--text-primary);padding-bottom:.5rem;border-bottom:2px solid var(--border-color);position:relative}@media(max-width: 768px){.toc-title{cursor:pointer;display:flex;justify-content:space-between;align-items:center}.toc-title::after{content:"▼";font-size:.875rem;font-weight:400;line-height:1.25;transition:transform 150ms cubic-bezier(0, 0, 0.2, 1);color:var(--text-secondary)}.toc-title.collapsed::after{transform:rotate(-90deg)}.toc-title:hover{color:#2563eb}.toc-title:hover::after{color:#2563eb}}@media(max-width: 768px){.toc-nav{max-height:0;overflow:hidden;transition:max-height 300ms cubic-bezier(0, 0, 0.2, 1)}.toc-nav.expanded{max-height:500px}}.toc-content nav ul,.toc-wrapper nav ul,.toc-wrapper ul{list-style:none;padding:0;margin:0}.toc-content nav ol,.toc-wrapper nav ol,.toc-wrapper ol{list-style:none;padding:0;margin:0}.toc-content nav ul ul,.toc-wrapper nav ul ul,.toc-wrapper ul ul{padding-left:2rem;margin-top:.25rem;position:relative}.toc-content nav ul ul::before,.toc-wrapper nav ul ul::before,.toc-wrapper ul ul::before{content:"";position:absolute;left:.5rem;top:0;bottom:0;width:1px;background:var(--border-color);opacity:.75}.toc-content nav ol ol,.toc-wrapper nav ol ol,.toc-wrapper ol ol{padding-left:3rem}.toc-content nav ul ul ul,.toc-wrapper nav ul ul ul,.toc-wrapper ul ul ul{padding-left:3rem}.toc-content nav ul ul ul::before,.toc-wrapper nav ul ul ul::before,.toc-wrapper ul ul ul::before{left:1.5rem}.toc-content nav ul ul ul ul,.toc-wrapper nav ul ul ul ul,.toc-wrapper ul ul ul ul{padding-left:4rem}.toc-content nav ul ul ul ul::before,.toc-wrapper nav ul ul ul ul::before,.toc-wrapper ul ul ul ul::before{left:2rem}.toc-content nav li,.toc-wrapper nav li,.toc-wrapper li{margin-bottom:.5rem;position:relative;transition:opacity 300ms cubic-bezier(0, 0, 0.2, 1)}.toc-content nav li.toc-item-visible,.toc-wrapper nav li.toc-item-visible,.toc-wrapper li.toc-item-visible{animation:fade-in 150ms cubic-bezier(0, 0, 0.2, 1)}.toc-content nav li.reading::before,.toc-wrapper nav li.reading::before,.toc-wrapper li.reading::before{content:"";position:absolute;left:-1.5rem;top:50%;transform:translateY(-50%);width:4px;height:4px;background:var(--primary-blue);border-radius:9999px;transition:all 150ms cubic-bezier(0, 0, 0.2, 1)}.toc-content nav a,.toc-wrapper nav a,.toc-wrapper a{color:var(--text-light);text-decoration:none;font-size:.875rem;font-weight:400;line-height:1.75;display:block;padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;padding-right:.5rem;border-left:3px solid rgba(0,0,0,0);margin-left:-0.5rem;border-radius:0 6px 6px 0;position:relative;transition:all 150ms cubic-bezier(0, 0, 0.2, 1)}.toc-content nav a::after,.toc-wrapper nav a::after,.toc-wrapper a::after{content:"";position:absolute;right:.25rem;top:50%;transform:translateY(-50%) scale(0);width:6px;height:6px;background:var(--primary-blue);border-radius:9999px;transition:transform 150ms cubic-bezier(0, 0, 0.2, 1)}.toc-content nav a:focus-visible,.toc-wrapper nav a:focus-visible,.toc-wrapper a:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px;z-index:1}.toc-content nav a:hover,.toc-wrapper nav a:hover,.toc-wrapper a:hover{color:#2563eb;background-color:var(--bg-tertiary);border-left-color:var(--border-color);transform:translateX(2px)}.toc-content nav a:hover::after,.toc-wrapper nav a:hover::after,.toc-wrapper a:hover::after{transform:translateY(-50%) scale(1)}.toc-content nav a.active,.toc-wrapper nav a.active,.toc-wrapper a.active{color:#2563eb;font-size:.875rem;font-weight:600;line-height:1.75;background-color:var(--bg-secondary);border-left-color:#2563eb;transform:translateX(4px)}.toc-content nav a.active::after,.toc-wrapper nav a.active::after,.toc-wrapper a.active::after{transform:translateY(-50%) scale(1.2);background:#2563eb}.toc-content nav a.active::before,.toc-wrapper nav a.active::before,.toc-wrapper a.active::before{content:"";position:absolute;left:-3px;top:0;bottom:0;width:3px;background:linear-gradient(to bottom, var(--primary-blue), var(--ocean-blue));transition:width 300ms cubic-bezier(0, 0, 0.2, 1);border-radius:0 4px 4px 0}.toc-content nav a.active:hover,.toc-wrapper nav a.active:hover,.toc-wrapper a.active:hover{background-color:var(--bg-tertiary);transform:translateX(6px)}.toc-content nav a.active:hover::before,.toc-wrapper nav a.active:hover::before,.toc-wrapper a.active:hover::before{width:5px}.toc-content nav a.active:hover::after,.toc-wrapper nav a.active:hover::after,.toc-wrapper a.active:hover::after{transform:translateY(-50%) scale(1.4)}@media(max-width: 1024px){.toc-sidebar{position:static;width:100%;margin-bottom:2rem}.toc-sidebar::before{display:none}.toc-content{position:static;max-height:none}.toc-content .toc-nav{max-height:0;overflow:hidden;transition:max-height 300ms cubic-bezier(0, 0, 0.2, 1)}.toc-content .toc-nav.expanded{max-height:400px}}@media(max-width: 768px){.toc-content{position:static;max-height:none;padding:1.5rem;margin-top:1.5rem;margin-bottom:1.5rem;margin-left:0;margin-right:0}.toc-title{font-size:1rem;font-weight:600;line-height:1.25;margin-bottom:.5rem;min-height:44px;display:flex;align-items:center;justify-content:center;gap:0;justify-content:space-between}.toc-content nav a{font-size:.875rem;font-weight:400;line-height:1.6;padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;padding-right:1rem;min-height:44px;display:flex;align-items:center;justify-content:center;gap:0;justify-content:flex-start}.toc-content nav ul ul{padding-left:1.5rem}.toc-content nav ul ul::before{left:.25rem}.toc-content nav ul ul ul{padding-left:2rem}}[data-theme=dark] .toc-content{box-shadow:var(--shadow-xl)}[data-theme=dark] .toc-sidebar::before{background:linear-gradient(to bottom, var(--sky-blue), var(--cyan-blue))}[data-theme=dark] .toc-content nav a:hover{color:#48cae4}[data-theme=dark] .toc-content nav a:hover::after{background:#48cae4}[data-theme=dark] .toc-content nav a.active{color:#48cae4;border-left-color:#48cae4}[data-theme=dark] .toc-content nav a.active::before{background:linear-gradient(to bottom, var(--sky-blue), var(--cyan-blue))}[data-theme=dark] .toc-content nav a.active::after{background:#48cae4}.toc-content nav a[href^="#"]{scroll-behavior:smooth}.toc-content nav a[href^="#"]:focus::after{transform:translateY(-50%) scale(1.3);transition:transform 150ms cubic-bezier(0.68, -0.55, 0.265, 1.55)}.toc-content nav a[aria-current=true]{position:absolute;width:1px;height:1px;padding:0;margin:-0.0625rem;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.toc-content nav a[aria-current=true]::before{content:"Current section: "}@media(prefers-contrast: high){.toc-content nav a,.toc-wrapper nav a,.toc-wrapper a{border:2px solid rgba(0,0,0,0);border-left-width:5px}.toc-content nav a:hover,.toc-content nav a:focus,.toc-wrapper nav a:hover,.toc-wrapper nav a:focus,.toc-wrapper a:hover,.toc-wrapper a:focus{border-color:currentcolor}.toc-content nav a.active,.toc-wrapper nav a.active,.toc-wrapper a.active{font-size:.875rem;font-weight:700;line-height:1.75;border-color:currentcolor}.toc-content nav a.active::before,.toc-wrapper nav a.active::before,.toc-wrapper a.active::before{width:6px}.toc-title{border-bottom-width:3px}}@media(prefers-reduced-motion: reduce){.toc-content nav a,.toc-wrapper nav a,.toc-wrapper a{transition:none 300ms cubic-bezier(0, 0, 0.2, 1)}.toc-content nav a::after,.toc-content nav a::before,.toc-wrapper nav a::after,.toc-wrapper nav a::before,.toc-wrapper a::after,.toc-wrapper a::before{transition:none 300ms cubic-bezier(0, 0, 0.2, 1)}.toc-content nav a:hover,.toc-content nav a.active,.toc-wrapper nav a:hover,.toc-wrapper nav a.active,.toc-wrapper a:hover,.toc-wrapper a.active{transform:none}.toc-nav{transition:none 300ms cubic-bezier(0, 0, 0.2, 1)}.toc-sidebar::before{transition:none 300ms cubic-bezier(0, 0, 0.2, 1)}.toc-content nav li{transition:none 300ms cubic-bezier(0, 0, 0.2, 1)}.toc-content nav li.toc-item-visible{animation:none}}.toc-item-entering{animation:fade-in 300ms cubic-bezier(0, 0, 0.2, 1);animation:slide-in-right 300ms cubic-bezier(0, 0, 0.2, 1)}.toc-reading-progress{--reading-progress: 0%}.toc-reading-progress .toc-sidebar::before{height:var(--reading-progress)}@media print{.toc-sidebar,.toc-content{display:none}}.note{padding:1.5rem;margin:1.5rem;transition:all 150ms cubic-bezier(0, 0, 0.2, 1);border-left:4px solid;border-radius:4px}.note:hover{transform:translateX(4px)}.note-info{color:var(--primary-blue);background-color:rgba(37,99,235,.1);border-left-color:var(--primary-blue)}.note-warning{color:#f59e0b;background-color:rgba(245,158,11,.1);border-left-color:#f59e0b}.note-danger{color:#dc2626;background-color:rgba(220,38,38,.1);border-left-color:#dc2626}.note-success{color:#047857;background-color:rgba(4,120,87,.1);border-left-color:#047857}.alert{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px var(--shadow-color);padding:1.5rem;border-radius:8px;transition:transform 150ms cubic-bezier(0, 0, 0.2, 1);display:flex;align-items:center;justify-content:center;gap:0;justify-content:flex-start;gap:1rem;font-size:1rem;font-weight:400;line-height:2;border:1px solid;transition:transform 150ms cubic-bezier(0, 0, 0.2, 1)}.alert:hover{transform:translateY(-2px)}.alert:hover{transform:translateY(-1px)}.alert-icon{flex-shrink:0;font-size:1.125rem;font-weight:400;line-height:1.25;margin-top:.125rem}.alert-content{flex:1;min-width:0}.alert-content>*:first-child{margin-top:0}.alert-content>*:last-child{margin-bottom:0}.alert-content p{margin-bottom:.5rem}.alert-content p:last-child{margin-bottom:0}.alert-content strong{font-size:1rem;font-weight:600;line-height:1.6}.alert-content code{background-color:rgba(37,99,235,.05);padding:.25rem;border-radius:4px;font-size:.875rem;font-weight:400;line-height:1.6}.alert-note{color:var(--primary-blue);background-color:rgba(37,99,235,.05);border-color:var(--primary-blue)}.alert-tip{color:#047857;background-color:rgba(4,120,87,.05);border-color:#047857}.alert-important{color:#6d28d9;background-color:rgba(109,40,217,.05);border-color:#6d28d9}.alert-warning{color:#f59e0b;background-color:rgba(245,158,11,.05);border-color:#f59e0b}.alert-caution{color:#dc2626;background-color:rgba(220,38,38,.05);border-color:#dc2626}.alert a{color:inherit;text-decoration:none;text-underline-offset:2px;transition:text-decoration 150ms cubic-bezier(0, 0, 0.2, 1)}.alert a:hover{text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:2px}.back-to-top{position:fixed;bottom:2rem;right:2rem;background:#2563eb;color:var(--text-primary);width:50px;height:50px;border-radius:9999px;display:flex;align-items:center;justify-content:center;gap:0;cursor:pointer;visibility:hidden;transition:all 300ms cubic-bezier(0, 0, 0.2, 1);border:none;box-shadow:var(--shadow-lg)}.back-to-top:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:var(--shadow-xl)}.back-to-top:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.back-to-top.visible{opacity:1;visibility:visible;animation:fade-in 150ms cubic-bezier(0, 0, 0.2, 1)}.back-to-top svg{width:24px;height:24px;transition:transform 150ms cubic-bezier(0, 0, 0.2, 1)}.back-to-top:hover svg{transform:translateY(-1px)}.error-page{min-height:70vh;display:flex;align-items:center;justify-content:center;gap:0;padding:2rem;animation:fade-in 300ms cubic-bezier(0, 0, 0.2, 1)}.error-content{text-align:center;max-width:600px;padding:2rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px var(--shadow-color);padding:2rem;border-radius:8px;box-shadow:var(--shadow-lg);transition:transform 150ms cubic-bezier(0, 0, 0.2, 1)}.error-content:hover{transform:translateY(-2px)}.error-page__code{font-size:3.75rem;font-weight:700;line-height:1.25;color:#2563eb;margin:0;line-height:1;margin-bottom:1.5rem}@media(max-width: 480px){.error-page__code{font-size:3rem;font-weight:700;line-height:1.25}}.error-page__message{font-size:1.25rem;font-weight:600;line-height:1.25;margin-top:1.5rem;margin-bottom:1.5rem;margin-left:0;margin-right:0;color:var(--text-primary)}@media(max-width: 480px){.error-page__message{font-size:1.125rem;font-weight:600;line-height:1.25}}.error-description{font-size:1.125rem;color:var(--text-light);margin-bottom:2rem}.error-actions{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:3rem}.btn-primary,.btn-secondary{padding:.75rem 2rem;border-radius:8px;text-decoration:none;font-weight:500;transition:all .2s ease}.btn-primary{background:var(--primary-blue);color:var(--bg-primary)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-secondary{background:var(--bg-primary);color:var(--text-secondary);border:2px solid var(--border-color)}.btn-secondary:hover{border-color:var(--primary-blue);color:var(--primary-blue);background:var(--bg-secondary)}.error-suggestions{margin-top:3rem}.error-suggestions h3{font-size:1.25rem;margin-bottom:1rem;color:var(--text-secondary)}.error-posts{display:flex;flex-direction:column;gap:.75rem}.error-post{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-tertiary);border-radius:8px}.error-post a{color:var(--text-primary);text-decoration:none;font-weight:500}.error-post a:hover{color:var(--primary-blue)}.error-post time{font-size:.875rem;color:var(--archive-date-color)}.archives-page{max-width:800px;margin:0 auto;padding:2rem}.archives-header{text-align:center;margin-bottom:3rem}.archives-header h1{font-size:2.5rem;margin-bottom:.5rem;color:var(--text-primary)}.archives-description{color:var(--text-light);font-size:1.125rem}.archives-content{margin:2rem 0}.archive-year{margin-bottom:3rem}.year-title{font-size:2rem;color:var(--archive-year-color);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-color)}.archive-month{margin-bottom:2rem}.month-title{font-size:1.25rem;color:var(--text-secondary);margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.post-count{font-size:.875rem;color:var(--archive-date-color);font-weight:normal}.archive-posts{list-style:none;padding:0}.archive-post{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem;margin-bottom:.5rem;border-radius:8px;transition:background-color .2s ease}.archive-post:hover{background-color:var(--archive-highlight-bg)}.archive-date{color:var(--archive-date-color);font-size:.875rem;font-family:"Fira Code","Cascadia Code",monospace;min-width:60px}.archive-link{flex:1;color:var(--text-primary);text-decoration:none;font-weight:500}.archive-link:hover{color:var(--primary-blue)}.archive-categories{margin-left:auto}.category-small{font-size:.75rem;padding:.125rem .5rem;border-radius:4px;color:var(--bg-primary);text-transform:uppercase;font-weight:600}.archives-stats{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color);text-align:center;color:var(--text-light)}.page-container{max-width:800px;margin:0 auto;padding:2rem}.page-content{background:var(--bg-primary);border-radius:8px;padding:3rem;box-shadow:0 2px 4px var(--shadow-color)}.page-header{text-align:center;margin-bottom:3rem}.page-header h1{font-size:2.5rem;margin-bottom:1rem;color:var(--text-primary)}.page-description{font-size:1.25rem;color:var(--text-light)}.page-body{font-size:1.125rem;line-height:1.75;color:var(--text-secondary)}.page-body h1,.page-body h2,.page-body h3{margin-top:2rem;margin-bottom:1rem}.page-body p{margin-bottom:1.25rem}.page-body a{color:var(--primary-blue);text-decoration:none;font-weight:500;position:relative;transition:all .2s ease;border-bottom:1px solid rgba(0,0,0,0)}.page-body a::before{content:"";position:absolute;width:100%;height:1px;bottom:-1px;left:0;background:linear-gradient(90deg, var(--primary-blue) 0%, var(--primary-dark) 100%);transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease}.page-body a:hover{color:var(--primary-dark)}.page-body a:hover::before{transform:scaleX(1);transform-origin:bottom left}.page-body h1 a,.page-body h2 a,.page-body h3 a,.page-body h4 a,.page-body h5 a,.page-body h6 a{color:inherit;font-weight:inherit;border-bottom:2px solid var(--primary-blue);padding-bottom:0.125rem}.page-body h1 a:hover,.page-body h2 a:hover,.page-body h3 a:hover,.page-body h4 a:hover,.page-body h5 a:hover,.page-body h6 a:hover{color:var(--primary-blue);border-bottom-color:var(--primary-dark)}.page-body code a{color:inherit;background:rgba(59,130,246,.1);padding:.125rem .25rem;border-radius:3px;font-weight:600}.page-body code a:hover{background:rgba(59,130,246,.2);color:var(--primary-dark)}.page-body a:focus{outline:2px solid var(--primary-blue);outline-offset:2px;border-radius:2px}.page-body blockquote a{color:var(--primary-dark);font-style:inherit}.category{display:inline-block;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;margin-right:.5rem;color:var(--text-primary);background:var(--category-default)}.category-infrastructure-as-code{background:var(--category-infrastructure-as-code)}.category-cloud-native{background:var(--category-cloud-native)}.category-automation{background:var(--category-automation)}.category-ai{background:var(--category-ai)}a.category{text-decoration:none;transition:all .2s ease}a.category:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.2);filter:brightness(0.9)}.post-categories a.category,.post-card__categories a.category{margin-right:.5rem;margin-bottom:.5rem}.taxonomy-page,.taxonomy-single-page{max-width:1280px;margin:0 auto;padding:2rem}.taxonomy-header{text-align:center;margin-bottom:3rem}.taxonomy-header h1{font-size:2.5rem;margin-bottom:.5rem;color:var(--text-primary)}.taxonomy-count,.taxonomy-description{color:var(--text-light);font-size:1.125rem}.tags-cloud{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin:2rem 0}.tag-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;text-decoration:none;transition:all .2s ease}.tag-item:hover{border-color:var(--primary-blue);transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.tag-name{color:var(--text-primary);font-weight:500}.tag-count{background:var(--bg-tertiary);color:var(--text-light);padding:.125rem .5rem;border-radius:12px;font-size:.875rem}.tag-search-container{max-width:500px;margin:0 auto 3rem}.post-tags{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color)}.tags-label{font-weight:600;margin-right:1rem;color:var(--text-secondary)}.tag{display:inline-block;background:linear-gradient(135deg, var(--tag-gradient-start) 0%, var(--tag-gradient-end) 100%);color:var(--tag-color);padding:.375rem 1rem;border-radius:20px;text-decoration:none;margin-right:.75rem;margin-bottom:.5rem;font-size:.875rem;font-weight:500;border:1px solid var(--tag-border);transition:all .2s ease}.tag:hover{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-dark) 100%);color:var(--bg-primary);border-color:var(--primary-blue);transform:translateY(-1px);box-shadow:0 2px 4px rgba(59,130,246,.3)}.taxonomy-list{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin:2rem 0}.taxonomy-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;text-decoration:none;transition:all .2s ease}.categories-item{border-radius:4px;text-transform:uppercase;font-size:.875rem;font-weight:600}.tags-item{border-radius:20px}.taxonomy-item:hover{border-color:var(--primary-blue);transform:translateY(-2px);box-shadow:0 4px 6px var(--shadow-color)}.taxonomy-name{color:var(--text-primary);font-weight:500}.taxonomy-count{background:var(--bg-tertiary);color:var(--text-light);padding:.125rem .5rem;border-radius:12px;font-size:.875rem}.skip-link{position:absolute;width:1px;height:1px;padding:0;margin:-0.0625rem;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;outline:2px solid var(--primary-blue);outline-offset:2px}.skip-link:focus{position:fixed;top:1rem;left:1rem;z-index:50;display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:6px;border:none;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;padding:.25rem .5rem;font-size:.875rem;font-weight:500;line-height:1.25;color:var(--text-primary);background-color:#2563eb;animation:slide-in-down 150ms cubic-bezier(0, 0, 0.2, 1)}.skip-link:focus:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.skip-link:focus:disabled{opacity:.6;cursor:not-allowed}.skip-link:focus:hover{background-color:#1d4ed8}*:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.focus-trap:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.keyboard-focused{outline:2px solid var(--primary-blue);outline-offset:2px}.nav-menu a:focus{background-color:#2563eb;opacity:.75;border-radius:4px;padding:.5rem;margin:.5rem;margin:calc(-1*0.5rem)}.filter-btn:focus,.btn:focus,button:focus{outline:2px solid var(--primary-blue);outline-offset:2px;box-shadow:0 0 0 4px rgba(37,99,235,.2)}.search-input:focus,input:focus,textarea:focus,select:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.2)}.disabled,[disabled],[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.sr-only,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-0.0625rem;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}[aria-live]{position:absolute;width:1px;height:1px;padding:0;margin:-0.0625rem;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}[aria-live].visible{animation:fade-in 150ms cubic-bezier(0, 0, 0.2, 1);position:static;width:auto;height:auto}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}html{scroll-behavior:auto}}@media(prefers-contrast: high){:root{--text-primary: #000;--text-secondary: #333;--primary-blue: #00E}*{outline:2px solid var(--primary-blue);outline-offset:2px}a{text-decoration:underline !important;text-decoration-thickness:2px !important}.breadcrumb-link,.post-meta,.post-card__meta{color:var(--text-secondary)}}.post-meta,.post-card__meta,.breadcrumb-link{color:var(--text-secondary)}.category-header{text-align:center;margin-bottom:3rem;padding:2rem;border-bottom:1px solid var(--border-color, #e2e8f0)}.category-header h1{font-size:2.25rem;font-weight:700;line-height:1.25;color:#1d4ed8;margin-bottom:1.5rem}.category-description{max-width:65ch;margin:0 auto;font-size:1.125rem;font-weight:400;line-height:2;color:var(--text-color, #4a5568)}.category-description h2{font-size:1.875rem;font-weight:600;line-height:1.25;margin-top:2rem;margin-bottom:1.5rem;color:#1d4ed8}.category-description h3{font-size:1.5rem;font-weight:600;line-height:1.375;margin-top:1.5rem;margin-bottom:1rem;color:#1d4ed8}.category-description ul{margin:1.5rem;padding-left:2rem}.category-description li{margin-bottom:.5rem}@media(max-width: 768px){.category-header{padding:1.5rem;margin-bottom:2rem}.category-header h1{font-size:1.875rem;font-weight:700;line-height:1.25}.category-description{font-size:1rem;font-weight:400;line-height:1.6;padding:1.5rem}}@media(max-width: 1200px){.toc-sidebar{display:none}.single-post{max-width:100%}}@media(max-width: 1024px){.related-posts-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.filter-search-container{flex-direction:column;align-items:stretch}.search-box{min-width:100%}.author-bio__container{flex-direction:column;align-items:center;text-align:center}.author-bio__links{justify-content:center}.footer-top{grid-template-columns:1fr;gap:2rem}.footer-section{text-align:center}.social-links{justify-content:center}.comments-section{margin-top:3rem;padding-top:2rem}}@media(max-width: 640px){.related-posts-grid{grid-template-columns:1fr}.archive-post{flex-direction:column;align-items:flex-start;gap:.5rem}.archive-categories{margin-left:0}}@media(max-width: 768px){.post-body{font-size:1rem;line-height:1.7;max-width:100%}.post-header .post-title{font-size:2rem;line-height:1.2;max-width:100%;margin:1rem 0}.post-body h1{font-size:1.75rem;margin:2rem 0 1rem}.post-body h2{font-size:1.5rem;margin:1.75rem 0 1rem}.post-body h3{font-size:1.25rem;margin:1.5rem 0 .75rem}.post-body h4{font-size:1.125rem;margin:1.25rem 0 .625rem}.post-body>p:first-of-type{font-size:1.125rem}.single-post-content{padding:1.5rem}.post-header{padding-bottom:1.5rem;margin-bottom:2rem}.post-body a{padding:.25rem 0}}@media(width >= 769px)and (width <= 1024px){.post-body{font-size:1.0625rem;max-width:60ch}.post-header .post-title{font-size:2.25rem}.single-post-content{padding:1.75rem}}@media(width >= 1400px){.post-body{font-size:1.1875rem;line-height:1.85;max-width:70ch}.post-header .post-title{font-size:3rem}.post-body h1{font-size:2.5rem}.post-body h2{font-size:2rem}}.is-visible{display:block !important;visibility:visible !important;opacity:1 !important}.is-hidden{display:none !important;visibility:hidden !important;opacity:0 !important}.is-active{background-color:var(--button-active);color:var(--bg-primary)}.is-disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.has-error{border-color:var(--danger-color) !important;color:var(--danger-color) !important}.has-success{border-color:var(--success-color) !important;color:var(--success-color) !important}.has-warning{border-color:var(--alert-warning-border) !important;color:var(--alert-warning-color) !important}.is-loading{cursor:progress !important}.is-mobile{display:none !important}.is-desktop{display:block !important}@media(max-width: 768px){.is-mobile{display:block !important}.is-desktop{display:none !important}}