.article-page .operator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--cf-space-250);gap:var(--cf-space-250)}.article-page .operator-card{padding:var(--cf-space-300);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-300);background:var(--cf-color-surface-raised)}.article-page .operator-card strong{display:block;margin-bottom:var(--cf-space-100)}.article-page .remainder-controls{flex-wrap:wrap}.article-page .remainder-body{display:grid;grid-gap:var(--cf-space-300);gap:var(--cf-space-300)}.article-page .remainder-body label{display:grid;grid-gap:var(--cf-space-100);gap:var(--cf-space-100);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300)}.article-page .remainder-body input{width:100%;min-width:0;padding:var(--cf-space-150) var(--cf-space-200);border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-200);background:var(--cf-color-surface);color:var(--cf-color-text);font:inherit}.article-page .result-grid{display:grid;grid-gap:var(--cf-space-200);gap:var(--cf-space-200);margin:0}.article-page .result-grid div{display:flex;justify-content:space-between;gap:var(--cf-space-200);padding:var(--cf-space-200);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-200);background:var(--cf-color-surface)}.article-page .result-grid dd,.article-page .result-grid dt{margin:0}.article-page .result-grid dd,.article-page .total-readout strong{color:var(--cf-color-text);font-weight:var(--cf-font-weight-bold)}.article-page .total-readout{display:grid;grid-gap:var(--cf-space-200);gap:var(--cf-space-200);place-items:center;min-height:180px}.article-page .total-readout strong{font-size:var(--cf-font-size-700)}@media(max-width:560px){.article-page .operator-grid{grid-template-columns:1fr}}