/* Readable service terms with the same information at every screen size. */
.subscription-plan{min-width:0}
.subscription-plan .subscription-details{grid-column:1 / -1;width:100%;min-width:0;margin-top:8px}
.subscription-details h2{font-size:clamp(1.75rem,3vw,2.25rem);line-height:1.2;margin-bottom:26px}
.subscription-table-frame{border:1px solid var(--line);border-radius:8px;overflow:hidden}
.subscription-table{table-layout:fixed;margin:0;background:#fff;font-size:1rem;line-height:1.65}
.subscription-label-col{width:29%}
.subscription-table thead th{background:var(--green);color:#fff;padding:17px 26px;font-size:.9375rem;font-weight:600;letter-spacing:.02em}
.subscription-table tbody tr:nth-child(even){background:#fff}
.subscription-table tbody th[scope="row"]{background:#fff;color:var(--green);font-weight:600;text-align:left;vertical-align:top;padding:22px 26px;border-bottom:1px solid var(--line);line-height:1.5}
.subscription-table tbody td{background:#fff;color:var(--muted);padding:22px 26px;border-bottom:1px solid var(--line);font-size:1rem;vertical-align:top}
.subscription-table tbody .subscription-group th{padding:16px 26px;background:#f0f5f1;color:var(--green);font-size:1rem;border-bottom:1px solid var(--line);font-weight:700;line-height:1.5}
.subscription-group-number{display:inline-block;margin-right:14px;color:#a54400;font-size:.8125rem;letter-spacing:.06em;font-weight:600}
.subscription-table tbody:last-child tr:last-child th,.subscription-table tbody:last-child tr:last-child td{border-bottom:0}
@media(max-width:760px){
 .subscription-plan .subscription-details{margin-top:10px}
 .subscription-details h2{margin-bottom:20px}
 .subscription-table,.subscription-table tbody{display:block;width:100%}
 .subscription-table colgroup{display:none}
 .subscription-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .subscription-table tbody tr{display:block;border-bottom:1px solid var(--line)}
 .subscription-table tbody th[scope="row"],.subscription-table tbody td{display:block;width:100%;border:0;font-size:1rem}
 .subscription-table tbody th[scope="row"]{padding:20px 20px 6px}
 .subscription-table tbody td{padding:0 20px 22px}
 .subscription-table tbody .subscription-group{border-bottom:0}
 .subscription-table tbody .subscription-group th{display:block;padding:15px 20px;font-size:.9375rem}
 .subscription-group-number{margin-right:10px}
 .subscription-table tbody:last-child tr:last-child{border-bottom:0}
}
