.utility-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.5rem 0 5rem}.utility-card{border:1px solid #dfe5e1;border-radius:10px;padding:0 1.4rem 1.4rem;text-decoration:none;color:#12231c;background:#fff;transition:.18s ease;overflow:hidden}.utility-card::before{content:"";display:block;aspect-ratio:16/9;margin:0 -1.4rem 1.2rem;background:url('/expanded-toolkit-thumbnail.png') center/cover no-repeat;border-bottom:1px solid #dfe5e1;transition:transform .25s}.utility-card[href*="/calculators/construction/"]::before{background-image:url('/concrete-calculator.jpg')}.utility-card[href*="/calculators/finance/"]::before{background-image:url('/break-even-calculator.jpg')}.utility-card[href*="/calculators/electrical/"]::before{background-image:url('/ohms-law-calculator.jpg')}.utility-card[href*="/converters/measurement/"]::before{background-image:url('/flooring-calculator.jpg')}.utility-card[href*="/converters/cooking/"]::before{background-image:url('/grams-to-cups.jpg')}.utility-card[href*="/time-date/"]::before{background-image:url('/party-drink-calculator.jpg')}.utility-card[href*="/text-tools/"]::before{background-image:url('/project-quote-calculator.jpg')}.utility-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(12,42,29,.1);border-color:#97b7a6}.utility-card:hover::before{transform:scale(1.025)}.utility-card span{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#5d7468}.utility-card h3{margin:.55rem 0}.utility-card p{color:#53635b}.utility-card b{color:#176b46}.utility-calculator textarea{min-height:150px;resize:vertical}.tool-actions,.result-actions{display:flex;gap:.7rem;flex-wrap:wrap}.secondary-button,.result-actions button{border:1px solid #b9c8c0;background:#fff;color:#163b2a;border-radius:10px;padding:.72rem 1rem;font-weight:700}.result-actions{max-width:1180px;margin:-2.3rem auto 3.5rem;padding:0 1.25rem}.utility-output{width:100%;min-height:130px;border:1px solid #d8e2dc;border-radius:12px;padding:1rem;background:#f8fbf9}.qr-preview{display:block;width:min(100%,360px);height:auto;background:#fff;border:12px solid #fff;border-radius:10px;margin:1rem auto}.result-meter{height:12px;border-radius:8px;background:#dce8e1;overflow:hidden;margin:1rem 0}.result-meter i{display:block;height:100%;background:#218458}.privacy-note{font-size:.88rem;color:#617268}.utility-calculator input[type=color]{height:48px;padding:.25rem}.utility-calculator input,.utility-calculator select,.utility-calculator textarea{width:100%;border:1px solid #bccbc3;border-radius:10px;padding:.75rem;background:#fff}.utility-calculator label{display:block;font-weight:700;margin-bottom:1rem}.utility-calculator label small{display:block;font-weight:400;color:#68786f;margin-top:.25rem}#utility-result{background:var(--ink);color:#fff;position:sticky;top:100px;border:1px solid var(--ink);padding:30px}#utility-result>span{color:var(--lime);font-size:11px;font-weight:900;letter-spacing:.15em}#utility-result h2{color:#fff;font:700 34px/1.1 Georgia,serif;margin:18px 0}#utility-result p{color:#d8e1dd}#utility-result .result-list{display:grid;gap:10px;margin-top:20px}#utility-result .result-list>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff2e;padding-top:10px}#utility-result .result-list span{color:#fff}#utility-result .result-list b{color:var(--lime);text-align:right}@media(max-width:820px){.utility-grid{grid-template-columns:1fr}.utility-calculator{display:flex;flex-direction:column}.utility-calculator #utility-result{order:-1;margin-bottom:1rem;position:static}.result-actions{margin:-2rem 0 2.5rem}.page-head{padding-bottom:1rem}}
