.margin-markup-wrapper{width:100%}.mm-workspace{gap:var(--space-8);grid-template-columns:1fr;display:grid}@media (width>=960px){.mm-workspace{grid-template-columns:1.25fr 1fr;align-items:start}}.mm-inputs-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.mm-section-title{color:var(--color-text);margin:0 0 var(--space-5) 0;font-weight:700}.segmented-control{gap:var(--space-1);background-color:var(--color-bg);padding:var(--space-1);border-radius:var(--radius-md);border:1px solid var(--color-border);flex-wrap:wrap;display:flex}.segment-btn{flex:1 1 calc(33.33% - var(--space-1));font-size:var(--text-xs);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);min-height:44px;color:var(--color-text-muted);cursor:pointer;text-align:center;transition:all var(--transition-fast);background:0 0;border:none;font-weight:600}.segment-btn.active{background-color:var(--color-surface);color:var(--color-brand);box-shadow:var(--shadow-sm);font-weight:700}.input-currency-wrap,.input-unit-wrap{align-items:center;display:flex}.input-currency-wrap .form-input{border-top-left-radius:0;border-bottom-left-radius:0}.input-unit-wrap .form-input{border-top-right-radius:0;border-bottom-right-radius:0}.input-currency{padding:0 var(--space-4);background-color:var(--color-bg);border:1px solid var(--color-border);border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md);height:42px;font-size:var(--text-sm);color:var(--color-text-muted);border-right:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.input-unit{padding:0 var(--space-4);background-color:var(--color-bg);border:1px solid var(--color-border);border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);height:42px;font-size:var(--text-sm);color:var(--color-text-muted);border-left:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.mm-presets{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.mm-presets-label{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-2);font-weight:600;display:block}.mm-presets-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.preset-chip{padding:var(--space-1) var(--space-2);font-size:var(--text-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);min-height:44px;font-weight:600}.preset-chip:hover{border-color:var(--color-brand);color:var(--color-brand);background-color:var(--color-surface)}.mm-actions{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border);justify-content:flex-end;display:flex}.mm-results-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.mm-highlight-box{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);text-align:center;margin-bottom:var(--space-4)}.mm-highlight-box.is-loss{background-color:#fef2f2;border-color:#fca5a5}.mm-highlight-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-1);font-weight:600;display:block}.mm-highlight-val{overflow-wrap:anywhere;color:var(--color-brand);font-size:clamp(1.5rem,6vw,2.75rem);font-weight:800;font-family:var(--font-mono,monospace);line-height:1.1;display:block}.mm-highlight-box.is-loss .mm-highlight-val{color:#dc2626}.mm-highlight-sub{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1);display:block}.mm-metrics-grid{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.mm-metric-card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);text-align:center}.mm-card-label{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:2px;font-weight:600;display:block}.mm-card-val{font-size:var(--text-lg);overflow-wrap:anywhere;font-weight:800;font-family:var(--font-mono,monospace);display:block}.mm-card-desc{color:var(--color-text-muted);margin-top:2px;font-size:10px;display:block}.text-success{color:#16a34a}.text-danger{color:#dc2626}.text-brand{color:var(--color-brand)}.text-muted{color:var(--color-text)}.mm-distinction-callout{background-color:var(--color-bg);border-left:3px solid var(--color-brand);padding:var(--space-3) var(--space-4);border-radius:0 var(--radius-md) var(--radius-md) 0}.mm-callout-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text);margin-bottom:2px;font-weight:700;display:block}.mm-callout-desc{color:var(--color-text-muted);line-height:var(--leading-normal);margin:0}.mm-empty-state{padding:var(--space-8);text-align:center;color:var(--color-text-muted)}.mm-result-actions,.mm-download-options{gap:var(--space-2);flex-wrap:wrap;display:flex}.mm-download-options{margin-top:var(--space-2)}.mm-message{color:var(--color-text-muted)}.mm-disclaimer{margin:var(--space-5) 0 0;padding-top:var(--space-4);border-top:1px solid var(--color-border);color:var(--color-text-muted)}.mm-workspace,.mm-inputs-card,.mm-results-card{min-width:0}.mm-inputs-card .form-input,.mm-results-card .form-input{box-sizing:border-box;width:100%;min-width:0}@media (width<=479px){.mm-inputs-card,.mm-results-card{padding:var(--space-4)}.mm-metrics-grid{grid-template-columns:1fr}.segment-btn{flex-basis:100%}}.formula-box{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-4) 0}.formula-box p{margin:var(--space-2) 0 var(--space-1) 0;color:var(--color-text-muted);text-transform:uppercase;font-weight:600}.formula-box code{background-color:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);overflow-wrap:anywhere;border-radius:var(--radius-sm);font-family:var(--font-mono,monospace);font-size:var(--text-sm);color:var(--color-brand);margin-bottom:var(--space-2);display:block}.example-grid{gap:var(--space-6);margin:var(--space-4) 0;grid-template-columns:1fr;display:grid}@media (width>=680px){.example-grid{grid-template-columns:1fr 1fr}}.example-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5)}.example-card h3{color:var(--color-text);margin:0 0 var(--space-3) 0;font-weight:700}.table-container{margin:var(--space-4) 0;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:var(--text-xs);text-align:left}.data-table th,.data-table td{padding:var(--space-3);border:1px solid var(--color-border)}.data-table th{background-color:var(--color-bg);color:var(--color-text);font-weight:700}.badge-status{background-color:var(--color-bg);border-radius:var(--radius-sm);color:var(--color-brand);padding:2px 6px;font-size:11px;font-weight:600;display:inline-block}.disclaimer-box{background-color:var(--color-bg);border-left:4px solid var(--color-warning,#d97706);padding:var(--space-4) var(--space-5);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:var(--space-6) 0}.disclaimer-box h3{margin:0 0 var(--space-2) 0;color:var(--color-text);font-weight:700}.disclaimer-box p{color:var(--color-text-muted);line-height:var(--leading-normal);margin:0}.internal-links-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=600px){.internal-links-grid{grid-template-columns:repeat(3,1fr)}}.link-card{padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);flex-direction:column;text-decoration:none;display:flex}.link-card:hover{border-color:var(--color-brand);box-shadow:var(--shadow-sm)}.link-title{font-size:var(--text-sm);color:var(--color-brand);margin-bottom:var(--space-1);font-weight:700}.link-desc{font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-normal)}
