/* Hallmark · genre: editorial · macrostructure: Conversational FAQ · theme: custom roller bench · enrichment: generated material comparisons · nav/footer: existing Route C preserved */
/* Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V5 */
@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,300;12..96,800&family=Spectral:wght@400;700&display=swap");

html,
body.postid-13111 { overflow-x: clip; }
body.postid-13111 #content { background: var(--ns-13111-color-paper); color: var(--ns-13111-color-ink); }
body.postid-13111 .post-sidebar { display: none; }
body.postid-13111 .large-9 { width: 100%; max-width: none; }
body.postid-13111 article#post-13111 { font-family: var(--ns-13111-font-body); }

body.postid-13111 article#post-13111 .entry-header {
  display: grid;
  grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
  gap: var(--ns-13111-space-xl);
  align-items: center;
  max-width: 90rem;
  margin-inline: auto;
  padding: var(--ns-13111-space-xl) clamp(var(--ns-13111-space-md), 5vw, var(--ns-13111-space-3xl)) var(--ns-13111-space-2xl);
  border-bottom: var(--ns-13111-rule-hairline) solid var(--ns-13111-color-rule);
}
body.postid-13111 article#post-13111 .entry-header-text { text-align: start; min-width: 0; }
body.postid-13111 article#post-13111 .entry-title {
  color: var(--ns-13111-color-ink);
  font-family: var(--ns-13111-font-display);
  font-size: var(--ns-13111-text-display);
  font-weight: 800;
  letter-spacing: -0.05em;
  line-height: 0.98;
  overflow-wrap: anywhere;
}
body.postid-13111 article#post-13111 .entry-image { min-width: 0; margin: 0; transform: rotate(1deg); }
body.postid-13111 article#post-13111 .entry-image img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: var(--ns-13111-radius-sm); }

body.postid-13111 article#post-13111 .entry-content {
  max-width: 80rem;
  margin-inline: auto;
  padding: var(--ns-13111-space-2xl) clamp(var(--ns-13111-space-md), 5vw, var(--ns-13111-space-3xl)) var(--ns-13111-space-3xl);
  font-size: var(--ns-13111-text-md);
  line-height: 1.68;
}
body.postid-13111 article#post-13111 .entry-content > p,
body.postid-13111 article#post-13111 .entry-content > h2,
body.postid-13111 article#post-13111 .entry-content > ul,
body.postid-13111 article#post-13111 .entry-content > ol,
body.postid-13111 article#post-13111 .entry-content > details { max-width: 64ch; margin-inline: auto; }
body.postid-13111 article#post-13111 h2,
body.postid-13111 article#post-13111 h3 { font-family: var(--ns-13111-font-display); color: var(--ns-13111-color-ink); letter-spacing: -0.035em; overflow-wrap: anywhere; min-width: 0; }
body.postid-13111 article#post-13111 h2 { margin-block: var(--ns-13111-space-2xl) var(--ns-13111-space-lg); font-size: var(--ns-13111-text-2xl); line-height: 1.08; }
body.postid-13111 article#post-13111 h3 { font-size: var(--ns-13111-text-lg); line-height: 1.2; }
body.postid-13111 article#post-13111 a { color: var(--ns-13111-color-accent-cool); text-decoration-color: var(--ns-13111-color-rule); text-underline-offset: var(--ns-13111-space-2xs); }
body.postid-13111 article#post-13111 a:hover { text-decoration-color: var(--ns-13111-color-accent-cool); }
body.postid-13111 article#post-13111 a:focus-visible { outline: 3px solid var(--ns-13111-color-focus); outline-offset: var(--ns-13111-space-2xs); }

.postid-13111 .ns-roller-answer {
  max-width: 72rem;
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
  gap: var(--ns-13111-space-2xl);
  align-items: end;
  padding-bottom: var(--ns-13111-space-2xl);
  border-bottom: 3px double var(--ns-13111-color-ink);
}
.postid-13111 .ns-lead { margin: 0; font-family: var(--ns-13111-font-display); font-size: var(--ns-13111-text-xl); font-weight: 300; line-height: 1.35; }
.postid-13111 .ns-roller-answer > p:last-child { margin: 0; padding: var(--ns-13111-space-lg); background: var(--ns-13111-color-paper-deep); border-radius: var(--ns-13111-radius-sm); font-size: var(--ns-13111-text-base); }

.postid-13111 .ns-roller-ledger {
  max-width: 74rem;
  margin: var(--ns-13111-space-xl) auto;
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 0 var(--ns-13111-space-2xl);
  border-top: 3px solid var(--ns-13111-color-ink);
}
.postid-13111 .ns-roller-ledger section { min-width: 0; padding: var(--ns-13111-space-lg) 0; border-bottom: var(--ns-13111-rule-hairline) solid var(--ns-13111-color-rule); }
.postid-13111 .ns-roller-ledger h3 { margin: 0 0 var(--ns-13111-space-xs); color: var(--ns-13111-color-accent); }
.postid-13111 .ns-roller-ledger p { margin: 0; }

.postid-13111 .ns-roller-figure { max-width: 72rem; margin: var(--ns-13111-space-2xl) auto; }
.postid-13111 .ns-roller-figure--ns-13111-narrow { max-width: 58rem; margin-inline-end: 5%; }
.postid-13111 .ns-roller-figure img { display: block; width: 100%; height: auto; border-radius: var(--ns-13111-radius-sm); }
.postid-13111 figcaption { margin-top: var(--ns-13111-space-sm); color: var(--ns-13111-color-muted); font-size: var(--ns-13111-text-sm); }

.postid-13111 .ns-test-run { list-style: none; padding: 0; counter-reset: test; }
.postid-13111 .ns-test-run li { position: relative; counter-increment: test; padding: var(--ns-13111-space-md) 0 var(--ns-13111-space-md) var(--ns-13111-space-2xl); border-bottom: var(--ns-13111-rule-hairline) solid var(--ns-13111-color-rule); }
.postid-13111 .ns-test-run li::before { content: counter(test); position: absolute; inset-inline-start: 0; font: 800 var(--ns-13111-text-lg)/1 var(--ns-13111-font-display); color: var(--ns-13111-color-accent); }
.postid-13111 .ns-quality-list { columns: 2; column-gap: var(--ns-13111-space-2xl); padding-top: var(--ns-13111-space-lg); border-top: var(--ns-13111-rule-hairline) solid var(--ns-13111-color-rule); }
.postid-13111 .ns-quality-list li { break-inside: avoid; margin-bottom: var(--ns-13111-space-md); }

.postid-13111 details { border-top: var(--ns-13111-rule-hairline) solid var(--ns-13111-color-rule); padding-block: var(--ns-13111-space-lg); }
.postid-13111 details:last-of-type { border-bottom: var(--ns-13111-rule-hairline) solid var(--ns-13111-color-rule); }
.postid-13111 summary { cursor: pointer; list-style-position: outside; font-family: var(--ns-13111-font-display); font-size: var(--ns-13111-text-lg); font-weight: 800; line-height: 1.25; }
.postid-13111 summary::marker { color: var(--ns-13111-color-accent); }
.postid-13111 summary:focus-visible { outline: 3px solid var(--ns-13111-color-focus); outline-offset: var(--ns-13111-space-2xs); }
.postid-13111 details p { margin: var(--ns-13111-space-md) 0 0; }

.postid-13111 .ns-roller-close { max-width: 68rem; margin: var(--ns-13111-space-3xl) auto 0; padding: var(--ns-13111-space-xl); background: var(--ns-13111-color-ink); color: var(--ns-13111-color-paper); border-radius: var(--ns-13111-radius-sm); }
.postid-13111 .ns-roller-close h2 { margin-top: 0; color: var(--ns-13111-color-paper); }
.postid-13111 .ns-roller-close a { color: var(--ns-13111-color-paper); text-decoration-color: var(--ns-13111-color-paper-deep); }

@media (max-width: 59.99rem) {
  body.postid-13111 article#post-13111 .entry-header,
  .postid-13111 .ns-roller-answer { grid-template-columns: minmax(0, 1fr); }
  body.postid-13111 article#post-13111 .entry-image { transform: none; }
}
@media (max-width: 39.99rem) {
  body.postid-13111 article#post-13111 .entry-content { padding-inline: var(--ns-13111-space-md); font-size: var(--ns-13111-text-base); }
  body.postid-13111 article#post-13111 h2 { font-size: var(--ns-13111-text-xl); }
  .postid-13111 .ns-roller-ledger { grid-template-columns: minmax(0, 1fr); }
  .postid-13111 .ns-quality-list { columns: 1; }
  .postid-13111 .ns-roller-figure--ns-13111-narrow { margin-inline: auto; }
}
@media (prefers-reduced-motion: reduce) {
  body.postid-13111 article#post-13111 *, body.postid-13111 article#post-13111 *::before, body.postid-13111 article#post-13111 *::after { animation-duration: var(--ns-13111-dur-micro) !important; transition-duration: var(--ns-13111-dur-micro) !important; }
}