/* Hallmark · pre-emit critique: P4 H5 E4 S5 R4 V4
 * Section scope · user reference · existing typography and palette */
.search-channels {
  --color-channels-paper: #f8fafc;
  --color-channels-muted: #66758e;
  --color-channels-label: #eff2f6;
  --color-channels-pink: #fff7f8;
  --color-channels-pill: #ffe1e6;
  --color-channels-rule: #b0bdce;
  --color-channels-shadow: #30436606;
  --color-channels-calendar: #ff6c60;
  background: var(--color-channels-paper);
  padding-block: 72px;
}
.channels-eyebrow { text-align: center; font-family: var(--font-brand); font-size: 13px; font-weight: 600; letter-spacing: .32em; color: var(--color-channels-muted); margin-bottom: 20px; }
.search-channels h2 { text-align: center; font-size: clamp(25px, 3.1vw, 40px); font-weight: 800; line-height: 1.6; letter-spacing: .015em; overflow-wrap: anywhere; }
.search-channels h2 > span { display: inline-block; }
.search-channels svg { stroke: none; }
.channels-traditional li:last-child svg { stroke: var(--color-channels-calendar); stroke-width: 5; }
.channels-takeaway svg { fill: currentColor; }
.channels-lead { text-align: center; font-size: clamp(14px, 1.5vw, 19px); color: var(--color-channels-muted); line-height: 1.95; margin-top: 18px; }
.channels-comparison { display: grid; grid-template-columns: minmax(0, 1.62fr) 60px minmax(0, 1fr); align-items: stretch; gap: 22px; margin-top: 40px; }
.channels-group { min-width: 0; padding: 25px; border-radius: 24px; background: var(--color-white); box-shadow: 0 4px 32px var(--color-channels-shadow); }
.channels-group h3 { width: fit-content; max-width: 100%; margin: 0 auto 25px; padding: 9px 32px; border-radius: var(--radius-pill); background: var(--color-channels-label); font-size: clamp(15px, 1.6vw, 20px); line-height: 1.6; text-align: center; }
.channels-ai { background: var(--color-channels-pink); }
.channels-ai h3 { background: var(--color-channels-pill); color: var(--color-action); }
.channels-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; list-style: none; padding: 0; margin: 0; }
.channels-ai .channels-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.channels-cards li { min-width: 0; min-height: 168px; padding: 20px 4px 16px; display: flex; flex-direction: column; align-items: center; gap: 16px; background: var(--color-white); border-radius: 18px; box-shadow: 0 2px 18px var(--color-channels-shadow); text-align: center; }
.channels-cards svg { width: 62px; height: 62px; flex-shrink: 0; }
.channels-cards span { font-size: clamp(12px, 1.25vw, 16px); font-weight: 600; line-height: 1.5; }
.channels-plus { align-self: center; text-align: center; font-size: 58px; font-weight: 500; line-height: 1; color: var(--color-channels-muted); }
.channels-takeaway { display: flex; align-items: center; gap: 36px; max-width: 1020px; margin: 34px auto 0; padding: 25px 42px; background: var(--color-channels-label); border-radius: 25px; color: var(--color-channels-muted); }
.channels-takeaway svg { width: 54px; height: 54px; flex-shrink: 0; }
.channels-takeaway p { padding-left: 36px; border-left: 1px solid var(--color-channels-rule); font-size: 16px; line-height: 1.9; }
@media (max-width: 1050px) {
  .channels-comparison { gap: 12px; grid-template-columns: minmax(0, 1.6fr) 32px minmax(0, 1fr); }
  .channels-group { padding: 20px 14px; }
  .channels-group h3 { padding-inline: 18px; }
  .channels-cards { gap: 8px; }
  .channels-cards svg { width: 48px; height: 48px; }
  .channels-cards li { min-height: 143px; }
  .channels-plus { font-size: 38px; }
}
@media (max-width: 800px) {
  .search-channels { padding-block: 54px; }
  .channels-comparison { grid-template-columns: minmax(0, 1fr); gap: 18px; max-width: 580px; margin: 30px auto 0; }
  .channels-group { padding: 22px; }
  .channels-cards span { font-size: 13px; }
  .channels-group h3 { font-size: 17px; margin-bottom: 20px; }
  .channels-ai .channels-cards { max-width: 340px; margin: auto; }
  .channels-takeaway { gap: 20px; padding: 23px; max-width: 580px; }
  .channels-takeaway p { font-size: 14px; padding-left: 20px; }
  .channels-takeaway br { display: none; }
}
@media (max-width: 480px) {
  .channels-eyebrow { font-size: 10px; margin-bottom: 14px; }
  .search-channels h2 { font-size: 25px; letter-spacing: -.025em; }
  .channels-lead { font-size: 13px; text-align: left; margin-top: 16px; }
  .channels-lead br { display: none; }
  .channels-group { padding: 20px 16px; border-radius: 20px; }
  .channels-group h3 { font-size: 15px; padding-inline: 18px; }
  .channels-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .channels-cards li { min-height: 130px; padding: 16px 4px 12px; gap: 12px; }
  .channels-takeaway { padding: 22px; gap: 16px; flex-direction: column; align-items: flex-start; border-radius: 20px; margin-top: 26px; }
  .channels-takeaway svg { width: 38px; height: 38px; }
  .channels-takeaway p { padding-left: 0; border-left: 0; font-size: 13px; }
}