.salary-article { --salary-ink:#1b2559; --salary-accent:#0f766e; --salary-line:#d8e6e3; }
.salary-article .blog-article { max-width:960px; }
.salary-article .blog-article__body { overflow-wrap:anywhere; }
.salary-article .blog-article__body h2,
.salary-article .blog-article__body h3 { scroll-margin-top:100px; }
.salary-article .blog-article__body a { color:#0c6078; text-decoration:underline; text-underline-offset:3px; }
.salary-article .salary-title-detail { display:block; margin-top:10px; font-size:clamp(1.05rem,2vw,1.4rem); font-weight:500; line-height:1.7; }
.salary-article .salary-lead { margin:0 0 24px; padding:18px 22px; background:#fff8ed; border-left:4px solid #e7a16c; border-radius:0 12px 12px 0; color:var(--salary-ink); line-height:1.9; }
.salary-article .salary-disclosure { display:flex; align-items:flex-start; gap:12px; margin:0 0 26px; padding:14px 18px; color:#475569; background:#f8fafc; border:1px solid #e2e8f0; border-radius:10px; font-size:.85rem; line-height:1.75; }
.salary-article .salary-disclosure strong { flex:none; color:#1e293b; }
.salary-article .salary-eyebrow { margin:0 0 10px; color:var(--salary-accent); font-size:.87rem; font-weight:800; letter-spacing:.04em; }
.salary-article .salary-answer { margin:32px 0 20px; padding:24px 28px; background:#f1faf7; border:1px solid #b9dbd5; border-top:4px solid var(--salary-accent); border-radius:14px; }
.salary-article .salary-answer ol { margin:8px 0 0; padding-left:1.55em; }
.salary-article .salary-answer li { margin:10px 0; }
.salary-article .salary-toc { margin:28px 0 38px; padding:20px 26px; background:#f7f8fc; border-radius:12px; }
.salary-article .salary-toc p { margin:0 0 8px; font-weight:800; }
.salary-article .salary-toc ol { margin:0; padding-left:1.5em; }
.salary-article .salary-toc li { margin:5px 0; }
.salary-article .salary-table-wrap { margin:24px 0; }
.salary-article .salary-table { width:100%; border-collapse:collapse; table-layout:fixed; font-size:.94rem; }
.salary-article .salary-table caption { padding:0 0 11px; text-align:left; color:var(--salary-ink); font-weight:800; }
.salary-article .salary-table th,
.salary-article .salary-table td { padding:15px 14px; border:1px solid var(--salary-line); text-align:left; vertical-align:top; line-height:1.8; }
.salary-article .salary-table thead th { background:var(--salary-ink); color:#fff; }
.salary-article .salary-table tbody th { width:23%; background:#eff7f5; color:#164e47; }
.salary-article .salary-table td { background:#fff; }
.salary-article .salary-checks { padding-left:1.5em; }
.salary-article .salary-checks > li { padding:6px 0 10px 4px; margin:10px 0; }
.salary-article .salary-checks p { margin:6px 0 0; }
.salary-article .salary-example { margin:24px 0; padding:26px 28px; background:#fffbf3; border:1px solid #e9d8a6; border-radius:15px; }
.salary-article .salary-example__big { margin:0 0 10px; color:var(--salary-ink); font-size:1.26rem; }
.salary-article .salary-example__big strong { font-size:1.5rem; }
.salary-article .salary-formula { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:20px 0; }
.salary-article .salary-formula span:nth-child(odd) { flex:1 1 132px; min-width:115px; padding:14px 10px; background:#fff; border:1px solid #e9d8a6; border-radius:10px; text-align:center; font-size:.84rem; line-height:1.65; }
.salary-article .salary-formula span:nth-child(odd) strong { color:var(--salary-ink); font-size:1.13rem; }
.salary-article .salary-formula span:last-child { background:#e9f5f1; border-color:#b9dbd5; }
.salary-article .salary-formula span:nth-child(even) { color:#64748b; font-weight:800; }
.salary-article .salary-example__note { margin-bottom:0; font-size:.89rem; color:#475569; }
.salary-article .salary-compare-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:24px 0; }
.salary-article .salary-compare-grid > div { padding:20px 22px; background:#f8fafc; border:1px solid #dbe3ea; border-radius:12px; }
.salary-article .salary-compare-grid p:last-child { margin-bottom:0; }
.salary-article .salary-guide { display:grid; grid-template-columns:minmax(0,1fr) 192px; gap:24px; align-items:center; margin:32px 0 22px; padding:26px 28px; background:linear-gradient(135deg,#eaf7f3,#f8fbff); border:1px solid #a9d4cb; border-radius:16px; }
.salary-article .salary-guide h3 { margin:4px 0 10px; padding:0; background:none; border:0; color:var(--salary-ink); font-size:1.28rem; line-height:1.5; }
.salary-article .salary-guide p { margin:8px 0 14px; }
.salary-article .salary-guide .salary-guide__link { display:inline-flex; align-items:center; justify-content:center; gap:8px; box-sizing:border-box; min-height:52px; padding:13px 18px; background:#0f766e; border-radius:9px; color:#fff; font-weight:800; line-height:1.5; text-align:center; text-decoration:none; }
.salary-article .salary-guide .salary-guide__link:hover { background:#115e59; }
.salary-article .salary-guide .salary-guide__foot { margin:12px 0 0; color:#526173; font-size:.82rem; }
.salary-article .salary-guide__figure { margin:0; }
.salary-article .salary-guide__figure img { display:block; box-sizing:border-box; width:100%; height:230px; object-fit:cover; object-position:top; border:1px solid #c9dcd6; border-radius:9px; background:#fff; }
.salary-article .salary-guide__figure figcaption { margin-top:7px; color:#526173; font-size:.73rem; line-height:1.5; }
.salary-article .salary-sources { margin:35px 0; padding:18px 22px; background:#f8fafc; border:1px solid #e2e8f0; border-radius:10px; font-size:.87rem; }
.salary-article .salary-sources summary { cursor:pointer; font-weight:800; }
.salary-article .salary-sources li { margin:6px 0; }
.salary-article .salary-author { display:flex; align-items:flex-start; flex-wrap:wrap; gap:20px; margin:44px 0; padding:22px; background:#f8fafc; border:1px solid #e2e8f0; border-radius:12px; }
.salary-article .salary-author img { border-radius:50%; object-fit:cover; }
.salary-article .salary-author > div { flex:1 1 260px; }
.salary-article .salary-author h3 { margin:0 0 8px; padding:0; background:none; border:0; color:#1e293b; font-size:1.15rem; }
.salary-article .salary-author p { margin:0; color:#475569; font-size:.93rem; }
.salary-article .blog-related { margin:56px 0 40px; }
.salary-article .blog-related__title { margin-bottom:20px; font-size:1.3rem; font-weight:800; }
.salary-article .blog-related__grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(235px,1fr)); gap:14px; }
.salary-article a:focus-visible,
.salary-article summary:focus-visible { outline:3px solid #d97706; outline-offset:4px; border-radius:3px; }
@media(max-width:670px) {
  .salary-article .salary-answer,
  .salary-article .salary-toc,
  .salary-article .salary-example { padding:20px 18px; }
  .salary-article .salary-table { display:block; }
  .salary-article .salary-table caption { display:block; }
  .salary-article .salary-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  .salary-article .salary-table tbody { display:block; }
  .salary-article .salary-table tr { display:block; margin:0 0 14px; border:1px solid var(--salary-line); border-radius:10px; overflow:hidden; }
  .salary-article .salary-table th,
  .salary-article .salary-table td { display:block; box-sizing:border-box; width:100%; border:0; }
  .salary-article .salary-table td { border-top:1px solid var(--salary-line); }
  .salary-article .salary-table td::before { content:attr(data-label); display:block; margin-bottom:3px; color:#526173; font-size:.75rem; font-weight:800; }
  .salary-article .salary-compare-grid { grid-template-columns:1fr; }
  .salary-article .salary-guide { grid-template-columns:1fr; padding:21px 18px; }
  .salary-article .salary-guide__figure { max-width:220px; }
  .salary-article .salary-formula span:nth-child(odd) { flex-basis:40%; }
}
@media(max-width:375px) {
  .salary-article .salary-formula span:nth-child(even) { display:none; }
  .salary-article .salary-formula span:nth-child(odd) { flex-basis:100%; }
}