/* Sermons & Podcasts hubs: scoped under #gs-hub so site-wide button/chip rules cannot distort them. */
main#main:has(#gs-hub){max-width:1280px;margin-left:auto;margin-right:auto;padding-left:clamp(16px,4vw,40px);padding-right:clamp(16px,4vw,40px);box-sizing:border-box}
#gs-hub{width:100%;max-width:1280px;margin:0 auto;box-sizing:border-box}
#gs-hub *{box-sizing:border-box}
#gs-hub .hpick{margin:8px 0 14px}
#gs-hub .hview{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:16px;color:#14213d}
#gs-hub .hview img{width:28px;height:28px;flex:0 0 28px}
#gs-hub .hchange{color:#14213d;font-weight:700;text-decoration:underline;min-height:44px;display:inline-flex;align-items:center;padding:0 4px}
#gs-hub .hselect{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
#gs-hub .hselect label{font-weight:700;font-size:16px;color:#14213d}
#gs-hub .hsel-w{display:flex;align-items:center;gap:10px;width:100%;max-width:420px;min-height:48px;padding:0 12px;border:1px solid #d9dee7;border-radius:12px;background:#fff}
#gs-hub .hsel-w img{width:28px;height:28px;flex:0 0 28px}
#gs-hub select{flex:1 1 auto;min-width:0;width:auto;height:46px;border:0;background:transparent;font:600 16px/1.2 inherit;color:#14213d;appearance:auto}
#gs-hub .hchips{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:4px 0 10px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
#gs-hub .hchip{flex:0 0 auto!important;width:auto!important;height:auto!important;min-width:0!important;max-width:none!important;aspect-ratio:auto!important;display:inline-flex!important;align-items:center;min-height:44px;padding:0 16px!important;border-radius:999px!important;border:1px solid #d9dee7;background:#fff;color:#14213d;font:600 15px/1.2 inherit;white-space:nowrap;overflow:visible;text-overflow:clip;cursor:pointer}
#gs-hub .hchip.on{background:#14213d;color:#fff;border-color:#14213d}
#gs-hub .hsec{margin:28px 0}#gs-hub .hsec h2{margin:0 0 14px;font-size:clamp(22px,2.4vw,30px);line-height:1.2}
#gs-hub .hgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;width:100%}
#gs-hub .hrow{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:minmax(240px,1fr);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}
@media(min-width:1200px){#gs-hub .hrow{grid-auto-columns:calc((100% - 72px)/5)}}
#gs-hub .hrow .hc{scroll-snap-align:start}
#gs-hub .hc{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08),0 6px 18px rgba(20,30,60,.06);color:inherit;text-decoration:none;transition:transform .15s;min-width:0}
#gs-hub .hc:hover{transform:translateY(-2px)}
#gs-hub .hc-img{display:block;aspect-ratio:16/9;background:#eef1f5;overflow:hidden}#gs-hub .hc-img img{width:100%;height:100%;object-fit:cover;display:block}
#gs-hub .hc-b{display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px;min-width:0}
#gs-hub .hc-ch{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#5b6b82;text-transform:uppercase;letter-spacing:.02em}
#gs-hub .hc-ch img{width:20px;height:20px}
#gs-hub .hc-t{font-weight:700;font-size:16px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#gs-hub .hc-s{font-size:14px;color:#4a5568;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#gs-hub .hc-p{font-size:14px;font-weight:600;color:#14213d}
#gs-hub .hc-m{font-size:13px;color:#6b7686;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#gs-hub .hsearch{display:flex;gap:8px;margin:8px auto 4px;width:100%;max-width:560px}
#gs-hub .hsearch input{flex:1;min-width:0;min-height:48px;border-radius:12px;border:1px solid #d9dee7;padding:0 14px;font-size:16px}
#gs-hub .hsearch button{min-height:48px;padding:0 20px;border-radius:12px;border:0;background:#14213d;color:#fff;font-weight:700;font-size:16px}
#gs-hub .hnote,.gs-refhits .hnote{font-size:14px;color:#6b7686}
#gs-hub .hempty{font-size:17px;padding:24px;border-radius:14px;background:#f6f3ec;color:#14213d}
#gs-hub .hmore{display:block;margin:18px auto 0;min-height:48px;padding:0 28px;border-radius:999px;border:1px solid #14213d;background:#fff;color:#14213d;font-weight:700;font-size:16px;cursor:pointer}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.gs-refhits .hgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
@media(max-width:600px){#gs-hub .hrow{grid-auto-columns:80%}#gs-hub .tgrid .hgrid{grid-template-columns:1fr 1fr;gap:12px}#gs-hub .tgrid .hc-s,#gs-hub .tgrid .hc-p{display:none}#gs-hub .tgrid .hc-t{font-size:15px}#gs-hub .tgrid .hc-m{white-space:normal}}
@media(max-width:360px){#gs-hub .tgrid .hgrid{grid-template-columns:1fr}}
/* header tabs: scroll cleanly on small screens, centered on wide */
header.amz .catstrip .wrap{max-width:1280px;margin:0 auto}
#gs-hub .hoff{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
#gs-hub .hoff a{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid #d9dee7;border-radius:12px;background:#fff;color:#14213d;text-decoration:none;min-height:44px}
#gs-hub .hoff small{color:#6b7686;font-size:13px;overflow-wrap:anywhere}
.gs-sponsor{max-width:1280px;margin:36px auto;padding:24px clamp(16px,3vw,32px);border-radius:16px;background:#14213d;color:#fff;box-sizing:border-box}
.gs-sponsor h2{margin:0 0 8px;color:#fff;font-size:clamp(22px,2.4vw,28px)}
.gs-sponsor p{margin:0 0 16px;max-width:720px;line-height:1.5;color:#e9ecf3}
.gs-sp-b{display:flex;flex-wrap:wrap;gap:10px}
.gs-sp-b a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;background:#c9a227;color:#14213d;font-weight:700;text-decoration:none}
@media(max-width:480px){.gs-sp-b a{flex:1 1 100%}}
.gs-sponsor p,#gs-hub .hempty,#gs-hub .hnote{text-align:left!important;hyphens:none}