/* GMO blog hub (option A): /blog/ + category archives. Loads only when gmo_hub_on() in gmo-blog-archive.php is true. Cards: gmo-post-card.css. */
.gmo-hub{--teal:#1d3d3e;--teal-dk:#0b1f20;--lime:#a6ff79;--green:#0b6b46;--ink:#16201f;--muted:#5f6b69;--line:#e3e8e5}
.gmo-hub-band{background:radial-gradient(1200px 500px at 85% 0,#2b5556 0,transparent 60%),var(--teal-dk);color:#b9ccc7;font-family:Inter,system-ui,sans-serif;padding:56px 0 150px}
.gmo-hub-band--cat{padding-bottom:60px}
.gmo-hub-band__in{max-width:1240px;margin:0 auto;padding:0 20px}
.gmo-hub-crumbs{font-size:13px;color:#9fb5b0;display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.gmo-hub-crumbs a,.gmo-hub-crumbs a:hover{color:#9fb5b0;text-decoration:none}
.gmo-hub-crumbs a:hover{color:#fff}
.gmo-hub-crumbs b{color:#fff;font-weight:500}
.gmo-hub-band .gmo-hub-h1{font-family:Inter,system-ui,sans-serif;color:#fff;font-size:46px;line-height:1.1;font-weight:800;letter-spacing:-.02em;margin:0}
.gmo-hub-h1 em{font-style:normal;color:var(--lime)}
.gmo-hub-intro{font-size:18px;line-height:1.55;color:#b9ccc7;max-width:620px;margin:14px 0 0}
.gmo-hub-cnt{display:inline-block;margin-top:14px;font-size:13px;font-weight:600;color:#b9ccc7}

.gmo-hub #content > .ast-container{display:block;max-width:1240px;padding-left:20px;padding-right:20px}
.gmo-hub #primary,.gmo-hub.ast-separate-container #primary{width:100%;max-width:100%;margin:0 0 80px;padding:0;display:block}
.gmo-hub,.gmo-hub.ast-separate-container,.gmo-hub.ast-separate-container .site-content{background-color:#fff!important}
.gmo-hub #main > .ast-row,.gmo-hub .ast-pagination,.gmo-hub #main .ast-pagination,.gmo-hub #main .navigation,.gmo-hub .ast-archive-description,.gmo-hub .ast-archive-entry-banner{display:none!important}
.gmo-hub #main{margin:0}
.gmo-hub-feat-wrap{margin-top:-110px;position:relative;z-index:2}
.gmo-hub-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:56px 0 32px;flex-wrap:wrap;font-family:Inter,system-ui,sans-serif}
.gmo-hub-bar--cat{margin-top:40px}
.gmo-hub .gmo-hub-bar h2{font-family:Inter,system-ui,sans-serif;font-size:24px;color:var(--ink);margin:0;font-weight:700}
.gmo-hub-chips{display:flex;gap:10px;flex-wrap:wrap}
.gmo-hub-chips a{font-size:14px;font-weight:600;padding:10px 16px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);min-height:44px;display:inline-flex;align-items:center;gap:8px;text-decoration:none;line-height:1.2}
.gmo-hub-chips a:hover{border-color:var(--green)}
.gmo-hub-chips a small{font-size:12px;color:var(--muted);font-weight:600}
.gmo-hub-chips a.on{background:var(--teal);color:#fff;border-color:var(--teal)}
.gmo-hub-chips a.on small{color:var(--lime)}

/* Quote CTA band (full width, after content) */
.gmo-hub-cta{background:radial-gradient(900px 400px at 90% 0,#2b5556 0,transparent 60%),var(--teal-dk);color:#cfe0db;padding:56px 0;font-family:Inter,system-ui,sans-serif}
.gmo-hub-cta__in{max-width:1240px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.gmo-hub-cta h2{font-family:Inter,system-ui,sans-serif;color:#fff;font-size:30px;line-height:1.2;letter-spacing:-.01em;max-width:560px;margin:0;font-weight:700}
.gmo-hub-cta p{margin:10px 0 0;font-size:16px;line-height:1.55;max-width:560px;color:#cfe0db}
.gmo-hub-cta a.gmo-hub-cta__btn{display:inline-flex;align-items:center;gap:8px;background:var(--lime);color:var(--teal-dk);font-weight:600;font-size:16px;padding:15px 26px;border-radius:999px;white-space:nowrap;text-decoration:none;line-height:1.2}
.gmo-hub-cta a.gmo-hub-cta__btn:hover{filter:brightness(.95);color:var(--teal-dk)}
.gmo-hub-cta__dot{width:8px;height:8px;border-radius:50%;background:var(--teal-dk)}

@media (max-width:820px){
  .gmo-hub-band{padding:32px 0 110px}
  .gmo-hub-band--cat{padding-bottom:40px}
  .gmo-hub-band__in{padding:0 16px}
  .gmo-hub-band .gmo-hub-h1{font-size:34px}
  .gmo-hub-intro{font-size:16.5px}
  .gmo-hub #content > .ast-container{padding-left:16px;padding-right:16px}
  .gmo-hub-feat-wrap{margin-top:-84px}
  .gmo-hub-bar{margin:40px 0 20px}
  .gmo-hub-chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:0 16px 4px;scrollbar-width:none;width:calc(100% + 32px)}
  .gmo-hub-chips::-webkit-scrollbar{display:none}
  .gmo-hub-chips a{flex:none}
  .gmo-hub-cta{padding:40px 0}
  .gmo-hub-cta__in{padding:0 16px;flex-direction:column;align-items:flex-start;gap:22px}
  .gmo-hub-cta h2{font-size:24px}
}

/* end-of-content spacing (2026-10-05, .bak-mobilegap): pager 32px under the last card, then 64px desktop / 48px mobile before the CTA band. Beats Additional CSS ".blog #primary,.archive #primary{margin-bottom:0!important}" by specificity. */
body.gmo-hub #primary{margin-bottom:64px!important}
@media (max-width:820px){body.gmo-hub #primary{margin-bottom:48px!important}}
@media (max-width:921px){.gmo-hub-band{padding-top:28px}}