/* Hallmark · genre: editorial · macrostructure: television field guide · theme: pine studio
 * audience: nieuwsgierige beginners en Bob Ross-zoekers
 * use: begrijpen, startvorm kiezen, door naar techniek of pakket
 * tone: kalm, praktisch, redactioneel
 * contrast: pass · honest: pass · chrome: pass · tokens: pass
 * responsive: pass · icons: pass · mobile: pass
 */
#post-7477 .entry-image{display:none!important}
#post-7477 .entry-content{max-width:none!important;padding:0!important}
#post-7477 .br-fieldguide{background:#fff;color:var(--ns-7477-br-ink);font-family:var(--ns-7477-br-body);overflow-x:clip}
#post-7477 .br-fieldguide *{box-sizing:border-box;min-width:0}
#post-7477 .br-hero{position:relative;min-height:720px;display:grid;align-items:end;padding:clamp(28px,6vw,92px);background:linear-gradient(90deg,rgba(5,31,26,.96) 0 43%,rgba(5,31,26,.25) 72%),var(--ns-7477-batch-9-hero) center/cover no-repeat}
#post-7477 .br-hero__copy{max-width:700px;color:#fff}
#post-7477 .br-kicker{margin:0;color:#f1c86e;font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
#post-7477 .br-hero h2{margin:.22em 0;color:#fff;font-family:var(--ns-7477-br-display);font-size:clamp(2.75rem,6.3vw,6rem);font-weight:500;letter-spacing:-.045em;line-height:.94;overflow-wrap:anywhere}
#post-7477 .br-hero .br-deck{max-width:59ch;margin:1.2rem 0 0;color:#f4f7f5;font-size:clamp(1.02rem,1.4vw,1.23rem);line-height:1.62}
#post-7477 .br-hero__rule{display:inline-block;margin:20px 0 0;padding-top:12px;border-top:1px solid rgba(255,255,255,.48);color:#fff;font-weight:800}
#post-7477 .br-main{max-width:1240px;margin:auto;padding:clamp(52px,8vw,112px) clamp(18px,5vw,72px);background:#fff}
#post-7477 .br-measure{max-width:var(--ns-7477-br-measure);margin-inline:auto}
#post-7477 .br-folio{margin:0 0 12px;color:#78500f;font-size:.76rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
#post-7477 .br-fieldguide h2{font-family:var(--ns-7477-br-display);font-weight:500;letter-spacing:-.025em}
#post-7477 .br-opening{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(34px,8vw,110px);align-items:start;margin-bottom:72px}
#post-7477 .br-opening h2{margin:0;color:var(--ns-7477-br-pine);font-size:clamp(2.35rem,5vw,4.65rem);line-height:.98;overflow-wrap:anywhere}
#post-7477 .br-opening__answer{padding-top:19px;border-top:5px solid var(--ns-7477-br-gold);font-size:1.1rem;line-height:1.78}
#post-7477 .br-opening__answer p:first-child{margin-top:0}
#post-7477 .br-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 100px;border-block:1px solid var(--ns-7477-br-line)}
#post-7477 .br-routes a{display:block;padding:23px 24px;color:var(--ns-7477-br-pine);text-decoration:none;border-right:1px solid var(--ns-7477-br-line)}
#post-7477 .br-routes a:last-child{border-right:0}
#post-7477 .br-routes span{display:block;margin-bottom:5px;color:#78500f;font-size:.72rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
#post-7477 .br-routes b{font-size:1.02rem;line-height:1.35}
#post-7477 .br-routes a:hover b,#post-7477 .br-routes a:focus-visible b{text-decoration:underline;text-underline-offset:4px}
#post-7477 .br-fieldguide :focus-visible{outline:3px solid #d39b3d;outline-offset:4px}
#post-7477 .br-biography h2,#post-7477 .br-materials h2,#post-7477 .br-diagnose h2,#post-7477 .br-legacy h2,#post-7477 .br-faq h2{margin:.2em 0 .7em;color:var(--ns-7477-br-pine);font-size:clamp(2rem,4vw,3.45rem);line-height:1.05}
#post-7477 .br-biography,#post-7477 .br-materials,#post-7477 .br-diagnose,#post-7477 .br-legacy,#post-7477 .br-faq{font-size:1.05rem;line-height:1.78}
#post-7477 .br-plate{width:min(100%,980px);margin:78px auto 105px}
#post-7477 .br-plate--ns-7477-wide{width:100%}
#post-7477 .br-plate img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:var(--ns-7477-br-sky)}
#post-7477 .br-plate figcaption{padding:11px 0;border-bottom:1px solid var(--ns-7477-br-line);color:var(--ns-7477-br-muted);font-size:.84rem;line-height:1.5}
#post-7477 .br-method{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(36px,8vw,110px);padding:clamp(45px,7vw,90px);background:var(--ns-7477-br-pine-deep);color:#f4f7f5;margin:0 0 105px}
#post-7477 .br-method .br-folio{color:#f1c86e}
#post-7477 .br-method h2{margin:.2em 0;color:#fff;font-size:clamp(2.2rem,4.5vw,4.25rem);line-height:1}
#post-7477 .br-method__body{font-size:1.06rem;line-height:1.78}
#post-7477 .br-method__body p{color:#f4f7f5}
#post-7477 .br-method__body a{color:#fff;text-decoration-color:#f1c86e;text-decoration-thickness:2px;text-underline-offset:4px}
#post-7477 .br-method blockquote{margin:28px 0;padding:20px 0;border:0;border-block:1px solid rgba(255,255,255,.36);color:#fff;font-family:var(--ns-7477-br-display);font-size:1.45rem;line-height:1.38}
#post-7477 .br-tablewrap{overflow-x:auto;margin:30px 0;border-block:1px solid var(--ns-7477-br-line)}
#post-7477 .br-tablewrap table{width:100%;min-width:680px;border-collapse:collapse}
#post-7477 .br-tablewrap caption{text-align:left;padding:12px 10px;color:var(--ns-7477-br-pine);font-weight:800}
#post-7477 .br-tablewrap th,#post-7477 .br-tablewrap td{text-align:left;vertical-align:top;padding:13px 10px;border-bottom:1px solid var(--ns-7477-br-line)}
#post-7477 .br-tablewrap th{color:var(--ns-7477-br-muted);font-size:.74rem;letter-spacing:.09em;text-transform:uppercase}
#post-7477 .br-tablewrap td:first-child{color:var(--ns-7477-br-pine);font-weight:800}
#post-7477 .br-note{padding:20px 0;border-block:1px solid var(--ns-7477-br-blue);color:#243d3a}
#post-7477 .br-episode{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(38px,8vw,110px);margin:0 0 110px}
#post-7477 .br-episode__intro{position:sticky;top:32px;align-self:start}
#post-7477 .br-episode h2{margin:.2em 0 .45em;color:var(--ns-7477-br-pine);font-size:clamp(2.2rem,4.8vw,4.35rem);line-height:.98}
#post-7477 .br-episode__intro>p:last-child{color:var(--ns-7477-br-muted);font-size:1.03rem;line-height:1.7}
#post-7477 .br-steps{list-style:none;margin:0;padding:0}
#post-7477 .br-steps li{display:grid;grid-template-columns:54px 1fr;gap:20px;padding:22px 0;border-top:1px solid var(--ns-7477-br-line)}
#post-7477 .br-steps>li>span{color:#78500f;font-family:var(--ns-7477-br-display);font-size:1.35rem}
#post-7477 .br-steps h3{margin:0 0 6px;color:var(--ns-7477-br-pine);font-size:1.22rem}
#post-7477 .br-steps p{margin:0;color:#34433e;line-height:1.7}
#post-7477 .br-diagnose dl{margin:28px 0}
#post-7477 .br-diagnose dl>div{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:28px;padding:20px 0;border-top:1px solid var(--ns-7477-br-line)}
#post-7477 .br-diagnose dt{color:var(--ns-7477-br-pine);font-weight:850}
#post-7477 .br-diagnose dd{margin:0;color:#34433e}
#post-7477 .br-composition{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(38px,8vw,110px);margin:0 0 105px;padding:clamp(42px,6vw,78px) 0;border-block:1px solid var(--ns-7477-br-line)}
#post-7477 .br-composition h2{margin:.2em 0;color:var(--ns-7477-br-pine);font-size:clamp(2.2rem,4.5vw,4rem);line-height:1}
#post-7477 .br-composition>div:last-child{font-size:1.05rem;line-height:1.78}
#post-7477 .br-legacy{margin-bottom:105px}
#post-7477 .br-choice{margin:0 0 105px;padding:clamp(38px,6vw,72px);background:var(--ns-7477-br-sky);color:var(--ns-7477-br-ink)}
#post-7477 .br-choice h2{margin:.2em 0 .7em;color:var(--ns-7477-br-pine);font-size:clamp(2.2rem,4.5vw,4rem);line-height:1}
#post-7477 .br-choice__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
#post-7477 .br-choice__grid>div{padding-top:18px;border-top:3px solid var(--ns-7477-br-blue)}
#post-7477 .br-choice h3{color:var(--ns-7477-br-pine);font-size:1.2rem}
#post-7477 .br-choice p{line-height:1.65}
#post-7477 .br-choice a{color:#174a58;font-weight:800;text-underline-offset:3px}
#post-7477 .br-faq details{padding:18px 0;border-top:1px solid var(--ns-7477-br-line)}
#post-7477 .br-faq summary{cursor:pointer;color:var(--ns-7477-br-pine);font-weight:850}
#post-7477 .br-faq details p{color:var(--ns-7477-br-muted)}
#post-7477 .br-cta{display:flex;flex-wrap:wrap;gap:13px 22px;align-items:center;margin:90px 0 38px;padding:clamp(28px,5vw,52px);background:var(--ns-7477-br-pine);color:#fff}
#post-7477 .br-cta p{flex:1 1 360px;margin:0;color:#fff;font-family:var(--ns-7477-br-display);font-size:1.55rem;line-height:1.35}
#post-7477 .br-cta a{color:#fff;font-weight:800;text-decoration-color:#f1c86e;text-underline-offset:5px}
#post-7477 .br-sources,#post-7477 .br-source-archive{max-width:var(--ns-7477-br-measure);margin:24px auto;color:var(--ns-7477-br-muted);font-size:.9rem}
#post-7477 .br-sources summary,#post-7477 .br-source-archive summary{cursor:pointer;color:var(--ns-7477-br-pine);font-weight:850}
#post-7477 .br-source-archive{padding-top:24px;border-top:1px solid var(--ns-7477-br-line)}
#post-7477 .br-source-archive__note{font-style:italic}
/* Legacy markup remains accessible when opened; constrain imported grids and images. */
#post-7477 .br-source-archive img{max-width:100%;height:auto}
#post-7477 .br-source-archive .row{max-width:100%;margin-inline:0}
@media(max-width:800px){
  #post-7477 .br-hero{min-height:650px;align-items:end;padding:34px 22px;background:linear-gradient(0deg,rgba(5,31,26,.97) 0 55%,rgba(5,31,26,.18) 82%),var(--ns-7477-batch-9-hero) 62% center/cover no-repeat}
  #post-7477 .br-opening,#post-7477 .br-method,#post-7477 .br-episode,#post-7477 .br-composition{grid-template-columns:1fr}
  #post-7477 .br-routes,#post-7477 .br-choice__grid{grid-template-columns:1fr}
  #post-7477 .br-routes a{border-right:0;border-bottom:1px solid var(--ns-7477-br-line)}
  #post-7477 .br-routes a:last-child{border-bottom:0}
  #post-7477 .br-episode__intro{position:static}
  #post-7477 .br-diagnose dl>div{grid-template-columns:1fr;gap:7px}
}
@media(max-width:375px){
  #post-7477 .br-main{padding-inline:16px}
  #post-7477 .br-hero{padding-inline:18px}
  #post-7477 .br-hero h2{font-size:clamp(2.45rem,13vw,3.65rem)}
  #post-7477 .br-method,#post-7477 .br-choice{margin-inline:-16px;padding-inline:16px}
}
