/* Results2Go: the guide page. A reading page in the homepage's world, no engine.
   html keeps class="no-js" on purpose so site.css's no-js rules show everything. */
.guide { background: var(--sc-canvas); }
.guide__wrap { max-width: 64rem; padding-top: clamp(6rem, 14vh, 9rem); padding-bottom: var(--sc-8); }
.guide__head { border-bottom: 1px solid var(--sc-hairline); padding-bottom: var(--sc-6); margin-bottom: var(--sc-7); }
.guide__kicker { display: block; margin-bottom: var(--sc-4); color: var(--sc-ink-soft); }
.guide__kicker a { color: var(--sc-ink-soft); text-decoration: none; }
.guide__kicker a:hover { color: var(--sc-ink); }
.guide__head h1 { max-width: 18ch; margin: 0; color: #fff; }
.guide__lede { margin: var(--sc-5) 0 0; max-width: 62ch; color: var(--sc-ink); font-size: var(--sc-t-lg); line-height: 1.5; text-wrap: pretty; }
.guide__toc { margin-top: var(--sc-6); }
.guide__toc .sc-label { display: block; margin-bottom: var(--sc-3); color: var(--sc-accent); }
.guide__toc ol { margin: 0; padding: 0 0 0 1.4em; columns: 2; column-gap: clamp(1.5rem, 4vw, 3rem); font-size: var(--sc-t-sm); color: var(--sc-ink-soft); }
.guide__toc li { padding: 0.18rem 0; break-inside: avoid; }
.guide__toc a { color: var(--sc-ink-soft); text-decoration: none; }
.guide__toc a:hover { color: var(--sc-ink); text-decoration: underline; text-underline-offset: 0.25em; }
.q { padding-bottom: var(--sc-6); margin-bottom: var(--sc-6); border-bottom: 1px solid var(--sc-hairline); scroll-margin-top: 6rem; }
.q h2 { margin: 0 0 var(--sc-4); max-width: 24ch; }
.q p { margin: 0 0 var(--sc-4); max-width: 66ch; color: var(--sc-ink-soft); font-size: var(--sc-t-base); line-height: 1.62; text-wrap: pretty; }
.q > p:first-of-type { color: var(--sc-ink); }
.q p b { color: var(--sc-ink); font-weight: 600; }
.q .src { font-size: var(--sc-t-xs); max-width: 80ch; margin-top: var(--sc-3); }
.q .cost__tbl { margin: var(--sc-4) 0; }
.q .cost__tbl table { min-width: 52rem; }
.q .modules__list { margin-top: var(--sc-4); }
.q .steps__list { margin-top: var(--sc-2); }
.q .steps__time { max-width: 66ch; }
.plain { margin: 0 0 var(--sc-4); padding-left: 1.2em; max-width: 66ch; color: var(--sc-ink-soft); font-size: var(--sc-t-base); line-height: 1.6; }
.plain li { padding: 0.25rem 0; }
.terms { margin: var(--sc-2) 0 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 clamp(1.5rem, 4vw, 3rem); border-top: 1px solid var(--sc-hairline); }
.term { padding: 1rem 0; border-bottom: 1px solid var(--sc-hairline); scroll-margin-top: 6rem; }
.term dt { font-family: var(--sc-font-display); font-weight: 600; font-size: var(--sc-t-lg); letter-spacing: -0.015em; color: var(--sc-ink); margin: 0 0 0.35rem; }
.term dd { margin: 0; }
.term dd p { margin: 0; color: var(--sc-ink); font-size: var(--sc-t-base); line-height: 1.55; }
.term dd .term__more { margin-top: 0.4rem; color: var(--sc-ink-soft); font-size: var(--sc-t-sm); line-height: 1.5; }
.fit { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--sc-4); margin: var(--sc-4) 0; }
.fit__row { padding: var(--sc-5); border-radius: var(--sc-r-md); background: color-mix(in oklab, var(--sc-ink) 4%, transparent); border: 1px solid var(--sc-hairline); }
.fit__row h3 { font-family: var(--sc-font-display); font-weight: 600; font-size: var(--sc-t-lg); letter-spacing: -0.015em; margin: 0 0 var(--sc-3); color: var(--sc-ink); }
.fit__row p { margin: 0; font-size: var(--sc-t-sm); }
.guide__cta { border-bottom: 0; padding-top: var(--sc-4); }
.guide__cta p:first-of-type { color: var(--sc-ink); max-width: 44ch; }
.guide__cta .cta { margin-right: var(--sc-4); }
.guide__alt { font-size: var(--sc-t-sm); }
.guide .foot { border-top: 1px solid var(--sc-hairline); }
@media (max-width: 860px) {
  .guide__toc ol { columns: 1; }
  .terms, .fit { grid-template-columns: 1fr; }
  .guide__head h1 { font-size: var(--sc-t-2xl); }
  .guide__cta .cta { margin-right: 0; margin-bottom: var(--sc-3); }
}