/* Hallmark · genre: editorial tutorial · macrostructure: Narrative Workflow · theme: First Session Studio · enrichment: generated raster
 * critique: P5 H5 E5 S5 R5 V5 · contrast: pass · honest: pass · chrome: pass
 * tokens: pass · responsive: pass · icons: pass · mobile: pass
 */

body.postid-2387,
body.postid-2387 #wrapper,
body.postid-2387 #main,
body.postid-2387 .page-wrapper { background:#fff; color:var(--ns-2387-color-ink); }
body.postid-2387 .entry-content { font:var(--ns-2387-text-base)/1.75 var(--ns-2387-font-body); }
body.postid-2387 .entry-content .ns-begin { width:min(100%,76rem); margin-inline:auto; min-width:0; overflow-wrap:anywhere; }
body.postid-2387 .ns-begin h2,
body.postid-2387 .ns-begin h3 { margin-top:0; color:var(--ns-2387-color-ink); font-family:var(--ns-2387-font-display); line-height:1.05; letter-spacing:-.025em; overflow-wrap:anywhere; }
body.postid-2387 .ns-begin h2 { margin-bottom:var(--ns-2387-space-lg); font-size:var(--ns-2387-text-2xl); }
body.postid-2387 .ns-begin h3 { margin-bottom:var(--ns-2387-space-sm); font-size:var(--ns-2387-text-xl); }
body.postid-2387 .ns-begin p { margin:0 0 var(--ns-2387-space-lg); }
body.postid-2387 .ns-begin a { color:var(--ns-2387-color-blue); text-decoration-thickness:.08em; text-underline-offset:.16em; }
body.postid-2387 .ns-begin a:focus-visible,
body.postid-2387 .ns-begin summary:focus-visible,
body.postid-2387 .ns-begin [tabindex="0"]:focus-visible { outline:3px solid var(--ns-2387-color-coral); outline-offset:4px; }
body.postid-2387 .ns-begin > section { margin-block:var(--ns-2387-space-3xl); }
body.postid-2387 .ns-begin__hero { min-height:min(50rem,78vh); display:grid; align-items:center; padding:clamp(2rem,6vw,6rem); background-color:#fff; background-image:linear-gradient(90deg,#fff 0 38%,rgba(255,255,255,.92) 48%,rgba(255,255,255,0) 72%),var(--ns-2387-batch-16-hero); background-position:center; background-size:cover; }
body.postid-2387 .ns-begin__hero-copy { width:min(36rem,54%); padding:clamp(1.25rem,3vw,2.5rem); background:rgba(255,255,255,.96); border-left:.4rem solid var(--ns-2387-color-blue); }
body.postid-2387 .ns-begin__hero h2 { font-size:var(--ns-2387-text-display); }
body.postid-2387 .ns-begin__eyebrow,
body.postid-2387 .ns-begin__kicker,
body.postid-2387 .ns-begin__section-head>p { color:var(--ns-2387-color-blue); font-size:var(--ns-2387-text-sm); font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
body.postid-2387 .ns-begin__promise { padding-top:var(--ns-2387-space-lg); border-top:1px solid var(--ns-2387-color-rule); font-weight:700; }
body.postid-2387 .ns-begin__route { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-block:1px solid var(--ns-2387-color-rule); }
body.postid-2387 .ns-begin__route a { display:flex; gap:.75rem; align-items:center; padding:1.1rem; color:var(--ns-2387-color-ink); text-decoration:none; border-right:1px solid var(--ns-2387-color-rule); }
body.postid-2387 .ns-begin__route a:last-child { border-right:0; }
body.postid-2387 .ns-begin__route span { color:var(--ns-2387-color-coral); font-weight:800; }
body.postid-2387 .ns-begin__split,
body.postid-2387 .ns-begin__choice,
body.postid-2387 .ns-begin__composition,
body.postid-2387 .ns-begin__aftercare { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.45fr); gap:clamp(2rem,7vw,7rem); align-items:start; }
body.postid-2387 .ns-begin__section-head { display:grid; grid-template-columns:minmax(0,.6fr) minmax(0,1.6fr); gap:var(--ns-2387-space-xl); padding-top:var(--ns-2387-space-lg); border-top:2px solid var(--ns-2387-color-ink); }
body.postid-2387 .ns-begin__materials,
body.postid-2387 .ns-begin__columns,
body.postid-2387 .ns-begin__mediums,
body.postid-2387 .ns-begin__kit { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--ns-2387-space-2xl); }
body.postid-2387 .ns-begin__materials aside,
body.postid-2387 .ns-begin__composition aside,
body.postid-2387 .ns-begin__aftercare aside { padding:var(--ns-2387-space-xl); background:var(--ns-2387-color-soft); border-top:.35rem solid var(--ns-2387-color-coral); }
body.postid-2387 .ns-begin__table-wrap { overflow-x:auto; border-block:1px solid var(--ns-2387-color-rule); }
body.postid-2387 .ns-begin table { width:100%; min-width:46rem; margin:0; border:0; border-collapse:collapse; }
body.postid-2387 .ns-begin th,
body.postid-2387 .ns-begin td { padding:1rem; text-align:left; vertical-align:top; border:0; border-bottom:1px solid var(--ns-2387-color-rule); }
body.postid-2387 .ns-begin th { color:var(--ns-2387-color-blue); font-size:var(--ns-2387-text-sm); text-transform:uppercase; letter-spacing:.07em; }
body.postid-2387 .ns-begin__figure { margin:var(--ns-2387-space-3xl) 0; }
body.postid-2387 .ns-begin__figure img { display:block; width:100%; height:auto; }
body.postid-2387 .ns-begin__figure figcaption { max-width:55rem; margin-top:.75rem; color:var(--ns-2387-color-muted); font-size:var(--ns-2387-text-sm); }
body.postid-2387 .ns-begin__figure--ns-2387-narrow { width:min(82%,58rem); margin-left:auto; }
body.postid-2387 .ns-begin__choice-list article { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr); gap:1rem; padding:1rem 0; border-top:1px solid var(--ns-2387-color-rule); }
body.postid-2387 .ns-begin__timeline { margin:0; padding:0; list-style:none; counter-reset:none; }
body.postid-2387 .ns-begin__timeline li { display:grid; grid-template-columns:7rem minmax(0,1fr); gap:2rem; padding:2rem 0; border-top:1px solid var(--ns-2387-color-rule); }
body.postid-2387 .ns-begin__timeline li>span { color:var(--ns-2387-color-blue); font-size:1.1rem; font-weight:800; }
body.postid-2387 .ns-begin__techniques article,
body.postid-2387 .ns-begin__habits article { display:grid; grid-template-columns:4rem minmax(0,1fr); gap:1.5rem; padding:1.5rem 0; border-top:1px solid var(--ns-2387-color-rule); }
body.postid-2387 .ns-begin__techniques article>span,
body.postid-2387 .ns-begin__habits article>span { color:var(--ns-2387-color-coral); font:700 2.6rem/1 var(--ns-2387-font-display); }
body.postid-2387 .ns-begin__diagnose { padding:clamp(2rem,5vw,5rem); background:var(--ns-2387-color-blue); color:var(--ns-2387-color-on-blue); }
body.postid-2387 .ns-begin__diagnose h2,
body.postid-2387 .ns-begin__diagnose .ns-begin__kicker { color:var(--ns-2387-color-on-blue); }
body.postid-2387 .ns-begin__diagnose dl { margin:0; }
body.postid-2387 .ns-begin__diagnose dl div { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.5fr); gap:1.5rem; padding:1.25rem 0; border-top:1px solid rgba(255,255,255,.35); }
body.postid-2387 .ns-begin__diagnose dt { font-weight:800; }
body.postid-2387 .ns-begin__diagnose dd { margin:0; }
body.postid-2387 .ns-begin__mediums { grid-template-columns:.7fr 1fr 1fr; padding-block:2rem; border-block:2px solid var(--ns-2387-color-ink); }
body.postid-2387 .ns-begin__faq details { padding:1rem 0; border-top:1px solid var(--ns-2387-color-rule); }
body.postid-2387 .ns-begin__faq summary { cursor:pointer; color:var(--ns-2387-color-ink); font-weight:800; }
body.postid-2387 .ns-begin__faq details p { margin:1rem 0 0; max-width:58rem; }
body.postid-2387 .ns-begin__related { padding-top:2rem; border-top:.4rem solid var(--ns-2387-color-yellow); }

@media (max-width:849px) {
  body.postid-2387 .ns-begin__hero { min-height:0; padding-top:24rem; background-image:linear-gradient(0deg,#fff 0 36%,rgba(255,255,255,0) 68%),var(--ns-2387-batch-16-hero); background-position:center; }
  body.postid-2387 .ns-begin__hero-copy { width:100%; }
  body.postid-2387 .ns-begin__route { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.postid-2387 .ns-begin__route a:nth-child(2) { border-right:0; }
  body.postid-2387 .ns-begin__route a:nth-child(-n+2) { border-bottom:1px solid var(--ns-2387-color-rule); }
  body.postid-2387 .ns-begin__split,
  body.postid-2387 .ns-begin__choice,
  body.postid-2387 .ns-begin__composition,
  body.postid-2387 .ns-begin__aftercare,
  body.postid-2387 .ns-begin__section-head,
  body.postid-2387 .ns-begin__materials,
  body.postid-2387 .ns-begin__columns,
  body.postid-2387 .ns-begin__mediums { grid-template-columns:1fr; gap:1.5rem; }
}
@media (max-width:479px) {
  body.postid-2387 .entry-content { font-size:1rem; line-height:1.68; }
  body.postid-2387 .ns-begin__hero { padding:17rem 1rem 1rem; }
  body.postid-2387 .ns-begin__hero-copy { padding:1.1rem; }
  body.postid-2387 .ns-begin__route { grid-template-columns:1fr; }
  body.postid-2387 .ns-begin__route a { border-right:0; border-bottom:1px solid var(--ns-2387-color-rule); }
  body.postid-2387 .ns-begin__timeline li,
  body.postid-2387 .ns-begin__choice-list article,
  body.postid-2387 .ns-begin__diagnose dl div { grid-template-columns:1fr; gap:.5rem; }
  body.postid-2387 .ns-begin__figure--ns-2387-narrow { width:100%; }
  body.postid-2387 .ns-begin__diagnose { padding:1.5rem; }
}
