.tips-detail{padding:6rem 0}.tips-detail-wrapper{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;margin-bottom:5rem;display:grid}.tips-detail-image{background-color:var(--cloud-white);border-radius:5px;width:100%;position:sticky;top:2rem;overflow:hidden}.tips-detail-image img{width:100%;height:auto;display:block}.tips-detail-body{flex-direction:column;gap:1.5rem;display:flex}.tips-detail-title{font-size:var(--fs-2xl);color:var(--text-dark);font-weight:500;line-height:var(--lh-md);letter-spacing:var(--ls)}.tips-detail-desc{font-size:var(--fs-md);color:var(--secondary-color);border-bottom:1px solid var(--border-color);padding-bottom:1.5rem;line-height:1.4}.tips-detail-content{flex-direction:column;gap:2.5rem;display:flex}.tips-content-item{flex-direction:column;gap:1rem;display:flex}.tips-content-item h2{font-size:var(--fs-md);color:var(--text-dark);letter-spacing:var(--ls);font-weight:500}.tips-content-item p{font-size:var(--fs-sm);color:var(--secondary-color);line-height:1.4}.tips-related-nav{border-top:1px solid var(--border-color);justify-content:space-between;align-items:end;margin-bottom:1rem;padding-top:3rem;display:flex}.tips-related-nav a,.tips-related-nav button{font-size:var(--fs-sm);font-weight:500;line-height:var(--lh-md);letter-spacing:var(--ls);background-color:#0000;border:none;outline:none;margin:0;color:var(--text-dark)!important}.tips-related-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:1rem;display:grid}.tips-related-image{background-color:var(--cloud-white);aspect-ratio:2/3;border-radius:5px;width:100%;max-height:450px;margin-bottom:1rem;overflow:hidden}.tips-related-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1);transform:scale(1)}.tips-related-card:hover .tips-related-image img{transform:scale(1.05)}.tips-related-card p{font-size:var(--fs-lg);font-weight:400;line-height:var(--lh-md);letter-spacing:var(--ls)}@media (max-width:1024px){.tips-detail-wrapper{grid-template-columns:1fr;gap:2rem}.tips-detail-image{position:static}}@media (max-width:640px){.tips-detail{padding:5rem 0}.tips-detail-wrapper{margin-bottom:3rem}.tips-detail-image img{object-fit:cover;height:300px}.tips-detail-title{font-weight:400}.tips-detail-desc{font-size:var(--fs-sm)}.tips-related-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.tips-related-grid::-webkit-scrollbar{display:none}.tips-related-card{scroll-snap-align:start;flex:0 0 75%}.tips-related-image{max-height:350px}.tips-related-card p{font-size:var(--fs-md);font-weight:500}}