/* Awards section. Same palette and rhythm as the show archive (wiki.css). */

.award-card { display: flex; flex-direction: column; overflow: hidden; border: 1px solid rgb(240 231 216 / .12); border-radius: 12px; background: rgb(240 231 216 / .035); }
.award-card-head { display: block; padding: 22px 24px 18px; border-bottom: 1px solid rgb(240 231 216 / .1); background: linear-gradient(135deg, rgb(165 32 58 / .24), rgb(216 169 78 / .05) 72%); }
.award-card-head:hover h2 { color: #d8a94e; }
.award-card-body { flex: 1; padding: 4px 24px 10px; }
.award-card-foot { display: flex; justify-content: space-between; gap: 12px; padding: 13px 24px; border-top: 1px solid rgb(240 231 216 / .08); font-size: 13px; color: #8f8275; }
.award-card-foot a:hover { color: #d8a94e; }

.award-line { display: grid; grid-template-columns: 9.5em minmax(0, 1fr); gap: 14px; padding: 10px 0; border-top: 1px solid rgb(240 231 216 / .07); font-size: 15px; }
.award-line:first-child { border-top: 0; }
.award-line dt { padding-top: 2px; font-size: 12.5px; line-height: 1.5; color: #8f8275; }
.award-line dd { min-width: 0; line-height: 1.5; color: #e6dccc; }

.award-name { color: #d8cebe; }
.award-work-sub { display: block; margin-top: 1px; font-size: 13px; color: #8f8275; }
.award-work-sub .cast-link { color: #b0a08f; }
.award-original { margin-left: 7px; font-size: 12.5px; color: #8f8275; }
.award-play { margin-left: 8px; vertical-align: 1px; }

.award-grid-wrap { overflow-x: auto; }
.award-grid { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 14px; }
.award-grid th, .award-grid td { padding: 12px 10px; border-top: 1px solid rgb(240 231 216 / .09); text-align: left; vertical-align: top; line-height: 1.45; }
.award-grid thead th { border-top: 0; padding-bottom: 10px; font-size: 12px; font-weight: 500; letter-spacing: .04em; color: #8f8275; }
.award-grid thead th:first-child { width: 78px; }
.award-grid thead th a:hover { color: #d8a94e; }
.award-grid tbody th { font-family: 'Cormorant Garamond', serif; font-size: 25px; font-weight: 600; line-height: 1.1; color: #d8a94e; }
.award-grid tbody th a:hover { color: #f0e7d8; }
.award-grid tbody tr:hover { background: rgb(240 231 216 / .03); }
.award-grid .award-empty { color: #5f554c; }

.award-year-card { padding: 18px 0; border-top: 1px solid rgb(240 231 216 / .1); }
.award-year-card:first-child { border-top: 0; }
.award-year-card .award-year { font-family: 'Cormorant Garamond', serif; font-size: 28px; font-weight: 600; line-height: 1.1; color: #d8a94e; }
.award-year-more { display: inline-flex; align-items: center; min-height: 40px; font-size: 13px; color: #b0a08f; }
.award-year-more:hover { color: #d8a94e; }
.award-year-fold > summary { display: flex; align-items: baseline; gap: 12px; min-height: 44px; cursor: pointer; list-style: none; }
.award-year-fold > summary::-webkit-details-marker { display: none; }
.award-year-fold > summary:after { content: "\25B8"; font-size: 12px; color: #8f8275; }
.award-year-fold[open] > summary:after { content: "\25BE"; }
.award-year-fold-hint { margin-left: auto; font-size: 13px; color: #8f8275; }

.year-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.year-chip { border: 1px solid rgb(240 231 216 / .16); border-radius: 999px; padding: 4px 12px; font-size: 13px; font-variant-numeric: tabular-nums; color: #b0a08f; }
.year-chip:hover { border-color: rgb(216 169 78 / .5); color: #d8a94e; }
.year-chip[aria-current="page"] { border-color: #a5203a; background: #a5203a; color: #f0e7d8; }

.award-entries { margin: 0; padding: 0; list-style: none; }
.award-entry { display: grid; grid-template-columns: 82px minmax(0, 1fr); gap: 14px; padding: 13px 0; border-top: 1px solid rgb(240 231 216 / .07); }
.award-entry:first-child { border-top: 0; }
.award-entry.is-winner { margin: 2px -12px 4px; padding: 15px 12px; border-top-color: transparent; border-radius: 9px; background: linear-gradient(90deg, rgb(216 169 78 / .1), rgb(216 169 78 / 0) 78%); }
.award-entry.is-winner + .award-entry { border-top: 0; }
.award-entry-mark { padding-top: 3px; }
.award-people { font-size: 16.5px; line-height: 1.5; color: #f0e7d8; }
.award-people .award-name { color: #f0e7d8; }
.award-role { font-size: 14px; color: #8f8275; }
.award-sep { color: #8f8275; }
.award-work { margin-top: 3px; font-size: 14.5px; color: #b0a08f; }
.award-work.is-primary { margin-top: 0; font-size: 17.5px; color: #f0e7d8; }
.award-entry.is-winner .award-people, .award-entry.is-winner .award-work.is-primary { font-weight: 600; }

.award-cat-link { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 14px 16px; border: 1px solid rgb(240 231 216 / .1); border-radius: 10px; color: #f0e7d8; }
.award-cat-link small { flex: none; font-size: 12px; color: #8f8275; }
.award-cat-link:hover { border-color: rgb(216 169 78 / .45); color: #d8a94e; }

.cross-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 16px; padding: 14px 0; border-top: 1px solid rgb(240 231 216 / .08); }
.cross-row:first-child { border-top: 0; }
.cross-title { font-size: 17px; color: #f0e7d8; }
.cross-awards { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.cross-pill { display: inline-flex; align-items: baseline; gap: 6px; border: 1px solid rgb(240 231 216 / .14); border-radius: 999px; padding: 4px 11px; font-size: 12.5px; color: #b0a08f; }
.cross-pill b { font-weight: 600; color: #d8a94e; }
.cross-pill:hover { border-color: rgb(216 169 78 / .45); }

.award-jump a { display: flex; justify-content: space-between; gap: 10px; padding: 8px 0; border-top: 1px solid rgb(240 231 216 / .07); font-size: 14px; color: #b0a08f; }
.award-jump a:first-child { border-top: 0; }
.award-jump a:hover { color: #d8a94e; }

.award-year-block { display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 18px; padding: 20px 0; border-top: 1px solid rgb(240 231 216 / .1); }
.award-year-block:first-of-type { border-top: 0; }
.award-year-block .award-year { font-family: 'Cormorant Garamond', serif; font-size: 27px; font-weight: 600; line-height: 1.1; color: #d8a94e; }
.award-year-block .award-year small { display: block; margin-top: 4px; font-family: inherit; font-size: 12px; font-weight: 400; color: #8f8275; }

@media (max-width: 639px) {
  .award-card-head, .award-card-body, .award-card-foot { padding-left: 18px; padding-right: 18px; }
  .award-line { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  .award-entry { grid-template-columns: minmax(0, 1fr); gap: 5px; }
  .award-entry-mark:empty { display: none; }
  .award-entry.is-winner { margin-left: -10px; margin-right: -10px; padding-left: 10px; padding-right: 10px; }
  .cross-row { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .cross-awards { justify-content: flex-start; }
  .award-year-block { grid-template-columns: minmax(0, 1fr); gap: 6px; }
}