/* Compact outline actions throughout the site. */
html body#made-site :is(.cta,.pill,.button)[class],
html body#made-site :is(.cta,.pill,.button)[class]:is(:hover,:focus-visible,:active){background:transparent!important;color:#000!important;border:1px solid rgba(0,0,0,.45)!important;border-radius:999px;box-shadow:none;min-height:44px;padding:11px 18px;font-size:13px;line-height:1.3;font-weight:400;gap:16px;width:fit-content;max-width:100%;text-decoration:none;transform:none}
html body#made-site :is(.cta,.pill,.button)[class] *{color:inherit!important;background:transparent!important}
html body#made-site :is(.dark,.page-intro.art-hero,.opening-dark,.application-dark,.project-next,.ce-local-home main,.projects,.motion-break,.ce-section,.site-header,.header,.masthead,footer,.hero:where(#home)) :is(.cta,.pill,.button)[class],
html body#made-site :is(.dark,.page-intro.art-hero,.opening-dark,.application-dark,.project-next,.ce-local-home main,.projects,.motion-break,.ce-section,.site-header,.header,.masthead,footer,.hero:where(#home)) :is(.cta,.pill,.button)[class]:is(:hover,:focus-visible,:active){background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.45)!important}
html body#made-site :is(.cta,.pill,.button)[class]:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(hover:hover){html body#made-site :is(.cta,.pill,.button)[class]:hover{border-color:currentColor!important}}
/* Keep the Portfolio mobile reading links especially quiet. */
@media(max-width:800px){html body#made-site .project-next .project-next-inner>.button{border:0!important;padding:8px 0;border-radius:0}}