/* Hallmark · genre: modern-minimal · macrostructure: winkelkeuzehulp en leesartikel
 * design-system: work/stijl-herstel-2026-10-21/design.md · designed-as-app
 * pre-emit critique: P4 H4 E4 S5 R5 V4
 */
body.ns-style-repaired {
  --ns-fix-paper: #fff;
  --ns-fix-soft: #f1f4f7;
  --ns-fix-ink: #18324a;
  --ns-fix-muted: #4f6475;
  --ns-fix-line: #d8e1e8;
  --ns-fix-blue: #146db0;
  --ns-fix-font: "Poppins", Arial, sans-serif;
  --ns-fix-space: clamp(24px, 4vw, 48px);
  --ns-fix-duration: 150ms;
  --ns-fix-ease: cubic-bezier(.22, 1, .36, 1);
}
body.ns-style-repaired #main :is(h1,h2,h3,h4) {
  font-family: var(--ns-fix-font) !important;
  font-style: normal !important;
  overflow-wrap: anywhere;
}
body.ns-style-repaired #main,
body.ns-style-repaired #main .blog-wrapper { background: var(--ns-fix-paper) !important; }
body.ns-style-repaired #main .entry-title { text-align: left; }
body.ns-style-repaired.single-post #main .entry-header-text { text-align: left; }
body.ns-style-repaired #main :is(.nslf,.ns48) {
  --paper: var(--ns-fix-paper);
  --warm: var(--ns-fix-soft);
  --coral: var(--ns-fix-blue);
  --red: var(--ns-fix-blue);
  --ink: var(--ns-fix-ink);
  --muted: var(--ns-fix-muted);
  --line: var(--ns-fix-line);
  font-family: var(--ns-fix-font);
  font-size: 16px;
}
body.ns-style-repaired :is(.nslf-hero,.ns48-hero) { background: var(--ns-fix-paper); padding-block: 38px; }
body.ns-style-repaired :is(.nslf,.ns48) h1 { font-size: clamp(30px, 3.2vw, 44px) !important; line-height: 1.14; }
body.ns-style-repaired :is(.nslf,.ns48) h2 { font-size: clamp(25px, 2.5vw, 34px) !important; line-height: 1.2; }
body.ns-style-repaired :is(.nslf-product__image,.ns48-product-image) { background: var(--ns-fix-soft); }
body.ns-style-repaired :is(.nslf-hero__visual,.ns48-hero__visual) { margin: 0; }
body.ns-style-repaired :is(.nslf-hero__visual,.ns48-hero__visual) figcaption { position: static; width: auto; margin-top: 12px; }
body.ns-style-repaired :is(.nslf-section,.ns48-section) { padding-block: var(--ns-fix-space); }
body.ns-style-repaired .entry-content > .ns-owner-section { display: block; padding: 24px 20px; }
body.ns-style-repaired.single-post .ns-repair-article {
  max-width: 1120px !important;
  margin-inline: auto !important;
  padding-inline: 20px !important;
  box-sizing: border-box !important;
}
body.ns-style-repaired:is(.postid-7378,.postid-4743,.postid-4748) .entry-content {
  max-width: 1160px !important;
  width: 100% !important;
  padding-inline: 0 !important;
  box-sizing: border-box !important;
}
body.ns-style-repaired .ns-repair-section {
  display: grid;
  grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
  gap: 24px 56px;
  margin-block: 0;
  padding-block: var(--ns-fix-space);
  border-top: 1px solid var(--ns-fix-line);
  max-width: none !important;
  width: 100%;
}
body.ns-style-repaired .ns-repair-section > * { min-width: 0; }
body.ns-style-repaired .ns-repair-section h2 { margin-top: 0; font-size: clamp(25px, 2.5vw, 34px) !important; line-height: 1.2 !important; }
body.ns-style-repaired .ns-repair-section .ns-repair-copy > p { max-width: 66ch; }
body.ns-style-repaired .ns-repair-section .ns-repair-copy > p:first-child { margin-top: 0; }
body.ns-style-repaired .ns-repair-section:nth-of-type(even) { grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); }
body.ns-style-repaired .ns-repair-label figure { margin: 24px 0 0; }
body.ns-style-repaired .ns-repair-label img { width: 100%; height: auto; display: block; }
body.ns-style-repaired .ns-repair-label figcaption { color: var(--ns-fix-muted); font-size: 13px; line-height: 1.5; }
body.ns-style-repaired .ns-hobby-topic {
  padding-block: 20px;
  border: 0;
  border-top: 1px solid var(--ns-fix-line);
  border-radius: 0;
  background: var(--ns-fix-paper);
  box-shadow: none;
}
body.ns-style-repaired .ns-hobby-topic > summary { display: list-item; cursor: pointer; color: var(--ns-fix-ink); padding: 4px 0; }
body.ns-style-repaired .ns-hobby-topic > summary h2 { display: inline; font-size: 21px !important; line-height: 1.4 !important; }
body.ns-style-repaired .ns-hobby-topic[open] > summary { margin-bottom: 20px; }
body.ns-style-repaired .ns-preserved-depth { padding-top: 16px; }
body.ns-style-repaired .ns-almanac-head { padding-block: 28px !important; border-top: 0 !important; }
body.ns-style-repaired .ns-almanac-entry { padding-block: 28px !important; }
body.ns-style-repaired .ns-almanac .ns-letter { font: 700 30px/1 var(--ns-fix-font) !important; color: var(--ns-fix-blue); }
body.ns-style-repaired .ns-repair-article :is(p,li) { color: var(--ns-fix-muted); }
body.ns-style-repaired .ns-repair-article :is(section,div)[style*="background:#fffaf4"],
body.ns-style-repaired .ns-repair-article :is(section,div)[style*="background:#fff8f4"] {
  background: var(--ns-fix-soft) !important;
  border: 0 !important;
  border-radius: 0 !important;
}
body.ns-style-repaired .ns-repaired-scroll {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  margin-block: 20px;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
}
body.ns-style-repaired .ns-repaired-scroll:focus-visible { outline: 3px solid var(--ns-fix-blue); outline-offset: 3px; }
body.ns-style-repaired .entry-content table.ns-readable-table {
  display: table !important;
  border-collapse: collapse !important;
  width: 100% !important;
  min-width: var(--ns-table-width, 0px) !important;
  max-width: none !important;
  margin: 0 !important;
  font-size: 14px;
  line-height: 1.55;
}
body.ns-style-repaired .entry-content table.ns-readable-table thead { display: table-header-group !important; }
body.ns-style-repaired .entry-content table.ns-readable-table tbody { display: table-row-group !important; }
body.ns-style-repaired .entry-content table.ns-readable-table tfoot { display: table-footer-group !important; }
body.ns-style-repaired .entry-content table.ns-readable-table tr { display: table-row !important; border: 0 !important; background: transparent !important; }
body.ns-style-repaired .entry-content table.ns-readable-table :is(th,td) {
  display: table-cell !important;
  text-align: left !important;
  vertical-align: top !important;
  padding: 12px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ns-fix-line) !important;
  background: var(--ns-fix-paper) !important;
  color: var(--ns-fix-ink) !important;
  font-family: var(--ns-fix-font) !important;
  line-height: 1.55 !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
  text-transform: none !important;
  font-size: 14px !important;
}
body.ns-style-repaired .entry-content table.ns-readable-table thead th { background: var(--ns-fix-soft) !important; font-weight: 700; }
body.ns-style-repaired .entry-content table.ns-readable-table :is(th,td)::before,
body.ns-style-repaired .entry-content table.ns-readable-table :is(th,td)::after { display: none !important; content: none !important; }
body.ns-style-repaired .entry-content table.ns-readable-table .mtr-cell-content { display: block !important; text-align: left !important; width: auto !important; }
@media(max-width:759px) {
  body.ns-style-repaired :is(.nslf-hero,.ns48-hero) { padding-block: 24px; }
  body.ns-style-repaired :is(.nslf-hero__grid,.ns48-hero__grid) { display: flex; flex-direction: column; gap: 24px; }
  body.ns-style-repaired :is(.nslf-hero__grid,.ns48-hero__grid) > div:first-child { display: contents; }
  body.ns-style-repaired :is(.nslf-hero__grid,.ns48-hero__grid) > div:first-child > * { order: 4; }
  body.ns-style-repaired :is(.nslf-hero__grid,.ns48-hero__grid) > div:first-child > h1 { order: 2; margin-bottom: 0; }
  body.ns-style-repaired :is(.nslf-kicker,.ns48-kicker) { order: 1 !important; }
  body.ns-style-repaired :is(.nslf-hero__visual,.ns48-hero__visual) { order: 3; }
  body.ns-style-repaired :is(.nslf-hero__grid,.ns48-hero__grid) > * { width: 100%; min-width: 0; }
  body.ns-style-repaired :is(.nslf-band,.ns48-band) { width: calc(100% - 40px); }
  body.ns-style-repaired :is(.nslf,.ns48) h1 { font-size: 30px !important; }
  body.ns-style-repaired .ns-repair-section,
  body.ns-style-repaired .ns-repair-section:nth-of-type(even) { grid-template-columns: minmax(0,1fr); gap: 20px; }
  body.ns-style-repaired .ns-repair-section > :is(.ns-repair-label,.ns-repair-copy) { grid-column: auto !important; grid-row: auto !important; }
  body.ns-style-repaired .entry-content table.ns-readable-table[data-columns="2"] { table-layout: fixed; }
  body.ns-style-repaired .entry-content table.ns-readable-table[data-columns="2"] :is(th,td):first-child { width: 36%; }
}
@media(prefers-reduced-motion:reduce) {
  body.ns-style-repaired *,body.ns-style-repaired *::before,body.ns-style-repaired *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}