/* Sigma Club V4: one owner for the blog index, categories and articles. */
.v4-blog-index .b-hero{padding:12px 0 0}
.v4-blog-index .b-hero h1{max-width:700px}
.v4-blog-index .b-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}
.v4-blog-index .b-tab{display:inline-flex;min-height:44px;align-items:center;padding:9px 18px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--panel);color:var(--muted);font-family:inherit;font-size:13.5px;text-decoration:none;transition:.18s}
.v4-blog-index .b-tab.on{border-color:var(--text);background:var(--text);color:#141210;font-weight:600}

.v4-blog-index .b-featured{display:grid;grid-template-columns:1fr;gap:16px;margin-top:var(--sp-block)}
.v4-blog-index .b-feat-main,.v4-blog-index .b-feat-mini,.v4-blog-index .b-card{display:flex;min-width:0;flex-direction:column;border:1px solid var(--line);border-radius:var(--r);background:var(--panel);color:var(--text);text-decoration:none;transition:border-color .2s}
.v4-blog-index .b-feat-main{gap:12px;padding:var(--card-pad-lg)}
.v4-blog-index .b-feat-main h2{font-size:22px;font-weight:500;line-height:1.3}
.v4-blog-index .b-feat-main p{color:var(--muted);font-size:14.5px;line-height:1.55}
.v4-blog-index .b-feat-side{display:flex;min-width:0;flex-direction:column;gap:16px}
.v4-blog-index .b-feat-mini{flex:1;gap:8px;padding:var(--card-pad)}
.v4-blog-index .b-feat-mini h3{font-size:15px;font-weight:400;line-height:1.4}

.v4-blog-index .b-search{position:relative;margin-top:28px}
.v4-blog-index .b-search[hidden],.v4-blog-index .b-search-note[hidden]{display:none}
.v4-blog-index .b-search input{width:100%;min-height:48px;padding:0 18px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel);color:var(--text);font:inherit;font-size:15px}
.v4-blog-index .b-search input:focus{outline:2px solid var(--gold-dim);outline-offset:-1px}
.v4-blog-index .b-search-count{margin-top:10px;color:var(--muted);font-size:13.5px}
.v4-blog-index .b-search-count:empty,.v4-blog-index .b-search-results:empty{display:none}
.v4-blog-index .b-search-results{margin-top:14px}
.v4-blog-index .b-sr-item{display:block;padding:12px 4px;border-bottom:1px solid var(--line);color:var(--text);text-decoration:none}
.v4-blog-index .b-sr-item:last-child{border-bottom:0}
.v4-blog-index .b-sr-item .b-cat{display:block;margin-bottom:4px}
.v4-blog-index .b-sr-item h3{font-size:15px;font-weight:400}
.v4-blog-index .b-sr-empty,.v4-blog-index .b-empty{padding:12px 4px;color:var(--muted);font-size:14px}
.v4-blog-index .b-empty{grid-column:1/-1}

.v4-blog-index .b-tree{display:block;margin-top:28px}
.v4-blog-index .b-desktop-cats{display:none}
.v4-blog-index .b-tree-cat{margin-bottom:10px;overflow:hidden;border:1px solid var(--line);border-radius:var(--r)}
.v4-blog-index .b-tree-cat>summary{display:flex;min-height:52px;align-items:center;gap:10px;padding:0 18px;list-style:none;font-size:15px;font-weight:500}
.v4-blog-index .b-tree-cat>summary::-webkit-details-marker{display:none}
.v4-blog-index .b-tree-count{margin-left:auto;color:var(--muted);font-size:13px;font-weight:400}
.v4-blog-index .b-tree-list{display:flex;flex-direction:column;gap:2px;padding:0 18px 6px;list-style:none}
.v4-blog-index .b-tree-list a{display:block;padding:9px 0;border-top:1px solid var(--line);color:var(--text);font-size:14px;text-decoration:none}
.v4-blog-index .b-tree-list li:first-child a{border-top:0}
.v4-blog-index .b-tree-all{display:block;margin:-10px 18px 2px;padding-block:12px;color:var(--gold);font-size:13.5px;text-decoration:none}

.v4-blog-index .b-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:var(--sp-block)}
.v4-blog-index .b-card{min-height:180px;gap:12px;padding:var(--card-pad)}
.v4-blog-index .b-cat{color:var(--gold);font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.v4-blog-index .b-card h2{flex:1;font-size:17px;font-weight:400;line-height:1.4}
.v4-blog-index .b-note{max-width:80ch;margin-top:var(--sp-block);padding:22px 26px;border:1px solid var(--line);border-radius:var(--r);color:var(--muted);font-size:13.5px;line-height:1.6}

.v4-blog-category .blog-category-grid{grid-template-columns:1fr;margin-top:var(--sp-block)}
.v4-blog-category .b-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin-top:var(--sp-block)}
.v4-blog-category .b-pager-info{margin-top:var(--sp-block)}
.v4-blog-category .b-pager-link{color:var(--gold);font-size:13.5px;text-decoration:none}
.v4-blog-category .b-pager-nums{display:flex;gap:4px}
.v4-blog-category .b-pager-num{display:inline-flex;min-width:36px;min-height:36px;align-items:center;justify-content:center;border-radius:var(--r-pill);color:var(--muted);font-size:13.5px;text-decoration:none}
.v4-blog-category .b-pager-num.on{background:var(--text);color:#141210;font-weight:600}

.v4-blog-article .hero,.v4-blog-article .blog-article,.v4-blog-article .faq,.v4-blog-article .related{width:100%;max-width:var(--v4-measure);margin-inline:auto}
.v4-blog-article .post-meta{margin-top:10px;color:var(--muted);font-size:13px}
.v4-blog-article .blog-article{display:flow-root}
.v4-blog-article .faq{max-width:var(--v4-measure)}
.v4-blog-article .related{max-width:var(--v4-measure)}

@media(min-width:768px){
  .v4-blog-index .b-featured{grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:var(--v4-gap)}
  .v4-blog-index .b-tree{display:none}
  .v4-blog-index .b-desktop-cats{display:block}
  .v4-blog-index .b-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--v4-gap)}
  .v4-blog-category .blog-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--v4-gap)}
}

@media(min-width:1024px){
  .v4-blog-index .b-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .v4-blog-category .blog-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(min-width:1440px){
  .v4-blog-index .b-grid,.v4-blog-category .blog-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

@media(hover:hover) and (pointer:fine){
  .v4-blog-index .b-tab:not(.on):hover{border-color:#3a3630;color:var(--text)}
  .v4-blog-index .b-card:hover,.v4-blog-index .b-feat-main:hover,.v4-blog-index .b-feat-mini:hover{border-color:var(--gold-dim)}
  .v4-blog-category a.b-pager-num:hover{color:var(--text)}
}

@media(prefers-reduced-motion:reduce){
  .v4-blog-index .b-tab,.v4-blog-index .b-card,.v4-blog-index .b-feat-main,.v4-blog-index .b-feat-mini{transition:none}
}