@import "tailwindcss"; @plugin "@tailwindcss/typography"; :root{--primary-color:#3B82F6;--secondary-color:#1E40AF;--accent-color:#F59E0B;--text-primary:#111827;--text-secondary:#6B7280;--bg-primary:#FFFFFF;--bg-secondary:#F9FAFB}html{scroll-behavior:smooth}body{font-family:inter,system-ui,-apple-system,sans-serif;line-height:1.6;color:var(--text-primary)}.gradient-bg{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.card-shadow{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,6%)}.card-shadow:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,5%);transform:translateY(-2px);transition:all .3s ease}.prose a{@apply text-blue-600 hover:text-blue-800 transition-colors}.prose img{@apply rounded-lg shadow-md mx-auto}.nav-link{@apply px-3 py-2 rounded-md text-sm font-medium transition-colors hover:text-blue-600}.nav-link.active{@apply text-blue-600 bg-blue-50}.btn{@apply inline-flex items-center justify-center px-4 py-2 border border-transparent text-sm font-medium rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2}.btn-primary{@apply bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500}.btn-secondary{@apply bg-gray-100 text-gray-900 hover:bg-gray-200 focus:ring-gray-500}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}@media(max-width:768px){.prose h1{@apply text-2xl}.prose h2{@apply text-xl}.prose h3{@apply text-lg}}.container{max-width:1100px;margin:0 auto;padding:2.5rem 1rem}.center{text-align:center}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.h1{font-size:2rem;font-weight:800;color:#111}.h2{font-size:1.25rem;font-weight:700;color:#111}.grid{display:grid;gap:1.25rem}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1024px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.grid-2,.grid-3{grid-template-columns:1fr}}.card{background:#fff;border:1px solid #eaeaea;border-radius:12px;padding:1rem;box-shadow:0 1px 3px rgba(0,0,0,6%);transition:box-shadow .15s ease}.card:hover{box-shadow:0 8px 24px rgba(0,0,0,8%)}.muted{color:#6b7280;font-size:.9rem}.flex{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.badge{display:inline-block;padding:.2rem .5rem;border-radius:999px;font-size:.75rem;background:#eef2ff;color:#3730a3}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.clamp-4{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.pager{display:flex;justify-content:center;gap:.5rem;margin-top:1.75rem}.pager a,.pager span{border:1px solid #e5e7eb;background:#fff;padding:.5rem .75rem;border-radius:8px;color:#374151;text-decoration:none}.pager a:hover{background:#f9fafb}.pager .is-active{background:#2563eb;color:#fff;border-color:#2563eb}