.hooke-history-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.25rem; }
.hooke-history-card { margin:0; padding:1rem; border:1px solid #bfe0ff; border-radius:12px; background:#f8fbff; }
.hooke-history-card a { display:block; color:#154d76; text-decoration:none; }
.hooke-history-card a:hover { text-decoration:underline; }
.hooke-history-card a:focus-visible { outline:3px solid #2563eb; outline-offset:5px; }
.hooke-history-card img { display:block; width:100%; height:auto; border-radius:6px; }
.hooke-history-card strong { display:block; margin-top:.75rem; font-size:1.2rem; }
.hooke-history-card span { display:block; margin-top:.3rem; font-size:1rem; }
.hooke-history-card figcaption { margin-top:.6rem; font-size:1rem; line-height:1.5; color:#374151; }
.hooke-history-dialog { width:min(96vw,1600px); max-width:96vw; max-height:94vh; padding:1rem; border:0; border-radius:12px; background:white; color:#16324f; box-sizing:border-box; }
.hooke-history-dialog::backdrop { background:rgba(10,23,39,.85); }
.hooke-history-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.75rem; margin-bottom:1rem; }
.hooke-history-toolbar h2 { margin:0; font-size:1.2rem; }
.hooke-history-toolbar a { color:#154d76; text-decoration:underline; }
.hooke-history-toolbar button { padding:.6rem 1rem; border:1px solid #154d76; border-radius:6px; background:#154d76; color:white; font:inherit; cursor:pointer; }
.hooke-history-dialog img { display:block; width:100%; height:auto; }
@media(max-width:640px) { .hooke-history-grid { grid-template-columns:1fr; } }