.view-mode-bar{position:relative;left:0;z-index:30;width:100%;max-width:100vw;padding:8px 14px;background:#e5efed;color:#173c35;border-bottom:1px solid #cbded8;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 16px;font-size:12px;line-height:1.4}
.view-mode-controls{display:flex;align-items:center;gap:4px}.view-mode-controls>span{margin-right:6px;font-weight:650}.view-mode-controls button{border:1px solid transparent;border-radius:7px;padding:8px 11px;min-height:36px;background:transparent;color:#173c35;font-size:12px;font-weight:650}.view-mode-controls button[aria-pressed="true"]{background:#071b2b;color:white}.view-mode-controls button:hover{border-color:#698d82}.view-mode-controls button:focus-visible{outline:3px solid #138568;outline-offset:2px}.view-mode-note:empty{display:none}
html[data-view-mode="mobile"] body{width:430px;max-width:100%;margin-inline:auto;box-shadow:0 0 0 1px #d8e3e6,0 16px 60px #071b2b18}
html[data-view-mode="mobile"]{background:#e2e9ea}
html[data-view-mode="mobile"] .landing-copy h1{font-size:3rem}
html[data-view-mode="mobile"] .welfare-hero-copy h1{font-size:3rem}
html[data-view-mode="desktop"] body{min-width:1280px}
html[data-view-mode="desktop"] .view-mode-bar{position:sticky;left:0}