/* Shared A4 brochure styles for the 2027 corn brochure (LT and LV).
   Both language versions link this file so a layout fix lands on both. */
@font-face { font-family: 'Gilroy'; src: url('/fonts/gilroy-light.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; }
  @font-face { font-family: 'Gilroy'; src: url('/fonts/gilroy-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
  @font-face { font-family: 'Gilroy'; src: url('/fonts/gilroy-medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
  @font-face { font-family: 'Gilroy'; src: url('/fonts/gilroy-semibold.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
  @font-face { font-family: 'Gilroy'; src: url('/fonts/gilroy-bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
  @font-face { font-family: 'Gilroy'; src: url('/fonts/gilroy-extrabold.woff2') format('woff2'); font-weight: 800; font-style: normal; font-display: swap; }
  @font-face { font-family: 'Gilroy'; src: url('/fonts/gilroy-black.woff2') format('woff2'); font-weight: 900; font-style: normal; font-display: swap; }

  :root {
    --green-dark:    #14481a;
    --green-primary: #2a6b2a;
    --green-mid:     #4a8a4a;
    --green-pale:    #eaf1ea;
    --yellow:        #f1c82f;
    --ink:           #21211f;
    --ink-soft:      #444440;
    --gray-line:     #d9d9d4;
    --gray-bg:       #f4f4f1;
  }

  * { margin: 0; padding: 0; box-sizing: border-box; }
  html { -webkit-print-color-adjust: exact; print-color-adjust: exact;
         /* stop iOS from enlarging some paragraphs on phones, which pushed text off the A4 pages */
         -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  body {
    font-family: 'Gilroy', 'Segoe UI', sans-serif;
    color: var(--ink);
    background: #e8e8e4;
    font-size: 8.8pt;
    line-height: 1.5;
  }

  .page {
    width: 210mm;
    height: 297mm;
    background: #fff;
    margin: 8mm auto;
    box-shadow: 0 2px 14px rgba(0,0,0,.18);
    position: relative;
    overflow: hidden;
  }
  .pad { padding: 12mm 14mm; }

  .pageno {
    position: absolute; bottom: 6mm; left: 8mm;
    font-size: 7pt; color: #9a9a94;
  }

  /* green section bar (inner pages) */
  .bar {
    margin: 10mm 14mm 0;
    background: var(--green-dark);
    color: #fff;
    font-weight: 700;
    font-size: 11pt;
    padding: 2.2mm 5mm;
    clip-path: polygon(0 0, 100% 0, calc(100% - 7mm) 100%, 0 100%);
  }
  .bar .tag { float: right; font-size: 7.5pt; font-weight: 600; letter-spacing: .08em; margin-right: 10mm; margin-top: 1mm; }

  h1.head {
    font-size: 23pt; font-weight: 800; line-height: 1.15;
    color: var(--ink); letter-spacing: -0.01em;
  }
  h1.head.green { color: var(--green-primary); }

  .lead { font-size: 9.2pt; color: var(--ink-soft); }

  .twocol { column-count: 2; column-gap: 8mm; text-align: left; }

  ul.dots { list-style: none; }
  ul.dots li { padding-left: 4mm; position: relative; margin-bottom: 1.2mm; }
  ul.dots li::before { content: "•"; position: absolute; left: 0; color: var(--green-primary); font-weight: 700; }

  .greenlist li { font-weight: 400; }

  img.ph { display: block; width: 100%; object-fit: cover; }
  .cut-br { clip-path: polygon(0 0, 100% 0, 100% calc(100% - 9mm), calc(100% - 9mm) 100%, 0 100%); }

  /* ============ COVER ============ */
  .cover-top {
    background: linear-gradient(160deg, var(--green-primary) 0%, var(--green-dark) 78%);
    height: 178mm; color: #fff; position: relative;
    padding: 16mm 16mm 0;
  }
  .cover-logo { text-align: right; }
  .cover-logo img { width: 52mm; filter: brightness(0) invert(1); display: inline-block; }
  .cover-title { margin-top: 30mm; }
  .cover-title h1 { font-size: 44pt; font-weight: 900; letter-spacing: -0.01em; }
  .cover-title p { font-size: 13.5pt; font-weight: 300; color: #e4eee4; margin-top: 2mm; }
  .cover-claims { position: absolute; bottom: 14mm; right: 16mm; text-align: right; }
  .cover-claims div { font-size: 13pt; font-weight: 700; margin-top: 1.6mm; text-shadow: 0 1px 6px rgba(0,0,0,.25); }
  .cover-photo { height: 96mm; }
  .cover-photo img { width: 100%; height: 100%; object-fit: cover; }
  .cover-foot { height: 23mm; display: flex; align-items: center; padding: 0 14mm; }
  .cover-foot img { width: 40mm; }

  /* ============ P2 history ============ */
  .bagcard {
    margin: 8mm 10mm 0;
    background: linear-gradient(170deg, var(--green-mid), var(--green-primary) 45%, var(--green-dark));
    border-radius: 26mm 26mm 4mm 4mm / 14mm 14mm 4mm 4mm;
    color: #fff;
    display: flex; gap: 8mm; align-items: center;
    padding: 10mm 12mm;
  }
  .bagcard img.bag { width: 36mm; margin: 0 8mm; flex: none; filter: drop-shadow(0 2.5mm 3.5mm rgba(0,0,0,.28)); }
  .bagcard h3 { font-size: 11pt; font-weight: 700; margin-bottom: 3mm; }
  .bagcard ul { list-style: none; font-size: 8.2pt; }
  .bagcard li { padding-left: 3.5mm; position: relative; margin-bottom: 1.4mm; line-height: 1.35; }
  .bagcard li::before { content: "•"; position: absolute; left: 0; }
  .bagcard .wordmark { font-size: 16pt; font-weight: 800; letter-spacing: .04em; margin-bottom: 4mm; }
  .bagcard .wordmark img { width: 42mm; filter: brightness(0) invert(1); }

  /* ============ P3 welcome ============ */
  .welcome-block {
    background: linear-gradient(150deg, var(--green-primary), var(--green-dark));
    color: #fff; padding: 14mm 16mm 12mm;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 12mm), calc(100% - 26mm) 100%, 0 100%);
  }
  .welcome-block h1 { font-size: 22pt; font-weight: 800; line-height: 1.15; margin-bottom: 5mm; }
  .welcome-block p { font-size: 9pt; color: #eaf3ea; margin-bottom: 3mm; max-width: 165mm; }
  .toc h2 { color: var(--green-primary); font-size: 16pt; font-weight: 800; margin-bottom: 3mm; }
  .toc table { width: 100%; border-collapse: collapse; font-size: 9pt; }
  .toc td { border-bottom: 1px solid var(--gray-line); padding: 1.15mm 0; }
  .toc td.n { width: 10mm; font-weight: 800; color: var(--green-primary); }
  .toc.tall table { font-size: 10pt; }
  .toc.tall td { padding: 3.5mm 0; }
  .oval-badge {
    position: absolute; right: 12mm; margin-top: -9mm;
    background: var(--green-dark); color: #fff;
    font-size: 19pt; font-weight: 900; font-style: italic;
    padding: 4mm 10mm; border-radius: 50%;
    transform: rotate(-6deg); z-index: 3;
  }

  /* ============ section header pages (were yellow; green per brand rule) ============ */
  .yellow-head {
    background: linear-gradient(150deg, var(--green-primary), var(--green-dark));
    padding: 10mm 16mm 8mm;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10mm), calc(100% - 24mm) 100%, 0 100%);
  }
  .yellow-head h1 { font-size: 20pt; font-weight: 800; color: #fff; line-height: 1.15; }
  .yellow-head h1.dark { color: #fff; }
  .yellow-head p { font-size: 10pt; font-weight: 300; color: #eaf3ea !important; margin-top: 2.5mm; max-width: 150mm; }

  /* ============ P5 profiles ============ */
  .profile { display: flex; gap: 7mm; margin-bottom: 7mm; }
  .profile .txt { flex: 1; }
  .profile .side { width: 40mm; flex: none; }
  .profile .side img { width: 40mm; height: 34mm; object-fit: cover; }
  .profile h3 { font-size: 10.5pt; font-weight: 700; margin-bottom: 2mm; }
  .profile .role-sub { font-size: 8.4pt; }
  .profile .contact { font-size: 8pt; margin-top: 2mm; line-height: 1.5; }
  .profile .contact b { display: block; font-size: 8.6pt; color: var(--ink); }
  .profile .contact span { color: var(--green-primary); font-weight: 600; }
  .hr-short { border: 0; border-top: 1.6mm solid var(--green-dark); width: 10mm; margin: 5mm 0; }

  /* ============ tables ============ */
  table.data { width: 100%; border-collapse: collapse; font-size: 8pt; }
  table.data th {
    background: var(--green-primary); color: #fff; font-weight: 700;
    padding: 2mm 2.4mm; text-align: left; border: 0.4mm solid #fff;
  }
  table.data td { padding: 1.9mm 2.4mm; border: 0.4mm solid #fff; background: var(--gray-bg); vertical-align: middle; }
  table.data tr:nth-child(even) td { background: #eaeae6; }
  table.data td.hy { color: var(--green-primary); font-weight: 800; font-size: 8.6pt; white-space: nowrap; }
  table.data td.num { text-align: right; font-variant-numeric: tabular-nums; }
  table.data tr.total td { background: var(--green-pale); font-weight: 700; }

  .fao-scale { display: flex; align-items: center; gap: 1.6mm; }
  .fao-track { position: relative; height: 1.4mm; background: #d7dfd7; border-radius: 1mm; width: 20mm; }
  .fao-dot { position: absolute; top 50%; top: -0.9mm; width: 3.2mm; height: 3.2mm; border-radius: 50%; background: var(--green-primary); }

  /* ============ P7 hybrid cards ============ */
  .cards2 { column-count: 2; column-gap: 8mm; }
  .card { break-inside: avoid; margin-bottom: 5mm; }
  .card h3 { color: var(--green-primary); font-size: 12pt; font-weight: 800; margin-bottom: 1.2mm; }
  .card .sub { font-weight: 700; font-size: 8.6pt; margin-bottom: 1mm; }
  .card p { font-size: 8.3pt; line-height: 1.45; margin-bottom: 1.4mm; }
  .card ul { list-style: none; font-size: 8.2pt; line-height: 1.4; }
  .card li { padding-left: 3.5mm; position: relative; margin-bottom: 0.8mm; font-weight: 400; }
  .card li::before { content: "•"; position: absolute; left: 0; color: var(--green-primary); font-weight: 800; }

  /* ============ P9 chart ============ */
  .chartbox { background: var(--gray-bg); padding: 5mm 6mm 4mm; margin-top: 4mm; }
  .chartbox h4 { font-size: 9.5pt; font-weight: 700; margin-bottom: 1mm; }
  .chartbox .src { font-size: 7pt; color: #77776f; }

  /* ============ P11 decision table ============ */
  table.decide { width: 100%; border-collapse: separate; border-spacing: 1mm; font-size: 8.4pt; }
  table.decide th { background: var(--green-dark); color: #fff; padding: 2.6mm 3mm; font-weight: 700; }
  table.decide td { background: var(--green-primary); color: #fff; padding: 2.6mm 3mm; text-align: center; font-weight: 600; }
  table.decide td:first-child { background: var(--green-dark); font-weight: 700; }
  table.decide td.prod { background: var(--green-pale); color: var(--green-dark); font-weight: 800; }

  /* ============ P12 agro cards ============ */
  .agro-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3.2mm; }
  .agro-card { background: var(--gray-bg); border-top: 1.6mm solid var(--green-primary); padding: 3.1mm 4.4mm; }
  .agro-card h3 { color: var(--green-dark); font-size: 10pt; font-weight: 800; margin-bottom: 1.6mm; }
  .agro-card .big { font-size: 15pt; font-weight: 900; color: var(--green-primary); }
  .agro-card p, .agro-card li { font-size: 8.3pt; }

  /* ============ back cover ============ */
  .contact-row { display: flex; gap: 6mm; }
  .contact-row .cc { width: 44mm; }
  .contact-row img { width: 44mm; height: 40mm; object-fit: cover; object-position: 50% 45%; }
  .contact-row b { display: block; font-size: 8.8pt; margin-top: 2mm; }
  .contact-row .cc div { font-size: 7.8pt; line-height: 1.45; }
  .backfoot {
    position: absolute; bottom: 0; left: 0; right: 0;
    border-top: 1.2mm solid var(--green-dark);
    background: var(--gray-bg);
    padding: 4mm 14mm; display: flex; align-items: center; justify-content: space-between;
  }
  .backfoot img { width: 34mm; }
  .backfoot .fine { font-size: 6.4pt; color: #85857d; text-align: right; line-height: 1.4; }


  /* hybrid trait meters — scale 1..9, 9 = best in Pioneer LT assortment */
  .rates { margin: 1.6mm 0 1.6mm; }
  .rates .rate { display: flex; align-items: center; gap: 1.4mm; margin-bottom: 0.55mm; }
  .rates .lbl { width: 27mm; font-size: 6.4pt; color: #55554f; flex: none; line-height: 1.15; }
  .rates .seg { display: flex; gap: 0.5mm; flex: none; }
  .rates .seg i { display: block; width: 1.5mm; height: 2mm; background: #dcdcd6; border-radius: 0.3mm; }
  .rates .seg i.on { background: var(--green-primary); }
  .rates .val { font-size: 6.4pt; font-weight: 800; color: var(--green-dark); width: 4mm; text-align: right; }
  .rates-key { font-size: 6.8pt; color: #77776f; margin-top: 1mm; }

  .note { font-size: 7.2pt; color: #77776f; margin-top: 2mm; }

  /* pioneer-logo.svg is white-filled; recolor to brand green on light backgrounds */
  .logo-green { filter: brightness(0) saturate(100%) invert(21%) sepia(48%) saturate(900%) hue-rotate(75deg) brightness(0.92); }


  /* ============ uneven emergence chart (p15) ============ */
  .emerge { background: var(--gray-bg); padding: 2.6mm 5mm 2.4mm; margin-top: 2mm; }
  .emerge h3 { color: var(--green-dark); font-size: 9.4pt; font-weight: 800; margin-bottom: 1.4mm; }
  .emerge .key {
    display: grid; grid-template-columns: repeat(3, 24mm);
    width: 72mm; margin: 0 0 1.2mm 38mm; align-items: flex-end;
  }
  .emerge .key span { display: flex; align-items: flex-end; gap: 1.3mm; font-size: 6.6pt; font-weight: 600; color: #55554f; line-height: 1.05; }
  .emerge .key span + span { border-left: 0.25mm solid var(--gray-line); padding-left: 3mm; }
  .emerge svg.kp { width: 3.2mm; height: 4.6mm; fill: var(--green-primary); flex: none; }
  .emerge table { width: 100%; border-collapse: collapse; }
  .emerge th {
    font-size: 6.5pt; font-weight: 600; color: #55554f; text-align: left;
    padding-bottom: 1mm; border-bottom: 0.3mm solid var(--gray-line);
  }
  .emerge th.c { text-align: right; }
  .emerge td { padding: 0.2mm 0; vertical-align: bottom; }
  .emerge td.lbl { width: 38mm; font-size: 6.6pt; line-height: 1.15; padding-bottom: 0.6mm; }
  .emerge td.stand { width: 74mm; }
  .emerge td.pct {
    width: 14mm; text-align: right; font-size: 9.2pt; font-weight: 900;
    color: var(--green-primary); padding-bottom: 0.5mm;
  }
  .emerge td.contrib { padding-left: 4mm; font-size: 6.3pt; color: #55554f; padding-bottom: 0.6mm; white-space: nowrap; }
  .emerge .cwrap { display: flex; align-items: center; gap: 1.6mm; }
  .emerge .cnum { font-size: 5.9pt; line-height: 1.15; color: #55554f; }
  .emerge .cnum b { font-weight: 700; color: var(--ink-soft); }
  .emerge .sw { display: inline-block; width: 1.3mm; height: 1.3mm; margin-right: 1mm; vertical-align: 0.1mm; }
  .emerge .sw.on { background: var(--green-primary); }
  .emerge .sw.off { background: #c3d0c3; }
  .emerge tr.grp td { padding-top: 1.1mm; }
  .emerge svg.st { display: block; width: 72mm; height: 5mm; fill: var(--green-primary); }
  .emerge .mini { display: block; width: 11mm; height: 1.6mm; background: #c3d0c3; flex: none; }
  .emerge .mini i { display: block; height: 100%; background: var(--green-primary); }
  .emerge .pull { font-size: 7pt; line-height: 1.3; color: var(--green-dark); font-weight: 600; margin-top: 1.8mm; }
  .emerge .src { font-size: 6pt; color: #77776f; margin-top: 1.1mm; line-height: 1.3; }


  /* dense tables on the Latvian trial pages */
  table.data.tight { font-size: 7.2pt; }
  table.data.tight th { padding: 1.6mm 1.6mm; font-size: 6.9pt; }
  table.data.tight td { padding: 1.35mm 1.6mm; }
  table.data.tight td.hy { font-size: 7.6pt; }
  table.data .sr {
    font-size: 6pt; font-weight: 700; color: #fff; background: var(--green-mid);
    padding: 0.2mm 1mm; border-radius: 0.8mm; margin-left: 0.8mm; vertical-align: 0.4mm;
  }


  /* page 6 carries two assortment tables; default padding fits since the
     seeding-rate, dry-down and eyespot columns were dropped */
  .page-assort table.data td[style*="7.4pt"] { font-size: 7.6pt !important; line-height: 1.35; }


  /* inoculant page: two dense product columns plus a comparison table and photos */
  .page-inoc table.data th { padding: 1.5mm 2mm; }
  .page-inoc table.data td { padding: 1.25mm 2mm; }
  .page-inoc h1.head { font-size: 16.5pt !important; }
  .page-inoc ul.dots li { margin-bottom: 0.7mm; line-height: 1.32; }
  .page-inoc h2 { font-size: 15pt !important; }
  .page-inoc p, .page-inoc ul.dots li { font-size: 7.8pt; }
  .page-inoc .note { font-size: 6.6pt; }

  @media print {
    body { background: #fff; }
    .page { margin: 0; box-shadow: none; width: 210mm; height: 296.5mm; page-break-after: always; }
    .page:last-child { page-break-after: auto; }
  }
  @page { size: A4; margin: 0; }
  /* keep big figures and their units on one line */
  .agro-card .big { white-space: nowrap; }