main{max-width:54em;margin:0 auto}.card{border:1px solid var(--primary);border-radius:6px;padding:1.5em 1.5em 1em}.card h2{margin-top:0;font-size:1.5em;font-weight:600;padding-bottom:.5em;border-bottom:1px solid var(--light-bg-hl)}.role{border-bottom:1px solid var(--light-bg-hl)}.role:last-child{border-bottom:none}.role-header{float:left}.role-header div{margin-top:0}.role-title{font-weight:600;font-size:1.1em}.role-company{color:var(--light-txt);font-size:.9em}.role-dates{margin-top:0;float:right;text-align:right;color:var(--light-txt);font-size:.9em}.role-dates div{margin-top:0}.date-duration{margin-top:0;display:block;font-size:.85em;color:var(--mid)}.role ul{clear:both;padding:.5em 0 1em}.skills{display:flex;flex-wrap:wrap;gap:.4em}.pill{margin-top:0;display:inline-block;background:var(--light-bg);border:1px solid var(--light-bg-hl);border-radius:999px;padding:.25em .75em;font-size:.85em;color:var(--light-txt)}.pill:hover{background:var(--light-bg-hl)}.resume-btn{float:right}.card ul{margin-left:1.5em}