/* Musurgia Mundi · Approfondimenti del Rinascimento · 16 ottobre 2026 */
:root{--ink:#271e19;--paper:#f7f1e5;--cream:#e9ddc9;--red:#7f2829;--blue:#263f5e;--gold:#a27735;--muted:#64594e;--border:#c9b89d;--sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--serif:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}
html{background:#ded2bf}
body{margin:0;color:var(--ink);background:linear-gradient(95deg,#d9cdbb,#eee5d6 52%,#d7c8b1);font:1.07rem/1.8 var(--serif)}
a{color:var(--blue);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover,a:focus-visible{color:var(--red)}
.skip{position:absolute;top:-100px;left:10px;padding:.4rem .8rem;background:white;z-index:50;font:700 .9rem var(--sans)}.skip:focus{top:10px}
.shell{max-width:1270px;margin:0 auto;min-height:100vh;background:var(--paper);box-shadow:0 0 65px #32201220}
.top{position:relative;background:radial-gradient(circle at 78% 12%,#7e513962,transparent 33%),linear-gradient(120deg,#1f1b1a,#3a2b25 65%,#28241f);padding:1rem clamp(1.2rem,5vw,5rem) 4rem;color:#faf1e3}
.eyebrow{font:800 .71rem/1.5 var(--sans);letter-spacing:.17em;text-transform:uppercase;color:#dcc38c}
.topbar{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:center;border-bottom:1px solid #ddc7a34b;padding-bottom:.95rem}
.topbar a{font:750 .78rem var(--sans);text-decoration:none;color:#f2dfbe}
.top-copy{max-width:1040px;padding-top:4.3rem}
.top h1{font-weight:500;letter-spacing:-.044em;font-size:clamp(3rem,8vw,6.7rem);line-height:1.02;margin:.35rem 0 1.15rem}
.dek{max-width:820px;color:#ebddcb;font-size:clamp(1.1rem,2vw,1.45rem);line-height:1.55;margin:0 0 1.6rem}
.byline{font:700 .77rem var(--sans);letter-spacing:.05em;color:#debd88}
.dates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--border);background:#eadcc5}
.dates div{padding:1.2rem 1.4rem;border-right:1px solid #c8b596;min-width:0}
.dates b{display:block;font:750 1.3rem var(--serif);color:#793433}
.dates span{font:.76rem/1.5 var(--sans);color:#554d42}
.anchor-nav{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;gap:.15rem .35rem;padding:.6rem clamp(.8rem,5vw,4rem);background:#f3eaddeb;border-bottom:1px solid var(--border);backdrop-filter:blur(12px);font-family:var(--sans)}
.anchor-nav a{font-size:.77rem;padding:.35rem .6rem;text-decoration:none;font-weight:700;border-radius:4px}
.anchor-nav a:hover,.anchor-nav a:focus{background:#d9c7a9}
main{padding:3.2rem clamp(1.2rem,5vw,5rem) 6rem}
.article{max-width:840px;margin:auto}
.lead{font-size:clamp(1.2rem,2.5vw,1.43rem);line-height:1.72}
.article h2{margin:4.5rem 0 1.1rem;padding-top:.85rem;border-top:1px solid var(--border);font-weight:500;font-size:clamp(1.9rem,4.5vw,3.15rem);letter-spacing:-.035em;line-height:1.12}
.article h3{font-size:1.45rem;line-height:1.3;margin:2rem 0 .6rem}
.article p{margin:0 0 1.3rem}
.article section{scroll-margin-top:8rem}
.article blockquote{font-size:clamp(1.35rem,2.5vw,1.9rem);font-style:italic;line-height:1.5;border-left:4px solid var(--red);margin:2rem 0;padding:.6rem 0 .6rem 1.5rem;color:#5b3329}
.divider{width:6.5rem;height:3px;background:var(--gold);margin:2.5rem 0}
.box{background:#ede2cf;border-left:4px solid var(--blue);padding:1.2rem 1.5rem;margin:2rem 0}
.box p:last-child{margin-bottom:0}.box h3{margin:.15rem 0 .5rem;font-size:1.17rem}
.box.red{border-left-color:var(--red)}.box.gold{border-left-color:var(--gold)}
.sidenote{font:.86rem/1.7 var(--sans);color:var(--muted);background:#ede6db;border:1px solid #d6c9b5;padding:1rem 1.2rem;margin:1.4rem 0}
.timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1.6rem 0 2.5rem}
.timeline .entry{border-top:3px solid var(--gold);padding:1rem;background:#ebe0cd}
.timeline strong{display:block;color:var(--red);font-size:1.4rem}.timeline span{font:.82rem/1.5 var(--sans)}
.sources{padding-top:1.2rem}.sources ol{padding-left:1.4rem}.sources li{margin:.9rem 0;font-size:.93rem;line-height:1.65}.sources li a{overflow-wrap:anywhere}
.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin:1.6rem 0}
.resource{display:block;background:#ece3d4;border:1px solid var(--border);border-top:4px solid var(--gold);padding:1rem 1.1rem;text-decoration:none;min-height:145px}
.resource small{font:800 .65rem var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--red)}.resource strong{display:block;font-size:1.2rem;color:#2a2724;margin:.25rem 0}.resource span{font:.85rem/1.5 var(--sans);color:#5d5144}
.resource:hover{background:#fffaf1}
.other{max-width:840px;margin:4.4rem auto 0;padding:1.6rem 1.8rem;background:#2d2822;color:#f7eddd;border-top:4px solid #ba945f}
.other h2{font-size:1.65rem;font-weight:500;margin:.2rem 0 .7rem}.other a{color:#f0ce91}
.footer{padding:1.6rem clamp(1.2rem,5vw,5rem);font:.79rem/1.6 var(--sans);background:#211d1b;color:#e0d3c1;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.footer a{color:#f1d7a4}
@media(max-width:760px){.dates{grid-template-columns:repeat(2,minmax(0,1fr))}.dates div:nth-child(2){border-right:0}.dates div:nth-child(-n+2){border-bottom:1px solid #c8b596}.timeline,.resource-grid{grid-template-columns:1fr}.anchor-nav{position:relative;top:auto}.top-copy{padding-top:2.8rem}.top{padding-bottom:2.9rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* Memorie d'autore: testimonianze personali, distinte dalle fonti documentarie */
.author-memory{position:relative;margin:2.6rem 0 2.8rem;padding:1.65rem clamp(1.25rem,3vw,2rem) 1.35rem;background:#f2e9dc;border-left:3px solid #a27735;border-top:1px solid #d7c9b3;border-bottom:1px solid #d7c9b3}
.author-memory-label{font:800 .68rem/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#7b5127}
.article .author-memory h3{margin:.32rem 0 .95rem;font:normal clamp(1.28rem,2.5vw,1.62rem)/1.3 var(--serif);letter-spacing:-.015em;color:#432e27}
.article .author-memory p{font-size:1.12rem;line-height:1.72;font-style:italic;margin:0 0 .85rem}
.author-memory-signature{display:flex;align-items:center;gap:.75rem;justify-content:flex-end;margin-top:1.05rem;font:700 .76rem/1.4 var(--sans);letter-spacing:.04em;color:#684a37}
.author-memory-signature:before{content:"";width:2.5rem;height:1px;background:#b99e7c}
@media(max-width:600px){.author-memory{margin:2rem 0;padding:1.25rem 1.15rem}.article .author-memory p{font-size:1.05rem}}