/* Shared evaluation entry points. The product narrative remains first. */
:root { --vanta: #000100; --breakwater-red: #F0443E; }
/* Reviewed contextual-photo treatment: hide the thin source-image edges. */
.context-crop { display: block; overflow: hidden; }
.context-crop img { transform: scale(1.04); transform-origin: center; }
.sector-photo .context-crop { border-radius: 8px; }
.product-site-link { font-size: 14px; }
.evaluation-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.evaluation-cards article { display: flex; flex-direction: column; padding: 24px; border: 1px solid var(--line); border-top: 3px solid var(--breakwater-red); border-radius: 6px; background: var(--surface); }
.evaluation-cards .eyebrow { margin: 0 0 16px; }
.evaluation-cards h3 { margin: 0 0 12px; font-size: 24px; line-height: 1.2; }
.evaluation-cards p { margin: 0 0 24px; color: var(--muted); font-size: 16px; line-height: 1.6; }
.evaluation-cards .text-link { margin-top: auto; min-height: 44px; display: inline-flex; align-items: center; gap: 8px; font-size: 15px; }
.nav-links a[aria-current="true"] { text-decoration: underline; text-decoration-color: var(--breakwater-red); text-decoration-thickness: 2px; }
@media (min-width: 761px) and (max-width: 1100px) {
  .nav { gap: 12px; }
  .brand { width: 170px; flex-basis: 170px; }
  .nav-links { gap: 15px; }
  .nav-links .button { padding-inline: 16px; gap: 12px; white-space: nowrap; }
}
@media (min-width: 761px) and (max-width: 900px) {
  .nav { flex-wrap: wrap; padding-block: 10px; }
  .header { position: static; }
  [data-navigation-ready] .header { position: sticky; max-height: 100vh; max-height: 100dvh; overflow-y: auto; }
  [data-navigation-ready] .menu-button { display: block; }
  .nav-links { width: 100%; align-items: stretch; flex-direction: column; gap: 0; padding: 8px 0; order: 4; }
  [data-navigation-ready] .nav-links { display: none; }
  [data-navigation-ready] .nav-links.open { display: flex; }
  .nav-links a { padding: 12px 0; }
  .nav-links .button { padding: 12px; margin-top: 10px; }
}
@media (max-width: 760px) {
  .evaluation-cards { grid-template-columns: 1fr; gap: 12px; }
  .evaluation-cards article { padding: 20px; }
  .evaluation-cards .eyebrow { margin-bottom: 10px; }
  .evaluation-cards p { margin-bottom: 12px; }
}