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

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

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

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

.grade3-lesson[data-textbook-unit="338"] .depr-formula-card {
background: #FFF9E8;
      border: 1px solid #E8D7A8;
      border-radius: 8px;
      padding: 16px 14px;
      margin-bottom: 12px;
}

.grade3-lesson[data-textbook-unit="338"] .depr-formula-layout {
display: grid;
      grid-template-columns: max-content 24px minmax(260px, 330px) 24px max-content;
      align-items: center;
      justify-content: center;
      gap: 12px;
      color: #5B4A1E;
}

.grade3-lesson[data-textbook-unit="338"] .depr-formula-label {
font-size: 1rem;
      font-weight: 800;
      white-space: nowrap;
}

.grade3-lesson[data-textbook-unit="338"] .depr-formula-eq {
text-align: center;
      font-size: 1.3rem;
      font-weight: 800;
}

.grade3-lesson[data-textbook-unit="338"] .depr-formula-fraction {
display: flex;
      flex-direction: column;
      align-items: center;
      min-width: 260px;
}

.grade3-lesson[data-textbook-unit="338"] .depr-formula-result {
font-size: 1.15rem;
      font-weight: 800;
      color: var(--primary);
      white-space: nowrap;
}

@media (max-width: 760px) {
.grade3-lesson[data-textbook-unit="338"] .depr-formula-layout {
grid-template-columns: minmax(8em, 1fr) 24px minmax(12em, 1.4fr);
        justify-content: stretch;
        gap: 12px 8px;
}

.grade3-lesson[data-textbook-unit="338"] .depr-formula-label {
white-space: normal;
        text-align: right;
        grid-column: 1;
        grid-row: 1;
}

.grade3-lesson[data-textbook-unit="338"] .depr-formula-fraction {
grid-column: 3;
        grid-row: 1;
        min-width: 0;
        width: 100%;
}

.grade3-lesson[data-textbook-unit="338"] .depr-formula-eq-main {
grid-column: 2;
        grid-row: 1;
}

.grade3-lesson[data-textbook-unit="338"] .depr-formula-eq-result {
grid-column: 2;
        grid-row: 2;
}

.grade3-lesson[data-textbook-unit="338"] .depr-formula-result {
grid-column: 3;
        grid-row: 2;
        justify-self: start;
}
}

@container textbook (max-width: 760px) {
.grade3-lesson[data-textbook-unit="338"] .depr-formula-layout {
grid-template-columns: minmax(8em, 1fr) 24px minmax(12em, 1.4fr);
        justify-content: stretch;
        gap: 12px 8px;
}

.grade3-lesson[data-textbook-unit="338"] .depr-formula-label {
white-space: normal;
        text-align: right;
        grid-column: 1;
        grid-row: 1;
}

.grade3-lesson[data-textbook-unit="338"] .depr-formula-fraction {
grid-column: 3;
        grid-row: 1;
        min-width: 0;
        width: 100%;
}

.grade3-lesson[data-textbook-unit="338"] .depr-formula-eq-main {
grid-column: 2;
        grid-row: 1;
}

.grade3-lesson[data-textbook-unit="338"] .depr-formula-eq-result {
grid-column: 2;
        grid-row: 2;
}

.grade3-lesson[data-textbook-unit="338"] .depr-formula-result {
grid-column: 3;
        grid-row: 2;
        justify-self: start;
}
}

@media (max-width: 600px) {
.grade3-lesson[data-textbook-unit="338"] .period-depr-formula .period-depr-head {
flex-basis: 100%;
        text-align: center;
}

.grade3-lesson[data-textbook-unit="338"] .taccount-intro-grid {
grid-template-columns: minmax(0, 1fr) !important;
}

.grade3-lesson[data-textbook-unit="338"] .depr-example-formula-card {
padding: 12px 10px;
}

.grade3-lesson[data-textbook-unit="338"] .depr-example-formula-card .depr-formula-layout {
display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
}

.grade3-lesson[data-textbook-unit="338"] .depr-example-formula-card .depr-formula-label {
text-align: center;
        white-space: normal;
}

.grade3-lesson[data-textbook-unit="338"] .depr-example-formula-card .depr-formula-fraction {
min-width: 0;
        width: 100%;
        max-width: 260px;
}

.grade3-lesson[data-textbook-unit="338"] .depr-example-formula-card .depr-residual-note {
width: 9em;
        white-space: normal !important;
}

.grade3-lesson[data-textbook-unit="338"] .depr-method-compare-grid {
grid-template-columns: minmax(0, 1fr) !important;
}

.grade3-lesson[data-textbook-unit="338"] .closing-summary-table {
min-width: 720px;
}
}

@container textbook (max-width: 600px) {
.grade3-lesson[data-textbook-unit="338"] .period-depr-formula .period-depr-head {
flex-basis: 100%;
        text-align: center;
}

.grade3-lesson[data-textbook-unit="338"] .taccount-intro-grid {
grid-template-columns: minmax(0, 1fr) !important;
}

.grade3-lesson[data-textbook-unit="338"] .depr-example-formula-card {
padding: 12px 10px;
}

.grade3-lesson[data-textbook-unit="338"] .depr-example-formula-card .depr-formula-layout {
display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
}

.grade3-lesson[data-textbook-unit="338"] .depr-example-formula-card .depr-formula-label {
text-align: center;
        white-space: normal;
}

.grade3-lesson[data-textbook-unit="338"] .depr-example-formula-card .depr-formula-fraction {
min-width: 0;
        width: 100%;
        max-width: 260px;
}

.grade3-lesson[data-textbook-unit="338"] .depr-example-formula-card .depr-residual-note {
width: 9em;
        white-space: normal !important;
}

.grade3-lesson[data-textbook-unit="338"] .depr-method-compare-grid {
grid-template-columns: minmax(0, 1fr) !important;
}

.grade3-lesson[data-textbook-unit="338"] .closing-summary-table {
min-width: 720px;
}
}