main [id]{border:2px solid transparent;transition:all .3s ease;cursor:pointer}main [id]:hover{background-color:#f0f0f0;border-color:#007bff;box-shadow:0 2px 8px rgba(0,0,0,.2)}main [id]:focus{outline:none;box-shadow:0 0 0 3px rgba(0,123,255,.5)}footer,header{background-color:#f8f9fa;border-top:1px solid #dee2e6;border-bottom:1px solid #dee2e6;padding:1rem 0;margin:1rem 0}header{border-top:none;margin-top:0}footer{border-bottom:none;margin-bottom:0}nav{max-width:800px;margin:0 auto;padding:0 1rem}nav ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}nav li,nav ul{margin:0}nav a{display:inline-block;padding:.5rem 1rem;background-color:#ffffff;border:1px solid #dee2e6;border-radius:.25rem;text-decoration:none;color:#495057;font-size:.9rem;transition:all .2s ease}nav a:hover{background-color:#007bff;color:white;border-color:#007bff;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}nav a:focus{outline:2px solid #0056b3;outline-offset:2px}.site-title{max-width:800px;margin:0 auto 1rem;padding:0 1rem;text-align:left}.site-title h1{margin:0;font-size:1.5rem;font-weight:700}.site-title a{color:#007bff;text-decoration:none;transition:color .2s ease}.site-title a:hover{color:#0056b3;text-decoration:underline}main{max-width:800px;margin:2rem auto;padding:0 1rem;line-height:1.6}@media (max-width:768px){nav ul{flex-direction:column;gap:.25rem}nav a{text-align:center}}