.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.blog-layout{min-height:100vh;display:flex;flex-direction:column}.blog-header{background-color:#ffffff;padding:1rem 0}.blog-main{flex:1;padding:2rem 0}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.breadcrumb ol{display:flex;list-style:none;padding:0;margin:1rem 0;font-size:.875rem;color:#64748b}.breadcrumb li:not(:last-child):after{content:" / ";margin:0 .5rem;color:#cbd5e1}.breadcrumb a{color:#3b82f6;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.blog-content{display:grid;grid-template-columns:1fr 300px;gap:2rem;margin-top:1rem}@media (max-width:768px){.blog-content{grid-template-columns:1fr}.blog-sidebar{order:-1}}.blog-sidebar{background-color:#f8fafc;padding:1.5rem;border-radius:.5rem;height:fit-content}.blog-sidebar h2{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#1e293b}.blog-sidebar ul{list-style:none;padding:0;margin:0}.blog-sidebar li{margin:.5rem 0}.blog-sidebar a{color:#475569;text-decoration:none;display:block;padding:.5rem 0;border-bottom:1px solid #e2e8f0;transition:color .2s ease}.blog-sidebar a:hover{color:#3b82f6}.blog-footer{background-color:#1e293b;color:#cbd5e1;padding:2rem 0;margin-top:auto}.blog-footer p{margin:0 0 1rem}.blog-footer ul{display:flex;list-style:none;padding:0;margin:0;gap:1rem;flex-wrap:wrap}.blog-footer a{color:#cbd5e1;text-decoration:none;font-size:.875rem}.blog-footer a:hover{color:#ffffff}a:focus,button:focus{outline:2px solid #3b82f6;outline-offset:2px}.skip-link{position:absolute;top:-40px;left:6px;background:#000;color:#fff;padding:8px;text-decoration:none;z-index:1000}.skip-link:focus{top:6px}