/* Hallmark · macrostructure: Workshop Cut List · tone: direct editorial · anchor hue: werkplaatsblauw
 * genre: editorial how-to · theme: white workshop · postid-7425
 * contrast: pass · honest: pass · chrome: pass · tokens: pass · responsive: pass · icons: pass · mobile: pass
 */
.postid-7425 .frame-hero-block { margin: 0 0 var(--ns-7425-frame-xl); }
.postid-7425 .frame-figure { margin: var(--ns-7425-frame-xl) 0; padding: 0; overflow: hidden; }
.postid-7425 .frame-figure img { display: block; width: 100%; height: auto; border-radius: var(--ns-7425-frame-radius); }
.postid-7425 .frame-figure figcaption { margin: var(--ns-7425-frame-xs) 0 0; padding: 0 var(--ns-7425-frame-xs); color: var(--ns-7425-frame-ink-3); font-family: var(--ns-7425-frame-font-body); font-size: .875rem; line-height: 1.55; }
.postid-7425 .frame-hero { margin-top: 0; }
.postid-7425 .frame-answer-strip { display: grid; grid-template-columns: 180px 1fr; gap: var(--ns-7425-frame-lg); align-items: center; margin: var(--ns-7425-frame-xl) 0 var(--ns-7425-frame-2xl); padding: var(--ns-7425-frame-md) 0; border-top: 1px solid var(--ns-7425-frame-line); border-bottom: 1px solid var(--ns-7425-frame-line); font-family: var(--ns-7425-frame-font-body); }
.postid-7425 .frame-answer-strip span { color: var(--ns-7425-frame-blue); font-size: .78rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.postid-7425 .frame-answer-strip strong { color: var(--ns-7425-frame-ink); font-size: 1rem; }
.postid-7425 .frame-choice-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--ns-7425-frame-lg); margin: var(--ns-7425-frame-xl) 0; border-top: 1px solid var(--ns-7425-frame-line); border-bottom: 1px solid var(--ns-7425-frame-line); padding: var(--ns-7425-frame-lg) 0; }
.postid-7425 .frame-choice-grid section { padding: 0 var(--ns-7425-frame-md) 0 0; }
.postid-7425 .frame-choice-grid section + section { border-left: 1px solid var(--ns-7425-frame-line); padding-left: var(--ns-7425-frame-lg); }
.postid-7425 .frame-choice-no { color: var(--ns-7425-frame-blue); font: 800 .75rem/1 var(--ns-7425-frame-font-body); letter-spacing: .12em; }
.postid-7425 .frame-choice-grid h3 { margin: var(--ns-7425-frame-sm) 0 var(--ns-7425-frame-xs); color: var(--ns-7425-frame-ink); font-family: var(--ns-7425-frame-font-display); font-size: 1.15rem; }
.postid-7425 .frame-choice-grid p { margin: 0; color: var(--ns-7425-frame-ink-2); font-size: .94rem; line-height: 1.6; }
.postid-7425 .frame-formula { margin: var(--ns-7425-frame-xl) 0; padding: var(--ns-7425-frame-lg) var(--ns-7425-frame-xl); background: var(--ns-7425-frame-dark); color: var(--ns-7425-frame-dark-text); border-left: 5px solid var(--ns-7425-frame-yellow); }
.postid-7425 .frame-formula span { display: block; color: var(--ns-7425-frame-yellow); font: 800 .76rem/1.2 var(--ns-7425-frame-font-body); letter-spacing: .12em; text-transform: uppercase; }
.postid-7425 .frame-formula strong { display: block; margin: var(--ns-7425-frame-sm) 0; color: var(--ns-7425-frame-dark-text); font-family: var(--ns-7425-frame-font-display); font-size: clamp(1.25rem, 3vw, 1.85rem); line-height: 1.25; }
.postid-7425 .frame-formula small { display: block; color: oklch(86% 0.01 235); font-size: .88rem; line-height: 1.5; }
.postid-7425 .frame-kit-list { margin: var(--ns-7425-frame-xl) 0; border-top: 2px solid var(--ns-7425-frame-ink); }
.postid-7425 .frame-kit-list div { display: grid; grid-template-columns: 145px 1fr; gap: var(--ns-7425-frame-lg); padding: var(--ns-7425-frame-md) 0; border-bottom: 1px solid var(--ns-7425-frame-line); }
.postid-7425 .frame-kit-list strong { color: var(--ns-7425-frame-blue); font-family: var(--ns-7425-frame-font-body); }
.postid-7425 .frame-kit-list span { color: var(--ns-7425-frame-ink-2); }
.postid-7425 .frame-steps { margin: var(--ns-7425-frame-xl) 0 var(--ns-7425-frame-2xl); border-top: 1px solid var(--ns-7425-frame-line); }
.postid-7425 .frame-steps section { display: grid; grid-template-columns: 48px 1fr; gap: var(--ns-7425-frame-lg); padding: var(--ns-7425-frame-lg) 0; border-bottom: 1px solid var(--ns-7425-frame-line); }
.postid-7425 .frame-steps section > span { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--ns-7425-frame-blue); color: var(--ns-7425-frame-dark-text); font: 800 1rem/1 var(--ns-7425-frame-font-body); }
.postid-7425 .frame-steps h3 { margin: 0 0 var(--ns-7425-frame-xs); color: var(--ns-7425-frame-ink); font-size: 1.12rem; }
.postid-7425 .frame-steps p { margin: 0; color: var(--ns-7425-frame-ink-2); }
.postid-7425 .frame-trouble-table { margin: var(--ns-7425-frame-xl) 0; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.postid-7425 .frame-trouble-table table { width: 100%; min-width: 620px; border-collapse: collapse; font-family: var(--ns-7425-frame-font-body); font-size: .9rem; }
.postid-7425 .frame-trouble-table thead { background: var(--ns-7425-frame-dark); }
.postid-7425 .frame-trouble-table th { padding: var(--ns-7425-frame-md); color: var(--ns-7425-frame-dark-text); text-align: left; border-bottom: 3px solid var(--ns-7425-frame-teal); }
.postid-7425 .frame-trouble-table td { padding: var(--ns-7425-frame-md); color: var(--ns-7425-frame-ink); vertical-align: top; border-bottom: 1px solid var(--ns-7425-frame-line); }
.postid-7425 .frame-trouble-table tbody tr:nth-child(even) { background: var(--ns-7425-frame-paper-2); }
.postid-7425 .frame-cut-table { margin: var(--ns-7425-frame-xl) 0; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.postid-7425 .frame-cut-table table { width: 100%; min-width: 520px; border-collapse: collapse; font-family: var(--ns-7425-frame-font-body); font-size: .92rem; }
.postid-7425 .frame-cut-table th { padding: var(--ns-7425-frame-md); background: var(--ns-7425-frame-dark); color: var(--ns-7425-frame-dark-text); text-align: left; border-bottom: 3px solid var(--ns-7425-frame-yellow); }
.postid-7425 .frame-cut-table td { padding: var(--ns-7425-frame-md); color: var(--ns-7425-frame-ink); border-bottom: 1px solid var(--ns-7425-frame-line); }
.postid-7425 blockquote { border: 0; border-left: 0; border-inline-start: 0; margin-left: 0; padding-left: 0; }
.postid-7425 h1, .postid-7425 h2, .postid-7425 h3 { position: static; }
@media (max-width: 720px) {
  .postid-7425 .frame-choice-grid { grid-template-columns: 1fr; gap: 0; }
  .postid-7425 .frame-choice-grid section { padding: var(--ns-7425-frame-md) 0; }
  .postid-7425 .frame-choice-grid section + section { border-left: 0; border-top: 1px solid var(--ns-7425-frame-line); padding-left: 0; }
  .postid-7425 .frame-answer-strip { grid-template-columns: 1fr; gap: var(--ns-7425-frame-xs); }
}
@media (max-width: 420px) {
  .postid-7425 .frame-formula { padding: var(--ns-7425-frame-lg) var(--ns-7425-frame-md); }
  .postid-7425 .frame-kit-list div { grid-template-columns: 1fr; gap: var(--ns-7425-frame-xs); }
  .postid-7425 .frame-steps section { grid-template-columns: 38px 1fr; gap: var(--ns-7425-frame-sm); }
  .postid-7425 .frame-steps section > span { width: 34px; height: 34px; }
  .postid-7425 .frame-figure figcaption { font-size: .78rem; }
}