.view-mode{display:flex;gap:2px;border:1px solid #82929e;padding:3px;flex-shrink:0;border-radius:5px}.view-mode button{font:inherit;font-size:11px;border:0;border-radius:3px;padding:8px 10px;background:transparent;color:inherit;cursor:pointer;white-space:nowrap}.view-mode button[aria-pressed=true]{background:#fff;color:#142936;box-shadow:0 1px 3px #14293625}.view-mode button:focus-visible{outline:2px solid #cf3438;outline-offset:2px}.view-mode button:hover{background:#dae2e8;color:#142936}html[data-view-mode=website] .view-mode{background:#e8edf0}html[data-view-mode=website] .trade-composition{display:none}html[data-view-mode=website] .concept-drawer{margin-top:32px}html[data-view-mode=website] .concept-drawer>summary{cursor:pointer;padding:20px;border:1px solid #cbd4da}html[data-view-mode=software] .header-actions{flex-wrap:wrap}html[data-view-mode=website] .header-actions{flex-wrap:wrap;justify-content:flex-end}
@media(max-width:760px){.view-mode button{font-size:10px;padding:7px}.view-mode{order:3}html[data-view-mode=software] .site-header{height:150px}html[data-view-mode=software] #main{top:150px}html[data-view-mode=software] .header-actions{max-width:210px;gap:5px}.header-actions .view-mode{width:100%;justify-content:center}html[data-view-mode=website] .site-header{row-gap:10px}}
@media(max-width:760px){html[data-view-mode=software] body{grid-template-rows:150px minmax(0,1fr) 30px}html[data-view-mode=software] .site-header{grid-template-rows:88px 38px}html[data-view-mode=software] .header-actions{align-content:start;align-items:center}html[data-view-mode=software] .main-nav{grid-row:2}html[data-view-mode=software] #main{top:auto}}
@media(max-width:760px){.view-mode button{min-height:40px;min-width:62px;font-size:12px}html[data-view-mode=website] .hero h1{font-size:40px;line-height:1.2}html[data-view-mode=software] .header-actions{max-width:210px}.view-mode{padding:2px}html[data-view-mode=software] .proposal-open,html[data-view-mode=software] .proposal-pdf{min-height:40px;display:flex;align-items:center}}
@media(min-width:761px){html[data-view-mode=website] .overview-page{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.85fr);gap:40px}html[data-view-mode=website] .overview-page .hero{grid-column:1;grid-row:1;display:block;min-height:0;padding:40px 0}html[data-view-mode=website] .overview-page .proposal-feature{grid-column:2;grid-row:1;margin:40px 0;align-self:stretch}html[data-view-mode=website] .proposal-feature-main{display:block}html[data-view-mode=website] .proposal-open{margin-top:40px}html[data-view-mode=website] .proposal-pdf{display:block;margin-top:24px;text-decoration:underline}html[data-view-mode=website] .route-overview,html[data-view-mode=website] .concept-section{grid-column:1/-1}}