/* Pagina Processo: solo regole di pagina. Tema, header, footer, pulsanti, hero, ciclo HAIT e pannello finale sono in ../theme.css. */

.phase-number{display:block;font-size:2.5rem;font-weight:300;line-height:1;color:var(--bright)}
.phase .eyebrow{margin:1.25rem 0 .5rem}
.phase>p:not(.eyebrow){margin-top:.75rem;font-size:1.0625rem;color:var(--muted)}
.phase>p:nth-of-type(2){margin-bottom:1.25rem}
.phase>.phase-outcome{margin-top:auto;padding-top:.9rem;border-top:1px solid var(--line-soft);font-size:.9688rem}
.phase-outcome span{display:block;margin-top:.2rem;color:var(--text);font-weight:600}
.phase>.phase-cycle{margin-top:.9rem;font-size:.875rem;font-weight:600;color:var(--bright)}

.governance{padding:clamp(3.5rem,8vw,6rem) var(--gutter);background:var(--surface);border-block:1px solid var(--line-soft)}
.governance-heading{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:end}
.governance-heading>p{max-width:52ch;color:var(--muted)}
.governance-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 3rem;margin-top:clamp(2rem,5vw,3.5rem)}
.governance-columns article{position:relative;padding:1.25rem 0 0 5rem;border-top:1px solid var(--line)}
.governance-icon{position:absolute;left:0;top:1.25rem}
.governance-columns p{max-width:48ch;margin-top:.6rem;color:var(--muted)}

@media(max-width:900px){
  .section-heading,.governance-heading{grid-template-columns:1fr}
}
@media(max-width:650px){
  .governance-columns{grid-template-columns:1fr}
  .governance-columns article{padding-left:4.5rem}
}