.record-section { padding-block: 54px 60px; }
.record { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 60px; padding-block: 36px; border-top: 1px solid var(--line); }
.record-meta > p + p { margin-top: 12px; }
.record-meta > p:not(.eyebrow) { color: var(--muted); font-size: 16px; }
.record-meta > p.record-label { color: var(--ink); font-size: 22px; font-weight: 600; line-height: 1.3; }
.record-body h3 { font-size: clamp(26px, 3vw, 34px); }
.record-body > p { margin-top: 16px; color: var(--muted); }
.record-body .record-topic { color: var(--accent); font-size: 16px; margin-top: 10px; }
.record-body > .text-link { display: inline-block; margin-top: 22px; }
.award-list { list-style: none; padding: 0; margin: 0; }
.award-list .record { grid-template-columns: 130px minmax(0, 1fr); align-items: baseline; gap: 40px; padding-block: 30px; }
.award-year { color: var(--accent); font-size: 28px; font-weight: 600; }
.award-list h3 { max-width: 780px; font-size: 25px; line-height: 1.3; }
.section-note { color: var(--muted); margin-top: 16px; }
.note-section { padding-block: 54px 70px; }
.note-section > p:not(.eyebrow) { max-width: 720px; margin-block: 22px; color: var(--muted); }
.resource-links { display: flex; flex-wrap: wrap; gap: 20px 36px; margin-top: 30px; }
.code-sample { max-width: 100%; overflow-x: auto; padding: 28px; border: 1px solid var(--line); border-radius: 4px; background: var(--soft); font-size: 15px; line-height: 1.6; }

@media (max-width: 1000px) {
  .record { grid-template-columns: 200px minmax(0, 1fr); gap: 36px; }
}

@media (max-width: 720px) {
  .record-section { padding-block: 30px 40px; }
  .record, .award-list .record { grid-template-columns: minmax(0, 1fr); gap: 20px; padding-block: 28px; }
  .award-list .record { gap: 10px; }
  .award-list h3 { font-size: 23px; }
  .note-section { padding-block: 30px 40px; }
  .code-sample { padding: 18px; font-size: 13px; }
}