@media (min-width:769px){.navbar__content{padding:var(--spacing-lg) 2rem}.about__header{flex-direction:row;text-align:left}.about__experience-meta{flex-direction:row;gap:2rem}.post{max-width:calc(100vw - 2 * var(--layout-main-padding-x));margin:0 auto}.toc{order:-1;width:100%}.conversations-sidebar{position:relative;transform:translateX(0);width:300px;border-right:1px solid var(--color-border)}.sidebar-toggle{display:none}.chat-input-form{padding-left:20px;padding-right:0}.chat-input-form .form__group{padding:0 clamp(2rem,3vw,3rem)}.form--horizontal .form__group{flex-direction:row;align-items:center;gap:1rem}.form--horizontal .form__label{min-width:120px;margin-bottom:0}}@media (min-width:1024px){.about{max-width:var(--content-width-prose)}.blog-layout{flex-direction:row;align-items:flex-start}.blog-layout__sidebar{order:0;flex:0 0 220px;position:-webkit-sticky;position:sticky;top:calc(var(--navbar-height) + var(--spacing-lg))}.blog-layout__posts{flex:1 1}.navbar__content{padding:var(--spacing-lg) 3rem;max-width:1200px;margin:0 auto}.post{max-width:min(var(--content-width-wide),calc(100vw - 80px))}.post__container{flex-direction:row;gap:5%;align-items:flex-start}.post__container article{flex:1 1;min-width:0}.toc{flex:0 0 20%;width:20%;order:0}.conversations-sidebar{width:350px}.chat-input-form{padding-left:20px}.message{padding:1.5rem}.card{padding:2rem}.btn{padding:.75rem 2rem}}@media (min-width:1440px){.layout{max-width:1400px;margin:0 auto}.about{max-width:var(--content-width-prose)}.conversations-sidebar{width:400px}.chat-input-form{padding-left:20px}}@media (max-width:768px){.navbar__content{padding:var(--spacing-md) 1rem}.about__header{flex-direction:column;text-align:center;gap:1rem}.about__experience-meta{flex-direction:column;gap:.25rem}.home__posts{max-width:100%}.series-nav__links{grid-template-columns:1fr}.series-nav__link--next{text-align:left}.tag-sidebar__list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tag-sidebar__item{padding:var(--spacing-xs) var(--spacing-md)}.post{max-width:100%;padding:clamp(.5rem,2vw,1rem)}.post__container{flex-direction:column;gap:1rem}.post__title{font-size:clamp(1.5rem,4vw,2rem);line-height:1.2;margin-bottom:1rem}.post__metadata{flex-direction:column;gap:.5rem;text-align:center}.toc{order:-1;width:100%}.landing__grid{grid-template-columns:1fr}.project-banner__image{aspect-ratio:3/1}.sidebar-wrapper{position:fixed;top:0;left:0;height:100vh;z-index:1000;transform:translateX(-100%);transition:transform .3s ease;background:var(--color-background);width:280px;overflow-y:auto}.sidebar-wrapper--open{transform:translateX(0)}.conversations-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:999}.sidebar-wrapper--open~.conversations-overlay{display:block}.form{gap:1rem}.form__input,.form__textarea{font-size:16px}.chat-input-form{padding-left:0;padding-right:0;box-shadow:0 -6px 20px rgba(0,0,0,.15);border-top:2px solid var(--color-border)}.chat-input-form .form__group{padding:0 clamp(1rem,4vw,2rem)}.chat-input-container{flex-direction:row;gap:.75rem}.chat-input{font-size:16px}.conversation-delete-btn{opacity:1}}@media (max-width:400px){.layout__main{margin-top:var(--navbar-height);padding-top:var(--navbar-height);padding-left:2px;padding-right:2px}.post{padding:.25rem}.post__title{font-size:clamp(1.25rem,5vw,1.75rem);padding:0 .5rem}.post__content{font-size:.9rem;line-height:1.6}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.btn,.card,.form__input,.form__textarea{border-width:.5px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{.btn,.chat-input,.conversations-sidebar,.navbar{display:none!important}.layout__main{margin-top:var(--navbar-height);padding:0;max-width:none}.card{box-shadow:none;border:1px solid #000}.about,.post__content{font-size:12pt;line-height:1.4}}.markdown-body{color:var(--color-text);line-height:var(--line-height-relaxed);font-size:var(--font-size-md)}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:1.5em;margin-bottom:.75em;font-weight:var(--font-weight-bold);color:var(--color-primary);line-height:var(--line-height-tight)}.markdown-body h1{font-size:var(--font-size-3xl)}.markdown-body h2{font-size:var(--font-size-2xl);border-bottom:2px solid var(--color-border);padding-bottom:.3em}.markdown-body h3{font-size:var(--font-size-xl)}.markdown-body h4{font-size:var(--font-size-lg)}.markdown-body p{margin-bottom:1.25em;color:var(--color-text)}.markdown-body ol,.markdown-body ul{margin-bottom:1.25em;padding-left:2em}.markdown-body li{margin-bottom:.5em;color:var(--color-text)}.markdown-body a{color:var(--color-accent);text-decoration:none;transition:color .2s}.markdown-body a:hover{text-decoration:underline}.markdown-body blockquote{border-left:4px solid rgba(34,139,230,.12);padding-left:1em;margin-left:0;margin-right:0;margin-bottom:1.25em;font-style:italic;color:var(--color-text-muted)}.markdown-body img{max-width:100%;height:auto;border-radius:var(--radius-lg);margin:2em 0;box-shadow:var(--shadow-card)}.markdown-body table{width:100%;border-collapse:collapse;margin:2em 0}.markdown-body th{background-color:rgba(34,139,230,.12);padding:.75em;text-align:left}.markdown-body td{padding:.75em;border-bottom:1px solid var(--color-border)}.markdown-body code{background-color:rgba(34,139,230,.05);padding:.2em .4em;border-radius:var(--radius-sm)}.markdown-body code,.markdown-body pre{font-family:var(--font-family-mono);font-size:.9em}.markdown-body pre{margin:1.5em 0;padding:1em;background-color:var(--color-gray-50);border-radius:var(--radius-lg);overflow-x:auto;line-height:1.5;border:1px solid var(--color-border)}.markdown-body pre code{background-color:transparent;padding:0;border-radius:0;display:block}html.dark .markdown-body pre{background-color:var(--color-gray-800)}.reading-progress-container{position:fixed;top:var(--navbar-height);left:0;width:100%;height:4px;background:var(--color-progress-bg);z-index:1001}.reading-progress-bar{height:4px;background:linear-gradient(to right,var(--color-accent),var(--color-primary));width:0;transition:width .1s ease}.image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.9);z-index:9999;padding:2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}.image-modal-content,.image-modal-overlay{display:flex;align-items:center;justify-content:center}.image-modal-content{position:relative;max-width:98vw;max-height:98vh;flex-direction:column;animation:scaleIn .3s cubic-bezier(.4,0,.2,1);width:100%;height:100%}.image-modal-close{position:absolute;top:-3rem;right:0;background:hsla(0,0%,100%,.9);border:none;border-radius:50%;width:3rem;height:3rem;font-size:1.5rem;font-weight:700;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.3);z-index:10000}.image-modal-close:hover{background:#fff;transform:scale(1.1)}.image-modal-image-wrapper{position:relative;width:95vw;height:85vh;max-width:95vw;max-height:85vh;border-radius:8px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.image-modal-image{border-radius:8px;object-fit:contain!important;width:100%!important;height:100%!important}.image-modal-caption{margin-top:1.5rem;color:#fff;text-align:center;font-style:italic;font-size:1rem;line-height:1.5;max-width:80%;background:rgba(0,0,0,.7);padding:1rem 1.5rem;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-shrink:0}@media (min-width:1920px){.image-modal-image-wrapper{width:1800px;height:90vh;max-width:1800px;max-height:90vh}}@media (min-height:1200px){.image-modal-image-wrapper{height:90vh;max-height:90vh}.image-modal-caption{margin-top:2rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.image-modal-overlay{padding:.5rem}.image-modal-content{max-width:100vw;max-height:100vh}.image-modal-close{top:-2.5rem;right:-.5rem;width:2.5rem;height:2.5rem;font-size:1.2rem}.image-modal-image-wrapper{width:98vw;height:88vh;max-width:98vw;max-height:88vh;border-radius:4px}.image-modal-image{border-radius:4px}.image-modal-caption{font-size:.9rem;padding:.75rem 1rem;max-width:95%;margin-top:1rem}}html.dark .image-modal-close{background:rgba(40,40,50,.9);color:#fff}html.dark .image-modal-close:hover{background:#282832}