.record-tools{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center}
.record-tool{appearance:none;border:1px solid #b9c3d1;border-radius:999px;background:#fff;color:#173b63;padding:7px 11px;font:750 .76rem/1 Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer}
.record-tool:hover{border-color:#c9a75d;background:#fff9eb}
.record-tool:focus-visible{outline:3px solid rgba(201,167,93,.3);outline-offset:2px}
.record-toast{position:fixed;right:20px;bottom:20px;z-index:100;background:#173b63;color:#fff;border:1px solid #c9a75d;border-radius:10px;padding:11px 14px;box-shadow:0 16px 36px rgba(23,59,99,.25);font:700 .82rem/1.35 Inter,ui-sans-serif,system-ui,sans-serif}
.card:target{outline:3px solid rgba(201,167,93,.55);outline-offset:4px}
@media(max-width:800px){.record-tools{width:100%}.record-tool{flex:1;min-width:128px}}
@media print{
  body.printing-record>*{display:none!important}
  body.printing-record main{display:block!important;padding:0!important}
  body.printing-record main *{visibility:hidden!important}
  body.printing-record .print-target,body.printing-record .print-target *{visibility:visible!important}
  body.printing-record .print-target{display:block!important;position:absolute!important;inset:0 auto auto 0!important;width:100%!important;border:1px solid #777!important;box-shadow:none!important;background:#fff!important;color:#111!important}
  body.printing-record .record-tools{display:none!important}
  body.printing-record .print-target a{color:#111!important;text-decoration:underline!important}
}