/* 2026-09-14: 教科書固有の図表・仕訳の表示指定。
   正本: api/_private/textbook/grade3/units/340-kurikoshi-mikoshi.html の style。
   記事の本文・構成を再生成せず、教科書部分に限定する。 */
.grade3-lesson[data-textbook-unit="340"] .text-body {
color: #334155;
      font-size: 1rem;
      font-weight: 600;
      line-height: 1.9;
}

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

.grade3-lesson[data-textbook-unit="340"] strong {
font-weight: 800;
}

.grade3-lesson[data-textbook-unit="340"] .text-strong-dark {
color: #0f172a !important;
}

.grade3-lesson[data-textbook-unit="340"] .product-box-yellow-underline,
.grade3-lesson[data-textbook-unit="340"] .yellow-underline {
background: linear-gradient(transparent 62%, #FEF08A 62%);
      padding: 0 2px;
}

.grade3-lesson[data-textbook-unit="340"] .black-underline {
text-decoration: underline;
      text-decoration-color: #0f172a;
      text-decoration-thickness: 2px;
      text-underline-offset: 4px;
}

.grade3-lesson[data-textbook-unit="340"] .step-focus-panel {
margin-bottom: 24px;
      padding: 18px 20px;
      border: 1px solid var(--card-gray-border);
      border-left: 5px solid var(--card-gray-dash);
      border-right: 5px solid var(--card-gray-dash);
      border-radius: 10px;
      background: linear-gradient(180deg, #F8FAFC 0%, #FFFFFF 100%);
      box-shadow: 0 4px 10px rgba(15, 23, 42, 0.04);
}

.grade3-lesson[data-textbook-unit="340"] .lesson-brief {
display: grid;
      gap: 12px;
      margin-bottom: 18px;
      padding: 14px;
      border: 1px solid #DCE5F1;
      border-radius: 12px;
      background: linear-gradient(180deg, #F8FAFC 0%, #EEF6FF 100%);
}

.grade3-lesson[data-textbook-unit="340"] .lesson-brief-row {
display: grid;
      grid-template-columns: 96px 1fr;
      gap: 16px;
      align-items: start;
      padding: 14px 16px;
      border: 1px solid #DCE5F1;
      border-left: 4px solid #94A3B8;
      border-radius: 10px;
      background: #fff;
      box-shadow: 0 4px 10px rgba(15, 23, 42, 0.04);
}

.grade3-lesson[data-textbook-unit="340"] .lesson-brief-row:nth-child(1) {
border-left-color: var(--primary);
      background: #F8FBFF;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-brief-row:nth-child(2) {
border-left-color: #64748B;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-brief-row:nth-child(3) {
border-left-color: var(--note-warn);
      background: #FFFBEB;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-brief-row:nth-child(4) {
border-left-color: #16A34A;
      background: #F0FDF4;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-brief-row.is-image {
border-left-color: #16A34A;
      background: #F0FDF4;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-brief-label {
display: inline-flex;
      align-items: center;
      justify-content: center;
      width: fit-content;
      min-width: 72px;
      padding: 5px 10px;
      border-radius: 999px;
      border: 1px solid #C7D2FE;
      background: #EEF2FF;
      color: var(--primary);
      font-size: 0.75rem;
      font-weight: 900;
      letter-spacing: 0.08em;
      white-space: nowrap;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-brief-text {
margin: 0;
      font-size: 0.95rem;
      line-height: 1.85;
      color: var(--text-body);
      font-weight: 700;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-brief .lesson-answer-box {
max-width: 560px;
      margin: 0;
      padding: 14px 16px 24px;
      border: 1px dashed #C7D2FE;
      background: #F8FAFC;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-brief .journal-grid {
justify-content: center;
      margin-bottom: 0;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-brief .account-stack span.attr {
font-size: 0.68em;
      color: var(--text-sub);
      font-weight: 800;
      padding-top: 2px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-brief-reason {
display: grid;
      gap: 6px;
      margin: 0;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-brief .lesson-answer-box + .lesson-brief-reason {
margin-top: 12px;
      padding-top: 12px;
      border-top: 1px dashed #CBD5E1;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-brief-reason-line {
display: grid;
      grid-template-columns: max-content minmax(0, 1fr);
      column-gap: 8px;
      margin: 0;
      line-height: 1.75;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-brief-reason-label {
color: var(--text-main);
      font-weight: 900;
      white-space: nowrap;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-textbook {
margin-top: 14px;
      padding: 0;
      border: none;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-step-card + .advanced-step-card {
margin-top: 18px;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-step-card {
border: 1px solid #D6DEE9;
      border-radius: 14px;
      background: linear-gradient(180deg, #F8FAFC 0%, #FFFFFF 100%);
      box-shadow: 0 4px 12px rgba(15, 23, 42, 0.05);
      overflow: hidden;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-step-card-header {
display: flex;
      align-items: center;
      gap: 10px;
      padding: 12px 14px;
      border-bottom: 1px solid #E2E8F0;
      background: linear-gradient(180deg, #F8FAFC 0%, #EEF4FF 100%);
}

.grade3-lesson[data-textbook-unit="340"] .advanced-step-card-badge {
display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 4px 10px;
      border-radius: 999px;
      border: 1px solid #CBD5E1;
      background: #FFFFFF;
      color: #475569;
      font-size: 0.74rem;
      font-weight: 900;
      letter-spacing: 0.08em;
      white-space: nowrap;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-step-card-title {
font-size: 1rem;
      font-weight: 900;
      color: var(--text-main);
      letter-spacing: 0.02em;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-step-card-body {
padding: 16px;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-step-card-body > :last-child,
.grade3-lesson[data-textbook-unit="340"] .advanced-step-card-body .lesson-subsection:last-child {
margin-bottom: 0;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-step-card.is-section-card {
border: 1px solid #94A3B8;
      border-radius: 8px;
      background: #fff;
      box-shadow: none;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-step-card.is-section-card + .advanced-step-card.is-section-card {
margin-top: 16px;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-step-card.is-section-card .advanced-step-card-header {
padding: 12px 16px;
      border-bottom: 1px solid #94A3B8;
      background: #F1F5F9;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-step-card.is-section-card .advanced-step-card-badge {
min-width: 48px;
      padding: 2px 8px;
      border: none;
      border-radius: 5px;
      background: #94A3B8;
      color: #fff;
      font-size: 0.75rem;
      letter-spacing: 0.02em;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-step-card.is-section-card .advanced-step-card-title {
font-size: 0.95rem;
      font-weight: 700;
      color: var(--text-body);
}

.grade3-lesson[data-textbook-unit="340"] .advanced-step-card.is-section-card .advanced-step-card-body {
padding: 12px 20px 20px;
      background: #fff;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-step-card.is-section-card.is-expense {
border-color: var(--warn-border);
}

.grade3-lesson[data-textbook-unit="340"] .advanced-step-card.is-section-card.is-expense .advanced-step-card-header {
border-bottom-color: var(--warn-border);
      background: var(--warn-bg);
}

.grade3-lesson[data-textbook-unit="340"] .advanced-step-card.is-section-card.is-expense .advanced-step-card-badge {
background: var(--note-warn);
}

.grade3-lesson[data-textbook-unit="340"] .advanced-step-card.is-section-card.is-expense .advanced-step-card-title {
color: var(--note-warn);
}

.grade3-lesson[data-textbook-unit="340"] .advanced-step-card.is-section-card.is-revenue {
border-color: var(--primary-border);
}

.grade3-lesson[data-textbook-unit="340"] .advanced-step-card.is-section-card.is-revenue .advanced-step-card-header {
border-bottom-color: var(--primary-border);
      background: var(--primary-light);
}

.grade3-lesson[data-textbook-unit="340"] .advanced-step-card.is-section-card.is-revenue .advanced-step-card-badge {
background: var(--primary);
}

.grade3-lesson[data-textbook-unit="340"] .advanced-step-card.is-section-card.is-revenue .advanced-step-card-title {
color: var(--primary);
}

.grade3-lesson[data-textbook-unit="340"] .lesson-subsection {
margin-bottom: 18px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-subsection:last-child {
margin-bottom: 0;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-subtitle {
display: inline-flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 10px;
      font-size: 0.88rem;
      font-weight: 900;
      letter-spacing: 0.04em;
      color: var(--text-main);
}

.grade3-lesson[data-textbook-unit="340"] .lesson-subtitle::before {
content: "";
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: #94A3B8;
      flex: 0 0 auto;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-text {
margin: 0;
      font-size: 0.93rem;
      line-height: 1.9;
      color: var(--text-body);
      font-weight: 700;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-text + .lesson-text {
margin-top: 10px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-text-tight + .lesson-text-tight {
margin-top: 6px;
}

.grade3-lesson[data-textbook-unit="340"] .period-view-note {
margin: 0 0 12px;
      font-size: 0.92rem;
      line-height: 1.85;
      color: var(--text-body);
      font-weight: 700;
}

.grade3-lesson[data-textbook-unit="340"] .period-view-board {
display: grid;
      gap: 14px;
      margin-top: 8px;
}

.grade3-lesson[data-textbook-unit="340"] .period-view-block {
padding: 12px 14px;
      border: 1px solid #DCE5F1;
      border-radius: 10px;
      background: #F8FAFC;
}

.grade3-lesson[data-textbook-unit="340"] .period-view-title {
margin: 0 0 8px;
      font-size: 0.95rem;
      line-height: 1.6;
      color: var(--text-main);
      font-weight: 900;
}

.grade3-lesson[data-textbook-unit="340"] .period-view-line {
margin: 0;
      font-size: 0.93rem;
      line-height: 1.85;
      color: var(--text-body);
      font-weight: 800;
}

.grade3-lesson[data-textbook-unit="340"] .period-view-line + .period-view-line {
margin-top: 4px;
}

.grade3-lesson[data-textbook-unit="340"] .period-view-indent {
display: inline-block;
      width: 74px;
}

.grade3-lesson[data-textbook-unit="340"] .period-view-equations {
display: grid;
      gap: 4px;
}

.grade3-lesson[data-textbook-unit="340"] .period-view-equation-row {
display: grid;
      grid-template-columns: 90px max-content 18px max-content;
      gap: 6px;
      align-items: baseline;
      font-size: 0.93rem;
      line-height: 1.85;
      color: var(--text-body);
      font-weight: 800;
}

.grade3-lesson[data-textbook-unit="340"] .period-view-equation-label {
white-space: nowrap;
}

.grade3-lesson[data-textbook-unit="340"] .period-view-equation-label.is-blank {
visibility: hidden;
}

.grade3-lesson[data-textbook-unit="340"] .period-view-equation-left,
.grade3-lesson[data-textbook-unit="340"] .period-view-equation-right,
.grade3-lesson[data-textbook-unit="340"] .period-view-equation-eq {
white-space: nowrap;
}

@media (max-width: 760px) {
.grade3-lesson[data-textbook-unit="340"] .period-view-equation-row {
grid-template-columns: 1fr;
        gap: 2px;
}

.grade3-lesson[data-textbook-unit="340"] .period-view-equation-label.is-blank,
.grade3-lesson[data-textbook-unit="340"] .period-view-equation-eq {
display: none;
}
}

@container textbook (max-width: 760px) {
.grade3-lesson[data-textbook-unit="340"] .period-view-equation-row {
grid-template-columns: 1fr;
        gap: 2px;
}

.grade3-lesson[data-textbook-unit="340"] .period-view-equation-label.is-blank,
.grade3-lesson[data-textbook-unit="340"] .period-view-equation-eq {
display: none;
}
}

.grade3-lesson[data-textbook-unit="340"] .period-view-equations {
display: grid;
      gap: 4px;
}

.grade3-lesson[data-textbook-unit="340"] .period-view-equation-row {
display: grid;
      grid-template-columns: 88px max-content 20px max-content;
      gap: 6px;
      align-items: baseline;
      font-size: 0.93rem;
      line-height: 1.85;
      color: var(--text-body);
      font-weight: 800;
}

.grade3-lesson[data-textbook-unit="340"] .period-view-equation-label {
white-space: nowrap;
}

.grade3-lesson[data-textbook-unit="340"] .period-view-equation-label.is-blank {
visibility: hidden;
}

.grade3-lesson[data-textbook-unit="340"] .period-view-equation-left,
.grade3-lesson[data-textbook-unit="340"] .period-view-equation-right,
.grade3-lesson[data-textbook-unit="340"] .period-view-equation-eq {
white-space: nowrap;
}

@media (max-width: 760px) {
.grade3-lesson[data-textbook-unit="340"] .period-view-equation-row {
grid-template-columns: 1fr;
        gap: 2px;
}

.grade3-lesson[data-textbook-unit="340"] .period-view-equation-label.is-blank,
.grade3-lesson[data-textbook-unit="340"] .period-view-equation-eq {
display: none;
}
}

@container textbook (max-width: 760px) {
.grade3-lesson[data-textbook-unit="340"] .period-view-equation-row {
grid-template-columns: 1fr;
        gap: 2px;
}

.grade3-lesson[data-textbook-unit="340"] .period-view-equation-label.is-blank,
.grade3-lesson[data-textbook-unit="340"] .period-view-equation-eq {
display: none;
}
}

.grade3-lesson[data-textbook-unit="340"] .lesson-calc-board {
margin: 12px 0 10px;
      border: 1px solid #DCE5F1;
      border-radius: 10px;
      background: #F8FAFC;
      overflow: hidden;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-calc-row {
display: grid;
      grid-template-columns: 88px 1fr;
      gap: 14px;
      align-items: start;
      padding: 12px 14px;
      border-bottom: 1px dashed #CBD5E1;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-calc-row:last-child {
border-bottom: none;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-calc-label {
display: inline-flex;
      align-items: center;
      justify-content: center;
      width: fit-content;
      min-width: 68px;
      padding: 4px 10px;
      border-radius: 999px;
      background: #fff;
      border: 1px solid #D6DEE9;
      color: var(--text-sub);
      font-size: 0.76rem;
      font-weight: 900;
      letter-spacing: 0.06em;
      white-space: nowrap;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-calc-formula {
margin: 0;
      font-size: 0.93rem;
      line-height: 1.8;
      color: var(--text-main);
      font-weight: 800;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-formula {
font-family: 'Roboto Mono', monospace;
      font-weight: 800;
}

.grade3-lesson[data-textbook-unit="340"] .structure-map-cards {
display: grid;
      grid-template-columns: 1fr;
      gap: 14px;
      margin-bottom: 24px;
}

.grade3-lesson[data-textbook-unit="340"] .structure-map-title {
display: block;
      margin-bottom: 12px;
      font-size: 1.08rem;
      line-height: 1.6;
      font-weight: 900;
      text-align: center;
}

.grade3-lesson[data-textbook-unit="340"] .structure-map-text {
margin: 0 0 8px;
      font-size: 0.94rem;
      line-height: 1.8;
      color: var(--text-body);
      font-weight: 700;
}

.grade3-lesson[data-textbook-unit="340"] .structure-map-text:last-child {
margin-bottom: 0;
}

.grade3-lesson[data-textbook-unit="340"] .mobile-table-scroll {
max-width: 100%;
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      scrollbar-gutter: stable;
      padding-bottom: 8px;
}

.grade3-lesson[data-textbook-unit="340"] .mobile-table-scroll .comparison-table {
width: 100%;
      max-width: none;
      table-layout: auto;
}

.grade3-lesson[data-textbook-unit="340"] .pattern-table-scroll .comparison-table {
min-width: 860px;
}

.grade3-lesson[data-textbook-unit="340"] .summary-table-scroll .comparison-table {
min-width: 680px;
}

.grade3-lesson[data-textbook-unit="340"] .mobile-table-scroll .comparison-table th,
.grade3-lesson[data-textbook-unit="340"] .mobile-table-scroll .comparison-table td {
vertical-align: middle;
      word-break: keep-all;
}

.grade3-lesson[data-textbook-unit="340"] .pattern-journal-cell {
border-right: none;
      font-weight: 600;
      min-width: 220px;
}

.grade3-lesson[data-textbook-unit="340"] .pattern-account-desc {
display: block;
      margin-top: 4px;
      font-size: 0.78rem;
      line-height: 1.55;
      color: var(--text-sub);
      font-weight: 800;
}

.grade3-lesson[data-textbook-unit="340"] .pattern-journal-cell .journal-grid {
--journal-col-gap: 12px;
      --journal-group-gap: 4px;
      --journal-paren-pad: 0.9em;
      margin: 0;
      padding: 2px 0 11px;
      justify-content: flex-start;
      row-gap: 4px;
      color: var(--text-main);
}

.grade3-lesson[data-textbook-unit="340"] .pattern-journal-cell .journal-account,
.grade3-lesson[data-textbook-unit="340"] .pattern-journal-cell .journal-amount {
font-family: "Noto Sans JP", "Inter", sans-serif;
      font-size: 0.88rem;
      font-weight: 700;
      line-height: 1.5;
}

.grade3-lesson[data-textbook-unit="340"] .pattern-journal-cell .journal-amount {
color: var(--text-main);
}

.grade3-lesson[data-textbook-unit="340"] .pattern-journal-cell .account-stack span.attr {
font-size: 0.68em;
      color: var(--text-sub);
      font-weight: 800;
      padding-top: 2px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-answer-box {
margin-bottom: 0;
      padding: 12px;
      border: 1px dashed var(--border);
      border-radius: 8px;
      background: #fff;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-answer-box .journal-grid {
margin-bottom: 0;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-process-board {
margin: 12px 0 14px;
      border: 1px solid #DCE5F1;
      border-radius: 10px;
      background: #F8FAFC;
      overflow: hidden;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-process-row {
display: grid;
      grid-template-columns: 136px 1fr;
      gap: 14px;
      align-items: start;
      padding: 14px;
      border-bottom: 1px dashed #CBD5E1;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-process-row:last-child {
border-bottom: none;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-process-label {
display: inline-flex;
      align-items: center;
      justify-content: center;
      width: fit-content;
      min-width: 104px;
      padding: 5px 12px;
      border-radius: 999px;
      background: #fff;
      border: 1px solid #D6DEE9;
      color: var(--text-sub);
      font-size: 0.76rem;
      font-weight: 900;
      letter-spacing: 0.04em;
      white-space: nowrap;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-process-content {
min-width: 0;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-process-content .journal-grid {
margin-bottom: 0;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-process-caption {
margin: 8px 0 0;
      font-size: 0.84rem;
      line-height: 1.7;
      color: var(--text-sub);
      font-weight: 700;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-process-explain-card {
margin-top: 12px;
      padding: 12px 14px;
      border: 1px solid #DCE5F1;
      border-radius: 8px;
      background: #FFFFFF;
      box-shadow: 0 2px 4px rgba(15, 23, 42, 0.03);
}

.grade3-lesson[data-textbook-unit="340"] .lesson-process-explain-card .lesson-process-caption {
margin: 0;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-process-compact-points {
display: grid;
      gap: 0;
      margin-top: 6px;
      padding: 4px 9px;
      border: 1px solid #DCE5F1;
      border-radius: 8px;
      background: #FFFFFF;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-process-compact-point {
display: grid;
      grid-template-columns: max-content minmax(0, 1fr);
      column-gap: 6px;
      align-items: start;
      margin: 0;
      padding-top: 0;
      border-top: 0;
      color: var(--text-sub);
      font-size: 0.82rem;
      line-height: 1.28;
      font-weight: 700;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-process-compact-point:first-child {
padding-top: 0;
      border-top: 0;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-process-compact-label {
color: var(--text-main);
      font-weight: 900;
      white-space: nowrap;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-process-result {
margin-top: 14px;
      padding: 12px 14px;
      border: 1px solid #DCE5F1;
      border-radius: 8px;
      background: #FFFFFF;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-process-result-label {
display: block;
      margin: 0 0 10px;
      padding-bottom: 10px;
      border-bottom: 1px dashed #CBD5E1;
      color: var(--text-main);
      font-size: 0.88rem;
      line-height: 1.6;
      font-weight: 900;
      white-space: normal;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-process-result-content {
min-width: 0;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-process-result-content .lesson-calc-formula {
margin: 0;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-exercise .lesson-calc-board,
.grade3-lesson[data-textbook-unit="340"] .advanced-exercise .lesson-process-board {
margin: 10px 0 0;
      border: none;
      border-radius: 0;
      background: transparent;
      overflow: visible;
      box-shadow: none;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-exercise .lesson-calc-row,
.grade3-lesson[data-textbook-unit="340"] .advanced-exercise .lesson-process-row {
padding: 10px 0;
      border-bottom: 1px dashed #CBD5E1;
      background: transparent;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-exercise .lesson-calc-row:last-child,
.grade3-lesson[data-textbook-unit="340"] .advanced-exercise .lesson-process-row:last-child {
border-bottom: none;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-exercise .lesson-calc-label,
.grade3-lesson[data-textbook-unit="340"] .advanced-exercise .lesson-process-label {
min-width: 0;
      padding: 0;
      border: none;
      border-radius: 0;
      background: transparent;
      color: var(--text-main);
      font-size: 0.92rem;
      letter-spacing: 0;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-exercise .lesson-calc-row {
grid-template-columns: 110px 1fr;
      gap: 18px;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-exercise .lesson-process-row {
grid-template-columns: 76px 1fr;
      gap: 18px;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-exercise .lesson-process-period {
display: grid;
      gap: 0;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-exercise .lesson-process-period + .lesson-process-period {
margin-top: 18px;
      padding-top: 14px;
      border-top: 2px solid #CBD5E1;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-exercise .lesson-process-period-title {
display: inline-flex;
      align-items: center;
      width: fit-content;
      margin: 0 0 8px;
      padding: 4px 10px;
      border-radius: 999px;
      background: #F1F5F9;
      color: #475569;
      font-size: 0.78rem;
      font-weight: 900;
      letter-spacing: 0.06em;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-exercise .example-part:first-of-type .lesson-calc-formula,
.grade3-lesson[data-textbook-unit="340"] .advanced-exercise .lesson-process-content .journal-grid,
.grade3-lesson[data-textbook-unit="340"] .advanced-exercise .lesson-calc-formula {
margin: 0;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-exercise .lesson-answer-box .lesson-subsection + .lesson-subsection {
margin-top: 14px;
      padding-top: 8px;
      border-top: 1px solid #E2E8F0;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-exercise .lesson-answer-box {
display: grid;
      gap: 18px;
      padding: 14px 18px 16px;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-answer-section {
display: grid;
      gap: 12px;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-answer-heading {
display: grid;
      grid-template-columns: 86px 1fr;
      gap: 16px;
      align-items: baseline;
      padding: 10px 14px;
      border: 1px solid #D6DEE9;
      border-left: 5px solid #94A3B8;
      border-radius: 10px;
      background: linear-gradient(180deg, #F8FAFC 0%, #FFFFFF 100%);
}

.grade3-lesson[data-textbook-unit="340"] .advanced-answer-number {
font-size: 1.02rem;
      font-weight: 900;
      color: var(--text-main);
      white-space: nowrap;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-answer-title {
font-size: 1rem;
      font-weight: 900;
      color: var(--text-main);
      line-height: 1.6;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-answer-grid {
display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px 28px;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-answer-panel {
display: grid;
      gap: 8px;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-answer-panel-title {
margin: 0;
      font-size: 0.88rem;
      font-weight: 900;
      color: #475569;
      letter-spacing: 0.04em;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-answer-table {
width: 100%;
      border-collapse: collapse;
      border: 1px solid #D6DEE9;
      border-radius: 10px;
      overflow: hidden;
      background: #fff;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-answer-table th,
.grade3-lesson[data-textbook-unit="340"] .advanced-answer-table td {
padding: 12px 14px;
      border-bottom: 1px dashed #CBD5E1;
      text-align: left;
      font-size: 0.94rem;
      line-height: 1.6;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-answer-table tr:last-child th,
.grade3-lesson[data-textbook-unit="340"] .advanced-answer-table tr:last-child td {
border-bottom: none;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-answer-table thead th {
background: #F8FAFC;
      font-size: 0.88rem;
      font-weight: 900;
      color: #475569;
      white-space: nowrap;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-answer-table tbody th {
width: 132px;
      font-weight: 800;
      color: var(--text-main);
      background: #FFFFFF;
      white-space: nowrap;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-answer-table td {
font-weight: 900;
      color: var(--text-main);
      white-space: nowrap;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-answer-note {
margin: 8px 0 0;
      font-size: 0.88rem;
      line-height: 1.8;
      color: #475569;
      font-weight: 700;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-answer-prose {
display: grid;
      gap: 16px;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-answer-prose-block {
display: grid;
      gap: 6px;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-answer-prose-line {
display: grid;
      grid-template-columns: 84px 140px 1fr;
      gap: 14px;
      align-items: baseline;
      margin: 0;
      font-size: 0.98rem;
      line-height: 1.8;
      color: var(--text-main);
      font-weight: 800;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-answer-prose-label {
font-weight: 900;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-answer-prose-label.is-blank {
visibility: hidden;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-answer-prose-item {
font-weight: 800;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-answer-prose-amount {
font-family: 'Roboto Mono', monospace;
      font-weight: 900;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-answer-list {
margin: 0;
      border-top: 1px solid #E2E8F0;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-answer-list > div {
display: grid;
      grid-template-columns: 1fr auto;
      gap: 16px;
      align-items: baseline;
      padding: 9px 0;
      border-bottom: 1px dashed #CBD5E1;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-answer-list > div:last-child {
border-bottom: none;
      padding-bottom: 0;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-answer-list dt,
.grade3-lesson[data-textbook-unit="340"] .advanced-answer-list dd {
margin: 0;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-answer-list dt {
font-size: 0.95rem;
      font-weight: 800;
      color: var(--text-main);
}

.grade3-lesson[data-textbook-unit="340"] .advanced-answer-list dd {
font-size: 0.98rem;
      font-weight: 900;
      color: var(--text-main);
      white-space: nowrap;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-answer-journals {
display: grid;
      gap: 10px;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-answer-journal-item {
display: grid;
      grid-template-columns: 92px 1fr;
      gap: 18px;
      align-items: start;
      padding-bottom: 10px;
      border-bottom: 1px dashed #CBD5E1;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-answer-journal-item:last-child {
padding-bottom: 0;
      border-bottom: none;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-answer-journal-date {
font-size: 0.94rem;
      font-weight: 900;
      color: var(--text-main);
      white-space: nowrap;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-answer-journal-item .journal-grid {
margin: 0;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-answer-journal-group {
display: grid;
      gap: 8px;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-answer-journal-subtitle {
margin: 0;
      font-size: 0.87rem;
      font-weight: 900;
      color: #475569;
      letter-spacing: 0.04em;
}

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

.grade3-lesson[data-textbook-unit="340"] .advanced-answer-heading,
.grade3-lesson[data-textbook-unit="340"] .advanced-answer-journal-item {
grid-template-columns: 1fr;
        gap: 8px;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-answer-prose-line {
grid-template-columns: 72px 1fr;
        gap: 6px 12px;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-answer-prose-amount {
grid-column: 2;
}
}

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

.grade3-lesson[data-textbook-unit="340"] .advanced-answer-heading,
.grade3-lesson[data-textbook-unit="340"] .advanced-answer-journal-item {
grid-template-columns: 1fr;
        gap: 8px;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-answer-prose-line {
grid-template-columns: 72px 1fr;
        gap: 6px 12px;
}

.grade3-lesson[data-textbook-unit="340"] .advanced-answer-prose-amount {
grid-column: 2;
}
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board {
margin-top: 16px;
      padding: 16px;
      border: 1px solid #DCE5F1;
      border-radius: 10px;
      background: #F8FAFC;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-stages {
display: grid;
      grid-template-columns: minmax(0, 1fr) 40px minmax(0, 1fr);
      gap: 16px;
      align-items: center;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-stages.is-three {
grid-template-columns: minmax(320px, 1fr) 36px minmax(320px, 1fr) 36px minmax(320px, 1fr);
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-scroll {
overflow: visible;
      padding-bottom: 0;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-scroll .lesson-t-board {
width: 100%;
      min-width: 0;
      margin-top: 0;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-arrow {
display: flex;
      align-items: center;
      justify-content: center;
      color: #64748B;
      font-size: 1.2rem;
      font-weight: 900;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-stage {
padding: 14px;
      border: 1px solid #D6DEE9;
      border-radius: 10px;
      background: #fff;
      box-shadow: 0 2px 4px rgba(0,0,0,0.03);
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-stage-title {
margin-bottom: 12px;
      text-align: center;
      font-size: 0.9rem;
      font-weight: 900;
      color: var(--text-main);
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-grid {
display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-account {
padding: 12px;
      border: 1px solid #E2E8F0;
      border-radius: 8px;
      background: #fff;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-account-title {
margin-bottom: 10px;
      text-align: center;
      font-size: 0.88rem;
      font-weight: 900;
      color: var(--text-main);
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-shape {
position: relative;
      height: 18px;
      margin-bottom: 10px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-shape::before {
content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 50%;
      width: 2px;
      background: #475569;
      transform: translateX(-50%);
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-shape::after {
content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 2px;
      background: #475569;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-columns {
display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      min-height: 74px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-column {
font-size: 0.84rem;
      line-height: 1.7;
      color: var(--text-body);
      font-weight: 700;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-column-title {
display: block;
      margin-bottom: 6px;
      font-size: 0.72rem;
      font-weight: 900;
      letter-spacing: 0.08em;
      color: var(--text-sub);
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-entry {
display: flex;
      justify-content: space-between;
      gap: 8px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-empty {
color: #94A3B8;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-balance {
margin-top: 10px;
      padding-top: 10px;
      border-top: 1px dashed #CBD5E1;
      font-size: 0.84rem;
      line-height: 1.7;
      color: var(--text-main);
      font-weight: 800;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-note {
margin-top: 12px;
      font-size: 0.84rem;
      line-height: 1.7;
      color: var(--text-sub);
      font-weight: 700;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-step-heading {
display: flex;
      align-items: center;
      gap: 10px;
      margin: 18px 0 12px;
      padding: 10px 12px;
      border: 1px solid #BFDBFE;
      border-left: 5px solid var(--primary);
      border-radius: 8px;
      background: #EFF6FF;
      color: var(--primary);
      font-size: 0.96rem;
      font-weight: 800;
      line-height: 1.5;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-step-heading:first-child {
margin-top: 0;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-step-badge {
display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 58px;
      padding: 4px 9px;
      border-radius: 999px;
      background: var(--primary);
      color: #fff;
      font-size: 0.76rem;
      font-weight: 800;
      line-height: 1;
      white-space: nowrap;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-generated-steps {
display: grid;
      gap: 12px;
      margin-top: 12px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-source-steps {
display: none !important;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-step-toggle .section-summary {
padding: 12px 14px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-step-toggle .section-inner {
padding: 16px;
      background: #fff;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .taccount-quick-item {
margin: 0;
      padding: 10px 9px;
      overflow: visible;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .taccount {
width: 100%;
      min-width: 0;
      gap: 6px;
      --kanjo-home-extra-height: 0px;
      --taccount-min-height: 28px;
      --taccount-date-width: 2.8em;
      --taccount-cause-width: 0;
      --taccount-amount-width: minmax(3.9em, 1fr);
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .taccount-name {
font-size: 0.82rem;
      line-height: 1.35;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .taccount-side {
min-width: 0;
      overflow: visible;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .taccount-entry {
min-width: 0;
      box-sizing: border-box;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .taccount-side.is-empty {
border-top: 2px solid var(--taccount-border);
      border-bottom: 0;
      background: transparent;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .taccount-quick-item .taccount-side.is-home:not(.is-empty) {
background: #DBEAFE;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .taccount-quick-item .taccount.is-liability .taccount-side.is-home:not(.is-empty) {
background: #FEF2F2;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .taccount-row {
display: grid;
      grid-template-columns: var(--taccount-date-width) var(--taccount-amount-width);
      gap: 4px;
      padding: 0 7px;
      min-width: 0;
      align-items: center;
      box-sizing: border-box;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .taccount-table {
overflow: visible;
      border-radius: 0;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .taccount-table:not(:has(.taccount-quick-diff)):has(.taccount-side.is-home:not(.is-empty))::before {
content: "}";
      position: absolute;
      z-index: 4;
      top: var(--auto-diff-top, var(--quick-away-height, 48px));
      left: calc(50% - 1px);
      width: 20px;
      height: var(--auto-diff-height, calc(var(--quick-home-height, 84px) - var(--quick-away-height, 48px)));
      transform: translateX(-50%);
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: visible;
      pointer-events: none;
      color: #475569;
      font-family: "Courier New", "Consolas", "SFMono-Regular", monospace;
      font-size: var(--auto-diff-brace-size, max(calc(var(--auto-diff-height, 36px) + 12px), 44px));
      font-weight: 400;
      line-height: 1;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .taccount:has(.taccount-side.is-empty) .taccount-table:not(:has(.taccount-quick-diff)) {
--auto-diff-top: 0px;
      --auto-diff-height: var(--quick-home-height, 84px);
      --auto-diff-brace-size: max(calc(var(--quick-home-height, 84px) + 12px), 44px);
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .taccount.is-liability .taccount-table:not(:has(.taccount-quick-diff)):has(.taccount-side.is-home:not(.is-empty))::before {
content: "{";
      left: calc(50% - 19px);
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .taccount[style*="--quick-home-height:84px; --quick-away-height:84px;"] .taccount-table:not(:has(.taccount-quick-diff))::before {
content: none !important;
      display: none !important;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .taccount:has(.taccount-side.is-empty) .taccount-quick-diff {
top: 0;
      height: var(--quick-home-height, 84px);
      --taccount-diff-height: var(--quick-home-height, 84px);
      --taccount-diff-brace-size: max(calc(var(--quick-home-height, 84px) + 12px), 44px);
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .taccount-date {
min-width: 0;
      font-size: 0.6rem;
      white-space: nowrap;
      text-align: left;
      overflow: hidden;
      text-overflow: clip;
      line-height: 1;
      font-variant-numeric: tabular-nums;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .taccount-cause {
display: none;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .taccount-amount {
min-width: 0;
      margin-left: 0;
      font-size: 0.7rem;
      line-height: 1;
      font-weight: 800;
      white-space: nowrap;
      text-align: right;
      font-variant-numeric: tabular-nums;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .taccount-quick-diff-label {
font-size: 0.7rem;
      width: 6.8em;
      white-space: normal;
      line-height: 1.12;
      background: rgba(255, 255, 255, 0.88);
      border-radius: 4px;
      padding: 1px 3px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .taccount-quick-diff.is-left .taccount-quick-diff-label {
left: 36px !important;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .taccount-quick-diff.is-right .taccount-quick-diff-label {
right: 50px !important;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .taccount-quick-diff-brace {
top: 0 !important;
      height: 100% !important;
      transform: translateX(-50%) !important;
      width: 24px;
      font-size: 0 !important;
      line-height: 1;
      overflow: visible;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .taccount-quick-diff.is-left .taccount-quick-diff-brace {
left: 13px !important;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .taccount-quick-diff.is-right .taccount-quick-diff-brace {
left: -13px !important;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .taccount-quick-diff-brace::before {
content: "" !important;
      position: absolute;
      inset: 0;
      display: block;
      background: center / 100% 100% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 100' preserveAspectRatio='none'%3E%3Cpath d='M4 3 C18 3 20 13 20 25 L20 38 C20 46 23 48 23 50 C23 52 20 54 20 62 L20 75 C20 87 18 97 4 97' fill='none' stroke='%23475569' stroke-width='4.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .taccount-quick-diff.is-right .taccount-quick-diff-brace::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 100' preserveAspectRatio='none'%3E%3Cpath d='M20 3 C6 3 4 13 4 25 L4 38 C4 46 1 48 1 50 C1 52 4 54 4 62 L4 75 C4 87 6 97 20 97' fill='none' stroke='%23475569' stroke-width='4.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .taccount-quick-diff-brace::after {
content: none !important;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .taccount-quick-diff-label .balance-word,
.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .taccount-quick-diff-label .balance-amount {
display: block;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .taccount-quick-diff-label .balance-amount {
font-variant-numeric: tabular-nums;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-timeline-box {
padding: 16px 14px 12px;
      background: #FBFCFE;
      border: 1px solid #DCE5F1;
      border-radius: 10px;
      margin-bottom: 16px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-timeline-box svg {
display: block;
      width: 100%;
      height: auto;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-timeline-note {
margin: 10px 0 0;
      text-align: center;
      font-size: 0.84rem;
      line-height: 1.6;
      color: var(--text-sub);
      font-weight: 700;
}

@media (max-width: 640px) {
.grade3-lesson[data-textbook-unit="340"] .lesson-brief-row {
grid-template-columns: 1fr;
        gap: 10px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-calc-row {
grid-template-columns: 1fr;
        gap: 8px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-process-row {
grid-template-columns: 1fr;
        gap: 8px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-process-result {
grid-template-columns: 1fr;
        gap: 8px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-stages {
grid-template-columns: 1fr;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-arrow {
transform: rotate(90deg);
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-grid {
grid-template-columns: 1fr;
}
}

@container textbook (max-width: 640px) {
.grade3-lesson[data-textbook-unit="340"] .lesson-brief-row {
grid-template-columns: 1fr;
        gap: 10px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-calc-row {
grid-template-columns: 1fr;
        gap: 8px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-process-row {
grid-template-columns: 1fr;
        gap: 8px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-process-result {
grid-template-columns: 1fr;
        gap: 8px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-stages {
grid-template-columns: 1fr;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-arrow {
transform: rotate(90deg);
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-grid {
grid-template-columns: 1fr;
}
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 {
overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      scrollbar-gutter: stable;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .lesson-t-stages {
grid-template-columns: minmax(430px, 1fr) 40px minmax(430px, 1fr);
      min-width: 930px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .lesson-t-note {
min-width: 930px;
      text-align: right;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .lesson-t-stages.is-three {
grid-template-columns: minmax(430px, 1fr) 40px minmax(430px, 1fr) 40px minmax(430px, 1fr);
      min-width: 1370px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定:has(.lesson-t-stages.is-three) .lesson-t-note {
min-width: 1370px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .lesson-t-arrow {
transform: none;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .lesson-t-grid {
grid-template-columns: repeat(2, minmax(190px, 1fr));
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .taccount-quick-item {
min-width: 190px;
      overflow: visible;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .taccount {
min-width: 172px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .taccount-side,
.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .taccount-entry,
.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .taccount-table {
overflow: visible;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .taccount-row {
gap: 4px;
      padding: 0 7px;
      white-space: nowrap;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .taccount-date {
flex-basis: 0;
      min-width: 0;
      font-size: 0.6rem;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .taccount-amount {
font-size: 0.7rem;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定.is-next-period-flow .lesson-t-stages.is-three {
grid-template-columns: minmax(500px, 1fr) 40px minmax(500px, 1fr) 40px minmax(500px, 1fr);
      min-width: 1580px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定.is-next-period-flow .lesson-t-note {
min-width: 1580px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定.is-next-period-flow .lesson-t-grid {
grid-template-columns: repeat(2, minmax(225px, 1fr));
      gap: 14px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定.is-next-period-flow .taccount-quick-item {
min-width: 225px;
      padding: 10px 8px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定.is-next-period-flow .taccount {
min-width: 206px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定.is-next-period-flow .taccount-side {
display: flex;
      flex-direction: column;
      justify-content: flex-start;
      box-sizing: border-box;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定.is-next-period-flow .taccount-entry {
gap: 6px;
      width: 100%;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定.is-next-period-flow .taccount-row {
display: grid;
      grid-template-columns: var(--taccount-date-width) var(--taccount-amount-width);
      gap: 4px;
      align-items: center;
      padding: 0 7px;
      width: 100%;
      box-sizing: border-box;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定.is-next-period-flow .taccount-date {
flex: none;
      min-width: 0;
      font-size: 0.58rem;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定.is-next-period-flow .taccount-amount {
flex: none;
      min-width: 0;
      margin-left: 0;
      font-size: 0.7rem;
      text-align: right;
}

@media (max-width: 640px) {
.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 {
padding: 8px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .lesson-t-stages {
grid-template-columns: minmax(430px, 1fr) 24px minmax(430px, 1fr);
        gap: 8px;
        min-width: 900px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .lesson-t-note {
min-width: 900px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .lesson-t-stages.is-three {
grid-template-columns: minmax(430px, 1fr) 24px minmax(430px, 1fr) 24px minmax(430px, 1fr);
        gap: 8px;
        min-width: 1370px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .lesson-t-arrow {
font-size: 1rem;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .lesson-t-stage {
padding: 8px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .lesson-t-stage-title {
margin-bottom: 8px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .lesson-t-grid {
gap: 6px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定.is-next-period-flow .lesson-t-stages.is-three {
grid-template-columns: minmax(500px, 1fr) 24px minmax(500px, 1fr) 24px minmax(500px, 1fr);
        gap: 8px;
        min-width: 1580px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定.is-next-period-flow .lesson-t-grid {
gap: 8px;
}
}

@container textbook (max-width: 640px) {
.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 {
padding: 8px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .lesson-t-stages {
grid-template-columns: minmax(430px, 1fr) 24px minmax(430px, 1fr);
        gap: 8px;
        min-width: 900px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .lesson-t-note {
min-width: 900px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .lesson-t-stages.is-three {
grid-template-columns: minmax(430px, 1fr) 24px minmax(430px, 1fr) 24px minmax(430px, 1fr);
        gap: 8px;
        min-width: 1370px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .lesson-t-arrow {
font-size: 1rem;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .lesson-t-stage {
padding: 8px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .lesson-t-stage-title {
margin-bottom: 8px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定 .lesson-t-grid {
gap: 6px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定.is-next-period-flow .lesson-t-stages.is-three {
grid-template-columns: minmax(500px, 1fr) 24px minmax(500px, 1fr) 24px minmax(500px, 1fr);
        gap: 8px;
        min-width: 1580px;
}

.grade3-lesson[data-textbook-unit="340"] .lesson-t-board.勘定科目紹介t字勘定.is-next-period-flow .lesson-t-grid {
gap: 8px;
}
}