@import "https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap";
.blog-post-meta{justify-content:space-between;align-items:center;min-height:24px;margin-bottom:30px;display:flex}.post-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.action-button-container{position:relative}.action-button{color:#666;cursor:pointer;background:0 0;border:1px solid #e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin:0;padding:8px;line-height:1;transition:all .2s;display:flex}.action-button:hover{color:#333;background-color:#f5f5f5;border-color:#ccc}.action-dropdown{z-index:1000;background:#fff;border:1px solid #e0e0e0;border-radius:8px;min-width:140px;margin-top:4px;padding:4px 0;animation:.15s ease-out actionDropdownFadeIn;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #0000001a}@keyframes actionDropdownFadeIn{0%{opacity:0;transform:translateY(-4px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.action-option{color:#333;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;transition:background-color .15s;display:flex}.action-option:hover{background-color:#f8f9fa}.action-option.twitter:hover{color:#1da1f2;background-color:#f0f8ff}.action-option.linkedin:hover{color:#0077b5;background-color:#f0f8ff}.action-option.facebook:hover{color:#1877f2;background-color:#f8f9ff}.action-option.reddit:hover{color:#ff4500;background-color:#fff5f0}.action-option svg{flex-shrink:0}@media (max-width:768px){.blog-post-meta{flex-direction:column;align-items:flex-start;gap:12px}.post-actions{align-self:flex-end;gap:6px;margin-left:0}.action-button{width:32px;height:32px;padding:6px}.action-dropdown{left:auto;right:0}}html{scroll-behavior:smooth}.blog-container{color:#333;max-width:1200px;margin:0 auto;padding:40px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}.blog-header{visibility:visible;z-index:10;margin-bottom:60px;display:block;position:relative}.beginning-link{color:#666;z-index:10;align-items:center;margin-bottom:20px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s;position:relative;visibility:visible!important;display:inline-flex!important}.beginning-link:hover{color:#000}.beginning-arrow{margin-right:8px;font-size:12px}.blog-header-hamburger,.blog-header-menu,.blog-header-menu-overlay{display:none}.blog-layout{grid-template-columns:200px 1fr 200px;align-items:start;gap:60px;display:grid}.blog-nav{position:sticky;top:40px}.nav-beginning-link{color:#666;align-items:center;margin-bottom:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;font-weight:400;text-decoration:none;transition:color .2s;display:inline-flex}.nav-beginning-link:hover{color:#000}.simple-arrow{margin-right:8px;font-size:14px;font-weight:400}.blog-nav h3{color:#000;margin-bottom:20px;font-size:16px;font-weight:600}.blog-nav ul{margin:0;padding:0;list-style:none}.blog-nav li{margin-bottom:12px}.blog-nav a{color:#666;font-size:14px;text-decoration:none;transition:color .2s;display:block}.blog-nav a:hover{color:#000}.blog-nav a.active{color:#000;font-weight:500}.blog-content{scroll-behavior:smooth;max-width:600px;height:100vh;position:relative;overflow-y:auto}.blog-posts-container{padding-bottom:100px;padding-right:8px}.blog-post{margin-bottom:40px;padding-bottom:20px;scroll-margin-top:60px;position:relative}.blog-post:last-child{margin-bottom:0}.blog-post h1{color:#000;margin:0 0 8px;font-size:32px;font-weight:700;line-height:1.2}.blog-post h2{color:#000;margin:40px 0 16px;font-size:24px;font-weight:600;line-height:1.3}.blog-post-date{color:#666;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.2}.blog-post p{color:#333;margin-bottom:24px;font-size:16px;line-height:1.7}.blog-post p:last-child{margin-bottom:0}.blog-post em{color:#666;font-style:italic}.blog-post strong{color:#000;font-weight:600}.blog-post blockquote{color:#666;border-left:3px solid #ddd;margin:32px 0;padding-left:24px;font-style:italic}.blog-post ul{margin:24px 0;padding-left:24px;list-style:none}.blog-post ul li{color:#333;margin-bottom:16px;font-size:16px;line-height:1.7;position:relative}.blog-post ul li:before{content:"•";color:#666;font-size:18px;position:absolute;top:0;left:-16px}.blog-post ul li:last-child{margin-bottom:0}.blog-sidebar{color:#666;font-size:14px;position:sticky;top:40px}.blog-sidebar .page-title{color:#000;margin:0 0 40px;font-size:32px;font-weight:700;line-height:1.2}.blog-sidebar h4{color:#000;margin-bottom:12px;font-size:14px;font-weight:600}.blog-sidebar p{margin-bottom:8px;line-height:1.5}.social-icons{align-items:center;gap:16px;display:flex}.social-icon{color:#666;justify-content:center;align-items:center;padding:4px;text-decoration:none;transition:color .2s;display:flex}.social-icon:hover{color:#000}.social-icon svg{width:18px;height:18px}.handwritten-annotation{align-items:stretch;margin-top:20px;display:flex;position:relative}.sketchy-brace{z-index:1;width:20px;height:calc(100% + 10px);min-height:100px;position:absolute;top:-5px;bottom:-5px;left:-25px}.handwritten-text{color:#555;margin-left:5px;font-family:Kalam,cursive;font-size:16px;font-weight:400;line-height:1.6;transform:rotate(-.5deg)}.handwritten-text p{margin-bottom:12px;transform:rotate(.3deg)}.handwritten-text p:nth-child(2){margin-left:2px;transform:rotate(-.2deg)}.handwritten-text p:nth-child(3){margin-left:-1px;transform:rotate(.1deg)}.sketchy-separator{opacity:.8;max-width:360px;margin:20px auto;display:block}.sketchy-separator-container{justify-content:center;align-items:center;margin:40px 0;display:flex}.sketchy-underline{opacity:.6;background:0 0;border-bottom:2px solid #666;border-radius:2px;padding-bottom:1px;display:inline;position:relative}.blog-post a{border-bottom:2px solid #0000;border-radius:2px;padding-bottom:1px;transition:all .3s;position:relative;color:inherit!important;text-decoration:none!important}.blog-post a:hover{opacity:.6;color:inherit!important;border-bottom:2px solid #666!important}.blog-post a[href^=http]:not([href*=mikebartczak\.com]):after{content:"";opacity:.7;vertical-align:middle;background-image:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 3L3 7M7 3H4M7 3V6' stroke='%23666' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;width:10px;height:10px;margin-left:3px;transition:opacity .2s;display:inline-block}.blog-post a[href^=http]:not([href*=mikebartczak\.com]):hover:after{opacity:1}.social-icon{border-bottom:none!important}.social-icon:hover{opacity:1!important;border-bottom:none!important}@media (max-width:1024px){.blog-layout{grid-template-columns:180px 1fr 160px;gap:40px}}@media (max-width:768px){.blog-container{box-sizing:border-box;width:100%;max-width:100%;padding:20px 16px}.blog-layout{flex-direction:column;gap:0;width:100%;min-width:0;max-width:100%;display:flex}.blog-nav{display:none!important}.blog-header{box-shadow:0 1px 2px #0000000d;visibility:visible!important;z-index:9999!important;box-sizing:border-box!important;background:#f5f2ed!important;justify-content:space-between!important;align-items:center!important;min-height:40px!important;margin-bottom:0!important;padding:12px 20px!important;display:flex!important;position:fixed!important;top:0!important;left:0!important;right:0!important}.blog-header-hamburger{cursor:pointer;background:0 0;border:none;border-radius:4px;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:0;transition:background .2s;display:flex}.blog-header-hamburger:hover{background:#0000000f}.blog-header-hamburger-bar{background:#333;border-radius:1px;width:20px;height:2px;margin:0 auto;display:block}.blog-header-menu-overlay{z-index:10000;background:0 0;display:block;position:fixed;inset:0}.blog-header-menu{z-index:10001;opacity:0;pointer-events:none;background:#f5f2ed;border-bottom:1px solid #0000000f;flex-direction:column;gap:4px;max-height:0;padding:16px 20px 24px;transition:max-height .25s,opacity .2s;display:flex;position:fixed;top:40px;left:0;right:0;overflow:hidden;box-shadow:0 4px 12px #00000014}.blog-header-menu.blog-header-menu-open{opacity:1;pointer-events:auto;max-height:400px}.blog-header-menu-item{color:#333;padding:12px 0;font-size:16px;font-weight:500;text-decoration:none;transition:color .2s;display:block}.blog-header-menu-item:hover{color:#000}.blog-header-menu-separator-wrapper{justify-content:center;margin:12px 0 8px;display:flex}.blog-header-menu-item-about{align-items:center;gap:10px;display:flex}.blog-header-menu-avatar{border-radius:50%;flex-shrink:0}.beginning-link{visibility:visible!important;z-index:10000!important;color:#666!important;padding:0!important;font-size:14px!important;font-weight:500!important;text-decoration:none!important;display:inline-flex!important;position:relative!important}.beginning-link:hover{color:#000!important}.beginning-arrow{color:inherit!important;margin-right:8px!important;font-size:12px!important}.blog-layout{-webkit-overflow-scrolling:touch;height:calc(100vh - 40px);padding-top:56px;overflow-y:auto}.blog-sidebar,.blog-content{width:100%;min-width:0}.blog-sidebar{z-index:1;border-bottom:1px solid #f0f0f0;order:1;margin-bottom:40px;padding-bottom:30px;position:static}.blog-sidebar .page-title{margin-top:0!important;margin-bottom:20px!important;font-size:28px!important}.blog-content{order:2;max-width:none;height:auto;min-height:40vh;overflow:visible}.blog-posts-container{padding-right:12px}.blog-post h1{font-size:26px}.blog-post h2{font-size:20px}}@media (max-width:480px){.blog-container{padding:16px 12px}.blog-header{padding:10px 16px}.beginning-link{color:#666!important;font-size:14px!important;font-weight:500!important}.beginning-arrow{font-size:12px!important}.blog-sidebar{margin-bottom:30px;padding-bottom:20px}.blog-sidebar .page-title{margin-top:0!important;margin-bottom:16px!important;font-size:24px!important}.blog-content{height:auto}.blog-post{margin-bottom:40px}.blog-post h1{font-size:22px}.blog-post h2{font-size:18px}.blog-post p{font-size:15px}.handwritten-annotation{margin-top:16px}.handwritten-text{font-size:15px}}.blog-post{opacity:0;animation:.6s forwards fadeInUp;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.blog-post:nth-child(2){animation-delay:.1s}.blog-post:nth-child(3){animation-delay:.2s}.blog-post:nth-child(4){animation-delay:.3s}.loading-indicator{color:#666;flex-direction:column;align-items:center;padding:40px 20px;display:flex}.loading-spinner{border:2px solid #f0f0f0;border-top-color:#666;border-radius:50%;width:24px;height:24px;margin-bottom:16px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-indicator p{margin:0;font-size:14px}.end-indicator{text-align:center;color:#999;padding:40px 20px;font-size:14px;font-style:italic}.end-indicator p{margin:0}.blog-content::-webkit-scrollbar{width:3px}.blog-content::-webkit-scrollbar-track{background:0 0}.blog-content::-webkit-scrollbar-thumb{background:#0000000d;border-radius:2px}.blog-content::-webkit-scrollbar-thumb:hover{background:#0000001a}.blog-nav a.active{font-weight:600;position:relative;color:#000!important}.blog-nav a.active:before{content:"";background:#000;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.about-link-subtle{text-align:right;border-top:1px solid #f0f0f0;margin-top:40px;padding-top:20px}.about-link-text{color:#999;letter-spacing:.5px;font-size:12px;font-weight:300;text-decoration:none;transition:color .2s}.about-link-text:hover{color:#666}