.tips-page{max-width:1240px;margin:0 auto;padding:0 24px;font-family:var(--font-body-family);box-sizing:border-box}.tips-page *{box-sizing:border-box}.tips-page .tips-hero{padding:28px 0 22px;text-align:center}.tips-page .tips-hero__title{margin:0;color:#374754;font-size:24px!important;line-height:1.12;font-weight:700;letter-spacing:-.02em}.tips-page .tips-hero__subtitle{margin:7px auto 0;max-width:860px;color:#71808a;font-size:16px!important;line-height:1.45;font-weight:600!important}.tips-page .tips-category{display:flex;gap:32px;padding:34px 0;border-top:1px solid #e7ebed;align-items:flex-start;width:100%}.tips-page .tips-cat-left{flex:0 0 300px;width:300px;min-width:300px;max-width:300px;display:flex;flex-direction:column;background:#fff;border:1px solid #e4e9eb;border-radius:18px;box-shadow:0 8px 24px rgba(55,71,84,.08);padding:18px 18px 0;overflow:hidden}.tips-page .tips-cat-header{margin-bottom:14px}.tips-page .tips-cat-header-link{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit}.tips-page .tips-cat-header-link:hover .tips-category__title{color:#00A71B}.tips-page .tips-category__icon{width:46px;height:46px;background:#eef8ef;border:1px solid #dceede;border-radius:11px;padding:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tips-page .tips-category__icon img{width:32px!important;height:32px!important;object-fit:contain}.tips-page .tips-category__title{margin:0;color:#374754;font-size:16px;line-height:1.25;font-weight:700;letter-spacing:-.01em;white-space:nowrap}.tips-page .tips-category__subtitle{margin:4px 0 0;color:#6f7f89;font-size:12px;line-height:1.35}.tips-page .tips-cat-card{background:#fff;border:1px solid #edf0f2;border-radius:13px;margin-bottom:18px;overflow:hidden;width:100%;display:flex;flex-direction:column}.tips-page .tips-cat-image-wrap{width:100%;background:#fff;display:flex;align-items:center;justify-content:center}.tips-page .tips-cat-image-link{display:block;width:100%;text-decoration:none}.tips-page .tips-cat-image-link img{width:100%;height:220px;object-fit:contain;display:block;transition:opacity .2s ease}.tips-page .tips-cat-image-link:hover img{opacity:.88}.tips-page .tips-cat-badges{display:flex;justify-content:center;padding:12px 14px;border-top:1px solid #f0f0f0;background:#fff}.tips-page .tips-cat-badge{display:flex;align-items:center;gap:6px;background:#f3faf4;border:1px solid #dceede;color:#167126;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;white-space:nowrap}.tips-page .tips-cat-badge::after{content:'›';display:inline-block;font-size:18px;line-height:1;color:#00A71B;margin-left:6px}.tips-page .tips-cat-badge__img{width:16px!important;height:16px!important;object-fit:contain;flex-shrink:0}.tips-page .tips-article-list-wrap{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-self:stretch}.tips-page .tips-article-list{flex:1;list-style:none;padding:0;margin:0}.tips-page .tips-article-item{border-bottom:1px solid #e9edef}.tips-page .tips-article-item:first-child{border-top:1px solid #e9edef}.tips-page .tips-article-hidden-init{max-height:0;opacity:0;overflow:hidden;transform:translateY(-6px);border-bottom-color:transparent;pointer-events:none;transition:max-height .42s cubic-bezier(.4,0,.2,1),opacity .28s ease,transform .38s cubic-bezier(.4,0,.2,1),border-color .2s ease}.tips-page .tips-article-hidden-init.is-revealed{max-height:220px;opacity:1;transform:translateY(0);border-bottom-color:#e9edef;pointer-events:auto}.tips-page .tips-article-link{display:flex;align-items:center;gap:18px;padding:13px 8px;border-radius:11px;min-height:114px;text-decoration:none;color:#111;transition:background .2s ease}.tips-page .tips-article-link:hover{background:#f6faf7}.tips-page .tips-article-thumb{flex-shrink:0;width:88px;height:88px;border-radius:11px;overflow:hidden;background:#f0f0f0}.tips-page .tips-article-thumb img{width:88px!important;height:88px!important;max-width:88px;max-height:88px;object-fit:cover;display:block}.tips-page .tips-article-thumb__placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e8e8e8,#d0d0d0)}.tips-page .tips-article-body{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}.tips-page .tips-article-title{margin:0;color:#374754;font-size:16px;font-weight:650;line-height:1.38}.tips-page .tips-article-link:hover .tips-article-title{color:#00A71B}.tips-page .tips-article-excerpt{color:#71808a;font-size:13px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tips-page .tips-article-right{display:flex;flex-direction:row;align-items:center;gap:10px;min-width:82px;flex-shrink:0}.tips-page .tips-article-meta{display:flex;align-items:center;gap:4px;color:#7f8d96;font-size:11.5px;white-space:nowrap}.tips-page .tips-time-icon{display:inline-block;width:14px!important;height:14px!important;min-width:14px;min-height:14px;object-fit:contain;flex-shrink:0}.tips-page .tips-time-label--mobile{display:none}.tips-page .tips-article-arrow{color:#00A71B;font-size:17px;line-height:1;transition:transform .2s ease}.tips-page .tips-article-link:hover .tips-article-arrow{transform:translateX(3px)}.tips-page .tips-show-more{display:flex;align-items:center;justify-content:center;gap:8px;width:auto;min-width:270px;align-self:center;margin:14px auto 0;padding:10px 22px;background:#fff;border:1px solid #dce3e6;color:#167126;border-radius:10px;font-family:var(--font-body-family);font-size:13px;font-weight:600;cursor:pointer}.tips-page .tips-show-more:hover{background:#f6faf7}.tips-page .tips-show-more__icon{width:16px;height:16px;object-fit:contain;flex-shrink:0}.tips-page .tips-show-more:focus-visible,.tips-page .tips-article-link:focus-visible,.tips-page .tips-cat-header-link:focus-visible,.tips-page .tips-cat-image-link:focus-visible{outline:3px solid #00A71B;outline-offset:3px}@media(max-width:1024px){.tips-page .tips-category{gap:24px}.tips-page .tips-cat-left{flex-basis:270px;width:270px;min-width:270px;max-width:270px}.tips-page .tips-cat-image-link img{height:200px}.tips-page .tips-category__title{font-size:15px}.tips-page .tips-article-thumb{width:78px;height:78px}.tips-page .tips-article-thumb img{width:78px!important;height:78px!important;max-width:78px;max-height:78px}.tips-page .tips-article-link{min-height:102px;gap:14px}.tips-page .tips-article-title{font-size:15px}}@media(max-width:768px){.tips-page{padding:0 16px}.tips-page .tips-hero{padding:26px 0 20px}.tips-page .tips-hero__title{font-size:24px!important}.tips-page .tips-hero__subtitle{margin-top:6px;font-size:14px!important;line-height:1.4;font-weight:600!important}.tips-page .tips-category{flex-direction:column;gap:22px;padding:28px 0}.tips-page .tips-cat-left{flex:none;width:100%;min-width:0;max-width:100%;border-radius:16px}.tips-page .tips-cat-image-link img{height:220px}.tips-page .tips-cat-image-link--doorbell img{height:198px}.tips-page .tips-category__title{font-size:16px;white-space:nowrap}.tips-page .tips-article-link{min-height:88px;gap:12px;padding:12px 4px}.tips-page .tips-article-thumb{width:64px;height:64px}.tips-page .tips-article-thumb img{width:64px!important;height:64px!important;max-width:64px;max-height:64px}.tips-page .tips-article-title{font-size:14px;line-height:1.38}.tips-page .tips-article-excerpt{display:none}.tips-page .tips-article-right{justify-content:flex-end;gap:9px;min-width:74px;white-space:nowrap}.tips-page .tips-article-meta{font-size:11px;line-height:1}.tips-page .tips-time-label--desktop{display:none}.tips-page .tips-time-label--mobile{display:inline}.tips-page .tips-show-more{width:100%;min-width:0;padding:12px 18px}}@media(max-width:480px){.tips-page{padding:0 14px}.tips-page .tips-category__title{font-size:15px}.tips-page .tips-category__subtitle{font-size:12px}.tips-page .tips-cat-left{padding:16px 16px 0}.tips-page .tips-cat-image-link img{height:190px}.tips-page .tips-cat-image-link--doorbell img{height:171px}.tips-page .tips-article-link{gap:10px}.tips-page .tips-article-thumb{width:58px;height:58px}.tips-page .tips-article-thumb img{width:58px!important;height:58px!important;max-width:58px;max-height:58px}.tips-page .tips-article-title{font-size:14px}.tips-page .tips-article-right{gap:8px;min-width:70px}.tips-page .tips-article-arrow{font-size:15px}}@media(max-width:360px){.tips-page{padding:0 10px}.tips-page .tips-category__title{font-size:14px;white-space:normal}.tips-page .tips-article-thumb{width:52px;height:52px}.tips-page .tips-article-thumb img{width:52px!important;height:52px!important;max-width:52px;max-height:52px}.tips-page .tips-article-title{font-size:14px}}@media(prefers-reduced-motion:reduce){.tips-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}