/* Kirja layout and colour system are defined in app.css. */
.hero-inventory{display:block;max-width:440px;margin:26px 0 22px;padding:20px 24px 22px;border:1px solid #b9d2c4;border-radius:18px;background:#e5f0e9;color:#123e32;text-decoration:none;transition:background .2s,transform .2s}
.hero-inventory:hover{background:#d9eade;transform:translateY(-2px)}
.inventory-label{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:750;letter-spacing:1.5px}
.hero-inventory>strong{display:block;margin:4px 0 0;font-size:clamp(58px,6.5vw,88px);line-height:1.1;letter-spacing:-5px;font-weight:800;font-variant-numeric:tabular-nums}
.inventory-description{display:flex;align-items:center;justify-content:space-between;font-size:19px;font-weight:650;letter-spacing:-.35px}
.inventory-description>span{font-size:27px;font-weight:400}.hero-inventory>small{display:block;margin-top:8px;font-size:12px;color:#4f6a5d}
#result-count{margin:0;line-height:1.35}#result-count>strong{display:block;font-size:36px;letter-spacing:-1.5px;line-height:1.2;color:#145443}
@media(max-width:760px){.hero-inventory{max-width:none;margin-top:22px;padding:18px 20px}.hero-inventory>strong{font-size:68px;letter-spacing:-3px}.inventory-description{font-size:17px}#result-count>strong{font-size:30px}}