/* Source-linked public record in the opening scene. */
.home-hero__grid { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(2rem, 5vw, 5rem); }
.home-hero__activity { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1.5rem 0 0; }
.home-hero__activity div { display: flex; align-items: baseline; gap: .35rem; padding: .35rem .7rem; border: 1px solid rgba(36, 62, 53, .22); border-radius: 99px; background: rgba(255, 250, 240, .74); }
.home-hero__activity dt { color: var(--forest); font: 600 .85rem/1.3 var(--body); }
.home-hero__activity dd { order: -1; margin: 0; color: var(--forest); font: 700 .9rem/1.3 var(--body); }
.home-record { position: relative; z-index: 1; min-width: 0; align-self: center; overflow: hidden; border: 1px solid rgba(36, 62, 53, .2); border-radius: .8rem; background: var(--paper); box-shadow: 0 26px 70px rgba(36, 62, 53, .12); }
.home-record__top { display: flex; justify-content: space-between; gap: 1rem; padding: .9rem 1.4rem; border-bottom: 1px solid var(--line); color: var(--moss); font: 700 .8rem/1.35 var(--body); }
.home-record__top span:last-child { overflow-wrap: anywhere; text-align: right; font-weight: 500; }
.home-record__content { padding: clamp(1.2rem, 2.5vw, 2rem); }
.home-record__intro { margin-bottom: 1.5rem; color: var(--terracotta); font: 700 .83rem/1.4 var(--body); letter-spacing: .08em; text-transform: uppercase; }
.home-record__steps { margin: 0; padding: 0; list-style: none; }
.home-record__steps li { position: relative; padding: 0 0 1.4rem 2.5rem; border-left: 1px solid var(--line); }
.home-record__steps li:last-child { padding-bottom: 0; border-left-color: transparent; }
.home-record__steps li::before { content: ''; position: absolute; top: .25rem; left: -.4rem; width: .75rem; height: .75rem; border: 2px solid var(--moss); border-radius: 50%; background: var(--paper); }
.home-record__steps li:nth-child(2)::before { background: var(--moss); }
.home-record__step-label { display: block; color: var(--terracotta); font: 700 .8rem/1.4 var(--body); letter-spacing: .06em; text-transform: uppercase; }
.home-record__steps h2, .home-record__steps h3 { margin: .25rem 0 .2rem; font-size: clamp(1.65rem, 2vw, 2.1rem); line-height: 1.08; }
.home-record__steps h2 a, .home-record__steps h3 a { color: var(--forest); text-decoration-color: rgba(73, 106, 80, .35); text-decoration-thickness: 1px; }
.home-record__steps h2 a:hover, .home-record__steps h3 a:hover { color: var(--terracotta); }
.home-record__steps p { margin: 0; color: var(--muted); font-size: .95rem; line-height: 1.45; }
.home-record__steps .home-record__state { margin: .3rem 0; color: var(--forest); font: 700 1.1rem/1.4 var(--body); }
.home-record__bottom { display: flex; flex-wrap: wrap; gap: .25rem 1.3rem; margin-top: 1.6rem; padding-top: 1.15rem; border-top: 1px solid var(--line); }
.home-record__bottom a { display: inline-flex; align-items: center; min-height: 44px; color: var(--forest); font: 700 .9rem/1.3 var(--body); text-decoration-thickness: 1px; }
.home-record__bottom a:hover { color: var(--terracotta); }
.home-record--empty { padding: 2rem; }
.home-record--empty p { margin-bottom: 1rem; }
@media (max-width: 960px) {
  .home-hero__grid { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 1.5rem; }
  .home-record__top { flex-direction: column; gap: .25rem; }
  .home-record__top span:last-child { text-align: left; }
}
@media (max-width: 700px) {
  .home-hero__grid { display: flex; flex-direction: column; gap: 2.5rem; padding-bottom: 3rem; }
  .home-record { width: 100%; }
  .home-record__top { font-size: 1rem; }
  .home-record__content { padding: 1.5rem; }
  .home-record__step-label { font-size: .9rem; }
  .home-record__steps p { font-size: 1rem; }
  .home-record__bottom a { font-size: 1rem; }
}