/* Home Tech 1.1.0: hero editoriale + Tecnologia e Scienza alla pari. */

.icp-tech-hero { padding: 28px 0 8px; }
.icp-tech-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
  gap: 20px;
}
.icp-tech-story a { display: block; height: 100%; color: inherit; text-decoration: none; }
.icp-tech-story__media {
  position: relative;
  overflow: hidden;
  border-radius: 14px;
  background: var(--icp-media-placeholder);
}
.icp-tech-story__media :is(picture, img) { display: block; width: 100%; height: 100%; object-fit: cover; }
.icp-tech-story__label {
  display: inline-block;
  margin-bottom: 8px;
  color: #15803D;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.icp-tech-story h1, .icp-tech-story h2 { margin: 0; color: var(--icp-ink); line-height: 1.18; }
.icp-tech-story a:hover h1, .icp-tech-story a:hover h2,
.icp-tech-story a:focus-visible h1, .icp-tech-story a:focus-visible h2 { color: #15803D; }

.icp-tech-story--lead .icp-tech-story__media { aspect-ratio: 16 / 9; }
.icp-tech-story--lead .icp-tech-story__content { padding: 18px 2px 0; }
.icp-tech-story--lead h1 { font-size: clamp(26px, 3vw, 40px); }
.icp-tech-story--lead p { margin: 12px 0 10px; color: var(--icp-muted); font-size: 17px; line-height: 1.55; }
.icp-tech-story__meta { color: var(--icp-muted); font-size: 13px; }

.icp-tech-hero__side { display: grid; align-content: start; gap: 16px; }
.icp-tech-story--side a {
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--icp-border);
}
.icp-tech-story--side:last-child a { border-bottom: 0; }
.icp-tech-story--side .icp-tech-story__media { aspect-ratio: 4 / 3; border-radius: 10px; }
.icp-tech-story--side h2 { font-size: 17px; }

.icp-tech-hero__topics,
.icp-tech-lane__topics {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
}
.icp-tech-hero__topics a,
.icp-tech-lane__topics a {
  padding: 8px 14px;
  border: 1px solid var(--icp-border);
  border-radius: 999px;
  background: var(--icp-surface, #fff);
  color: var(--icp-ink);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
.icp-tech-hero__topics a:hover,
.icp-tech-lane__topics a:hover { border-color: #15803D; color: #15803D; }
.icp-tech-hero__all { margin-left: auto; border-color: transparent !important; background: transparent !important; color: #15803D !important; }

/* Le due anime del sito, stesso peso visivo. */
.icp-tech-lanes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
}
.icp-tech-lane {
  min-width: 0;
  padding: 22px;
  border: 1px solid var(--icp-border);
  border-top: 4px solid #16A34A;
  border-radius: 16px;
  background: var(--icp-surface, #fff);
}
.icp-tech-lane--scienza { border-top-color: #0EA5E9; }
.icp-tech-lane--scienza .icp-kicker { color: #0369A1; }
.icp-tech-lane .icp-section__heading { margin-bottom: 16px; }
.icp-tech-lane__list { display: grid; gap: 4px; margin-top: 16px; }
.icp-tech-lane__topics { margin-top: 16px; }

@media (max-width: 1000px) {
  .icp-tech-hero__grid { grid-template-columns: 1fr; }
  .icp-tech-hero__side { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .icp-tech-story--side a { grid-template-columns: 1fr; align-items: start; border-bottom: 0; }
}
@media (max-width: 760px) {
  .icp-tech-lanes { grid-template-columns: 1fr; gap: 20px; }
  .icp-tech-lane { padding: 16px; }
  .icp-tech-hero__side { grid-template-columns: 1fr; }
  .icp-tech-story--side a { grid-template-columns: 104px minmax(0, 1fr); align-items: center; border-bottom: 1px solid var(--icp-border); }
  .icp-tech-hero__all { margin-left: 0; }
}

[data-icp-theme="dark"] .icp-sector-tech .icp-tech-story__label,
[data-icp-theme="dark"] .icp-sector-tech .icp-tech-hero__all,
[data-icp-theme="dark"] .icp-sector-tech .icp-tech-story a:hover :is(h1, h2) { color: #4ADE80 !important; }
[data-icp-theme="dark"] .icp-sector-tech .icp-tech-lane--scienza .icp-kicker { color: #7DD3FC; }