.weight-guide { max-width: 900px; }
.weight-crumb { margin: 0 0 22px; color: var(--muted); font-size: .84rem; }
.weight-crumb a { text-decoration-thickness: 1px; text-underline-offset: 3px; }
.weight-guide .lede { max-width: 78ch; color: var(--ink); font-size: 1.08rem; line-height: 1.62; }
.weight-answer { margin: 18px 0 22px; padding: 16px 18px; border-left: 4px solid var(--green); background: var(--green-soft); color: var(--ink); line-height: 1.6; }
.weight-figure { width: min(100%, 760px); margin: 22px auto 30px; border-block: 1px solid var(--line); padding: 14px 0; }
.weight-figure img { display: block; width: 100%; height: auto; }
.weight-figure figcaption { max-width: 72ch; margin: 10px auto 0; color: var(--muted); font-size: .86rem; line-height: 1.5; }
.weight-references { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 15px 0 25px; }
.weight-reference { min-width: 0; padding: 16px; border-top: 3px solid var(--green); background: var(--soft); }
.weight-reference:nth-child(2) { border-top-color: #9e7a35; }
.weight-reference:nth-child(3) { border-top-color: #657c54; }
.weight-reference h3 { margin: 0 0 8px; }
.weight-reference p { margin: 0; color: var(--muted); font-size: .94rem; line-height: 1.58; }
.weight-formula { overflow-wrap: anywhere; margin: 14px 0; padding: 13px 15px; border: 1px solid var(--line); background: var(--soft); color: var(--ink); font-variant-numeric: tabular-nums; }
.weight-checks { padding-left: 22px; color: var(--muted); line-height: 1.65; }
.weight-checks li + li { margin-top: 9px; }
.weight-action { margin: 20px 0 26px; padding: 17px 18px; border-left: 4px solid var(--green); background: var(--green-soft); color: var(--ink); line-height: 1.62; }
.weight-sources { margin-top: 28px; padding-top: 17px; border-top: 1px solid var(--line); }
.weight-sources h2 { margin-top: 0; }
.weight-sources ul { padding-left: 20px; color: var(--muted); line-height: 1.58; }
.weight-sources li + li { margin-top: 8px; }
.weight-source-date { color: var(--muted); font-size: .84rem; }
.weight-faq { margin-top: 28px; padding-top: 17px; border-top: 1px solid var(--line); }
.weight-faq details { padding: 13px 0; border-bottom: 1px solid var(--line); }
.weight-faq summary { color: var(--ink); font-weight: 650; cursor: pointer; }
.weight-faq details p { max-width: 75ch; margin: 9px 0 0; color: var(--muted); line-height: 1.6; }
@media (max-width: 760px) {
  .weight-references { grid-template-columns: 1fr; }
  .weight-reference { padding: 14px; }
}
@media (max-width: 620px) {
  .weight-guide .lede { font-size: 1rem; }
  .weight-answer, .weight-action { padding: 14px; }
  .weight-figure { margin: 18px auto 24px; }
}

@media (max-width: 560px) {
  .weight-page .site-header.page-shell { gap: 4px; padding: 6px 8px 8px; }
  .weight-page .brand { display: inline-flex; align-items: center; gap: 7px; min-height: 30px; }
  .weight-page .brand-symbol { display: inline-flex; }
  .weight-page .brand-symbol svg { display: block; width: 28px; height: 28px; }
  .weight-page .site-nav { min-height: 34px; padding: 0; }
  .weight-page .site-nav a { min-height: 34px; }
  .weight-guide { margin-top: 12px; }
}