.mobile-nav { display:none; }
.workflow-example>summary { display:none; }
.workflow-example { display:contents; }
.plan-start { margin-top:26px; display:flex; flex-direction:column; align-items:flex-start; gap:10px; }
.plan-start .action-link { background:#d5b755; color:#14233b; font-weight:600; border-radius:6px; }
.plan-start .action-link:hover { background:#e1c675; }
.viewer-intro .plan-start p { margin:0; font-size:14px; color:#526173; }
.viewer-header .header-plan-cta { font-size:14px; text-decoration:underline; text-underline-offset:5px; }
.route-actions .action-link { background:transparent; color:#14233b; border:1px solid #a1ae98; font-size:15px; }
.route-actions .action-link:hover { background:#d7dfd0; }
.route-metrics>div:last-child { color:#244638; }
.route-metrics>div:last-child small { max-width:17ch; }
.workflow-example>summary:focus-visible,.mobile-nav>summary:focus-visible { outline:3px solid #b18e26; outline-offset:4px; }
/* Let the card shrink to its grid track instead of widening the document. */
.sample-preview-grid>*, .cash-example-result>* { min-width:0; }
.cash-example .text-button { max-width:100%; white-space:normal; }
.cash-example .text-button svg { flex-shrink:0; }

@media(max-width:760px) {
  .site-header { position:sticky; top:0; z-index:50; background:#0b1a30; display:flex; align-items:center; gap:12px; padding:14px 20px; }
  .site-header .wordmark { font-size:24px; margin-right:auto; }
  .site-header .wordmark>svg { width:28px; height:28px; }
  .site-header .desktop-nav { display:none; }
  .site-header .nav-cta { min-height:44px; padding:8px 12px; margin:0; font-size:12px; border-radius:4px; }
  .site-header .nav-cta>span { display:none; }
  .mobile-nav { display:block; position:static; }
  .mobile-nav>summary { display:flex; align-items:center; justify-content:center; gap:6px; list-style:none; cursor:pointer; min-height:44px; min-width:44px; font-size:13px; color:#f7f6f2; }
  .mobile-nav>summary::-webkit-details-marker { display:none; }
  .mobile-nav>summary svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.7; }
  .mobile-nav nav { position:absolute; top:100%; left:0; right:0; display:grid; padding:12px 24px 20px; background:#0b1a30; border-top:1px solid #334359; box-shadow:0 20px 24px #0b1a3020; }
  .mobile-nav nav a { display:flex; align-items:center; min-height:50px; font-size:17px; border-bottom:1px solid #334359; color:#f7f6f2; text-decoration:none; }
  .mobile-nav nav a:last-child { border-bottom:0; color:#dbc473; }
  html { scroll-padding-top:92px; }
  .workflow-heading { gap:18px; margin-bottom:28px; }
  .workflow-topline { padding:14px 20px; }
  .workflow-steps { display:flex; overflow-x:auto; padding:0 12px; gap:10px; }
  .workflow-steps a { white-space:nowrap; min-height:50px; padding:12px 8px; font-size:13px; }
  .workflow-scene { display:block; padding:24px 20px; scroll-margin-top:92px; }
  .workflow-caption { padding:0; }
  .workflow-caption h3 { font-size:27px; }
  .workflow-caption>p { font-size:16px; line-height:1.5; margin-top:12px; }
  .workflow-caption>.text-button { margin-top:10px; min-height:44px; }
  .workflow-example { display:block; margin-top:18px; border-top:1px solid #c7d0c0; }
  .workflow-example>summary { display:flex; align-items:center; justify-content:space-between; min-height:52px; font-size:15px; font-weight:600; color:#244638; cursor:pointer; list-style:none; }
  .workflow-example>summary::-webkit-details-marker { display:none; }
  .workflow-example>summary svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; }
  .workflow-example[open]>summary svg { transform:rotate(45deg); }
  .workflow-example .workflow-art { padding-top:6px; }
  .workflow-example .demo-voice { font-size:15px; padding:18px; }
  .workflow-example .demo-organized { padding:18px; }
  .workflow-example .demo-organized dl>div { padding:10px 0; }
  .viewer-header { padding:12px 20px; gap:12px; flex-wrap:wrap; }
  .viewer-header>a { font-size:14px; }
  .viewer-header>span { display:none; }
  .viewer-intro { gap:28px; }
  .viewer-intro .plan-start { margin-top:22px; }
  .plan-start .action-link { width:100%; font-size:15px; }
  .plan-start .action-link svg { width:18px; }
  .plan-nav { margin-bottom:34px; }
  .sample-preview-grid { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:380px) {
  .site-header { padding:12px 16px; gap:8px; }
  .site-header .wordmark { font-size:20px; }
  .site-header .wordmark>svg { width:24px; height:24px; }
  .site-header .nav-cta { padding:8px; white-space:nowrap; }
  .cash-example-result { flex-direction:column; align-items:flex-start; gap:10px; }
  .cash-example-cpp { flex-wrap:wrap; gap:4px 12px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }