.card{display:flex;flex-direction:column;background-color:#fff;border-radius:6px;box-shadow:2px 1px 3px #0004,0 0 2px #0003;transition:transform .33s,box-shadow 155ms;position:relative}.card:hover,.card:focus-within{transform:scale(1.05);box-shadow:2px 1px 12px #0004,0 0 2px #0003}.card>:not(picture){padding:1rem}.card>picture{max-height:200px}.card>picture,.card>picture img{flex-grow:1;object-fit:cover}.card .card-header{display:flex;gap:1rem;align-items:center;background-image:linear-gradient(30deg,white 60%,transparent),repeating-linear-gradient(-45deg,#ddd,#ddd 1px,transparent 1px,transparent 8px)}.card .card-header .avatar{flex-shrink:0}.card .card-header .headline{flex-grow:1}.card .card-header h2{font-size:1.25rem}.card .card-header h2+span{font-size:.875rem;color:#999}.card .card-header h2>a{color:#333;text-decoration:none}.card .card-header h2>a:after{content:"";position:absolute;inset:0;z-index:1}.card .card-header .menu-button{all:unset;display:grid;place-content:center;position:relative;z-index:2}.card .card-header .menu-button:hover{cursor:pointer}.card .card-header .menu-button:focus{outline:1px solid black}.card .card-header .menu-button svg{height:1rem;width:1rem;fill:#999}.card>img{max-width:100%;height:150px;object-fit:cover}.card .card-content p{color:#555;position:relative;z-index:2}.card:focus-within:has(.card-header a:focus){outline:2px solid black}.card:focus-within .card-header a:focus{outline:none}