/* 2026-09-14: 教科書固有の図表・仕訳の表示指定。
   正本: api/_private/textbook/grade3/units/337-kotei-shisan.html の style。
   記事の本文・構成を再生成せず、教科書部分に限定する。 */
.grade3-lesson[data-textbook-unit="337"] {
font-family: "Noto Sans JP", "Inter", sans-serif;
      color: #334155;
      font-weight: 600;
      line-height: 1.75;
}

.grade3-lesson[data-textbook-unit="337"] .unit-content {
color: #334155;
      font-size: 1rem;
      line-height: 1.85;
      padding-top: 18px;
}

.grade3-lesson[data-textbook-unit="337"] .text-body {
color: #334155;
      font-size: 1rem;
      font-weight: 600;
      line-height: 1.9;
}

.grade3-lesson[data-textbook-unit="337"] p {
line-height: 1.9;
}

.grade3-lesson[data-textbook-unit="337"] ul,
.grade3-lesson[data-textbook-unit="337"] ol {
color: #334155;
      line-height: 1.9;
}

.grade3-lesson[data-textbook-unit="337"] li {
margin-bottom: 6px;
      font-weight: 600;
}

.grade3-lesson[data-textbook-unit="337"] strong {
font-weight: 800;
      color: #0f172a;
}

.grade3-lesson[data-textbook-unit="337"] .unit-title {
font-size: 1.08rem;
      font-weight: 800;
      color: #2563eb;
}

.grade3-lesson[data-textbook-unit="337"] .section-title-wrap {
font-size: 1rem;
      font-weight: 800;
      color: #1e293b;
}

.grade3-lesson[data-textbook-unit="337"] .card-border-fill,
.grade3-lesson[data-textbook-unit="337"] .card-fill,
.grade3-lesson[data-textbook-unit="337"] .card-fill-dashed,
.grade3-lesson[data-textbook-unit="337"] .card-border,
.grade3-lesson[data-textbook-unit="337"] .story-box {
line-height: 1.85;
}

.grade3-lesson[data-textbook-unit="337"] .card-border-fill > strong:first-child,
.grade3-lesson[data-textbook-unit="337"] .card-fill > strong:first-child,
.grade3-lesson[data-textbook-unit="337"] .card-fill-dashed > strong:first-child,
.grade3-lesson[data-textbook-unit="337"] .story-title {
color: #0f172a;
      font-size: 1.14rem;
      font-weight: 800;
      line-height: 1.65;
}

.grade3-lesson[data-textbook-unit="337"] .unit-content p strong,
.grade3-lesson[data-textbook-unit="337"] .unit-content li strong,
.grade3-lesson[data-textbook-unit="337"] .section-inner p strong,
.grade3-lesson[data-textbook-unit="337"] .section-inner li strong {
color: #2563eb;
}

.grade3-lesson[data-textbook-unit="337"] .unit-content strong.text-strong-dark,
.grade3-lesson[data-textbook-unit="337"] .section-inner strong.text-strong-dark {
color: #0f172a;
}

.grade3-lesson[data-textbook-unit="337"] .story-box > .story-title:not(:first-child) {
margin-top: 24px;
      padding-top: 18px;
      border-top: 5px solid #FED7AA;
}

.grade3-lesson[data-textbook-unit="337"] .em-blue {
color: #2563eb !important;
      font-weight: 800;
}

.grade3-lesson[data-textbook-unit="337"] .em-black {
color: #0f172a !important;
      font-weight: 800;
}

.grade3-lesson[data-textbook-unit="337"] .intro-why-point {
margin-top: 12px;
      padding: 12px 14px;
      border-radius: 14px;
      background: #FFF7ED;
      border: 1px solid #FED7AA;
      color: #334155;
      font-size: 0.93rem;
      font-weight: 600;
      line-height: 1.9;
}

.grade3-lesson[data-textbook-unit="337"] .intro-why-conclusion {
margin-top: 12px;
      padding: 12px 14px;
      border-radius: 14px;
      background: #EFF6FF;
      border: 1px solid #BFDBFE;
      color: #334155;
      font-size: 0.94rem;
      font-weight: 600;
      line-height: 1.9;
}

.grade3-lesson[data-textbook-unit="337"] .center-conclusion {
text-align: center;
}

.grade3-lesson[data-textbook-unit="337"] .pattern-journal-table .journal-grid {
justify-content: center;
      --journal-col-gap: clamp(12px, 2vw, 22px);
      --journal-group-gap: 4px;
      --journal-row-gap: 16px;
      --journal-account-width: max-content;
      --journal-amount-width: max-content;
      --journal-paren-pad: 0.72em;
      padding-bottom: 8px;
}

.grade3-lesson[data-textbook-unit="337"] .pattern-journal-table .journal-group {
align-self: auto;
}

.grade3-lesson[data-textbook-unit="337"] .pattern-journal-table .journal-group-inner {
width: max-content;
}

.grade3-lesson[data-textbook-unit="337"] .pattern-journal-table .journal-account {
text-align: center;
}

.grade3-lesson[data-textbook-unit="337"] .pattern-journal-table .journal-amount {
justify-content: flex-end;
}

.grade3-lesson[data-textbook-unit="337"] .pattern-journal-table .account-stack,
.grade3-lesson[data-textbook-unit="337"] .pattern-journal-table .amount-stack {
line-height: 1.18;
}

@media (max-width: 640px) {
.grade3-lesson[data-textbook-unit="337"] .pattern-journal-table {
width: 860px !important;
        min-width: 860px !important;
        table-layout: fixed;
        font-size: 0.78rem !important;
}

.grade3-lesson[data-textbook-unit="337"] .pattern-journal-table th,
.grade3-lesson[data-textbook-unit="337"] .pattern-journal-table td {
padding: 6px 4px;
        vertical-align: top;
        word-break: keep-all;
        overflow-wrap: anywhere;
        line-break: strict;
}

.grade3-lesson[data-textbook-unit="337"] .pattern-journal-table th:nth-child(1),
.grade3-lesson[data-textbook-unit="337"] .pattern-journal-table td:nth-child(1) {
width: 18% !important;
}

.grade3-lesson[data-textbook-unit="337"] .pattern-journal-table th:nth-child(2),
.grade3-lesson[data-textbook-unit="337"] .pattern-journal-table td:nth-child(2) {
width: 50% !important;
}

.grade3-lesson[data-textbook-unit="337"] .pattern-journal-table th:nth-child(3),
.grade3-lesson[data-textbook-unit="337"] .pattern-journal-table td:nth-child(3) {
width: 32% !important;
}

.grade3-lesson[data-textbook-unit="337"] .pattern-journal-table .journal-grid {
--journal-col-gap: 14px;
        --journal-group-gap: 4px;
        --journal-row-gap: 16px;
        --journal-account-width: max-content;
        --journal-amount-width: max-content;
        --journal-paren-pad: 0.72em;
        width: 100%;
        max-width: 100%;
        padding-bottom: 0;
}

.grade3-lesson[data-textbook-unit="337"] .pattern-journal-table .journal-group {
flex: 0 0 auto !important;
        min-width: max-content;
}

.grade3-lesson[data-textbook-unit="337"] .pattern-journal-table .journal-group-inner {
width: max-content;
        grid-template-columns: var(--journal-account-width, max-content) var(--journal-amount-width, max-content);
}

.grade3-lesson[data-textbook-unit="337"] .pattern-journal-table .journal-account {
min-width: max-content;
        white-space: nowrap;
        overflow-wrap: normal;
}

.grade3-lesson[data-textbook-unit="337"] .pattern-journal-table .journal-amount {
min-width: 0;
        white-space: nowrap;
}

.grade3-lesson[data-textbook-unit="337"] .pattern-journal-table .account-stack,
.grade3-lesson[data-textbook-unit="337"] .pattern-journal-table .amount-stack {
line-height: 1.15;
}

.grade3-lesson[data-textbook-unit="337"] .acquisition-example-calc-box {
width: calc(100% + 20px);
        margin-left: -10px;
        margin-right: -10px;
        padding: 8px 4px !important;
        box-sizing: border-box;
}

.grade3-lesson[data-textbook-unit="337"] .acquisition-example-calc-formula {
display: block;
        width: 100%;
        white-space: nowrap;
        font-family: "Noto Sans JP", "Inter", sans-serif !important;
        font-size: clamp(0.46rem, 1.9vw, 0.62rem) !important;
        line-height: 1.45 !important;
}

.grade3-lesson[data-textbook-unit="337"] .acquisition-cost-formula-shell {
overflow-x: visible !important;
}

.grade3-lesson[data-textbook-unit="337"] .acquisition-cost-formula {
min-width: 0 !important;
        width: 100%;
        column-gap: 4px !important;
}

.grade3-lesson[data-textbook-unit="337"] .acquisition-cost-formula .formula-main {
font-size: clamp(0.86rem, 3.7vw, 1rem) !important;
}

.grade3-lesson[data-textbook-unit="337"] .acquisition-cost-formula .formula-mark {
font-size: clamp(0.84rem, 3.5vw, 0.98rem) !important;
}

.grade3-lesson[data-textbook-unit="337"] .acquisition-cost-formula .formula-sub {
font-size: clamp(0.45rem, 1.9vw, 0.56rem) !important;
}

.grade3-lesson[data-textbook-unit="337"] .acquisition-cost-diagram {
flex-direction: column;
        align-items: center;
        gap: 8px;
        overflow: visible !important;
}

.grade3-lesson[data-textbook-unit="337"] .acquisition-cost-diagram svg {
width: 112%;
        max-width: none;
        margin-left: -6%;
        margin-right: -6%;
}

.grade3-lesson[data-textbook-unit="337"] .acquisition-cost-diagram .slide-caption {
width: 100%;
        border-top: 0;
        border-radius: 6px;
}

.grade3-lesson[data-textbook-unit="337"] .repair-improvement-diagram {
overflow: visible !important;
        padding-bottom: 110px !important;
}

.grade3-lesson[data-textbook-unit="337"] .repair-improvement-diagram svg {
display: block;
        width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        overflow: visible;
}

.grade3-lesson[data-textbook-unit="337"] .repair-improvement-diagram .diagram-side-tag {
transform: translate(-470px, 122px);
}

.grade3-lesson[data-textbook-unit="337"] .sale-journal-card {
padding-left: 10px !important;
        padding-right: 10px !important;
}

.grade3-lesson[data-textbook-unit="337"] .sale-journal-entry {
--journal-col-gap: 8px;
        --journal-group-gap: 3px;
        --journal-row-gap: 16px;
        --journal-paren-pad: 0.55em;
        column-gap: var(--journal-col-gap) !important;
        box-sizing: border-box;
        padding: 12px 10px !important;
        font-size: 0.78rem !important;
        overflow: visible !important;
}

.grade3-lesson[data-textbook-unit="337"] .sale-journal-entry .journal-group-inner {
column-gap: var(--journal-group-gap);
}

.grade3-lesson[data-textbook-unit="337"] .sale-journal-entry .journal-amount {
min-width: 0 !important;
}

.grade3-lesson[data-textbook-unit="337"] .sale-journal-entry .amount-stack {
min-width: 0 !important;
}

.grade3-lesson[data-textbook-unit="337"] .retirement-journal-card {
padding-left: 10px !important;
        padding-right: 10px !important;
}

.grade3-lesson[data-textbook-unit="337"] .retirement-journal-entry {
--journal-col-gap: 8px;
        --journal-group-gap: 3px;
        --journal-row-gap: 16px;
        --journal-paren-pad: 0.55em;
        column-gap: var(--journal-col-gap) !important;
        box-sizing: border-box;
        padding: 12px 10px !important;
        font-size: 0.78rem !important;
        overflow: visible !important;
}

.grade3-lesson[data-textbook-unit="337"] .retirement-journal-entry .journal-group-inner {
column-gap: var(--journal-group-gap);
}

.grade3-lesson[data-textbook-unit="337"] .retirement-journal-entry .journal-amount {
min-width: 0 !important;
}

.grade3-lesson[data-textbook-unit="337"] .retirement-journal-entry .amount-stack {
min-width: 0 !important;
}

.grade3-lesson[data-textbook-unit="337"] .retirement-example-answer {
--journal-account-width: 7.2em !important;
        --journal-amount-width: 4.9em !important;
        --journal-col-gap: 4px !important;
        --journal-group-gap: 2px !important;
        font-size: 0.66rem;
}

.grade3-lesson[data-textbook-unit="337"] .retirement-example-answer .journal-group-inner {
column-gap: 2px;
}

.grade3-lesson[data-textbook-unit="337"] .retirement-example-answer .journal-account {
padding-left: 0.45em;
        padding-right: 0.45em;
}

.grade3-lesson[data-textbook-unit="337"] .retirement-example-answer .journal-amount {
min-width: 0;
}

.grade3-lesson[data-textbook-unit="337"] .retirement-example-answer .amount-stack small {
width: auto !important;
        max-width: 5em;
}

.grade3-lesson[data-textbook-unit="337"] .book-value-formula {
padding-left: 8px !important;
        padding-right: 8px !important;
}

.grade3-lesson[data-textbook-unit="337"] .book-value-formula-row {
flex-wrap: nowrap !important;
        gap: 2px !important;
        width: 100%;
}

.grade3-lesson[data-textbook-unit="337"] .book-value-formula-row > div {
min-width: 0 !important;
        flex: 1 1 0;
}

.grade3-lesson[data-textbook-unit="337"] .book-value-formula-row > div:nth-of-type(2) {
flex: 1.25 1 0;
}

.grade3-lesson[data-textbook-unit="337"] .book-value-formula-row strong {
font-size: clamp(0.7rem, 2.8vw, 0.82rem) !important;
        line-height: 1.2 !important;
}

.grade3-lesson[data-textbook-unit="337"] .book-value-formula-row > strong {
flex: 0 0 auto;
        padding-top: 1px;
}

.grade3-lesson[data-textbook-unit="337"] .book-value-formula-row .text-body {
font-size: clamp(0.43rem, 1.75vw, 0.52rem) !important;
        line-height: 1.2 !important;
}

.grade3-lesson[data-textbook-unit="337"] .depreciation-journal-strip {
flex-direction: column;
        align-items: stretch !important;
        padding: 10px 8px 14px !important;
        gap: 8px !important;
        overflow-x: auto !important;
}

.grade3-lesson[data-textbook-unit="337"] .depreciation-journal-strip > strong {
font-size: 0.8rem !important;
        white-space: normal !important;
        line-height: 1.25;
        flex: 0 1 auto !important;
}

.grade3-lesson[data-textbook-unit="337"] .depreciation-journal-strip .journal-grid {
--journal-col-gap: 10px !important;
        --journal-group-gap: 4px !important;
        --journal-account-width: max-content !important;
        --journal-amount-width: max-content !important;
        --journal-paren-pad: 0.72em;
        font-size: 0.78rem;
        min-width: max-content;
        justify-content: center;
}

.grade3-lesson[data-textbook-unit="337"] .depreciation-journal-strip .journal-account {
padding-left: 0.45em;
        padding-right: 0.45em;
}

.grade3-lesson[data-textbook-unit="337"] .depreciation-journal-strip .journal-amount {
min-width: 0;
}

.grade3-lesson[data-textbook-unit="337"] .sale-profit-formula-box {
padding-left: 8px !important;
        padding-right: 8px !important;
}

.grade3-lesson[data-textbook-unit="337"] .sale-profit-formula-text {
white-space: normal;
        overflow-wrap: anywhere;
        word-break: keep-all;
        font-size: clamp(0.72rem, 3.1vw, 0.88rem);
        line-height: 1.5 !important;
}

.grade3-lesson[data-textbook-unit="337"] .step6-journal-pair {
flex-direction: column;
        gap: 12px !important;
}

.grade3-lesson[data-textbook-unit="337"] .step6-journal-pair > div {
padding: 12px 8px 18px !important;
        overflow-x: auto;
}

.grade3-lesson[data-textbook-unit="337"] .step6-journal-pair > div > div {
grid-template-columns: max-content max-content !important;
        column-gap: 12px !important;
        width: max-content;
        min-width: max-content;
        box-sizing: border-box;
        font-size: 0.74rem !important;
        padding-top: 8px;
        padding-bottom: 28px;
}

.grade3-lesson[data-textbook-unit="337"] .step6-journal-pair > div > div > div:not([style*="position: absolute"]) {
min-width: max-content;
        row-gap: 16px !important;
}

.grade3-lesson[data-textbook-unit="337"] .step6-journal-pair > div > div > div:not([style*="position: absolute"]) > div {
grid-template-columns: 8.2em 4em !important;
        column-gap: 6px !important;
        padding-bottom: 24px !important;
}

.grade3-lesson[data-textbook-unit="337"] .step6-journal-pair .account-stack,
.grade3-lesson[data-textbook-unit="337"] .step6-journal-pair .amount-stack {
line-height: 1.15;
}

.grade3-lesson[data-textbook-unit="337"] .step6-journal-pair > div > div > div:not([style*="position: absolute"]) > div > div:first-child {
width: 8.2em !important;
        min-width: 8.2em;
}

.grade3-lesson[data-textbook-unit="337"] .step6-journal-pair .journal-amount,
.grade3-lesson[data-textbook-unit="337"] .step6-journal-pair .amount-stack {
min-width: 0 !important;
}

.grade3-lesson[data-textbook-unit="337"] .step6-retirement-card {
padding-left: 10px !important;
        padding-right: 10px !important;
        overflow-x: auto;
}

.grade3-lesson[data-textbook-unit="337"] .step6-retirement-card .text-body {
overflow-wrap: anywhere;
}

.grade3-lesson[data-textbook-unit="337"] .step6-retirement-entry {
--journal-col-gap: 10px !important;
        --journal-group-gap: 3px !important;
        --journal-account-width: max-content !important;
        --journal-amount-width: max-content !important;
        --journal-row-gap: 22px;
        --journal-paren-pad: 0.62em;
        font-size: 0.72rem;
        min-width: max-content;
        padding-top: 8px;
        padding-bottom: 22px;
}

.grade3-lesson[data-textbook-unit="337"] .step6-retirement-entry .journal-account {
padding-left: 0.45em;
        padding-right: 0.45em;
}

.grade3-lesson[data-textbook-unit="337"] .step6-retirement-entry .journal-amount,
.grade3-lesson[data-textbook-unit="337"] .step6-retirement-entry .amount-stack {
min-width: 0 !important;
}

.grade3-lesson[data-textbook-unit="337"] .step6-retirement-entry > div[style*="position: absolute"] {
left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        height: 38px !important;
}

.grade3-lesson[data-textbook-unit="337"] .step6-retirement-entry .book-value-frame-label {
right: 10px !important;
        top: -0.75em !important;
}

.grade3-lesson[data-textbook-unit="337"] .step6-note-card {
overflow: hidden;
}

.grade3-lesson[data-textbook-unit="337"] .step6-note-card .text-body {
overflow-wrap: anywhere;
}

.grade3-lesson[data-textbook-unit="337"] .scrollable-journal-mobile {
overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 6px;
}

.grade3-lesson[data-textbook-unit="337"] .scrollable-journal-mobile > div {
min-width: 238px;
        padding-left: 3px !important;
        padding-right: 3px !important;
}

.grade3-lesson[data-textbook-unit="337"] .scrollable-journal-mobile .journal-grid {
--journal-col-gap: 1px !important;
        --journal-group-gap: 1px !important;
        --journal-paren-pad: 0.24em !important;
        font-size: 0.44rem;
}

.grade3-lesson[data-textbook-unit="337"] .scrollable-journal-mobile .journal-account {
padding-left: var(--journal-paren-pad) !important;
        padding-right: var(--journal-paren-pad) !important;
}

.grade3-lesson[data-textbook-unit="337"] .scrollable-journal-mobile .journal-amount {
letter-spacing: -0.02em;
}

.grade3-lesson[data-textbook-unit="337"] .scrollable-journal-mobile .journal-group-inner {
column-gap: var(--journal-group-gap);
}

.grade3-lesson[data-textbook-unit="337"] .wide-scroll-table {
min-width: 820px;
        table-layout: auto;
}

.grade3-lesson[data-textbook-unit="337"] .wide-scroll-table th,
.grade3-lesson[data-textbook-unit="337"] .wide-scroll-table td {
white-space: normal;
        word-break: keep-all;
        overflow-wrap: normal;
        line-break: strict;
}

.grade3-lesson[data-textbook-unit="337"] .wide-scroll-table .journal-grid {
min-width: max-content;
}
}

@container textbook (max-width: 640px) {
.grade3-lesson[data-textbook-unit="337"] .pattern-journal-table {
width: 860px !important;
        min-width: 860px !important;
        table-layout: fixed;
        font-size: 0.78rem !important;
}

.grade3-lesson[data-textbook-unit="337"] .pattern-journal-table th,
.grade3-lesson[data-textbook-unit="337"] .pattern-journal-table td {
padding: 6px 4px;
        vertical-align: top;
        word-break: keep-all;
        overflow-wrap: anywhere;
        line-break: strict;
}

.grade3-lesson[data-textbook-unit="337"] .pattern-journal-table th:nth-child(1),
.grade3-lesson[data-textbook-unit="337"] .pattern-journal-table td:nth-child(1) {
width: 18% !important;
}

.grade3-lesson[data-textbook-unit="337"] .pattern-journal-table th:nth-child(2),
.grade3-lesson[data-textbook-unit="337"] .pattern-journal-table td:nth-child(2) {
width: 50% !important;
}

.grade3-lesson[data-textbook-unit="337"] .pattern-journal-table th:nth-child(3),
.grade3-lesson[data-textbook-unit="337"] .pattern-journal-table td:nth-child(3) {
width: 32% !important;
}

.grade3-lesson[data-textbook-unit="337"] .pattern-journal-table .journal-grid {
--journal-col-gap: 14px;
        --journal-group-gap: 4px;
        --journal-row-gap: 16px;
        --journal-account-width: max-content;
        --journal-amount-width: max-content;
        --journal-paren-pad: 0.72em;
        width: 100%;
        max-width: 100%;
        padding-bottom: 0;
}

.grade3-lesson[data-textbook-unit="337"] .pattern-journal-table .journal-group {
flex: 0 0 auto !important;
        min-width: max-content;
}

.grade3-lesson[data-textbook-unit="337"] .pattern-journal-table .journal-group-inner {
width: max-content;
        grid-template-columns: var(--journal-account-width, max-content) var(--journal-amount-width, max-content);
}

.grade3-lesson[data-textbook-unit="337"] .pattern-journal-table .journal-account {
min-width: max-content;
        white-space: nowrap;
        overflow-wrap: normal;
}

.grade3-lesson[data-textbook-unit="337"] .pattern-journal-table .journal-amount {
min-width: 0;
        white-space: nowrap;
}

.grade3-lesson[data-textbook-unit="337"] .pattern-journal-table .account-stack,
.grade3-lesson[data-textbook-unit="337"] .pattern-journal-table .amount-stack {
line-height: 1.15;
}

.grade3-lesson[data-textbook-unit="337"] .acquisition-example-calc-box {
width: calc(100% + 20px);
        margin-left: -10px;
        margin-right: -10px;
        padding: 8px 4px !important;
        box-sizing: border-box;
}

.grade3-lesson[data-textbook-unit="337"] .acquisition-example-calc-formula {
display: block;
        width: 100%;
        white-space: nowrap;
        font-family: "Noto Sans JP", "Inter", sans-serif !important;
        font-size: clamp(0.46rem, 1.9vw, 0.62rem) !important;
        line-height: 1.45 !important;
}

.grade3-lesson[data-textbook-unit="337"] .acquisition-cost-formula-shell {
overflow-x: visible !important;
}

.grade3-lesson[data-textbook-unit="337"] .acquisition-cost-formula {
min-width: 0 !important;
        width: 100%;
        column-gap: 4px !important;
}

.grade3-lesson[data-textbook-unit="337"] .acquisition-cost-formula .formula-main {
font-size: clamp(0.86rem, 3.7vw, 1rem) !important;
}

.grade3-lesson[data-textbook-unit="337"] .acquisition-cost-formula .formula-mark {
font-size: clamp(0.84rem, 3.5vw, 0.98rem) !important;
}

.grade3-lesson[data-textbook-unit="337"] .acquisition-cost-formula .formula-sub {
font-size: clamp(0.45rem, 1.9vw, 0.56rem) !important;
}

.grade3-lesson[data-textbook-unit="337"] .acquisition-cost-diagram {
flex-direction: column;
        align-items: center;
        gap: 8px;
        overflow: visible !important;
}

.grade3-lesson[data-textbook-unit="337"] .acquisition-cost-diagram svg {
width: 112%;
        max-width: none;
        margin-left: -6%;
        margin-right: -6%;
}

.grade3-lesson[data-textbook-unit="337"] .acquisition-cost-diagram .slide-caption {
width: 100%;
        border-top: 0;
        border-radius: 6px;
}

.grade3-lesson[data-textbook-unit="337"] .repair-improvement-diagram {
overflow: visible !important;
        padding-bottom: 110px !important;
}

.grade3-lesson[data-textbook-unit="337"] .repair-improvement-diagram svg {
display: block;
        width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        overflow: visible;
}

.grade3-lesson[data-textbook-unit="337"] .repair-improvement-diagram .diagram-side-tag {
transform: translate(-470px, 122px);
}

.grade3-lesson[data-textbook-unit="337"] .sale-journal-card {
padding-left: 10px !important;
        padding-right: 10px !important;
}

.grade3-lesson[data-textbook-unit="337"] .sale-journal-entry {
--journal-col-gap: 8px;
        --journal-group-gap: 3px;
        --journal-row-gap: 16px;
        --journal-paren-pad: 0.55em;
        column-gap: var(--journal-col-gap) !important;
        box-sizing: border-box;
        padding: 12px 10px !important;
        font-size: 0.78rem !important;
        overflow: visible !important;
}

.grade3-lesson[data-textbook-unit="337"] .sale-journal-entry .journal-group-inner {
column-gap: var(--journal-group-gap);
}

.grade3-lesson[data-textbook-unit="337"] .sale-journal-entry .journal-amount {
min-width: 0 !important;
}

.grade3-lesson[data-textbook-unit="337"] .sale-journal-entry .amount-stack {
min-width: 0 !important;
}

.grade3-lesson[data-textbook-unit="337"] .retirement-journal-card {
padding-left: 10px !important;
        padding-right: 10px !important;
}

.grade3-lesson[data-textbook-unit="337"] .retirement-journal-entry {
--journal-col-gap: 8px;
        --journal-group-gap: 3px;
        --journal-row-gap: 16px;
        --journal-paren-pad: 0.55em;
        column-gap: var(--journal-col-gap) !important;
        box-sizing: border-box;
        padding: 12px 10px !important;
        font-size: 0.78rem !important;
        overflow: visible !important;
}

.grade3-lesson[data-textbook-unit="337"] .retirement-journal-entry .journal-group-inner {
column-gap: var(--journal-group-gap);
}

.grade3-lesson[data-textbook-unit="337"] .retirement-journal-entry .journal-amount {
min-width: 0 !important;
}

.grade3-lesson[data-textbook-unit="337"] .retirement-journal-entry .amount-stack {
min-width: 0 !important;
}

.grade3-lesson[data-textbook-unit="337"] .retirement-example-answer {
--journal-account-width: 7.2em !important;
        --journal-amount-width: 4.9em !important;
        --journal-col-gap: 4px !important;
        --journal-group-gap: 2px !important;
        font-size: 0.66rem;
}

.grade3-lesson[data-textbook-unit="337"] .retirement-example-answer .journal-group-inner {
column-gap: 2px;
}

.grade3-lesson[data-textbook-unit="337"] .retirement-example-answer .journal-account {
padding-left: 0.45em;
        padding-right: 0.45em;
}

.grade3-lesson[data-textbook-unit="337"] .retirement-example-answer .journal-amount {
min-width: 0;
}

.grade3-lesson[data-textbook-unit="337"] .retirement-example-answer .amount-stack small {
width: auto !important;
        max-width: 5em;
}

.grade3-lesson[data-textbook-unit="337"] .book-value-formula {
padding-left: 8px !important;
        padding-right: 8px !important;
}

.grade3-lesson[data-textbook-unit="337"] .book-value-formula-row {
flex-wrap: nowrap !important;
        gap: 2px !important;
        width: 100%;
}

.grade3-lesson[data-textbook-unit="337"] .book-value-formula-row > div {
min-width: 0 !important;
        flex: 1 1 0;
}

.grade3-lesson[data-textbook-unit="337"] .book-value-formula-row > div:nth-of-type(2) {
flex: 1.25 1 0;
}

.grade3-lesson[data-textbook-unit="337"] .book-value-formula-row strong {
font-size: clamp(0.7rem, 2.8vw, 0.82rem) !important;
        line-height: 1.2 !important;
}

.grade3-lesson[data-textbook-unit="337"] .book-value-formula-row > strong {
flex: 0 0 auto;
        padding-top: 1px;
}

.grade3-lesson[data-textbook-unit="337"] .book-value-formula-row .text-body {
font-size: clamp(0.43rem, 1.75vw, 0.52rem) !important;
        line-height: 1.2 !important;
}

.grade3-lesson[data-textbook-unit="337"] .depreciation-journal-strip {
flex-direction: column;
        align-items: stretch !important;
        padding: 10px 8px 14px !important;
        gap: 8px !important;
        overflow-x: auto !important;
}

.grade3-lesson[data-textbook-unit="337"] .depreciation-journal-strip > strong {
font-size: 0.8rem !important;
        white-space: normal !important;
        line-height: 1.25;
        flex: 0 1 auto !important;
}

.grade3-lesson[data-textbook-unit="337"] .depreciation-journal-strip .journal-grid {
--journal-col-gap: 10px !important;
        --journal-group-gap: 4px !important;
        --journal-account-width: max-content !important;
        --journal-amount-width: max-content !important;
        --journal-paren-pad: 0.72em;
        font-size: 0.78rem;
        min-width: max-content;
        justify-content: center;
}

.grade3-lesson[data-textbook-unit="337"] .depreciation-journal-strip .journal-account {
padding-left: 0.45em;
        padding-right: 0.45em;
}

.grade3-lesson[data-textbook-unit="337"] .depreciation-journal-strip .journal-amount {
min-width: 0;
}

.grade3-lesson[data-textbook-unit="337"] .sale-profit-formula-box {
padding-left: 8px !important;
        padding-right: 8px !important;
}

.grade3-lesson[data-textbook-unit="337"] .sale-profit-formula-text {
white-space: normal;
        overflow-wrap: anywhere;
        word-break: keep-all;
        font-size: clamp(0.72rem, 3.1vw, 0.88rem);
        line-height: 1.5 !important;
}

.grade3-lesson[data-textbook-unit="337"] .step6-journal-pair {
flex-direction: column;
        gap: 12px !important;
}

.grade3-lesson[data-textbook-unit="337"] .step6-journal-pair > div {
padding: 12px 8px 18px !important;
        overflow-x: auto;
}

.grade3-lesson[data-textbook-unit="337"] .step6-journal-pair > div > div {
grid-template-columns: max-content max-content !important;
        column-gap: 12px !important;
        width: max-content;
        min-width: max-content;
        box-sizing: border-box;
        font-size: 0.74rem !important;
        padding-top: 8px;
        padding-bottom: 28px;
}

.grade3-lesson[data-textbook-unit="337"] .step6-journal-pair > div > div > div:not([style*="position: absolute"]) {
min-width: max-content;
        row-gap: 16px !important;
}

.grade3-lesson[data-textbook-unit="337"] .step6-journal-pair > div > div > div:not([style*="position: absolute"]) > div {
grid-template-columns: 8.2em 4em !important;
        column-gap: 6px !important;
        padding-bottom: 24px !important;
}

.grade3-lesson[data-textbook-unit="337"] .step6-journal-pair .account-stack,
.grade3-lesson[data-textbook-unit="337"] .step6-journal-pair .amount-stack {
line-height: 1.15;
}

.grade3-lesson[data-textbook-unit="337"] .step6-journal-pair > div > div > div:not([style*="position: absolute"]) > div > div:first-child {
width: 8.2em !important;
        min-width: 8.2em;
}

.grade3-lesson[data-textbook-unit="337"] .step6-journal-pair .journal-amount,
.grade3-lesson[data-textbook-unit="337"] .step6-journal-pair .amount-stack {
min-width: 0 !important;
}

.grade3-lesson[data-textbook-unit="337"] .step6-retirement-card {
padding-left: 10px !important;
        padding-right: 10px !important;
        overflow-x: auto;
}

.grade3-lesson[data-textbook-unit="337"] .step6-retirement-card .text-body {
overflow-wrap: anywhere;
}

.grade3-lesson[data-textbook-unit="337"] .step6-retirement-entry {
--journal-col-gap: 10px !important;
        --journal-group-gap: 3px !important;
        --journal-account-width: max-content !important;
        --journal-amount-width: max-content !important;
        --journal-row-gap: 22px;
        --journal-paren-pad: 0.62em;
        font-size: 0.72rem;
        min-width: max-content;
        padding-top: 8px;
        padding-bottom: 22px;
}

.grade3-lesson[data-textbook-unit="337"] .step6-retirement-entry .journal-account {
padding-left: 0.45em;
        padding-right: 0.45em;
}

.grade3-lesson[data-textbook-unit="337"] .step6-retirement-entry .journal-amount,
.grade3-lesson[data-textbook-unit="337"] .step6-retirement-entry .amount-stack {
min-width: 0 !important;
}

.grade3-lesson[data-textbook-unit="337"] .step6-retirement-entry > div[style*="position: absolute"] {
left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        height: 38px !important;
}

.grade3-lesson[data-textbook-unit="337"] .step6-retirement-entry .book-value-frame-label {
right: 10px !important;
        top: -0.75em !important;
}

.grade3-lesson[data-textbook-unit="337"] .step6-note-card {
overflow: hidden;
}

.grade3-lesson[data-textbook-unit="337"] .step6-note-card .text-body {
overflow-wrap: anywhere;
}

.grade3-lesson[data-textbook-unit="337"] .scrollable-journal-mobile {
overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 6px;
}

.grade3-lesson[data-textbook-unit="337"] .scrollable-journal-mobile > div {
min-width: 238px;
        padding-left: 3px !important;
        padding-right: 3px !important;
}

.grade3-lesson[data-textbook-unit="337"] .scrollable-journal-mobile .journal-grid {
--journal-col-gap: 1px !important;
        --journal-group-gap: 1px !important;
        --journal-paren-pad: 0.24em !important;
        font-size: 0.44rem;
}

.grade3-lesson[data-textbook-unit="337"] .scrollable-journal-mobile .journal-account {
padding-left: var(--journal-paren-pad) !important;
        padding-right: var(--journal-paren-pad) !important;
}

.grade3-lesson[data-textbook-unit="337"] .scrollable-journal-mobile .journal-amount {
letter-spacing: -0.02em;
}

.grade3-lesson[data-textbook-unit="337"] .scrollable-journal-mobile .journal-group-inner {
column-gap: var(--journal-group-gap);
}

.grade3-lesson[data-textbook-unit="337"] .wide-scroll-table {
min-width: 820px;
        table-layout: auto;
}

.grade3-lesson[data-textbook-unit="337"] .wide-scroll-table th,
.grade3-lesson[data-textbook-unit="337"] .wide-scroll-table td {
white-space: normal;
        word-break: keep-all;
        overflow-wrap: normal;
        line-break: strict;
}

.grade3-lesson[data-textbook-unit="337"] .wide-scroll-table .journal-grid {
min-width: max-content;
}
}