@charset "UTF-8";
/* wOBA calculator locale body — salary-first article system 2026-06-22 */
body .entry-content > article.roberin-article-body.woba-body-article,
body .entry-content article.roberin-article-body.woba-body-article {
  --woba-body-paper: #f8efe2;
  --woba-body-card: #fffaf1;
  --woba-body-card-strong: #fffdf7;
  --woba-body-ink: #34281f;
  --woba-body-muted: #6b5745;
  --woba-body-line: #6b5745;
  --woba-body-line-soft: rgba(107, 87, 69, .28);
  --woba-body-grid: rgba(107, 87, 69, .052);
  --woba-body-green: #e3efd2;
  --woba-body-blue: #dfeef8;
  --woba-body-amber: #f7df9d;
  --woba-body-shadow: 5px 5px 0 rgba(82, 65, 50, .2);
  --woba-body-shadow-tight: 3px 3px 0 rgba(82, 65, 50, .16);
  box-sizing: border-box !important;
  width: min(100% - 32px, 980px) !important;
  max-width: 980px !important;
  margin: 30px auto 42px !important;
  padding: 28px !important;
  overflow-wrap: break-word !important;
  color: var(--woba-body-ink) !important;
  background:
    linear-gradient(var(--woba-body-grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--woba-body-grid) 1px, transparent 1px),
    var(--woba-body-paper) !important;
  background-size: 18px 18px, 18px 18px, auto !important;
  border: 2px solid var(--woba-body-line) !important;
  border-radius: 0 !important;
  box-shadow: var(--woba-body-shadow) !important;
  font-family: "Noto Sans", "Noto Sans JP", "Noto Sans KR", "Malgun Gothic", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.72 !important;
  letter-spacing: 0 !important;
  word-break: keep-all !important;
}
body .woba-body-article,
body .woba-body-article *,
body .woba-body-article *::before,
body .woba-body-article *::after { box-sizing: border-box !important; letter-spacing: 0 !important; }
body .woba-body-article :where(h2,h3,h4,p,ul,ol,li) { margin: 0 !important; }
body .woba-body-article__hero { padding: 0 0 20px !important; border-bottom: 1px dashed var(--woba-body-line-soft) !important; }
body .woba-body-article__section { padding: 22px 0 0 !important; }
body .woba-body-article__section + .woba-body-article__section { margin-top: 22px !important; border-top: 1px dashed var(--woba-body-line-soft) !important; }
body .woba-body-article__kicker { display: inline-block !important; margin: 0 0 9px !important; padding: 5px 8px !important; color: var(--woba-body-muted) !important; background: var(--woba-body-amber) !important; border: 1px solid var(--woba-body-line) !important; font-size: 11px !important; font-weight: 950 !important; line-height: 1.1 !important; }
body .woba-body-article h2 { margin: 0 !important; padding: 0 !important; color: var(--woba-body-ink) !important; background: transparent !important; border: 0 !important; box-shadow: none !important; font-size: 28px !important; font-weight: 950 !important; line-height: 1.24 !important; word-break: keep-all !important; }
body .woba-body-article h3 { margin: 0 !important; padding: 0 !important; color: var(--woba-body-ink) !important; border: 0 !important; font-size: 18px !important; font-weight: 950 !important; line-height: 1.34 !important; }
body .woba-body-article p,
body .woba-body-article li,
body .woba-body-article summary { color: var(--woba-body-muted) !important; font-size: 15px !important; font-weight: 720 !important; line-height: 1.72 !important; word-break: keep-all !important; }
body .woba-body-article strong { color: var(--woba-body-ink) !important; font-weight: 950 !important; }
body .woba-body-article code { color: var(--woba-body-ink) !important; background: transparent !important; border: 0 !important; font: inherit !important; font-weight: 950 !important; white-space: normal !important; }
body .woba-body-article__hero > p:not(.woba-body-article__kicker),
body .woba-body-article__section > p { max-width: 860px !important; margin-top: 10px !important; }
body .woba-body-article__nav { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin-top: 16px !important; position: static !important; }
body .woba-body-article__nav a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 34px !important; padding: 7px 10px !important; color: var(--woba-body-ink) !important; background: var(--woba-body-card) !important; border: 1px solid var(--woba-body-line) !important; border-radius: 0 !important; box-shadow: 2px 2px 0 rgba(82, 65, 50, .14) !important; font-size: 12px !important; font-weight: 950 !important; line-height: 1.15 !important; text-decoration: none !important; white-space: nowrap !important; }
body .woba-body-article__grid,
body .woba-body-article__formula-grid,
body .woba-body-article__walkthrough,
body .woba-body-article__source-list,
body .woba-body-article__faq-list { display: grid !important; gap: 10px !important; width: 100% !important; min-width: 0 !important; margin-top: 16px !important; }
body .woba-body-article__grid,
body .woba-body-article__formula-grid,
body .woba-body-article__walkthrough { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
body .woba-body-article__card,
body .woba-body-article__formula,
body .woba-body-article__walk-step,
body .woba-body-article__source-list a,
body .woba-body-article__notice,
body .woba-body-article details { min-width: 0 !important; color: var(--woba-body-muted) !important; background: var(--woba-body-card) !important; border: 1px solid var(--woba-body-line) !important; border-radius: 0 !important; box-shadow: var(--woba-body-shadow-tight) !important; }
body .woba-body-article__card,
body .woba-body-article__notice { padding: 15px !important; }
body .woba-body-article__card p,
body .woba-body-article__notice p { margin-top: 8px !important; font-size: 14px !important; line-height: 1.66 !important; }
body .woba-body-article__formula,
body .woba-body-article__walk-step { padding: 13px 10px !important; text-align: center !important; }
body .woba-body-article__formula span,
body .woba-body-article__walk-step span { display: block !important; color: var(--woba-body-muted) !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.2 !important; }
body .woba-body-article__formula strong,
body .woba-body-article__walk-step strong { display: block !important; min-width: 0 !important; margin-top: 7px !important; overflow-wrap: anywhere !important; font-size: 15px !important; font-weight: 950 !important; line-height: 1.25 !important; }
body .woba-body-article__walk-step.is-result { background: var(--woba-body-green) !important; }
body .woba-body-article__notice { margin-top: 16px !important; background: var(--woba-body-blue) !important; }
body .woba-body-article__source-list { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
body .woba-body-article__source-list a { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 5px 12px !important; align-items: center !important; padding: 13px 13px 13px 14px !important; background: var(--woba-body-card-strong) !important; border-width: 2px !important; box-shadow: 3px 3px 0 rgba(82, 65, 50, .18) !important; text-decoration: none !important; }
body .woba-body-article__source-list a::after { content: attr(data-source-action) !important; grid-column: 2 !important; grid-row: 1 / span 2 !important; align-self: center !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 30px !important; padding: 6px 10px !important; color: var(--woba-body-ink) !important; background: var(--woba-body-amber) !important; border: 1px solid var(--woba-body-line) !important; box-shadow: 2px 2px 0 rgba(82, 65, 50, .16) !important; font-size: 11px !important; font-weight: 950 !important; line-height: 1 !important; white-space: nowrap !important; }
body .woba-body-article__source-list a:hover,
body .woba-body-article__source-list a:focus-visible { color: var(--woba-body-ink) !important; background: var(--woba-body-card) !important; box-shadow: 4px 4px 0 rgba(82, 65, 50, .22) !important; transform: translate(-1px, -1px) !important; }
body .woba-body-article__source-list a strong { min-width: 0 !important; font-size: 14px !important; line-height: 1.28 !important; }
body .woba-body-article__source-list a span { min-width: 0 !important; color: var(--woba-body-muted) !important; font-size: 12px !important; font-weight: 760 !important; line-height: 1.48 !important; }
body .woba-body-article :where(ul,ol) { padding: 0 !important; list-style: none !important; }
body .woba-body-article li { position: relative !important; padding-left: 34px !important; }
body .woba-body-article li::before { content: none !important; }
body .woba-body-article__steps,
body .woba-body-article__checklist { display: grid !important; gap: 10px !important; width: 100% !important; margin: 16px 0 0 !important; }
body .woba-body-article__steps { counter-reset: wobaBodyStep !important; }
body .woba-body-article__steps > li,
body .woba-body-article__checklist > li { display: grid !important; grid-template-columns: 22px minmax(0, 1fr) !important; gap: 10px !important; align-items: center !important; min-height: 0 !important; padding: 12px 14px !important; background: var(--woba-body-card) !important; border: 1px solid var(--woba-body-line) !important; box-shadow: 2px 2px 0 rgba(82, 65, 50, .12) !important; }
body .woba-body-article__steps > li { counter-increment: wobaBodyStep !important; }
body .woba-body-article__steps > li::before,
body .woba-body-article__checklist > li::before { position: static !important; display: inline-grid !important; place-items: center !important; align-self: center !important; width: 22px !important; height: 22px !important; margin-top: 0 !important; color: var(--woba-body-ink) !important; background: var(--woba-body-amber) !important; border: 1px solid var(--woba-body-line) !important; box-shadow: 1px 1px 0 rgba(82, 65, 50, .22) !important; font-size: 12px !important; font-weight: 950 !important; line-height: 1 !important; }
body .woba-body-article__steps > li::before { content: counter(wobaBodyStep) !important; }
body .woba-body-article__checklist > li::before { content: "" !important; }
body .woba-body-article__li-text { display: block !important; min-width: 0 !important; grid-column: 2 !important; align-self: center !important; }
body .woba-body-article details { box-shadow: none !important; }
body .woba-body-article summary { display: grid !important; grid-template-columns: 20px minmax(0, 1fr) !important; gap: 9px !important; align-items: center !important; padding: 12px !important; color: var(--woba-body-ink) !important; cursor: pointer !important; font-weight: 950 !important; list-style: none !important; }
body .woba-body-article summary::-webkit-details-marker { display: none !important; }
body .woba-body-article summary::before { content: "+" !important; display: inline-grid !important; place-items: center !important; align-self: center !important; width: 20px !important; height: 20px !important; margin-top: 0 !important; color: var(--woba-body-ink) !important; background: var(--woba-body-amber) !important; border: 1px solid var(--woba-body-line) !important; font-size: 14px !important; font-weight: 950 !important; line-height: 1 !important; }
body .woba-body-article details[open] summary { border-bottom: 1px dashed var(--woba-body-line-soft) !important; }
body .woba-body-article details[open] summary::before { content: "-" !important; }
body .woba-body-article details p { padding: 12px !important; font-size: 14px !important; line-height: 1.68 !important; }
body[data-scheme="dark"] .entry-content article.roberin-article-body.woba-body-article,
body[data-scheme="inverse"] .entry-content article.roberin-article-body.woba-body-article,
html[data-scheme="dark"] body .entry-content article.roberin-article-body.woba-body-article,
html[data-scheme="inverse"] body .entry-content article.roberin-article-body.woba-body-article,
html[data-theme="dark"] body .entry-content article.roberin-article-body.woba-body-article,
body.dark-mode .entry-content article.roberin-article-body.woba-body-article {
  --woba-body-paper: #2b2119;
  --woba-body-card: #33271d;
  --woba-body-card-strong: #241c15;
  --woba-body-ink: #f7ebd8;
  --woba-body-muted: #ead8bd;
  --woba-body-line: #a98b6b;
  --woba-body-line-soft: rgba(169, 139, 107, .42);
  --woba-body-grid: rgba(229, 196, 139, .055);
  --woba-body-green: #344a32;
  --woba-body-blue: #233c43;
  --woba-body-amber: #5a461e;
  --woba-body-shadow: 5px 5px 0 rgba(0, 0, 0, .34);
  --woba-body-shadow-tight: 3px 3px 0 rgba(0, 0, 0, .24);
}
@media (max-width: 760px) {
  body .entry-content > article.roberin-article-body.woba-body-article,
  body .entry-content article.roberin-article-body.woba-body-article { width: min(100% - 20px, 980px) !important; margin: 24px auto 34px !important; padding: 18px !important; }
  body .woba-body-article h2 { font-size: 24px !important; }
  body .woba-body-article__grid,
  body .woba-body-article__formula-grid,
  body .woba-body-article__walkthrough,
  body .woba-body-article__source-list { grid-template-columns: 1fr !important; }
  body .woba-body-article__nav a { white-space: normal !important; }
}
@media (max-width: 390px) {
  body .entry-content > article.roberin-article-body.woba-body-article,
  body .entry-content article.roberin-article-body.woba-body-article { width: min(100% - 16px, 980px) !important; padding: 16px !important; }
  body .woba-body-article p,
  body .woba-body-article li,
  body .woba-body-article summary { font-size: 14px !important; }
  body .woba-body-article__formula strong,
  body .woba-body-article__walk-step strong { font-size: 14px !important; }
}