/* One static editorial guide. All article rules are page-scoped. */
.unpaid-invoice-management-choice { --uim-ink:#173449; --uim-line:#ccd9df; --uim-paper:#f7f4ed; color:var(--uim-ink); background:#fff; }
.unpaid-invoice-management-choice *, .unpaid-invoice-management-choice *::before, .unpaid-invoice-management-choice *::after { box-sizing:border-box; }
.unpaid-invoice-management-choice .nav-main { gap:clamp(.7rem,1.25vw,1.35rem); }
.unpaid-invoice-management-choice .nav-main a { font-size:.72rem; }
.unpaid-invoice-management-choice .nav-main a[aria-current="page"], .unpaid-invoice-management-choice .nav-main .nav-cta-start { color:#76531f; }
.unpaid-invoice-management-choice .content-context { margin-top:79px; border-bottom:1px solid var(--uim-line); background:#fff; }
.unpaid-invoice-management-choice .content-context-inner { display:flex; align-items:center; justify-content:space-between; gap:20px; width:min(1120px,calc(100% - 48px)); min-height:54px; margin:0 auto; }
.unpaid-invoice-management-choice .content-context ol { display:flex; flex-wrap:wrap; min-width:0; gap:6px 8px; align-items:center; margin:0; padding:8px 0; color:#526b7b; font-size:.76rem; list-style:none; }
.unpaid-invoice-management-choice .content-context li { display:flex; min-width:0; align-items:center; gap:8px; }
.unpaid-invoice-management-choice .content-context li:not(:last-child)::after { content:"/"; color:#6a808e; }
.unpaid-invoice-management-choice .content-context a { color:#40596d; text-decoration:none; }
.unpaid-invoice-management-choice .content-context-all { flex:0 0 auto; font-weight:700; }
.uim-article { width:min(1080px,calc(100% - 48px)); margin:0 auto; padding:3.2rem 0 3.5rem; }
.uim-meta { display:flex; flex-wrap:wrap; align-items:center; gap:.55rem 1rem; color:#506875; font-size:.82rem; margin-bottom:1.25rem; }
.uim-kind { border:1px solid #c8d6d7; background:#edf4f3; padding:.2rem .6rem; }
.uim-meta time { margin-left:auto; }
.uim-article h1 { font:600 clamp(1.6rem,3vw,2.6rem)/1.6 'Noto Serif JP',serif; color:#0b2942; letter-spacing:-.025em; margin:0; }
.uim-heading-unit { display:inline-block; max-width:100%; }
.uim-lead { font-size:1.075rem; line-height:2.05; margin:1.2rem 0; color:#3d5869; }
.uim-section { margin-top:3rem; padding-top:2.3rem; border-top:1px solid var(--uim-line); scroll-margin-top:110px; }
.uim-section h2 { font:600 clamp(1.42rem,2.4vw,1.95rem)/1.65 'Noto Serif JP',serif; margin:0 0 1.4rem; color:#0b2942; letter-spacing:-.02em; }
.uim-section h3 { font-size:1.15rem; line-height:1.8; margin:2rem 0 .6rem; color:#0b2942; }
.uim-section p { line-height:2.05; font-size:1.075rem; margin:1.3rem 0 0; }
.uim-list { padding:1rem 1.2rem 1rem 2.5rem; margin:1.4rem 0; background:var(--uim-paper); font-size:1.02rem; }
.uim-list li { padding:.4rem 0; line-height:1.95; }
.uim-table-wrap { margin:1.8rem 0; }
.uim-table { width:100%; border-collapse:collapse; table-layout:fixed; }
.uim-table caption { text-align:left; font-weight:700; font-size:1rem; padding:0 0 .75rem; }
.uim-table th, .uim-table td { border:1px solid var(--uim-line); padding:.85rem .75rem; text-align:left; vertical-align:top; font-size:.96rem; line-height:1.9; overflow-wrap:anywhere; }
.uim-table thead th { color:#fff; background:#0b2942; font-size:.86rem; }
.uim-table thead th:first-child { width:13%; }
.uim-table thead th:nth-child(2) { width:20%; }
.uim-table tbody th { background:#edf4f3; font-size:1rem; }
.uim-table tbody td:nth-last-child(2) { background:#fbf5e9; }
.uim-catch { margin:2rem 0; }
.uim-catch img { display:block; width:100%; height:auto; }
.uim-matrix { margin:2rem 0; padding:1.4rem; border:1px solid #b7cbd3; border-radius:8px; background:#f3f7f8; }
.uim-matrix figcaption { font-size:1.1rem; font-weight:700; line-height:1.8; margin-bottom:1.2rem; }
.uim-matrix-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.uim-matrix-cell { padding:1.1rem 1.2rem; border:1px solid #a6bcc8; border-top:4px solid #305b77; border-radius:4px; background:#fff; }
.uim-matrix-cell:nth-child(even) { border-top-color:#a07a35; background:#fdfaf3; }
.uim-matrix-labels { display:flex; gap:.6rem; margin-bottom:.8rem; }
.uim-matrix-labels span { font-size:.8rem; font-weight:700; color:#294a60; border:1px solid #bacbd4; border-radius:3px; padding:.15rem .5rem; }
.uim-matrix-cell strong { display:block; font-size:1.08rem; line-height:1.8; }
.uim-section .uim-matrix-cell p { font-size:1rem; margin-top:.65rem; line-height:1.95; }
.uim-section .uim-matrix-caption { font-size:.95rem; line-height:1.9; margin-top:1rem; }
.uim-ending { margin-top:2rem; padding-top:1.5rem; border-top:1px solid var(--uim-line); }
.uim-ending p { color:#526b7b; font-size:.95rem; line-height:2; margin-top:1rem; }
.uim-ending .uim-return { display:inline-block; font-size:1.05rem; font-weight:700; padding:.6rem 0; }
.uim-article a { color:#173449; text-decoration:underline; text-underline-offset:.2em; }
.uim-article a:focus-visible, .unpaid-invoice-management-choice .content-back a:focus-visible { outline:3px solid #9a6d2c; outline-offset:4px; }
.unpaid-invoice-management-choice .content-back { border-top:1px solid var(--uim-line); background:#0b2942; }
.unpaid-invoice-management-choice .content-back-link { display:flex; flex-wrap:wrap; gap:.45rem 1.5rem; width:100%; padding:1.8rem 0; color:#fff; text-decoration:none; }
.unpaid-invoice-management-choice .content-back-label { font-weight:700; color:#fff; }
.unpaid-invoice-management-choice .content-back-label::before { content:"← "; color:#ead9b7; }
.unpaid-invoice-management-choice .content-back-meta { color:#d8e3e9; font-size:.9rem; }
.unpaid-invoice-management-choice .site-footer { margin-top:0; }
@media (max-width:720px) {
  .unpaid-invoice-management-choice .nav-main { padding-block:0; border-bottom:0; }
  .unpaid-invoice-management-choice .nav-main.active { padding-block:1rem; border-bottom:.5px solid var(--color-border-light); }
  .unpaid-invoice-management-choice .nav-main a { font-size:.85rem; }
  .unpaid-invoice-management-choice .content-context { margin-top:69px; }
  .unpaid-invoice-management-choice .content-context-inner { width:calc(100% - 28px); min-height:48px; }
  .unpaid-invoice-management-choice .content-context ol { font-size:.69rem; }
  .unpaid-invoice-management-choice .content-context-all { display:none; }
  .uim-article { width:calc(100% - 32px); padding:2.2rem 0 3rem; }
  .uim-meta { font-size:.72rem; gap:.4rem .7rem; }
  .uim-article h1 { font-size:1.48rem; line-height:1.68; }
  .uim-lead, .uim-section p { font-size:1.04rem; }
  .uim-section { margin-top:2.5rem; padding-top:2rem; }
  .uim-section h2 { font-size:1.38rem; }
  .uim-section h3 { font-size:1.09rem; }
  .uim-list { padding-left:2rem; font-size:1rem; }
  .uim-table caption { display:block; width:100%; }
  .uim-table, .uim-table tbody, .uim-table tr, .uim-table th, .uim-table td { display:block; width:100%; }
  .uim-table thead { position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
  .uim-table tbody { display:grid; gap:1rem; }
  .uim-table tbody tr { border:1px solid var(--uim-line); }
  .uim-table th, .uim-table td { border:0; border-bottom:1px solid var(--uim-line); padding:.85rem 1rem; font-size:1rem; }
  .uim-table tbody td:last-child { border-bottom:0; }
  .uim-table td::before { display:block; margin-bottom:.3rem; content:attr(data-label); font-size:.82rem; color:#76531f; font-weight:700; }
  .uim-matrix { padding:1rem; margin-inline:0; }
  .uim-matrix-grid { grid-template-columns:1fr; gap:.9rem; }
  .uim-matrix-cell { padding:1rem; }
  .uim-matrix-cell strong { font-size:1.05rem; }
  .unpaid-invoice-management-choice .content-back-link { flex-direction:column; padding:1.5rem 0; }
}