.tips-toolbar{align-items:center;gap:12px;margin:10px auto 18px;flex-wrap:wrap}.tip-sorter,.tips-toolbar{display:flex;justify-content:center;padding:0 18px}.tip-sorter{margin:0 auto 20px}.tips-meta{margin:-2px 0 14px;text-align:center;font-size:.9rem;color:#648099}.tips-gallery{display:flex;flex-wrap:wrap;gap:28px;justify-content:center;padding:12px 18px 34px}.tip-item{display:block;width:180px;overflow:hidden;border-radius:16px;box-shadow:0 12px 26px rgba(20,48,77,.1);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;cursor:pointer;background:#fff;border:1px solid rgba(23,50,77,.08)}.tip-item-link{color:inherit;text-decoration:none}.tip-item:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(20,48,77,.14);border-color:rgba(17,84,185,.18)}.tip-item:focus-visible{outline:3px solid rgba(29,113,201,.35);outline-offset:3px}.tip-image-container{position:relative;overflow:hidden;width:180px;height:120px;background:linear-gradient(135deg,#dce9f4,#c8dceb)}.tip-image{width:100%;height:100%;object-fit:cover;display:block}.tip-date-badge{position:absolute;top:10px;left:10px;padding:5px 9px;border-radius:999px;background:rgba(16,31,49,.82);color:#fff;font-size:.74rem;font-weight:700}.tip-date-badge-muted{background:rgba(90,112,132,.85)}.tip-premium-badge{position:absolute;right:10px;bottom:10px;padding:5px 8px;border-radius:999px;background:rgba(141,45,67,.9);color:#fff;font-size:.68rem;font-weight:700;box-shadow:0 6px 12px rgba(90,16,33,.2)}.tip-card-body{padding:12px 12px 14px}.tip-title{color:#17324d;line-height:1.5}.sort-button,.tip-title{font-size:13px;font-weight:700}.sort-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:154px;padding:10px 16px;border:1px solid #1d71c9;background-color:#fff;color:#1d71c9;border-radius:999px;cursor:pointer;text-align:center;transition:all .2s ease;box-shadow:0 8px 16px rgba(29,113,201,.12)}.sort-button:hover{background-color:#1d71c9;color:#fff}.sort-button:active{transform:scale(.98)}.back-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:220px;padding:10px 18px;font-size:14px;font-weight:700;border:none;background-color:#007bff;color:#fff;border-radius:999px;cursor:pointer;transition:background-color .2s ease,transform .2s ease;box-shadow:0 10px 18px rgba(0,123,255,.18)}.back-button:hover{background-color:#0056b3;transform:translateY(-1px)}@media (max-width:640px){.tips-gallery{gap:18px}.tip-sorter,.tips-gallery,.tips-toolbar{padding-left:12px;padding-right:12px}}