.profile-crumbs {margin: 0 0 20px; font-size: 13px; line-height: 1.6; clear: both;}
.profile-crumbs ol {display: flex; flex-wrap: wrap; gap: 5px 10px; margin: 0; padding: 0; list-style: none;}
.profile-crumbs li {margin: 0; padding: 0; max-width: 100%; overflow-wrap: anywhere;}
.profile-crumbs li + li::before {content: "/"; margin-right: 10px; color: #777;}
.profile-block {margin: 24px 0; line-height: 1.7; clear: both;}
.profile-block h2 {margin-bottom: 16px;}
.profile-block p {margin: 0 0 14px;}
.profile-projects {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin: 16px 0 28px;}
.profile-projects a {display: block; padding: 18px; border: 1px solid #ddd; border-radius: 6px; text-decoration: none; color: inherit; overflow-wrap: anywhere;}
.profile-projects a:hover, .profile-projects a:focus {border-color: #2085ad;}
.profile-projects strong {display: block; margin-bottom: 8px; color: #176787;}
.profile-projects span {display: block; font-size: 14px; line-height: 1.6;}
.profile-stack {line-height: 1.8; overflow-wrap: anywhere;}
@media(max-width: 600px) {.profile-projects {grid-template-columns: 1fr;} .profile-crumbs {font-size: 12px;} }

@media(max-width: 767px) {
  .foot {box-sizing: border-box; max-width: 100%; min-width: 0;}
  .foot_r {width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box;}
  #content_in article.text, #content_in article.work, #content_in article.works {box-sizing: border-box; max-width: 100%;}
}

.works .section_img {width:100%;height:auto;}

#client-reviews blockquote {margin: 18px 0; padding: 12px 18px; border-left: 3px solid #2085ad;}
#client-reviews footer {float:none; background:none; min-width:0; width:auto; padding:0; color:inherit; font-size:13px;height: auto;}

/* Breadcrumb navigation must not inherit the masthead navigation layout. */
nav.profile-crumbs {
    display: block;
    float: none;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0 0 16px;
    background: none;
}
nav.profile-crumbs li {
    display: flex;
    align-items: baseline;
    float: none;
    height: auto;
    line-height: inherit;
    list-style: none;
}
nav.profile-crumbs a {
    display: inline;
    height: auto;
    padding: 0;
    background: none;
    color: #226e85;
}
nav.profile-crumbs a:hover,
nav.profile-crumbs a:focus {
    background: none;
    color: #174c5c;
    text-decoration: underline;
}
nav.profile-crumbs [aria-current="page"] {color: #59666a;}

/* Content and the menu below it share the same outer box and inner edges. */
#content_in article.text,
#content_in article.work,
#content_in article.text ~ aside,
#content_in article.work ~ aside {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 0 5px 0 10px;
}
#content_in article.text ~ aside .menu,
#content_in article.work ~ aside .menu {
    box-sizing: border-box;
    width: 100%;
}