/* hinnasto page (split out of service.css at the 500-line hard cap,
 * D5 2026-07-24 — discipline 10; the page's header/intro/band shell
 * rules remain in main.css, loaded before this file). */

/* hinnasto refinements (W2c review item 10; r4 re-measured): live
   rows = icon 92x92 at x=270, heading col, text col 430 wide ending
   x=1150; text at 15.75; rows taller (237/170) */
/* round 3: rows offset INSIDE the centered 70rem body (live icons
   x=270) so the closing block stays page-centered; icon/heading
   CENTER against the text block; paragraphs keep their blank-line gap */
.hinnasto-row { display: grid;
  grid-template-columns: 5.75rem 17rem 26.9rem; gap: 3rem;
  justify-content: start; margin-left: 6.875rem;
  align-items: center; padding: 1.25rem 0;
  border-bottom: 1px solid var(--ll-gray); }  /* r4: live rows 237/170 */
.hinnasto-body { max-width: 70rem; margin: 0 auto; padding: 0; }
.hinnasto-row:last-of-type { border-bottom: none; }
.hinnasto-row-icon img { width: 5.75rem; height: 5.75rem; }
/* r6 census: live icons grow 92 -> 113 at >=1920 */
@media (min-width: 120rem) {
  .hinnasto-row-icon img { width: 7.0625rem; height: 7.0625rem; }
}
.hinnasto-row-head h2 { font-size: var(--ll-fs-h3); margin: 0; }
.hinnasto-row-text p { margin: 0 0 1.4rem; font-size: var(--ll-fs-base); }
.hinnasto-row-text p:last-child { margin-bottom: 0; }
.hinnasto-closing { text-align: center; max-width: 41rem;
  margin: 2.5rem auto 0; }
.hinnasto-closing .pill-row > a, .hinnasto-closing > a {
  display: inline-block; border: 1px solid var(--ll-green);
  background: var(--ll-bg);
  border-radius: 999px; color: var(--ll-green);
  padding: 0.74rem 3.94rem; text-decoration: none; }
/* r6 tablet: the desktop row grid (110 offset + 1000px tracks)
   overflowed a 768 viewport — compact 3-col tracks that fit */
@media (min-width: 48rem) and (max-width: 61.9375rem) {
  .hinnasto-row { grid-template-columns: 4rem 12rem 1fr;
    gap: 1.5rem; margin-left: 0; }
}
@media (max-width: 767px) {
  /* r4: this block must trail the desktop base rules — the offset
     margin/track sizes above would otherwise win the cascade.
     D5 (live probed @390): rows STACK — 110px icon on its own row at
     the left edge, heading below, text full width (the 2-col compact
     grid was ours alone). */
  .hinnasto-row { grid-template-columns: 1fr; gap: 0.75rem;
    margin-left: 0; align-items: start; justify-items: start; }
  .hinnasto-row-text { grid-column: auto; }
  .hinnasto-row-icon img { width: 110px; height: 110px; }
  .hinnasto-body { padding: 0; }
}