.tips-banner{margin-block:36px}.tips-banner>a{display:flex;align-items:center;gap:24px;background:#fff5a8;border:2px solid #29445b;border-radius:22px;padding:22px 32px;color:#253f55;text-decoration:none;box-shadow:5px 5px 0 #dce6ed;transition:transform .2s}.tips-banner>a:hover{transform:translateY(-3px)}.tips-banner img{width:115px;height:104px;object-fit:contain}.tips-banner small,.tips-banner strong,.tips-banner-cta{display:block}.tips-banner small{font-size:14px;margin-bottom:6px}.tips-banner strong{font-size:clamp(19px,2.2vw,28px);line-height:1.6}.tips-banner-cta{font-size:14px;margin-top:8px;text-decoration:underline;text-underline-offset:4px}.tips-article{color:#263e51}.tips-hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:30px;padding-block:50px 65px;background:linear-gradient(135deg,#f2f7fb 60%,#fff7b9 60%);border-radius:30px}.tips-label{display:inline-block;background:#fff083;border:1.5px solid #263e51;border-radius:30px;padding:8px 20px;font-weight:600;font-size:16px}.tips-hero h1{font-size:clamp(36px,4.6vw,64px);font-weight:600;line-height:1.45;letter-spacing:.025em;margin:20px 0}.tips-hero h1>span{font-size:.6em}.tips-hero figure{margin:0;text-align:center}.tips-hero img{width:100%;height:auto;max-height:380px;object-fit:contain}.tips-hero figcaption{display:inline-block;font-size:18px;background:white;border:2px solid #263e51;border-radius:14px;padding:12px 18px;transform:rotate(-3deg)}.tips-lead{font-size:18px;line-height:1.9}.tips-read{display:inline-block;margin-top:20px;color:inherit;text-underline-offset:6px}.tips-body{max-width:850px;padding:0 26px;margin:auto}.tips-body section{padding-block:40px;border-bottom:1px solid #dce3e8;scroll-margin-top:110px}.tips-body p{font-size:17px;line-height:2.15;margin:24px 0}.tips-body strong{font-weight:600}.tips-section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.tips-section-title img{width:215px;height:205px;object-fit:contain}.tips-section-title h2{font-size:clamp(24px,3vw,34px);line-height:1.7;margin:10px 0}.tips-number{display:inline-block;background:#fff083;border-radius:50%;padding:8px 14px;font-size:20px;font-weight:600}.tips-callout{background:#fff7be;padding:28px;border-radius:18px;text-align:center;font-size:20px;line-height:1.9;margin:28px 0}.tips-callout strong{font-size:1.15em}.tips-fees{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tips-fees>div{border-top:5px solid #627f9b;background:#eff4f8;padding:22px 12px;text-align:center;border-radius:8px}.tips-fees span{font-size:15px}.tips-fees strong{display:block;font-size:44px;white-space:nowrap}.tips-fees small{font-size:20px}.tips-comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0}.tips-comparison>div{background:#eff4f8;border:2px solid #627f9b;border-radius:20px;padding:25px;text-align:center}.tips-comparison>div:first-child{background:#fff7be;border-color:#8c7e2f}.tips-comparison strong{display:block;font-size:36px;line-height:1.6;margin-top:18px}.tips-comparison small{font-size:18px}.tips-comparison p{font-size:15px;line-height:1.8;margin-bottom:0}.tips-body .tips-note{font-size:14px;line-height:1.9;color:#4c5e6a}.tips-body blockquote{margin:30px 0;padding:24px 28px;border-left:6px solid #efcf3b;background:#fff9d5;font-size:clamp(23px,3vw,32px);line-height:1.9;font-weight:600}.tips-search-box{display:flex;gap:25px;align-items:center;background:#edf4fa;border-radius:24px;padding:22px}.tips-search-box img{width:35%;height:auto}.tips-search-box ol{padding-left:24px;margin:0}.tips-search-box li{padding:12px 0;font-size:18px}.tips-search-box li span{display:block;font-size:14px;margin-top:6px}.tips-sources{padding:32px 0}.tips-sources h2{font-size:18px}.tips-sources p{font-size:14px;overflow-wrap:anywhere}.tips-body a{color:#305875;text-underline-offset:4px}.tips-ending{padding-block:40px 65px;text-align:center}.tips-ending h2{font-size:clamp(24px,3vw,36px);line-height:1.8}.tips-ending>div{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin:25px 0}.tips-banner a:focus-visible,.tips-article a:focus-visible{outline:3px solid #2c668b;outline-offset:5px}@media(max-width:640px){.tips-hero{grid-template-columns:1fr;padding-block:25px 36px;gap:25px}.tips-hero h1{font-size:39px}.tips-hero img{height:210px}.tips-hero figcaption{font-size:16px}.tips-section-title{gap:10px}.tips-section-title img{width:115px;height:140px}.tips-section-title h2{font-size:23px}.tips-body{padding:0 22px}.tips-body p{font-size:16px}.tips-fees{gap:7px}.tips-fees>div{padding:16px 4px}.tips-fees span{font-size:13px}.tips-fees strong{font-size:31px}.tips-fees small{font-size:16px}.tips-comparison{grid-template-columns:1fr}.tips-callout{padding:22px 16px;font-size:18px}.tips-search-box{display:block}.tips-search-box img{width:140px;display:block;margin:auto}.tips-banner>a{gap:12px;padding:18px 14px;border-radius:16px}.tips-banner img{width:70px;height:80px}.tips-banner strong{font-size:18px}.tips-banner small{font-size:13px}}
/* Keep article headings readable without shrinking to intrinsic flex widths. */
.tips-section-title>div{flex:1 1 0;min-width:0}
.tips-section-title>img{flex:0 0 auto}
.tips-article [data-fit-heading],.tips-ending [data-fit-heading]{container-type:normal}
.tips-article [data-fit-heading]>.heading-line,.tips-ending [data-fit-heading]>.heading-line{font-size:inherit;white-space:normal;overflow-wrap:anywhere;line-height:1.65}
.tips-hero h1[data-fit-heading]>.heading-line:first-child{font-size:.6em}
.tips-number{display:inline-flex;align-items:center;justify-content:center;min-width:3.25rem;min-height:3.25rem;padding:.4rem;font-size:1.375rem;line-height:1.2}
.tips-search-box ol{flex:1;min-width:0}
.tips-search-box li::marker{font-size:1.125rem;font-weight:600}
@media(max-width:640px){.tips-section-title{display:grid;grid-template-columns:minmax(0,1fr) 100px;align-items:center}.tips-section-title img{width:100%;height:auto}.tips-section-title h2{font-size:clamp(1.375rem,5.8vw,1.625rem)}.tips-number{min-width:2.75rem;min-height:2.75rem;font-size:1.25rem}}
@media(max-width:360px){.tips-section-title{grid-template-columns:minmax(0,1fr) 76px;gap:8px}.tips-hero h1{font-size:2rem}}