/*
Theme Name: Didattica del Bello
Theme URI: https://didatticadelbello.it/
Author: Didattica del Bello
Description: Tema didattico leggero, mobile-first e accessibile, con Vista Quaderno e Vista accessibile.
Version: 2.0.6
Requires at least: 6.4
Tested up to: 7.1
Requires PHP: 7.4
Text Domain: didattica-del-bello
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: education, accessibility-ready, custom-logo, custom-menu, featured-images, responsive-layout
*/

:root{
    --ink:#2b2926;
    --paper:#f6f0e6;
    --paper-deep:#e9e0d2;
    --line:#c9c1b4;
    --wash-green:#c7d0bb;
    --wash-gold:#e8cfa0;
    --wash-blue:#d8e3e7;
    --wash-rose:#ecd2ca;
    --olive:#6d795e;
    --accent:#b87b5f;
    --muted:#5a5751;
    --card:#fdfaf4;
    --focus:#075985;
    --hand:"Segoe Print","Comic Sans MS","Bradley Hand",cursive;
    --base-size:1rem;
    --reading-line:1.65;
    --content:76rem;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;font-size:var(--base-size)}
body{margin:0;color:var(--ink);background:var(--paper);font-family:ui-rounded,"Segoe UI",Arial,sans-serif;line-height:var(--reading-line)}
body.view-notebook{background-color:var(--paper);background-image:linear-gradient(rgba(98,103,87,.09) 1px,transparent 1px);background-size:100% 2rem}
a{color:#315d58;text-decoration-thickness:.11em;text-underline-offset:.16em}
a:hover{text-decoration-thickness:.2em}
img{max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
button,.button,input[type=submit]{min-height:44px;border:1.5px solid var(--ink);border-radius:.35rem;background:var(--card);color:var(--ink);padding:.55rem .8rem;cursor:pointer;font-weight:700;box-shadow:2px 2px 0 rgba(37,42,40,.45)}
button:hover,.button:hover,input[type=submit]:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 rgba(37,42,40,.45)}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.skip-link{position:absolute;left:-9999px;top:.5rem;z-index:9999;background:#fff;padding:.75rem}
.skip-link:focus{left:.5rem}

.site-header{background:rgba(249,245,238,.94);border-bottom:1px solid var(--line);position:relative;z-index:10}
.header-inner,.site-main,.site-footer-inner{width:min(calc(100% - 2rem),var(--content));margin-inline:auto}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 0}
.site-branding{display:flex;align-items:center;gap:.65rem;min-width:0}
.custom-logo{max-height:58px;width:auto}
.site-title{font-family:var(--hand);font-size:clamp(1.25rem,4vw,2rem);font-weight:600;color:var(--ink);text-decoration:none;white-space:nowrap}
.site-description{margin:0;color:var(--muted);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}
.menu-toggle{display:flex;align-items:center;gap:.5rem;background:transparent;box-shadow:none;border:0;padding:.35rem;color:var(--ink)}
.menu-icon{display:inline-grid;gap:4px;width:24px}.menu-icon i{height:1.5px;background:currentColor;display:block}
.primary-navigation{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--line);padding:1rem}
.primary-navigation.is-open{display:block}
.primary-navigation ul{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}
.primary-navigation a{display:block;padding:.6rem;color:var(--ink);font-weight:700}
.accessibility-bar{background:rgba(220,227,210,.82);border-bottom:1px solid #aeb7a6}
.accessibility-inner{width:min(calc(100% - 1rem),var(--content));margin:auto;display:flex;align-items:center;gap:.4rem;overflow-x:auto;padding:.45rem 0}
.accessibility-inner button{white-space:nowrap;box-shadow:none;min-height:40px;padding:.4rem .65rem;border-color:#6d776d;background:rgba(255,253,248,.74)}
.accessibility-inner button[aria-pressed="true"]{background:var(--ink);color:#fff}
.accessibility-label{font-weight:800;margin-right:.25rem;white-space:nowrap}

.site-main{padding-block:1.5rem 2rem;min-height:60vh}
.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:800;color:var(--olive)}
h1,h2,h3{line-height:1.18;text-wrap:balance}
h1,h2{font-family:var(--hand),ui-rounded,"Segoe UI",sans-serif;font-weight:600}
h1{font-size:clamp(2.25rem,7vw,4.1rem);margin:.15em 0}
h2{font-size:clamp(1.65rem,5vw,2.7rem)}
h3{font-size:clamp(1.15rem,3vw,1.5rem)}
.lead{font-size:clamp(1.1rem,2.5vw,1.35rem);max-width:48rem}
.button{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none}
.text-link{font-weight:800;white-space:nowrap}
.visually-hidden,.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Vista Quaderno / schizzo */
.notebook-hero{position:relative;display:grid;gap:1.5rem;align-items:center;padding:clamp(2rem,5vw,3.5rem) clamp(.25rem,2vw,1.25rem) clamp(1.75rem,4vw,3rem);overflow:hidden}
.notebook-hero::before{content:"";position:absolute;inset:1rem 0 auto 12%;height:9rem;background:var(--wash-gold);opacity:.28;transform:rotate(-2deg);z-index:-1;border-radius:50% 42% 55% 38%}
.notebook-hero::after{content:"";position:absolute;right:-12%;bottom:0;width:45%;height:16rem;background:var(--wash-green);opacity:.3;transform:rotate(6deg);z-index:-1;border-radius:48% 52% 42% 60%}
.hero-copy{max-width:44rem}
.hero-copy h1{letter-spacing:.02em}
.hero-copy h1 span{position:relative}
.hero-copy h1 span::after{content:"";position:absolute;left:0;right:4%;bottom:-.12em;height:.14em;background:var(--olive);opacity:.72;transform:rotate(-1.5deg);border-radius:50%}
.hero-copy .lead{max-width:22rem;margin-block:1.25rem 1.5rem}
.sketch-button{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:3px 3px 0 rgba(37,42,40,.33)}
.sketch-button:hover{background:#3e4942;color:#fff}
.hero-sketch{justify-self:center;width:min(100%,24rem);filter:drop-shadow(0 9px 2px rgba(37,42,40,.08))}
.hero-sketch svg,.hero-sketch img{display:block;width:100%;height:auto}.hero-sketch img{max-height:31rem;object-fit:contain}
.pencil{fill:none;stroke:#303733;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.pencil.thin{stroke-width:1.1;opacity:.78}
.wash{stroke:none;opacity:.5}.wash-gold{fill:var(--wash-gold)}

.periods-panel{padding:1rem 0 2rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin:1.5rem 0 1rem}
.section-heading h2{margin:.12em 0 0}
.periods-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.period-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:7.2rem;padding:.7rem .45rem;text-align:center;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line);font-family:var(--hand);font-size:.9rem;transition:transform .18s ease,background .18s ease}
.period-item:hover{background:rgba(255,253,248,.7);transform:translateY(-2px)}
.period-icon{display:grid;place-items:center;width:3.8rem;height:3.8rem;margin-bottom:.4rem;border-radius:46% 54% 48% 52%;font-family:Georgia,serif;font-size:2rem;color:var(--ink);background:var(--wash-gold);box-shadow:inset 0 0 0 1px rgba(37,42,40,.15)}
.period-medieval .period-icon{background:var(--wash-blue)}.period-renaissance .period-icon{background:var(--wash-green)}.period-modern .period-icon{background:var(--wash-rose)}.period-now .period-icon{background:#e9e4c9}
.home-features{padding:1rem 0 0}.home-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.home-feature{display:flex;flex-direction:column;align-items:center;min-height:12rem;padding:1rem .65rem 1.15rem;text-align:center;color:var(--ink);text-decoration:none;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .18s ease,transform .18s ease}
.home-feature:nth-child(2n){border-right:0}.home-feature:nth-last-child(-n+2){border-bottom:0}.home-feature:hover{background:rgba(255,253,248,.68);color:var(--ink);transform:translateY(-2px)}
.feature-icon{position:relative;display:grid;place-items:center;width:5rem;height:4.7rem;margin-bottom:.4rem;font-family:Georgia,serif;font-size:2.1rem;background:transparent}
.feature-icon::before{content:"";position:absolute;inset:.3rem .45rem .15rem;background:var(--wash-gold);opacity:.72;border-radius:44% 56% 48% 52% / 55% 43% 57% 45%;transform:rotate(-7deg)}
.feature-artisti .feature-icon::before{background:var(--wash-rose);transform:rotate(5deg)}.feature-attivita .feature-icon::before{background:var(--wash-gold);transform:rotate(-4deg)}.feature-progetti .feature-icon::before{background:var(--wash-green);transform:rotate(7deg)}.feature-civica .feature-icon::before{background:var(--wash-blue);transform:rotate(-6deg)}.feature-disegno .feature-icon::before{background:var(--wash-rose);transform:rotate(4deg)}.feature-news .feature-icon::before{background:#e9dfbc;transform:rotate(5deg)}
.home-feature strong{font-family:var(--hand);font-weight:600;font-size:1rem;line-height:1.25}.home-feature>span:last-child{max-width:13rem;margin-top:.35rem;color:var(--muted);font-size:.83rem;line-height:1.4}
.notebook-note{position:relative;display:flex;align-items:center;justify-content:center;gap:1rem;max-width:50rem;margin:2rem auto;padding:1rem 2rem;background:rgba(234,216,166,.46);transform:rotate(-.7deg);text-align:center}
.notebook-note::before,.notebook-note::after{content:"";position:absolute;top:-.65rem;width:4.2rem;height:1.15rem;background:rgba(220,199,151,.68);transform:rotate(-7deg)}
.notebook-note::before{left:14%}.notebook-note::after{right:14%;transform:rotate(7deg)}
.notebook-note p{margin:0;font-family:var(--hand);font-size:clamp(1rem,2vw,1.3rem)}
.note-icon{font-size:2rem;color:#9a7c43}.note-doodle{font-size:2.2rem;color:var(--olive);transform:rotate(-18deg)}
.landing-actions{display:grid;gap:.8rem;margin-block:2rem}
.action-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:1rem;color:var(--ink);text-decoration:none;background:rgba(255,253,248,.72);border:1px solid var(--line);box-shadow:2px 2px 0 rgba(37,42,40,.12);transition:transform .18s ease,box-shadow .18s ease}
.action-card:hover{color:var(--ink);transform:translateY(-2px) rotate(-.3deg);box-shadow:4px 4px 0 rgba(37,42,40,.13)}
.action-icon{display:grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:50%;font-family:Georgia,serif;font-size:1.7rem;background:var(--wash-blue)}
.action-attivita .action-icon{background:var(--wash-gold)}.action-progetti .action-icon,.action-opere .action-icon{background:var(--wash-green)}
.action-card strong{display:block;font-family:var(--hand);font-size:1.02rem;line-height:1.25}.action-card small{display:block;margin-top:.15rem;color:var(--muted);font-size:.82rem}.action-arrow{font-size:1.35rem}
.notebook-section{padding-top:1rem}.notebook-section+.notebook-section{margin-top:1rem}
.content-grid{display:grid;grid-template-columns:1fr;gap:1.2rem}
.entry-card{position:relative;background:rgba(255,253,248,.74);border:1px solid var(--line);padding:1rem;box-shadow:3px 4px 0 rgba(37,42,40,.13)}
.entry-card:nth-child(2n){transform:rotate(.35deg)}.entry-card:nth-child(3n){transform:rotate(-.25deg)}
.entry-card h2,.entry-card h3{margin:.4rem 0;font-family:var(--hand);font-size:1.35rem}.entry-card h2 a,.entry-card h3 a{color:var(--ink)}
.entry-meta{color:var(--olive);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.entry-thumbnail{display:block;margin:-.2rem -.2rem .75rem}.entry-thumbnail img{display:block;width:100%;border:6px solid #f8f5ed;outline:1px solid var(--line);aspect-ratio:16/9;object-fit:cover}
.entry-content{max-width:48rem}.entry-content>:first-child{margin-top:0}.archive-description{max-width:48rem}
.notebook-page-header{position:relative;padding:1rem 0 2rem;margin-bottom:1rem;border-bottom:1px solid var(--line)}.notebook-page-header h1{margin:.35rem 0 .75rem;font-size:clamp(2rem,6vw,4rem)}.back-link{display:inline-block;margin-bottom:1rem;font-family:var(--hand);font-size:.92rem;color:var(--ink);text-decoration:none}.back-link:hover{text-decoration:underline}
.notebook-entry{max-width:70rem;margin-inline:auto}.notebook-entry-header{display:grid;gap:1.25rem;align-items:start;padding:1rem 0 1.5rem;border-bottom:1px solid var(--line)}.notebook-entry-header h1{margin:.3rem 0;font-size:clamp(2.3rem,6vw,4.6rem)}.notebook-entry-header .lead{margin:.6rem 0 0}.entry-featured{margin:0;background:rgba(255,253,248,.65);padding:.7rem;border:1px solid var(--line);transform:rotate(1deg);box-shadow:3px 4px 0 rgba(37,42,40,.13)}.entry-featured img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.notebook-entry-body{padding-top:1.5rem}
.essential-summary{background:rgba(220,227,210,.62);border:1px solid #aeb7a6;padding:1rem;margin-block:1.5rem}.essential-summary h2{margin-top:0}.summary-grid{display:grid;gap:.8rem}.summary-item strong{display:block;color:var(--olive)}
.home-closing{display:flex;justify-content:center;align-items:center;gap:1rem;margin:3rem auto .5rem;color:var(--olive);font-family:var(--hand);font-size:clamp(1.2rem,3vw,1.7rem);text-align:center}.home-closing span{font-size:2rem;transform:rotate(-16deg)}
.site-footer{border-top:1px solid var(--line);margin-top:3rem;background:var(--paper-deep)}.site-footer-inner{padding:2rem 0}.footer-menu{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:1rem}

/* Pagina provvisoria mostrata ai visitatori durante i lavori, ispirata alla tavola di riferimento. */
.is-construction-page{min-height:100svh;background:#f7f2e9;background-image:linear-gradient(rgba(77,91,78,.09) 1px,transparent 1px);background-size:100% 2rem}
.construction-page{position:relative;width:min(calc(100% - 2rem),94rem);min-height:100svh;margin:auto;padding:clamp(1.2rem,3vw,2.5rem) clamp(.2rem,2vw,1.5rem) 2rem;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden}
.construction-page::before{content:"";position:absolute;inset:0 0 auto;width:100%;height:15rem;background:var(--wash-gold);opacity:.17;transform:rotate(-1deg);border-radius:50%;z-index:-1}
.construction-side{position:absolute;top:10rem;width:clamp(10rem,21vw,18rem);opacity:.65;pointer-events:none;z-index:0}.construction-side svg{display:block;width:100%;height:auto}.construction-side-left{left:-2rem}.construction-side-right{right:-2rem}.construction-side .pencil{stroke-width:1.7}.construction-side .pencil.thin{stroke-width:.9}
.construction-brand{position:relative;z-index:1;display:flex;align-items:center;gap:.5rem;align-self:flex-start;font-family:var(--hand);font-size:clamp(1.2rem,3vw,1.65rem);font-weight:600}
.construction-mark{display:grid;place-items:center;width:2rem;height:2rem;border:1px solid var(--ink);border-radius:50%;font-family:Georgia,serif}
.construction-header{position:relative;z-index:1;max-width:58rem;margin:clamp(1rem,4vw,2.5rem) auto 0}.construction-header h1{margin:.35rem 0 .55rem;font-size:clamp(2.1rem,6vw,4.8rem)}
.construction-site-title{margin:0;font-family:var(--hand);font-size:clamp(2.3rem,7vw,5.8rem);letter-spacing:.04em;line-height:1;color:var(--ink)}
.construction-subtitle{margin:.75rem 0 0;font-family:var(--hand);font-size:clamp(.78rem,2vw,1.1rem);letter-spacing:.18em;color:var(--muted)}
.construction-divider{display:block;width:8rem;height:1px;background:var(--ink);margin:1rem auto}
.construction-content{position:relative;z-index:1;max-width:54rem;margin:clamp(2rem,6vw,4rem) auto 0}.construction-content h1{margin:.35rem 0 1.2rem;font-size:clamp(2.4rem,7vw,5rem)}
.construction-lead{max-width:45rem;margin:auto;font-size:clamp(1.05rem,2.4vw,1.3rem)}
.construction-callout{margin:1.75rem auto 0;color:var(--olive);font-family:var(--hand);font-size:clamp(1.15rem,3vw,1.7rem)}
.construction-doodle{width:min(100%,52rem);margin:-1rem auto 0;pointer-events:none}.construction-doodle svg{display:block;width:100%;height:auto}.construction-doodle .wash{opacity:.45}.wash-green{fill:var(--wash-green)}
.construction-kicker{position:relative;z-index:1;margin:1rem 0 .8rem;font-family:var(--hand);font-size:1.05rem;letter-spacing:.18em;text-transform:uppercase;color:var(--olive)}
.construction-links{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--line);padding-top:1.1rem}.construction-links span{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.28rem;min-height:6rem;padding:.35rem .6rem;color:var(--muted);font-family:var(--hand);font-size:.86rem}.construction-links span:first-letter{font-size:1.8rem;color:var(--olive)}.construction-links b{font-weight:600}
body.view-accessible .construction-page{background:#fff;background-image:none}.view-accessible .construction-page h1,.view-accessible .construction-page .construction-brand,.view-accessible .construction-page .construction-callout,.view-accessible .construction-page .construction-kicker,.view-accessible .construction-site-title,.view-accessible .construction-subtitle{font-family:Arial,sans-serif}.view-accessible .construction-page::before,.view-accessible .construction-doodle{display:none}

/* Vista accessibile / semplificata: stesso contenuto, impaginazione pulita. */
body.view-accessible{--paper:#fff;--card:#fff;background:#fff;background-image:none;font-family:Arial,Helvetica,sans-serif}
body.view-accessible h1,body.view-accessible h2,body.view-accessible h3,body.view-accessible .site-title,body.view-accessible .action-card strong,body.view-accessible .notebook-note p{font-family:Arial,Helvetica,sans-serif;font-weight:700}
body.view-accessible .notebook-hero::before,body.view-accessible .notebook-hero::after,body.view-accessible .hero-sketch,body.view-accessible .notebook-note,body.view-accessible .home-closing{display:none}
body.view-accessible .hero-copy h1 span::after{display:none}
body.view-accessible .site-description{display:none}
body.view-accessible .periods-panel{border-color:#777}
body.view-accessible .period-item{border:1px solid #777;min-height:5.5rem;background:#fff;font-family:Arial,sans-serif;font-weight:700}
body.view-accessible .period-icon{display:none}
body.view-accessible .home-feature-grid{border-color:#777}.view-accessible .home-feature{border-color:#777;background:#fff}.view-accessible .home-feature:hover{transform:none}.view-accessible .feature-icon{display:none}.view-accessible .home-feature strong{font-family:Arial,sans-serif;font-weight:700}
body.view-accessible .action-card{border:1px solid #555;box-shadow:none;background:#fff}
body.view-accessible .action-card:hover{transform:none;box-shadow:none}
body.view-accessible .entry-card{transform:none!important;box-shadow:none;border:1px solid #777;background:#fff}
body.view-accessible .entry-thumbnail img{border:0;outline:0}
body.view-accessible .essential-summary{border:1px solid #555;background:#f5f5f5}
body.high-contrast{--ink:#000;--paper:#fff;--card:#fff;--accent:#000;--olive:#000;--muted:#222;--focus:#d40000}
body.high-contrast a{color:#000;text-decoration:underline}body.extra-spacing{--reading-line:2}body.extra-spacing p,body.extra-spacing li{letter-spacing:.04em;word-spacing:.12em;margin-block:1.25em}body.font-large{--base-size:1.125rem}body.font-xlarge{--base-size:1.25rem}

@media(min-width:42rem){.periods-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-feature{border-bottom:0}.home-feature:nth-child(2n){border-right:1px solid var(--line)}.home-feature:nth-child(3n){border-right:0}.landing-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.action-card{grid-template-columns:auto 1fr;align-items:start}.action-arrow{grid-column:2}.action-card small{min-height:2.3em}}
@media(min-width:48rem){.menu-toggle{display:none}.primary-navigation{display:block;position:static;border:0;background:transparent;padding:0}.primary-navigation ul{display:flex;flex-wrap:wrap}.notebook-hero{grid-template-columns:1.1fr .9fr;min-height:25rem}.hero-sketch{width:min(100%,24rem)}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-grid{grid-template-columns:repeat(2,1fr)}.notebook-entry-header{grid-template-columns:1.1fr .9fr;align-items:center}}
@media(min-width:70rem){.content-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.periods-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.period-item{border-bottom:0;border-right:1px solid var(--line)}.period-item:last-child{border-right:0}.home-feature-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.home-feature{border-bottom:0}.home-feature:nth-child(3n){border-right:1px solid var(--line)}.home-feature:last-child{border-right:0}}
@media(min-width:54rem){.construction-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:54rem){.construction-side{opacity:.22;top:12rem;width:12rem}.construction-side-left{left:-5rem}.construction-side-right{right:-5rem}}
@media(max-width:35rem){.construction-side{display:none}}

/* La pagina provvisoria usa la tavola approvata come resa visiva esatta. */
.is-construction-page{background:#f7f2e9;background-image:none}
.is-construction-page .construction-page{width:100%;max-width:none;min-height:100svh;padding:0;display:block;overflow:hidden}
.is-construction-page .construction-page::before,.is-construction-page .construction-page>*:not(.construction-reference):not(.construction-reference-text){display:none}
.construction-reference{width:100%;max-width:96rem;margin:0 auto}.construction-reference img{display:block;width:100%;height:auto}
.construction-reference-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:normal;border:0}
.view-accessible .construction-reference{display:none}.view-accessible .construction-reference-text{position:static;width:min(calc(100% - 2rem),52rem);height:auto;padding:3rem 0;margin:auto;overflow:visible;clip:auto;border:0;font-family:Arial,sans-serif;text-align:center}.view-accessible .construction-reference-text h1{font-family:Arial,sans-serif;font-size:clamp(2rem,6vw,4rem)}.view-accessible .construction-reference-text ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;padding:0;list-style:none}.view-accessible .construction-reference-text li{padding:.75rem;border:1px solid #777}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.accessibility-bar,.menu-toggle,.primary-navigation,.site-footer{display:none}.site-main{width:100%}.entry-card{box-shadow:none}}

/* Passaggio grafico “tavola di riferimento”: carta calda, etichette a colori,
   bordi disegnati e piccoli elementi da quaderno anche senza immagini caricate. */
body.view-notebook{
    --paper:#faf4e9;
    --paper-deep:#eee3d2;
    --line:#bcb3a5;
    --ink:#292825;
    background-color:var(--paper);
    background-image:linear-gradient(rgba(98,103,87,.1) 1px,transparent 1px),radial-gradient(circle at 20% 10%,rgba(234,207,160,.17),transparent 28rem),radial-gradient(circle at 88% 75%,rgba(199,208,187,.16),transparent 24rem);
    background-size:100% 2rem,100% 100%,100% 100%;
}
.site-header{background:rgba(253,249,241,.97);border-bottom:2px solid rgba(73,75,68,.25)}
.header-inner{width:min(calc(100% - 2rem),68rem);padding:.65rem 0}
.site-branding{gap:.45rem}.site-title{font-size:clamp(1.1rem,2.4vw,1.6rem);letter-spacing:.02em}.site-description{font-size:.68rem;letter-spacing:.12em}
.menu-toggle{font-family:var(--hand);font-size:.85rem}.menu-icon{width:22px}.menu-icon i{height:2px}
.accessibility-bar{background:rgba(215,224,207,.8);border-bottom:1px solid #aeb7a6}
.site-main{width:min(calc(100% - 1.5rem),68rem);padding-block:1.1rem 2.5rem}
.notebook-hero{margin:1.1rem 0 1.5rem;padding:clamp(1.25rem,4vw,2.4rem);border:1px solid rgba(86,88,80,.38);background:rgba(255,252,245,.5);box-shadow:5px 6px 0 rgba(87,83,72,.1);transform:rotate(-.2deg)}
.notebook-hero::before{inset:.8rem -10% auto 8%;height:8rem;opacity:.32}.notebook-hero::after{right:-14%;bottom:-2rem;width:43%;height:15rem;opacity:.26}
.hero-copy{position:relative;z-index:1}.hero-copy h1{font-size:clamp(2.05rem,6.2vw,4rem);letter-spacing:.025em}.hero-copy .lead{font-family:var(--hand);font-size:clamp(1.05rem,2.4vw,1.3rem);line-height:1.45}
.hero-copy .eyebrow{display:inline-block;padding:.25rem .65rem;background:rgba(234,207,160,.68);transform:rotate(-1.5deg);color:#4e5143}
.hero-sketch{max-width:36rem;filter:drop-shadow(0 7px 1px rgba(37,42,40,.08))}.hero-sketch::after{content:"";display:block;width:68%;height:.55rem;margin:-.4rem auto 0;background:rgba(109,121,94,.28);border-radius:50%;transform:rotate(-3deg)}
.hero-sketch img{max-height:none;mix-blend-mode:normal}
.entry-thumbnail img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.periods-panel{padding:1.2rem .15rem 1.6rem;background:rgba(255,252,245,.42);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section-heading{margin:1rem .35rem 1rem}.section-heading h2{font-size:clamp(1.55rem,4.4vw,2.45rem)}
.periods-grid{gap:.45rem}.period-item{min-height:7.5rem;padding:.65rem .4rem;background:rgba(255,252,245,.55);border:1px solid rgba(91,91,82,.33);border-bottom:3px solid rgba(91,91,82,.2);border-radius:.2rem;transform:rotate(-.45deg);box-shadow:2px 3px 0 rgba(80,78,70,.08)}
.period-item:nth-child(2n){transform:rotate(.55deg)}.period-item:nth-child(3n){transform:rotate(-.15deg)}.period-item:hover{background:#fffdf8}
.period-icon{width:3.9rem;height:3.9rem;border:1px solid rgba(82,82,76,.22);box-shadow:inset 0 0 0 4px rgba(255,252,245,.45),inset 0 0 0 5px rgba(82,82,76,.12)}
.period-item::before{content:"";position:absolute;top:-.38rem;width:2.8rem;height:.72rem;background:rgba(224,200,151,.6);transform:rotate(-3deg);opacity:.7}
.notebook-note{border:1px solid rgba(131,111,72,.28);box-shadow:3px 4px 0 rgba(90,84,68,.1);background:rgba(239,218,171,.52)}
.landing-actions{gap:1rem}.action-card{min-height:8.2rem;border:1px solid rgba(88,88,78,.35);background:rgba(255,252,245,.77);box-shadow:3px 4px 0 rgba(80,78,70,.12);border-radius:.15rem}.action-card::before{content:"";position:absolute;top:-.55rem;left:16%;width:3.6rem;height:.85rem;background:rgba(225,202,155,.57);transform:rotate(-4deg)}.action-card:nth-child(2)::before{left:auto;right:14%;transform:rotate(5deg)}.action-card:nth-child(3)::before{left:42%;transform:rotate(-2deg)}
.action-card strong{font-size:1.12rem}.action-icon{border:1px solid rgba(83,83,76,.24);box-shadow:inset 0 0 0 4px rgba(255,252,245,.35)}
.home-feature-grid{gap:.7rem;border:0}.home-feature{position:relative;min-height:11.2rem;border:1px solid rgba(88,88,78,.3)!important;background:rgba(255,252,245,.64);box-shadow:2px 3px 0 rgba(80,78,70,.1);transform:rotate(-.35deg);padding:1.15rem .6rem}.home-feature:nth-child(2n){transform:rotate(.4deg)}.home-feature:nth-child(3n){transform:rotate(-.15deg)}.home-feature:nth-child(4n){transform:rotate(.55deg)}.home-feature:hover{background:#fffdf8;transform:translateY(-3px) rotate(-.35deg)}
.feature-icon{border:0;box-shadow:none}
.feature-icon{width:7.3rem;height:7.3rem;margin-bottom:.65rem;overflow:hidden;border-radius:50%}
.feature-icon::before{display:none}
.feature-icon img{display:block;width:100%;height:100%;object-fit:cover}
.home-feature{min-height:17rem}
.action-icon.action-image{width:5rem;height:5rem;padding:0;overflow:hidden;border-radius:50%;border:1px solid rgba(55,63,58,.22);background:#f7f1e5}
.action-icon.action-image img{display:block;width:100%;height:100%;object-fit:cover}
.archive-heading-sketch img{display:block;width:min(100%,16rem);aspect-ratio:1/1;margin-inline:auto;object-fit:cover;border-radius:50%;filter:saturate(.9) contrast(.98);box-shadow:0 0 0 1px rgba(67,63,54,.12),0 8px 18px rgba(67,63,54,.08)}
.timeline-icon{overflow:hidden}.timeline-icon img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.notebook-section{margin-top:2rem;padding:1rem .75rem 1.3rem;background:rgba(255,252,245,.38);border:1px solid rgba(88,88,78,.24);position:relative}.notebook-section::before{content:"";position:absolute;top:-.72rem;left:1.2rem;width:7rem;height:1.15rem;background:var(--wash-blue);opacity:.75;transform:rotate(-1deg)}.notebook-section:nth-of-type(2n)::before{background:var(--wash-rose)}
.entry-card{border:1px solid rgba(88,88,78,.36);background:rgba(255,252,245,.86);box-shadow:3px 4px 0 rgba(80,78,70,.12);border-radius:.15rem;padding:1rem 1rem 1.1rem}.entry-card::before{content:"";position:absolute;top:-.58rem;right:14%;width:3.2rem;height:.82rem;background:rgba(225,202,155,.58);transform:rotate(4deg)}
.entry-placeholder{display:grid;place-items:center;height:8.6rem;margin:-.2rem -.2rem .8rem;border:1px solid rgba(88,88,78,.28);background:radial-gradient(circle at 35% 40%,rgba(232,207,160,.8),transparent 42%),linear-gradient(135deg,rgba(216,227,231,.65),rgba(236,210,202,.6));transform:rotate(-.35deg);font-family:var(--hand);font-size:4.2rem;color:rgba(57,61,56,.64)}.placeholder-artista{background:radial-gradient(circle at 65% 38%,rgba(236,210,202,.85),transparent 43%),linear-gradient(135deg,rgba(232,207,160,.6),rgba(216,227,231,.65))}.placeholder-opera{background:radial-gradient(circle at 45% 35%,rgba(199,208,187,.85),transparent 45%),linear-gradient(135deg,rgba(236,210,202,.6),rgba(232,227,206,.72))}.placeholder-attivita{background:radial-gradient(circle at 55% 45%,rgba(232,207,160,.82),transparent 45%),linear-gradient(135deg,rgba(199,208,187,.65),rgba(216,227,231,.55))}
.entry-card h2{font-size:1.45rem}.card-link{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--hand);font-weight:600}.entry-meta{letter-spacing:.12em}
.notebook-page-header{margin:1rem 0 1.3rem;padding:1rem .9rem 1.5rem;background:rgba(255,252,245,.58);border:1px solid rgba(88,88,78,.26);box-shadow:3px 4px 0 rgba(80,78,70,.08)}.notebook-page-header h1{font-size:clamp(2.15rem,6vw,3.9rem)}
.notebook-entry-header{padding:1.3rem .9rem 1.6rem;background:rgba(255,252,245,.46);border:1px solid rgba(88,88,78,.26);box-shadow:3px 4px 0 rgba(80,78,70,.08)}
.notebook-entry-body{padding:1.4rem .9rem 0}.essential-summary{background:rgba(215,224,207,.68);border:1px solid rgba(109,121,94,.42);box-shadow:2px 3px 0 rgba(80,78,70,.08)}
@media(min-width:48rem){.site-main{padding-block:1.5rem 3rem}.notebook-hero{min-height:29rem}.home-feature-grid{gap:.75rem}.home-feature{min-height:13rem}.notebook-section{padding-inline:1rem}}
@media(min-width:70rem){.site-main{width:min(calc(100% - 3rem),70rem)}.primary-navigation{display:none}.menu-toggle{display:flex}.notebook-hero{grid-template-columns:1.05fr .95fr}.periods-grid{gap:.6rem}}
@media(max-width:70rem){.menu-toggle{display:flex}.primary-navigation{display:none}.primary-navigation.is-open{display:block;position:absolute;left:0;right:0;top:100%;background:var(--paper);padding:1rem;border-bottom:1px solid var(--line)}}

/* Passo 1.6: il quaderno diventa più illustrato e meno schematico. */
.hero-sketch svg,.archive-heading-sketch svg{overflow:visible}
.hero-column .pencil,.hero-hatching .pencil,.archive-pencil{fill:none;stroke:#303733;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}
.hero-column .thin,.hero-hatching .thin,.archive-heading-sketch .archive-pencil{stroke-width:1.15}
.hero-hatching{opacity:.2}
.hero-sketch .wash-green{fill:var(--wash-green)}
.period-item{position:relative}.period-icon svg{display:block;width:3.1rem;height:3.1rem;fill:none;stroke:#303733;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.period-doodle-period-prehistory svg{transform:rotate(-4deg)}.period-doodle-period-antica svg{transform:rotate(2deg)}.period-doodle-period-medieval svg{transform:rotate(-1deg)}.period-doodle-period-renaissance svg{transform:rotate(3deg)}.period-doodle-period-modern svg{transform:rotate(-3deg)}.period-doodle-period-now svg{transform:rotate(1deg)}
.action-card{position:relative}.feature-icon svg{position:relative;z-index:1;display:block;width:3.9rem;height:3.9rem;fill:none;stroke:#303733;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.feature-artisti .feature-icon svg{transform:rotate(-6deg)}.feature-risorse .feature-icon svg{transform:rotate(2deg)}.feature-attivita .feature-icon svg{transform:rotate(-3deg)}.feature-progetti .feature-icon svg{transform:rotate(4deg)}.feature-disegno .feature-icon svg{transform:rotate(-4deg)}.feature-news .feature-icon svg{transform:rotate(-2deg)}

/* Area Disegno: conserva la stessa grammatica visiva delle altre pagine del quaderno. */
.archive-disegno .archive-description{max-width:40rem;margin:.8rem 0 0;color:var(--muted);font-size:1rem;line-height:1.6}
.drawing-paths{margin:1.4rem 0 2rem;padding:1rem;border:1px solid var(--line);background:rgba(255,253,248,.54);box-shadow:4px 5px 0 rgba(77,74,66,.08)}
.drawing-path-grid{display:grid;gap:1rem}
.drawing-path{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:1rem;color:var(--ink);text-decoration:none;border:1px solid rgba(88,88,78,.3);background:rgba(255,252,245,.76);box-shadow:2px 3px 0 rgba(80,78,70,.1);transform:rotate(-.25deg)}
.drawing-path:nth-child(2){transform:rotate(.3deg)}.drawing-path:hover{background:#fffdf8;transform:translateY(-2px)}
.drawing-path-icon{display:grid;place-items:center;width:3.6rem;height:3.6rem;font-family:var(--hand);font-size:2rem;border-radius:48% 52% 44% 56% / 58% 43% 57% 42%;background:var(--wash-gold)}
.drawing-path-tecnico .drawing-path-icon{background:var(--wash-blue)}
.drawing-path strong{display:block;font-family:var(--hand);font-size:1.35rem;line-height:1.2}.drawing-path small{display:block;margin-top:.25rem;color:var(--muted);font-size:.9rem;line-height:1.45}.drawing-path b{font-size:1.25rem}
.drawing-tutorial-section{scroll-margin-top:2rem}.drawing-tutorial-section .section-heading p:last-child{max-width:42rem;color:var(--muted)}
.drawing-coming-soon{display:flex;gap:1rem;align-items:center;padding:1rem 1.1rem;border-left:4px solid #9ea98d;background:rgba(218,225,206,.4)}.drawing-coming-soon>span{font-size:1.7rem}.drawing-coming-soon p{margin:0;line-height:1.55}
body.view-accessible .drawing-path,body.view-accessible .drawing-paths{background:#fff;border-color:#777;box-shadow:none;transform:none}body.view-accessible .drawing-path-icon{display:none}
@media(min-width:42rem){.drawing-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:70rem){.home-feature-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.home-feature{border-right:1px solid rgba(88,88,78,.3)!important}.home-feature:last-child{border-right:1px solid rgba(88,88,78,.3)!important}}
.archive-page-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(13rem,24rem);align-items:center;gap:1rem;min-height:14rem}
.archive-heading-copy{position:relative;z-index:1}.archive-heading-sketch{justify-self:end;width:min(100%,21rem);opacity:.83;transform:rotate(1deg)}
.archive-heading-sketch .archive-wash{stroke:none;opacity:.47}.archive-heading-sketch .wash-gold{fill:var(--wash-gold)}.archive-heading-sketch .wash-rose{fill:var(--wash-rose)}.archive-heading-sketch .wash-blue{fill:var(--wash-blue)}.archive-heading-sketch .wash-green{fill:var(--wash-green)}
.timeline-board{position:relative;margin:2rem 0 2.4rem;padding:1.25rem .9rem 1.55rem;background:rgba(255,252,245,.62);border:1px solid rgba(88,88,78,.28);box-shadow:4px 5px 0 rgba(80,78,70,.09);transform:rotate(-.15deg)}
.timeline-board::before{content:"";position:absolute;top:-.62rem;left:17%;width:5.8rem;height:1rem;background:rgba(224,200,151,.65);transform:rotate(-3deg)}
.timeline-heading{max-width:37rem}.timeline-heading h2{margin:.12em 0 .25em}.timeline-heading p:last-child{margin:.25rem 0 0;color:var(--muted)}
.timeline-track{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1.2rem}.timeline-track::before{content:"";position:absolute;left:1.05rem;right:1.05rem;top:1.05rem;height:2px;background:rgba(109,121,94,.52);z-index:0}
.timeline-step{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr auto;align-items:start;column-gap:.55rem;row-gap:.12rem;padding:.65rem .6rem .7rem;color:var(--ink);text-decoration:none;background:rgba(255,252,245,.84);border:1px solid rgba(88,88,78,.28);box-shadow:2px 3px 0 rgba(80,78,70,.08);transform:rotate(-.4deg)}
.timeline-step:nth-child(2n){transform:rotate(.5deg)}.timeline-step:nth-child(3n){transform:rotate(-.15deg)}.timeline-step:hover{background:#fffdf8;transform:translateY(-2px) rotate(-.4deg)}
.timeline-dot{grid-row:span 2;display:block;width:2rem;height:2rem;margin:.1rem .1rem 0;border-radius:50%;border:1px solid rgba(78,80,73,.33);box-shadow:inset 0 0 0 4px rgba(255,252,245,.54)}.timeline-dot.wash-gold{background:var(--wash-gold)}.timeline-dot.wash-blue{background:var(--wash-blue)}.timeline-dot.wash-rose{background:var(--wash-rose)}.timeline-dot.wash-green{background:var(--wash-green)}
.timeline-step strong{font-family:var(--hand);font-size:1rem;line-height:1.2}.timeline-step>span:not(.timeline-dot):not(.timeline-icon){grid-column:2/-1;color:var(--muted);font-size:.78rem;line-height:1.35}.timeline-step b{grid-column:3;grid-row:1;font-size:1rem;color:var(--olive);font-weight:500}
.entry-placeholder{position:relative;overflow:hidden}.entry-placeholder svg{display:block;width:100%;height:100%;min-height:8.6rem;fill:none;stroke:#3a3b37;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;opacity:.86}.placeholder-periodo{background:radial-gradient(circle at 32% 38%,rgba(232,207,160,.88),transparent 44%),linear-gradient(135deg,rgba(216,227,231,.62),rgba(236,210,202,.62))}.placeholder-artista{background:radial-gradient(circle at 64% 38%,rgba(236,210,202,.88),transparent 43%),linear-gradient(135deg,rgba(232,207,160,.65),rgba(216,227,231,.62))}.placeholder-opera{background:radial-gradient(circle at 46% 35%,rgba(199,208,187,.9),transparent 45%),linear-gradient(135deg,rgba(236,210,202,.62),rgba(232,227,206,.78))}.placeholder-materiale{background:radial-gradient(circle at 35% 38%,rgba(216,227,231,.9),transparent 44%),linear-gradient(135deg,rgba(234,207,160,.62),rgba(199,208,187,.58))}.placeholder-attivita{background:radial-gradient(circle at 55% 45%,rgba(232,207,160,.88),transparent 45%),linear-gradient(135deg,rgba(199,208,187,.66),rgba(216,227,231,.56))}.placeholder-progetto{background:radial-gradient(circle at 62% 42%,rgba(236,210,202,.78),transparent 45%),linear-gradient(135deg,rgba(199,208,187,.68),rgba(232,207,160,.64))}
.archive-grid{align-items:start}.archive-grid .entry-card{min-height:100%}
@media(min-width:54rem){.timeline-track{grid-template-columns:repeat(3,minmax(0,1fr))}.timeline-track::before{top:1.05rem;left:1.1rem;right:1.1rem}.timeline-step{min-height:7.4rem}}
@media(max-width:53.99rem){.archive-page-header{grid-template-columns:minmax(0,1fr) 11rem;min-height:12rem}.archive-heading-sketch{width:11rem}.timeline-step>span:not(.timeline-dot):not(.timeline-icon){font-size:.74rem}}
@media(max-width:36rem){.archive-page-header{display:block}.archive-heading-sketch{width:11rem;margin:.5rem 0 0 auto}.timeline-track{grid-template-columns:1fr}.timeline-track::before{display:none}.timeline-step{min-height:4.5rem}}

/* 1.8 — comandi di lettura discreti e pagine ispirate alla tavola approvata. */
.accessibility-bar{position:relative;z-index:24;background:transparent;border:0;pointer-events:none}
.accessibility-inner{position:relative;justify-content:flex-end;overflow:visible;padding:.32rem 0;pointer-events:none}
.accessibility-details{position:relative;pointer-events:auto}
.accessibility-details summary{display:flex;align-items:center;gap:.38rem;min-height:34px;padding:.28rem .62rem;border:1px solid rgba(86,91,82,.42);border-radius:999px;background:rgba(253,249,241,.92);font-size:.78rem;font-weight:700;color:var(--ink);cursor:pointer;box-shadow:1px 2px 0 rgba(37,42,40,.1);list-style:none}
.accessibility-details summary::-webkit-details-marker{display:none}.accessibility-details[open] summary{background:var(--ink);color:#fff}
.accessibility-panel{position:absolute;right:0;top:calc(100% + .45rem);display:flex;align-items:center;gap:.38rem;width:max-content;max-width:min(92vw,46rem);padding:.55rem;background:rgba(238,244,232,.98);border:1px solid #9da797;border-radius:.45rem;box-shadow:0 7px 20px rgba(37,42,40,.17)}
.accessibility-panel button{min-height:36px;padding:.32rem .55rem;font-size:.78rem;box-shadow:none}
.page-context-nav{border-bottom:1px solid rgba(73,75,68,.18);background:rgba(253,249,241,.78)}.page-context-nav>div{width:min(100% - 2rem,75rem);margin-inline:auto;padding:.45rem 0}.header-back{display:inline-block;color:var(--ink);font-family:var(--hand);font-size:.82rem;text-decoration:none}.header-back:hover{text-decoration:underline}

.period-sheet{max-width:68rem;margin-inline:auto}.period-reference-hero{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(18rem,1.1fr);align-items:center;gap:clamp(1rem,5vw,4rem);min-height:28rem;padding:clamp(1.4rem,4vw,3rem);background:rgba(255,252,245,.5);border:1px solid rgba(88,88,78,.28);box-shadow:4px 5px 0 rgba(80,78,70,.09);overflow:hidden}
.period-reference-hero::before{content:"";position:absolute;left:2rem;right:58%;top:7.2rem;height:.75rem;background:rgba(164,183,139,.57);transform:rotate(-2deg);border-radius:50%;z-index:0}.period-reference-copy{position:relative;z-index:1}.period-reference-copy h1{margin:.15em 0 .55em;font-size:clamp(2.6rem,7vw,5rem);letter-spacing:.02em}.period-reference-lead{max-width:27rem;margin:0;font-family:var(--hand);font-size:clamp(1.08rem,2.3vw,1.35rem);line-height:1.55}.period-reference-art{position:relative;z-index:1;margin:0;justify-self:center;width:min(100%,25rem)}.period-reference-art svg,.period-reference-art img{display:block;width:100%;height:auto}.period-reference-art img{aspect-ratio:1/1;object-fit:contain;filter:sepia(.12) saturate(.82);border:0;outline:0}
.period-reference-art .art-wash{fill:var(--wash-gold);opacity:.36}.period-reference-art .art-pencil{fill:none;stroke:#353633;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.period-reference-art .art-pencil.thin{stroke-width:1.15;opacity:.72}
.period-era-doodle{position:relative;display:grid;place-items:center;aspect-ratio:1/1;padding:12%;isolation:isolate}.period-era-doodle::before{content:"";position:absolute;inset:13% 7% 10% 12%;z-index:-1;background:var(--wash-gold);opacity:.45;border-radius:48% 52% 44% 56%;transform:rotate(-7deg)}.period-era-doodle svg{display:block;width:100%;height:auto;fill:none;stroke:#363834;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(3px 4px 0 rgba(50,50,45,.08))}.period-era-medioevo::before{background:var(--wash-blue)}.period-era-eta-moderna::before{background:var(--wash-rose)}.period-era-contemporaneo::before{background:var(--wash-green)}
.period-highlights{margin:1.8rem 0;padding:.3rem .8rem 1.4rem}.period-highlights h2,.period-deepen h2{margin:.25rem 0 1rem;font-family:var(--hand);font-size:1.15rem;text-transform:uppercase;letter-spacing:.08em}.period-highlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.8rem,3vw,1.5rem)}
.period-polaroid{position:relative;display:flex;flex-direction:column;align-items:center;padding:.65rem .65rem .75rem;color:var(--ink);text-decoration:none;background:rgba(255,252,245,.92);border:1px solid rgba(88,88,78,.38);box-shadow:3px 4px 0 rgba(80,78,70,.12);transform:rotate(-.55deg)}.period-polaroid:nth-child(2){transform:rotate(.5deg)}.period-polaroid:nth-child(3){transform:rotate(-.15deg)}.period-polaroid::before{content:"";position:absolute;top:-.55rem;width:3.6rem;height:.8rem;background:rgba(224,200,151,.58);transform:rotate(-3deg)}.period-polaroid-image{display:block;width:100%;background:linear-gradient(135deg,rgba(229,216,190,.8),rgba(211,221,207,.72));border:1px solid rgba(88,88,78,.24)}.period-polaroid:nth-child(2) .period-polaroid-image{background:linear-gradient(135deg,rgba(224,211,195,.8),rgba(226,205,199,.72))}.period-polaroid:nth-child(3) .period-polaroid-image{background:linear-gradient(135deg,rgba(216,222,219,.82),rgba(230,215,197,.72))}.period-polaroid svg{display:block;width:100%;height:auto;fill:none;stroke:#343632;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.period-polaroid strong{margin-top:.42rem;font-family:var(--hand);font-weight:600}
.period-deepen{display:grid;grid-template-columns:minmax(0,1fr) minmax(13rem,18rem);gap:2rem;align-items:end;margin:1.4rem 0 2rem;padding:1.2rem;background:rgba(255,252,245,.48);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.period-deepen-list h2{display:inline-block;padding:.15rem .55rem;background:rgba(199,208,187,.72);transform:rotate(-1.5deg)}.period-deepen-list>a{display:flex;justify-content:space-between;gap:1rem;padding:.48rem .2rem;border-bottom:1px solid rgba(88,88,78,.22);color:var(--ink);text-decoration:none;font-size:.88rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.period-download-note{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;min-height:10.5rem;padding:1.3rem;color:var(--ink);text-align:center;text-decoration:none;background:#efe0b9;border:1px solid rgba(124,105,66,.35);box-shadow:4px 5px 0 rgba(80,78,70,.11);transform:rotate(1.6deg);font-family:var(--hand)}.period-download-note .paperclip{position:absolute;right:1rem;top:-1.35rem;font-family:Georgia,serif;font-size:3rem;transform:rotate(14deg)}.period-download-note>span:last-child{font-size:1.8rem}
.period-content-sheet{margin:2rem 0;padding:1.2rem clamp(.8rem,3vw,2rem);background:rgba(255,252,245,.6);border:1px solid rgba(88,88,78,.25)}.period-content-sheet>h2{font-size:clamp(1.7rem,4vw,2.5rem);margin:.1rem 0 1rem}.period-content-sheet .essential-summary{margin-top:0}
.view-accessible .period-reference-hero,.view-accessible .period-deepen,.view-accessible .period-content-sheet{background:#fff;box-shadow:none;border:1px solid #777}.view-accessible .period-reference-hero::before,.view-accessible .period-reference-art,.view-accessible .period-polaroid::before,.view-accessible .period-download-note .paperclip{display:none}.view-accessible .period-reference-copy h1,.view-accessible .period-reference-lead,.view-accessible .period-highlights h2,.view-accessible .period-deepen h2,.view-accessible .period-polaroid strong,.view-accessible .period-download-note{font-family:Arial,sans-serif}.view-accessible .period-polaroid,.view-accessible .period-download-note{transform:none;box-shadow:none;background:#fff;border:1px solid #777}
@media(max-width:46rem){.accessibility-panel{position:fixed;left:.5rem;right:.5rem;top:auto;width:auto;bottom:.5rem;flex-wrap:wrap;justify-content:center}.header-back{font-size:.76rem}.period-reference-hero{grid-template-columns:1fr;min-height:auto;padding:1.2rem}.period-reference-hero::before{right:25%;top:6.3rem}.period-reference-art{width:min(80%,20rem)}.period-highlight-grid{grid-template-columns:1fr;max-width:24rem;margin-inline:auto}.period-deepen{grid-template-columns:1fr}.period-download-note{max-width:19rem;margin-inline:auto}}
.breadcrumbs{display:flex;align-items:center;gap:.38rem;min-width:0;flex:1;overflow:hidden;white-space:nowrap;font-size:.78rem}.breadcrumbs a,.breadcrumbs span[aria-current="page"]{color:var(--ink);text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs span[aria-current="page"]{overflow:hidden;text-overflow:ellipsis}.breadcrumb-separator{color:var(--olive);font-size:1.1rem}.accessibility-inner{display:flex;align-items:center;gap:.8rem}.accessibility-details{flex:0 0 auto}
@media(max-width:46rem){.breadcrumbs{font-size:.7rem}.accessibility-inner{gap:.4rem}.breadcrumbs .breadcrumb-item:not(:first-child):not(:last-child){display:none}}

/* Illustrazioni dei periodi generate a matita; le macchie leggere restano CSS. */
.period-icon{position:relative;width:5.2rem;height:4.7rem;border:0!important;background:transparent!important;box-shadow:none!important}
.period-icon::before{content:"";position:absolute;inset:.45rem .55rem .25rem;background:var(--wash-gold);opacity:.72;border-radius:47% 53% 44% 56% / 58% 43% 57% 42%;transform:rotate(-6deg)}
.period-antica .period-icon::before{background:var(--wash-blue);transform:rotate(4deg)}.period-medieval .period-icon::before{background:var(--wash-rose);transform:rotate(-4deg)}.period-renaissance .period-icon::before{background:var(--wash-green);transform:rotate(5deg)}.period-modern .period-icon::before{background:var(--wash-gold);transform:rotate(-3deg)}.period-now .period-icon::before{background:var(--wash-blue);transform:rotate(5deg)}
.period-icon img{position:relative;z-index:1;display:block;width:4.5rem;height:4.5rem;object-fit:contain;filter:contrast(.96) saturate(.86)}
.timeline-icon{position:relative;grid-row:span 2;display:grid;place-items:center;width:3.35rem;height:3.35rem;margin:-.1rem .1rem 0}.timeline-icon::before{content:"";position:absolute;inset:.25rem;border-radius:48% 52% 44% 56% / 56% 45% 55% 44%;opacity:.7;transform:rotate(-5deg)}.timeline-icon.wash-gold::before{background:var(--wash-gold)}.timeline-icon.wash-blue::before{background:var(--wash-blue)}.timeline-icon.wash-rose::before{background:var(--wash-rose)}.timeline-icon.wash-green::before{background:var(--wash-green)}.timeline-icon img{position:relative;z-index:1;width:3rem;height:3rem;object-fit:contain;filter:contrast(.96) saturate(.86)}
body.view-accessible .timeline-icon{display:none}

/* 1.9.7 — ricerca trasversale, sempre disponibile. */
.site-search{display:flex;align-items:center;gap:.35rem;margin-left:auto;min-width:min(26rem,38vw)}
.site-search input{width:100%;min-height:2.45rem;padding:.48rem .75rem;border:1px solid rgba(70,74,68,.48);border-radius:999px;background:rgba(255,252,245,.9);font:inherit;color:var(--ink)}
.site-search input:focus{outline:3px solid rgba(193,167,109,.38);outline-offset:2px}
.site-search button{min-height:2.45rem;padding:.42rem .78rem;border-radius:999px;box-shadow:none;font-size:.82rem}
@media(max-width:70rem){.site-search{order:4;width:100%;min-width:0;margin:.55rem 0 0}.header-inner{flex-wrap:wrap}}
@media(max-width:34rem){.site-search button{padding-inline:.62rem}.site-search input{font-size:.88rem}}

/* 1.9.8 — menu su una riga autonoma e illustrazione Home fusa con la carta. */
.hero-sketch img{mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(ellipse 86% 82% at 52% 52%,#000 58%,transparent 100%);mask-image:radial-gradient(ellipse 86% 82% at 52% 52%,#000 58%,transparent 100%)}
@media(min-width:48rem) and (max-width:69.99rem){
  .header-inner{display:grid;grid-template-columns:minmax(12rem,auto) minmax(16rem,1fr);align-items:center}
  .site-branding{grid-column:1;grid-row:1}.site-search{grid-column:2;grid-row:1;width:100%;min-width:0;margin:0}
  .primary-navigation,.primary-navigation.is-open{display:block;position:static;grid-column:1/-1;grid-row:2;padding:.35rem 0 0;border:0;background:transparent}
  .primary-navigation ul{display:flex;flex-wrap:wrap;justify-content:center;gap:.15rem .45rem}
  .primary-navigation a{padding:.38rem .45rem}.menu-toggle{display:none}
}

/* 1.9.9 — copertina Home trasformata in slideshow accessibile. */
@media(min-width:47rem){.hero-slide{grid-template-columns:minmax(0,.92fr) minmax(20rem,1.08fr);min-height:25rem;padding-left:clamp(1.3rem,4vw,3rem);padding-right:clamp(1.3rem,4vw,3rem)}.hero-slide .hero-copy h1,.hero-slide .hero-copy h2{font-size:clamp(2.25rem,5vw,4.4rem);white-space:nowrap}.hero-slide .hero-sketch{width:min(100%,28rem)}.hero-slide .hero-sketch img{max-height:21rem}}
/* Layout definitivo: slideshow compatto e menu completo su riga autonoma anche desktop. */
@media(min-width:48rem){.header-inner{display:grid;grid-template-columns:minmax(12rem,auto) minmax(18rem,1fr);align-items:center;max-width:75rem}.site-branding{grid-column:1;grid-row:1}.site-search{grid-column:2;grid-row:1;width:min(100%,34rem);justify-self:end;margin:0}.primary-navigation,.primary-navigation.is-open{display:block!important;position:static!important;grid-column:1/-1;grid-row:2;padding:.25rem 0 0!important;border:0!important;background:transparent!important}.primary-navigation ul{display:flex!important;flex-wrap:wrap;justify-content:center;gap:.1rem .55rem}.primary-navigation a{padding:.35rem .5rem}.menu-toggle{display:none!important}}
.hero-slide{min-height:20rem;padding-top:1rem;padding-bottom:3.6rem}.hero-slide .hero-copy h1,.hero-slide .hero-copy h2{font-size:clamp(2rem,4.5vw,3.65rem)}.hero-slide .hero-sketch{width:min(100%,18rem)}.hero-slide .hero-sketch img{max-height:15rem}
@media(max-width:46rem){.hero-slide{min-height:30rem}.hero-slide .hero-sketch{width:min(68%,14rem)}}
.hero-slider{display:block;padding:0;min-height:0}.hero-slides{position:relative}.hero-slide{display:none;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(1rem,4vw,3rem);min-height:29rem;padding:clamp(1.2rem,4vw,2.5rem)}.hero-slide.is-active{display:grid;animation:ddb-slide-in .45s ease both}.hero-slide .hero-copy h2{margin:.18em 0 .2em;font-family:var(--hand);font-size:clamp(2.7rem,7vw,5.7rem);line-height:.96;letter-spacing:.03em}.hero-slide .hero-copy h2 span{position:relative}.hero-slide .hero-sketch{width:min(100%,24rem);justify-self:center}.hero-slide .hero-sketch img{width:100%;max-height:22rem;object-fit:contain}.hero-slider-controls{position:absolute;z-index:4;left:50%;bottom:.75rem;display:flex;align-items:center;gap:.5rem;transform:translateX(-50%);padding:.38rem .55rem;border:1px solid rgba(72,76,69,.25);border-radius:999px;background:rgba(255,252,245,.9)}.hero-slider-controls button{min-width:2rem;min-height:2rem;padding:.25rem .45rem;border:0;border-radius:999px;background:transparent;color:var(--ink);box-shadow:none}.hero-slider-controls button:hover,.hero-slider-controls button:focus-visible{background:rgba(199,208,187,.65)}.hero-dots{display:flex;gap:.38rem}.hero-dots button{min-width:.72rem;min-height:.72rem;width:.72rem;height:.72rem;padding:0;background:#c8c5b9}.hero-dots button.is-active{background:var(--ink);transform:scale(1.15)}.hero-pause{font-size:.72rem!important;font-weight:700}@keyframes ddb-slide-in{from{opacity:0;transform:translateX(1rem)}to{opacity:1;transform:none}}@media(max-width:46rem){.hero-slide{grid-template-columns:1fr;min-height:38rem;padding:1.2rem 1rem 4rem}.hero-slide .hero-sketch{width:min(78%,18rem)}.hero-slide .hero-copy h2{font-size:clamp(2.35rem,13vw,4rem)}.hero-slider-controls{bottom:.65rem}}@media(prefers-reduced-motion:reduce){.hero-slide.is-active{animation:none}}