/* InjuryCatch guides. Loads after /css/site.css and uses only its tokens.
   Laws from bar.md as encoded in site.css: pills or 0px, no shadows, display weight 400, one accent on interactive only. */
/* Metric-matched fallbacks (plan P1-1; g2 SEO review, CLS): until Manrope and Source Serif 4 arrive from Google Fonts, the
   local fallback is scaled to the web font's average width (measured on the guides' own text) and its line metrics, so the
   text does not re-wrap and push the page down when the web font swaps in. The web fonts and the look are unchanged. */
@font-face { font-family: "IC Manrope Fallback"; src: local("Helvetica Neue"), local("HelveticaNeue"); font-weight: 400; size-adjust: 101.38%; ascent-override: 105.15%; descent-override: 29.59%; line-gap-override: 0%; }
@font-face { font-family: "IC Manrope Fallback"; src: local("Helvetica Neue Medium"), local("HelveticaNeue-Medium"); font-weight: 500; size-adjust: 100.14%; ascent-override: 106.45%; descent-override: 29.96%; line-gap-override: 0%; }
@font-face { font-family: "IC Manrope Fallback Arial"; src: local("Arial"), local("ArialMT"); size-adjust: 102.08%; ascent-override: 104.43%; descent-override: 29.39%; line-gap-override: 0%; }
@font-face { font-family: "IC Serif Fallback"; src: local("Iowan Old Style Roman"), local("IowanOldStyle-Roman"); size-adjust: 99.07%; ascent-override: 104.57%; descent-override: 33.81%; line-gap-override: 0%; }
@font-face { font-family: "IC Serif Fallback Georgia"; src: local("Georgia"); size-adjust: 100.65%; ascent-override: 102.93%; descent-override: 33.28%; line-gap-override: 0%; }
body.guide { --text: "Manrope", "IC Manrope Fallback", "IC Manrope Fallback Arial", "Helvetica Neue", Arial, sans-serif;
             --display: "Source Serif 4", "IC Serif Fallback", "IC Serif Fallback Georgia", "Iowan Old Style", Georgia, serif; }
.guide main { background: var(--linen); color: var(--ink); font-variant-ligatures: no-contextual; font-feature-settings: "calt" 0; }
/* calt off: Manrope's contextual alternates draw "(3)(c)" as "(3)" plus a copyright sign in NRS citations (g1 SEO review, WebKit and Chrome) */
.guide .g-wrap { max-width: calc(68ch + 2 * var(--gutter)); }
.guide .skip { position: absolute; left: -9999px; top: 8px; z-index: 60; background: var(--paper); color: var(--ink); padding: 10px 14px; text-decoration: underline; }
.guide .skip:focus { left: 16px; }
.guide .ncta { transition: opacity 0.3s ease, visibility 0.3s; }
.guide .ncta.is-away { opacity: 0; visibility: hidden; }

/* header: crumbs, H1, byline, answer */
.g-head { padding-top: calc(var(--nav-h) + 24px); padding-bottom: 8px; }
.g-crumbs ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 2px 8px; font-size: 13px; color: #6f6a62; }
.g-crumbs li + li::before { content: "\203A"; margin-right: 8px; }
.g-crumbs a { text-decoration: underline; text-underline-offset: 3px; display: inline-block; padding: 12px 0; }
.g-crumbs li[aria-current] { padding: 12px 0; }
.guide h1 { font-size: 34px; line-height: 1.1; margin-top: 4px; max-width: 22ch; }
.g-by { margin-top: 14px; font-size: 13px; line-height: 1.6; color: #6f6a62; }
.g-by a { color: var(--ink); }
.g-med { margin-top: 16px; padding: 12px 16px; border: 1px solid var(--ink); background: var(--paper); font-size: 15px; font-weight: 500; }
.g-answer { margin-top: 18px; padding: 18px; background: var(--paper); border: 1px solid var(--rule-l); font-size: 17px; line-height: 1.5; }
.g-answer p + p { margin-top: 12px; }
/* g2 SEO review: the browser's 40px list indent took a third of a phone line */
.g-answer ol, .g-answer ul { margin: 10px 0 0; padding-left: 1.25em; }
.g-answer li + li { margin-top: 6px; }
.guide main a:not(.btn) { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.guide main a:not(.btn):hover { text-decoration-thickness: 2px; }

/* the four-question form, cut from the homepage at build time; site.css styles it, these rules only fit it to a guide.
   Its .wrap carries .g-wrap, so it is as wide as the reading column and starts at the same left edge (g2 SEO review). */
.guide .g-form { border-top: 1px solid var(--rule-l); }
.guide .g-form .wrap { padding-top: 36px; padding-bottom: 48px; }
.guide .g-form .ch-head { max-width: 46ch; }
.guide .g-form .ch-head h2 { font-size: 28px; line-height: 1.15; margin-top: 8px; }
.guide .g-form .ch-head .sub { font-size: 17px; margin-top: 10px; }
.guide .g-form .ch-head .sub + .sub { margin-top: 6px; font-size: 15px; color: #4d4841; }
/* CLS (g2 SEO review): the tab row is hidden until qualify.js runs, then appears above question 1 and pushes it down.
   With JavaScript on (html.js is set in the head before first paint) its space is held from the start, invisible, so
   question 1 never moves. If qualify.js never runs, the space stays empty and the plain form still works below it. */
.js .qz:not(.qz-js) .qz-top { display: flex; visibility: hidden; }
.guide .g-form .qz { margin-top: 24px; }
.guide .qz-disc { margin-top: 20px; font-size: 13px; line-height: 1.45; color: #6f6a62; max-width: 60ch; }
.g-go { margin: 0; }

/* on this page */
.g-toc { margin-top: 8px; border-top: 1px solid var(--rule-l); border-bottom: 1px solid var(--rule-l); font-size: 15px; }
.g-toc summary { min-height: 48px; padding: 12px 0; cursor: pointer; font-weight: 500; }
.g-toc ol { margin: 0 0 16px; padding-left: 22px; display: grid; gap: 2px; }
.g-toc a { display: inline-block; padding: 6px 0; }

/* body */
.g-body { padding: 8px 0 40px; }
.g-body .wrap > * + * { margin-top: 14px; }
.g-body h2 { font-size: 26px; line-height: 1.18; margin-top: 44px; scroll-margin-top: calc(var(--nav-h) + 12px); }
.g-body h2 + * { margin-top: 12px; }
.g-body .wrap > h2:first-child, .g-body .wrap > .g-group:first-child h2 { margin-top: 28px; }
.g-body p, .g-body li, .g-body dd { color: #3d3934; }
.g-body strong { font-weight: 500; color: var(--ink); }
.g-body ul, .g-body ol { padding-left: 22px; margin-bottom: 0; }
.g-body li + li { margin-top: 8px; }
.g-terms dt { font-weight: 500; margin-top: 14px; }
.g-terms dt:first-child { margin-top: 0; }
.g-terms dd { margin: 2px 0 0; }
.g-note { font-size: 14px; color: #6f6a62; }
@media (min-width: 600px) { .g-cols { columns: 2; column-gap: 32px; } }
.g-cols li { break-inside: avoid; }

/* tables: scroll inside their own box, never the page */
.g-table { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.g-table table { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.4; font-variant-numeric: tabular-nums; }
.g-table caption { caption-side: top; text-align: left; font-size: 13px; color: #6f6a62; padding-bottom: 10px; }
.g-table th, .g-table td { border-top: 1px solid var(--rule-l); padding: 10px 12px 10px 0; text-align: left; vertical-align: top; font-weight: 400; color: var(--ink); }
.g-table thead th { border-top: 0; border-bottom: 1px solid var(--ink); font-size: 13px; font-weight: 500; color: #6f6a62; vertical-align: bottom; }
.g-table tfoot th, .g-table tfoot td { border-top: 1px solid var(--ink); font-weight: 500; }
.g-num td { text-align: right; white-space: nowrap; }
.g-num thead th + th { text-align: right; }
.g-rtc th[scope="row"] { font-size: 14px; }
@media (max-width: 599px) {
  .g-stack thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .g-stack tr { display: block; border-top: 1px solid var(--rule-l); padding: 12px 0; }
  .g-stack th, .g-stack td { display: grid; grid-template-columns: 7.5em minmax(0, 1fr); gap: 8px; border: 0; padding: 3px 0; }
  .g-stack td > .v { display: block; min-width: 0; }   /* exactly two grid items: the ::before label and this value (g2 SEO review) */
  .g-stack th[scope="row"] { display: block; font-weight: 500; padding-bottom: 6px; }
  .g-stack td::before { content: attr(data-label); font-size: 13px; color: #6f6a62; }
  .g-table caption { padding-bottom: 4px; }
}

/* boxes */
.g-box { margin-top: 32px; padding: 18px; background: var(--paper); border: 1px solid var(--rule-l); }
.g-box .caption { margin-bottom: 8px; }
.g-box p + p { margin-top: 10px; }
.g-body .g-box ul { margin-top: 0; }
/* the pays box also carries the check's stop rules and the questions to ask a firm, as h3s (g2 SEO review) */
.g-pays h3 { font-size: 21px; line-height: 1.2; margin-top: 22px; }
.g-pays h3 + * { margin-top: 10px; }
.g-pays ul { padding-left: 22px; margin: 10px 0 0; }
.g-pays li + li { margin-top: 6px; }
.g-pays p, .g-pays li { color: #3d3934; }
/* Nevada SR-1 at a glance */
.g-glance ul { list-style: none; padding-left: 0; }
.g-body .g-glance { margin-top: 14px; }
.g-body-cont { padding-top: 8px; }

/* sources */
.g-sources { border-top: 1px solid var(--rule-l); }
.g-sources .wrap { padding-top: 36px; padding-bottom: 36px; }
.g-sources h2 { font-size: 26px; line-height: 1.18; }
.g-sources p { margin-top: 10px; font-size: 15px; color: #3d3934; }
.g-sources ol { margin: 16px 0 0; padding-left: 22px; font-size: 14px; line-height: 1.5; color: #3d3934; display: grid; gap: 8px; }
.g-sources li { overflow-wrap: anywhere; }

/* read next */
.g-next { border-top: 1px solid var(--rule-l); }
.g-next .wrap { padding-top: 36px; padding-bottom: 44px; }
.g-next .caption + * { margin-top: 10px; }
.guide .g-next-main { display: block; padding: 18px; border: 1px solid var(--ink); text-decoration: none; transition: background-color 0.3s ease; }
.guide .g-next-main:hover { background: var(--paper); }
.g-next-t { display: block; font-family: var(--display); font-size: 22px; line-height: 1.2; text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.g-next-d { display: block; margin-top: 6px; font-size: 15px; color: #3d3934; }
.g-next .caption { margin-top: 28px; }
.g-next .caption:first-child { margin-top: 0; }
.g-next ul { list-style: none; margin: 0; padding: 0; }
.g-next li a { display: block; padding: 12px 0; border-bottom: 1px solid var(--rule-l); }
.g-all { margin-top: 20px; }

/* the end-of-page route back to the form (pages with the form at the top) */
.g-end { border-top: 1px solid var(--rule-l); }
.g-end .wrap { padding-top: 40px; padding-bottom: 44px; display: grid; gap: 12px; }
.g-end h2 { font-size: 26px; line-height: 1.18; max-width: 24ch; }
.g-end p { color: #3d3934; }
.g-end .g-go { margin-top: 8px; }
.g-end .g-pays { margin-top: 20px; }

/* hub */
.g-hubwrap { padding-top: 8px; }
.g-group h2 { margin-top: 40px; }
.g-body .g-hub { list-style: none; padding: 0; margin: 12px 0 0; }
.g-hub li + li { margin-top: 0; }
.guide .g-hub a { display: block; padding: 16px 0; border-top: 1px solid var(--rule-l); text-decoration: none; }
.g-hub li:last-child a { border-bottom: 1px solid var(--rule-l); }
.g-hub-t { display: block; font-family: var(--display); font-size: 21px; line-height: 1.22; color: var(--ink); text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.g-hub-d { display: block; margin-top: 4px; font-size: 15px; color: #3d3934; }
.g-who { border-top: 1px solid var(--rule-l); }
.g-who .wrap { padding-top: 36px; padding-bottom: 44px; display: grid; gap: 14px; }
.g-who h2 { font-size: 26px; line-height: 1.18; }
.g-who p { color: #3d3934; }
.g-who .g-box { margin-top: 8px; }

@media (min-width: 820px) {
  .g-head { padding-top: calc(var(--nav-h) + 56px); }
  .guide h1 { font-size: 52px; line-height: 1.06; }
  .g-answer { padding: 26px 28px; font-size: 20px; }
  /* the form sits centred under the reading column, 880px wide like the homepage's .qz; site.css lays the homepage's
     .ch-head out as a two-column grid (headline | promise), which breaks with the caption this section adds */
  .guide .g-form .wrap { padding-top: 40px; padding-bottom: 64px; }   /* the reading column's width (.g-wrap), so the left edges line up */
  .guide .g-form .ch-head { display: block; max-width: 46ch; }
  .guide .g-form .ch-head h2 { font-size: 40px; max-width: 22ch; margin: 8px 0 0; }
  .guide .g-form .ch-head .sub { max-width: 46ch; margin: 10px 0 0; font-size: 18px; }
  .guide .g-form .qz { margin-top: 28px; }
  .g-end h2 { font-size: 32px; }
  .g-body h2 { font-size: 32px; margin-top: 56px; }
  .g-table table { font-size: 16px; }
  .g-sources h2, .g-who h2 { font-size: 32px; }
  .g-hub-t { font-size: 24px; }
}
/* links that are whole blocks: underline the title only; buttons never underline */
.guide .btn, .guide main a.btn { text-decoration: none; }
.guide main a.g-next-main, .guide main .g-hub a { text-decoration: none; }

@media (prefers-reduced-motion: reduce) { .guide .ncta, .guide .g-next-main { transition: none; } }
@media print { .g-form, .g-end .g-go, .g-toc, .nav .ncta { display: none; } .g-head { padding-top: 24px; } }
/* a statute quoted in full */
.g-body blockquote { margin: 14px 0 0; padding: 4px 0 4px 18px; border-left: 3px solid var(--rule-l); font-family: var(--display); font-size: 19px; line-height: 1.4; color: var(--ink); }
.g-body blockquote p { color: var(--ink); }
