/* Università e ricerca, Sala stampa, Chi siamo: stesso sistema di «Fonti e metodo» (manuale Lybra).
   Fondo bianco, testo #1A1A1A, barra obliqua menta, Roboto / Roboto Mono, menta solo come accento (mai testo su chiaro). */
.area-page,.about-page{width:min(1180px,calc(100% - 64px));max-width:1180px;margin:36px auto 110px;color:var(--lybra-nero)}
.area-page .breadcrumbs,.about-page .breadcrumbs{margin-bottom:44px}
.area-page a,.about-page a{color:var(--lybra-nero);text-decoration-color:var(--lybra-menta);text-underline-offset:3px}

/* apertura */
.area-hero,.press-page .area-hero,.about-hero{position:relative;min-height:0;padding:0 0 62px;border:0;border-bottom:1px solid var(--grigio-linea);border-radius:0;background:#fff;color:var(--lybra-nero)}
.area-hero::before,.about-hero::before{content:"";position:absolute;top:0;left:0;width:9px;height:76px;transform:skewX(-12deg);background:var(--lybra-menta)}
.area-hero::after,.about-hero::after{display:none}
.area-page .area-hero .eyebrow,.about-page .about-hero .eyebrow{display:block;margin-left:31px;color:var(--lybra-nero);font:500 12px/1.5 'Roboto Mono',monospace!important;letter-spacing:.12em}
.area-page .area-hero h1,.about-page .about-hero h1{max-width:970px;margin:30px 0 26px;font:900 clamp(46px,6vw,78px)/1.02 Roboto,Arial,sans-serif;letter-spacing:-.035em;color:var(--lybra-nero)!important}
.area-page .area-hero h1 em,.about-page .about-hero h1 em{font-family:Roboto,Arial,sans-serif;font-style:normal;font-weight:300!important;letter-spacing:-.035em;color:var(--lybra-nero)!important;box-shadow:inset 0 -.19em 0 var(--lybra-menta)}
.area-hero p,.about-hero p{max-width:820px;margin:0 0 30px;color:var(--grigio-testo);font-size:clamp(18px,2vw,22px);line-height:1.5}
.area-page .area-hero .button{display:inline-flex;align-items:center;gap:22px;min-height:48px;padding:12px 18px;border:1px solid var(--lybra-menta);border-radius:4px;background:var(--lybra-menta);color:var(--lybra-nero);font-weight:500;text-decoration:none}
.area-page .area-hero .button:hover,.area-page .area-hero .button:focus-visible{background:#fff}

/* Chi siamo: il riquadro del marchio resta nero, perché il logo Lybra Tech è bianco */
.about-hero{display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:end}
.about-page .about-link{color:var(--lybra-nero);border-bottom:2px solid var(--lybra-menta);padding-bottom:8px;font-weight:500}
.about-brand{border:0;border-radius:4px;background:var(--lybra-nero);color:#fff}
.about-brand span{color:#B8B8B8;font:500 11px/1.4 'Roboto Mono',monospace;letter-spacing:.14em}
.about-brand strong{color:#fff;font-weight:900}

/* sezioni */
.area-page>section,.about-page>section{grid-template-columns:minmax(210px,.42fr) 1fr;gap:0 54px;padding:68px 0;border-top:0;border-bottom:1px solid var(--grigio-linea)}
.area-index,.about-index{color:var(--lybra-nero);font:500 12px/1.5 'Roboto Mono',monospace!important;letter-spacing:.08em;padding-top:12px}
.area-page .area-section h2,.about-page section h2{font:900 clamp(32px,3.9vw,50px)/1.08 Roboto,Arial,sans-serif;letter-spacing:-.035em;color:var(--lybra-nero)}
.area-section p,.about-page section p{color:var(--grigio-testo);font-size:16px;line-height:1.72}
.about-story-kicker{color:var(--lybra-nero);font:500 12px/1.5 'Roboto Mono',monospace;letter-spacing:.12em}
.about-story strong{color:var(--lybra-nero)}
.about-story-closing{border-left:3px solid var(--lybra-menta);background:var(--lybra-fondo);padding:20px 24px!important}

/* link e pulsanti secondari */
.area-links a,.area-text-link{align-items:center;gap:22px;min-height:46px;padding:10px 16px;border:1px solid var(--grigio-linea);border-radius:4px;background:#fff;color:var(--lybra-nero)!important;font-weight:500;text-decoration:none}
.area-links a:hover,.area-links a:focus-visible,.area-text-link:hover,.area-text-link:focus-visible{background:var(--lybra-menta);border-color:var(--lybra-menta)}
.about-paths strong,.about-method a,.about-research-more,.about-research-list a,.about-proof-grid a,.area-projects a,.area-research-link a{color:var(--lybra-nero)!important;font-weight:500;text-decoration:underline;text-decoration-color:var(--lybra-menta);text-decoration-thickness:2px}

/* schede */
.area-projects article,.about-paths a,.about-proof-grid article{border:1px solid var(--grigio-linea);border-top:3px solid var(--lybra-menta);border-radius:4px;background:#fff}
.about-paths a:hover,.about-paths a:focus-visible{border-color:var(--grigio-linea);border-top-color:var(--lybra-menta);background:var(--lybra-fondo)}
.area-projects article>span,.about-paths span,.about-proof-grid article>span,.area-research-link>span{color:var(--lybra-nero);font:500 11px/1.4 'Roboto Mono',monospace;letter-spacing:.1em}
.area-projects h3,.about-paths h3,.about-proof-grid h3,.area-research-link h3,.about-research-list h3{font-weight:900;letter-spacing:-.03em;color:var(--lybra-nero)}
.area-research-link{border-left:3px solid var(--lybra-menta);border-radius:0;background:var(--lybra-fondo)}
.about-research-list article{border-top:3px solid var(--lybra-menta)}

/* chiusura: come «Fonti e metodo» */
.area-cta,.about-cta{align-items:end;gap:35px;margin-top:10px;padding:35px 0;border-top:3px solid var(--lybra-menta);border-radius:0;background:#fff;color:var(--lybra-nero)}
.area-page .area-cta .eyebrow,.about-page .about-cta .eyebrow{color:var(--lybra-nero);font:500 12px/1.5 'Roboto Mono',monospace!important;letter-spacing:.08em}
.area-cta h2,.about-cta h2{font:900 clamp(31px,3.6vw,48px)/1.1 Roboto,Arial,sans-serif;letter-spacing:-.035em;color:var(--lybra-nero)}
.area-cta p,.about-cta p{color:var(--grigio-testo)}
.area-page .area-cta>a,.about-page .about-cta>a{border:1px solid var(--lybra-menta);border-radius:4px;background:var(--lybra-menta);color:var(--lybra-nero)!important;font-weight:500;text-decoration:none}
.area-page .area-cta>a:hover,.about-page .about-cta>a:hover{background:#fff}

/* sala stampa: rassegna */
.press-coverage-count{border-color:var(--grigio-linea);color:var(--lybra-nero);font-family:'Roboto Mono',monospace;font-weight:500}
.press-article-list,.press-article{border-color:var(--grigio-linea)}
.press-article a{color:var(--lybra-nero)}
.press-article a:hover,.press-article a:focus-visible{background:var(--lybra-fondo)}
.press-article-meta{color:var(--grigio-testo);font-family:'Roboto Mono',monospace}
.press-article-meta span:first-child{color:var(--lybra-nero);font-weight:500}
.press-article strong{font-weight:900}
.press-article-arrow{color:var(--lybra-nero)}
.area-section .press-service-note{color:var(--grigio-testo)}

@media(max-width:900px){.about-hero{grid-template-columns:1fr}.area-page>section,.about-page>section{grid-template-columns:1fr;gap:12px}.area-cta,.about-cta{flex-direction:column;align-items:start}.area-cta>a,.about-cta>a{width:100%}}
@media(max-width:560px){.area-page,.about-page{width:calc(100% - 32px);margin-top:20px}.area-page .breadcrumbs,.about-page .breadcrumbs{margin-bottom:28px}.area-page .area-hero h1,.about-page .about-hero h1{font-size:44px}.area-page>section,.about-page>section{padding:48px 0}}

/* Sala stampa: sezione giornalisti (spostata dalla home il 29/9) nello stile della pagina.
   Passaggi e regole a sinistra, modulo a destra; fondo bianco invece del vecchio blocco scuro. */
.area-page>section#giornalisti{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-areas:"copy modulo" "regole modulo";gap:28px 56px;align-items:start;padding:56px 0;border-bottom:1px solid var(--grigio-linea);background:none!important;color:var(--lybra-nero)}
.area-page #giornalisti::before{display:none}
.area-page #giornalisti .stampa-copy{grid-area:copy}
.area-page #giornalisti .stampa-modulo{grid-area:modulo}
.area-page #giornalisti .stampa-regole{grid-area:regole;margin:0;padding-left:22px;border-left:3px solid var(--lybra-menta)}
.area-page #giornalisti .eyebrow{display:block;color:var(--lybra-nero)!important;font:500 12px/1.4 'Roboto Mono',monospace!important;letter-spacing:.12em}
.area-page #giornalisti .stampa-passi{grid-template-columns:1fr;margin:14px 0 0;gap:0}
.area-page #giornalisti .stampa-passi li{grid-template-columns:38px 1fr;padding:16px 0;border-top:1px solid var(--grigio-linea)}
.area-page #giornalisti .stampa-passi li>span{color:var(--lybra-nero);font:500 12px/1.6 'Roboto Mono',monospace}
.area-page #giornalisti .stampa-passi strong{color:var(--lybra-nero);font-weight:700}
.area-page #giornalisti .stampa-passi p,.area-page #giornalisti .stampa-regole ul,.area-page #giornalisti .stampa-cita{color:var(--grigio-testo)}
.area-page #giornalisti .stampa-regole h3,.area-page #giornalisti .stampa-cita strong{color:var(--lybra-nero)}
.area-page #giornalisti .stampa-modulo{border:1px solid var(--grigio-linea);border-top:3px solid var(--lybra-menta);border-radius:4px;box-shadow:none;padding:28px 30px}
.area-page #giornalisti .stampa-modulo>h3{font-weight:900;letter-spacing:-.03em;color:var(--lybra-nero)}
.area-page #giornalisti .stampa-check a{color:var(--lybra-nero)}
.area-page #giornalisti .stampa-campo :is(input,select,textarea):focus-visible{outline-color:var(--lybra-indaco);border-color:var(--lybra-indaco)}
.area-page #giornalisti .stampa-modulo .button{border-radius:4px;font-weight:500}
.area-page #giornalisti .stampa-presto p{margin:0;color:var(--lybra-nero);font-size:16px;line-height:1.6}
@media(max-width:900px){.area-page>section#giornalisti{grid-template-columns:1fr;grid-template-areas:"copy" "modulo" "regole";gap:28px}}
.about-brand strong a{color:#fff;text-decoration:underline;text-decoration-color:var(--lybra-menta);text-underline-offset:4px}
