/* SiteHub — SEO page: market price + discount next to our price. Scoped to .shs26, uses the page's own tokens. */

.shs26-mkt { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; margin: 18px 0 0; }
.shs26-mkt + .shs26-plan-price { margin-top: 8px; }
.shs26-mkt__label { font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--t3, #8A807A); }
.shs26-mkt__line { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.shs26-mkt__old { font-size: 17px; font-weight: 700; line-height: 1.2; color: var(--t3, #8A807A); font-variant-numeric: tabular-nums;
  text-decoration: line-through; text-decoration-color: rgba(255, 90, 70, .95); text-decoration-thickness: 2px; text-decoration-skip-ink: none; }
.shs26-mkt__old em { font-style: normal; font-weight: 600; font-size: 13px; }
.shs26-mkt__off {
  display: inline-flex; align-items: center; height: 26px; padding: 0 10px; border-radius: 999px; color: #fff; font-size: 13px; font-weight: 800; letter-spacing: .01em;
  background: linear-gradient(90deg, var(--o, #FF8A00), #FF3B30 60%, #FF2D55); box-shadow: 0 6px 16px rgba(255, 59, 48, .28);
}
.shs26-mkt__save { flex-basis: 100%; margin: 6px 0 0; font-size: 13px; font-weight: 700; color: var(--o, #FF8A00); }

/* comparison table header */
.shs26-table thead th .shs26-mkt__old--sm { display: block; margin-top: 4px; font-size: 12px; font-weight: 600; }
.shs26-table thead th .shs26-mkt__old--sm + small { margin-top: 2px; }
.shs26-table thead th .shs26-mkt__off--sm { height: 20px; margin-top: 6px; padding: 0 8px; font-size: 11px; box-shadow: none; }

/* footnote */
.shs26-mkt-note { margin: 28px auto 0; max-width: 980px; padding: 16px 18px; border-radius: 16px; background: rgba(255, 255, 255, .03); border: 1px solid var(--line, #2A2522); }
.shs26-mkt-note__t { margin: 0; font-size: 12.5px; line-height: 1.6; color: var(--t2, #B3B3B3); }
.shs26-mkt-note__d { margin-top: 10px; }
.shs26-mkt-note__d summary { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; cursor: pointer; font-size: 13px; font-weight: 700; color: var(--o, #FF8A00); list-style: none; }
.shs26-mkt-note__d summary::-webkit-details-marker { display: none; }
.shs26-mkt-note__d summary::after { content: '+'; display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; border: 1px solid currentColor; font-size: 14px; line-height: 1; }
.shs26-mkt-note__d[open] summary::after { content: '\2212'; }
.shs26-mkt-note__d summary:focus-visible { outline: none; border-radius: 8px; box-shadow: 0 0 0 3px rgba(255, 138, 0, .45); }
.shs26-mkt-note__d p { margin: 6px 0 0; font-size: 12.5px; color: var(--t2, #B3B3B3); }
.shs26-mkt-table { width: 100%; margin-top: 8px; border-collapse: collapse; font-size: 12.5px; color: var(--t2, #B3B3B3); }
.shs26-mkt-table th, .shs26-mkt-table td { padding: 8px 10px; text-align: left; border-top: 1px solid var(--line, #2A2522); vertical-align: top; }
.shs26-mkt-table thead th { font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--t3, #8A807A); border-top: 0; }
.shs26-mkt-table th[scope="row"] { color: var(--t1, #F5F5F5); font-weight: 700; }
.shs26-mkt-table a { color: var(--o, #FF8A00); }
@media (max-width: 640px) {
  .shs26-mkt-note { padding: 14px; }
  .shs26-mkt-table--how, .shs26-mkt-table--how tbody, .shs26-mkt-table--how tr, .shs26-mkt-table--how th, .shs26-mkt-table--how td { display: block; width: 100%; }
  .shs26-mkt-table--how tr { padding: 8px 0; border-top: 1px solid var(--line, #2A2522); }
  .shs26-mkt-table--how th, .shs26-mkt-table--how td { padding: 2px 0; border: 0; }
}