.MyButton{max-width:100px;text-decoration:none;display:inline-block}.main-layout{flex-direction:column;margin:20px auto;padding:0 20px;display:flex}.main-content{order:1}.sidebar{border-left:none;order:2;margin-top:50px;padding-top:0}@media (width>=769px){.main-layout{grid-template-columns:280px 1fr;gap:40px;max-width:1800px;margin:30px auto;display:grid}.main-content{order:initial}.sidebar{order:initial;margin-top:0;padding-top:10px}.sidebar .archive-list{border-left:1px solid #e0e0e0}}@media (width>=1600px){.main-layout{max-width:1900px}}.sidebar{padding-top:10px}.sidebar h3{color:#666;text-transform:uppercase;letter-spacing:1px;margin-top:0;margin-bottom:25px;font-size:.9rem}.archive-list{margin:0;padding:0;list-style:none}.archive-list li{margin-bottom:5px}.archive-list a{color:#555;border-radius:4px;padding:8px 20px;font-size:1rem;text-decoration:none;transition:all .2s ease-in-out;display:block}.archive-list a:hover{color:#222;background-color:#f0f0f0;transform:translate(5px)}.navbar{background-color:#fff;justify-content:space-between;align-items:center;padding:20px 5vw;display:flex;box-shadow:0 2px 4px #0000001a}.navbar-items{gap:20px;display:flex}.navbar input{border:1px solid #ccc;border-radius:5px;width:200px;padding:10px;transition:width .3s ease-in-out}.navbar input:focus{border-color:#7b68ee;outline:none;width:250px}@media (width<=768px){.navbar{flex-direction:column;align-items:flex-start}.navbar-items{margin-bottom:20px}.navbar input,.navbar input:focus{width:100%}}.item{color:#333;border-radius:5px;padding:10px 20px;font-weight:500;text-decoration:none;transition:background-color .3s,transform .3s}.item:hover{background-color:#f0f0f0;transform:translateY(-2px)}.item p{margin:0;font-size:1.1rem}.summary-card{border:1px solid #ccc;border-radius:8px;margin:16px;padding:16px;transition:transform .2s ease-in-out;box-shadow:0 2px 4px #0000001a}.summary-card:hover{transform:translateY(-5px)}.summary-title{color:#333;margin:0 0 10px;font-size:1.5em}.summary-blurb{color:#666;margin-top:8px}.summary-date-time{color:#999;margin-top:12px;font-size:.9em}.blog-summary-collection{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:20px;display:grid}.summary-card-link{color:inherit;text-decoration:none}.post-container{background-color:#fff;border-radius:8px;max-width:800px;margin:30px auto;padding:40px 50px;line-height:1.7;box-shadow:0 4px 8px #0000000d}.post-title{color:#222;margin-bottom:20px;font-size:2.8rem;line-height:1.2}.post-content{color:#444;font-size:1.1rem}.post-content p{margin-bottom:1.5rem}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;background-color:#f4f7f6;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}