.award {
  min-width: 0;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 6;
}
.award span { margin-top: 0; }
.award__book {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 16px;
  padding: 16px 12px;
  border: 1px solid #e5e1d8;
  background: #f5f3ee;
  color: #111;
  text-decoration: none;
  transition: border-color 180ms ease, background 180ms ease;
}
.award__book:hover { border-color: #b7ae9e; background: #efebe3; }
.award .award__book-title { margin: 0; color: #111; font: 400 16px/1.45 var(--serif); letter-spacing: normal; }
.award__book-cover { height: clamp(260px, 20vw, 360px); }
.award__book-cover img { width: 100%; height: 100%; object-fit: contain; object-position: center; filter: drop-shadow(0 5px 6px #0002); }
.awards [data-dialog-open="awards-dialog"] { position: relative; }
.awards [data-dialog-open="awards-dialog"]::before {
  content: "";
  position: absolute;
  left: -12px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #000;
  opacity: 0;
  transition: opacity 180ms ease;
}
.awards [data-dialog-open="awards-dialog"]:hover::before,
.awards [data-dialog-open="awards-dialog"]:focus-visible::before { opacity: 1; }
html:has(body.is-locked) { overflow: hidden; }
html { scrollbar-gutter: stable; }
.dialog--awards {
  width: min(1080px, calc(100% - 64px));
  height: min(900px, calc(100dvh - 64px));
  max-height: calc(100dvh - 64px);
  overflow: hidden;
}
.dialog--awards[open] { display: flex; flex-direction: column; }
.awards-dialog__header {
  position: relative;
  flex-shrink: 0;
  padding: 32px 72px 28px 40px;
  border-bottom: 1px solid var(--line);
}
.dialog--awards h2 { margin: 10px 0 0; font-size: clamp(30px, 3.6vw, 49px); line-height: 1.05; }
.dialog--awards .dialog__close { top: 22px; right: 20px; }
.awards-dialog__scroll { min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 0 40px 40px; scrollbar-gutter: stable; }
.award-year { display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: 28px; padding-block: 30px; border-bottom: 1px solid var(--line); }
.award-year:last-child { border-bottom: 0; padding-bottom: 0; }
.award-year h3 { margin: 0; font-family: var(--serif); font-size: 36px; font-weight: 400; }
.award-history { list-style: none; margin: 0; padding: 0; display: grid; gap: 24px; }
.award-history__item { display: flex; align-items: flex-start; gap: 20px; }
.award-history__text { min-width: 0; flex: 1; }
.award-history__status { display: inline-block; margin-bottom: 9px; font-size: 11px; line-height: 1.4; text-transform: uppercase; letter-spacing: .08em; }
.award-history__item--a .award-history__status { background: #111; color: #fff; padding: 4px 8px; }
.award-history__item--b .award-history__status { color: var(--muted); }
.award-history h4 { margin: 0; font-family: var(--serif); font-size: 22px; line-height: 1.35; }
.award-history__item--b h4 { font-size: 18px; font-weight: 400; }
.dialog--awards .award-history p { max-width: none; margin: 8px 0 0; font-size: 14px; line-height: 1.6; }
.award-history__item--b p { color: var(--muted); }
.award-history__logo { flex: 0 0 64px; height: 72px; display: flex; align-items: center; justify-content: center; overflow: hidden; background: #fff; }
.award-history__logo img { width: 64px; height: 64px; object-fit: contain; }
.award-history__logo--malaya img { width: 150px; height: 95px; max-width: none; flex-shrink: 0; }
@media (max-width: 760px) {
  .dialog--awards { width: 100%; height: 100dvh; max-height: 100dvh; max-width: 100%; margin: 0; }
  .awards-dialog__header { padding: 24px 64px 24px 24px; }
  .dialog--awards .dialog__close { top: 16px; right: 12px; }
  .awards-dialog__scroll { padding: 0 24px 32px; }
  .award-year { grid-template-columns: minmax(0, 1fr); gap: 20px; padding-block: 24px; }
  .award-year h3 { font-size: 32px; }
  .award-history__item { gap: 14px; }
  .award-history h4 { font-size: 20px; }
  .award-history__logo { flex-basis: 52px; }
  .award-history__logo img { width: 52px; height: 52px; }
  .award-history__logo--malaya img { width: 128px; height: 81px; }
}
.award__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 136px;
  margin-bottom: 8px;
  overflow: hidden;
  background: #fff;
}
.award__logo img {
  display: block;
  width: 112px;
  height: 112px;
  object-fit: contain;
}
/* The organiser's original image includes a broad white margin. */
.award__logo--malaya img {
  width: 240px;
  height: 152px;
  max-width: none;
  flex-shrink: 0;
}
.award__result {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.5;
  color: var(--muted);
}
@media (max-width: 760px) {
  .award { grid-row: auto; grid-template-rows: none; grid-template-columns: 112px minmax(0, 1fr); column-gap: 24px; row-gap: 10px; }
  .award__logo { grid-column: 1; grid-row: 1 / 5; align-self: start; height: 120px; margin: 0; }
  .award > time, .award > strong, .award > p, .award > span, .award > a { grid-column: 2; }
  .award .award__book { grid-column: 1 / -1; grid-row: auto; grid-template-rows: auto auto; margin-top: 10px; padding: 20px; }
  .award__book-cover { height: 320px; }
  .award span { margin-top: 0; }
}
@media (max-width: 380px) {
  .award { grid-template-columns: 88px minmax(0, 1fr); column-gap: 16px; padding-inline: 12px; }
  .award__logo img { width: 88px; height: 88px; }
  .award__logo--malaya img { width: 200px; height: 126px; }
}