
:root{--tr-paper:#fbf9f4;--tr-ink:#253642;--tr-quiet:#66717a;--tr-line:#dfdbd2;--tr-rust:#99513b;--tr-soft:#f4eee4}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.tr-page{margin:0;background:var(--tr-paper);color:var(--tr-ink);font-family:Georgia,"Times New Roman",serif;font-size:17px;line-height:1.63}
.tr-page img{max-width:100%}
.tr-page a{color:inherit;text-decoration:none}
.tr-page a:focus-visible{outline:2px solid var(--tr-rust);outline-offset:4px}
.tr-page .tr-shell{width:min(1100px,calc(100% - 52px));margin-inline:auto}
.tr-page .tr-micro{font-family:Arial,Helvetica,sans-serif;letter-spacing:.16em;font-weight:700;font-size:10px;text-transform:uppercase;color:var(--tr-rust)}
.tr-header{border-bottom:1px solid var(--tr-line);background:#fffdf9}
.tr-header-inner{min-height:82px;display:flex;align-items:center;gap:36px;justify-content:space-between}
.tr-wordmark{display:flex;align-items:center;gap:12px;font-family:Georgia,serif;font-weight:700;color:var(--tr-ink);font-size:15px;line-height:1.25}
.tr-wordmark img{width:94px;height:44px;object-fit:contain}
.tr-header nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.tr-header nav a{font:600 12px/1.4 Arial,Helvetica,sans-serif;color:#374651}
.tr-header nav a[aria-current="page"],.tr-header nav a:hover{color:var(--tr-rust)}
.tr-main{padding:0 0 70px}
.tr-breadcrumb{margin:33px 0 27px;font:600 11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.055em;color:var(--tr-quiet)}
.tr-breadcrumb a{color:var(--tr-rust)}
.tr-breadcrumb span{padding:0 9px;color:#aba69d}
.tr-hero{display:grid;grid-template-columns:minmax(0,1fr) 202px;gap:45px;align-items:center;padding-bottom:34px;border-bottom:1px solid var(--tr-line)}
.tr-hero h1,.tr-archive-hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.028em;line-height:1.12;color:var(--tr-ink);margin:14px 0 17px}
.tr-hero h1{font-size:clamp(30px,4vw,48px)}
.tr-hero .tr-deck{font-size:17px;line-height:1.59;max-width:700px;color:#515b64;margin:0}
.tr-portrait{margin:0;align-self:start}
.tr-portrait img{display:block;width:202px;height:247px;object-fit:cover;object-position:50% 37%;border-radius:2px}
.tr-portrait figcaption{font:11px/1.45 Arial,Helvetica,sans-serif;color:var(--tr-quiet);margin-top:8px;text-align:center}
.tr-reading{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:62px;align-items:start;padding-top:29px}
.tr-prose{min-width:0;font-size:17px;line-height:1.68}
.tr-prose > p{margin:0 0 12px;color:#34434a}
.tr-prose > p:nth-of-type(-n+2){display:none}
.tr-prose > h3{font-family:Georgia,"Times New Roman",serif;font-weight:700;font-size:20px;line-height:1.38;letter-spacing:-.008em;margin:30px 0 10px;color:var(--tr-ink)}
.tr-prose{counter-reset:tr-question}
.tr-prose > h3::before{counter-increment:tr-question;content:counter(tr-question,decimal-leading-zero) "  /  ";font:700 11px/1.7 Arial,Helvetica,sans-serif;letter-spacing:.09em;color:var(--tr-rust);vertical-align:2px;white-space:nowrap}
.tr-prose > h3 + p{margin-top:0}
.tr-prose > p:last-child{margin-top:26px}
.tr-prose > p em{font-style:italic}
.tr-prose > figure:has(img[src*="ritratto-per-lintervista"]),.tr-prose > figure:has(img[src*="copertina.png"]){display:none!important}
.tr-prose > figure{margin:14px 0}
.tr-prose .wp-block-image img{max-width:100%;height:auto}
.tr-book-aside{position:sticky;top:24px;border:1px solid var(--tr-line);padding:21px 22px 23px;background:#fffdf9;box-shadow:0 3px 16px rgba(55,45,38,.035)}
.tr-book-aside .tr-micro{display:block;margin-bottom:14px}
.tr-book-cover{display:block;max-width:174px;height:auto;margin:0 auto 16px;box-shadow:0 8px 19px rgba(36,42,45,.13)}
.tr-book-aside h2{font:400 26px/1.2 Georgia,"Times New Roman",serif;letter-spacing:-.025em;margin:0 0 4px}
.tr-book-aside .tr-book-author{font:12px/1.6 Arial,Helvetica,sans-serif;color:var(--tr-quiet);margin:0 0 14px}
.tr-book-aside p{font:13px/1.55 Arial,Helvetica,sans-serif;color:#515d64;margin:0 0 17px}
.tr-button{display:inline-flex;justify-content:space-between;align-items:center;gap:15px;padding:11px 15px;background:var(--tr-ink);color:white!important;font:600 12px/1.4 Arial,Helvetica,sans-serif;width:100%;transition:background .2s}
.tr-button:hover{background:var(--tr-rust)}
.tr-footer{border-top:1px solid var(--tr-line);padding:28px 0 35px;background:#fffdf9}
.tr-footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;color:#727a80;font:12px/1.6 Arial,Helvetica,sans-serif}
.tr-footer a{color:var(--tr-rust)}
.tr-end-link{margin:28px 0 0;display:inline-block;font:600 12px/1.4 Arial,Helvetica,sans-serif;color:var(--tr-rust)!important}
.tr-archive-hero{padding:58px 0 32px;border-bottom:1px solid var(--tr-line)}
.tr-archive-hero h1{font-size:clamp(44px,7vw,75px);margin:10px 0 12px}
.tr-archive-hero .tr-lead{font-size:19px;line-height:1.6;max-width:670px;margin:0;color:#52616b}
.tr-archive-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:31px 0 19px}
.tr-archive-header h2{font:400 26px/1.2 Georgia,serif;margin:0}
.tr-archive-header span{font:700 11px/1.2 Arial,Helvetica,sans-serif;color:var(--tr-quiet)}
.tr-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tr-card{border:1px solid var(--tr-line);background:#fffefa;transition:border-color .15s,transform .15s;min-width:0}
.tr-card:hover{border-color:#c4ad96;transform:translateY(-2px)}
.tr-card>a{display:flex;flex-direction:column;height:100%}
.tr-card-picture{display:block;aspect-ratio:3/2;overflow:hidden;background:var(--tr-soft)}
.tr-card-picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 28%}
.tr-card-copy{padding:22px 23px 25px}
.tr-card h3{font:400 25px/1.22 Georgia,serif;letter-spacing:-.018em;margin:11px 0}
.tr-card p{font-size:15px;line-height:1.57;color:#53606a;margin:0 0 16px}
.tr-card .tr-read{font:700 11px/1.5 Arial,Helvetica,sans-serif;color:var(--tr-rust);letter-spacing:.025em}
.tr-card:first-child{grid-column:span 2}
.tr-card:first-child>a{display:grid;grid-template-columns:42% 58%}
.tr-card:first-child .tr-card-picture{height:100%;aspect-ratio:auto}
.tr-card:first-child h3{font-size:30px}
.tr-empty{padding:32px 0;font-size:17px;color:var(--tr-quiet)}
.tr-pagination{margin:31px 0;display:flex;gap:16px;font:600 12px Arial,Helvetica,sans-serif}
.tr-pagination .page-numbers{padding:8px 12px;border:1px solid var(--tr-line)}
.tr-pagination .current{background:var(--tr-ink);color:white}
@media(max-width:780px){
.tr-header-inner{min-height:70px;gap:16px}
.tr-header nav{gap:12px}
.tr-header nav a{font-size:11px}
.tr-page .tr-shell{width:min(100% - 36px,680px)}
.tr-hero{grid-template-columns:minmax(0,1fr) 148px;gap:22px}
.tr-portrait img{height:187px;width:148px}
.tr-reading{grid-template-columns:minmax(0,1fr) 185px;gap:25px}
.tr-book-aside{padding:14px}
.tr-book-aside h2{font-size:23px}
.tr-book-cover{max-width:143px}
.tr-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.tr-card:first-child{grid-column:span 2}
}
@media(max-width:620px){
.tr-page .tr-shell{width:calc(100% - 36px)}
.tr-header-inner{flex-direction:column;justify-content:center;padding:13px 0;gap:10px}
.tr-header nav{justify-content:center;gap:15px}
.tr-breadcrumb{margin:19px 0}
.tr-hero{display:grid;grid-template-columns:minmax(0,1fr) 108px;gap:11px 14px;align-items:start;padding-bottom:23px}
.tr-hero-text{display:contents}
.tr-hero .tr-micro,.tr-hero h1{grid-column:1 / -1}
.tr-hero h1{font-size:34px;margin:0 0 4px}
.tr-hero .tr-deck{font-size:16px;grid-column:1;grid-row:3}
.tr-portrait{display:block;grid-column:2;grid-row:3;margin:0}
.tr-portrait img{height:132px;width:108px}
.tr-portrait figcaption{font-size:10px}
.tr-reading{display:block;padding-top:23px}
.tr-prose{font-size:16px;line-height:1.67}
.tr-prose > h3{font-size:18px;margin-top:26px}
.tr-book-aside{position:static;display:grid;grid-template-columns:93px minmax(0,1fr);gap:0 18px;margin-top:35px;padding:17px}
.tr-book-aside .tr-micro{grid-column:1/-1}
.tr-book-cover{grid-row:2/6;width:93px;margin:0}
.tr-book-aside h2{font-size:23px}
.tr-book-aside p{margin-bottom:10px}
.tr-book-aside .tr-button{grid-column:2;align-self:end;font-size:11px}
.tr-archive-hero{padding:31px 0 25px}
.tr-archive-hero h1{font-size:50px}
.tr-archive-hero .tr-lead{font-size:16px}
.tr-cards{display:block}
.tr-card,.tr-card:first-child{margin-bottom:15px}
.tr-card:first-child>a{display:flex}
.tr-card:first-child .tr-card-picture{aspect-ratio:3/2}
.tr-card:first-child h3{font-size:25px}
}
