.beginner-series { color: #26312c; overflow-wrap: anywhere; }
#rightbodyPan .beginner-series h1 { font-size: 30px; line-height: 1.5; }
#rightbodyPan .beginner-series h2 { clear: both; margin: 36px 0 18px; font-size: 24px; line-height: 1.55; }
#rightbodyPan .beginner-series h3 { margin: 24px 0 12px; font-size: 19px; line-height: 1.6; }
.series-lead { font-weight: 500; }
.series-jump { display: flex; flex-wrap: wrap; gap: 10px 22px; padding: 18px 0; margin: 12px 0 26px; border-block: 1px solid #cbd6cf; }
.series-jump a { padding: 5px 0; font-weight: 700; }
.series-warning { margin: 22px 0; padding: 16px 20px; border-left: 4px solid #ab4939; background: #fff1ed; }
#rightbodyPan .series-warning p { padding-bottom: 0; }
.series-product-photo { float: right; width: 160px; max-width: 40%; margin: 0 0 16px 20px; text-align: center; }
.series-product-photo img { display: block; max-width: 100%; height: auto; margin: 0 auto 10px; }
.series-product-photo figcaption, .series-wide-figure figcaption { color: #4b5951; font-size: 14px; line-height: 1.8; }
.series-wide-figure { clear: both; margin: 24px 0; }
.series-wide-figure img { display: block; width: 100%; height: auto; margin-bottom: 12px; }
#rightbodyPan .series-table { width: 100%; border-collapse: collapse; table-layout: fixed; margin: 20px 0; font-size: 15px; }
#rightbodyPan .series-table caption { display: table-caption; width: auto; padding: 0 0 10px; color: #26312c; text-align: left; font-weight: 700; line-height: 1.8; }
#rightbodyPan .series-table th, #rightbodyPan .series-table td { width: auto; padding: 13px 14px; border: 1px solid #d0dcd5; text-align: left; vertical-align: top; overflow-wrap: anywhere; line-height: 1.85; }
#rightbodyPan .series-table th { background: #edf3ee; }
#rightbodyPan .series-table tbody tr:nth-child(even) td { background: #f6f8f7; }
#rightbodyPan .series-table th:first-child { width: 30%; }
#rightbodyPan .series-flow { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0; padding: 0; margin: 22px 0; list-style: none; border-top: 2px solid #39745b; }
#rightbodyPan .series-flow li { position: static; min-width: 0; padding: 18px; border-bottom: 1px solid #d0dcd5; border-left: 3px solid #39745b; background: #f3f8f5; line-height: 1.8; }
#rightbodyPan .series-flow li:nth-child(even) { border-left-color: #377a94; background: #eff5f8; }
#rightbodyPan .series-flow li::before, #rightbodyPan .series-steps li::before { content: none; }
.series-flow strong, .series-flow span { display: block; }
#rightbodyPan .series-steps { padding-left: 1.65em; list-style: decimal outside; }
#rightbodyPan .series-steps li { position: static; padding: 0 0 16px 5px; line-height: 1.9; }
.series-checklist { clear: both; }
#rightbodyPan .series-cost { margin: 20px 0; padding: 0; }
#rightbodyPan .series-cost dt { margin: 14px 0 6px; font-weight: 700; }
#rightbodyPan .series-cost dd { margin: 0; padding: 0 0 12px 16px; border-left: 3px solid #377a94; line-height: 1.9; }
.series-state-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin: 24px 0; }
.series-state-grid > div { min-width: 0; border-top: 3px solid #377a94; padding: 14px 0 0; }
.series-state-grid strong { display: block; margin-bottom: 8px; }
.beginner-series a:focus-visible { outline: 3px solid #377a94; outline-offset: 4px; }
@media (max-width: 600px) {
  #rightbodyPan .beginner-series h1 { font-size: 26px; }
  #rightbodyPan .beginner-series h2 { font-size: 22px; }
  #rightbodyPan .series-flow, .series-state-grid { grid-template-columns: minmax(0,1fr); }
  #rightbodyPan .series-table { display: table; font-size: 14px; }
  #rightbodyPan .series-table thead { display: table-header-group; }
  #rightbodyPan .series-table tbody { display: table-row-group; }
  #rightbodyPan .series-table tr { display: table-row; }
  #rightbodyPan .series-table th, #rightbodyPan .series-table td { display: table-cell; padding: 10px 8px; }
  .series-product-photo { width: 120px; max-width: 40%; margin-left: 12px; }
}
