/* page: compare (GTM-3 S-LEGAL; WEB-21 S6); loaded by compare.html only: the price tables as hairline rows and the notes under them */
.compare-lede{max-width:52ch;margin-top:var(--s4);color:var(--text-secondary)}
.compare-lede strong{color:var(--text-primary)}
.sec-last{padding-bottom:var(--s16)}
.table-wrap{overflow-x:auto}
.compare-table{width:100%;border-collapse:collapse;font:var(--type-callout)}
.compare-table th,.compare-table td{padding:var(--s3) var(--s4);text-align:left;vertical-align:top;border-top:1px solid var(--border-subtle)}
.compare-table th:first-child,.compare-table td:first-child{padding-left:0}
.compare-table th:last-child,.compare-table td:last-child{padding-right:0}
.compare-table thead th{border-top:0;color:var(--text-primary);font:var(--type-callout);font-weight:600;white-space:nowrap}
.compare-table tbody th{font:var(--type-body-strong);white-space:nowrap}
.compare-notes{margin-top:var(--s6);border-top:0}
.compare-notes strong{color:var(--text-primary);font-weight:600}
.compare-legal{max-width:52ch;margin-top:var(--s3);color:var(--text-secondary);font:var(--type-callout)}
.compare-legal:first-of-type{margin-top:0}
@media (min-width:760px){
 #people-table{min-width:720px}
 .compare-table tbody tr:last-child th,.compare-table tbody tr:last-child td{border-bottom:1px solid var(--border-subtle)}
}
@media (max-width:759px){
 .compare-table,.compare-table tbody,.compare-table tr,.compare-table th,.compare-table td{display:block}
 .compare-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .compare-table tr{padding:var(--s3) 0;border-top:1px solid var(--border-subtle)}
 .compare-table tbody tr:last-child{border-bottom:1px solid var(--border-subtle)}
 .compare-table th,.compare-table td{padding:var(--s1) 0;border:0;white-space:normal}
 .compare-table td::before{content:attr(data-label);display:block;color:var(--text-secondary);font:var(--type-caption)}
}
@media (min-width:960px){
 .table-wrap{width:min(var(--content-max),calc(100vw - 2 * var(--gutter)));margin-left:50%;translate:-50% 0}
 .compare-table td[data-label="Price"],.compare-table td[data-label="Included"]{white-space:nowrap}
}
