/* Soft technology C: integrated horizon + compact bilingual data chips. */
.attitude-c{display:flex;flex-direction:column;padding:10px;gap:8px;background:var(--card);border-radius:16px;min-width:0;height:354px}
.attitude-c-title{display:flex;justify-content:space-between;align-items:center;gap:6px;min-height:22px;padding:0 2px;font-size:12px}
.attitude-c-title b{font-weight:600;white-space:nowrap}.attitude-c-title small{font-size:9px;color:var(--muted);margin-left:3px;font-weight:500;letter-spacing:.3px}
.attitude-c-title>span{font-size:9px;color:var(--muted);white-space:nowrap}.attitude-c-title .is-live{color:var(--green)}.attitude-c-title .is-demo{color:#ac7b30}
.attitude-c-screen{position:relative;flex:1;min-height:0;border-radius:12px;overflow:hidden;background:#253d60}
.attitude-c-screen canvas{width:100%;height:100%}.attitude-c-screen .instrument-offline{top:8px;right:8px;font-size:10px;padding:4px 7px;max-width:calc(100% - 16px);background:#1c2a40d9;color:#e0eafa;border:1px solid #d1e2f533;border-radius:7px}
.attitude-c-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;flex-shrink:0;height:56px}
.attitude-c-values>div{background:var(--bg);border:1px solid var(--line);border-radius:10px;display:flex;justify-content:center;align-items:center;gap:5px;min-width:0;padding:5px 2px}
.attitude-c-values i{font:22px sans-serif;color:#27bdcb;font-style:normal}.attitude-c-values span{min-width:0;text-align:center}.attitude-c-values small{display:block;font-size:9px;white-space:nowrap;color:var(--muted)}.attitude-c-values em{font-style:normal;font-size:8px}.attitude-c-values b{font:600 clamp(13px,1.6vw,19px)/1.4 ui-monospace,monospace;color:var(--text);font-variant-numeric:tabular-nums}
@media(max-width:1100px){.attitude-c{height:330px}.attitude-c-values i{display:none}}
@media(max-width:750px){.attitude-c{height:290px;padding:8px;gap:6px;border-radius:13px}.attitude-c-values{height:53px;gap:5px}.attitude-c-values b{font-size:17px}.attitude-c-title small{font-size:8px}.attitude-c-values small{font-size:8px}.attitude-c-values em{display:block;font-size:8px;line-height:1.2}}
@media(max-width:420px){.attitude-c{height:280px}.attitude-c-values b{font-size:15px}}