body{background:var(--color-grey-5);color:var(--color-grey-0)}.wrap{max-width:1080px;margin:0 auto;padding:0 24px 60px}.mast{display:flex;gap:32px;align-items:flex-start;justify-content:space-between;padding:60px 0 24px;position:relative}.mast:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:100px;background:linear-gradient(90deg,var(--color-blue) 0%,var(--color-green) 100%)}.kicker{margin:0 0 12px;color:var(--color-blue)}.mast h1{margin:0;color:var(--color-black);text-wrap:balance}.lede{margin:12px 0 0;max-width:54ch;color:var(--color-grey-1)}.count{flex:none;text-align:right;color:var(--color-black)}.count b{display:block;font-size:40px;font-weight:600;line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.count span{display:block;color:var(--color-grey-2)}.filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:24px 0 0}.filters__label{color:var(--color-grey-2);margin-right:4px}.chip{font-family:inherit;padding:8px 16px;border:0;border-radius:100px;background:var(--color-white);color:var(--color-grey-1);cursor:pointer;box-shadow:var(--shadow-border-default-1-5px);transition:box-shadow .14s,color .14s}.chip:hover{color:var(--color-blue);box-shadow:var(--shadow-border-selected-1-5px-blue)}.chip:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px}.chip--on,.chip--on:hover{background:var(--color-black);color:var(--color-white);box-shadow:var(--shadow-below-low)}.shelf{margin-top:40px}.shelf__head h2{margin:0;color:var(--color-black)}.shelf__head p{margin:4px 0 16px;color:var(--color-grey-2)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.card{display:flex;flex-direction:column;gap:8px;padding:20px;background:var(--color-white);border-radius:16px;text-decoration:none;color:inherit;box-shadow:var(--shadow-border-default-1-5px);transition:box-shadow .14s,transform .14s}.card:hover{box-shadow:var(--shadow-border-selected-1-5px-blue);transform:translateY(-1px)}.card:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px}.card__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.card__name{margin:0;color:var(--color-black)}.card__blurb{margin:0;color:var(--color-grey-0)}.card__detail{margin:0;color:var(--color-grey-2)}.card__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid var(--color-grey-4)}.who{display:flex;flex-wrap:wrap;gap:4px}.who__tag{color:var(--color-grey-1);background:var(--color-grey-4);border-radius:8px;padding:4px 8px}.when{flex:none;color:var(--color-grey-2);white-space:nowrap}.pill{flex:none;padding:4px 10px;border-radius:100px;white-space:nowrap}.pill--ok{background:var(--color-light-green);color:var(--color-dark-green)}.pill--work{background:var(--color-light-blue);color:var(--color-blue)}.pill--warn{background:var(--color-light-purple);color:var(--color-purple)}.foot{margin-top:40px;padding-top:20px;border-top:1px solid var(--color-grey-4)}.foot p{margin:0;color:var(--color-grey-2);max-width:70ch}@media (max-width: 620px){.mast{flex-direction:column;gap:16px}.count{text-align:left}.count b{display:inline;font-size:28px;margin-right:8px}.count span{display:inline}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}