/* Scoped to the personal portfolio closing area. */
.personal-page .implementation-approach,
.personal-page .personal-contact,
.personal-page > .site-footer{--secondary:#445660}
html[data-theme=dark] .personal-page .implementation-approach,
html[data-theme=dark] .personal-page .personal-contact,
html[data-theme=dark] .personal-page > .site-footer{--secondary:#CDD3D5}
.personal-page .implementation-approach{margin-top:32px;padding-top:22px}
.personal-page .implementation-approach h2{margin-bottom:12px}
.personal-page .implementation-approach p{line-height:1.65;margin-bottom:10px}
.personal-page .implementation-approach p:last-child{margin-bottom:0}
.personal-page .implementation-approach + .personal-contact{margin-top:24px;padding:24px 0;max-width:none;text-align:left}
.personal-page .personal-contact h2{font-size:24px;line-height:1.3;margin-bottom:10px}
.personal-page .personal-contact > p{font-size:16px;line-height:1.65;max-width:900px;margin:0 0 10px}
.personal-page .personal-contact .contact-invitation{font-size:16px;min-height:44px;border-bottom-width:1px}
.personal-page > .site-footer{padding:16px 0 20px;border-top-color:color-mix(in srgb,var(--border) 65%,transparent)}
@media(max-width:700px){
  .personal-page .implementation-approach{margin-top:28px;padding-top:20px}
  .personal-page .implementation-approach + .personal-contact{margin-top:22px;padding:20px 0}
  .personal-page .personal-contact h2{font-size:22px}
  .personal-page > .site-footer .bolt-static{margin-top:12px}
}