.profile-content-tabs {
    width: 100%;
    margin-top: 22px;
    position: relative;
}

.profile-content-tabs .company-profile-tabs__list {
    display: flex;
    gap: 22px;
    overflow-x: auto;
    scrollbar-width: none;
    border-bottom: 1px solid #e5e6e8;
}

.profile-content-tabs .company-profile-tabs__list::-webkit-scrollbar { display: none; }

.profile-content-tabs .company-profile-tabs__item {
    padding: 0 0 12px;
    display: inline-flex;
    align-items: center;
    position: relative;
    border: 0;
    background: none;
    color: #7b7d81;
    text-decoration: none;
    font: 600 14px/1.3 Inter, sans-serif;
    white-space: nowrap;
    cursor: pointer;
}

.profile-content-tabs .company-profile-tabs__item::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 2px;
    border-radius: 2px;
    background: transparent;
}

.profile-content-tabs .company-profile-tabs__item.is-active { color: #202124; }
.profile-content-tabs .company-profile-tabs__item.is-active::after { background: #202124; }

.profile-content-tabs {
    margin-top: 22px;
}

.profile-blog-block {
    margin-top: 20px;
    padding: 0;
    border-radius: 0;
    background: transparent;
    scroll-margin-top: 110px;
    font-family: Inter, sans-serif;
}

.profile-blog-block__header {
    margin-bottom: 20px;
}

.profile-blog-block__header h2 {
    margin: 0 0 30px;
    padding: 0;
    color: #404145;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
}

.profile-blog-block__nav {
    text-align: left;
}

.profile-blog-block__nav .freelancer-portfolio-nav-elem {
    min-width: 140px;
    margin: 5px;
    padding: 8px 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #0062ff;
    border-radius: 8px;
    color: #0062ff;
    background: #e2f3ff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
}

.profile-blog-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.profile-blog-card {
    min-width: 0;
    padding: 14px;
    display: block;
    border: 1px solid #ececef;
    border-radius: 13px;
    color: inherit;
    text-decoration: none;
    transition: transform .18s ease, border-color .18s ease;
}

.profile-blog-card:hover {
    color: inherit;
    border-color: #d8dadd;
    transform: translateY(-2px);
}

.profile-blog-card > img {
    width: 100%;
    height: 130px;
    margin-bottom: 12px;
    display: block;
    border-radius: 9px;
    object-fit: cover;
}

.profile-blog-card > span {
    color: #29955d;
    font-size: 11px;
    font-weight: 700;
}

.profile-blog-card h3 {
    margin: 6px 0;
    color: #252629;
    font-size: 16px;
    line-height: 1.25;
}

.profile-blog-card p {
    margin: 0;
    color: #76787d;
    font-size: 12px;
    line-height: 1.45;
}

.profile-blog-empty {
    grid-column: 1 / -1;
    padding: 32px;
    border: 1px dashed #dfe1e4;
    border-radius: 12px;
    text-align: center;
}

.profile-blog-empty p {
    margin: 5px 0 0;
    color: #85878b;
    font-size: 13px;
}

.profile-blog-block__more {
    margin-top: 16px;
    display: inline-block;
    color: #55585d;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}

@media (max-width: 760px) {
    .profile-blog-block { padding: 0; }
    .profile-blog-block__nav .freelancer-portfolio-nav-elem { margin-left: 0; }
    .profile-blog-grid { grid-template-columns: 1fr; }
}

/* The publications tab is a separate profile view with one continuous feed. */
.profile-blog-shell[hidden] { display: none !important; }
body.fiwork-public-profile-page.profile-posts-active .profile-community-main .about-freelancer-container,
body.fiwork-public-profile-page.profile-posts-active .profile-main-shell .profile-portfolio-digest,
body.fiwork-public-profile-page.profile-posts-active .profile-main-shell .my-services-block,
body.fiwork-public-profile-page.profile-posts-active .profile-reviews-shell { display: none !important; }
@media (min-width: 769px) {
    body.fiwork-public-profile-page.profile-posts-active .profile-community-main > .freelancer-main-info { grid-column: 1; grid-row: 1; }
    body.fiwork-public-profile-page.profile-posts-active .profile-community-main > .freelancer-rating-combo { grid-column: 2; grid-row: 1 / span 2; }
    body.fiwork-public-profile-page.profile-posts-active .profile-community-main > .profile-blog-shell { grid-column: 1; grid-row: 2; }
}

.profile-blog-shell { grid-column: 1 / -1; scroll-margin-top: 104px; }
body.fiwork-public-profile-page .profile-blog-shell {
    width: 100%;
    margin-top: 0;
    padding: 28px 30px;
    border: 0;
    border-radius: var(--public-profile-radius);
    background: var(--public-profile-surface);
}
body.fiwork-public-user-profile-page .profile-blog-shell { border: 1px solid var(--public-profile-card-border); }
.profile-blog-shell__container { width: 100%; }
.profile-blog-shell .profile-blog-block__header { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-width: 0; padding-bottom: 18px; border-bottom: 1px solid #e8eaee; }
.profile-blog-shell .profile-blog-block__header h2 { margin: 0; color: var(--public-profile-text); font-family: Inter, var(--font-family), sans-serif; font-size: 22px; font-weight: 750; line-height: 1.3; }
.profile-blog-shell .profile-blog-block__header.is-searching h2,
.profile-blog-shell .profile-blog-block__header.is-searching .profile-blog-block__create { display: none; }
.profile-blog-block__tools { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-shrink: 0; }
.profile-blog-block__create { display: inline-flex; align-items: center; gap: 7px; min-height: 34px; padding: 8px 13px; border: 0; border-radius: 16px; background: var(--public-profile-blue-soft); color: var(--public-profile-blue); font: 650 13px/1.2 Inter, var(--font-family), sans-serif; text-decoration: none; white-space: nowrap; cursor: pointer; }
.profile-blog-block__create svg { width: 16px; height: 16px; flex: 0 0 16px; }
.profile-blog-block__create:hover { color: var(--public-profile-blue); background: var(--public-profile-subtle-hover); }
.profile-blog-block__search-toggle { width: 36px; height: 36px; padding: 0; display: grid; flex: 0 0 36px; place-items: center; border: 0; border-radius: 50%; color: #536170; background: var(--public-profile-subtle); cursor: pointer; }
.profile-blog-block__search-toggle:hover,
.profile-blog-block__search-toggle.is-active { color: var(--public-profile-blue); background: var(--public-profile-blue-soft); }
.profile-blog-block__search-toggle svg { width: 18px; height: 18px; }
.profile-blog-block__search-toggle .profile-blog-block__close-icon { display: none; }
.profile-blog-block__header.is-searching .profile-blog-block__search-toggle .profile-blog-block__search-icon { display: none; }
.profile-blog-block__header.is-searching .profile-blog-block__search-toggle .profile-blog-block__close-icon { display: block; }
.profile-blog-search[hidden] { display: none !important; }
.profile-blog-search { display: flex; align-items: center; flex: 1 1 auto; min-width: 0; margin: 0; }
body.fiwork-public-profile-page .profile-blog-search input[type="search"] { box-sizing: border-box; width: 100%; min-width: 0; height: 34px; min-height: 34px; padding: 7px 12px; border: 1px solid #dfe5eb; border-radius: 17px; outline: 0; box-shadow: none; color: var(--public-profile-text); background: var(--public-profile-surface); font: 400 13px/1.2 Inter, var(--font-family), sans-serif; }
body.fiwork-public-profile-page .profile-blog-search input[type="search"]:focus { border-color: #86b7ed; box-shadow: none !important; }
.profile-blog-feed { width: 100%; }
.profile-blog-feed[aria-busy="true"] { opacity: .6; transition: opacity .16s ease; }
.profile-blog-entry { padding: 24px 0; }
.profile-blog-entry__meta { display: flex; align-items: center; gap: 10px; }
.profile-blog-entry__meta img { display: block; width: 38px; height: 38px; flex: 0 0 38px; border-radius: 50%; object-fit: cover; }
.profile-blog-entry__meta strong { display: block; color: #26303d; font-size: 14px; line-height: 1.3; }
.profile-blog-entry__meta time { display: block; margin-top: 2px; color: #818b98; font-size: 12px; line-height: 1.3; }
.profile-blog-entry__meta + :is(h3, .profile-blog-entry__text, .profile-blog-entry__cover, .profile-blog-entry__video) { margin-top: 18px; }
.profile-blog-entry h3 { margin: 18px 0 8px; color: #222832; font-size: 20px; font-weight: 700; line-height: 1.35; }
.profile-blog-entry h3 a { color: inherit; text-decoration: none; }
.profile-blog-entry h3 a:hover { color: #176ab4; }
.profile-blog-entry__text { margin: 0 0 16px; color: #4e5865; font-size: 15px; line-height: 1.65; overflow-wrap: anywhere; white-space: pre-line; }
.profile-blog-entry__cover { display: block; margin: 16px 0 0; }
.profile-blog-entry__cover img { display: block; width: 100%; max-height: 420px; border-radius: 12px; object-fit: cover; }
.profile-blog-entry__video { display: block; width: 100%; max-height: 420px; margin-top: 16px; border-radius: 12px; background: #0d1520; }
.profile-blog-entry__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; margin-top: 18px; }
.profile-blog-entry__actions button,
.profile-blog-entry__actions a { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 40px; padding: 7px 4px; border: 0; border-radius: 10px; color: #697584; background: transparent; font: inherit; font-size: 13px; font-weight: 550; text-decoration: none; cursor: pointer; }
.profile-blog-entry__actions svg { width: 24px; height: 24px; flex: 0 0 24px; }
.profile-blog-entry__actions :is(button, a):hover { color: #176ab4; }
.profile-blog-entry__actions :is(button, a):focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.profile-blog-entry__actions button.is-liked { color: #df5864; }
.profile-blog-entry__actions button:disabled { cursor: wait; opacity: .6; }
.profile-blog-shell .profile-blog-empty { padding: 34px 0; border: 0; border-radius: 0; text-align: left; }
.profile-blog-pagination { margin-top: 24px; }

html[data-theme="dark"] .profile-blog-shell .profile-blog-block__header h2,
html[data-theme="dark"] .profile-blog-entry h3,
html[data-theme="dark"] .profile-blog-entry__meta strong { color: #f0f4f8; }
html[data-theme="dark"] body.fiwork-public-profile-page .profile-blog-shell { background: var(--public-profile-surface); }
html[data-theme="dark"] .profile-blog-shell .profile-blog-block__header { border-color: #303d4d; }
html[data-theme="dark"] .profile-blog-entry__meta time,
html[data-theme="dark"] .profile-blog-entry__text,
html[data-theme="dark"] .profile-blog-entry__actions :is(button, a),
html[data-theme="dark"] .profile-blog-empty p { color: #aab6c4; }
html[data-theme="dark"] .profile-blog-entry__actions button.is-liked { color: #f17a86; }
html[data-theme="dark"] .profile-blog-block__create { color: #add2ff; background: #203754; }
html[data-theme="dark"] .profile-blog-block__search-toggle { color: #b5c2d0; background: #25364a; }
html[data-theme="dark"] .profile-blog-block__search-toggle:is(:hover, .is-active) { color: #add2ff; background: #203754; }
html[data-theme="dark"] body.fiwork-public-profile-page .profile-blog-search input[type="search"] { border-color: #344252; color: #f0f4f8; background: #1a2634; }
html[data-theme="dark"] .profile-blog-search a { color: #aab6c4; }

@media (max-width: 768px) {
    body.fiwork-public-profile-page .profile-blog-shell { width: 100%; padding: 20px; }
}
@media (max-width: 600px) {
    .profile-blog-shell .profile-blog-block__header { align-items: center; }
    .profile-blog-entry { padding: 20px 0; }
    .profile-blog-entry h3 { font-size: 18px; }
    .profile-blog-entry__actions { gap: 6px 14px; }
    .profile-blog-entry__actions :is(button, a) { font-size: 12px; }
}
@media (max-width: 520px) {
    body.fiwork-public-profile-page .profile-blog-shell { padding: 15px; }
    .profile-blog-shell .profile-blog-block__header h2 { font-size: 18px; }
}

html[data-theme="dark"] body.fiwork-public-profile-page .blog-compose { border-color: #344252; color: #f0f4f8; background: #1a2634; }
html[data-theme="dark"] body.fiwork-public-profile-page :is(.blog-compose__topbar, .blog-compose__footer) { border-color: #344252; background: #1a2634; }
html[data-theme="dark"] body.fiwork-public-profile-page :is(.blog-compose__title, .blog-compose__excerpt, .blog-compose__editor-shell .ql-editor) { color: #f0f4f8; background: transparent; }
html[data-theme="dark"] body.fiwork-public-profile-page :is(.blog-compose__title, .blog-compose__excerpt)::placeholder { color: #8998a9; }
html[data-theme="dark"] body.fiwork-public-profile-page .blog-compose__editor-shell .ql-toolbar.ql-snow { border-color: #344252; background: #1a2634; }
html[data-theme="dark"] body.fiwork-public-profile-page .blog-compose__editor-shell :is(.ql-container.ql-snow, .ql-editor) { border-color: transparent; color: #f0f4f8; background: transparent; }
html[data-theme="dark"] body.fiwork-public-profile-page .blog-compose__editor-shell .ql-snow .ql-stroke { stroke: #b5c2d0; }
html[data-theme="dark"] body.fiwork-public-profile-page .blog-compose__editor-shell .ql-snow .ql-fill { fill: #b5c2d0; }
html[data-theme="dark"] body.fiwork-public-profile-page .blog-compose__editor-shell .ql-snow .ql-picker { color: #b5c2d0; }
html[data-theme="dark"] body.fiwork-public-profile-page .blog-compose__editor-shell .ql-picker-options { color: #f0f4f8; background: #223244; }
html[data-theme="dark"] body.fiwork-public-profile-page .blog-compose__media { border-color: #4b5968; background: #1e2b39; }
html[data-theme="dark"] body.fiwork-public-profile-page .blog-compose__media.is-dragging { border-color: #7bb9ff; background: #253c55; }
html[data-theme="dark"] body.fiwork-public-profile-page .blog-compose__media-empty strong { color: #f0f4f8; }
html[data-theme="dark"] body.fiwork-public-profile-page .blog-compose__heading { color: #f0f4f8; }
html[data-theme="dark"] body.fiwork-public-profile-page .blog-compose__media-empty > span { color: #e8f1fb; background: #344658; }
html[data-theme="dark"] body.fiwork-public-profile-page .blog-compose__icon-button { color: #b5c2d0; }