/* Personal work stays separate from the professional case studies. */
body > header nav { gap: 1em 2em; }
body > header nav a { min-width: 0; overflow-wrap: anywhere; }
body > .skip { top: 0; transform: translateY(-110%); }
body > .skip:focus { transform: translateY(0); }

.personal-work { border-top: 1px solid var(--line); }
.personal-work .section-heading { margin-bottom: 1.5em; }
.personal-work h2 { font-size: 2.25em; }
.personal-work-intro { max-width: 62em; margin: 0 0 1em; color: var(--muted); }
.personal-work-ai { max-width: 62em; margin: 0 0 2em; padding-left: 1em; border-left: 3px solid #a3bce9; color: #465570; font-size: .9375em; }
.personal-work-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5em; }
.personal-work-card { min-width: 0; padding: clamp(28px, 2.25vw, 32px); border: 1px solid var(--line); border-radius: 6px; background: #fff; overflow-wrap: anywhere; }
.personal-work-card > * { min-width: 0; max-width: 100%; }
.personal-work-meta { display: flex; align-items: baseline; flex-wrap: wrap; gap: .5em 1em; margin-bottom: .7em; font-size: .8125em; }
.personal-work-category { color: var(--blue); font-weight: 600; }
.personal-work-status { color: #56657c; }
.personal-work-card h3 { margin: 0; font-size: 1.5em; line-height: 1.5; letter-spacing: -.025em; }
.personal-work-summary { max-width: 62em; margin: .8em 0 1em; color: #465570; font-size: .9375em; }
.personal-work-tags { display: flex; flex-wrap: wrap; gap: .5em; list-style: none; margin: 0; padding: 0; }
.personal-work-tags li { min-width: 0; max-width: 100%; padding: .25em .75em; border: 1px solid var(--line); border-radius: 4px; color: #586781; font-size: .8125em; }
.personal-work-role { margin: 1.25em 0 0; color: #465570; font-size: .875em; }
.personal-work-role strong { margin-right: .6em; color: var(--navy); font-weight: 600; }
.personal-work-details { margin-top: 1.5em; padding-top: .5em; }
.personal-work-details > summary { min-height: 2.75em; padding-block: .55em; font-size: .9375em; line-height: 1.8; color: var(--blue); }
.personal-work-details > summary:focus-visible { outline: 3px solid #5189ff; outline-offset: 4px; border-radius: 2px; }
.personal-work-detail-body { padding-top: .5em; }
.personal-work-detail-body h4 { margin: 1.25em 0 .55em; font-size: 1em; color: var(--navy); }
.personal-work-detail-body p,.personal-work-detail-body li,.personal-work-detail-body dt,.personal-work-detail-body dd { font-size: .9375em; color: #465570; }
.personal-work-detail-body ul { margin: 0; padding-left: 1.35em; }
.personal-work-detail-body li + li { margin-top: .5em; }
.personal-work-decisions { margin: 0; }
.personal-work-decisions dt { margin-top: 1em; font-weight: 600; color: var(--navy); }
.personal-work-decisions dd { margin: .35em 0 0; }
.personal-work-detail-body p { max-width: 62em; margin: 0; }
.personal-work-links { display: flex; flex-wrap: wrap; gap: .5em 1.5em; margin-top: 1.5em; }
.personal-work-links a { min-width: 0; max-width: 100%; color: var(--blue); font-size: .875em; text-decoration: underline; text-underline-offset: .2em; }
.personal-work-fallback { color: var(--muted); }

@media (max-width: 42em) {
  body > header nav { justify-content: flex-start; gap: .75em 1.25em; }
  .personal-work h2 { font-size: 1.75em; }
  .personal-work-card { padding: 20px; }
  .personal-work-card h3 { font-size: 1.3em; }
}