.benefits-section { background: var(--panel-bg); }
.benefit-example-note { max-width: 860px; margin: 0 0 24px; color: var(--charcoal-soft); font-size: 14px; }
.benefit-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.benefit-metrics > div { display: flex; flex-direction: column; padding: 26px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--ivory); }
.benefit-metrics span { font-size: 14px; font-weight: 700; }
.benefit-metrics strong { margin: 14px 0 7px; font-size: clamp(28px, 3.2vw, 40px); line-height: 1.2; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.benefit-metrics small { color: var(--charcoal-soft); font-size: 12px; }
.benefit-overview { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); margin: 24px 0 40px; gap: 22px; }
.benefit-chart, .benefit-cost-summary { margin: 0; padding: 28px; border: 1px solid var(--line); border-radius: var(--radius); }
.benefit-chart figcaption, .benefit-cost-summary h3 { margin: 0 0 24px; font-size: 20px; font-weight: 800; letter-spacing: -.025em; }
.benefit-bar-row + .benefit-bar-row { margin-top: 24px; }
.benefit-bar-row > div:first-child { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 9px; font-size: 14px; }
.benefit-bar-row strong { font-size: 18px; font-variant-numeric: tabular-nums; }
.benefit-bar-track { height: 28px; border-radius: 6px; background: var(--ivory-deep); overflow: hidden; }
.benefit-bar-track > span { display: block; height: 100%; border-radius: 6px; transition: width .2s ease; }
.benefit-bar-before { background: var(--charcoal); }
.benefit-bar-after { background: var(--sage); }
.benefit-chart > p, .benefit-cost-summary > p { margin: 20px 0 0; color: var(--charcoal-soft); font-size: 13px; }
.benefit-cost-summary dl { margin: 0; }
.benefit-cost-summary dl > div { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.benefit-cost-summary dt { font-size: 13px; }
.benefit-cost-summary dd { margin: 0; font-weight: 800; text-align: right; font-variant-numeric: tabular-nums; }
.benefit-cost-summary dd.is-negative { color: #8d3d35; }
.benefit-table-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.benefit-table-heading h3 { margin: 0; font-size: 23px; letter-spacing: -.025em; }
.benefit-table-help { margin: 12px 0 18px; color: var(--charcoal-soft); font-size: 13px; }
.benefit-table-scroll { max-width: 100%; overflow-x: auto; border: 1px solid var(--line); border-radius: var(--radius); }
.benefit-table { width: 100%; min-width: 610px; border-collapse: collapse; text-align: left; font-size: 14px; }
.benefit-table caption { padding: 14px 18px; color: var(--charcoal-soft); text-align: left; font-size: 13px; }
.benefit-table th, .benefit-table td { padding: 16px 18px; border-bottom: 1px solid var(--line); vertical-align: middle; }
.benefit-table thead th { background: var(--ivory); color: var(--charcoal-soft); font-size: 12px; font-weight: 700; }
.benefit-table tbody th { min-width: 150px; font-weight: 700; }
.benefit-table input { width: 100%; min-width: 70px; max-width: 110px; min-height: 44px; padding: 9px 10px; border: 1px solid var(--line-strong); border-radius: 8px; background: white; color: var(--charcoal); font-variant-numeric: tabular-nums; }
.benefit-table td:last-child { font-weight: 700; white-space: nowrap; font-variant-numeric: tabular-nums; }
.benefit-table tfoot { background: var(--ivory); }
.benefit-table tfoot th, .benefit-table tfoot td, .benefit-table tbody tr:last-child th, .benefit-table tbody tr:last-child td { border-bottom: 0; }
.benefit-table tfoot td { font-size: 13px; }
.benefit-settings, .benefit-scenarios, .benefit-evidence { margin-top: 26px; border-top: 1px solid var(--line); }
.benefit-settings summary, .benefit-scenarios summary, .benefit-evidence summary { padding: 22px 0; font-weight: 800; cursor: pointer; }
.benefit-setting-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.benefit-setting-grid label { display: grid; gap: 8px; font-size: 13px; font-weight: 700; }
.benefit-setting-grid label > div { display: flex; align-items: center; border: 1px solid var(--line-strong); border-radius: 8px; overflow: hidden; background: white; }
.benefit-setting-grid input { min-width: 0; width: 100%; min-height: 46px; border: 0; padding: 11px; background: transparent; color: var(--charcoal); font-variant-numeric: tabular-nums; }
.benefit-setting-grid label > div > span { flex: 0 0 auto; padding: 0 12px; color: var(--charcoal-soft); font-weight: 400; }
.benefit-settings p, .benefit-value-note, .benefit-evidence > p { max-width: 930px; margin: 18px 0 0; color: var(--charcoal-soft); font-size: 13px; }
.benefit-threshold { margin: 0; padding: 20px 24px; border-left: 3px solid var(--sage); background: var(--ivory); font-weight: 700; }
.benefit-evidence { margin-top: 40px; }
.benefit-evidence-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.benefit-evidence article { padding: 24px; border: 1px solid var(--line); border-radius: var(--radius); }
.benefit-evidence h3 { margin: 0 0 14px; font-size: 16px; }
.benefit-evidence strong { display: block; color: var(--sage-text); font-size: 22px; letter-spacing: -.03em; }
.benefit-evidence article p, .benefit-evidence article a { font-size: 13px; }
.benefit-evidence article p { color: var(--charcoal-soft); }
.benefit-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (max-width: 900px) {
  .benefit-overview { grid-template-columns: 1fr; }
  .benefit-evidence-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .benefit-metrics { grid-template-columns: 1fr; gap: 10px; }
  .benefit-metrics > div { padding: 22px; }
  .benefit-metrics strong { font-size: 34px; margin-top: 9px; }
  .benefit-chart, .benefit-cost-summary { padding: 22px 18px; }
  .benefit-table-heading { align-items: flex-start; flex-direction: column; gap: 14px; }
  .benefit-table-heading .button { width: auto; }
  .benefit-table th, .benefit-table td { padding: 13px 12px; }
  .benefit-setting-grid { grid-template-columns: 1fr; }
  .benefit-cost-summary dl > div { gap: 12px; }
  .benefit-cost-summary dd { font-size: 14px; }
  .benefit-threshold { padding: 18px; font-size: 14px; }
}

/* Task inclusion is separate from its inline editor. */
.benefit-work-chevron { display: block; width: 8px; height: 8px; border-right: 1.5px solid var(--charcoal-soft); border-bottom: 1.5px solid var(--charcoal-soft); transform: rotate(45deg); margin: -4px 2px 0 6px; flex: 0 0 auto; }
.benefit-cost-settings[open] > summary .benefit-work-chevron { transform: rotate(225deg); margin-top: 4px; }
.benefit-cost-settings > summary::-webkit-details-marker { display: none; }
.benefit-stepper { display: flex; align-items: center; gap: 8px; }
.benefit-stepper > button { width: 44px; height: 48px; flex: 0 0 auto; border: 1px solid var(--line-strong); border-radius: 9px; background: var(--panel-bg); cursor: pointer; font-size: 22px; line-height: 1; }
.benefit-stepper > button:hover { border-color: var(--sage); }
.benefit-stepper > button:disabled { cursor: default; opacity: .4; }
.benefit-unit-input { display: flex; align-items: center; min-width: 0; border: 1px solid var(--line-strong); border-radius: 9px; background: white; overflow: hidden; }
.benefit-unit-input:focus-within { border-color: var(--sage); box-shadow: 0 0 0 2px rgba(119, 137, 111, .18); }
.benefit-unit-input input { width: 100%; min-width: 0; min-height: 48px; padding: 10px 12px; border: 0; border-radius: 0; background: transparent; color: var(--charcoal); font-size: 17px; font-weight: 700; font-variant-numeric: tabular-nums; }
.benefit-unit-input input::-webkit-inner-spin-button, .benefit-unit-input input::-webkit-outer-spin-button { appearance: none; margin: 0; }
.benefit-unit-input input[type="number"] { -moz-appearance: textfield; }
.benefit-unit-input > span { flex: 0 0 auto; padding-right: 12px; color: var(--charcoal-soft); font-size: 12px; font-weight: 400; white-space: nowrap; }
.benefit-stepper > .benefit-unit-input { flex: 1; }
.benefit-work-totals { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 16px; padding: 18px 24px; border-radius: var(--radius); background: var(--ivory); }
.benefit-work-totals > div { display: grid; gap: 5px; }
.benefit-work-totals > div:last-child { text-align: right; }
.benefit-work-totals > div > span { color: var(--charcoal-soft); font-size: 12px; }
.benefit-work-totals strong { font-size: 16px; font-variant-numeric: tabular-nums; }
.benefit-settings { margin-top: 34px; padding-top: 28px; }
.benefit-settings-heading h3 { margin: 0; font-size: 23px; letter-spacing: -.025em; }
.benefit-settings-heading p { margin: 10px 0 20px; }
.benefit-hourly-control { display: flex; align-items: end; gap: 28px; }
.benefit-value-presets { display: flex; gap: 8px; flex: 1; }
.benefit-value-presets button { flex: 1; min-height: 48px; padding: 12px 20px; border: 1px solid var(--line-strong); border-radius: 10px; background: transparent; font-weight: 700; cursor: pointer; white-space: nowrap; }
.benefit-value-presets button[aria-pressed="true"] { border-color: var(--charcoal); background: var(--charcoal); color: var(--ivory); }
.benefit-value-presets button:hover { border-color: var(--sage); }
.benefit-hourly-custom { display: grid; gap: 6px; min-width: 0; flex: 0 1 260px; }
.benefit-hourly-custom > span:first-child { font-size: 12px; color: var(--charcoal-soft); }
.benefit-cost-settings { margin-top: 22px; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; }
.benefit-cost-settings > summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 24px; list-style: none; }
.benefit-cost-settings > summary > span:first-child { display: grid; gap: 6px; }
.benefit-cost-settings summary strong { font-size: 14px; }
.benefit-cost-settings summary small { color: var(--charcoal-soft); font-size: 12px; font-weight: 400; font-variant-numeric: tabular-nums; }
.benefit-cost-groups { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; padding: 24px; border-top: 1px solid var(--line); background: var(--ivory); }
.benefit-cost-groups fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.benefit-cost-groups legend { font-size: 13px; font-weight: 800; margin-bottom: 16px; }
.benefit-cost-groups .benefit-setting-grid { grid-template-columns: 1fr; gap: 12px; }
.benefit-cost-settings > p { margin: 0; padding: 18px 24px; border-top: 1px solid var(--line); font-size: 12px; }
.benefit-settings > .benefit-hourly-note { font-size: 12px; margin-top: 14px; }
@media (max-width: 900px) {
  .benefit-cost-groups { grid-template-columns: 1fr; }
  .benefit-cost-groups .benefit-setting-grid { grid-template-columns: 1fr 1fr; }
  .benefit-cost-groups .benefit-setting-single { grid-template-columns: 1fr; max-width: 50%; }
}
@media (max-width: 640px) {
  .benefit-work-totals { padding: 16px; gap: 12px; }
  .benefit-work-totals strong { font-size: 13px; }
  .benefit-hourly-control { flex-direction: column; align-items: stretch; gap: 16px; }
  .benefit-hourly-custom { flex-basis: auto; }
  .benefit-value-presets button { padding: 12px 10px; }
  .benefit-settings-heading h3 { font-size: 21px; }
  .benefit-cost-settings > summary { padding: 18px 16px; }
  .benefit-cost-groups { padding: 20px 16px; }
  .benefit-cost-groups .benefit-setting-grid, .benefit-cost-groups .benefit-setting-single { grid-template-columns: 1fr; max-width: none; }
  .benefit-cost-settings > p { padding: 16px; }
}

.benefit-work-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; align-items: stretch; }
.benefit-work-card { min-width: 0; display: grid; grid-template-rows: auto 1fr auto auto; gap: 14px; padding: 20px 16px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel-bg); }
.benefit-work-card:has(input:checked) { background: var(--ivory); border-color: var(--sage); }
.benefit-work-select { display: flex; gap: 8px; align-items: flex-start; min-height: 40px; cursor: pointer; font-size: 14px; font-weight: 800; line-height: 1.4; }
.benefit-work-select input { flex: 0 0 auto; width: 18px; height: 18px; margin: 1px 0 0; accent-color: var(--sage-text); cursor: pointer; }
.benefit-work-card-summary { min-height: 36px; margin: 0; color: var(--charcoal-soft); font-size: 11px; font-variant-numeric: tabular-nums; line-height: 1.7; }
.benefit-work-card-saving { display: grid; gap: 3px; }
.benefit-work-card-saving > span { font-size: 11px; color: var(--charcoal-soft); }
.benefit-work-card-saving > strong { font-size: 22px; color: var(--sage-text); font-variant-numeric: tabular-nums; line-height: 1.3; }
.benefit-work-card-saving > strong.is-negative { color: #8d3d35; }
.benefit-work-card:has(input:not(:checked)) .benefit-work-card-saving > strong { font-size: 16px; color: var(--charcoal-soft); }
.benefit-edit-work { width: 100%; min-height: 40px; border: 1px solid var(--line-strong); border-radius: 8px; background: var(--panel-bg); font-size: 12px; font-weight: 700; cursor: pointer; }
.benefit-edit-work[aria-pressed="true"] { border-color: var(--sage-text); background: var(--sage-text); color: var(--ivory); }
.benefit-edit-work:disabled { cursor: default; opacity: .45; }
.benefit-work-editor { margin-top: 20px; padding: 24px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--ivory); }
.benefit-work-editor h4 { margin: 0; font-size: 18px; letter-spacing: -.02em; }
.benefit-work-editor > p { margin: 8px 0 20px; color: var(--charcoal-soft); font-size: 12px; }
.benefit-editor-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: start; }
.benefit-editor-field { display: grid; gap: 10px; min-width: 0; }
.benefit-editor-field > label { display: flex; align-items: center; min-height: 20px; font-size: 13px; font-weight: 700; }
.benefit-editor-field > .benefit-unit-input, .benefit-editor-field > .benefit-stepper { min-height: 48px; }
@media (max-width: 1000px) {
  .benefit-work-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .benefit-work-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .benefit-work-card { padding: 16px 12px; gap: 12px; }
  .benefit-work-select { font-size: 13px; }
  .benefit-work-card-saving > strong { font-size: 20px; }
  .benefit-work-editor { padding: 20px 16px; }
  .benefit-editor-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px; }
  .benefit-editor-field:first-child { grid-column: 1 / -1; }
  .benefit-editor-field > label { font-size: 12px; }
  .benefit-unit-input input { padding-inline: 10px; }
}

.benefit-order-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; grid-template-areas: "choice receipt" "editor receipt" "totals receipt" "note receipt"; gap: 20px 24px; align-items: start; }
.benefit-order-choice { grid-area: choice; min-width: 0; }
.benefit-order-choice .benefit-work-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.benefit-order-layout > .benefit-work-editor { grid-area: editor; margin: 0; }
.benefit-order-layout > .benefit-work-totals { grid-area: totals; margin: 0; }
.benefit-order-layout > .benefit-table-help { grid-area: note; margin: 0; }
.benefit-order-choice .benefit-work-card { grid-template-rows: auto auto 1fr auto auto; gap: 12px; }
.benefit-task-price { margin: 0; color: var(--charcoal-soft); font-size: 12px; }
.benefit-task-price strong { color: var(--charcoal); font-size: 16px; font-variant-numeric: tabular-nums; }
.benefit-receipt { grid-area: receipt; position: sticky; top: 24px; min-width: 0; padding: 26px 22px; border: 1px solid var(--line-strong); border-radius: 12px; background: #fffefb; box-shadow: 0 8px 24px rgba(51, 49, 44, .05); }
.benefit-receipt-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.benefit-receipt-heading h3 { margin: 0; font-size: 19px; letter-spacing: -.03em; }
.benefit-receipt-heading > span { color: var(--charcoal-soft); font-size: 11px; white-space: nowrap; }
.benefit-receipt-type { margin: 8px 0 22px; color: var(--charcoal-soft); font-size: 12px; }
.benefit-receipt-items { margin: 0; padding: 18px 0; border-top: 1px dashed var(--line-strong); border-bottom: 1px dashed var(--line-strong); list-style: none; display: grid; gap: 14px; }
.benefit-receipt-items > li { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; font-size: 12px; }
.benefit-receipt-items strong { flex: 0 0 auto; font-weight: 650; font-variant-numeric: tabular-nums; }
.benefit-receipt-items .benefit-receipt-empty { color: var(--charcoal-soft); line-height: 1.8; }
.benefit-receipt-breakdown { margin: 18px 0 0; display: grid; gap: 12px; }
.benefit-receipt-breakdown > div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; font-size: 12px; }
.benefit-receipt-breakdown dd { margin: 0; flex: 0 0 auto; font-variant-numeric: tabular-nums; }
.benefit-receipt-discount { color: var(--sage-text); font-weight: 700; }
.benefit-receipt-discount dt > span { display: inline-block; margin-left: 5px; padding: 2px 5px; border-radius: 4px; background: var(--ivory); font-size: 11px; }
.benefit-receipt-total { display: grid; gap: 8px; margin-top: 22px; padding-top: 20px; border-top: 1px dashed var(--line-strong); }
.benefit-receipt-total > span { font-size: 13px; font-weight: 700; }
.benefit-receipt-total > strong { font-size: 32px; line-height: 1.25; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.benefit-receipt-offer { margin: 16px 0 0; padding: 12px; border-radius: 8px; background: var(--ivory); color: var(--sage-text); font-size: 12px; line-height: 1.7; }
.benefit-receipt-scope { margin-top: 18px; padding-top: 16px; border-top: 1px dashed var(--line-strong); }
.benefit-receipt-scope p { margin: 0; font-size: 11px; color: var(--charcoal-soft); line-height: 1.8; }
.benefit-receipt-scope p + p { margin-top: 8px; }
.benefit-receipt-scope strong { color: var(--charcoal); font-weight: 700; }
.benefit-setup-price-help { margin: 0 0 12px !important; font-size: 11px !important; }
.benefit-unit-input:has(input[readonly]) { background: var(--ivory); border-color: var(--line); }
@media (max-width: 1100px) {
  .benefit-order-layout .benefit-editor-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .benefit-order-layout .benefit-editor-field:first-child { grid-column: 1 / -1; }
}
@media (max-width: 1000px) {
  .benefit-order-layout { grid-template-columns: minmax(0, 1fr); grid-template-areas: "choice" "receipt" "editor" "totals" "note"; gap: 20px; }
  .benefit-receipt { position: static; }
}
@media (max-width: 640px) {
  .benefit-order-choice .benefit-work-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .benefit-receipt { padding: 24px 20px; }
  .benefit-receipt-items > li, .benefit-receipt-breakdown > div { font-size: 13px; }
  .benefit-task-price { font-size: 11px; }
}
.benefit-selection-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:16px; }
.benefit-selection-actions button, .benefit-editor-nav button { min-height:40px; padding:8px 12px; border:1px solid var(--line-strong); border-radius:8px; background:var(--panel-bg); cursor:pointer; font-size:12px; }
.benefit-selection-actions span { margin-left:auto; font-size:12px; color:var(--sage-text); }
.benefit-editor-nav { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:20px; }
.benefit-editor-nav button[aria-pressed="true"] { background:var(--sage-text); color:white; }
.benefit-input-basis { padding:12px; border-radius:8px; background:var(--panel-bg); line-height:1.7; }
.benefit-receipt-detail summary { cursor:pointer; font-size:12px; padding:12px 0; }
.benefit-receipt > .button { width:100%; margin-top:20px; }
.benefit-consult-help { font-size:11px; color:var(--charcoal-soft); line-height:1.7; }
.benefit-consult-context { padding:18px; border:1px solid var(--sage); border-radius:12px; background:var(--ivory); font-size:14px; }
#benefit-results { margin-top:32px; scroll-margin-top:24px; }
#benefit-results > h3 { font-size:23px; margin:0 0 18px; }
.benefit-quick-summary { display:none; }
@media(max-width:1000px) {
 .benefit-order-layout { grid-template-areas:"choice" "editor" "totals" "note" "receipt"; }
}
@media(max-width:640px) {
 .benefit-work-grid > .benefit-work-editor { grid-column:1 / -1; min-width:0; margin:0; }
 .benefit-editor-nav { display:none; }
 .benefit-order-layout { gap:16px; }
 .benefit-receipt { display:flex; flex-direction:column; }
 .benefit-receipt-heading { order:0; }
 .benefit-receipt-type { order:1; margin-bottom:0; }
 .benefit-receipt-total { order:2; }
 .benefit-receipt-offer { order:3; }
 .benefit-receipt-detail { order:4; margin-top:14px; }
 .benefit-receipt-scope { order:5; }
 .benefit-receipt > .button { order:6; }
 .benefit-consult-help { order:7; }
 .benefit-quick-summary:not([hidden]) { display:flex; position:fixed; z-index:60; bottom:0; left:0; right:0; align-items:center; gap:12px; justify-content:space-between; padding:12px 16px calc(12px + env(safe-area-inset-bottom)); background:var(--charcoal); color:white; box-shadow:0 -4px 16px #0001; }
 .benefit-quick-summary span { font-size:12px; font-variant-numeric:tabular-nums; }
 .benefit-quick-summary button { flex-shrink:0; min-height:42px; padding:10px 14px; background:var(--ivory); border:0; border-radius:8px; color:var(--charcoal); font-weight:700; }
 .benefit-calculator-visible .ax-sticky { display:none; }
}
@media(prefers-reduced-motion:reduce) { .benefit-bar-track > span { transition:none; } }
.benefit-calculation-notes { margin-top:24px; border-top:1px solid var(--line); }
.benefit-calculation-notes summary { cursor:pointer; padding:18px 0; color:var(--charcoal-soft); font-size:12px; }
.benefit-calculation-notes p { margin:0 0 14px; font-size:12px; line-height:1.8; color:var(--charcoal-soft); }
.benefit-input-reference { margin:0 0 18px; }
.benefit-input-reference summary { font-size:12px; color:var(--charcoal-soft); cursor:pointer; }

.benefit-quick-summary:not([hidden]) { display:flex; position:fixed; z-index:60; bottom:20px; right:24px; align-items:center; justify-content:space-between; gap:20px; padding:14px 18px; border-radius:12px; background:var(--charcoal); color:white; box-shadow:0 4px 24px #0002; }
.benefit-quick-summary span { font-size:14px; font-weight:700; font-variant-numeric:tabular-nums; }
.benefit-quick-summary button { flex-shrink:0; min-height:42px; padding:10px 14px; background:var(--ivory); border:0; border-radius:8px; color:var(--charcoal); font-weight:700; cursor:pointer; }
.benefit-calculator-visible .ax-sticky, .diagnosis-active .benefit-quick-summary { display:none; }
@media(max-width:640px) {
 .benefit-quick-summary:not([hidden]) { bottom:0; left:0; right:0; border-radius:0; gap:12px; padding:12px 16px calc(12px + env(safe-area-inset-bottom)); }
 .benefit-quick-summary span { font-size:12px; }
}
body:has(.benefit-quick-summary) .ax-sticky { display:none; }
.benefit-order-layout .benefit-editor-fields { grid-template-columns:minmax(0,1fr); gap:14px; }
.benefit-editor-fields > .benefit-editor-field { max-width:420px; width:100%; }
.benefit-reference-summary { margin:0; font-size:12px; color:var(--charcoal-soft); }
.benefit-work-scope { margin:0 0 20px !important; font-size:12px; line-height:1.8; }
.benefit-time-adjust { border-top:1px solid var(--line); padding-top:12px; }
.benefit-time-adjust summary { cursor:pointer; font-size:12px; font-weight:700; padding:4px 0; }
.benefit-time-adjust > p { font-size:12px; color:var(--charcoal-soft); margin:12px 0; }
.benefit-time-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:16px 0; }
.benefit-time-adjust button { padding:8px 12px; min-height:40px; background:var(--panel-bg); border:1px solid var(--line-strong); border-radius:8px; font-size:12px; cursor:pointer; }
.benefit-order-layout .benefit-time-fields > .benefit-editor-field:first-child { grid-column:auto; }