@import 'https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;700&family=Libre+Caslon+Display:wght@400;700&display=swap';body{color:#222;font-family:eb garamond,caslon,serif;background:#f7f7fa;margin:0;padding:0}.container{max-width:900px;margin:0 auto;padding:2rem}header{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,4%);padding:2rem 0 1rem;margin-bottom:2rem;text-align:center}header h1{font-size:3.125rem;color:#2a3a4a;margin:0;font-family:eb garamond,caslon,serif}nav ul{display:flex;justify-content:center;gap:2rem;list-style:none;padding:0;margin:1rem 0 0}nav a{color:#5a3310;font-family:libre caslon display,serif;font-weight:700;font-size:1.125rem;padding:.5rem 1rem;border-radius:6px;transition:background .2s,color .2s;text-decoration:none}nav a:hover,nav a.active{background:#eae4df;color:#3d2107;text-decoration:none}main{min-height:60vh}.card{background:#fff;border-radius:10px;box-shadow:0 2px 12px rgba(0,0,0,7%);padding:1.5rem;margin-bottom:2rem;font-family:eb garamond,caslon,serif}h2,h3{color:#2a3a4a;font-family:eb garamond,caslon,serif}footer{background:#fff;border-top:1px solid #e0e0e0;text-align:center;padding:1.5rem 0;color:#888;margin-top:2rem;font-family:eb garamond,caslon,serif}button,.btn{background:#07f;color:#fff;border:none;border-radius:6px;padding:.7rem 1.2rem;font-size:1rem;cursor:pointer;transition:background .2s;font-family:eb garamond,caslon,serif}button:hover,.btn:hover{background:#05a}img{max-width:100%;border-radius:8px;margin:1rem 0}@media(max-width:600px){.container{padding:1rem}header h1{font-size:2.125rem}nav ul{gap:1rem}.card{padding:1rem}}