.page-hero{padding:var(--space-10) 0 var(--space-7)}.page-hero h1{color:var(--color-text)}.page-subtitle{max-width:40ch;margin-bottom:var(--space-6)}.difficulty-heading{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-border)}.difficulty-circle{flex-shrink:0;width:1.36em;height:.4em;background:linear-gradient(90deg,var(--difficulty-color) var(--difficulty-fill),var(--color-border) 0);-webkit-mask:var(--difficulty-dots) no-repeat center / contain;mask:var(--difficulty-dots) no-repeat center / contain}.difficulty-circle--facile{--difficulty-color: var(--color-success-text);--difficulty-fill: 32.4%}.difficulty-circle--medio{--difficulty-color: var(--color-warning);--difficulty-fill: 67.6%}.difficulty-circle--avanzato{--difficulty-color: var(--color-danger-text);--difficulty-fill: 100%}.content-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}.card-slide-wrapper{height:100%}@media(min-width:768px){.content-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.content-grid{grid-template-columns:repeat(3,1fr)}}.intro-title{font-family:var(--font-family-display);font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-2)}.intro-text{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:0}.glossary-intro{margin-bottom:var(--space-6)}.glossary-letters{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-8);scroll-margin-top:var(--space-4)}.glossary-letters a{display:inline-flex;align-items:center;justify-content:center;min-width:var(--min-touch-target);min-height:var(--min-touch-target);border:2px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-surface);color:var(--color-primary);font-size:var(--font-size-lg);font-weight:700;text-decoration:none;transition:border-color var(--transition-base),background-color var(--transition-base)}@media(hover:hover){.glossary-letters a:hover{border-color:var(--color-primary);background-color:var(--color-primary-50);text-decoration:none}}.glossary-letters a:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset)}.glossary-section{margin-bottom:var(--space-8);scroll-margin-top:var(--space-4)}.glossary-letter{font-size:var(--font-size-2xl);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-border)}.glossary-list{margin:0}.glossary-entry{padding:var(--space-4);border-radius:var(--border-radius);border-bottom:1px solid var(--color-border-subtle);scroll-margin-top:var(--space-4)}.glossary-entry:last-child{border-bottom:none}.glossary-entry:target{background-color:var(--color-primary-50)}[data-theme=dark] .glossary-entry:target{background-color:var(--color-accent-10)}.glossary-entry dt{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-1);font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary)}.glossary-aka{font-family:var(--font-family-display);font-size:var(--font-size-sm);font-weight:400;font-style:italic;color:var(--color-text-muted)}.glossary-entry dd{margin:0}.glossary-entry dd p{margin-bottom:var(--space-2);line-height:var(--line-height-relaxed)}.glossary-entry dd p a{text-decoration:underline;text-underline-offset:var(--underline-offset);text-decoration-thickness:var(--underline-thickness)}.glossary-more{display:inline-flex;align-items:center;min-height:var(--min-touch-target);color:var(--color-primary);font-weight:600;text-decoration:underline;text-underline-offset:var(--underline-offset);text-decoration-thickness:var(--underline-thickness)}.glossary-back{display:inline-flex;align-items:center;min-height:var(--min-touch-target);margin-top:var(--space-2);color:var(--color-text-muted);font-weight:600;text-decoration:none}@media(hover:hover){.glossary-back:hover{color:var(--color-primary);text-decoration:underline}}@media(min-width:768px){.glossary-entry{padding:var(--space-5)}}@media(prefers-reduced-motion:reduce){.glossary-letters a{transition:none}}.path-intro{margin-bottom:var(--space-6)}.path-nav{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-8);scroll-margin-top:var(--space-4)}.path-nav a{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--min-touch-target);padding:0 var(--space-4);border:2px solid var(--color-border);border-radius:var(--border-radius-pill);background-color:var(--color-surface);color:var(--color-primary);font-weight:700;text-decoration:none;transition:border-color var(--transition-base),background-color var(--transition-base)}@media(hover:hover){.path-nav a:hover{border-color:var(--color-primary);background-color:var(--color-primary-50);text-decoration:none}}.path-nav a:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset)}.path-nav--practice a{color:var(--color-practice-ink)}@media(hover:hover){.path-nav--practice a:hover{border-color:var(--color-practice-ink);background-color:var(--color-accent-06)}}.path{margin-bottom:var(--space-10);scroll-margin-top:var(--space-4)}.path-title{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-border)}.path-emoji{font-size:1.2em;line-height:1}.path-description{margin-bottom:var(--space-5);font-size:var(--font-size-lg);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.path-count{display:inline-block;margin-left:var(--space-2);padding:2px var(--space-3);border-radius:var(--border-radius-pill);background-color:var(--color-primary-50);color:var(--color-primary-on-tint);font-size:var(--font-size-sm);font-weight:700;white-space:nowrap}.path-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-4)}.path-step{display:flex;gap:var(--space-4);padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-surface)}.path-step-number{flex-shrink:0;width:36px;height:36px;border-radius:50%;background-color:var(--color-primary);color:var(--color-on-primary);font-family:var(--font-family-display);font-weight:700;display:flex;align-items:center;justify-content:center}[data-theme=dark] .path-step-number{color:var(--color-bg)}.path-step-body{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.path-step-title{display:inline-flex;align-items:center;gap:.35em;min-height:var(--min-touch-target-sm);font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary);text-decoration:none;line-height:var(--line-height-snug)}@media(hover:hover){.path-step-title:hover{text-decoration:underline;text-underline-offset:var(--underline-offset)}}.path-step-title:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset)}.path-step-description{margin:0;line-height:var(--line-height-relaxed)}.path-step-exercises{margin:0;color:var(--color-text-muted)}.path-step-exercises a:any-link{display:inline-block;padding-block:var(--space-2);font-weight:600;color:var(--color-practice-ink)}.path-back{display:inline-flex;align-items:center;min-height:var(--min-touch-target);margin-top:var(--space-4);color:var(--color-text-muted);font-weight:600;text-decoration:none}@media(hover:hover){.path-back:hover{color:var(--color-primary);text-decoration:underline}}@media(min-width:768px){.path-step{padding:var(--space-5) var(--space-6)}}@media(prefers-reduced-motion:reduce){.path-nav a{transition:none}}
