.rubik-hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center}.rubik-breadcrumb{font-size:12px;color:var(--color-ink-2);margin-bottom:24px}.rubik-breadcrumb a{color:inherit}.rubik-post .post-hero h1{max-width:16ch}.rubik-hero-art{width:100%;height:auto}.rubik-post .post-content{max-width:76ch;margin-inline:auto}.rubik-lead{font-size:1.2rem}.rubik-answer{padding:28px;background:var(--color-paper-1);border:var(--rule-soft);border-radius:12px;margin:32px 0}.rubik-answer h2{margin:8px 0 16px}.rubik-answer p:last-child{margin-bottom:0}.rubik-toc{display:flex;flex-wrap:wrap;gap:12px 20px;padding:24px 0;border-block:var(--rule-soft);margin:32px 0;font-size:14px}.rubik-toc strong{flex-basis:100%}.rubik-figure{margin:32px 0}.rubik-figure img{width:100%;height:auto;display:block;border-radius:12px}.rubik-figure figcaption{font-size:13px;color:var(--color-ink-2);margin-top:12px}.rubik-post caption{text-align:left;font-size:14px;padding-bottom:12px}.rubik-checklist li{padding:8px 0}.rubik-post :target{scroll-margin-top:110px}@media(max-width:760px){.rubik-hero-grid{grid-template-columns:1fr;gap:24px}.rubik-hero-art{max-width:460px;margin:auto}.rubik-post .post-hero h1{max-width:20ch}.rubik-answer{padding:20px}.rubik-post .post-hero-copy,.rubik-post .post-layout{padding-inline:20px}.rubik-figure figcaption{font-size:12px}}

/* Keep the comparison readable at both article and mobile widths. */
.rubik-comparison { table-layout: fixed; }
.rubik-post .rubik-comparison caption {
  padding: 20px 24px 16px;
  color: var(--color-ink-2);
}
.rubik-comparison th:first-child { width: 62%; }
.rubik-comparison th,
.rubik-comparison td {
  padding: 16px 24px;
  line-height: 1.55;
  overflow-wrap: break-word;
}
@media (max-width: 600px) {
  .rubik-post .rubik-comparison caption { padding: 16px; }
  .rubik-comparison th,
  .rubik-comparison td { padding: 14px 16px; }
  .rubik-comparison th:first-child { width: 56%; }
}