/* BeeJobs Blog 2.0 */
.bj-blog-grid{display:grid;gap:1.25rem;grid-template-columns:1fr}
@media(min-width:700px){.bj-blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.bj-blog-grid{grid-template-columns:repeat(3,1fr)}}

.bj-blog-card{
  display:flex;flex-direction:column;background:#FFFCFA;border:1px solid rgba(10,31,20,.08);
  border-radius:22px;overflow:hidden;color:inherit;text-decoration:none!important;
  box-shadow:0 8px 28px -20px rgba(10,31,20,.25);transition:transform .22s,box-shadow .22s;
  min-height:100%;
}
.bj-blog-card:hover,.bj-blog-card:focus-visible{
  transform:translateY(-4px);box-shadow:0 18px 36px -22px rgba(255,127,0,.45);
  outline:none;
}
.bj-blog-card .illu{
  position:relative;aspect-ratio:16/9;background:#0A1F14;overflow:hidden;
}
.bj-blog-card .illu img,.bj-blog-card .illu object,.bj-blog-card .illu svg{
  width:100%;height:100%;display:block;object-fit:cover;
}
.bj-blog-card .body{padding:1.15rem 1.2rem 1.35rem;flex:1;display:flex;flex-direction:column}
.bj-blog-card .cat{
  display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:#FF7F00;margin-bottom:.45rem;
}
.bj-blog-card h3{
  font-family:var(--bj-fd,inherit);font-size:1.12rem;line-height:1.3;margin:0 0 .55rem;color:#0A1F14;
}
.bj-blog-card p{margin:0 0 1rem;color:#5C6B62;font-size:.94rem;line-height:1.5;flex:1}
.bj-blog-card .meta{display:flex;flex-wrap:wrap;gap:.35rem .85rem;font-size:.82rem;color:#5C6B62}
.bj-blog-card .read{font-weight:700;color:#FF7F00;margin-top:.85rem}

/* Article layout */
.bj-art-progress{
  position:fixed;left:0;top:0;height:3px;width:0;z-index:1200;background:#FF7F00;
  transition:width .1s linear;
}
.bj-article-wrap{padding:1.5rem 1rem 3rem}
@media(min-width:1100px){
  .bj-article-wrap{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:220px minmax(0,1fr);gap:2rem;align-items:start}
}
.bj-article-toc{
  display:none;position:sticky;top:5.5rem;padding:1rem;border-radius:16px;
  background:#FFFCFA;border:1px solid rgba(10,31,20,.08);
}
@media(min-width:1100px){.bj-article-toc{display:block}}
.bj-article-toc strong{display:block;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#FF7F00;margin-bottom:.65rem}
.bj-article-toc ol{margin:0;padding-left:1.1rem}
.bj-article-toc a{color:#5C6B62;text-decoration:none;font-size:.88rem;line-height:1.35}
.bj-article-toc a:hover,.bj-article-toc a.is-active{color:#0A1F14;font-weight:600}
.bj-toc-mobile{margin:0 0 1.25rem}
@media(min-width:1100px){.bj-toc-mobile{display:none}}
.bj-toc-mobile details{background:#FFFCFA;border:1px solid rgba(10,31,20,.08);border-radius:14px;padding:.75rem 1rem}
.bj-toc-mobile summary{cursor:pointer;font-weight:700;color:#0A1F14}

.bj-article{max-width:760px;margin:0 auto}
@media(min-width:1100px){.bj-article{margin:0}}
.bj-article-hero-illu{
  margin:1.25rem 0 1.75rem;border-radius:22px;overflow:hidden;background:#0A1F14;
  aspect-ratio:16/9;box-shadow:0 16px 40px -24px rgba(10,31,20,.45);
}
.bj-article-hero-illu img,.bj-article-hero-illu object,.bj-article-hero-illu svg{width:100%;height:100%;display:block;object-fit:cover}
.bj-article h1{font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.18;margin:.35rem 0 .75rem;color:#0A1F14}
.bj-article .meta-row{display:flex;flex-wrap:wrap;gap:.35rem .9rem;color:#5C6B62;font-size:.9rem;margin-bottom:1rem}
.bj-article .lead{font-size:1.12rem;line-height:1.65;color:#24352c;margin:0 0 1.5rem}
.bj-article .prose{color:#24352c}
.bj-article .prose p{margin:0 0 1.15rem;line-height:1.75;font-size:1.05rem}
.bj-article .prose h2{margin:2rem 0 .75rem;font-size:1.35rem;color:#0A1F14;scroll-margin-top:5rem}
.bj-article .prose h3{margin:1.35rem 0 .55rem;font-size:1.1rem;color:#0A1F14}
.bj-article .prose ul,.bj-article .prose ol{margin:.4rem 0 1.1rem;padding-left:1.25rem}
.bj-article .prose li{margin:.35rem 0;line-height:1.55}
.bj-article .prose a{color:#E06A00;font-weight:600}

.bj-article .tip-box,.bj-article .takeaway,.bj-article .example-box{
  border-radius:14px;padding:1rem 1.15rem;margin:1.1rem 0 1.35rem;background:#F5F0E8;border-left:4px solid #FF7F00;
}
.bj-article .takeaway{border-left-color:#A3E635;background:rgba(163,230,53,.12)}
.bj-article .example-box{border-left-color:#0A1F14}
.bj-article .checklist{list-style:none;padding-left:0;margin:1rem 0 1.5rem}
.bj-article .checklist li{
  position:relative;padding:.55rem .75rem .55rem 2.2rem;margin:.35rem 0;border-radius:10px;background:#FFFCFA;border:1px solid rgba(10,31,20,.08);
}
.bj-article .checklist li::before{content:"✓";position:absolute;left:.75rem;color:#3F6212;font-weight:800}
.bj-article .faq{margin:1.5rem 0}
.bj-article .faq-item{border-bottom:1px solid rgba(10,31,20,.08);padding:.85rem 0}
.bj-article .faq-item h3{margin:0 0 .35rem;font-size:1.02rem}
.bj-article .compare-table{width:100%;border-collapse:collapse;margin:1rem 0 1.5rem;font-size:.92rem;display:block;overflow-x:auto}
.bj-article .compare-table table,.bj-article table.compare-table{width:100%;border-collapse:collapse}
.bj-article .compare-table th,.bj-article .compare-table td,
.bj-article table.compare-table th,.bj-article table.compare-table td{
  border:1px solid rgba(10,31,20,.1);padding:.65rem .75rem;text-align:left;vertical-align:top;
}
.bj-article .compare-table th,.bj-article table.compare-table th{background:#0A1F14;color:#FFFCFA}

.bj-article-tools{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0}
.bj-article-tools button,.bj-article-tools a{
  border:1px solid rgba(10,31,20,.12);background:#FFFCFA;border-radius:999px;padding:.45rem .9rem;
  font-size:.85rem;font-weight:600;color:#0A1F14;cursor:pointer;text-decoration:none;
}
.bj-article-tools button:hover,.bj-article-tools a:hover{border-color:rgba(255,127,0,.45)}

.bj-related{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(10,31,20,.08)}
.bj-related h2{font-size:1.2rem;margin:0 0 1rem}
.bj-related-grid{display:grid;gap:1rem}
@media(min-width:700px){.bj-related-grid{grid-template-columns:1fr 1fr}}

.bj-article .cta-box{
  margin-top:2rem;padding:1.35rem 1.4rem;border-radius:18px;background:#0A1F14;color:#FFFCFA;
}
.bj-article .cta-box a.bj-btn{margin-top:.5rem}

@media(prefers-reduced-motion:reduce){
  .bj-blog-card,.bj-blog-card:hover{transition:none;transform:none}
  .bj-art-progress{transition:none}
}