.cs .crumbs ol { display: flex; flex-wrap: wrap; align-items: center; min-height: 56px; font-size: var(--fs-small); line-height: 1.4; color: var(--fg-2); }
.cs .crumbs li { display: inline-flex; align-items: center; }
.cs .crumbs .sl { margin-inline: .7em; color: var(--fg-3); }
.cs .crumbs a { display: inline-flex; align-items: center; min-height: 44px; }
.cs .crumbs [aria-current] { color: var(--fg); font-weight: 600; }
.cs .pg-record { padding-bottom: clamp(56px, 5vw, 72px); }
.cs .pg-record .stage { padding-top: clamp(28px, 2.6vw, 40px); padding-bottom: clamp(24px, 2.4vw, 34px); }
.cs .pg-record .stage .es-wm { margin-top: 8px; font-size: clamp(46px, 4.2vw, 62px); }
.cs .pg-record .stage__line { margin-top: 14px; font-size: clamp(18px, 1.45vw, 21px); }
.cs .pg-record .stage .actions { margin-top: clamp(20px, 2vw, 26px); }
.cs .phases__t {
  max-width: 24em; margin: clamp(40px, 4vw, 56px) auto 0;
  font-stretch: var(--w-state); font-weight: 400; font-size: var(--fs-statement); line-height: 1.35; letter-spacing: -.006em;
  color: var(--fg); text-wrap: balance;
}
.cs .pg-record .screens { --cap: 96px; max-width: 1120px; margin-top: clamp(22px, 2.4vw, 34px); }
.cs .screens figcaption { padding-inline: 4%; text-wrap: balance; }
.cs .screens figcaption .ph { margin-right: .55em; color: var(--label); font-stretch: 125%; font-size: .8em; letter-spacing: .12em; font-variant-numeric: tabular-nums lining-nums; }
.cs .textlink svg { width: 12px; height: 12px; margin-left: 8px; flex: none; }
.cs .pg-record .record__id .sep, .cs .pg-record .record__id .name { display: none; }
.cs .pg-record .record__body { padding-top: clamp(48px, 5vw, 72px); row-gap: clamp(28px, 3vw, 40px); }
.cs .record__body > .caprule { grid-column: 1 / -1; }
.cs .pg-record .record__about { grid-column: 1 / span 5; }
.cs .pg-record .rfacts { grid-column: 6 / span 7; border-top: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--gutter); align-content: start; }
.cs .pg-record .rfacts > div { grid-template-columns: 1fr; align-content: start; gap: 3px; padding: 13px 0 14px; }
.cs .pg-record .rfacts > div:nth-last-child(2):nth-child(odd) { border-bottom: 0; }
.cs .duo { text-align: center; margin-top: clamp(36px, 4vw, 52px); }
.cs .screens--duo { --cap: 96px; max-width: 760px; margin-top: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(24px, 5vw, 72px); }
.cs .screens--duo li:nth-child(2) .device { box-shadow: var(--shadow-device); }
.cs .pl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: clamp(36px, 4vw, 52px); border-top: 1px solid var(--line); }
.cs .pl > div { padding: clamp(22px, 2.2vw, 28px) clamp(20px, 3vw, 48px) 4px 0; }
.cs .pl > div + div { padding-left: clamp(20px, 3vw, 48px); padding-right: 0; border-left: 1px solid var(--hair); }
.cs .pl h3 { color: var(--fg-2); margin-bottom: 10px; }
.cs .pl__s { font-stretch: var(--w-state); font-size: var(--fs-statement); line-height: 1.42; letter-spacing: -.006em; color: var(--fg); text-wrap: balance; }
.cs .pl__b { max-width: 34em; margin-top: 12px; color: var(--fg-2); text-wrap: pretty; }
.cs .pl__go { margin: 8px 0 0 -4px; }
.cs .notice {
  display: grid; grid-template-columns: minmax(0, 10.5em) minmax(0, 1fr); gap: 6px var(--gutter); align-items: baseline;
  margin-top: clamp(32px, 3.4vw, 44px); padding: clamp(20px, 2.2vw, 28px) clamp(18px, 2.4vw, 28px); background: var(--surface); border: 0;
}
.cs .notice .cs-field { color: var(--label); }
.cs .notice p + p { font-stretch: var(--w-state); font-size: clamp(1.0625rem, .98rem + .4vw, 1.25rem); line-height: 1.5; color: var(--fg); text-wrap: pretty; }
.cs .pg-limits + .sec--compact { padding-top: 0; }
@media (min-width: 601px) and (max-width: 1099.98px) {
  .cs .pg-record .screens, .cs .screens--duo { --cap: 116px; }
}
@media (max-width: 1023.98px) {
  .cs .pg-record .record__about, .cs .pg-record .rfacts { grid-column: 1 / -1; }
}
@media (max-width: 720px) {
  .cs .pg-record .rfacts { grid-template-columns: 1fr; }
  .cs .pg-record .rfacts > div:nth-last-child(2):nth-child(odd) { border-bottom: 1px solid var(--hair); }
  .cs .pl { grid-template-columns: 1fr; }
  .cs .pl > div, .cs .pl > div + div { padding: 22px 0 18px; border-left: 0; }
  .cs .pl > div + div { border-top: 1px solid var(--hair); }
  .cs .notice { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .cs .pg-record .screens, .cs .screens--duo { align-items: flex-start; }
  .cs .screens figcaption { height: auto; padding-inline: 2%; }
  .cs .screens--duo { gap: 14px; }
  .cs .screens--duo li:nth-child(2) { flex-basis: 74%; }
  .cs .screens--duo li .device, .cs .screens--duo li:nth-child(2) .device { box-shadow: var(--shadow-device-sm); }
  .cs .pg-record .stage .actions { margin-top: 18px; }
}
@media (max-width: 480px) {
  .cs .crumbs ol { min-height: 48px; }
}