.compound-page .page-heading{max-width:780px;padding-top:10px}.compound-page .category-label{display:block;margin-bottom:14px}.compound-intro{max-width:620px;margin-top:14px!important}.compound-fields{row-gap:24px}.compound-fields label{min-height:48px}.compound-settings{margin-top:22px}.compound-settings .unit-row{margin:18px 0 0}.compound-settings summary{min-height:44px;display:list-item;padding-top:8px}.compound-balance{font-size:clamp(32px,4.3vw,54px);display:block;line-height:1.15}.compound-page .secondary-results{margin-top:28px}.compound-page .secondary-results strong{font-size:clamp(19px,2.2vw,26px)}.compound-bar{height:9px;border-radius:8px;background:var(--accent);overflow:hidden;margin-top:24px}.compound-bar span{display:block;height:100%;background:var(--muted);opacity:.6}.compound-exploration{padding:18px 0 36px}.compound-options{display:flex;gap:10px;flex-wrap:wrap}.compound-options button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.compound-comparison{padding:22px 24px;background:var(--accent-soft);border-radius:14px;margin-top:22px}.compound-comparison strong{font-size:22px;display:block}.compound-comparison p{margin:8px 0 0;font-size:14px}.compound-chart{background:var(--surface);border:1px solid var(--line);border-radius:18px;margin-top:24px;padding:20px 10px 14px;color:var(--accent)}.compound-chart svg{display:block;width:100%;height:auto;overflow:visible}.compound-chart text{fill:var(--muted);font:12px -apple-system,BlinkMacSystemFont,sans-serif}.compound-legend{display:flex;justify-content:center;gap:22px;font-size:12px;flex-wrap:wrap}.compound-legend span:last-child{color:var(--muted)}.compound-table summary{padding-block:8px;min-height:44px}.compound-table-scroll{overflow:auto}.compound-table table{min-width:490px}.compound-table td,.compound-table th{padding:12px}.compound-guide{max-width:760px;padding:30px 0 60px}.compound-guide section{margin-bottom:40px}.compound-guide p{font-size:14px;line-height:1.9}.compound-guide code{overflow-wrap:anywhere}.compound-page .result-status{white-space:normal;text-align:right}.compound-page .result-panel{display:flex;flex-direction:column;justify-content:center}
@media(max-width:650px){.compound-fields{gap:20px 12px}.compound-options button{flex:1 1 44%;font-size:12px}.compound-chart{padding:18px 3px 14px}.compound-chart svg{min-height:190px}.compound-comparison{padding:20px}.compound-page .result-status{font-size:10px}.compound-balance{font-size:42px}}
@media(prefers-reduced-motion:no-preference){.compound-comparison{animation:arrive .2s ease-out}.compound-bar span{transition:width .2s ease-out}}

@media(max-width:420px){.compound-fields label{min-height:70px}}