.surface-swap-row{display:flex;justify-content:flex-end;margin-top:12px}.surface-swap{border:1px solid #cdd6e1;border-radius:10px;background:#fff;color:#243447;font:inherit;font-weight:650;padding:9px 14px;cursor:pointer}.surface-swap:hover{border-color:#4877c7;background:#f5f8ff}.surface-swap:focus-visible{outline:3px solid rgba(72,119,199,.28);outline-offset:2px}.surface-result-error{border-color:#cf4c4c!important;background:#fff7f7!important}.surface-result-error strong{font-size:1.15rem!important;color:#a72d2d}.surface-table-wrap{overflow-x:auto;margin:20px 0 30px}.surface-table{width:100%;min-width:620px;border-collapse:collapse}.surface-table th,.surface-table td{padding:13px 15px;border-bottom:1px solid #dde4ec;text-align:left;vertical-align:top}.surface-table thead th{background:#eef4fb;color:#243447;font-size:.93rem}.surface-table tbody th{white-space:nowrap;color:#234f85}.surface-formula{margin:18px 0;padding:15px 18px;border-left:4px solid #4877c7;border-radius:0 10px 10px 0;background:#f1f6fc;font-weight:700;color:#243447}.surface-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.surface-example-grid article{padding:17px;border:1px solid #dde4ec;border-radius:14px;background:#fff}.surface-example-grid h3{margin:0 0 8px;font-size:1rem}.surface-example-grid p{margin:0}.surface-note{padding:15px 18px;border-radius:12px;background:#fff8e6}.surface-guide h2:not(:first-child){margin-top:34px}@media(max-width:680px){.surface-example-grid{grid-template-columns:1fr}.surface-swap-row{justify-content:stretch}.surface-swap{width:100%}}