.weights-note .article-hero {
  min-height: 0;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 40px;
}

.weights-note .article-heading h1 {
  max-width: 850px;
  text-wrap: balance;
}

.weights-note .article-meta {
  gap: 8px;
  font-size: 11px;
  letter-spacing: .02em;
}

.weights-note .article-copy { width: min(100%, 740px); }
.weights-note .article-section { padding-bottom: 34px; margin-bottom: 38px; }
.weights-note .article-section h2 {
  font-size: clamp(30px, 4vw, 43px);
  letter-spacing: -.035em;
}
.weights-note .article-section > p { font-size: 20px; line-height: 1.75; }
.weights-note .article-section > h3 {
  font: normal clamp(25px, 3vw, 32px)/1.2 var(--serif);
  letter-spacing: -.025em;
  margin: 38px 0 22px;
}
.weights-note .article-section > ul,
.weights-note .article-section > ol {
  font: 19px/1.7 var(--serif);
  color: #d1d0c4;
  padding-left: 24px;
  margin: 26px 0;
}
.weights-note .article-section > ul li + li,
.weights-note .article-section > ol li + li { margin-top: 18px; }
.weights-note .article-section > ul a,
.weights-note .article-section > ol a {
  color: var(--signal);
  text-decoration: underline;
  text-underline-offset: 4px;
}
.comparison-scroll { overflow-x: auto; margin: 30px 0; }
.comparison-scroll:focus-visible { outline: 2px solid var(--signal); outline-offset: 4px; }
.comparison-scroll .cost-table { min-width: 620px; margin: 0; }
.comparison-scroll .cost-table thead th:first-child { width: 20%; }
.comparison-scroll .cost-table tbody th { color: var(--signal); font-weight: normal; }
.weights-note .article-section strong { color: var(--paper); }
.weights-note .article-section a {
  text-decoration: underline;
  text-decoration-color: #687044;
  text-underline-offset: 4px;
  border: 0;
}
.weights-note .article-section a:hover { text-decoration-color: var(--signal); }
.weights-note .article-section .latency-equation {
  padding: 24px 0 24px 22px;
  margin-block: 30px;
  border-left: 2px solid var(--signal);
  font-size: clamp(24px, 3.5vw, 32px);
  line-height: 1.4;
}
.weights-note .latency-equation strong { color: var(--signal); font-weight: normal; }
.cost-table {
  margin: 32px 0;
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
  font: 14px/1.55 Arial, sans-serif;
  color: var(--muted);
}
.cost-table th, .cost-table td {
  padding: 15px 10px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--line);
  overflow-wrap: anywhere;
}
.cost-table th { color: var(--paper); font-weight: 600; }
.cost-table td:first-child { color: var(--signal); }
.weights-note .visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.article-receipts {
  font: 13px/1.7 Arial, sans-serif;
  color: var(--muted);
  margin: 0 0 34px;
}
.weights-note .article-footer .actions { display: flex; flex-wrap: wrap; gap: 24px; }

@media (max-width: 760px) {
  .weights-note .article-hero { display: block; padding-block: 42px; }
  .weights-note .article-number { display: none; }
  .weights-note .article-heading h1 { font-size: clamp(43px, 9vw, 65px); }
  .weights-note .article-layout { padding-block: 35px 65px; }
  .weights-note .article-section > p { font-size: 19px; }
  .cost-table { font-size: 12px; }
  .cost-table th, .cost-table td { padding: 12px 6px; }
}

@media print {
  .weights-note .site-header, .weights-note .site-footer, .weights-note .article-footer { display: none; }
  .weights-note .article-hero, .weights-note .article-layout { width: 100%; padding: 0; }
  .weights-note .article-hero { display: block; }
  .weights-note .article-number { display: none; }
  .weights-note .article-heading h1 { font-size: 36px; }
  .weights-note .article-copy { width: 100%; }
  .weights-note .article-section > p { font-size: 12pt; }
  .cost-table { break-inside: avoid; }
}