.preview-header{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:20px}.preview-header nav{display:flex;gap:12px;flex-wrap:wrap}.preview-header a{padding:8px;display:inline-block}.preview-header .brand{white-space:normal;color:#fff;text-decoration:none}.preview-header .brand:hover{text-decoration:underline}.preview-return{padding:16px;display:flex;gap:24px;flex-wrap:wrap;background:#e8eef3;font:16px/1.5 Arial,sans-serif}.preview-return a{color:#09233e}img{max-width:100%;height:auto}canvas,svg{max-width:100%}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #1373bb;outline-offset:3px}.banner{font-size:15px!important;line-height:1.5!important}@media(max-width:700px){body{min-width:0!important}main{width:auto!important;margin-inline:12px!important;padding-inline:8px!important}.grid,.grid2,.grid3,.row,.cards,.product-row{grid-template-columns:1fr!important;flex-wrap:wrap}.preview-header{padding:12px;gap:10px}.preview-header nav{gap:4px}.preview-header nav a{font-size:14px}.preview-return{gap:12px}table{display:block;overflow:auto;max-width:100%}canvas{height:auto!important}h1{overflow-wrap:anywhere}.banner{padding:12px!important}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

@media(max-width:700px){
  .flow:has(>.arrow){flex-direction:column}
  .flow:has(>.arrow)>.card{flex:auto}
  .flow>.arrow{transform:rotate(90deg);align-self:center}
  .form-head{flex-wrap:wrap;gap:12px}
  .form-head .stamp{margin-left:0}
  .paper{padding:16px 12px}
  .tabs{flex-wrap:wrap;gap:2px}
  .tab{padding:9px 8px}
  .tab.wbt{margin-left:0}
  .banner:has(.counts){flex-wrap:wrap;gap:10px}
  .banner .counts{margin-left:0;width:100%}
  .count{flex:1;min-width:65px}
  .review{flex-wrap:wrap}
  .files li{flex-wrap:wrap;overflow-wrap:anywhere}
  .preview-return{color:#18212d}
}
/* Shared company identity; tables and controls retain application conventions. */
@font-face{font-family:Bricolage;src:url('/assets/fonts/bricolage-grotesque.woff2');font-weight:100 900;font-display:swap}
body{font-family:Bricolage,Arial,sans-serif;background:#eef1f2;color:#162e40;line-height:1.5}
.preview-header{background:#102d49;padding:24px 32px}.preview-header .brand{font-size:22px;font-weight:600}.preview-header nav a{font-size:16px;margin:0}.banner{background:#d8e6ee;color:#162e40;border:0;padding:14px 32px}.card{border:0;border-radius:0;padding:24px}.grid{gap:8px}main{max-width:1440px;padding:36px 32px 64px}h1{font-size:clamp(30px,3vw,46px);font-weight:500;letter-spacing:-.035em;line-height:1.1;margin-bottom:24px}h2{font-size:26px;font-weight:500;line-height:1.15}h3{font-weight:500}p.lead{font-size:20px;max-width:75ch;margin-bottom:32px}.small{font-size:16px;color:#455564}button{min-height:44px}footer{font-size:16px;padding:28px}.rover-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:8px;margin-bottom:80px}.rover-title-block{background:#102d49;color:#fff;padding:48px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.rover-title-block h1{font-size:clamp(50px,6vw,84px);color:#fff;margin-top:0}.rover-title-block .lead{max-width:27ch;font-size:28px;line-height:1.4}.project-action{background:#fff;color:#102d49;padding:16px 24px;font-size:18px;text-decoration:none;display:inline-flex;gap:24px}.project-action:hover{transform:translateY(-2px)}.rover-product{margin:0;padding:32px;background:#e1e8e6;display:flex;flex-direction:column;justify-content:center}.rover-product img{width:100%;max-height:350px;object-fit:contain;mix-blend-mode:multiply}.rover-product figcaption{font-size:16px;margin-top:24px}.rover-project{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-bottom:64px}.project-heading{background:#d8e6ee;padding:40px}.project-heading h2{font-size:36px;letter-spacing:-.03em;margin-top:0}.project-heading p,.project-features p,.rover-validation p,.simulation-intro p{font-size:18px;line-height:1.6}.project-heading a{color:#102d49;font-size:18px}.project-features{display:grid;gap:8px}.project-features article{background:#fff;padding:28px 36px}.project-features h3{font-size:24px;margin:0 0 12px}.project-features p{margin:0}.rover-validation{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;padding:32px 40px;background:#d8e6ee}.rover-validation h2{margin:0;font-size:32px}.rover-validation p{margin:0}.simulation-intro{margin-top:80px;margin-bottom:28px;max-width:80ch;scroll-margin-top:24px}.simulation-intro h2{font-size:38px;letter-spacing:-.03em}.simulation-intro #mode{font-size:16px}.rover-page canvas{border:0;border-radius:0}.rover-page .grid{align-items:start}.rover-page .pad button{background:#d8e6ee;border:0}.rover-page .pad button:hover{background:#bacfdc}.rover-page select{font:inherit;padding:8px}.rover-page #own{background:#102d49;color:#fff;border:0}.rover-page .pad{gap:8px}.rover-page .stop{min-height:48px}.rover-page #owner{min-height:24px}
@media(max-width:900px){.rover-title-block{padding:32px}.rover-title-block .lead{font-size:24px}.project-heading{padding:28px}.project-heading h2{font-size:30px}.project-features article{padding:24px}.rover-validation{padding:28px}}
@media(max-width:700px){.preview-header{padding:16px}.preview-header nav{gap:2px 10px}.preview-header nav a{padding:6px 0;font-size:15px}.banner{padding:12px 16px!important}main{padding-top:28px}.rover-intro,.rover-project,.rover-validation{grid-template-columns:1fr}.rover-intro{margin-bottom:56px}.rover-title-block{padding:28px}.rover-title-block h1{font-size:48px}.rover-title-block .lead{font-size:23px}.project-action{font-size:16px;padding:16px;gap:14px}.rover-product{padding:24px}.rover-product img{max-height:260px}.rover-project{margin-bottom:40px}.rover-validation{gap:16px}.rover-validation h2{font-size:28px}.simulation-intro{margin-top:56px}.simulation-intro h2{font-size:32px}.rover-page .card{padding:16px}.rover-page .stop{font-size:15px;width:100%}}