.page-home{
  background: var(--ink-800);
  color: var(--bone);
}

.page-home .wrap{
  width: 100%;
  max-width: var(--wrap);
  margin-inline: auto;
  padding-inline: var(--gutter);
}

.page-home .num{
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.04em;
}

/* ---------- hero ---------- */
.page-home .hero{
  position: relative;
  padding-bottom: clamp(36px, 6vw, 64px);
  background:
    radial-gradient(120% 80% at 82% 0%, rgba(201, 162, 39, 0.12), transparent 62%),
    linear-gradient(180deg, var(--ink-900), var(--ink-800) 70%);
  border-bottom: 1px solid var(--line);
}

.page-home .crumb{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding-top: 20px;
  font-size: 13px;
  color: var(--mist);
}
.page-home .crumb a{
  color: var(--mist);
  text-decoration: none;
  transition: color 0.2s var(--ease);
}
.page-home .crumb a:hover{ color: var(--gold-soft); }
.page-home .crumb__sep{ color: var(--gold); opacity: 0.75; }
.page-home .crumb__now{ color: var(--bone); }

.page-home .hero__head{
  margin-top: clamp(22px, 4vw, 38px);
  max-width: 780px;
}

.page-home .hero__kicker{
  display: inline-block;
  margin: 0;
  padding: 6px 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.1em;
  color: var(--gold-soft);
}

.page-home .hero__title{
  margin: 18px 0 0;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(30px, 7.2vw, 58px);
  line-height: 1.08;
  letter-spacing: -0.02em;
  color: var(--bone);
}
.page-home .hero__title em{
  font-style: normal;
  color: var(--gold);
}

.page-home .hero__lede{
  margin: 16px 0 0;
  max-width: 60ch;
  font-size: clamp(15px, 3.6vw, 17px);
  line-height: 1.78;
  color: #D9D4C5;
}
.page-home .hero__lede--small{
  margin-top: 12px;
  font-size: 13.5px;
  line-height: 1.7;
  color: var(--mist);
}

.page-home .hero__rail{
  margin-top: clamp(24px, 4vw, 40px);
  height: 8px;
  background-image: repeating-linear-gradient(90deg, var(--gold) 0 1px, transparent 1px 26px);
  opacity: 0.32;
}

/* ---------- board ---------- */
.page-home .board{
  margin-top: clamp(24px, 4vw, 36px);
  display: grid;
  grid-template-columns: 1fr;
  gap: 1px;
  background: var(--line-hard);
  border: 1px solid var(--line-hard);
}
.page-home .board > *{
  min-width: 0;
  background: var(--ink-900);
  padding: 20px;
}

.page-home .board__side{
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.page-home .board__side--home{
  border-left: 3px solid var(--gold);
  background: linear-gradient(160deg, var(--ink-700), var(--ink-900) 72%);
}
.page-home .board__side--away{
  border-right: 3px solid var(--mist);
  background: linear-gradient(200deg, var(--ink-700), var(--ink-900) 72%);
}
.page-home .board__side::after{
  content: "";
  position: absolute;
  left: -15%;
  right: -15%;
  bottom: -45%;
  height: 70%;
  transform: rotate(-8deg);
  pointer-events: none;
  z-index: -1;
}
.page-home .board__side--home::after{ background: rgba(201, 162, 39, 0.08); }
.page-home .board__side--away::after{ background: rgba(143, 166, 158, 0.08); }

.page-home .board__tag{
  margin: 0;
  font-family: var(--font-mono);
  font-size: 11.5px;
  letter-spacing: 0.12em;
  color: var(--mist);
  text-transform: uppercase;
}
.page-home .board__big{
  margin: 12px 0 0;
  font-family: var(--font-display);
  font-size: clamp(42px, 10vw, 58px);
  line-height: 0.95;
  color: var(--gold-soft);
  letter-spacing: -0.01em;
}
.page-home .board__side--away .board__big{ color: var(--bone); }
.page-home .board__unit{
  font-size: 0.42em;
  margin-left: 4px;
  color: var(--mist);
}
.page-home .board__bigcap{
  margin: 6px 0 0;
  font-size: 13px;
  color: var(--mist);
}
.page-home .board__mini{
  list-style: none;
  margin: 16px 0 0;
  padding: 14px 0 0;
  border-top: 1px solid var(--line-hard);
  display: grid;
  gap: 9px;
}
.page-home .board__mini li{
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  font-size: 13.5px;
  color: var(--mist);
}
.page-home .board__mini b{
  font-size: 16px;
  font-weight: 500;
  color: var(--bone);
}

.page-home .board__round{
  position: relative;
  padding: 0;
  min-height: 240px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  isolation: isolate;
}
.page-home .board__img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.45) saturate(0.82);
  z-index: -2;
}
.page-home .board__round::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(14, 42, 36, 0.3), rgba(7, 21, 18, 0.94));
  z-index: -1;
}
.page-home .board__roundbody{
  position: relative;
  width: 100%;
  padding: 20px;
}
.page-home .board__roundlabel{
  margin: 0;
  font-family: var(--font-serif);
  font-size: 13px;
  letter-spacing: 0.14em;
  color: var(--gold-soft);
}
.page-home .board__roundnum{
  margin: 6px 0 0;
  font-family: var(--font-display);
  font-size: clamp(66px, 17vw, 108px);
  line-height: 0.82;
  letter-spacing: -0.05em;
  color: var(--gold);
}
.page-home .board__roundmeta{
  margin: 12px 0 0;
  font-size: 12.5px;
  line-height: 1.6;
  color: #C4BFB0;
}

.page-home .board__metrics{
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.page-home .board__metricsHead{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.page-home .board__metricsTitle{
  margin: 0;
  font-size: 13.5px;
  font-weight: 700;
  color: var(--bone);
}

.page-home .switch{
  display: inline-flex;
  gap: 2px;
  padding: 2px;
  border: 1px solid var(--line-hard);
  border-radius: var(--radius);
  background: var(--ink-950);
}
.page-home .switch__input{
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.page-home .switch__label{
  padding: 5px 10px;
  font-size: 12px;
  color: var(--mist);
  cursor: pointer;
  border-radius: 1px;
  transition: background-color 0.2s var(--ease), color 0.2s var(--ease);
}
.page-home .switch__input:checked + .switch__label{
  background: var(--gold);
  color: var(--ink-950);
  font-weight: 700;
}
.page-home .switch__input:focus-visible + .switch__label{
  outline: 2px solid var(--cyan);
  outline-offset: 2px;
}

.page-home .metrics{
  display: grid;
  gap: 1px;
  background: var(--line-hard);
  border: 1px solid var(--line-hard);
}
.page-home .metrics__row{
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr;
  gap: 8px;
  padding: 9px 12px;
  align-items: baseline;
  background: var(--ink-900);
  font-size: 13.5px;
}
.page-home .metrics__row > span:first-child{ color: var(--mist); }
.page-home .metrics__row .num{ color: var(--bone); text-align: right; }
.page-home .metrics__row--head{
  font-size: 11.5px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--gold-soft);
  background: var(--ink-950);
}
.page-home .metrics__row--head > span:first-child{ color: var(--gold-soft); }
.page-home .metrics__row--head .num{ color: var(--gold-soft); }

.page-home .board:has(#side-home:checked) .col-away{ display: none; }
.page-home .board:has(#side-away:checked) .col-home{ display: none; }
.page-home .board:has(#side-home:checked) .metrics__row{ grid-template-columns: 1.6fr 1fr; }
.page-home .board:has(#side-away:checked) .metrics__row{ grid-template-columns: 1.6fr 1fr; }

.page-home .board__note{
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.page-home .board__noteTitle{
  margin: 0;
  font-size: 13.5px;
  font-weight: 700;
  color: var(--bone);
}
.page-home .board__noteList{
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
  display: grid;
  gap: 9px;
}
.page-home .board__noteList li{
  display: flex;
  gap: 10px;
  align-items: baseline;
  font-size: 13px;
  line-height: 1.6;
  color: var(--mist);
}
.page-home .board__noteList .num{
  flex: 0 0 auto;
  font-size: 11.5px;
  color: var(--gold-soft);
}
.page-home .board__copy{
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--line-hard);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.page-home .board__copy .num{
  font-size: 13px;
  color: var(--bone);
}

/* ---------- buttons ---------- */
.page-home .chipbtn{
  display: inline-block;
  appearance: none;
  padding: 8px 14px;
  border: 1px solid var(--gold);
  border-radius: var(--radius);
  background: transparent;
  color: var(--gold-soft);
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.4;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.22s var(--ease), color 0.22s var(--ease), border-color 0.22s var(--ease);
}
.page-home .chipbtn:hover,
.page-home .chipbtn:focus-visible{
  background: var(--gold);
  color: var(--ink-950);
}
.page-home .chipbtn--solid{
  background: var(--gold);
  color: var(--ink-950);
}
.page-home .chipbtn--solid:hover,
.page-home .chipbtn--solid:focus-visible{
  background: var(--gold-soft);
  border-color: var(--gold-soft);
}

/* ---------- sections ---------- */
.page-home .rsec{
  position: relative;
  padding: clamp(48px, 8vw, 92px) 0;
  border-top: 1px solid var(--line);
  scroll-margin-top: calc(var(--header-h) + 16px);
}
.page-home .rsec__grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 22px;
}

.page-home .rsec__aside{
  border-left: 2px solid var(--gold);
  padding-left: 14px;
}
.page-home .rsec__num{
  margin: 0;
  font-size: 13px;
  letter-spacing: 0.14em;
  color: var(--gold);
}
.page-home .rsec__label{
  margin: 6px 0 0;
  font-family: var(--font-serif);
  font-size: 15px;
  letter-spacing: 0.05em;
  color: var(--mist);
}

.page-home .rsec__title{
  margin: 0;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(23px, 5vw, 36px);
  line-height: 1.18;
  letter-spacing: -0.01em;
  color: var(--bone);
}
.page-home .rsec__lede{
  margin: 14px 0 0;
  max-width: 64ch;
  font-size: 15.5px;
  line-height: 1.78;
  color: #CFCAB9;
}
.page-home .rsec__foot{
  margin: 22px 0 0;
  padding-top: 14px;
  border-top: 1px dashed var(--line-hard);
  font-size: 13.5px;
  line-height: 1.7;
  color: var(--mist);
}

/* ---------- R12-01 versus ---------- */
.page-home .versus{
  margin-top: 26px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}
.page-home .vcard{
  padding: 20px;
  border: 1px solid var(--line);
  background: var(--ink-900);
}
.page-home .vcard--away{
  border-color: var(--line-hard);
  background: var(--ink-950);
}
.page-home .vcard__head{
  margin: 0;
  font-family: var(--font-display);
  font-size: 15px;
  letter-spacing: 0.06em;
  color: var(--gold-soft);
}
.page-home .vcard--away .vcard__head{ color: var(--mist); }

.page-home .vlist{
  list-style: none;
  margin: 16px 0 0;
  padding: 0;
  display: grid;
  gap: 16px;
}
.page-home .vlist li{
  padding-left: 14px;
  border-left: 2px solid rgba(201, 162, 39, 0.4);
}
.page-home .vcard--away .vlist li{ border-left-color: rgba(143, 166, 158, 0.4); }
.page-home .vlist h4{
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  color: var(--bone);
}
.page-home .vlist p{
  margin: 5px 0 0;
  font-size: 13.8px;
  line-height: 1.72;
  color: #C6C1B1;
}

/* ---------- R12-02 paper ---------- */
.page-home .rsec--paper{
  background: var(--bone);
  color: var(--ink-900);
}
.page-home .rsec--paper .rsec__aside{ border-left-color: var(--ink-700); }
.page-home .rsec--paper .rsec__num{ color: var(--ink-700); }
.page-home .rsec--paper .rsec__label{ color: #5A6963; }
.page-home .rsec--paper .rsec__title{ color: var(--ink-900); }
.page-home .rsec--paper .rsec__lede{ color: #3B4A45; }
.page-home .rsec--paper .rsec__foot{ color: #5A6963; border-top-color: rgba(14, 42, 36, 0.16); }

.page-home .shotwrap{
  margin-top: 26px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 22px;
}
.page-home .shotfig{
  margin: 0;
  padding: 8px;
  border: 1px solid rgba(14, 42, 36, 0.2);
  background: var(--ink-800);
}
.page-home .shotfig img{
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.page-home .shotfig figcaption{
  padding: 10px 4px 2px;
  font-size: 12.5px;
  line-height: 1.65;
  color: #A9B5AF;
}

.page-home .shotgrid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: rgba(14, 42, 36, 0.18);
  border: 1px solid rgba(14, 42, 36, 0.18);
}
.page-home .shotgrid__cell{
  padding: 14px 16px;
  background: var(--bone);
}
.page-home .shotgrid__num{
  margin: 0;
  font-family: var(--font-mono);
  font-size: 26px;
  line-height: 1;
  color: var(--ink-900);
}
.page-home .shotgrid__label{
  margin: 6px 0 0;
  font-size: 12.5px;
  color: #56655F;
}

.page-home .heatmap{
  margin-top: 14px;
  height: 76px;
  border: 1px solid rgba(14, 42, 36, 0.3);
  background-color: var(--ink-800);
  background-image:
    repeating-linear-gradient(90deg, rgba(232, 98, 44, 0.42) 0 1px, transparent 1px 16.66%),
    repeating-linear-gradient(0deg, rgba(232, 98, 44, 0.42) 0 1px, transparent 1px 33.33%),
    radial-gradient(circle at 32% 42%, rgba(232, 98, 44, 0.62), transparent 56%),
    radial-gradient(circle at 68% 64%, rgba(232, 98, 44, 0.44), transparent 52%);
}

.page-home .shotbody__text{
  margin: 16px 0 0;
  font-size: 14.5px;
  line-height: 1.78;
  color: #3B4A45;
}
.page-home .shotbody__links{
  margin: 18px 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.page-home .rsec--paper .chipbtn{
  border-color: var(--ink-700);
  color: var(--ink-800);
}
.page-home .rsec--paper .chipbtn:hover,
.page-home .rsec--paper .chipbtn:focus-visible{
  background: var(--ink-800);
  color: var(--bone);
}
.page-home .rsec--paper .chipbtn--solid{
  background: var(--ink-800);
  border-color: var(--ink-800);
  color: var(--bone);
}
.page-home .rsec--paper .chipbtn--solid:hover,
.page-home .rsec--paper .chipbtn--solid:focus-visible{
  background: var(--ink-700);
  border-color: var(--ink-700);
}

/* ---------- R12-03 injury ---------- */
.page-home .rsec--ink{
  background: var(--ink-900);
}

.page-home .sickfilter{
  margin-top: 22px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.page-home .sickfilter__input{
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.page-home .sickfilter__label{
  padding: 6px 12px;
  border: 1px solid var(--line-hard);
  border-radius: var(--radius);
  font-size: 12.5px;
  color: var(--mist);
  cursor: pointer;
  transition: border-color 0.2s var(--ease), color 0.2s var(--ease), background-color 0.2s var(--ease);
}
.page-home .sickfilter__input:checked + .sickfilter__label{
  border-color: var(--orange);
  background: rgba(232, 98, 44, 0.14);
  color: var(--bone);
}
.page-home .sickfilter__input:focus-visible + .sickfilter__label{
  outline: 2px solid var(--cyan);
  outline-offset: 2px;
}

.page-home .sickwrap{
  margin-top: 16px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
.page-home .sick{
  border: 1px solid var(--line-hard);
  background: var(--ink-800);
}
.page-home .sick__head{
  display: none;
  grid-template-columns: 1.1fr 0.9fr 1.3fr;
  gap: 8px;
  padding: 10px 14px;
  background: var(--ink-950);
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.1em;
  color: var(--gold-soft);
}
.page-home .sick__row{
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 6px 10px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--line-hard);
}
.page-home .sick__row:last-child{ border-bottom: 0; }
.page-home .sick__who{
  font-size: 13.5px;
  font-weight: 700;
  color: var(--bone);
}
.page-home .sick__state{ justify-self: end; }
.page-home .sick__meta{
  grid-column: 1 / -1;
  font-size: 12.5px;
  line-height: 1.6;
  color: var(--mist);
}
.page-home .sick .tag{
  display: inline-block;
  padding: 3px 8px;
  border-radius: var(--radius);
  font-size: 11.5px;
  letter-spacing: 0.04em;
  white-space: nowrap;
}
.page-home .sick .tag--orange{
  border: 1px solid var(--orange);
  color: #F6B79A;
  background: rgba(232, 98, 44, 0.1);
  box-shadow: 0 0 0 1px rgba(232, 98, 44, 0.12);
}
.page-home .sick .tag--ghost{
  border: 1px solid var(--line-hard);
  color: var(--mist);
}

.page-home .sick:has(#sick-def:checked) .sick__row:not([data-pos="def"]),
.page-home .sick:has(#sick-mid:checked) .sick__row:not([data-pos="mid"]),
.page-home .sick:has(#sick-fwd:checked) .sick__row:not([data-pos="fwd"]){ display: none; }

.page-home .sickfig{
  margin: 0;
  border: 1px solid var(--line);
  background: var(--ink-950);
  padding: 8px;
}
.page-home .sickfig img{
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.page-home .sickfig figcaption{
  padding: 10px 4px 2px;
  font-size: 12.5px;
  line-height: 1.65;
  color: var(--mist);
}

/* ---------- R12-04 devices ---------- */
.page-home .rsec--mid{
  background: linear-gradient(180deg, var(--ink-700), var(--ink-800));
}

.page-home .devices{
  margin-top: 24px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1px;
  background: rgba(244, 241, 232, 0.1);
  border: 1px solid var(--line-hard);
}
.page-home .device{
  padding: 16px 16px 18px;
  background: rgba(11, 33, 28, 0.72);
}
.page-home .device__num{
  margin: 0;
  font-size: 11.5px;
  letter-spacing: 0.14em;
  color: var(--gold);
}
.page-home .device__name{
  margin: 8px 0 0;
  font-size: 14.5px;
  font-weight: 700;
  color: var(--bone);
}
.page-home .device__text{
  margin: 6px 0 0;
  font-size: 13px;
  line-height: 1.7;
  color: var(--mist);
}

.page-home .adapwrap{
  margin-top: 24px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  align-items: start;
}
.page-home .adapwrap__text p{
  margin: 0 0 14px;
  font-size: 14.5px;
  line-height: 1.78;
  color: #CFCAB9;
}
.page-home .adapfig{
  margin: 0;
  border: 1px solid var(--line);
  background: var(--ink-950);
  padding: 8px;
}
.page-home .adapfig img{
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.page-home .adapfig figcaption{
  padding: 10px 4px 2px;
  font-size: 12.5px;
  line-height: 1.65;
  color: var(--mist);
}

/* ---------- R12-05 archive ---------- */
.page-home .arc{
  margin-top: 26px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
.page-home .arc__stats{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--line-hard);
  border: 1px solid var(--line-hard);
}
.page-home .numstat{
  padding: 16px 12px;
  background: var(--ink-900);
}
.page-home .numstat__value{
  margin: 0;
  font-family: var(--font-mono);
  font-size: clamp(26px, 6vw, 34px);
  line-height: 1;
  color: var(--gold);
}
.page-home .numstat__label{
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 1.55;
  color: var(--mist);
}

.page-home .linklist{
  display: grid;
  gap: 1px;
  background: var(--line-hard);
  border: 1px solid var(--line-hard);
}
.page-home .linklist__item{
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 16px;
  background: var(--ink-900);
  text-decoration: none;
  transition: background-color 0.22s var(--ease);
}
.page-home .linklist__item:hover{ background: var(--ink-600); }
.page-home .linklist__idx{
  flex: 0 0 auto;
  font-size: 12px;
  letter-spacing: 0.1em;
  color: var(--gold);
}
.page-home .linklist__body{ display: grid; gap: 5px; }
.page-home .linklist__title{
  font-size: 14.5px;
  font-weight: 700;
  color: var(--bone);
}
.page-home .linklist__desc{
  font-size: 12.5px;
  line-height: 1.6;
  color: var(--mist);
}

/* ---------- R12-06 coop ---------- */
.page-home .rsec--coop{
  background:
    radial-gradient(90% 70% at 88% 12%, rgba(201, 162, 39, 0.14), transparent 60%),
    var(--ink-900);
  border-bottom: 1px solid var(--line);
}

.page-home .coop{
  margin-top: 26px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  padding: clamp(20px, 4vw, 34px);
  border: 1px solid var(--line);
  background: linear-gradient(135deg, rgba(201, 162, 39, 0.12), transparent 58%), var(--ink-950);
}
.page-home .coop__title{
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(17px, 3.6vw, 22px);
  line-height: 1.35;
  letter-spacing: 0.01em;
  color: var(--bone);
}
.page-home .coop__list{
  list-style: none;
  margin: 16px 0 0;
  padding: 0;
  display: grid;
  gap: 10px;
}
.page-home .coop__list li{
  position: relative;
  padding-left: 16px;
  font-size: 13.8px;
  line-height: 1.7;
  color: #C6C1B1;
}
.page-home .coop__list li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0.62em;
  width: 7px;
  height: 1px;
  background: var(--gold);
}
.page-home .coop__cta{ margin: 20px 0 0; }

.page-home .coop__side{
  border-top: 1px solid var(--line-hard);
  padding-top: 18px;
}
.page-home .coop__key{
  margin: 0 0 12px;
  font-family: var(--font-mono);
  font-size: 11.5px;
  letter-spacing: 0.14em;
  color: var(--gold-soft);
}
.page-home .coop__line{
  margin: 0 0 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  align-items: baseline;
  font-size: 13.5px;
}
.page-home .coop__line span{
  flex: 0 0 42px;
  color: var(--mist);
}
.page-home .coop__line a{
  color: var(--bone);
  text-decoration: none;
  border-bottom: 1px solid var(--line);
  word-break: break-all;
  transition: color 0.2s var(--ease), border-color 0.2s var(--ease);
}
.page-home .coop__line a:hover{
  color: var(--gold-soft);
  border-bottom-color: var(--gold);
}
.page-home .coop__note{
  margin: 14px 0 0;
  font-size: 12.5px;
  line-height: 1.7;
  color: var(--mist);
}

/* ---------- responsive ---------- */
@media (min-width: 640px){
  .page-home .board{
    grid-template-columns: 1fr 1fr;
  }
  .page-home .board__side--home{ grid-column: 1; grid-row: 1; }
  .page-home .board__side--away{ grid-column: 2; grid-row: 1; }
  .page-home .board__round{ grid-column: 1 / -1; grid-row: 2; }
  .page-home .board__metrics{ grid-column: 1 / -1; grid-row: 3; }
  .page-home .board__note{ grid-column: 1 / -1; grid-row: 4; }

  .page-home .devices{ grid-template-columns: 1fr 1fr; }
  .page-home .shotgrid{ grid-template-columns: repeat(3, 1fr); }
}

@media (min-width: 760px){
  .page-home .versus{ grid-template-columns: 1fr 1fr; gap: 16px; }
  .page-home .arc{ grid-template-columns: 0.85fr 1.15fr; align-items: start; }
  .page-home .sick__head{ display: grid; }
  .page-home .sick__row{
    grid-template-columns: 1.1fr 0.9fr 1.3fr;
    align-items: center;
    gap: 8px;
  }
  .page-home .sick__meta{ grid-column: auto; }
  .page-home .coop{ grid-template-columns: 1.3fr 1fr; }
  .page-home .coop__side{
    border-top: 0;
    border-left: 1px solid var(--line-hard);
    padding-top: 0;
    padding-left: 22px;
  }
}

@media (min-width: 900px){
  .page-home .board{
    grid-template-columns: repeat(12, 1fr);
    grid-template-areas:
      "home home home home rd rd rd rd away away away away"
      "st st st st st st st st note note note note";
  }
  .page-home .board__side--home{ grid-area: home; }
  .page-home .board__round{ grid-area: rd; }
  .page-home .board__side--away{ grid-area: away; }
  .page-home .board__metrics{ grid-area: st; }
  .page-home .board__note{ grid-area: note; }

  .page-home .rsec__grid{
    grid-template-columns: 190px minmax(0, 1fr);
    gap: 44px;
  }
  .page-home .rsec__aside{ padding-top: 6px; }

  .page-home .shotwrap{ grid-template-columns: 0.92fr 1.08fr; align-items: start; }
  .page-home .sickwrap{ grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); align-items: start; }
  .page-home .adapwrap{ grid-template-columns: 1fr 1.05fr; align-items: center; }
  .page-home .devices{ grid-template-columns: repeat(5, 1fr); }
}

@media (min-width: 1100px){
  .page-home .board > *{ padding: 24px; }
  .page-home .board__round{ padding: 0; }
  .page-home .board__roundbody{ padding: 24px; }
  .page-home .versus{ gap: 20px; }
  .page-home .vcard{ padding: 24px; }
}

@media (prefers-reduced-motion: reduce){
  .page-home .chipbtn,
  .page-home .linklist__item,
  .page-home .switch__label,
  .page-home .sickfilter__label,
  .page-home .crumb a,
  .page-home .coop__line a{
    transition: none;
  }
}
<<<END>>>