@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");body{font-family:Poppins,sans-serif}.story-card{border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#ffffff,#f9f9ff);box-shadow:0 10px 25px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease}.story-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px rgba(0,0,0,.12)}.story-card-img{position:relative;height:222px;width:100%;overflow:hidden;border-radius:10px}.story-card-body{padding:20px}.story-date{font-size:.85rem;color:#aaa;margin-bottom:4px}.story-title{font-size:1.2rem;font-weight:700;color:#222;margin-bottom:8px}.story-summary{font-size:.95rem;color:#555;margin-bottom:12px;line-height:1.6}.read-more{font-size:.9rem;color:#4a90e2;text-decoration:none;font-weight:600;transition:color .2s ease}.read-more:hover{color:#007bff}.story-detail-wrapper{max-width:880px;margin:40px auto;padding:30px;background:#ffffff;border-radius:16px;box-shadow:0 12px 32px rgba(0,0,0,.06);animation:fadeIn .6s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.back-btn a{font-size:.9rem;text-decoration:none;color:#777;margin-bottom:20px;display:inline-block}.detail-title{font-size:2.2rem;font-weight:800;margin-bottom:20px;color:#333}.author-info{display:flex;align-items:center;margin-bottom:20px}.author-info .avatar{width:50px;height:50px;border-radius:50%;margin-right:12px}.author-info .date{font-size:.85rem;color:#999}.detail-img img{width:100%;height:auto;border-radius:16px;margin-bottom:10px;object-fit:contain;max-height:400px}.detail-img figcaption{text-align:center;font-size:.8rem;color:#bbb;margin-bottom:20px}.story-content p{line-height:1.9;font-size:1.05rem;color:#444;margin-bottom:20px}.story-content ul li p{margin-bottom:0}.tags{margin-top:24px}.tag{display:inline-block;background:#e0e7ff;color:#273c75;font-size:.8rem;padding:6px 12px;border-radius:30px;margin:4px 6px 0 0;font-weight:500}.nav-links{display:flex;justify-content:space-between;margin-top:40px;border-top:1px solid #eee;padding-top:24px}.nav-links a{text-decoration:none;font-weight:600;color:#4a90e2;font-size:.95rem;transition:color .2s ease}.nav-links a:hover{color:#007bff}.home-wrapper{max-width:1100px;margin:auto;padding:20px}.featured{margin-bottom:60px}.recent-title{font-size:1.4rem;font-weight:700;margin-bottom:20px;color:#34495e}.story-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:24px;gap:24px}.site-header .navbar-brand{font-size:1.5rem;font-weight:700}.navbar-nav .nav-link{font-weight:500;color:#444;transition:all .2s ease}.navbar-nav .nav-link.active,.navbar-nav .nav-link:hover{color:#0d6efd}.site-footer{font-size:.95rem;color:#343a40}.site-footer a{color:#343a40;text-decoration:underline}.site-footer a:hover{color:#0d6efd!important}.search-bar-wrapper input{font-size:1.25rem;padding:1rem 1.5rem;border-radius:30px}.main-container{min-height:calc(100vh - 213px)}.featured{display:flex;gap:2rem;align-items:center;margin-bottom:2rem}.featured-text{max-width:60%}.featured-text h2{margin-bottom:.5rem;font-weight:700}.featured-text p{margin-bottom:1rem;color:#555555}.read-more.btn{padding:.5rem 1rem;font-weight:600;background-color:#0056b3;border:none;color:white;text-decoration:none;border-radius:4px}.read-more.btn:hover{background-color:#004999}.story-card.featured{display:flex;align-items:center;gap:2rem;margin-bottom:1.5rem}.featured-text{flex-grow:1;padding-right:1rem}.featured-image{width:400px;height:265px;background-size:cover;background-position:50%;flex-shrink:0;box-shadow:0 4px 10px rgba(0,0,0,.1)}@media (max-width:768px){.story-card.featured{flex-direction:column-reverse;align-items:flex-start}.featured-image{width:100%;height:200px;margin-top:0;border-radius:16px 16px 0 0}.featured-text{max-width:100%;padding:0 20px 20px}.detail-title{font-size:1.2rem}}