:root{--night:#061d2f;--navy:#0b3048;--gold:#dab572;--paper:#f6ecd7;--white:#fffaf0;--ink:#251e17;--line:#c6ab7a;--scale:1;color-scheme:light;font-family:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;background:var(--night);color:var(--ink);font-size:18px;line-height:1.65}a{color:#154d68;text-underline-offset:4px}button,input,textarea,select{font:inherit}button,.btn{border:1px solid var(--gold);background:var(--night);color:var(--white);padding:.6rem .9rem;border-radius:5px;min-height:44px;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.btn:hover{background:#234860}button:disabled{opacity:.55;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a34918;outline-offset:4px}.topbar a:focus-visible,.hotspot:focus-visible{outline-color:#fff}button[aria-pressed=true]{background:var(--gold);color:var(--night)}h1,h2,h3{line-height:1.17;text-wrap:balance}h1{font-size:clamp(2rem,4.2vw,3.8rem);font-weight:500;margin:.6rem 0 1rem}h2{font-size:1.65rem}h3{font-size:1.25rem}p{margin:.75em 0 1.15em}small,.small{font-size:.9rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;top:-200px;left:1rem;padding:1rem;background:#fff;z-index:1000}.skip:focus{top:.6rem}.topbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem 1rem;padding:.8rem max(1rem,calc((100vw - 1500px)/2));background:var(--night);color:var(--paper);border-bottom:1px solid var(--gold)}.brand{font-size:1.25rem;text-decoration:none;color:var(--gold);display:flex;align-items:center;gap:.7rem}.seal{display:inline-grid;place-items:center;border:1px solid var(--gold);border-radius:50%;height:44px;width:44px;font-size:.95rem}.topbar nav{display:flex;gap:.3rem;flex-wrap:wrap}.topbar nav a{color:var(--paper);padding:.45rem .6rem;text-decoration:none;min-height:44px}.topbar nav a:hover,.topbar nav a[aria-current=page]{color:var(--gold);text-decoration:underline}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:#69451b;font:700 .83rem/1.5 system-ui,sans-serif}.subtitle{font-size:1.18rem;color:#634b35}.page{width:min(1260px,calc(100% - 2rem));margin:1.5rem auto 3rem;padding:clamp(1rem,3vw,3rem);background:var(--paper);border:1px solid var(--gold);border-radius:7px}.page>header{border-bottom:1px solid var(--line);padding-bottom:1rem;margin-bottom:2rem}.cover{position:relative;width:min(100%,1000px);margin:0 auto;line-height:0}.cover>img{display:block;width:100%;height:auto}.hotspot{position:absolute;border-radius:7px;background:transparent;border:2px solid transparent;line-height:1.3}.hotspot:hover,.hotspot:focus-visible{background:rgba(255,225,164,.15);border-color:#ffe0a0;box-shadow:0 0 18px #e4b56c80;outline-offset:0}.hotspot:focus-visible:after{content:attr(aria-label);position:absolute;left:0;bottom:100%;padding:.4rem .65rem;color:white;background:#061d2f;border:1px solid var(--gold);font:700 16px/1.4 system-ui;width:max-content;max-width:min(340px,60vw)}.home-tools{width:min(1000px,100%);margin:auto;padding:.7rem 1rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6rem;color:var(--paper);background:#0b3048}.home-tools a{color:var(--gold)}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.card{padding:1.4rem;border:1px solid var(--line);background:var(--white);border-radius:5px;min-width:0}.card h2,.card h3{margin:.2rem 0 .7rem}.card-link{display:grid;grid-template-columns:3rem 1fr;gap:1rem;text-decoration:none;color:var(--ink);align-items:center}.card-link:hover{border-color:#704d24;background:#fff}.number{font-size:2.1rem;color:#765023}.card-link .small{display:block;color:#604c39;margin-top:.35rem}.tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.tools-grid a{color:var(--ink);padding:1rem;border:1px solid var(--line);background:#fffaef;text-decoration:none}.lesson-shell{width:min(1500px,calc(100% - 2rem));margin:1rem auto 2rem;display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:1rem;align-items:start}.lesson-article{padding:clamp(1.25rem,3vw,2.7rem);background:var(--paper);border:1px solid var(--gold);border-radius:7px;min-width:0;font-size:calc(1.12rem * var(--scale))}.lesson-article section{padding-top:.6rem;margin-top:1.8rem;border-top:1px solid var(--line)}.lesson-article section h2{font-size:calc(1.65rem * var(--scale))}.lesson-article .scene{font-size:1.14em}.question{padding:1.2rem 1.4rem;background:var(--night);color:#fff3d9;border-left:5px solid var(--gold);font-size:1.22rem}.reading-tools{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1.5rem;padding:.7rem;background:#e8d6b7;border-radius:4px}.reading-tools button{font:600 .9rem/1.3 system-ui;min-height:44px}.lesson-sidebar{position:sticky;top:1rem;display:grid;gap:1rem;min-width:0}.panel{padding:1.25rem;background:var(--paper);border:1px solid var(--gold);border-radius:7px}.panel h2{font-size:1.2rem;margin:0 0 .8rem}.panel nav{display:grid;gap:.35rem}.panel nav a{padding:.3rem 0}.map-thumb{width:100%;background:#061d2f;padding:.4rem;display:block}.map-thumb img{width:100%;height:auto;display:block}.map-thumb span{display:block;padding:.5rem;color:var(--gold);font-size:1rem}.notebook textarea,.writing textarea{width:100%;min-height:180px;resize:vertical;background:#fffdf6;border:1px solid #8f7656;padding:.8rem;color:var(--ink);font:1rem/1.7 system-ui}.notebook .actions,.actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.7rem}.notebook button{font-size:.9rem}.status{font:500 .9rem/1.5 system-ui;color:#4f432f}.status:empty{display:none}.inline-note{padding:1rem 1.25rem;background:#ecddbf;border-left:4px solid #97662d}.contradiction{border-left:4px solid #893b25;padding:1rem 1.25rem;background:#f3e0cd}.source-card blockquote{margin:1rem 0;padding:.8rem 1rem;border-left:3px solid var(--gold);background:#ede1c8;font-size:1.25rem}.source-card .translation{color:#4a3925}.source-ref{font:.9rem/1.6 system-ui}.source-ref a{overflow-wrap:anywhere}.source-links{font: .95rem/1.8 system-ui}.source-links li{margin:.4rem 0}.essentials li{margin-bottom:.65rem}dl{margin:0}dt{font-weight:bold;margin-top:.75rem}dd{margin:.25rem 0 1rem;color:#51422e}.pager{display:flex;justify-content:space-between;gap:.8rem;flex-wrap:wrap;margin-top:2rem}.pager a{max-width:100%}.lesson-jump{display:flex;gap:.6rem;flex-wrap:wrap;font-size:1rem}.focus-mode .lesson-sidebar{display:none}.focus-mode .lesson-shell{grid-template-columns:minmax(0,1fr);max-width:1100px}.mobile-panels{display:none}.focus-mode .lesson-article{font-size:calc(1.3rem * var(--scale))}mark.student-mark{background:#ffe58b;color:#201b15}fieldset{border:1px solid var(--line);padding:1rem;margin:1rem 0;min-width:0}legend{padding:0 .4rem;font-weight:bold}fieldset label{display:flex;align-items:start;gap:.7rem;padding:.65rem;border:1px solid transparent;cursor:pointer;line-height:1.4}fieldset label:hover{background:#eadbbf}input[type=radio]{flex-shrink:0;width:1.2rem;height:1.2rem;margin:.2rem 0}select{max-width:100%;min-height:44px;background:white;padding:.45rem;border:1px solid #8c7556}input[type=number]{max-width:7rem;padding:.45rem}.feedback{padding:.9rem;border-left:4px solid #9b6630;background:#f0e0c5;margin:.7rem 0}.feedback.correct{border-color:#386347;background:#e2ebd9}.feedback.wrong{border-color:#8b3825;background:#f5ded0}.feedback[hidden]{display:none}.quiz-result{padding:1.2rem;margin:1rem 0;border:2px solid #876333}.map-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.map-grid figure{margin:0;border:1px solid var(--line);padding:1rem;background:#fff9eb}.map-grid figcaption{font-weight:bold;margin-top:.8rem}.map-dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;margin:0;padding:1rem;border:0;background:var(--night);color:var(--paper)}dialog::backdrop{background:#020c16d9}.map-dialog header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.7rem}.map-stage{overflow:auto;width:100%;height:calc(100% - 110px);display:grid;place-items:start center}.map-stage img{width:min(100%,1300px);height:auto;max-height:100%;object-fit:contain;transform-origin:top left}.map-dialog .small{margin:.2rem 0}.map-dialog button{border-color:#ffe0a0}.map-text{font:1rem/1.6 system-ui}.timeline-tools{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:1.5rem 0}.timeline{list-style:none;padding:0}.timeline li{display:grid;grid-template-columns:100px 1fr;gap:1rem;margin:0 0 1rem}.year{font-size:1.65rem;color:#68451f;border-right:2px solid var(--line)}details{border:1px solid var(--line);padding:.8rem 1rem;background:var(--white)}summary{cursor:pointer;min-height:40px;font-weight:bold}summary .small{font-weight:normal}.tag{display:inline-block;padding:.12rem .5rem;border:1px solid #9d8256;border-radius:3px;margin-right:.4rem;font:700 .8rem/1.6 system-ui}.portrait{width:115px;height:145px;object-fit:contain;background:#e8dcc5;float:left;margin:0 1rem .7rem 0;border:1px solid #af9265}.person:after{content:'';display:block;clear:both}.person ul{padding-left:1.2rem;overflow:hidden}.person h3{margin-top:.3rem}.person .role{font-style:italic;color:#63482c}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;margin:1rem 0}th,td{padding:.8rem;text-align:left;vertical-align:top;border:1px solid var(--line)}th{background:#e9d6b5}.route-map{width:100%;height:auto;background:#092b42;border:1px solid var(--gold);display:block}.route-map text{font-family:Georgia,serif;fill:#fff0ce}.route-map .land{fill:#c7ae7d;stroke:#f1dcb3;stroke-width:1}.route-map .sea-line{stroke:#497086;stroke-width:1;opacity:.4}.route-map .route{fill:none;stroke:#f5cd77;stroke-width:4;marker-end:url(#arrow)}.route-map .goods{stroke:#e4ecf0;stroke-dasharray:9 6}.route-map [data-route]{cursor:pointer}.route-map [data-route]:focus{outline:3px solid white}.route-map .dim{opacity:.12}.route-panel{min-height:150px;padding:1.3rem;background:#e9dabf;border:1px solid var(--line);margin:1rem 0}.data-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.data-row>div{padding:1rem;background:var(--night);color:#fff6de;border:1px solid var(--gold)}.data-row strong{display:block;font-size:2.2rem;color:var(--gold)}.compare{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.compare>div{padding:1.1rem;border:1px solid var(--line);background:#fff9eb}.site-footer{width:min(1260px,calc(100% - 2rem));margin:1.8rem auto;color:var(--paper);font: .95rem/1.7 system-ui;display:flex;gap:1rem;justify-content:space-between;flex-wrap:wrap}.site-footer a{color:var(--gold)}.install-box{border:1px solid var(--line);padding:1rem;margin:1rem 0}.install-box button{margin:.3rem}.toast{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);max-width:90vw;padding:.8rem 1rem;background:var(--night);color:var(--white);border:1px solid var(--gold);z-index:200}.toast[hidden]{display:none}[hidden]{display:none!important}
@media(max-width:1000px){.topbar{justify-content:center}.brand{width:100%;justify-content:center}.lesson-shell{grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr)}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.lesson-shell{display:block;width:calc(100% - 1rem)}.lesson-sidebar{position:static;margin-top:1rem}.mobile-panels{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;padding:.7rem;background:var(--navy)}body[data-panel=notes] .lesson-article{display:none}body[data-panel=notes] .visual-panel{display:none}body[data-panel=visual] .lesson-article{display:none}body[data-panel=visual] .notebook{display:none}body[data-panel=read] .lesson-sidebar{display:none}.focus-mode .lesson-article{display:block!important}.cards,.map-grid,.compare{grid-template-columns:1fr}.page{width:calc(100% - 1rem);margin:1rem auto;padding:1.2rem}.topbar nav{justify-content:center}.lesson-article{padding:1.2rem}.data-row{grid-template-columns:1fr}.data-row strong{font-size:1.8rem}.map-dialog header{font-size:1rem}.map-dialog .map-stage{height:calc(100% - 160px)}}
@media(max-width:520px){body{font-size:17px}.home-tools{justify-content:center}.topbar nav a{padding:.35rem .5rem;font-size:1rem}.cover .hotspot:focus-visible:after{font-size:14px}.timeline li{grid-template-columns:72px 1fr;gap:.7rem}.year{font-size:1.3rem}.tools-grid{grid-template-columns:1fr}.card-link{grid-template-columns:2rem 1fr}.portrait{width:95px;height:125px}.map-grid figure{padding:.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{body{background:white;color:black}.topbar,.reading-tools,.lesson-sidebar,.mobile-panels,.site-footer,button,.gbprof-compliance-footer,.cover{display:none!important}.page,.lesson-shell,.lesson-article{display:block!important;width:100%;border:0;margin:0;padding:.5rem}.question{background:white;color:black;border:1px solid black}.source-card,.card,section{break-inside:avoid}a{color:black}}
/* Evita che la riga implicita di una grid imponga l’altezza intrinseca dell’SVG. */
.map-stage{display:block}.map-stage img{display:block;margin:0 auto;min-height:0}