.insight-tool{margin:26px 0;padding:22px;border:1px solid #c9dce8;border-radius:12px;background:#f4f8fb;color:#29475a}.insight-tool h3{margin:0 0 8px;color:#12344b;font-size:21px}.insight-tool>p{margin:0 0 18px;font-size:14px}.insight-control{display:grid;grid-template-columns:minmax(180px,1fr) minmax(260px,2fr) auto;gap:14px;align-items:center;margin:18px 0}.insight-control label{color:#173a5a;font-size:13px;font-weight:800}.insight-control input[type="range"]{width:100%;accent-color:#0bad5b}.insight-control output{min-width:118px;padding:9px 12px;border:1px solid #b8cad7;border-radius:7px;background:#fff;color:#087747;font-weight:800;text-align:center}.insight-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.insight-results>div{padding:15px;border:1px solid #d8e4eb;border-radius:9px;background:#fff}.insight-results span{display:block;color:#667b89;font-size:11px}.insight-results strong{display:block;margin-top:5px;color:#12344b;font-size:19px}.insight-results .is-best{border-color:#82d4ad;background:#f3fcf7}.insight-results .is-best strong{color:#087747}.insight-verdict{margin:14px 0 0!important;padding:12px 14px;border-left:3px solid #0bad5b;background:#fff;font-size:13px!important}.scenario-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.scenario-buttons button{padding:9px 13px;border:1px solid #9eb4c3;border-radius:7px;background:#fff;color:#173a5a;font:inherit;font-size:12px;font-weight:750;cursor:pointer}.scenario-buttons button:hover,.scenario-buttons button[aria-pressed="true"]{border-color:#087f47;background:#eaf8f1;color:#087747}.insight-table{width:100%;margin:18px 0;border-collapse:collapse;font-size:14px}.insight-table th,.insight-table td{padding:12px 13px;border:1px solid #dbe5eb;text-align:right}.insight-table th:first-child,.insight-table td:first-child{text-align:left}.insight-table thead th{background:#173a5a;color:#fff}.insight-table tbody tr:nth-child(even){background:#f7fafc}.insight-table small{display:block;margin-top:3px;color:#6b7e8b;font-size:10px}.calculation-formula{margin:20px 0;padding:17px 19px;border:1px solid #cbe7d8;border-radius:9px;background:#f4fbf7;color:#244d3d;font-size:15px}.calculation-formula strong{color:#087747}.card-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.card-example{padding:17px;border:1px solid #d9e3e9;border-radius:10px;background:#fff}.card-example h3{margin:0 0 7px;font-size:17px}.card-example p{margin:0;font-size:14px}.card-example a{font-weight:800}.cashback-warning{margin:28px 0;padding:18px 20px;border:1px solid #e7b6b2;border-left:5px solid #bd4840;border-radius:9px;background:#fff9f8;color:#623d3a}.cashback-warning strong{display:block;margin-bottom:5px;color:#8f302a}.method-boundary{margin:22px 0;padding:17px 19px;border:1px solid #d5e0e7;border-radius:9px;background:#f7fafc;font-size:14px}.method-boundary strong{display:block;margin-bottom:5px;color:#173a5a}.insight-loading{color:#607786;font-size:13px}.insight-source-note{margin-top:13px!important;color:#6d7f8b;font-size:11px!important}.article-body .insight-table,.guide-article .insight-table{line-height:1.45}.guide-article .insight-tool p,.guide-article .card-example p{line-height:1.6}
@media(max-width:700px){.insight-tool{padding:18px 15px}.insight-control{grid-template-columns:1fr}.insight-control output{width:100%}.insight-results,.card-example-grid{grid-template-columns:1fr}.insight-table{display:block;overflow-x:auto;white-space:nowrap}.insight-table th,.insight-table td{padding:10px}.scenario-buttons{display:grid;grid-template-columns:repeat(2,1fr)}.scenario-buttons button{width:100%}}
.insight-caption{margin:-8px 0 22px;color:#667b89;font-size:12px}.insight-steps{margin:18px 0 26px;padding-left:24px}.insight-steps li{margin:0 0 12px;padding-left:5px}.insight-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 26px}.insight-example-grid>div{padding:17px;border:1px solid #d9e3e9;border-radius:10px;background:#f7fafc}.insight-example-grid strong{display:block;margin-bottom:5px;color:#173a5a}.insight-example-grid p{margin:0;font-size:14px}
@media(max-width:700px){.insight-example-grid{grid-template-columns:1fr}}
.cashback-spend-article .article-header{background:radial-gradient(circle at 82% 42%,rgba(29,125,199,.22),transparent 30%),radial-gradient(circle at 67% 76%,rgba(11,173,91,.15),transparent 34%),linear-gradient(135deg,#021424 0%,#05243b 58%,#031a2d 100%)}.cashback-spend-article .article-header-inner{align-items:flex-start!important;padding-right:42px!important;padding-left:42px!important}.cashback-spend-article .article-header-inner>*{max-width:50%!important}.cashback-spend-article .article-cover{opacity:1;mix-blend-mode:lighten;-webkit-mask-image:radial-gradient(ellipse 50% 66% at 55% 52%,#000 42%,rgba(0,0,0,.78) 62%,rgba(0,0,0,.2) 84%,transparent 100%)!important;mask-image:radial-gradient(ellipse 50% 66% at 55% 52%,#000 42%,rgba(0,0,0,.78) 62%,rgba(0,0,0,.2) 84%,transparent 100%)!important}
@media(max-width:850px){.cashback-spend-article .article-header-inner{padding-right:20px!important;padding-left:20px!important}.cashback-spend-article .article-header-inner>*{max-width:none!important}.cashback-spend-article .article-cover{margin:0 auto;background:transparent;object-fit:cover;opacity:.88;-webkit-mask-image:radial-gradient(ellipse 88% 92% at 50% 50%,#000 44%,rgba(0,0,0,.72) 68%,transparent 100%)!important;mask-image:radial-gradient(ellipse 88% 92% at 50% 50%,#000 44%,rgba(0,0,0,.72) 68%,transparent 100%)!important}}
.cashback-category-article .article-header{background:radial-gradient(circle at 82% 42%,rgba(29,125,199,.22),transparent 30%),radial-gradient(circle at 67% 76%,rgba(11,173,91,.15),transparent 34%),linear-gradient(135deg,#021424 0%,#05243b 58%,#031a2d 100%)}.cashback-category-article .article-header-inner{align-items:flex-start!important;padding-right:42px!important;padding-left:42px!important}.cashback-category-article .article-header-inner>*{max-width:50%!important}.cashback-category-article .article-cover{opacity:1;mix-blend-mode:lighten;-webkit-mask-image:radial-gradient(ellipse 58% 72% at 55% 52%,#000 38%,rgba(0,0,0,.8) 60%,rgba(0,0,0,.2) 84%,transparent 100%)!important;mask-image:radial-gradient(ellipse 58% 72% at 55% 52%,#000 38%,rgba(0,0,0,.8) 60%,rgba(0,0,0,.2) 84%,transparent 100%)!important}
@media(max-width:850px){.cashback-category-article .article-header-inner{padding-right:20px!important;padding-left:20px!important}.cashback-category-article .article-header-inner>*{max-width:none!important}.cashback-category-article .article-cover{margin:0 auto;background:transparent;object-fit:cover;opacity:.9;-webkit-mask-image:radial-gradient(ellipse 92% 94% at 50% 50%,#000 42%,rgba(0,0,0,.72) 70%,transparent 100%)!important;mask-image:radial-gradient(ellipse 92% 94% at 50% 50%,#000 42%,rgba(0,0,0,.72) 70%,transparent 100%)!important}}
.cashback-uncapped-article .article-header{background:radial-gradient(circle at 82% 42%,rgba(29,125,199,.22),transparent 30%),radial-gradient(circle at 67% 76%,rgba(11,173,91,.15),transparent 34%),linear-gradient(135deg,#021424 0%,#05243b 58%,#031a2d 100%)}.cashback-uncapped-article .article-header-inner{align-items:flex-start!important;padding-right:42px!important;padding-left:42px!important}.cashback-uncapped-article .article-header-inner>*{max-width:50%!important}.cashback-uncapped-article .article-cover{opacity:1;mix-blend-mode:lighten;-webkit-mask-image:radial-gradient(ellipse 58% 76% at 50% 48%,#000 40%,rgba(0,0,0,.8) 62%,rgba(0,0,0,.18) 85%,transparent 100%)!important;mask-image:radial-gradient(ellipse 58% 76% at 50% 48%,#000 40%,rgba(0,0,0,.8) 62%,rgba(0,0,0,.18) 85%,transparent 100%)!important}
@media(max-width:850px){.cashback-uncapped-article .article-header-inner{padding-right:20px!important;padding-left:20px!important}.cashback-uncapped-article .article-header-inner>*{max-width:none!important}.cashback-uncapped-article .article-cover{margin:0 auto;background:transparent;object-fit:cover;opacity:.9;-webkit-mask-image:radial-gradient(ellipse 92% 94% at 50% 48%,#000 42%,rgba(0,0,0,.72) 70%,transparent 100%)!important;mask-image:radial-gradient(ellipse 92% 94% at 50% 48%,#000 42%,rgba(0,0,0,.72) 70%,transparent 100%)!important}}
