/* /guides/best-seg-tariffs/ (simplified 1 Nov 2026). Answer cards, then grouped three-column tables. */
.sg-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 28px; }
.sg-card { padding: 18px 18px 16px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.sg-card--top { border: 2px solid var(--sun-solid); }
.sg-card p { margin: 0; }
.sg-card-q { font-size: .9375rem; font-weight: 600; color: var(--ink-soft); }
.ar-body .sg-card .sg-card-n { margin-top: 6px; font: 500 2.75rem/1 var(--display); color: var(--ink); letter-spacing: -.01em; }
.sg-card-a { margin-top: 10px !important; font-size: 1rem; line-height: 1.4; color: var(--ink); }
.ar-body .sg-cards-title { margin-top: 40px; font: 500 clamp(1.625rem, 1.4rem + .7vw, 2rem)/1.2 var(--display); letter-spacing: -0.01em; color: var(--ink); text-wrap: balance; }
.ar-body .sg-cards-intro { margin-top: 14px; }
.ar-body .sg-cards-intro + .sg-cards { margin-top: 14px; }
.ar-body .sg-card .sg-card-u { margin-top: 4px; font-size: .9375rem; line-height: 1.35; color: var(--ink-soft); }
.ar-body .sg-checked { margin-top: 12px; font-size: .9375rem; line-height: 1.5; color: var(--ink-soft); }
.sg-h3 { margin-top: 40px; }
.sg-line { margin-top: 4px; color: var(--ink-soft); }
.sg-table { margin-top: 12px; }
.sg-table th:first-child { width: 36%; }
.sg-table td:nth-child(2) { width: 18%; }
.sg-table td:nth-child(3) { width: 18%; }
.sg-table th small { display: block; margin-top: 2px; font-weight: 400; font-size: .875rem; color: var(--ink-soft); }
.sg-table td small { display: block; font-size: .875rem; color: var(--ink-soft); }
.sg-rate { font-size: 1.25rem; font-weight: 600; color: var(--ink); line-height: 1.2; }
/* Row tints, green (5 stars) fading to red (1 star). Text stays ink on every tint. */
.sg-table tbody tr.sg-r5 { background: #e2f1e5; }
.sg-table tbody tr.sg-r4 { background: #edf5e0; }
.sg-table tbody tr.sg-r3 { background: #fbf2d6; }
.sg-table tbody tr.sg-r2 { background: #fce7d8; }
.sg-table tbody tr.sg-r1 { background: #f9dedb; }
.sg-table tbody tr { border-bottom: 2px solid #fff; }
.sg-table tbody th, .sg-table tbody td { border-bottom: 0; }
.sg-table tbody th:first-child { padding-left: 14px; }
.sg-table thead th:first-child { padding-left: 14px; }
.sg-stars { white-space: nowrap; font-size: 1.125rem; letter-spacing: 1px; color: rgba(38, 40, 42, .22); }
.sg-stars .on { color: #b84c1c; }
.sg-unrated { font-size: .9375rem; color: var(--ink-soft); }
.sg-key { margin-top: 14px; font-size: .9375rem !important; color: var(--ink-soft) !important; }
.sg-small { margin-top: 20px; font-size: .9375rem; color: var(--ink-soft); }
@media (max-width: 759px) {
  .sg-cards { grid-template-columns: 1fr; gap: 10px; }
  .sg-card { padding: 14px 16px; }
  .ar-body .sg-card .sg-card-n { font-size: 2.25rem; margin-top: 0; }
  .sg-table th:first-child, .sg-table td:nth-child(2) { width: auto; }
  .sg-table td[data-label="Good to know"]:empty { display: none; }
  .sg-table td[data-label="Rate"]::before { content: none; }
  .sg-table td[data-label="Rate"] { margin-top: 4px; }
  .sg-table tbody tr { padding: 12px 14px; }
  .sg-table tbody tr { grid-template-columns: auto 1fr; column-gap: 14px; align-items: center; }
  .sg-table tbody th, .sg-table td[data-label="Good to know"] { grid-column: 1 / -1; }
  .sg-table td[data-label="Our rating"]::before { content: none; }
  .sg-table td[data-label="Our rating"] { margin-top: 4px; }
  .sg-table tbody th:first-child { padding-left: 0; }
  .sg-table thead th:first-child { padding-left: 0; }
}
.ar-body .sg-card .sg-card-a { margin-top: 10px; font-size: 1rem; line-height: 1.45; }
.ar-body .sg-card .sg-card-q { font-size: 1rem; line-height: 1.35; }