:root { color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif; color: #25344c; background: #f3f6fa; }
* { box-sizing: border-box; }
body { margin: 0; }
.durability-page { width: min(960px, calc(100% - 40px)); margin: 36px auto 48px; }
nav a { color: #175dbc; font-size: 14px; text-decoration: none; }
nav a:hover { text-decoration: underline; }
a:focus-visible { outline: 3px solid #3385e8; outline-offset: 4px; border-radius: 3px; }
header { margin: 32px 0 26px; }
.eyebrow { color: #687a92; font-size: 13px; letter-spacing: .08em; margin: 0 0 10px; }
h1 { font-size: clamp(28px, 4vw, 36px); line-height: 1.25; margin: 0 0 16px; }
.intro { color: #53647b; line-height: 1.7; margin: 0; }
.update-meta { color: #63758c; font-size: 13px; line-height: 1.7; margin-top: 14px; }
.table-panel { background: #fff; border: 1px solid #dde5ef; border-radius: 12px; overflow: hidden; box-shadow: 0 5px 24px #1d345b08; }
table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 15px; }
th, td { text-align: left; padding: 17px 24px; line-height: 1.5; }
th { background: #edf2f9; color: #4b5e78; font-weight: 600; }
th:first-child { width: 60%; }
th:nth-child(2) { width: 18%; }
th:nth-child(3) { width: 22%; }
td { border-top: 1px solid #edf1f6; overflow-wrap: anywhere; }
td:nth-child(2), td:nth-child(3) { white-space: nowrap; font-variant-numeric: tabular-nums; }
.delta-up { color: #087846; font-weight: 650; }
.delta-down { color: #b13434; font-weight: 650; }
.status { border: 1px solid #dde5ef; background: #fff; border-radius: 12px; padding: 24px; color: #64768d; line-height: 1.7; }
footer { font-size: 13px; color: #687a92; line-height: 1.8; margin-top: 20px; }
.rules { margin-top: 20px; border: 1px solid #dde5ef; background: #fff; border-radius: 12px; }
.rules summary { padding: 17px 20px; cursor: pointer; color: #175dbc; font-weight: 600; }
.rules summary:focus-visible { outline: 3px solid #3385e8; outline-offset: -3px; border-radius: 10px; }
.rules-body { padding: 0 20px 10px; font-size: 14px; line-height: 1.8; color: #53647b; }
.rules-body ul { padding-left: 22px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
[hidden] { display: none !important; }
@media (max-width: 600px) {
  .durability-page { width: calc(100% - 24px); margin-top: 24px; }
  header { margin: 28px 0 20px; }
  table { font-size: 14px; }
  th, td { padding: 14px 10px; }
  th:first-child { width: 50%; }
  th:nth-child(2) { width: 20%; }
  th:nth-child(3) { width: 30%; }
}