/* Profili individuali e indice delle letture, nell'identità approvata dello studio. */
.profile-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.75fr);gap:60px;align-items:center;padding-block:24px 48px}
.profile-hero-copy{min-width:0}
.profile-hero h1{font:400 clamp(38px,4.4vw,59px)/1.14 Georgia,serif;color:#f2eee7;letter-spacing:-.8px;margin:22px 0}
.profile-hero .kicker{font-size:11px;line-height:1.7;color:#dfc28e}
.profile-role{font:18px/1.7 Arial,sans-serif;color:#dcc395;margin:0;max-width:650px}
.profile-photo{margin:0;justify-self:end;width:min(360px,100%);aspect-ratio:4/5;overflow:hidden;border:1px solid #c5a97066;background:#233746}
.profile-photo img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(var(--portrait-scale,1));transform-origin:50% 8%}
.profile-navigation,.reading-navigation nav{display:flex;flex-wrap:wrap;gap:8px 25px;margin-top:30px;padding-top:18px;border-top:1px solid #b79a6255}
.profile-navigation a,.reading-navigation a{display:inline-flex;align-items:center;min-height:44px;font:14px/1.6 Arial,sans-serif;color:#e4c78e;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#b79a6277}
.profile-details{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:64px;padding-block:35px 64px;border-top:1px solid #b79a6255;align-items:start}
.profile-biography,.profile-contact{min-width:0}
.profile-biography h2,.profile-contact h2{font:400 33px/1.2 Georgia,serif;color:#f2eee7;margin:18px 0 24px}
.profile-biography p{font:16px/1.9 Arial,sans-serif;color:#cbd5df;margin:0 0 22px}
.profile-biography .kicker,.profile-contact>.kicker{font-size:10px;line-height:1.7;color:#dec18b}
.profile-areas{margin-top:38px;padding-top:20px;border-top:1px solid #b79a6244}
.profile-topic-links{display:grid;gap:12px}
.profile-topic-links .text-link{font-size:14px;line-height:1.7;justify-content:space-between;min-height:44px;margin:0;padding-block:8px}
.profile-contact{padding:28px;background:#1c2937;border:1px solid #b79a6266;border-radius:13px;box-shadow:0 4px 0 #101722}
.profile-email{display:block;overflow-wrap:anywhere;font:15px/1.8 Arial,sans-serif;color:#e4c78e;text-decoration:underline;text-underline-offset:4px}
.profile-contact p{font:14px/1.8 Arial,sans-serif;color:#c6d1d9;margin:22px 0}
.profile-contact p.fine{font-size:12px;line-height:1.8;margin:15px 0}
.profile-contact .button{font-size:13px;margin-top:18px}
.profile-contact .text-link{display:flex;justify-content:space-between;gap:15px;font-size:13px;line-height:1.7;min-height:44px;margin-top:16px}
.profile-publications .section-head{align-items:center}
.profile-publications .section-head .text-link{font-size:14px;line-height:1.7}
.page-profile :is(#profilo,#ambiti,#contatti-profilo,#pubblicazioni),.page-reading :is(#guide,#pubblicazioni){scroll-margin-top:190px}
.reading-navigation{padding-top:26px}
.reading-navigation nav{margin:0;padding:12px 0;border-bottom:1px solid #b79a6255}
.reading-guides{padding-top:48px}
.reading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.reading-card{display:flex;flex-direction:column;min-width:0;padding:28px;background:#1c2937;border:1px solid #b79a6277;border-radius:12px;box-shadow:0 4px 0 #101722}
.reading-card>.kicker{font-size:10px;line-height:1.7;color:#e4c78e;letter-spacing:1.1px}
.reading-card h3{font:400 29px/1.25 Georgia,serif;color:#f2eee7;margin:20px 0}
.reading-card p{font:15px/1.85 Arial,sans-serif;color:#c6d1d9;margin:0 0 23px}
.reading-card p.reading-byline{font-size:12px;color:#d4bd94;margin-top:auto}
.reading-card-actions{display:flex;flex-direction:column;align-items:flex-start;gap:22px;padding-top:22px;border-top:1px solid #b79a6244}
.reading-card-actions .button{font-size:13px}
.reading-card-actions .text-link{font-size:13px;line-height:1.7;min-height:44px;margin:0}
.profile-navigation a:focus-visible,.reading-navigation a:focus-visible,.profile-email:focus-visible{outline:2px solid #e4c78e;outline-offset:5px}
@media(max-width:1050px){
 .profile-hero{gap:36px;grid-template-columns:1fr .75fr}
 .profile-details{gap:36px;grid-template-columns:1.3fr 1fr}
 .reading-grid{grid-template-columns:1fr}
 .reading-card{padding:30px}
}
@media(max-width:760px){
 .profile-hero{grid-template-columns:1fr;gap:30px;padding-top:12px;padding-bottom:36px}
 .profile-hero h1{font-size:39px;margin-block:20px}
 .profile-role{font-size:16px;line-height:1.8}
 .profile-photo{width:min(340px,100%);justify-self:center}
 .profile-navigation{gap:4px 23px;margin-top:24px}
 .profile-details{grid-template-columns:1fr;gap:35px;padding-block:30px 46px}
 .profile-biography h2,.profile-contact h2{font-size:30px}
 .profile-biography p{font-size:15px;line-height:1.9}
 .profile-contact{padding:26px}
 .reading-navigation{padding-top:18px}
 .reading-navigation nav{gap:5px 23px}
 .reading-guides{padding-top:36px}
 .reading-card{padding:26px}
 .reading-card h3{font-size:28px}
 .reading-card p{font-size:15px}
}