.sidebar{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);clear:both;margin-bottom:1em}.sidebar::after{clear:both;content:"";display:table}@media (min-width: 57.8125em){.sidebar{width:15.2542372881%;float:left;margin-right:1.6949152542%;opacity:1;-webkit-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out}.sidebar:hover{opacity:1}}@media (min-width: 80em){.sidebar{padding-right:0}}.sidebar h2,.sidebar h3,.sidebar h4,.sidebar h5,.sidebar h6{margin-bottom:0;font-family:-apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif}.sidebar h3,.sidebar h4{font-size:1em}.sidebar p,.sidebar li{font-family:-apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;font-size:.75em;line-height:1.5}.sidebar img{width:100%}.sidebar__right{margin-bottom:1em}@media (min-width: 57.8125em){.sidebar__right{position:relative;float:right;width:0px;margin-left:2.5423728814%;z-index:10}}@media (min-width: 80em){.sidebar__right{width:0px}}.author__avatar{display:table-cell;vertical-align:top;width:36px}@media (min-width: 57.8125em){.author__avatar{display:block;width:auto;height:auto}}.author__avatar img{max-width:220px}.author__content{display:table-cell;vertical-align:top;padding-left:15px;padding-right:25px;line-height:1}@media (min-width: 57.8125em){.author__content{display:block;width:100%;padding-left:0;padding-right:0}}.author__name{margin:0}@media (min-width: 57.8125em){.author__name{margin-top:10px;margin-bottom:10px}}.sidebar .author__name{font-family:-apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;font-size:1em}.author__bio{margin:0}@media (min-width: 57.8125em){.author__bio{margin-top:10px;margin-bottom:20px}}.author__urls-wrapper{position:relative;display:table-cell;vertical-align:middle;font-family:-apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;z-index:10;position:relative;cursor:pointer}.author__urls-wrapper li:last-child a{margin-bottom:0}@media (min-width: 57.8125em){.author__urls-wrapper{display:block}}.author__urls-wrapper button{margin-bottom:0}@media (min-width: 57.8125em){.author__urls-wrapper button{display:none}}.author__urls{display:none;position:absolute;right:0;margin-top:15px;padding:10px;list-style-type:none;border:1px solid #f2f3f3;border-radius:4px;background:#fff;z-index:-1;box-shadow:0 0 10px rgba(0,0,0,0.25);cursor:default}@media (min-width: 57.8125em){.author__urls{display:block;position:relative;margin:0;padding:0;border:0;background:transparent;box-shadow:none}}.author__urls:before{display:block;content:"";position:absolute;top:-11px;left:calc(50% - 10px);width:0;border-style:solid;border-width:0 10px 10px;border-color:#f2f3f3 transparent;z-index:0}@media (min-width: 57.8125em){.author__urls:before{display:none}}.author__urls:after{display:block;content:"";position:absolute;top:-10px;left:calc(50% - 10px);width:0;border-style:solid;border-width:0 10px 10px;border-color:#fff transparent;z-index:1}@media (min-width: 57.8125em){.author__urls:after{display:none}}.author__urls li{white-space:nowrap}.author__urls a{display:block;margin-bottom:5px;padding-right:5px;padding-top:2px;padding-bottom:2px;color:inherit;font-size:1em;text-decoration:none}.author__urls a:hover{text-decoration:underline}

/* Mobile responsive: stack profile image above name */
@media (max-width: 600px) {
  /* Remove wrapper padding on mobile for full-width content */
  .wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }
  /* Left align paragraphs on mobile instead of justify */
  p {
    text-align: left;
  }
  /* Only target the profile table (first table with author__avatar) */
  div[itemscope] table[border="0"] tbody tr {
    display: flex;
    flex-direction: column;
  }
  div[itemscope] table[border="0"] tbody tr td {
    display: block;
    width: 100% !important;
  }
  .author__avatar {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
  }
  .author__avatar img {
    max-width: 95%;
    width: 95%;
    height: auto;
    display: block;
    margin: 0 auto;
  }
  .author__content {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    text-align: left;
  }
  .author__content .contact-list {
    padding-left: 0;
    list-style: none;
  }

  /* Education section: two columns (info+date left, logo right) */
  .education-table .education-row {
    display: flex;
    flex-direction: row;
    margin-bottom: 15px;
  }
  .education-table .education-info {
    flex: 1;
    width: auto !important;
    padding-right: 10px;
  }
  .education-table .education-date-col {
    display: none;
  }
  .education-table .education-info::after {
    content: attr(data-date);
    display: block;
    color: #666;
  }
  .education-table .education-logo {
    width: 60px !important;
    flex-shrink: 0;
  }
  .education-table .education-logo img {
    width: 60px;
    height: auto;
  }

  /* Projects section: image full width, text below */
  .projects-table .project-row {
    display: flex;
    flex-direction: column;
    margin-bottom: 25px;
  }
  .projects-table .project-image {
    display: block;
    width: 100% !important;
    margin-bottom: 10px;
  }
  .projects-table .project-image img {
    width: 95%;
    height: auto;
    display: block;
    margin: 0 auto;
  }
  .projects-table .project-desc {
    display: block;
    width: 100% !important;
  }

  /* Work Experience section: similar to Education on mobile */
  .work-table .work-row {
    display: flex;
    flex-direction: row;
    margin-bottom: 15px;
  }
  .work-table .work-info {
    flex: 1;
    width: auto !important;
    padding-right: 10px;
  }
  .work-table .work-time-col {
    display: none;
  }
  .work-table .work-info::after {
    content: attr(data-time) "\A" attr(data-location);
    white-space: pre-wrap;
    display: block;
    color: #666;
  }
  .work-table .work-logo {
    width: 60px !important;
    flex-shrink: 0;
  }
  .work-table .work-logo img {
    width: 60px;
    height: auto;
  }
}