/* 2026-09-14: 教科書固有の図表・仕訳の表示指定。
   正本: api/_private/textbook/grade3/units/335-kashidaore-hikiatekin.html の style。
   記事の本文・構成を再生成せず、教科書部分に限定する。 */
.grade3-lesson[data-textbook-unit="335"] .bad-debts-keyline {
display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
      margin-top: 18px;
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-keyline-item {
padding: 14px 16px;
      border: 1px solid var(--primary-border);
      border-radius: 12px;
      background: #FFFFFF;
      line-height: 1.7;
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-keyline-item strong {
display: block;
      margin-bottom: 4px;
      color: var(--primary);
      font-size: 0.95rem;
}

.grade3-lesson[data-textbook-unit="335"] #summary .summary-check-list li + li {
margin-top: 4px;
}

.grade3-lesson[data-textbook-unit="335"] #intro .story-box .text-body {
font-size: 1.02rem;
      line-height: 1.9;
}

.grade3-lesson[data-textbook-unit="335"] #intro .story-box .sub-title {
font-size: 1.04rem;
      line-height: 1.65;
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-taccount-card {
max-width: 760px;
      margin-left: auto !important;
      margin-right: auto !important;
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-taccount-card .taccount {
max-width: 680px;
      margin-left: auto;
      margin-right: auto;
}

.grade3-lesson[data-textbook-unit="335"] .勘定科目紹介t字勘定.bad-debts-taccount-card .taccount-quick-grid {
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.grade3-lesson[data-textbook-unit="335"] .勘定科目紹介t字勘定.bad-debts-taccount-card .taccount-row {
grid-template-columns: minmax(max-content, 1fr) auto;
}

.grade3-lesson[data-textbook-unit="335"] .勘定科目紹介t字勘定.bad-debts-taccount-card .taccount-date {
display: none;
}

.grade3-lesson[data-textbook-unit="335"] .勘定科目紹介t字勘定.bad-debts-taccount-card .taccount-cause,
.grade3-lesson[data-textbook-unit="335"] .勘定科目紹介t字勘定.bad-debts-taccount-card .taccount-amount,
.grade3-lesson[data-textbook-unit="335"] .勘定科目紹介t字勘定.bad-debts-taccount-card .taccount-quick-diff-label {
white-space: nowrap;
      word-break: keep-all;
}

.grade3-lesson[data-textbook-unit="335"] .勘定科目紹介t字勘定.bad-debts-taccount-card .taccount-cause {
text-align: center;
      padding: 0 4px;
}

@media (max-width: 760px) {
.grade3-lesson[data-textbook-unit="335"] .bad-debts-keyline {
grid-template-columns: 1fr;
}

.grade3-lesson[data-textbook-unit="335"] .section-title-wrap {
align-items: flex-start;
        line-height: 1.45;
}

.grade3-lesson[data-textbook-unit="335"] .unit-title {
line-height: 1.45;
}

.grade3-lesson[data-textbook-unit="335"] .comparison-table {
display: block;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
}

.grade3-lesson[data-textbook-unit="335"] .journal-grid {
max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
}

.grade3-lesson[data-textbook-unit="335"] .journal-account,
.grade3-lesson[data-textbook-unit="335"] .journal-amount {
white-space: nowrap;
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-taccount-card,
.grade3-lesson[data-textbook-unit="335"] .bad-debts-taccount-card .taccount {
max-width: 100%;
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-writeoff-cases .journal-grid.journal-compact {
display: grid;
        grid-template-columns: max-content max-content;
        justify-content: center;
        column-gap: 18px;
        overflow-x: visible;
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-writeoff-cases .journal-grid.journal-compact > .journal-group {
width: auto;
        min-width: 0;
        align-self: auto;
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-writeoff-cases .journal-grid.journal-compact .journal-group-inner {
column-gap: 4px;
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-definitions-table {
min-width: 520px;
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-definitions-table th:nth-child(2),
.grade3-lesson[data-textbook-unit="335"] .bad-debts-definitions-table td:nth-child(2),
.grade3-lesson[data-textbook-unit="335"] .bad-debts-definitions-table th:nth-child(4),
.grade3-lesson[data-textbook-unit="335"] .bad-debts-definitions-table td:nth-child(4) {
width: 17% !important;
        min-width: 120px;
        white-space: normal;
        word-break: keep-all;
        overflow-wrap: anywhere;
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-answer-formula {
font-size: clamp(0.88rem, 4.5vw, 1.25rem) !important;
        white-space: nowrap;
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-step2-case-scroll {
overflow-x: visible !important;
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-step2-case-table {
display: block;
        min-width: 0 !important;
        width: 100%;
        overflow-x: visible !important;
        white-space: normal !important;
        border-collapse: separate;
        border-spacing: 0 10px;
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-step2-case-table thead {
display: none;
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-step2-case-table tbody,
.grade3-lesson[data-textbook-unit="335"] .bad-debts-step2-case-table tr,
.grade3-lesson[data-textbook-unit="335"] .bad-debts-step2-case-table td {
display: block;
        width: 100%;
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-step2-case-table tr {
border: 1px solid var(--border);
        border-radius: 8px;
        overflow: hidden;
        background: #fff;
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-step2-case-table td {
border-left: none !important;
        border-right: none !important;
        border-bottom: 1px solid var(--border) !important;
        padding: 9px 10px;
        white-space: normal;
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-step2-case-table td:last-child {
border-bottom: none !important;
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-step2-case-table td::before {
display: block;
        margin-bottom: 4px;
        color: var(--text-sub);
        font-size: 0.72rem;
        font-weight: 800;
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-step2-case-table td:nth-child(1)::before {
content: "ケース";
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-step2-case-table td:nth-child(2)::before {
content: "状況";
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-step2-case-table td:nth-child(3)::before {
content: "仕訳";
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-step2-case-table td:nth-child(4)::before {
content: "解説";
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-step2-case-table .journal-grid.journal-compact {
display: grid;
        grid-template-columns: max-content max-content;
        justify-content: start;
        column-gap: 16px;
        overflow-x: visible;
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-step2-case-table .journal-grid.journal-compact .journal-group-inner {
column-gap: 4px;
}
}

@container textbook (max-width: 760px) {
.grade3-lesson[data-textbook-unit="335"] .bad-debts-keyline {
grid-template-columns: 1fr;
}

.grade3-lesson[data-textbook-unit="335"] .section-title-wrap {
align-items: flex-start;
        line-height: 1.45;
}

.grade3-lesson[data-textbook-unit="335"] .unit-title {
line-height: 1.45;
}

.grade3-lesson[data-textbook-unit="335"] .comparison-table {
display: block;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
}

.grade3-lesson[data-textbook-unit="335"] .journal-grid {
max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
}

.grade3-lesson[data-textbook-unit="335"] .journal-account,
.grade3-lesson[data-textbook-unit="335"] .journal-amount {
white-space: nowrap;
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-taccount-card,
.grade3-lesson[data-textbook-unit="335"] .bad-debts-taccount-card .taccount {
max-width: 100%;
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-writeoff-cases .journal-grid.journal-compact {
display: grid;
        grid-template-columns: max-content max-content;
        justify-content: center;
        column-gap: 18px;
        overflow-x: visible;
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-writeoff-cases .journal-grid.journal-compact > .journal-group {
width: auto;
        min-width: 0;
        align-self: auto;
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-writeoff-cases .journal-grid.journal-compact .journal-group-inner {
column-gap: 4px;
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-definitions-table {
min-width: 520px;
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-definitions-table th:nth-child(2),
.grade3-lesson[data-textbook-unit="335"] .bad-debts-definitions-table td:nth-child(2),
.grade3-lesson[data-textbook-unit="335"] .bad-debts-definitions-table th:nth-child(4),
.grade3-lesson[data-textbook-unit="335"] .bad-debts-definitions-table td:nth-child(4) {
width: 17% !important;
        min-width: 120px;
        white-space: normal;
        word-break: keep-all;
        overflow-wrap: anywhere;
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-answer-formula {
font-size: clamp(0.88rem, 4.5vw, 1.25rem) !important;
        white-space: nowrap;
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-step2-case-scroll {
overflow-x: visible !important;
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-step2-case-table {
display: block;
        min-width: 0 !important;
        width: 100%;
        overflow-x: visible !important;
        white-space: normal !important;
        border-collapse: separate;
        border-spacing: 0 10px;
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-step2-case-table thead {
display: none;
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-step2-case-table tbody,
.grade3-lesson[data-textbook-unit="335"] .bad-debts-step2-case-table tr,
.grade3-lesson[data-textbook-unit="335"] .bad-debts-step2-case-table td {
display: block;
        width: 100%;
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-step2-case-table tr {
border: 1px solid var(--border);
        border-radius: 8px;
        overflow: hidden;
        background: #fff;
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-step2-case-table td {
border-left: none !important;
        border-right: none !important;
        border-bottom: 1px solid var(--border) !important;
        padding: 9px 10px;
        white-space: normal;
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-step2-case-table td:last-child {
border-bottom: none !important;
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-step2-case-table td::before {
display: block;
        margin-bottom: 4px;
        color: var(--text-sub);
        font-size: 0.72rem;
        font-weight: 800;
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-step2-case-table td:nth-child(1)::before {
content: "ケース";
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-step2-case-table td:nth-child(2)::before {
content: "状況";
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-step2-case-table td:nth-child(3)::before {
content: "仕訳";
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-step2-case-table td:nth-child(4)::before {
content: "解説";
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-step2-case-table .journal-grid.journal-compact {
display: grid;
        grid-template-columns: max-content max-content;
        justify-content: start;
        column-gap: 16px;
        overflow-x: visible;
}

.grade3-lesson[data-textbook-unit="335"] .bad-debts-step2-case-table .journal-grid.journal-compact .journal-group-inner {
column-gap: 4px;
}
}