/* Scoped styles for the short layoff guide. */
.layoff-guide .hero { padding-top: 64px; padding-bottom: 44px; }
.layoff-guide .hero h1 { font-size: clamp(42px, 7vw, 68px); line-height: 1.06; }
.guide-byline { color: #475569; font-size: 14px; margin-top: 20px; }
.guide-content { max-width: 1060px; margin: auto; padding: 36px 24px 56px; }
.guide-intro { max-width: 720px; margin: 0 auto 32px; }
.guide-intro p:first-child { font-size: 24px; font-weight: 700; letter-spacing: -.025em; }
.guide-intro p { color: #334155; line-height: 1.75; }
.guide-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.guide-card { padding: 28px; background: #fff; border: 1px solid var(--border); border-radius: 16px; }
.guide-number { color: #1d4ed8; font-size: 11px; font-weight: 800; letter-spacing: .1em; }
.guide-card h2, .guide-help h2 { font-size: 24px; line-height: 1.2; letter-spacing: -.025em; margin: 14px 0; }
.guide-card p, .guide-card li, .guide-help p { color: #334155; line-height: 1.7; }
.guide-card ul { padding-left: 20px; }
.guide-card li + li { margin-top: 8px; }
.guide-card a, .guide-footer a { color: #1d4ed8; text-underline-offset: 3px; }
.guide-card .guide-resource { font-size: 14px; }
.layoff-guide blockquote { margin: 18px 0 0; border-left: 3px solid #2563eb; padding: 10px 16px; background: #eff6ff; color: #1e3a8a; line-height: 1.7; }
.guide-help { margin-top: 28px; padding: 28px; border: 1px solid #bfdbfe; background: #eff6ff; border-radius: 16px; }
.guide-help blockquote { background: #fff; }
.guide-footer { max-width: 720px; margin: 40px auto 0; text-align: center; color: #475569; font-size: 14px; }
.guide-footer strong { color: #111827; font-size: 20px; }
.guide-skip { position: absolute; left: 12px; top: -100px; z-index: 2000; background: #fff; padding: 12px; }
.guide-skip:focus { top: 12px; }
.layoff-guide a:focus-visible { outline: 3px solid #1d4ed8; outline-offset: 3px; }
.layoff-guide [id] { scroll-margin-top: 120px; }
@media (max-width: 640px) {
  .guide-grid { grid-template-columns: 1fr; }
  .guide-content { padding: 24px 16px 40px; }
  .guide-card, .guide-help { padding: 22px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
@media print {
  .layoff-guide .site-nav, .layoff-guide .hero-actions, .guide-skip { display: none; }
  .layoff-guide .hero { padding: 20px 0; background: #fff; }
  .guide-content { padding: 0; }
  .guide-grid { display: block; }
  .guide-card, .guide-help { break-inside: avoid; margin-top: 12px; }
}