.se-careers-article-main{background:#fff;color:#183044}.se-careers-article-main .se-container{width:min(1120px,calc(100% - 32px));margin-inline:auto}.se-careers-article-hero{padding:38px 0 58px;background:linear-gradient(135deg,#edf8f7,#f8fbfd 55%,#fff6ed)}.se-careers-breadcrumb{display:flex;gap:10px;align-items:center;margin-bottom:30px;color:#69808d;font-size:.92rem}.se-careers-breadcrumb a{color:#0d7f7a;text-decoration:none}.se-careers-article-hero-grid{display:grid;grid-template-columns:1fr 300px;gap:44px;align-items:end}.se-careers-article-kicker{margin:0 0 12px;color:#0d7f7a;font-weight:800}.se-careers-article-kicker span{margin-right:8px;color:#ef7f2c}.se-careers-article-hero h1{max-width:820px;margin:0;color:#15354a;font-size:clamp(2rem,4.5vw,3.8rem);line-height:1.35}.se-careers-article-excerpt{max-width:820px;margin:22px 0 0;color:#526b7b;font-size:1.1rem;line-height:2}.se-careers-article-meta{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:20px;color:#6d808b;font-size:.92rem}.se-careers-article-hero aside{padding:24px;border:1px solid #cfe3e1;border-radius:18px;background:rgba(255,255,255,.78)}.se-careers-article-hero aside strong{color:#0d7f7a}.se-careers-article-hero aside p{margin:10px 0 0;color:#5f7481;line-height:1.85}.se-careers-article-layout{display:grid;grid-template-columns:250px minmax(0,760px);gap:54px;align-items:start;padding-top:60px;padding-bottom:76px}.se-careers-article-toc{position:sticky;top:110px;padding:22px;border:1px solid #dce7eb;border-radius:16px;background:#f8fbfc}.se-careers-article-toc strong{display:block;margin-bottom:14px;color:#15354a}.se-careers-article-toc ol{margin:0;padding:0;list-style:none}.se-careers-article-toc li+li{margin-top:10px}.se-careers-article-toc li.is-level-3{padding-right:14px}.se-careers-article-toc a{color:#5d7280;text-decoration:none;line-height:1.65}.se-careers-article-content{font-size:1.04rem;line-height:2.1;color:#314d5f}.se-careers-article-content h2{margin:48px 0 18px;color:#15354a;font-size:1.8rem}.se-careers-article-content h3{margin:34px 0 12px;color:#0d6f6b;font-size:1.3rem}.se-careers-article-content p{margin:0 0 20px}.se-careers-article-content ul,.se-careers-article-content ol{margin:0 0 24px;padding-right:22px}.se-careers-article-content blockquote{margin:28px 0;padding:20px 24px;border-right:4px solid #ef7f2c;border-radius:12px;background:#fff7ef;color:#5d4a3b}.se-careers-article-content table{width:100%;border-collapse:collapse;margin:28px 0}.se-careers-article-content th,.se-careers-article-content td{padding:12px;border:1px solid #dce7eb;text-align:right}.se-careers-related{padding:58px 0 76px;background:#f5f9fa}.se-careers-related header p{margin:0 0 8px;color:#0d7f7a;font-weight:800}.se-careers-related h2{margin:0 0 26px;color:#15354a}.se-careers-related>.se-container>div{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.se-careers-related div>a{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:20px;border:1px solid #dce7eb;border-radius:15px;background:#fff;color:#183044;text-decoration:none}.se-careers-related div>a span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#e7f5f3;color:#0d7f7a;font-weight:900}.se-careers-related div>a b{color:#ef7f2c}.se-careers-back{display:inline-flex;margin-top:28px;color:#0d7f7a;font-weight:800;text-decoration:none}@media(max-width:900px){.se-careers-article-hero-grid{grid-template-columns:1fr}.se-careers-article-layout{grid-template-columns:1fr}.se-careers-article-toc{position:static}.se-careers-related>.se-container>div{grid-template-columns:1fr}}@media(max-width:620px){.se-careers-article-hero{padding-top:24px}.se-careers-article-layout{padding-top:42px}.se-careers-article-content{font-size:1rem}.se-careers-article-content table{display:block;overflow-x:auto}}

/* === SteelExperts Careers Article Page 01 START === */

.se-careers-article-summary {
    margin-bottom: 30px;
    padding: 26px 28px;
    border: 1px solid #dce8ed;
    border-radius: 20px;
    background:
        linear-gradient(
            135deg,
            #f1f8f8 0%,
            #ffffff 58%,
            #fff7ef 100%
        );
}

.se-careers-article-summary-lead {
    margin: 0;
    color: #29475a;
    font-size: 1.06rem;
    line-height: 2;
}

.se-careers-article-tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 20px;
}

.se-careers-article-tag-list span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 4px 13px;
    border: 1px solid #cfe3e2;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.86);
    color: #176d69;
    font-size: 0.86rem;
    font-weight: 800;
}

.se-careers-article-media-placeholder {
    display: grid;
    place-items: center;
    overflow: hidden;
    width: 100%;
    margin: 34px 0 42px;
    border: 2px dashed #9db9c4;
    border-radius: 22px;
    background:
        linear-gradient(
            135deg,
            #edf4f7 0%,
            #f8fbfc 50%,
            #fff4e8 100%
        );
    color: #456475;
    text-align: center;
}

.se-careers-article-media-placeholder.is-hero {
    aspect-ratio: 16 / 9;
    min-height: 360px;
}

.se-careers-article-media-placeholder.is-content {
    aspect-ratio: 3 / 2;
    min-height: 340px;
}

.se-careers-article-media-placeholder > div {
    width: min(620px, calc(100% - 40px));
    padding: 30px;
}

.se-careers-article-media-placeholder span {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    margin: 0 auto 16px;
    border-radius: 18px;
    background: #ffffff;
    color: #0d7f7a;
    font-size: 1.7rem;
    box-shadow:
        0 9px 24px rgba(18, 48, 71, 0.1);
}

.se-careers-article-media-placeholder strong {
    display: block;
    color: #17364a;
    font-size: 1.12rem;
}

.se-careers-article-media-placeholder p {
    margin: 10px auto 14px;
    color: #607783;
    line-height: 1.85;
}

.se-careers-article-media-placeholder code {
    display: inline-block;
    max-width: 100%;
    padding: 7px 11px;
    border-radius: 9px;
    background: rgba(18, 48, 71, 0.08);
    color: #29475a;
    direction: ltr;
    font-size: 0.78rem;
    overflow-wrap: anywhere;
}

.se-careers-article-media-placeholder figcaption {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
}

.se-careers-article-table-wrap {
    overflow-x: auto;
    margin: 26px 0 34px;
    border: 1px solid #dce7eb;
    border-radius: 18px;
    background: #ffffff;
    box-shadow:
        0 10px 26px rgba(18, 48, 71, 0.06);
}

.se-careers-article-table-wrap table {
    width: 100%;
    min-width: 720px;
    margin: 0;
    border: 0;
    border-collapse: collapse;
}

.se-careers-article-table-wrap caption {
    padding: 18px 20px;
    border-bottom: 1px solid #dce7eb;
    color: #17364a;
    font-size: 1rem;
    font-weight: 900;
    text-align: right;
}

.se-careers-article-table-wrap th,
.se-careers-article-table-wrap td {
    padding: 15px 17px;
    border: 0;
    border-bottom: 1px solid #e6eef1;
    color: #405a69;
    font-size: 0.92rem;
    line-height: 1.75;
    text-align: right;
    vertical-align: top;
}

.se-careers-article-table-wrap thead th {
    background: #eef6f6;
    color: #17364a;
    font-weight: 900;
}

.se-careers-article-table-wrap tbody th {
    width: 19%;
    color: #17364a;
    font-weight: 800;
}

.se-careers-article-table-wrap tbody tr:last-child th,
.se-careers-article-table-wrap tbody tr:last-child td {
    border-bottom: 0;
}

.se-careers-article-note,
.se-careers-article-warning,
.se-careers-article-conclusion {
    margin: 28px 0;
    padding: 22px 24px;
    border-radius: 17px;
}

.se-careers-article-note {
    border-right: 4px solid #0d7f7a;
    background: #eef8f7;
}

.se-careers-article-note.is-soft {
    border-right-color: #7396a5;
    background: #f3f7f8;
}

.se-careers-article-warning {
    border-right: 4px solid #ef7f2c;
    background: #fff4e9;
}

.se-careers-article-conclusion {
    border: 1px solid #cfe1e7;
    background:
        linear-gradient(
            135deg,
            #eef7f7,
            #ffffff
        );
}

.se-careers-article-note strong,
.se-careers-article-warning strong {
    display: block;
    margin-bottom: 7px;
    color: #17364a;
}

.se-careers-article-note p,
.se-careers-article-warning p,
.se-careers-article-conclusion p {
    margin: 0;
}

.se-careers-article-conclusion p + p {
    margin-top: 12px;
}

.se-careers-article-columns,
.se-careers-article-reality-grid {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin: 26px 0 34px;
}

.se-careers-article-columns > section,
.se-careers-article-reality-grid > section {
    padding: 22px;
    border: 1px solid #dce7eb;
    border-radius: 17px;
    background: #ffffff;
    box-shadow:
        0 8px 22px rgba(18, 48, 71, 0.05);
}

.se-careers-article-columns h3 {
    margin-top: 0;
}

.se-careers-article-reality-grid strong {
    display: block;
    margin-bottom: 8px;
    color: #17364a;
}

.se-careers-article-reality-grid p {
    margin: 0;
    color: #607783;
    font-size: 0.92rem;
    line-height: 1.85;
}

.se-careers-self-check {
    margin: 26px 0 30px;
    padding: 25px;
    border-radius: 18px;
    background: #17364a;
    color: #ffffff;
}

.se-careers-self-check p {
    margin-top: 0;
    color: #d9e6eb;
}

.se-careers-self-check ul {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 12px 18px;
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.se-careers-self-check li {
    position: relative;
    margin: 0;
    padding: 12px 44px 12px 14px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.06);
}

.se-careers-self-check li::before {
    content: "";
    position: absolute;
    top: 16px;
    right: 14px;
    width: 16px;
    height: 16px;
    border: 2px solid #73c4bd;
    border-radius: 4px;
}

@media (max-width: 760px) {
    .se-careers-article-summary {
        padding: 21px;
    }

    .se-careers-article-media-placeholder.is-hero,
    .se-careers-article-media-placeholder.is-content {
        min-height: 300px;
    }

    .se-careers-article-columns,
    .se-careers-article-reality-grid,
    .se-careers-self-check ul {
        grid-template-columns: 1fr;
    }
}

/* === SteelExperts Careers Article Page 01 END === */

/* === SteelExperts Careers Article Responsive Foundation v3 START === */

/*
 * پایه مشترک تمام صفحات مستقل بخش Careers.
 */

.se-careers-article-main {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
    background: #ffffff;
}

.se-careers-article-main,
.se-careers-article-main *,
.se-careers-article-main *::before,
.se-careers-article-main *::after {
    box-sizing: border-box;
}

/*
 * عرض صفحه در دسکتاپ‌های عریض.
 */

.se-careers-article-main .se-container {
    width: min(
        1520px,
        calc(100% - clamp(32px, 4vw, 72px))
    );
    max-width: none;
    margin-inline: auto;
}

/*
 * Hero
 */

.se-careers-article-hero {
    padding: clamp(30px, 4vw, 56px) 0
        clamp(42px, 5vw, 68px);
}

.se-careers-article-hero-grid {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(260px, 320px);
    gap: clamp(28px, 4vw, 58px);
    align-items: end;
}

.se-careers-article-hero-grid > * {
    min-width: 0;
}

.se-careers-article-hero h1 {
    max-width: 980px;
    font-size: clamp(
        2.15rem,
        3.7vw,
        3.65rem
    );
    line-height: 1.3;
    text-wrap: balance;
}

.se-careers-article-excerpt {
    max-width: 980px;
}

.se-careers-article-hero aside {
    width: 100%;
    min-width: 0;
}

/*
 * چیدمان اصلی:
 * ستون اول در RTL در سمت راست و محل فهرست مطالب است.
 */

.se-careers-article-layout {
    display: grid;
    grid-template-columns:
        minmax(220px, 260px)
        minmax(0, 1fr);
    gap: clamp(28px, 3.8vw, 58px);
    align-items: start;
    width: 100%;
    padding-top: clamp(42px, 5vw, 68px);
    padding-bottom: clamp(58px, 6vw, 92px);
}

.se-careers-article-layout > * {
    min-width: 0;
}

/*
 * فهرست مطالب دسکتاپ
 */

.se-careers-article-toc {
    position: sticky;
    top: 110px;
    width: 100%;
    min-width: 0;
    max-height: calc(100vh - 140px);
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.admin-bar .se-careers-article-toc {
    top: 142px;
    max-height: calc(100vh - 172px);
}

.se-careers-article-toc ol {
    min-width: 0;
}

.se-careers-article-toc a {
    display: block;
    overflow-wrap: anywhere;
}

/*
 * ستون اصلی مقاله
 */

.se-careers-article-content {
    width: 100%;
    min-width: 0;
    max-width: none;
    font-size: clamp(
        1rem,
        0.3vw + 0.97rem,
        1.08rem
    );
    line-height: 2.05;
}

.se-careers-article-content > * {
    max-width: 100%;
}

.se-careers-article-content > p,
.se-careers-article-content > ul,
.se-careers-article-content > ol,
.se-careers-article-content > blockquote {
    width: 100%;
}

.se-careers-article-content p,
.se-careers-article-content li {
    word-break: normal;
    overflow-wrap: break-word;
    hyphens: none;
}

.se-careers-article-content h2,
.se-careers-article-content h3 {
    scroll-margin-top: 130px;
    text-wrap: balance;
}

.se-careers-article-content h2 {
    font-size: clamp(
        1.65rem,
        1.6vw,
        2rem
    );
    line-height: 1.55;
}

.se-careers-article-content h3 {
    font-size: clamp(
        1.2rem,
        1.25vw,
        1.42rem
    );
    line-height: 1.65;
}

/*
 * خلاصه، یادداشت‌ها و کارت‌ها
 */

.se-careers-article-summary,
.se-careers-article-note,
.se-careers-article-warning,
.se-careers-article-conclusion,
.se-careers-self-check {
    width: 100%;
    min-width: 0;
}

.se-careers-article-columns,
.se-careers-article-reality-grid {
    width: 100%;
    min-width: 0;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
}

.se-careers-article-columns > *,
.se-careers-article-reality-grid > * {
    min-width: 0;
}

.se-careers-self-check ul {
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
}

/*
 * تصاویر و Placeholderها
 */

.se-careers-article-media-placeholder {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: auto;
}

.se-careers-article-media-placeholder.is-hero {
    min-height: clamp(
        340px,
        38vw,
        560px
    );
    aspect-ratio: 16 / 9;
}

.se-careers-article-media-placeholder.is-content {
    min-height: clamp(
        320px,
        34vw,
        510px
    );
    aspect-ratio: 3 / 2;
}

.se-careers-article-content img,
.se-careers-article-content figure img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

/*
 * جدول‌ها همیشه در Container خود باقی می‌مانند.
 */

.se-careers-article-table-wrap {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
}

.se-careers-article-table-wrap table {
    width: 100%;
    min-width: 720px;
    table-layout: auto;
}

.se-careers-article-table-wrap th,
.se-careers-article-table-wrap td {
    white-space: normal;
    word-break: normal;
    overflow-wrap: break-word;
}

/*
 * مطالب مرتبط با تعداد کارت‌های متغیر.
 */

.se-careers-related > .se-container > div {
    display: grid;
    grid-template-columns:
        repeat(
            auto-fit,
            minmax(270px, 1fr)
        );
    gap: 18px;
}

.se-careers-related div > a {
    min-width: 0;
}

.se-careers-related div > a strong {
    min-width: 0;
    overflow-wrap: break-word;
}

/*
 * دسکتاپ و لپ‌تاپ متوسط
 */

@media (max-width: 1280px) {
    .se-careers-article-main .se-container {
        width: calc(100% - 40px);
    }

    .se-careers-article-layout {
        grid-template-columns:
            220px
            minmax(0, 1fr);
        gap: 30px;
    }

    .se-careers-article-hero-grid {
        grid-template-columns:
            minmax(0, 1fr)
            280px;
        gap: 32px;
    }
}

/*
 * تبلت و لپ‌تاپ کوچک:
 * فهرست مطالب بالای مقاله قرار می‌گیرد.
 */

@media (max-width: 1080px) {
    .se-careers-article-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 34px;
    }

    .se-careers-article-toc,
    .admin-bar .se-careers-article-toc {
        position: static;
        top: auto;
        max-height: none;
        overflow: visible;
    }

    .se-careers-article-toc ol {
        display: grid;
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
        gap: 8px 18px;
    }

    .se-careers-article-toc li,
    .se-careers-article-toc li + li {
        min-width: 0;
        margin-top: 0;
    }

    .se-careers-article-toc a {
        height: 100%;
        padding: 9px 11px;
        border-radius: 9px;
        background: rgba(255, 255, 255, 0.72);
    }

    .se-careers-related > .se-container > div {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}

/*
 * تبلت عمودی
 */

@media (max-width: 860px) {
    .se-careers-article-main .se-container {
        width: calc(100% - 32px);
    }

    .se-careers-article-hero-grid {
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
    }

    .se-careers-article-hero aside {
        max-width: 620px;
    }

    .se-careers-article-columns,
    .se-careers-article-reality-grid,
    .se-careers-self-check ul {
        grid-template-columns: minmax(0, 1fr);
    }
}

/*
 * موبایل
 */

@media (max-width: 640px) {
    .se-careers-article-main .se-container {
        width: calc(100% - 24px);
    }

    .se-careers-article-hero {
        padding-top: 24px;
        padding-bottom: 38px;
    }

    .se-careers-breadcrumb {
        gap: 7px;
        margin-bottom: 22px;
        font-size: 0.84rem;
        overflow-x: auto;
        white-space: nowrap;
    }

    .se-careers-article-hero h1 {
        font-size: clamp(
            1.85rem,
            8.2vw,
            2.5rem
        );
        line-height: 1.4;
    }

    .se-careers-article-excerpt {
        font-size: 1rem;
        line-height: 1.9;
    }

    .se-careers-article-meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 7px;
    }

    .se-careers-article-layout {
        gap: 28px;
        padding-top: 34px;
        padding-bottom: 58px;
    }

    .se-careers-article-toc {
        padding: 18px;
    }

    .se-careers-article-toc ol {
        grid-template-columns: minmax(0, 1fr);
        max-height: 330px;
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    .se-careers-article-content {
        font-size: 1rem;
        line-height: 2;
    }

    .se-careers-article-content h2 {
        margin-top: 40px;
        font-size: 1.55rem;
    }

    .se-careers-article-content h3 {
        font-size: 1.2rem;
    }

    .se-careers-article-summary {
        padding: 21px;
    }

    .se-careers-article-tag-list {
        gap: 7px;
    }

    .se-careers-article-tag-list span {
        min-height: 31px;
        padding-inline: 10px;
        font-size: 0.8rem;
    }

    .se-careers-article-media-placeholder.is-hero,
    .se-careers-article-media-placeholder.is-content {
        min-height: 240px;
        aspect-ratio: auto;
    }

    .se-careers-article-media-placeholder > div {
        width: 100%;
        padding: 22px 18px;
    }

    .se-careers-article-table-wrap {
        margin-block: 22px 30px;
        border-radius: 14px;
    }

    .se-careers-article-table-wrap table {
        min-width: 660px;
    }

    .se-careers-article-table-wrap caption {
        padding: 15px;
    }

    .se-careers-article-table-wrap th,
    .se-careers-article-table-wrap td {
        padding: 12px 13px;
        font-size: 0.86rem;
    }

    .se-careers-related > .se-container > div {
        grid-template-columns: minmax(0, 1fr);
    }
}

/*
 * موبایل باریک
 */

@media (max-width: 420px) {
    .se-careers-article-main .se-container {
        width: calc(100% - 18px);
    }

    .se-careers-article-hero h1 {
        font-size: 1.78rem;
    }

    .se-careers-article-hero aside,
    .se-careers-article-summary,
    .se-careers-article-note,
    .se-careers-article-warning,
    .se-careers-article-conclusion,
    .se-careers-self-check {
        padding: 18px;
        border-radius: 14px;
    }

    .se-careers-article-media-placeholder.is-hero,
    .se-careers-article-media-placeholder.is-content {
        min-height: 215px;
    }
}

/* === SteelExperts Careers Article Responsive Foundation v3 END === */

/* === SteelExperts Careers Article Images v1 START === */

.se-careers-article-media {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    margin: 34px 0 42px;
    border: 1px solid #d8e5e9;
    border-radius: 22px;
    background: #e9f0f3;
    box-shadow:
        0 18px 42px rgba(18, 48, 71, 0.11);
}

.se-careers-article-media img {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    margin: 0;
    border: 0;
    border-radius: 0;
    object-fit: cover;
}

.se-careers-article-media.is-hero img {
    aspect-ratio: 16 / 9;
}

.se-careers-article-media.is-content img {
    aspect-ratio: 3 / 2;
}

.se-careers-article-media figcaption {
    margin: 0;
    padding: 14px 18px 16px;
    border-top: 1px solid #dce7eb;
    background: #ffffff;
    color: #607783;
    font-size: 0.88rem;
    line-height: 1.8;
    text-align: right;
}

@media (max-width: 760px) {
    .se-careers-article-media {
        margin: 28px 0 34px;
        border-radius: 17px;
    }

    .se-careers-article-media figcaption {
        padding: 12px 14px 14px;
        font-size: 0.82rem;
    }
}

@media (max-width: 480px) {
    .se-careers-article-media {
        border-radius: 14px;
    }

    .se-careers-article-media.is-hero img,
    .se-careers-article-media.is-content img {
        min-height: 220px;
        aspect-ratio: auto;
    }
}

/* === SteelExperts Careers Article Images v1 END === */
