/* Screen design components for the M1.10 boards. Token values only (checked by check-boards.mjs).
   Logical properties throughout, so dir="rtl" alone mirrors the layout. */

.screen {
  display: flex;
  flex-direction: column;
  background: var(--color-surface-canvas);
  color: var(--color-text-primary);
  font-family: var(--font-family-system);
}
.screen .scroll { flex: 1; display: flex; flex-direction: column; gap: var(--space-stack-lg); padding: var(--space-stack-xs) var(--space-gutter-compact) var(--space-stack-lg); overflow: hidden; }
.screen .scroll.tight { gap: var(--space-stack-md); }

.screen .scroll > *, .screen .list > *, .screen .stack > * { flex-shrink: 0; }
.screen .fill { flex: 1; }
.screen .secondary { color: var(--color-text-secondary); }
.screen .accent-text { color: var(--color-text-accent); }
.screen .stack { display: flex; flex-direction: column; gap: var(--space-stack-xs); }
.screen .stack.sm { gap: var(--space-stack-2xs); }
.screen .stack.md { gap: var(--space-stack-md); }
.screen .stack.lg { gap: var(--space-stack-lg); }
.screen .inline { display: flex; align-items: center; gap: var(--space-inline-sm); flex-wrap: wrap; }
.screen .inline.nowrap { flex-wrap: nowrap; }
.screen .between { display: flex; align-items: center; justify-content: space-between; gap: var(--space-inline-sm); }
.screen .center { text-align: center; align-items: center; }
.screen .bdi { unicode-bidi: isolate; }
.screen .dev-label { font-family: var(--font-family-system); }

/* Icons: 256-unit Phosphor glyphs drawn at token sizes. */
.screen .icon { width: calc(var(--size-icon-md) * var(--text-scale)); height: calc(var(--size-icon-md) * var(--text-scale)); flex: none; fill: currentColor; }
.screen .icon.sm { width: calc(var(--size-icon-sm) * var(--text-scale)); height: calc(var(--size-icon-sm) * var(--text-scale)); }
.screen .icon.lg { width: calc(var(--size-icon-lg) * var(--text-scale)); height: calc(var(--size-icon-lg) * var(--text-scale)); }
.screen .icon.xl { width: calc(var(--size-icon-xl) * var(--text-scale)); height: calc(var(--size-icon-xl) * var(--text-scale)); }
.screen .icon.hero { width: var(--size-icon-hero); height: var(--size-icon-hero); }
.screen .icon.muted { color: var(--color-icon-secondary); }
.screen .icon.accent { color: var(--color-icon-accent); }
[dir="rtl"] .screen .icon-mirror, .screen[dir="rtl"] .icon-mirror { transform: scaleX(-1); }

/* Headers */
.screen .header { display: flex; flex-direction: column; gap: var(--space-stack-2xs); padding: var(--space-stack-xs) var(--header-padding-inline) var(--space-stack-xs); background: var(--header-bg); }
.screen .header .bar { display: flex; align-items: center; justify-content: space-between; min-height: var(--size-touch-ios); gap: var(--space-inline-sm); }
.screen .header .bar .title { flex: 1; text-align: center; }
.screen .icon-btn { display: inline-flex; align-items: center; justify-content: center; min-width: var(--size-touch-ios); min-height: var(--size-touch-ios); color: var(--color-icon-primary); background: none; border: 0; border-radius: var(--radius-full); flex: none; }
.screen .icon-btn.accent { color: var(--color-icon-accent); }
.screen .icon-btn.filled { background: var(--color-surface-sunken); }
.screen .appbar { display: flex; align-items: center; gap: var(--space-inline-sm); min-height: var(--size-1400); padding-inline: var(--space-inline-xs) var(--space-inline-sm); background: var(--header-bg); }
.screen .appbar .title { flex: 1; }
.device.android .screen .icon-btn { min-width: var(--size-touch-android); min-height: var(--size-touch-android); }

/* Tab bar (iOS) and navigation bar (Android). iOS tab labels do not grow with text size; a long press shows the Large Content Viewer. */
.screen .tabbar { display: flex; background: var(--tab-bar-bg); border-block-start: var(--border-width-default) solid var(--tab-bar-divider); padding-block-start: var(--space-stack-2xs); }
.screen .tabbar .tab { flex: 1; display: flex; flex-direction: column; align-items: center; gap: var(--space-stack-2xs); min-height: var(--size-touch-ios); color: var(--tab-bar-inactive); }
.screen .tabbar .tab .icon { width: var(--tab-bar-icon); height: var(--tab-bar-icon); }
.screen .tabbar .tab.active { color: var(--tab-bar-active); }
.screen .tabbar .tab span { font-size: var(--tab-bar-label-size); font-weight: var(--tab-bar-label-weight); line-height: var(--tab-bar-label-line-height); }
.screen .navbar { display: flex; background: var(--nav-bar-android-bg); padding-block: var(--space-stack-xs); }
.screen .navbar .tab { flex: 1; display: flex; flex-direction: column; align-items: center; gap: var(--space-stack-2xs); color: var(--nav-bar-android-inactive); min-height: var(--size-touch-android); }
.screen .navbar .pill { display: flex; align-items: center; justify-content: center; padding: var(--space-stack-2xs) var(--space-inset-md); border-radius: var(--radius-full); }
.screen .navbar .tab.active { color: var(--nav-bar-android-active); }
.screen .navbar .tab.active .pill { background: var(--nav-bar-android-indicator); }
.screen .navbar .tab span { font-size: calc(var(--nav-bar-android-label-size) * var(--text-scale)); font-weight: var(--font-weight-semibold); line-height: var(--nav-bar-android-label-line-height); color: var(--color-text-primary); }

/* Cards and lists */
.screen .card { display: flex; flex-direction: column; gap: var(--card-gap); padding: var(--card-padding); background: var(--card-bg); border-radius: var(--card-radius); box-shadow: var(--card-elevation); }
.screen .card.active { background: var(--color-surface-accent); box-shadow: var(--card-active-elevation); }
.screen .card.flat { box-shadow: var(--elevation-0); border: var(--border-width-default) solid var(--color-border-subtle); }
.screen .section-title { color: var(--color-text-secondary); padding-inline: var(--space-inline-2xs); }
.screen .list { display: flex; flex-direction: column; background: var(--card-bg); border-radius: var(--card-radius); overflow: hidden; }
.screen .row { display: flex; align-items: center; gap: var(--list-row-gap); min-height: var(--list-row-min-height); padding: var(--list-row-padding-block) var(--list-row-padding-inline); }
.screen .row + .row { border-block-start: var(--border-width-default) solid var(--list-row-divider); }
.screen .row .grow { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--space-stack-2xs); }
.screen .row .value { color: var(--color-text-secondary); text-align: end; }
.screen .row.stacked { flex-direction: column; align-items: stretch; }
.screen .row.destructive { color: var(--color-feedback-incorrect-fg); }
.screen .row.selected { background: var(--color-surface-accent); }

/* Buttons */
.screen .btn {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--button-gap);
  min-height: var(--button-min-height); padding: var(--button-padding-block) var(--button-padding-inline);
  border-radius: var(--button-radius); border: var(--border-width-control) solid transparent;
  font-family: var(--button-label-family); font-size: calc(var(--button-label-size) * var(--text-scale));
  font-weight: var(--button-label-weight); line-height: var(--button-label-line-height); text-align: center;
}
.screen .btn.block { display: flex; width: 100%; }
.screen .btn.primary { background: var(--button-primary-bg); color: var(--button-primary-fg); }
.screen .btn.primary.pressed { background: var(--button-primary-bg-pressed); }
.screen .btn.secondary { background: var(--button-secondary-bg); color: var(--button-secondary-fg); border-color: var(--button-secondary-border); }
.screen .btn.tertiary { background: none; color: var(--button-tertiary-fg); padding-inline: var(--space-inset-sm); }
.screen .btn.destructive { background: var(--button-destructive-bg); color: var(--button-destructive-fg); }
.screen .btn.destructive-text { background: none; color: var(--color-feedback-incorrect-fg); }
.screen .btn.pro { background: var(--button-pro-bg); color: var(--button-pro-fg); }
.screen .btn.disabled { background: var(--color-surface-sunken); color: var(--color-text-disabled); }
.screen .btn.small { min-height: var(--size-control-md); padding-inline: var(--space-inset-sm); }
.screen .actions { display: flex; flex-direction: column; gap: var(--space-stack-xs); }
.screen .actions.row2 { flex-direction: row; flex-wrap: wrap; }
.screen .actions.row2 > .btn { flex: 1 1 calc(var(--size-3000) * var(--text-scale)); }
.screen .bottom-bar { display: flex; flex-direction: column; gap: var(--space-stack-xs); padding: var(--space-stack-sm) var(--space-gutter-compact) var(--space-stack-xs); background: var(--color-surface-canvas); border-block-start: var(--border-width-default) solid var(--color-border-subtle); }

/* Chips, segmented, toggles, inputs */
.screen .chips { display: flex; flex-wrap: wrap; gap: var(--space-inline-xs); }
.screen .chip {
  display: inline-flex; align-items: center; gap: var(--space-inline-2xs); min-height: var(--chip-min-height);
  padding-inline: var(--chip-padding-inline); border-radius: var(--chip-radius);
  border: var(--border-width-control) solid var(--chip-default-border); background: var(--chip-default-bg); color: var(--chip-default-fg);
  font-size: calc(var(--chip-label-size) * var(--text-scale)); font-weight: var(--font-weight-medium); line-height: var(--chip-label-line-height);
}
.screen .chip.selected { background: var(--chip-selected-bg); border-color: var(--chip-selected-border); color: var(--chip-selected-fg); font-weight: var(--font-weight-semibold); }
.screen .chip.disabled { border-color: var(--color-border-subtle); color: var(--color-text-secondary); }
.screen .segmented { display: flex; padding: var(--space-stack-2xs); gap: var(--space-stack-2xs); background: var(--segmented-track); border-radius: var(--segmented-radius); }
.screen .segmented > span {
  flex: 1; display: flex; align-items: center; justify-content: center; min-height: var(--segmented-min-height); border-radius: var(--radius-inner);
  color: var(--segmented-fg); font-size: calc(var(--segmented-label-size) * var(--text-scale)); font-weight: var(--font-weight-medium); line-height: var(--segmented-label-line-height); text-align: center; padding-inline: var(--space-inline-xs);
}
.screen .segmented > span.on { background: var(--segmented-selected-bg); color: var(--segmented-selected-fg); font-weight: var(--font-weight-semibold); }
.screen .toggle { position: relative; width: var(--toggle-width); height: var(--toggle-height); border-radius: var(--radius-full); background: var(--toggle-track-off); flex: none; }
.screen .toggle::after { content: ""; position: absolute; inset-block-start: calc((var(--toggle-height) - var(--toggle-thumb-size)) / 2); inset-inline-start: calc((var(--toggle-height) - var(--toggle-thumb-size)) / 2); width: var(--toggle-thumb-size); height: var(--toggle-thumb-size); border-radius: var(--radius-full); background: var(--toggle-thumb); }
.screen .toggle.on { background: var(--toggle-track-on); }
.screen .toggle.on::after { inset-inline-start: auto; inset-inline-end: calc((var(--toggle-height) - var(--toggle-thumb-size)) / 2); }
.screen .input {
  display: flex; align-items: center; gap: var(--space-inline-xs); min-height: var(--input-min-height); padding-inline: var(--input-padding-inline);
  background: var(--input-bg); border: var(--border-width-control) solid var(--input-border); border-radius: var(--input-radius);
  font-size: calc(var(--input-text-size) * var(--text-scale)); line-height: var(--input-text-line-height);
}
.screen .input.focused { border-color: var(--input-border-focus); border-width: var(--border-width-focus); }
.screen .input .placeholder { color: var(--input-placeholder); flex: 1; }
.screen .input .typed { flex: 1; }
.screen .focus { outline: var(--focus-ring-width) solid var(--focus-ring-color); outline-offset: var(--focus-ring-offset); }

/* Status */
.screen .banner { display: flex; align-items: flex-start; gap: var(--banner-gap); padding: var(--banner-padding); border-radius: var(--banner-radius); border: var(--border-width-default) solid; font-size: calc(var(--banner-text-size) * var(--text-scale)); line-height: var(--banner-text-line-height); }
.screen .banner .grow { flex: 1; display: flex; flex-direction: column; gap: var(--space-stack-2xs); }
.screen .banner.warning { background: var(--banner-warning-bg); border-color: var(--banner-warning-border); color: var(--banner-warning-fg); }
.screen .banner.info { background: var(--banner-info-bg); border-color: var(--banner-info-border); color: var(--banner-info-fg); }
.screen .banner.error { background: var(--banner-error-bg); border-color: var(--banner-error-border); color: var(--banner-error-fg); }
.screen .banner strong { font-weight: var(--font-weight-semibold); }
.screen .badge { display: inline-flex; align-items: center; gap: var(--space-inline-2xs); padding-inline: var(--badge-padding-inline); border-radius: var(--badge-radius); font-size: calc(var(--badge-label-size) * var(--text-scale)); font-weight: var(--font-weight-semibold); line-height: var(--badge-label-line-height); }
.screen .badge.pro { background: var(--badge-pro-bg); color: var(--badge-pro-fg); }
.screen .badge.neutral { background: var(--color-surface-sunken); color: var(--color-text-secondary); }
.screen .badge.info { background: var(--color-feedback-info-bg); color: var(--color-feedback-info-fg); }
.screen .badge.correct { background: var(--color-feedback-correct-bg); color: var(--color-feedback-correct-fg); }
.screen .pro-text { color: var(--color-pro-fg); }
.screen .progress { height: var(--progress-height); border-radius: var(--progress-radius); background: var(--progress-track); overflow: hidden; }
.screen .progress > i { display: block; height: 100%; background: var(--progress-fill); border-radius: var(--progress-radius); }
.screen .skeleton { background: var(--skeleton-bg); border-radius: var(--skeleton-radius); }
.screen .ring-skel { width: calc(var(--goal-ring-size) * var(--text-scale)); height: calc(var(--goal-ring-size) * var(--text-scale)); border-radius: var(--radius-full); flex: none; }
.screen .skel-line { height: calc(var(--size-400) * var(--text-scale)); }
.screen .skel-line.lg { height: calc(var(--size-800) * var(--text-scale)); }
.screen .empty { display: flex; flex-direction: column; align-items: center; text-align: center; gap: var(--space-stack-sm); padding: var(--space-stack-xl) var(--space-inset-md); }
.screen .empty .icon.hero { color: var(--color-icon-secondary); }

/* Learning */
.screen .stage { display: inline-flex; align-items: center; gap: var(--space-inline-2xs); color: var(--color-text-secondary); }
.screen .stage svg { width: calc(var(--stage-size) * var(--text-scale)); height: calc(var(--stage-size) * var(--text-scale)); flex: none; }
.screen .stage .track { fill: none; stroke: var(--stage-track); stroke-width: var(--border-width-150); }
.screen .stage .lit { fill: var(--stage-fill); }
.screen .stage .ring { fill: none; stroke: var(--stage-learned); stroke-width: var(--border-width-200); }
.screen .stage.learned .lit { fill: var(--stage-learned); }
.screen .goal { display: flex; align-items: center; gap: var(--space-inline-md); }
.screen .goal svg { width: calc(var(--goal-ring-size) * var(--text-scale)); height: calc(var(--goal-ring-size) * var(--text-scale)); flex: none; }
.screen .goal .track { fill: none; stroke: var(--goal-ring-track); stroke-width: var(--goal-ring-stroke); }
.screen .goal .bar { fill: none; stroke: var(--goal-ring-fill); stroke-width: var(--goal-ring-stroke); stroke-linecap: round; }
.screen .goal.complete .bar { stroke: var(--goal-ring-complete); }
.screen .goal .num { font-family: var(--goal-ring-value-family); font-size: calc(var(--goal-ring-value-size) * var(--text-scale)); font-weight: var(--goal-ring-value-weight); line-height: var(--goal-ring-value-line-height); font-variant-numeric: tabular-nums; }
.screen .term-row { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-inline-sm); }
.screen mark { background: none; color: var(--bubble-highlight); font-weight: var(--font-weight-semibold); text-decoration: underline; text-underline-offset: var(--space-stack-2xs); }
.screen .gap-token { display: inline-block; min-width: calc(var(--size-2000) * var(--text-scale)); border-block-end: var(--border-width-200) solid var(--color-border-strong); }
.screen .gap-token.filled { min-width: 0; border-color: var(--color-feedback-correct-border); color: var(--color-feedback-correct-fg); font-weight: var(--font-weight-semibold); }
.screen .option {
  display: flex; align-items: center; gap: var(--space-inline-sm); min-height: var(--quiz-option-min-height);
  padding: var(--quiz-option-padding-block) var(--quiz-option-padding-inline); border-radius: var(--quiz-option-radius);
  background: var(--quiz-option-default-bg); color: var(--quiz-option-default-fg);
  border: var(--quiz-option-default-border-width) solid var(--quiz-option-default-border);
}
.screen .option .label { flex: 1; }
.screen .option .result { display: inline-flex; align-items: center; gap: var(--space-inline-2xs); }
.screen .option.correct { background: var(--quiz-option-correct-bg); border: var(--quiz-option-correct-border-width) solid var(--quiz-option-correct-border); }
.screen .option.correct .result { color: var(--quiz-option-correct-symbol); }
.screen .option.incorrect { background: var(--quiz-option-incorrect-bg); border: var(--quiz-option-incorrect-border-width) solid var(--quiz-option-incorrect-border); }
.screen .option.incorrect .result { color: var(--quiz-option-incorrect-symbol); }
.screen .option.dimmed { background: var(--quiz-option-dimmed-bg); border: var(--quiz-option-dimmed-border-width) solid var(--quiz-option-dimmed-border); color: var(--quiz-option-dimmed-fg); }
.screen .feedback { display: flex; flex-direction: column; gap: var(--feedback-panel-gap); padding: var(--feedback-panel-padding); border-radius: var(--feedback-panel-radius); border: var(--border-width-default) solid; }
.screen .feedback.correct { background: var(--feedback-panel-correct-bg); border-color: var(--feedback-panel-correct-border); }
.screen .feedback.incorrect { background: var(--feedback-panel-incorrect-bg); border-color: var(--feedback-panel-incorrect-border); }
.screen .feedback .head { display: flex; align-items: center; gap: var(--space-inline-xs); }
.screen .feedback.correct .head { color: var(--feedback-panel-correct-title); }
.screen .feedback.incorrect .head { color: var(--feedback-panel-incorrect-title); }
.screen .flashcard { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: var(--space-stack-sm); min-height: calc(var(--flashcard-min-height) * 3); padding: var(--flashcard-padding); background: var(--flashcard-bg); border-radius: var(--flashcard-radius); box-shadow: var(--flashcard-elevation); }
.screen .divider { height: var(--border-width-default); background: var(--color-border-subtle); align-self: stretch; }
.screen .bubbles { display: flex; flex-direction: column; gap: var(--space-stack-xs); }
.screen .bubble { max-width: 85%; padding: var(--bubble-padding); border-radius: var(--bubble-radius); display: flex; flex-direction: column; gap: var(--space-stack-2xs); }
.screen .bubble.a { align-self: flex-start; background: var(--bubble-a-bg); color: var(--bubble-a-fg); border-end-start-radius: var(--radius-100); }
.screen .bubble.b { align-self: flex-end; background: var(--bubble-b-bg); color: var(--bubble-b-fg); border-end-end-radius: var(--radius-100); }
.screen .speaker-tag { color: var(--color-text-secondary); }

/* Sheets and dialogs */
.screen .overlay { position: absolute; inset: 0; background: var(--dialog-scrim); display: flex; flex-direction: column; justify-content: flex-end; }
.screen .overlay.centered { justify-content: center; padding: var(--space-gutter-regular); }
.screen .sheet { display: flex; flex-direction: column; gap: var(--space-stack-md); padding: var(--space-stack-sm) var(--space-gutter-compact) var(--space-stack-xl); background: var(--sheet-bg); border-start-start-radius: var(--sheet-radius); border-start-end-radius: var(--sheet-radius); box-shadow: var(--sheet-elevation); }
.screen .grabber { align-self: center; width: var(--size-1000); height: var(--size-100); border-radius: var(--radius-full); background: var(--color-border-strong); }
.screen .dialog { display: flex; flex-direction: column; gap: var(--space-stack-md); padding: var(--dialog-padding); background: var(--dialog-bg); border-radius: var(--dialog-radius); box-shadow: var(--dialog-elevation); }
.screen .toast { display: flex; align-items: center; gap: var(--space-inline-sm); padding: var(--space-inset-sm) var(--space-inset-md); background: var(--color-surface-inverse); color: var(--color-text-inverse); border-radius: var(--radius-control); }

/* Brand */
.screen.brand { background: var(--color-surface-brand); color: var(--color-text-on-brand); }
.screen .logo-symbol { width: var(--size-1600); height: var(--size-1600); }
.screen .logo-symbol .bubble-shape { fill: var(--color-brand-symbol); }
.screen .logo-symbol .crescent-shape { fill: var(--color-brand-moon); }
.screen.brand .logo-symbol .bubble-shape { fill: var(--color-text-on-brand); }
.screen .widget-preview { display: flex; flex-direction: column; gap: var(--space-stack-xs); padding: var(--space-inset-sm); background: var(--card-bg); border-radius: var(--radius-card); box-shadow: var(--elevation-1); }
.screen .price-total { font-size: calc(var(--typography-title-2-size) * var(--text-scale)); font-weight: var(--typography-title-2-weight); line-height: var(--typography-title-2-line-height); }
.screen .benefit { display: flex; align-items: flex-start; gap: var(--space-inline-sm); }
.screen .benefit .icon { color: var(--color-feedback-correct-fg); }
.screen .radio { width: calc(var(--size-icon-md) * var(--text-scale)); height: calc(var(--size-icon-md) * var(--text-scale)); border-radius: var(--radius-full); border: var(--border-width-200) solid var(--color-border-strong); flex: none; }
.screen .radio.on { border: calc(var(--border-width-300) * 2) solid var(--color-accent-default); }
.screen .step-dots { display: flex; gap: var(--space-inline-2xs); }
.screen .step-dots i { flex: 1; height: var(--progress-height); border-radius: var(--progress-radius); background: var(--progress-track); }
.screen .step-dots i.on { background: var(--progress-fill); }

/* Accessibility text sizes (RN: PixelRatio.getFontScale() >= 1.5, or iOS accessibility content sizes).
   Side-by-side groups stack so text gets the full width; nothing truncates. */
.screen .inline.top { align-items: flex-start; }
.screen .empty.compact { padding: var(--space-stack-xs) 0; }
.a11y-size .screen .goal, .a11y-size .screen .term-row { flex-direction: column; align-items: flex-start; }
.a11y-size .screen .between { flex-wrap: wrap; justify-content: flex-start; }
.a11y-size .screen .row { flex-wrap: wrap; }
.a11y-size .screen .row:has(> .value) { display: grid; grid-template-columns: 1fr auto; column-gap: var(--list-row-gap); row-gap: var(--space-stack-2xs); }
.a11y-size .screen .row:has(> .value) > .grow, .a11y-size .screen .row:has(> .value) > .value { grid-column: 1; text-align: start; }
.a11y-size .screen .row:has(> .value) > .icon:last-child { grid-column: 2; grid-row: 1 / span 2; }
.a11y-size .screen .option { flex-wrap: wrap; }
.a11y-size .screen .option .label { flex-basis: 100%; }
/* Short CJK terms never break inside the word; long sentences wrap normally. */
.screen .option .label, .screen .t-content-term, .screen .t-content-term-hero { word-break: keep-all; overflow-wrap: anywhere; }
.screen .links { display: flex; flex-wrap: wrap; justify-content: center; column-gap: var(--space-touch-gap); row-gap: var(--space-stack-2xs); }
.screen .links > .btn { padding-inline: var(--space-inline-2xs); font-size: calc(var(--typography-subhead-size) * var(--text-scale)); line-height: var(--typography-subhead-line-height); }
/* CJK line breaking: never break before small kana or the prolonged sound mark (kinsoku). */
.screen [lang="ja"], .screen [lang^="zh"] { line-break: strict; }

/* Wide screens (landscape, large phones): regular gutter, and one readable column capped at
   size.content.max-width and centered. 600 is the gutter breakpoint from space.gutter.regular. */
.screen { container-type: inline-size; }
@container (min-width: 600px) {
  .screen .scroll, .screen .bottom-bar, .screen .header, .screen .appbar {
    padding-inline: max(var(--space-gutter-regular), calc((100% - var(--size-content-max-width)) / 2));
  }
}