/* Lettura editoriale delle architetture del divenire */
.arch-hero{padding:clamp(1.3rem,4vw,3rem);border:1px solid var(--line,#4b556355);border-radius:18px;background:linear-gradient(135deg,rgba(15,118,110,.12),rgba(99,102,241,.07));margin-bottom:1.4rem}.arch-hero h2{font-size:clamp(1.9rem,4vw,3rem);line-height:1.1;margin:.6rem 0}.arch-hero p{max-width:760px;line-height:1.75}.arch-disclaimer{font-size:.9rem;opacity:.7}.arch-prelude{border:1px solid var(--line,#4b556355);border-radius:15px;padding:1.2rem 1.5rem;margin-bottom:1.5rem}.arch-prelude summary{cursor:pointer;font-weight:700;font-size:1.08rem}.arch-prose{max-width:76ch}.arch-prose p{line-height:1.9;margin:1.1rem 0;font-size:1.05rem}.arch-prose h3{margin:1.9rem 0 .6rem}.arch-grid{display:grid;grid-template-columns:minmax(190px,260px) minmax(0,1fr);gap:clamp(1rem,3vw,2rem);align-items:start}.arch-index{border:1px solid var(--line,#4b556355);border-radius:14px;padding:1rem;position:sticky;top:1rem;max-height:80vh;overflow:auto}.arch-index h3{margin:.3rem 0 1rem}.arch-index-item{display:flex;align-items:center;gap:.65rem;width:100%;padding:.6rem .45rem;text-align:left;background:transparent;border:0;border-radius:8px;color:inherit;cursor:pointer}.arch-index-item span{font-size:.76rem;opacity:.6;min-width:2rem}.arch-index-item:hover,.arch-index-item.is-current{background:rgba(20,184,166,.12)}.arch-index-item.is-current{font-weight:700}.arch-chapter{border:1px solid var(--line,#4b556355);border-radius:15px;padding:clamp(1.1rem,3vw,2rem);min-width:0}.arch-chapter>h2{font-size:clamp(1.7rem,3vw,2.5rem);margin:.5rem 0}.arch-chapter>h3{font-weight:500;opacity:.8}.arch-navigation{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem}.arch-navigation button,.arch-crosslink button{padding:.7rem .9rem;border-radius:9px;border:1px solid currentColor;background:transparent;color:inherit;cursor:pointer}.arch-crosslink{margin-top:1rem}.arch-conclusion{margin-top:2rem;padding:1.4rem;border-left:3px solid #0d9488}.arch-conclusion p{line-height:1.8;max-width:75ch}@media(max-width:700px){.arch-grid{grid-template-columns:1fr}.arch-index{position:static;max-height:210px}.arch-navigation{flex-wrap:wrap}.arch-prose p{font-size:1rem}}

.arch-subchapter{border:1px solid var(--line,#4b556355);border-radius:12px;margin:12px 0;overflow:hidden}.arch-subchapter summary{padding:1rem 1.1rem;cursor:pointer;font-weight:650;list-style-position:inside}.arch-subchapter[open] summary{background:rgba(20,184,166,.09)}.arch-subchapter .arch-prose{padding:0 1.2rem .6rem}.arch-lead{font-size:1.15rem;line-height:1.6}.arch-reading-note{opacity:.7;font-size:.85rem;margin:1rem 0}.arch-term{border:0;border-bottom:1px dotted currentColor;color:inherit;background:none;cursor:help;font:inherit;padding:0}.arch-term:hover{color:#14b8a6}.arch-popover{position:fixed;z-index:99999;width:min(310px,calc(100vw - 24px));max-height:70vh;overflow:auto;padding:1rem 1.15rem;border:1px solid #6b7280;background:#152331;color:#f8fafc;border-radius:13px;box-shadow:0 15px 45px #0008;line-height:1.55}.arch-popover[hidden]{display:none}.arch-popover-close{float:right;border:0;background:none;color:inherit;font-size:1.4rem;cursor:pointer}.arch-gloss-link{background:none;color:#5eead4;border:0;cursor:pointer;text-decoration:underline}.arch-keywords{margin-top:1.5rem}.arch-keywords>div{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}.arch-key{background:rgba(20,184,166,.08);border:1px solid #14b8a655;border-radius:20px;padding:.35rem .7rem;color:inherit;cursor:pointer}.arch-crosslink{display:flex;flex-wrap:wrap;gap:.6rem}.arch-prelude .arch-prose{max-width:80ch}@media(max-width:700px){.arch-popover{left:12px!important;top:auto!important;bottom:16px}.arch-index{max-height:250px}}

/* Edizione editoriale: note marginali e accessibilità */
.arch-chapter{position:relative}.arch-margin-note{float:right;clear:right;width:min(36%,235px);margin:.2rem 0 1rem 1.5rem;padding:1rem;border-left:3px solid #14b8a6;background:rgba(20,184,166,.07);border-radius:0 12px 12px 0}.arch-margin-note h3{font-size:1rem;margin:.5rem 0}.arch-margin-note p{font-size:.91rem;line-height:1.6}.arch-note-label{font-size:.75rem;letter-spacing:.05em;opacity:.75;text-transform:uppercase}.arch-margin-note button{background:transparent;border:0;color:inherit;text-decoration:underline;cursor:pointer;padding:0}.arch-chapter:after{content:'';display:block;clear:both}.arch-term:focus-visible,.arch-index-item:focus-visible,.arch-key:focus-visible{outline:3px solid #14b8a6;outline-offset:3px}@media(max-width:850px){.arch-margin-note{float:none;width:auto;margin:1rem 0}}
