.tool-spotlight{background:#f4c338;padding:22px 0;color:#061b3b}.tool-spotlight .wrap{display:flex;align-items:center;justify-content:space-between;gap:15px}.tool-spotlight strong{font-size:20px}.tool-spotlight .button{background:#061b3b;color:white;border-color:#061b3b}
.tool-route-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:25px 0}.tool-route{position:relative;border:2px solid transparent;background:white;border-radius:18px;overflow:hidden;box-shadow:0 8px 25px #061b3b12;text-align:left;color:#102342;padding:0}.tool-route img{width:100%;height:150px;object-fit:cover;transition:transform .4s}.tool-route:hover img{transform:scale(1.06)}.tool-route.selected{border-color:#e5ad17;box-shadow:0 0 0 3px #f4c33866}.tool-route div{padding:14px}.tool-route strong,.tool-route small{display:block}.tool-route small{color:#65748a;margin-top:5px}.tool-route em{position:absolute;top:10px;right:10px;width:27px;height:27px;border-radius:50%;background:#fff;color:#061b3b;display:grid;place-items:center;font-style:normal;font-weight:800}.tool-route.selected em{background:#f4c338}.tool-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0}.tool-actions .button:disabled{opacity:.55;cursor:not-allowed}.tool-link{border:0;background:none;color:#9e6b00;font-weight:800;text-decoration:underline;cursor:pointer;font-size:15px;padding:10px}.comparison{overflow-x:auto;margin:22px 0;background:#fff;border-radius:16px;box-shadow:0 8px 30px #061b3b12}.comparison table{width:100%;min-width:550px;border-collapse:collapse}.comparison th,.comparison td{padding:15px;text-align:left;border-bottom:1px solid #e6ebf2;vertical-align:top}.comparison th{background:#0b2a50;color:#fff}.comparison td:first-child{font-weight:800;min-width:100px}.comparison img{width:160px;height:85px;object-fit:cover;border-radius:9px;margin-bottom:7px}.comparison a{color:#916300;text-decoration:underline;font-weight:800}
.budget-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;margin-top:24px}.tool-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#f5f7fb;border-radius:20px;padding:24px}.tool-form label{font-weight:700;font-size:14px}.tool-form span{display:block;margin-bottom:7px}.tool-form input{width:100%;padding:12px;border:1px solid #ccd6e4;border-radius:10px;background:white}.budget-result{background:#071d3b;color:white;padding:28px;border-radius:20px;align-self:stretch}.budget-result strong{display:block;color:#f4c338;font-size:clamp(35px,4vw,54px);line-height:1.2;margin:15px 0}.budget-result small{display:block;color:#b6c8da;margin-top:18px}.budget-bars{margin:25px 0}.budget-bars div{margin-bottom:12px}.budget-bars span{display:flex;justify-content:space-between;font-size:13px;margin-bottom:5px}.budget-bars i{display:block;height:7px;background:#f4c338;border-radius:20px;max-width:100%}.checklist-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:25px}.check-item{display:flex;align-items:center;gap:12px;background:white;border:1px solid #e4eaf2;padding:17px;border-radius:12px;cursor:pointer;font-weight:700}.check-item input{accent-color:#b98900;width:20px;height:20px}.check-item:has(input:checked){background:#fff9e6;border-color:#e7bb41}
@media(max-width:800px){.tool-route-grid{grid-template-columns:repeat(2,1fr)}.budget-layout{grid-template-columns:1fr}}@media(max-width:560px){.tool-spotlight .wrap{align-items:start;flex-direction:column}.tool-route-grid{gap:8px}.tool-route img{height:105px}.tool-route div{padding:10px}.tool-form,.checklist-grid{grid-template-columns:1fr}.tool-form{padding:18px}}
@media(prefers-reduced-motion:reduce){.tool-route img{transition:none}}