/* Static HAR implementation plan. Existing design tokens; no runtime controls. */
.walk-build a { color: var(--accent-secondary); }
.walk-build a:hover { color: var(--accent-tertiary); }
.walk-build .skip-link { display: block; padding: var(--space-2) var(--space-4); font-size: var(--text-sm); }
.walk-build .eyebrow { font-size: var(--text-xs); font-weight: var(--font-bold); letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-secondary); }
.walk-build h1 { font-size: var(--text-4xl); margin-bottom: var(--space-4); }
.walk-build .lede { font-size: var(--text-xl); line-height: var(--leading-normal); }
.walk-build .work-meta { font-size: var(--text-sm); color: var(--text-secondary); }
.walk-build .callout { border-left: var(--space-1) solid var(--accent-tertiary); }
.walk-build .run-order { padding-left: var(--space-6); }
.walk-build .run-order li { margin: var(--space-4) 0; }
.walk-build details { margin: var(--space-4) 0; border: 1px solid var(--border-default); border-radius: var(--radius-lg); padding: var(--space-4); background: var(--surface-primary); }
.walk-build summary { cursor: pointer; font-family: var(--font-heading); font-weight: var(--font-semibold); min-height: var(--size-6); }
.walk-build details[open] summary { margin-bottom: var(--space-4); }
.walk-build li { margin-bottom: var(--space-2); }
.walk-build .table-scroll { width: 100%; overflow-x: auto; }
.walk-build .table-scroll table { min-width: 36rem; }
.walk-build table code { overflow-wrap: anywhere; }
.walk-build .architecture { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); margin: var(--space-6) 0; }
.walk-build .architecture > div { padding: var(--space-4); background: var(--surface-primary); border: 1px solid var(--border-default); border-top: var(--space-1) solid var(--accent-tertiary); border-radius: var(--radius-lg); }
.walk-build .architecture p { font-size: var(--text-sm); margin-bottom: 0; }
.walk-build .flow { font-family: var(--font-heading); background: var(--surface-secondary); padding: var(--space-4); border-radius: var(--radius-md); }
.walk-build .specimen { background: var(--surface-primary); border: 1px solid var(--border-default); border-radius: var(--radius-lg); padding: var(--space-6); margin: var(--space-6) 0; box-shadow: var(--shadow-sm); }
.walk-build .specimen h3 { margin-top: var(--space-2); }
.walk-build dl { display: grid; grid-template-columns: 1fr 2fr; gap: var(--space-2) var(--space-4); }
.walk-build dt { color: var(--text-secondary); }
.walk-build dd { margin: 0; }
.walk-build .sample-action { font-weight: var(--font-semibold); color: var(--accent-tertiary); border-top: 1px solid var(--border-default); padding-top: var(--space-4); }
.walk-build blockquote { margin: var(--space-4) 0; padding: var(--space-4); border-left: var(--space-1) solid var(--accent-tertiary); background: var(--surface-secondary); }
.walk-build :focus-visible { outline: 2px solid var(--interactive-focus-ring); outline-offset: var(--space-1); }
.walk-build section { scroll-margin-top: var(--space-4); }
.walk-build footer { margin-top: var(--space-12); padding-top: var(--space-6); border-top: 1px solid var(--border-default); color: var(--text-secondary); font-size: var(--text-sm); }
.walk-build .mobile-index { display: none; }
.walk-build .mobile-index a { display: block; padding: var(--space-2) 0; }
@media (max-width: 768px) {
  .walk-build .architecture { grid-template-columns: 1fr; }
  .walk-build dl { grid-template-columns: 1fr; }
  .walk-build dd { margin-bottom: var(--space-2); }
  .walk-build .specimen { padding: var(--space-4); }
  .walk-build h1 { font-size: var(--text-3xl); }
  .walk-build nav.side { display: none; }
  .walk-build .mobile-index { display: block; margin-top: 0; }
  .walk-build .layout { flex-direction: column; }
  .walk-build main { width: 100%; }
}
@media print {
  .walk-build nav.side, .walk-build .skip-link { display: none; }
  .walk-build .layout, .walk-build main, .walk-build .wrap { max-width: none; width: 100%; padding: 0; }
  .walk-build .table-scroll { overflow: visible; }
  .walk-build .table-scroll table { min-width: 0; }
  .walk-build .specimen, .walk-build .architecture { break-inside: avoid; }
}