/* V13 / calm neutral-brain palette and 2-by-4 certificate carousel */
/* Brain: use the recolored RGBA artwork with matching neutral highlights and halos. */
.neural-hero,.neural-float,.neural-brain-image{filter:none!important}
.neural-brain-image{filter:drop-shadow(0 12px 18px rgba(159,168,182,.10))!important}
body[data-theme="light"] .neural-brain-image{filter:drop-shadow(0 9px 13px rgba(64,73,87,.17))!important}
.neural-glow{background:radial-gradient(ellipse,rgba(167,175,187,.075),transparent 70%)!important}
body[data-theme="light"] .neural-glow{background:radial-gradient(ellipse,rgba(91,101,114,.11),transparent 70%)!important}
.brain-glints{opacity:.26!important}
body[data-theme="light"] .brain-glints{opacity:.20!important}
.brain-glint{background:radial-gradient(circle,rgba(245,246,248,.75),rgba(193,200,210,.18) 43%,transparent 75%)!important;box-shadow:0 0 6px rgba(195,204,214,.12)!important}
/* Keep certificate cards smaller, with eight visible on desktop, two rows and four columns. */
#credentials .cert-carousel{width:100%;min-width:0;overflow:hidden}
#credentials .cert-grid{display:grid!important;grid-template-columns:none!important;grid-template-rows:repeat(2, minmax(0,1fr))!important;grid-auto-flow:column!important;grid-auto-columns:calc((100% - 36px)/4)!important;align-items:stretch;gap:12px!important;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;overscroll-behavior-y:auto;touch-action:pan-x pan-y;padding:4px 2px 8px 2px;scroll-padding-inline:2px;}
#credentials .cert-grid::-webkit-scrollbar{display:none}
#credentials .cert-card{scroll-snap-align:start!important;min-width:0!important;min-height:0!important;height:153px!important;padding:13px 15px!important;border-radius:12px!important;}
#credentials .cert-card h3{font-size:13.5px!important;line-height:1.25!important;margin:4px 0 0!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#credentials .cert-card .cert-official-title{font-size:10px!important;line-height:1.35!important;margin-top:5px!important;-webkit-line-clamp:2}
#credentials .cert-card .cert-date{display:none!important}
#credentials .cert-card .credential-link{font-size:10px!important;padding-top:6px!important}
#credentials .cert-card .cert-head{min-height:23px!important}
#credentials .cert-card .issuer-brand{transform:scale(.76);transform-origin:right center}
#credentials .cert-card .cert-issuer{font-size:10px!important}
#credentials .cert-nav{min-height:30px;display:flex;align-items:center;justify-content:center;padding-top:12px}
#credentials .cert-dots{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;max-width:100%}
#credentials .cert-dots button{appearance:none;display:block;width:9px;height:9px;min-width:9px;padding:0;border:0;border-radius:999px;background:var(--muted2);opacity:.55;transition:width .2s,background .2s,opacity .2s;cursor:pointer}
#credentials .cert-dots button.active{width:22px;background:var(--accent2);opacity:1}
#credentials .cert-dots button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
/* Both carousels have dots only, no arrows on desktop or mobile. */
#work .carousel-nav>button{display:none!important}
#work .carousel-nav{justify-content:center!important}
@media(max-width:860px){#credentials .cert-grid{grid-auto-columns:calc((100% - 12px)/2)!important}}
@media(max-width:560px){
 #credentials .cert-grid{grid-auto-columns:100%!important;gap:9px!important}
 #credentials .cert-card{height:127px!important;padding:11px 13px!important}
 #credentials .cert-card h3{font-size:13px!important}
 #credentials .cert-card .cert-official-title{font-size:10px!important;-webkit-line-clamp:1}
 #credentials .cert-card .credential-link{padding-top:3px!important}
 #credentials .cert-nav{padding-top:9px}
}
@media(prefers-reduced-motion:reduce){#credentials .cert-grid{scroll-behavior:auto}}