*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;color:#fff3dc;font:17px/1.65 system-ui,sans-serif;background:#21170c url("sfondo.png") center 42%/cover fixed}body:before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,rgba(14,12,8,.33),rgba(14,12,8,.84));z-index:-1}a{color:#8de5e9;text-underline-offset:4px}a:hover{color:#fff}nav{display:flex;flex-wrap:wrap;gap:1.5rem;padding:1.2rem 5vw;background:#17130cdd;border-bottom:1px solid #e4b66855}nav a{text-decoration:none}main{max-width:1180px;margin:auto;padding:3rem 2rem 5rem}.intro{max-width:700px;padding:2rem;background:#17130cbf;border:1px solid #e4b66855;border-radius:12px;margin-bottom:2rem}.eyebrow{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:#eac784}h1{font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.1;margin:.35em 0;overflow-wrap:anywhere}h2{font-size:1.65rem;line-height:1.3}p{margin:.7em 0}.sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.section,.card{background:#19150feb;border:1px solid #d5ac6655;border-radius:12px;overflow:hidden}.section{padding:1.6rem}.section a{font-size:1.55rem;font-weight:650}.section p{color:#e4d7be}.count{color:#dabb83;font-size:.85rem}.toolbar{background:#17130cec;padding:1.2rem;border-radius:12px;margin:2rem 0 1rem}input{width:100%;padding:.85rem;border:1px solid #b99961;border-radius:6px;background:#17130c;color:white;font:inherit}label{display:block;margin-bottom:.5rem}.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.card img{width:100%;height:190px;object-fit:cover;display:block}.card .words{padding:1.2rem}.card h2{font-size:1.2rem;margin:.5rem 0}.card p{font-size:.9rem;color:#e4d7be}.card a{text-decoration:none}.card[hidden]{display:none}footer{max-width:1180px;margin:0 auto;padding:2rem;color:#dfcaa4}.empty{padding:2rem;background:#19150feb;border-radius:12px}.section-main .intro{max-width:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #8de5e9;outline-offset:4px}@media(max-width:850px){.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){body{background-position:43% top}main{padding:2rem 1rem}.intro{padding:1.3rem;margin-top:6rem}.sections,.catalog{grid-template-columns:1fr}nav{gap:1rem;padding:1rem}.card img{height:auto;max-height:300px}.section-main .intro{margin-top:0}}
.motto{margin:0 0 1.4rem;padding:1rem 1.3rem;border-left:4px solid #8de5e9;background:#07161dee;color:#c5fbff;font-size:clamp(1.35rem,3.8vw,2.1rem);font-weight:700;border-radius:0 8px 8px 0}.format{margin-top:2.6rem;scroll-margin-top:1rem}.format>h2{color:#b6f7fa;border-bottom:1px solid #5fd0d966;padding-bottom:.6rem}.format-nav{display:flex;flex-wrap:wrap;gap:.6rem 1.3rem;margin:1rem 0}.sequence{color:#9debf0;font-size:.85rem;font-weight:650;margin:0 0 .5rem}.roots{margin-top:4rem;padding:clamp(1rem,3vw,2rem);border:1px solid #4bc5d780;border-radius:12px;background:#07131ded;color:#d9f7fb;overflow-wrap:anywhere}.roots h2{margin-top:0;color:#abf4ff}.roots details{margin:.7rem 0;border-left:1px solid #3e8f9d;padding-left:clamp(.6rem,2vw,1.1rem)}.roots summary{cursor:pointer;padding:.45rem .25rem;color:#94e9f5;font-weight:650;min-height:44px}.roots summary:hover{color:#fff}.roots summary:focus-visible{outline:3px solid #8de5e9;outline-offset:3px}.roots a{color:#b6f2fa}.roots .leaf{padding:.35rem .25rem .35rem .8rem;margin:.2rem 0}.roots .leaf a{display:inline-block;padding:.2rem 0;min-height:36px}.roots .doc{font-size:.9rem}.roots .branch-link{margin:.25rem .25rem .8rem}.roots .branch-link a{display:inline-block;padding:.25rem}.roots .tools{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0}.roots button{background:#112a36;color:#b9f6ff;border:1px solid #5ac7da;border-radius:6px;padding:.7rem 1rem;font:inherit;cursor:pointer}.roots details[open]>summary{color:#fff}.roots .count{color:#9abdc5}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(max-width:560px){.roots{margin-top:2.5rem}.roots .leaf{padding-left:.35rem}.roots details{padding-left:.6rem}.motto{font-size:1.4rem}}
