/* V1.3: font-only, three full-width rows: format, language, weight.
 * The legacy data-zgft-summary-layout="two-row" marker is retained solely for
 * compatibility with the native markup; it does not describe this CSS layout.
 * Loaded after the existing native card stylesheet. */
.template-summary.template-summary--font[data-zgft-summary][data-zgft-summary-layout="two-row"] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: 1.55em 1.55em 1.55em;
  gap: 0;
  align-items: start;
  width: 100%;
  min-width: 0;
  height: 4.65em;
  min-height: 4.65em;
  max-height: 4.65em;
  line-height: 1.55;
  white-space: nowrap;
  overflow: hidden;
}
.template-summary.template-summary--font[data-zgft-summary][data-zgft-summary-layout="two-row"] > span {
  display: block;
  min-width: 0;
  max-width: 100%;
  height: 1.55em;
  white-space: nowrap;
  overflow: hidden;
  overflow-wrap: normal;
  text-overflow: clip;
}
.template-summary.template-summary--font[data-zgft-summary][data-zgft-summary-layout="two-row"] > span::before { content: none; }
.template-summary.template-summary--font[data-zgft-summary][data-zgft-summary-layout="two-row"] > .zgft-summary-format {
  grid-column: 1 / -1;
  grid-row: 1;
  text-overflow: ellipsis;
}
.template-summary.template-summary--font[data-zgft-summary][data-zgft-summary-layout="two-row"] > .zgft-summary-language { grid-column: 1 / -1; grid-row: 2; }
.template-summary.template-summary--font[data-zgft-summary][data-zgft-summary-layout="two-row"] > .zgft-summary-weight { grid-column: 1 / -1; grid-row: 3; }
[data-zgft-summary-field] .zgft-summary-value,
[data-zgft-summary-field] .zgft-summary-more,
[data-zgft-summary-field] .zgft-summary-fallback {
  display: inline-block;
  vertical-align: top;
  white-space: pre;
}
[data-zgft-summary-field] [hidden] { display: none !important; }

/* V1.3.1: out-rank the native font-card two-row geometry (specificity 0,5,0).
 * This font-only selector is 0,6,0. Keep all three tracks inside one fixed box. */
.template-card.template-card--font > .template-summary.template-summary--font[data-zgft-summary][data-zgft-summary-layout="two-row"] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: 1.55em 1.55em 1.55em;
  gap: 0;
  height: 4.65em;
  min-height: 4.65em;
  max-height: 4.65em;
  flex: 0 0 4.65em;
  box-sizing: border-box;
  padding: 0;
  border-width: 0;
  line-height: 1.55;
}
