/* M1.4 — a small, deliberately quiet local-save panel in the Hero tab. */
.hero-save-card{
  margin-top:17px;
  background:linear-gradient(135deg,#f7f9f8,#e6eced);
  border:1px solid #b8c6ca;
  border-radius:10px;
  padding:15px 16px;
  color:#304148
}
.hero-save-heading{display:flex;align-items:center;gap:11px}
.hero-save-heading>div{min-width:0;display:flex;flex-direction:column;gap:4px}
.save-icon{
  display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;
  background:#354650;border-radius:9px;color:#e6d8b5;
  font:700 22px Georgia,serif
}
.hero-save-heading strong{font-size:13px;line-height:1.4}
.hero-save-heading small{font-size:10px;color:#4f7865;line-height:1.4}
.hero-save-card p{
  max-width:56ch;margin:11px 0 13px;
  font-size:11px;color:#687780;line-height:1.55
}
.save-card-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.save-card-actions button{
  border-radius:8px;padding:9px 12px;
  font-size:11px;font-weight:750;min-height:36px;
  border:1px solid #697980;cursor:pointer;
  transition:background .15s ease
}
.save-reset-button{
  background:#e1e7e8;color:#34454c
}
.save-reset-button:hover{background:#d1dcdf}
.save-reset-confirm{background:#784a4a;color:#fff!important;border-color:#784a4a!important}
.save-reset-confirm:hover{background:#915757}
.save-reset-cancel{background:#32424b;color:#fff!important;border-color:#32424b!important}
.save-reset-cancel:hover{background:#4d6069}
.save-card-actions button:focus-visible{outline:3px solid #b58a46;outline-offset:2px}
@media(max-width:950px){
 .hero-save-card{padding:11px;margin-top:12px}
 .hero-save-card p{font-size:10px}
 .hero-save-heading strong{font-size:11px}
 .hero-save-heading small{font-size:9px}
}
@media(max-width:660px){
 .save-icon{flex-basis:32px;width:32px;height:32px;font-size:18px}
 .hero-save-card{padding:9px}
 .save-card-actions button{padding:7px 8px;min-height:33px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){
 .save-card-actions button{transition:none!important}
}