/* CNSBII · Home Portale · Approfondimenti e studi 327A */
.portal327a-editorial-hubs{
  padding:clamp(2.4rem,5vw,4.8rem) 0;
  background:#eef1ef;
  border-block:1px solid rgba(10,31,39,.10);
}
.portal327a-editorial-hubs .portal74d-wrap{
  width:min(1240px,calc(100% - 40px));
  margin-inline:auto;
}
.portal327a-editorial-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);
  gap:clamp(1rem,4vw,4rem);
  align-items:end;
  margin-bottom:1.5rem;
}
.portal327a-kicker{
  margin:0 0 .6rem;
  color:#21596a;
  font-size:.75rem;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.portal327a-editorial-head h2{
  max-width:800px;
  margin:0;
  color:#0b2530;
  font-size:clamp(2rem,4.4vw,4.5rem);
  line-height:.97;
  letter-spacing:-.05em;
}
.portal327a-editorial-head>p{
  max-width:560px;
  margin:0;
  color:#475d66;
  line-height:1.62;
}
.portal327a-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
}
.portal327a-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  min-height:430px;
  padding:clamp(1.35rem,3vw,2.3rem);
  border-radius:26px;
}
.portal327a-card--materia{
  background:#091217;
  color:#f8fbfb;
}
.portal327a-card--nusco{
  background:#0b3140;
  color:#f8fbfb;
}
.portal327a-card-top{
  max-width:640px;
}
.portal327a-label{
  margin:0 0 .7rem;
  color:#f0dc63;
  font-size:.72rem;
  font-weight:850;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.portal327a-card h3{
  margin:0;
  color:#ffffff;
  font-size:clamp(2rem,4vw,4.1rem);
  line-height:.96;
  letter-spacing:-.05em;
}
.portal327a-card-top>p:last-child{
  margin:1rem 0 0;
  color:#d5e0e3;
  line-height:1.6;
}
.portal327a-current{
  margin-top:auto;
  padding-top:2rem;
}
.portal327a-current small{
  display:block;
  color:#f0dc63;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.portal327a-current strong{
  display:block;
  max-width:620px;
  margin:.45rem 0 .2rem;
  color:#ffffff;
  font-size:1.13rem;
  line-height:1.25;
}
.portal327a-current span{
  color:#b9c9ce;
  font-size:.84rem;
}
.portal327a-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
  margin-top:1.15rem;
}
.portal327a-actions a{
  display:inline-flex;
  min-height:46px;
  align-items:center;
  justify-content:center;
  padding:.72rem 1rem;
  border:1px solid rgba(255,255,255,.24);
  border-radius:999px;
  color:#ffffff;
  font-weight:800;
  text-decoration:none;
}
.portal327a-actions a.portal327a-primary{
  border-color:#f0dc63;
  background:#f0dc63;
  color:#0b2530;
}
.portal327a-actions a:hover{
  text-decoration:underline;
  text-underline-offset:.18em;
}
.portal327a-actions a:focus-visible{
  outline:3px solid #ffffff;
  outline-offset:3px;
}
@media(max-width:860px){
  .portal327a-editorial-head,
  .portal327a-grid{
    grid-template-columns:1fr;
  }
  .portal327a-card{
    min-height:0;
  }
}
@media(max-width:560px){
  .portal327a-editorial-hubs .portal74d-wrap{
    width:calc(100% - 22px);
  }
  .portal327a-card{
    padding:1.25rem;
    border-radius:22px;
  }
  .portal327a-actions{
    display:grid;
  }
  .portal327a-actions a{
    width:100%;
  }
}
@media(prefers-reduced-motion:reduce){
  .portal327a-editorial-hubs *{
    scroll-behavior:auto!important;
  }
}
@media print{
  .portal327a-editorial-hubs{
    background:#fff;
  }
  .portal327a-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .portal327a-card{
    min-height:0;
    break-inside:avoid;
  }
}


/* 329B · contrasto CTA primari: prevale sui fogli globali caricati successivamente. */
html body.cnsbii-lumen-ui .portal327a-editorial-hubs .portal327a-card .portal327a-actions a.portal327a-primary,
html body.cnsbii-lumen-ui .portal327a-editorial-hubs .portal327a-card .portal327a-actions a.portal327a-primary:link,
html body.cnsbii-lumen-ui .portal327a-editorial-hubs .portal327a-card .portal327a-actions a.portal327a-primary:visited{
  background:#f0dc63!important;
  border-color:#f0dc63!important;
  color:#0b2530!important;
  -webkit-text-fill-color:#0b2530!important;
}
html body.cnsbii-lumen-ui .portal327a-editorial-hubs .portal327a-card .portal327a-actions a.portal327a-primary:hover,
html body.cnsbii-lumen-ui .portal327a-editorial-hubs .portal327a-card .portal327a-actions a.portal327a-primary:focus-visible{
  color:#071b25!important;
  -webkit-text-fill-color:#071b25!important;
}