*{box-sizing:border-box}body{margin:0;background:#e1e7e9;color:#1d2b31;font-family:var(--sf-font)}.react-shell{min-height:100vh}.react-header{min-height:70px;padding:16px clamp(18px,5vw,70px);display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #bdc9ce}.react-brand{font-weight:700;font-size:22px;letter-spacing:-1px;color:inherit;text-decoration:none}.react-header nav{display:flex;flex-wrap:wrap;gap:18px}.react-header nav a{font-size:11px;color:#43545b;text-decoration:none}.react-header a:focus-visible,.react-view-choice select:focus-visible{outline:3px solid var(--sf-focus);outline-offset:3px}.react-main{max-width:1120px;margin:0 auto;padding:clamp(25px,5vw,64px) 18px}.react-eyebrow{font:10px var(--sf-mono);letter-spacing:1.2px;color:#5e7078}.react-main h1{font-size:clamp(32px,5vw,52px);font-weight:500;letter-spacing:-1.8px;margin:10px 0}.react-lede{font-size:14px;line-height:1.7;max-width:620px;color:#52636a}.react-workspace{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:35px;align-items:start}.react-card{min-width:0;background:#f5f7f8;border:1px solid #fff;border-radius:22px;padding:25px;box-shadow:0 3px 1px #a0aaaf,0 13px 22px -13px #29394080}.react-card h2{font-size:21px;font-weight:500;margin:8px 0 23px}.react-card sf-bottom-nav{max-width:320px}.react-content{display:grid;gap:16px;margin-top:24px}.react-content p,.react-status,.react-foot{font-size:12px;line-height:1.6;color:#586971}.react-card sf-bar-chart,.react-card sf-table,.react-card sf-input{display:block;min-width:0}.react-view-choice{font-size:12px}.react-view-choice select{margin-left:8px;padding:8px;border-radius:8px;border:1px solid #adbcc4;background:#fff}.react-foot{margin-top:28px}@media(max-width:700px){.react-header{align-items:flex-start;flex-direction:column}.react-workspace{grid-template-columns:1fr}.react-card{padding:18px}}