/* Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V5
 * macrostructure: Specimen · genre: editorial · tone: field guide · anchor hue: cobalt
 * contrast: pass (46–50) · honest: pass (56) · chrome: pass (57) · tokens: pass (58)
 * responsive: pass (59) · icons: pass (60) · mobile: pass (36, 59, 61–69)
 */
html:has(body.postid-2324), body.postid-2324 { overflow-x: clip; }
body.postid-2324 .ns2324-fieldguide { max-width: 76rem; margin-inline: auto; color: var(--ns-2324-ns2324-ink); background: var(--ns-2324-ns2324-paper); font-family: var(--ns-2324-ns2324-font-body); line-height: 1.68; }
body.postid-2324 .ns2324-fieldguide h2, body.postid-2324 .ns2324-fieldguide h3 { color: var(--ns-2324-ns2324-ink); font-family: var(--ns-2324-ns2324-font-display); overflow-wrap: anywhere; min-width: 0; }
body.postid-2324 .ns2324-fieldguide h2 { font-size: clamp(2rem, 4.8vw, 4.3rem); line-height: 1.05; letter-spacing: -0.035em; margin: 0 0 var(--ns-2324-ns2324-space-md); }
body.postid-2324 .ns2324-fieldguide h3 { font-size: 1.35rem; margin: var(--ns-2324-ns2324-space-lg) 0 var(--ns-2324-ns2324-space-xs); }
body.postid-2324 .ns2324-fieldguide p, body.postid-2324 .ns2324-fieldguide ul, body.postid-2324 .ns2324-fieldguide ol { max-width: 70ch; }
body.postid-2324 .ns2324-opening { padding: var(--ns-2324-ns2324-space-xl) var(--ns-2324-ns2324-space-md) var(--ns-2324-ns2324-space-2xl); border-bottom: var(--ns-2324-ns2324-rule-thin) solid var(--ns-2324-ns2324-rule); }
body.postid-2324 .ns2324-kicker { color: var(--ns-2324-ns2324-accent); font-size: 0.82rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; margin: 0 0 var(--ns-2324-ns2324-space-sm); }
body.postid-2324 .ns2324-lede { font-size: clamp(1.08rem, 2vw, 1.35rem); }
body.postid-2324 .ns2324-six { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); margin-top: var(--ns-2324-ns2324-space-xl); border-block: var(--ns-2324-ns2324-rule-thin) solid var(--ns-2324-ns2324-rule); }
body.postid-2324 .ns2324-six span { padding: var(--ns-2324-ns2324-space-sm) var(--ns-2324-ns2324-space-xs); text-align: center; font-size: 0.82rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; border-right: var(--ns-2324-ns2324-rule-thin) solid var(--ns-2324-ns2324-rule); }
body.postid-2324 .ns2324-six span:last-child { border-right: 0; }
body.postid-2324 .ns2324-sheet, body.postid-2324 .ns2324-reference, body.postid-2324 .ns2324-step, body.postid-2324 .ns2324-video, body.postid-2324 .ns2324-errors, body.postid-2324 .ns2324-variants, body.postid-2324 .ns2324-faq, body.postid-2324 .ns2324-index { padding: var(--ns-2324-ns2324-space-2xl) var(--ns-2324-ns2324-space-md); border-bottom: var(--ns-2324-ns2324-rule-thin) solid var(--ns-2324-ns2324-rule); }
body.postid-2324 .ns2324-sheet dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 74ch; border-top: var(--ns-2324-ns2324-rule-thin) solid var(--ns-2324-ns2324-rule); }
body.postid-2324 .ns2324-sheet dl div { padding: var(--ns-2324-ns2324-space-md); border-right: var(--ns-2324-ns2324-rule-thin) solid var(--ns-2324-ns2324-rule); border-bottom: var(--ns-2324-ns2324-rule-thin) solid var(--ns-2324-ns2324-rule); }
body.postid-2324 .ns2324-sheet dl div:nth-child(2n) { border-right: 0; }
body.postid-2324 .ns2324-sheet dt { font-family: var(--ns-2324-ns2324-font-display); font-size: 1.2rem; font-weight: 700; }
body.postid-2324 .ns2324-sheet dd { margin: var(--ns-2324-ns2324-space-xs) 0 0; }
body.postid-2324 .ns2324-figure { margin: 0; padding: var(--ns-2324-ns2324-space-lg) var(--ns-2324-ns2324-space-md); background: var(--ns-2324-ns2324-paper-2); }
body.postid-2324 .ns2324-figure--ns-2324-dark { background: var(--ns-2324-ns2324-dark); color: var(--ns-2324-ns2324-paper); }
body.postid-2324 .ns2324-figure img { display: block; width: 100%; height: auto; border-radius: var(--ns-2324-ns2324-radius-sm); }
body.postid-2324 .ns2324-figure figcaption { max-width: 70ch; margin-top: var(--ns-2324-ns2324-space-sm); }
body.postid-2324 .ns2324-reference ul, body.postid-2324 .ns2324-errors ol { padding-left: var(--ns-2324-ns2324-space-lg); }
body.postid-2324 .ns2324-reference li, body.postid-2324 .ns2324-errors li { margin-bottom: var(--ns-2324-ns2324-space-sm); }
body.postid-2324 .ns2324-step { position: relative; padding-left: clamp(var(--ns-2324-ns2324-space-md), 8vw, 9rem); }
body.postid-2324 .ns2324-stepno { color: var(--ns-2324-ns2324-accent); font-size: 0.82rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; margin: 0 0 var(--ns-2324-ns2324-space-xs); }
body.postid-2324 .ns2324-step aside { max-width: 68ch; margin-top: var(--ns-2324-ns2324-space-lg); padding: var(--ns-2324-ns2324-space-md); border-block: var(--ns-2324-ns2324-rule-thin) solid var(--ns-2324-ns2324-umber); background: var(--ns-2324-ns2324-paper-2); }
body.postid-2324 .ns2324-video-frame { position: relative; width: 100%; max-width: 64rem; aspect-ratio: 16 / 9; margin-top: var(--ns-2324-ns2324-space-lg); background: var(--ns-2324-ns2324-dark); }
body.postid-2324 .ns2324-video-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
body.postid-2324 .ns2324-faq details { max-width: 74ch; padding-block: var(--ns-2324-ns2324-space-sm); border-top: var(--ns-2324-ns2324-rule-thin) solid var(--ns-2324-ns2324-rule); }
body.postid-2324 .ns2324-faq summary { cursor: pointer; font-family: var(--ns-2324-ns2324-font-display); font-size: 1.15rem; font-weight: 700; }
body.postid-2324 .ns2324-index ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--ns-2324-ns2324-space-2xs) var(--ns-2324-ns2324-space-lg); max-width: none; padding-left: var(--ns-2324-ns2324-space-lg); }
body.postid-2324 .ns2324-index a { display: block; color: var(--ns-2324-ns2324-accent); text-decoration-thickness: var(--ns-2324-ns2324-rule-thin); text-underline-offset: var(--ns-2324-ns2324-space-3xs); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.postid-2324 .ns2324-fieldguide a:hover { color: var(--ns-2324-ns2324-umber); }
body.postid-2324 .ns2324-fieldguide a:focus-visible, body.postid-2324 .ns2324-fieldguide summary:focus-visible { outline: 2px solid var(--ns-2324-ns2324-focus); outline-offset: var(--ns-2324-ns2324-space-3xs); }
body.postid-2324 .ns2324-fieldguide a:active, body.postid-2324 .ns2324-fieldguide summary:active { opacity: 0.72; }
body.postid-2324 .ns2324-fieldguide a[aria-disabled="true"] { opacity: 0.55; cursor: not-allowed; pointer-events: none; }
@media (max-width: 48rem) {
  body.postid-2324 .ns2324-six { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.postid-2324 .ns2324-six span { border-bottom: var(--ns-2324-ns2324-rule-thin) solid var(--ns-2324-ns2324-rule); }
  body.postid-2324 .ns2324-six span:nth-child(2n) { border-right: 0; }
  body.postid-2324 .ns2324-sheet dl, body.postid-2324 .ns2324-index ol { grid-template-columns: minmax(0, 1fr); }
  body.postid-2324 .ns2324-sheet dl div { border-right: 0; }
  body.postid-2324 .ns2324-step { padding-left: var(--ns-2324-ns2324-space-md); }
  body.postid-2324 .ns2324-sheet, body.postid-2324 .ns2324-reference, body.postid-2324 .ns2324-step, body.postid-2324 .ns2324-video, body.postid-2324 .ns2324-errors, body.postid-2324 .ns2324-variants, body.postid-2324 .ns2324-faq, body.postid-2324 .ns2324-index { padding-block: var(--ns-2324-ns2324-space-xl); }
}
@media (prefers-reduced-motion: reduce) {
  body.postid-2324 .ns2324-fieldguide *, body.postid-2324 .ns2324-fieldguide *::before, body.postid-2324 .ns2324-fieldguide *::after { scroll-behavior: auto; transition-duration: 0.01ms; animation-duration: 0.01ms; animation-iteration-count: 1; }
}
