/* Ascend Blog Browse: one card above the post grid, in the site's blue/white style. */
.abb{--abb-blue:#037CAF;--abb-navy:#0B3A53;--abb-line:#dbe7ee;--abb-soft:#f2f8fb;--abb-muted:#55636e;
	box-sizing:border-box;background:#fff;border:1px solid var(--abb-line);border-radius:20px;padding:22px 24px;margin:0 0 28px;
	box-shadow:0 12px 30px rgba(11,58,83,.06);font-family:'Roboto',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:#1f2a33}
.abb *{box-sizing:border-box}
.abb-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin-bottom:14px}
.abb .abb-title{margin:0;font-size:1.25rem;line-height:1.3;color:var(--abb-navy)}
.abb-search{display:flex;gap:8px;flex:1 1 300px;max-width:440px;margin:0}
.abb-search input[type=search]{flex:1;min-width:0;height:44px;border:1.5px solid var(--abb-line);border-radius:999px;padding:0 16px;font:inherit;font-size:.95rem;background:#fff;color:#1f2a33;margin:0}
.abb-search input[type=search]:focus{outline:none;border-color:var(--abb-blue);box-shadow:0 0 0 3px rgba(3,124,175,.18)}
.abb .abb-search button{height:44px;min-width:0;padding:0 18px;margin:0;border:0;border-radius:999px;background:var(--abb-blue);color:#fff;font:inherit;font-weight:700;font-size:.95rem;cursor:pointer;line-height:1}
.abb .abb-search button:hover{background:#02688f}
.abb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.abb-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.abb-chips li{margin:0}
.abb .abb-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 14px;border:1.5px solid var(--abb-line);border-radius:999px;background:#fff;
	color:var(--abb-navy);font-size:.9rem;font-weight:600;text-decoration:none;line-height:1.2;transition:border-color .15s,background .15s}
.abb .abb-chip span{font-weight:700;font-size:.78rem;color:var(--abb-muted);background:var(--abb-soft);border-radius:999px;padding:2px 7px}
.abb .abb-chip:hover{border-color:var(--abb-blue);color:var(--abb-blue)}
.abb .abb-chip.abb-sub{font-weight:500;background:var(--abb-soft)}
.abb .abb-chip.is-on{background:var(--abb-blue);border-color:var(--abb-blue);color:#fff}
.abb .abb-chip.is-on span{background:rgba(255,255,255,.22);color:#fff}
.abb .abb-chip:focus-visible,.abb-all summary:focus-visible{outline:3px solid var(--abb-navy);outline-offset:2px}

.abb-all{margin-top:14px;border-top:1px solid var(--abb-line);padding-top:12px}
.abb-all summary{cursor:pointer;font-weight:700;color:var(--abb-blue);list-style:none;display:inline-flex;align-items:center;gap:8px}
.abb-all summary::-webkit-details-marker{display:none}
.abb-all summary::before{content:'';width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .15s}
.abb-all[open] summary::before{transform:rotate(45deg)}
.abb-groups{columns:3 260px;column-gap:28px;margin-top:12px}
.abb-group{break-inside:avoid;margin:0 0 16px}
.abb .abb-group h3{margin:0 0 6px;font-size:.95rem;color:var(--abb-navy)}
.abb-group ul{list-style:none;margin:0;padding:0}
.abb-group li{margin:0 0 6px;line-height:1.35;font-size:.92rem}
.abb-group a{color:#1f2a33;text-decoration:none;border-bottom:1px solid transparent}
.abb-group a:hover{color:var(--abb-blue);border-bottom-color:currentColor}

@media (max-width:600px){
	.abb{padding:18px 16px;border-radius:18px}
	.abb-search{max-width:none;flex-basis:100%}
	.abb-chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:2px 16px 6px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
	.abb .abb-chip{white-space:nowrap}
}
@media (prefers-reduced-motion:reduce){.abb .abb-chip,.abb-all summary::before{transition:none}}