/* Open experience entries, following the same quiet reading column as Intro. */
#work { padding-top:68px; padding-bottom:76px; }
#work .screen-content { width:min(100%,760px); }
#work .section-heading { margin-bottom:36px; }
.experience-list { display:flex; flex-direction:column; gap:38px; }
.experience-header { display:flex; align-items:baseline; justify-content:space-between; gap:24px; margin-bottom:17px; }
.experience-header h3 { font-size:22px; line-height:1.3; letter-spacing:-.5px; font-weight:550; }
.experience-role { font-size:12px; line-height:1.5; color:#828b98; margin-top:5px; }
.experience-date { font-size:12px; line-height:1.5; color:#8d96a1; flex-shrink:0; font-variant-numeric:tabular-nums; }
.experience-body { margin-left:3px; padding:0 0 1px 24px; border-left:1px solid #dbe3ee; }
.experience-description { font-size:14px; line-height:1.8; color:#616a76; max-width:650px; }
.experience-note { display:block; font-size:11px; color:#71829b; margin-top:8px; }
.experience-tools { margin-top:18px; }
.experience-tools h4 { font-size:11px; line-height:1.5; color:#919aa6; font-weight:400; margin:0 0 10px; }
.experience-tools ul { display:flex; flex-wrap:wrap; align-items:flex-start; gap:16px 18px; list-style:none; padding:0; margin:0; }
.experience-tools li { display:flex; align-items:center; flex-direction:column; gap:6px; width:64px; text-align:center; color:#75808e; font-size:10px; line-height:1.3; }
.experience-tool-icon { width:44px; height:44px; display:grid; place-items:center; border:1px solid #edf0f4; border-radius:9px; background:#fcfcfd; }
.experience-tool-icon img { width:25px; height:25px; object-fit:contain; border-radius:3px; }
@media(max-width:720px) {
  #work { padding-top:58px; padding-bottom:100px; }
  #work .section-heading { margin-bottom:30px; }
  .experience-list { gap:33px; }
  .experience-header { flex-wrap:wrap; gap:5px; margin-bottom:16px; }
  .experience-header > div { width:100%; }
  .experience-header h3 { font-size:21px; }
  .experience-role { font-size:12px; }
  .experience-date { font-size:11px; }
  .experience-body { padding-left:18px; }
  .experience-description { font-size:14px; line-height:1.8; }
  .experience-tools { margin-top:17px; }
  .experience-tools ul { gap:15px; }
}