/* A single, scannable comparison. Keep both vendors visible on every screen. */
.comparison .comparison-intro{align-items:flex-end;gap:28px;margin-bottom:25px}
.comparison .comparison-intro h2{max-width:570px}
.comparison-pickers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:410px;max-width:100%;flex-shrink:0}
.comparison-pickers .comparison-picker{display:flex;flex-direction:column;align-items:stretch;gap:7px;min-width:0;margin:0;color:#4d5867;font-size:11px;line-height:1.4}
.comparison-pickers .comparison-picker select{display:block;width:100%;min-width:0;min-height:44px;flex:none;margin:0;padding:10px 28px 10px 11px;border:1px solid #bfc7d0;border-radius:5px;background:#fff;color:#151b26;font-size:12px;line-height:1.4}
.comparison-pickers .comparison-picker select:hover{border-color:#596675}
.feature-comparison{width:100%;min-width:0;background:#fff}
.feature-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;background:#fff;color:#151b26;font-size:13px;line-height:1.5}
.feature-table col.feature-label-col{width:44%}
.feature-table col:not(.feature-label-col){width:28%}
.feature-table thead th{vertical-align:top;text-align:left;border:0;border-bottom:1px solid #cbd2da;padding:22px 22px 19px;font-weight:600;color:#151b26;background:#fff;border-radius:0}
.feature-table thead .feature-table-label{vertical-align:bottom;padding-left:0;padding-right:24px;font-size:13px;color:#596675;font-weight:500}
.feature-table thead th.vendor-heading.ours{background:#fff;color:#151b26;border-radius:0;border-top:3px solid #df2335;padding-top:19px}
.feature-table thead th.vendor-heading.competitor{border-top:3px solid #d5dbe2;padding-top:19px}
.feature-table .vendor-name{display:block;color:#151b26;font-size:19px;font-weight:700;line-height:1.25;letter-spacing:-.03em;overflow-wrap:anywhere}
.feature-table .ours .vendor-name{color:#df2335}
.feature-table .vendor-plan{display:block;min-height:31px;margin-top:6px;color:#5d6570;font-size:11px;font-weight:400;line-height:1.45;overflow-wrap:anywhere}
.feature-table .vendor-price{display:block;margin-top:11px}
.feature-table .vendor-price strong{display:block;color:#151b26;font-size:29px;font-weight:700;letter-spacing:-.045em;line-height:1.18;overflow-wrap:anywhere}
.feature-table .vendor-price small{display:block;margin-top:6px;color:#5d6570;font-size:10px;font-weight:400;line-height:1.55;overflow-wrap:anywhere}
.feature-table .vendor-source{display:inline-flex;align-items:center;min-height:44px;max-width:100%;margin-top:5px;padding:7px 0;color:#36475a;text-decoration:underline;text-underline-offset:3px;font-size:10px;font-weight:400;line-height:1.5;overflow-wrap:anywhere}
.feature-table .vendor-source:hover{color:#bd1728}
.feature-table tbody th,.feature-table tbody td{border:0;border-bottom:1px solid #e0e4e8;background:#fff;border-radius:0;padding:18px 22px;vertical-align:top;text-align:left;overflow-wrap:break-word}
.feature-table tbody th{padding-left:0;padding-right:24px;color:#151b26;font-size:13px;font-weight:500;line-height:1.5}
.feature-table tbody td{color:#344152;font-size:12px;line-height:1.5}
.feature-table tbody td.ours{background:#fff;color:#344152;font-weight:400;border-radius:0}
.feature-table .feature-name{display:block;color:#151b26;font-weight:500}
.feature-table .feature-context{display:block;margin-top:4px;color:#5d6570;font-size:11px;font-weight:400;line-height:1.5}
.feature-table .feature-group th{padding:23px 0 10px;color:#637080;font-size:10px;line-height:1.5;font-weight:600;letter-spacing:.07em;text-transform:uppercase;border-bottom:1px solid #cbd2da;background:#fff}
.feature-table .feature-status{display:grid;grid-template-columns:17px minmax(0,1fr);align-items:start;gap:7px;min-width:0}
.feature-table .status-symbol{display:block;color:#586574;font-size:16px;font-weight:600;line-height:1.25;text-align:center}
.feature-table .status-text{display:block;min-width:0}
.feature-table .status-text b{display:block;color:#344152;font-size:12px;font-weight:500;line-height:1.45}
.feature-table .status-text small{display:block;margin-top:4px;color:#5d6570;font-size:10px;font-weight:400;line-height:1.5}
.feature-table .kind-included .status-symbol{color:#df2335}
.feature-table .kind-plan .status-symbol{color:#344152}
.feature-table .kind-extra .status-symbol{color:#8b4d00}
.feature-table .kind-announced .status-symbol,.feature-table .kind-unpublished .status-symbol,.feature-table .kind-quote .status-symbol,.feature-table .kind-limited .status-symbol{color:#637080}
.feature-table .office-feature th,.feature-table .office-feature td{padding-top:22px;padding-bottom:22px;border-top:2px solid #cbd2da;border-bottom:1px solid #cbd2da}
.feature-table .office-feature a{display:inline-block;max-width:100%;margin-top:5px;padding:6px 0;color:#36475a;text-decoration:underline;text-underline-offset:3px;font-size:10px;line-height:1.5}
.feature-table .office-feature a:hover{color:#bd1728}
.feature-legend,.comparison-note{max-width:100%;color:#5d6570;font-size:10px;line-height:1.7}
.feature-legend{margin:15px 0 0}
.comparison-note{margin:8px 0 0}
.feature-legend a,.comparison-note a{color:#36475a;text-decoration:underline;text-underline-offset:3px}
.feature-table .status-text b a{color:#36475a;text-decoration:underline;text-underline-offset:3px;font-weight:inherit}
.feature-table .status-text b a:hover{color:#bd1728}
.comparison-conditions{margin-top:16px;border-top:1px solid #e0e4e8;background:#fff;color:#5d6570;font-size:12px;line-height:1.65}
.comparison-conditions>summary{min-height:44px;padding:12px 0;cursor:pointer;color:#36475a;font-size:11px;line-height:1.7}
.comparison-conditions>p{max-width:900px;margin:0 0 11px;font-size:12px;line-height:1.65}
.comparison-conditions>p b{color:#344152;font-weight:500}
.comparison-conditions a{color:#36475a;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1050px){.comparison .comparison-intro{display:flex;flex-direction:column;align-items:stretch;gap:20px}.comparison-pickers{width:100%;max-width:550px}.comparison .comparison-intro h2{max-width:650px}}
@media(max-width:800px){.feature-table thead th{padding:18px 15px 15px}.feature-table thead th.vendor-heading.ours,.feature-table thead th.vendor-heading.competitor{padding-top:15px}.feature-table tbody th,.feature-table tbody td{padding-top:16px;padding-bottom:16px}.feature-table tbody td{padding-left:15px;padding-right:15px}.feature-table tbody th{padding-right:18px}.feature-table .vendor-name{font-size:17px}.feature-table .vendor-price strong{font-size:27px}.feature-table .feature-status{grid-template-columns:15px minmax(0,1fr);gap:6px}.feature-table .feature-group th{padding:21px 0 9px}}
@media(max-width:550px){
  .comparison .comparison-intro{gap:20px;margin-bottom:21px}.comparison .comparison-intro h2{max-width:100%}
  .comparison-pickers{gap:10px;max-width:none}.comparison-pickers .comparison-picker{gap:6px;font-size:11px}.comparison-pickers .comparison-picker select{font-size:12px;padding-left:9px;padding-right:22px;min-height:44px}
  .feature-table{font-size:11px;line-height:1.5}.feature-table col.feature-label-col{width:42%}.feature-table col:not(.feature-label-col){width:29%}
  .feature-table thead th{padding:14px 8px 12px;line-height:1.4}.feature-table thead .feature-table-label{font-size:11px;padding-right:10px;line-height:1.5}.feature-table thead th.vendor-heading.ours,.feature-table thead th.vendor-heading.competitor{padding-top:11px}
  .feature-table .vendor-name{font-size:13px;line-height:1.3;letter-spacing:-.025em}.feature-table .vendor-plan{min-height:43px;margin-top:6px;font-size:10px;line-height:1.45}.feature-table .vendor-price{margin-top:9px}.feature-table .vendor-price strong{font-size:22px;line-height:1.2;letter-spacing:-.05em}.feature-table .vendor-price small{font-size:10px;line-height:1.5;margin-top:5px}.feature-table .vendor-source{font-size:10px;margin-top:4px;min-height:44px;line-height:1.5}
  .feature-table tbody th,.feature-table tbody td{padding-top:15px;padding-bottom:15px;line-height:1.5}.feature-table tbody th{padding-left:0;padding-right:11px;font-size:11px}.feature-table tbody td{padding-left:8px;padding-right:8px;font-size:11px}.feature-table .feature-name{line-height:1.5}.feature-table .feature-context{font-size:10px;line-height:1.5;margin-top:4px}
  .feature-table .feature-status{display:block}.feature-table .status-symbol{font-size:16px;line-height:1.15;margin:0 0 5px;text-align:left}.feature-table .status-text b{font-size:11px;line-height:1.5}.feature-table .status-text small{font-size:10px;line-height:1.5;margin-top:4px}
  .feature-table .feature-group th{font-size:10px;padding:20px 0 9px;letter-spacing:.04em}.feature-table .office-feature th,.feature-table .office-feature td{padding-top:19px;padding-bottom:19px}.feature-table .office-feature a{font-size:10px;line-height:1.5}
  .feature-legend,.comparison-note{font-size:10px;line-height:1.7}.feature-legend{margin-top:13px}
  .comparison-conditions{margin-top:14px;font-size:11px}.comparison-conditions>summary{font-size:11px;min-height:44px}.comparison-conditions>p{font-size:11px;line-height:1.7;margin-bottom:10px}
}
@media(max-width:360px){.feature-table thead th{padding-left:6px;padding-right:6px}.feature-table thead .feature-table-label{padding-left:0;padding-right:9px}.feature-table .vendor-name{font-size:12px}.feature-table .vendor-price strong{font-size:20px}.feature-table tbody td{padding-left:6px;padding-right:6px}.feature-table tbody th{padding-right:9px}}
@media(max-width:550px){.feature-table .feature-name,.feature-table .status-text b{font-size:12px}.feature-table .status-text small{font-size:11px}}
