/* Shared introduction and search geometry for all six public channels. */
/* Match Square's page and navigation width; keep the shared responsive gutters. */
body.channel-home :is(#main,.header-inner){max-width:1440px}
.discover-intro,.channel-intro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;column-gap:70px;row-gap:19px;padding:38px 0 30px;position:relative}
.discover-intro .eyebrow,.channel-intro .channel-eyebrow{font-size:10px;line-height:1.65;letter-spacing:.18em;margin:0 0 10px}
.discover-intro h1,.channel-intro h1{font-size:clamp(26px,2.5vw,36px);font-weight:600;line-height:1.25;letter-spacing:-.04em;margin:0 0 12px;max-width:none;color:var(--xc-ink)}
.discover-intro h1 span,.channel-intro h1 span{display:block;color:inherit}
.discover-intro-copy>p:last-child,.channel-intro .channel-description{font-size:13px;line-height:1.65;margin:0;max-width:none;color:var(--xc-muted)}
.discover-search-area,.channel-search-area{position:relative;padding-top:31px;min-width:0}
.discover-search-area>p,.channel-search-area>p{display:block;font-size:11px;line-height:1.65;color:var(--xc-muted);margin:10px 4px 0}
.discover-intro .discovery-search,.channel-intro .channel-search{position:relative;display:flex;align-items:center;flex-wrap:nowrap;gap:6px;width:100%;max-width:none;margin:0;padding:6px;border:1px solid var(--xc-line);border-radius:14px;background:var(--xc-surface);box-shadow:0 6px 30px #22232107}
.discover-intro .search-input-wrap,.channel-intro .search-input-wrap{display:flex;flex:1;align-items:center;min-width:0;padding-left:10px;gap:5px}
.discover-intro .search-input-wrap svg,.channel-intro .search-input-wrap svg{width:19px;min-width:19px;height:19px;flex-shrink:0;margin-left:11px;fill:none;stroke:var(--xc-muted);stroke-width:1.8}
.discover-intro .search-input-wrap input,.channel-intro .search-input-wrap input{width:100%;min-width:0;height:44px;min-height:44px;margin:0;padding:13px 10px;border:0;border-radius:8px;box-shadow:none;background:transparent;color:var(--xc-text);font-size:13px;line-height:1.65}
.discover-intro .discovery-search .button,.channel-intro .channel-search .button{flex-shrink:0;min-width:74px;height:44px;min-height:44px;padding:11px 18px;border-radius:9px;font-size:13px;line-height:1.5;font-weight:500}
.channel-intro>.channel-actions{grid-column:1/-1;margin:0}
@media(max-width:1100px){.discover-intro,.channel-intro{column-gap:35px}}
@media(max-width:900px){.discover-intro h1,.channel-intro h1{font-size:28px}}
@media(max-width:600px){
  .discover-intro,.channel-intro{grid-template-columns:minmax(0,1fr);gap:16px;padding:27px 0 20px}
  .discover-intro h1,.channel-intro h1{font-size:28px;max-width:11em}
  .discover-intro .eyebrow,.channel-intro .channel-eyebrow{font-size:9px}
  .discover-intro-copy>p:last-child,.channel-intro .channel-description{font-size:12px}
  .discover-search-area,.channel-search-area{position:static;padding:0}
  .discover-intro .discover-brand,.channel-intro .channel-brand{display:block;top:27px;right:0;width:44px}
  .discover-search-area>p,.channel-search-area>p{font-size:10px}
  .discover-intro .search-input-wrap input,.channel-intro .search-input-wrap input{font-size:12px;padding:12px 8px}
  .discover-intro .discovery-search .button,.channel-intro .channel-search .button{min-width:62px;font-size:12px;padding:10px 14px}
}

/* Landing-page shell: keep one geometry above each channel's business content. */
.channel-home #main :is(.channel-intro,.discover-intro){display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.3fr);align-items:center;gap:28px;padding:28px 0 24px}
.channel-home #main :is(.channel-eyebrow,.discover-intro .eyebrow){color:var(--xc-copper-text);font-size:10px;line-height:1.65;letter-spacing:.18em;margin:0 0 10px}
.channel-home #main :is(.channel-intro,.discover-intro) h1{font-size:clamp(24px,2.15vw,32px);line-height:1.35;font-weight:600;letter-spacing:-.035em;margin:0 0 9px;max-width:none}
.channel-home #main :is(.channel-description,.discover-intro-copy>p:last-child){font-size:13px;line-height:1.7;margin:0;max-width:none}
.channel-home #main :is(.sq-toolbar,.channel-search-area,.discover-search-area){min-width:0;margin:0;padding:0}
.channel-home #main :is(.sq-toolbar,.channel-search-tools){display:flex;align-items:center;gap:14px;flex-wrap:nowrap;min-width:0}
.channel-home #main :is(.sq-toolbar,.channel-search-tools)>form{order:0}
.channel-home #main :is(.sq-compose-inline,.channel-search-tools .channel-actions){order:1}
.channel-home #main :is(.channel-search-area,.discover-search-area)>p{position:absolute;top:100%;left:0;margin:10px 4px 0;font-size:11px;line-height:1.65}
.channel-home #main :is(.channel-brand,.discover-brand){top:-54px;right:0;width:44px}
.channel-home #main :is(.channel-search,.discovery-search){flex:1;min-width:0;max-width:none;height:50px;margin:0;padding:2px 4px 2px 8px;border:1px solid #dedede;border-radius:7px;box-shadow:none;background:#f2f2f2}
.channel-home #main :is(.channel-search,.discovery-search) .search-input-wrap{min-width:0;padding:0}
.channel-home #main :is(.channel-search,.discovery-search) input[type=search]{height:44px;min-height:44px;padding:10px 8px;font-size:13px;color:#242424}
.channel-home #main :is(.channel-search,.discovery-search) .button{height:44px;min-height:44px}
.channel-home #main :is(.channel-search,.discovery-search) .sq-search-submit{min-width:40px;padding:8px;border:0;background:transparent}
.channel-home #main :is(.sq-compose-inline,.channel-search-tools .channel-actions){display:flex;align-items:center;gap:10px;flex:none;margin:0;white-space:nowrap}
.channel-home #main :is(.sq-compose-inline,.channel-search-tools .channel-actions) .button{min-height:46px;padding:11px 16px;border-radius:7px;font-size:13px;line-height:1.65}
.channel-home #main :is(.sq-browse-controls,.discover-tabs,.channel-page>.channel-tabs){background:#f2f2f2;border:1px solid #e8e8e8;border-radius:9px;padding:0 18px}
.channel-home #main :is(.discover-tabs,.channel-page>.channel-tabs){margin:0 0 14px}
.channel-home #main :is(.discover-tabs,.channel-tabs){display:flex;align-items:center;flex-wrap:nowrap;gap:26px;min-width:0;overflow-x:auto;scrollbar-width:thin}
.channel-home #main .sq-browse-controls .channel-tabs{background:transparent;border:0;border-radius:0;margin:0;padding:0}
.channel-home #main :is(.discover-tabs,.channel-tabs)>a{display:flex;align-items:center;justify-content:center;flex:none;min-height:48px;margin:0;padding:0 18px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;box-shadow:none;font-size:13px;line-height:1.65;white-space:nowrap;color:#707070}
.channel-home #main :is(.discover-tabs,.channel-tabs)>a[aria-current=page]{border-bottom-color:var(--xc-copper);background:transparent;box-shadow:none;color:#242424;font-weight:600}
@media(max-width:1130px){
  .channel-home #main :is(.channel-intro,.discover-intro){grid-template-columns:minmax(0,1fr);gap:18px}
  .channel-home #main :is(.channel-search-area,.discover-search-area)>p{position:static;margin:8px 0 0}
  .channel-home #main :is(.channel-brand,.discover-brand){top:28px;right:0}
  .channel-home #main :is(.channel-search-area,.discover-search-area){position:static}
}
@media(max-width:760px){
  .channel-home #main :is(.channel-intro,.discover-intro){padding:22px 0 16px;gap:16px}
  .channel-home #main :is(.channel-eyebrow,.discover-intro .eyebrow){font-size:9px}
  .channel-home #main :is(.channel-intro,.discover-intro) h1{font-size:25px}
  .channel-home #main :is(.channel-description,.discover-intro-copy>p:last-child){font-size:12px}
  .channel-home #main :is(.channel-search,.discovery-search) input[type=search]{font-size:16px}
  .channel-home #main :is(.sq-toolbar,.channel-search-tools){gap:9px;flex-wrap:wrap}
  .channel-home #main :is(.sq-compose-inline,.channel-search-tools .channel-actions){gap:8px;margin-left:auto}
  .channel-home #main :is(.sq-compose-inline,.channel-search-tools .channel-actions) .button{min-height:44px;font-size:12px;padding:10px 12px}
  .channel-home #main :is(.sq-browse-controls,.discover-tabs,.channel-page>.channel-tabs){padding:0 10px}
  .channel-home #main :is(.discover-tabs,.channel-tabs){gap:6px}
  .channel-home #main :is(.discover-tabs,.channel-tabs)>a{padding:0 12px;font-size:12px;min-height:46px}
  .channel-home #main .channel-search-tools .channel-search,
  .channel-home #main .co-feed .channel-search{flex-basis:100%}
}