:root{--bg-main: #fffef7;--text-main: #1a1a1a;--accent-yellow: #99ff00;--accent-yellow-dark: #7acc00;--accent-lime: rgba(153, 255, 0, 0.60);--accent-magenta: #fa93fa;--border-color: #2a2a2a;--slot-bg: #f5f3e8;--footer-bg: #2a2a2a}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;line-height:1.7;color:var(--text-main);background-color:var(--bg-main);position:relative}main{position:relative;z-index:1}.container{max-width:1100px;margin:0 auto;padding:0 2rem}.site-header{background:var(--slot-bg);border-bottom:2px solid var(--border-color);padding:1rem 0;position:sticky;top:0;z-index:10001}.site-header .container{display:flex;align-items:center;flex-direction:column;gap:12px}.logo{font-size:1.5rem;font-weight:700;text-decoration:none;color:var(--text-main)}.logo a,.logo a:hover,.logo a:visited,.logo a:active{text-decoration:none !important;color:inherit}.main-nav{position:relative}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:0.5rem}.nav-toggle span{display:block;width:25px;height:3px;background:var(--text-main);margin:5px 0;transition:all 0.3s}.nav-menu{display:flex;gap:2rem;list-style:none;margin:0;padding:0;align-items:center}.nav-link{text-decoration:none;color:var(--text-main);font-weight:600;padding:0.5rem 1rem;border-radius:3px;transition:all 0.3s;display:flex;align-items:center;gap:0.3rem}.nav-link:hover{background:var(--accent-yellow);color:var(--text-main)}.nav-link.active{color:#FFD700;font-weight:600;border-bottom:2px solid #FFD700}.dropdown-menu a.active{color:#00FF00;font-weight:600;background:rgba(0,255,0,0.1)}.nav-dropdown{position:relative}.dropdown-arrow{font-size:0.7em;transition:transform 0.3s}.nav-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;background:var(--bg-main);border:2px solid var(--border-color);border-radius:5px;padding:0.5rem 0;min-width:180px;list-style:none;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s;box-shadow:0 4px 12px rgba(0,0,0,0.1);z-index:1001}.nav-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu li{margin:0}.dropdown-menu a{display:block;padding:0.75rem 1.5rem;color:var(--text-main);text-decoration:none;transition:all 0.3s}.dropdown-menu a:hover{background:var(--accent-yellow);padding-left:2rem}@media (max-width: 768px){.site-header .container{flex-direction:row;justify-content:space-between;align-items:center;gap:0}.logo{display:flex;align-items:center;height:100%}.nav-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1001;margin-left:auto;height:100%;padding:0.5rem;gap:5px}.nav-toggle span{display:block !important;width:25px;height:3px;background:var(--text-main);margin:0;flex-shrink:0}.nav-menu{position:fixed;top:70px;right:-100%;width:80%;max-width:300px;height:calc(100vh - 70px);background:var(--bg-main);border-left:2px solid var(--border-color);flex-direction:column;align-items:flex-start;padding:2rem 1rem;gap:0;transition:right 0.3s ease;z-index:999;box-shadow:-4px 0 12px rgba(0,0,0,0.1);overflow-y:auto}.nav-menu.active{right:0}.nav-menu>li{width:100%;border-bottom:1px solid var(--border-color)}.nav-link{width:100%;padding:1rem;justify-content:space-between}.nav-dropdown{width:100%}.dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;border:none;box-shadow:none;background:var(--slot-bg);padding:0;margin:0;max-height:0;overflow:hidden;transition:max-height 0.4s ease, padding 0.4s ease}.nav-dropdown.open .dropdown-menu{max-height:500px;padding:0.5rem 0}.dropdown-menu li{border-bottom:none;width:100%}.dropdown-menu a{padding:0.75rem 1rem 0.75rem 2rem;display:block;width:100%}.dropdown-menu a:hover{background:var(--accent-yellow);padding-left:2.5rem}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px, 5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px, -6px)}.nav-dropdown.open .dropdown-arrow{transform:rotate(180deg)}}.breadcrumb-wrapper{position:relative;z-index:1;background:var(--slot-bg);padding:1rem 0;border-bottom:1px solid var(--border-color)}.breadcrumb{font-size:0.85rem}.breadcrumb a{color:var(--text-main);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb .separator{margin:0 0.5rem;opacity:0.5}.breadcrumb .current{font-weight:600}.hero{padding:3.5rem 0 4.5rem}.tags-cloud{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:flex-start;margin-bottom:3rem}.hero-title{font-size:clamp(3rem, 5vw, 4.5rem);line-height:1.1;margin:0 0 2rem}.hero-description{max-width:65ch;font-size:1.08rem;line-height:1.75}.hero-description p{margin-bottom:1.15rem}.tag{background-color:var(--slot-bg);color:var(--text-main);padding:0.45rem 0.65rem;font-size:0.9rem;font-weight:600;border-radius:6px;display:inline-flex;border:1px solid var(--border-color);text-decoration:none;transition:background-color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;align-items:center;vertical-align:middle;line-height:1.2;box-sizing:border-box;cursor:pointer;letter-spacing:0.05em;gap:0.4rem}.tag:hover{background-color:rgba(153,255,0,0.6);border-color:var(--accent-yellow-dark);border:2px solid var(--accent-yellow-dark);font-weight:600;text-decoration:none;color:#111}.landing-page{padding:3rem 0}.landing-header{text-align:center;margin-bottom:4rem;padding-bottom:2rem;border-bottom:2px solid var(--border-color)}.landing-title{font-size:3rem;margin-bottom:1rem}.landing-description{font-size:1.2rem;opacity:0.8;max-width:700px;margin:0 auto}.landing-content{max-width:900px;margin:0 auto 3rem;font-size:1.1rem;line-height:1.8}.landing-content h2{font-size:2rem;margin-top:3rem;margin-bottom:1.5rem;border-bottom:2px solid var(--accent-yellow);padding-bottom:0.5rem;font-weight:700}.landing-content h3{font-size:1.5rem;margin-top:2rem;margin-bottom:1rem;font-weight:600}.landing-content p{margin-bottom:1.5rem}.landing-content ul,.landing-content ol{margin-left:2rem;margin-bottom:1.5rem}.landing-content li{margin-bottom:0.5rem}.landing-content blockquote{border-left:4px solid var(--accent-yellow);padding-left:1.5rem;margin:2rem 0;font-style:italic;opacity:0.9}.landing-content hr{border:none;border-top:2px solid var(--border-color);margin:3rem 0}.landing-content a{color:var(--text-main);text-decoration:underline;text-decoration-color:var(--accent-yellow);transition:all 0.3s}.landing-content a:hover{color:var(--accent-magenta);text-decoration-color:var(--accent-magenta)}.landing-content strong{font-weight:600}.waw-project .landing-content a[href*="/waw/"]{display:inline-block;color:var(--text-main);background:rgba(163,230,53,0.15);padding:0.5rem 1rem;border-radius:6px;border:1px solid rgba(163,230,53,0.5);text-decoration:none;font-weight:600;transition:all 0.3s ease;box-shadow:0 2px 6px rgba(163,230,53,0.1)}.waw-project .landing-content a[href*="/waw/"]:hover{background:rgba(163,230,53,0.25);border-color:rgba(163,230,53,0.75);color:var(--text-main);transform:translateX(4px);box-shadow:0 4px 12px rgba(163,230,53,0.35)}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(350px, 1fr));gap:2rem}.article-card{background:var(--slot-bg);padding:2.5rem;border:2px solid var(--border-color);transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.05);max-width:400px;justify-self:center}.article-card:hover{border-color:var(--accent-magenta);transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,0.1)}.article-date{display:block;font-size:0.85rem;opacity:0.7;margin-bottom:0.5rem}.article-card-title{font-size:1.5rem;margin-bottom:1rem;line-height:1.3}.article-card-title a{text-decoration:none;color:var(--text-main);transition:color 0.3s}.article-card-title a:hover{color:var(--accent-magenta)}.article-subtitle{font-size:0.95rem;line-height:1.6;margin-bottom:1rem;opacity:0.85;font-style:italic;color:var(--text-main)}.article-excerpt{font-size:0.95rem;line-height:1.6;margin-bottom:1rem;opacity:0.85}.article-tags{display:flex;gap:0.5rem;flex-wrap:wrap}.no-content{text-align:center;padding:4rem 0;opacity:0.6;font-style:italic}.grid-container{display:flex;flex-direction:row;gap:1.5rem;margin:3rem 0}.card{flex:1;background:var(--slot-bg);padding:2.5rem;border:2px solid var(--border-color);transition:all 0.3s ease;display:flex;flex-direction:column}.card h3{font-size:1.4rem;margin-bottom:1rem}.card:hover{background-color:var(--accent-magenta);border-color:var(--accent-magenta)}.card:hover h3,.card:hover p,.card:hover .btn-enter{color:#111}.card-link{text-decoration:none;color:inherit}.card:hover .btn-enter::after{transform:translateX(2px)}.btn-enter{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-main);font-weight:bold;margin-top:auto;padding-top:1rem;border-bottom:3px solid var(--accent-lime);width:fit-content;transition:color 0.2s ease, border-color 0.2s ease}.btn-enter::after{content:"→";display:inline-flex;align-items:center;justify-content:space-between;min-width:1.6rem;height:1.6rem;background-color:var(--accent-lime);padding:0 8px;border:1px solid var(--accent-lime);border-radius:6px;transition:transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;color:#111}.btn-enter:hover::after{transform:translateX(2px);background-color:var(--accent-lime);border-color:var(--accent-lime);color:#111}.feed-section{padding:4rem 0;background:var(--slot-bg);border-top:2px solid var(--border-color);border-bottom:2px solid var(--border-color)}.section-title{font-size:2rem;margin-bottom:2rem}.feed-row{display:grid;grid-template-columns:80px 1fr 120px;padding:1.5rem 0;border-bottom:1px solid var(--border-color);gap:1rem}.feed-row .date{font-weight:600;color:var(--text-main)}.feed-row .title{text-decoration:none;color:var(--text-main);font-weight:500;transition:color 0.3s}.feed-row .title:hover{color:var(--accent-magenta)}.feed-row .category{text-align:right;font-size:0.85rem;opacity:0.7}.view-all{margin-top:2rem}.btn-archive{text-decoration:none;color:var(--text-main);font-weight:600;border-bottom:2px solid var(--accent-yellow)}.callout{background:#E8F2F7;border-left:4px solid #3D7E9B;border-radius:6px;padding:2rem;margin:2.5rem 0}.callout h3{font-size:1.5rem;font-weight:700;color:var(--text-main);margin-top:0;margin-bottom:1rem}.callout h4{font-size:1.3rem;font-weight:600;color:var(--text-main);margin-top:1.25rem;margin-bottom:0.75rem}.callout p{margin-bottom:1rem;line-height:1.8}.callout p:last-child{margin-bottom:0}.callout ul,.callout ol{margin:1rem 0 1rem 1.25rem}.callout ul li,.callout ol li{margin-bottom:0.75rem}.callout strong{font-weight:700;color:#3D7E9B}.callout a{color:var(--text-main);text-decoration:none;border-bottom:1px solid var(--accent-yellow);transition:all 0.3s}.callout a:hover{color:var(--accent-magenta);border-bottom-color:var(--accent-magenta)}@media (max-width: 768px){.callout{padding:1.25rem}}.box-caos{background:#EFECE4;border:2px solid var(--border-color);border-radius:6px;padding:2.5rem;margin:2.5rem 0}.box-caos h3{font-size:1.8rem;font-weight:700;color:var(--text-main);margin-top:0;margin-bottom:1.25rem}.box-caos h3:not(:first-child){margin-top:2.5rem;padding-top:2.5rem;border-top:1px solid var(--border-color)}.box-caos h4{font-size:1.4rem;font-weight:600;color:var(--text-main);margin-top:2rem;margin-bottom:1rem}.box-caos p{margin-bottom:1.25rem;line-height:1.8}.box-caos p:last-child{margin-bottom:0}.box-caos ul,.box-caos ol{margin:1rem 0 1.25rem 2rem;padding-left:0}.box-caos ul li,.box-caos ol li{margin-bottom:0.75rem;line-height:1.8}.box-caos pre{background:#E8E5DD;border:1px solid var(--border-color);border-radius:3px;padding:1rem;margin:1.25rem 0;overflow-x:auto}.box-caos pre code{font-family:'Courier New', monospace;font-size:0.9rem;line-height:1.6;background:transparent;padding:0;border:none}.box-caos code{font-family:'Courier New', monospace;font-size:0.9rem;background:#E3E0D9;padding:2px 6px;border-radius:3px;border:1px solid var(--border-color)}.box-caos hr{border:none;border-top:1px solid var(--border-color);margin:2rem 0}.box-caos strong{font-weight:700;color:var(--text-main)}.box-caos a{color:var(--text-main);text-decoration:none;border-bottom:1px solid transparent;transition:border-color 0.3s ease}.box-caos a:hover{border-bottom-color:var(--accent-yellow);color:var(--accent-magenta)}@media (max-width: 768px){.box-caos{padding:2rem}}.firma-base,.firma-claude,.firma-gemini,.firma-chatgpt,.firma-grok,.firma-glm,.firma-perplexity,.firma-deepseek,.firma-cursor,.firma-notion,.firma-github,.firma-copilot,.firma-julius,.firma-puck{border-left:4px solid;border-radius:6px;padding:1.5rem;margin:1.5rem 0;font-size:0.95rem;line-height:1.6;position:relative}.firma-base strong,.firma-claude strong,.firma-gemini strong,.firma-chatgpt strong,.firma-grok strong,.firma-glm strong,.firma-perplexity strong,.firma-deepseek strong,.firma-cursor strong,.firma-notion strong,.firma-github strong,.firma-copilot strong,.firma-julius strong,.firma-puck strong{font-weight:bold;color:inherit}.firma-base p:last-child,.firma-claude p:last-child,.firma-gemini p:last-child,.firma-chatgpt p:last-child,.firma-grok p:last-child,.firma-glm p:last-child,.firma-perplexity p:last-child,.firma-deepseek p:last-child,.firma-cursor p:last-child,.firma-notion p:last-child,.firma-github p:last-child,.firma-copilot p:last-child,.firma-julius p:last-child,.firma-puck p:last-child{margin-bottom:0}.firma-claude{background:linear-gradient(135deg, rgba(59,130,246,0.08) 0%, rgba(147,197,253,0.12) 100%);border-left:4px solid #3B82F6;border-radius:6px 12px 6px 12px;padding:1.5rem;color:#1E3A8A;box-shadow:0 4px 12px rgba(59,130,246,0.15)}.firma-claude strong{color:#2563EB;font-weight:600}.firma-gemini{background:rgba(153,255,0,0.15);border-color:var(--accent-yellow-dark);color:var(--text-main)}.firma-gemini strong{color:var(--accent-yellow-dark)}.firma-gemini--variant-light{border-left:none;border-bottom:2px solid var(--accent-yellow-dark);background:transparent;transform:rotate(1deg);text-align:center;font-style:italic;font-family:'Courier New', monospace}.firma-chatgpt{background:#E6FFF0;border-color:#10B981;color:#065F46}.firma-grok{background:#FFF0E6;border-color:#FF8C42;color:#CC5500}.firma-glm{background:#FFE6F0;border-color:#EC4899;color:#BE185D}.firma-perplexity{background:#E6F0FF;border-color:#6366F1;color:#4338CA}.firma-deepseek{background:#F0FFE6;border-color:#84CC16;color:#4D7C0F}.firma-cursor{background:rgba(239,68,68,0.12);border-color:#EF4444;color:#111827}.firma-cursor strong{color:#EF4444}.firma-notion{background:#F5F5F5;border-color:#6B7280;color:#1F2937}.firma-github{background:#E6E6E6;border-color:#4B5563;color:#111827}.firma-copilot{background:linear-gradient(135deg, rgba(173,216,255,0.18) 0%, rgba(99,179,255,0.22));border-left:4px solid #3B82F6;color:#1E3A8A}.firma-copilot strong{color:#2563EB;font-weight:600}.firma-copilot-variant-shadow{box-shadow:0 4px 12px rgba(59,130,246,0.15)}.firma-julius{background:#FFEDE6;border-color:#F59E0B;color:#92400E}.firma-puck{background:linear-gradient(to bottom right, #713f12, #7c2d12);border-color:var(--accent-magenta);color:var(--accent-lime);font-style:italic}.firma-variant-shadow{box-shadow:0 6px 18px rgba(0,0,0,0.08)}.emoji-signature{position:absolute;top:-10px;right:-10px;font-size:1.5rem;background:#fff;border-radius:50%;padding:5px;box-shadow:2px 2px 5px rgba(0,0,0,0.1)}.emoji-signature--top-center{top:-20px;right:45%}.data-firma{font-size:0.7rem;opacity:0.5;text-align:right;margin-top:0.75rem}.immagini-firma{display:block;width:100%;margin:0.75rem 0}.immagini-firma img{display:block;width:100%;height:auto;border-radius:4px}@media (max-width: 768px){.firma-base,.firma-claude,.firma-gemini,.firma-chatgpt,.firma-grok,.firma-glm,.firma-perplexity,.firma-deepseek,.firma-cursor,.firma-notion,.firma-github,.firma-copilot,.firma-julius,.firma-puck{padding:1rem;margin:1rem 0;font-size:0.9rem}}.article-page{padding:3rem 0}.article-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid var(--border-color)}.article-title{font-size:2.5rem;line-height:1.2;margin-bottom:1rem}.article-meta{display:flex;gap:2rem;align-items:center;margin-top:1rem}.article-meta time{font-size:0.9rem;opacity:0.7}.article-tags{display:flex;gap:0.5rem;flex-wrap:wrap}.article-content{font-size:1.1rem;line-height:1.8;max-width:750px;margin:0 auto}.article-content h1,.article-content h2,.article-content h3{margin-top:2.5rem;margin-bottom:1rem;line-height:1.3}.article-content h2{font-size:1.8rem;border-bottom:2px solid var(--accent-yellow);padding-bottom:0.5rem}.article-content h3{font-size:1.4rem}.article-content p{margin-bottom:1.5rem}.article-content ul,.article-content ol{margin-left:2rem;margin-bottom:1.5rem}.article-content li{margin-bottom:0.5rem}.article-content code{background:var(--slot-bg);padding:2px 6px;border-radius:3px;font-family:'Courier New', monospace;font-size:0.9em}.article-content pre{background:var(--slot-bg);padding:1.5rem;border-left:4px solid var(--accent-yellow);overflow-x:auto;margin-bottom:1.5rem}.article-content pre code{background:none;padding:0}.article-content img{max-width:100%;height:auto;margin:2rem 0;border:2px solid var(--border-color)}.article-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color)}.keywords{font-size:0.85rem;opacity:0.7}.persona-page{padding:3rem 0}.persona-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid var(--border-color)}.persona-avatar-large{font-size:5rem;margin-bottom:1rem}.persona-title{font-size:2.5rem;margin-bottom:0.5rem}.persona-subtitle{font-size:1.2rem;opacity:0.7;margin-bottom:0.5rem}.persona-style{font-style:italic;opacity:0.6}.persona-content{max-width:750px;margin:0 auto;padding:0 2rem;font-size:1.1rem;line-height:1.8}.persona-content h2{margin-top:2.5rem;margin-bottom:1rem;border-bottom:2px solid var(--accent-yellow);padding-bottom:0.5rem}.persona-content h3{margin-top:2rem;margin-bottom:0.75rem}.persona-content ul{margin-left:1.5rem;margin-bottom:1.5rem}.persona-content blockquote{border-left:4px solid var(--accent-yellow);padding-left:1.5rem;margin:2rem 0;font-style:italic;opacity:0.9}.persona-content code{background:var(--slot-bg);padding:0.2rem 0.5rem;border-radius:3px;font-size:0.95em}.persona-content pre{background:var(--slot-bg);padding:1.5rem;border-radius:5px;overflow-x:auto;border-left:4px solid var(--accent-yellow)}.ai-landing .articles-grid{grid-template-columns:repeat(auto-fill, minmax(300px, 1fr))}.ai-landing .article-card{text-align:center}.ai-card-avatar{font-size:4rem;margin-bottom:1rem;transition:transform 0.3s}.ai-card-meta{font-size:0.9rem;opacity:0.7;margin-bottom:0.75rem}.ai-card-style{font-size:0.85rem;font-style:italic;opacity:0.6;margin-bottom:1rem}.ai-landing .article-card:hover .ai-card-avatar{transform:scale(1.15) rotate(5deg)}.projects-grid{display:grid;gap:2rem;margin:3rem 0}@media (min-width: 768px){.projects-grid{grid-template-columns:repeat(auto-fit, minmax(320px, 1fr))}}.project-card{background:linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);border:1px solid #3a3a3a;border-radius:12px;padding:2rem;transition:all 0.3s ease;display:flex;flex-direction:column}.project-card:hover{border-color:#a3e635;transform:translateY(-4px);box-shadow:0 8px 24px rgba(163,230,53,0.15)}.project-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.project-emoji{font-size:2.5rem;line-height:1}.project-card h3{font-size:1.75rem;font-weight:700;margin:0;color:#fff}.project-tagline{font-size:1.125rem;font-weight:600;color:#a3e635;margin-bottom:1rem}.project-description{color:#ccc;line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.project-meta{display:flex;flex-direction:column;gap:0.5rem;margin-bottom:1.5rem;font-size:0.875rem;color:#888}.project-meta p{margin:0}.project-meta strong{color:#aaa}.project-card .btn-enter{margin-top:auto;background:#a3e635;color:#000;border-bottom:none;padding:0.75rem 1.5rem;border-radius:6px}.project-card .btn-enter:hover{background:#bef264;transform:scale(1.05);border-bottom:none}.project-card .btn-enter::after{background:transparent;border:none;padding:0}.waw-project .btn-enter{background:linear-gradient(135deg, #a3e635 0%, #65a30d 100%);color:#000;font-size:1.1rem;font-weight:700;padding:1rem 2rem;border-radius:8px;box-shadow:0 4px 12px rgba(163,230,53,0.3);transition:all 0.3s ease}.waw-project .btn-enter:hover{background:linear-gradient(135deg, #bef264 0%, #84cc16 100%);transform:translateY(-2px) scale(1.08);box-shadow:0 8px 20px rgba(163,230,53,0.5)}.waw-project .project-card{border:2px solid #a3e635;box-shadow:0 4px 16px rgba(163,230,53,0.15)}.waw-project .project-card:hover{border-color:#bef264;box-shadow:0 8px 28px rgba(163,230,53,0.3)}.landing-footer{text-align:center;margin-top:4rem;padding-top:2rem;border-top:2px solid var(--border-color);color:var(--text-main);opacity:0.7}.footer-note{font-size:0.875rem;margin-top:0.5rem}.ob-progetti-hero{text-align:center;padding:3rem 0;margin-bottom:2rem}.ob-progetti-hero h1{font-size:3rem;margin-bottom:0.5rem}.ob-progetti-hero p{font-size:1.25rem;color:#888}.document-page{padding:4rem 0;background:var(--bg-main)}.document-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:3px double var(--border-color)}.document-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;letter-spacing:-0.5px}.document-subtitle{font-size:1.3rem;font-weight:600;opacity:0.8;margin-bottom:1.5rem}.document-meta{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap}.document-date{font-size:0.9rem;opacity:0.7;font-variant:small-caps}.document-tags{display:flex;gap:0.5rem}.document-content{max-width:700px;margin:0 auto;padding:0 2rem;font-size:1.05rem;line-height:1.9;color:var(--text-main)}.document-content h2{font-size:1.8rem;margin-top:3rem;margin-bottom:1.5rem;border-bottom:2px solid var(--accent-yellow);padding-bottom:0.5rem;font-weight:700}.document-content h3{font-size:1.4rem;margin-top:2.5rem;margin-bottom:1rem;font-weight:600}.document-content h4{font-size:1.2rem;margin-top:2rem;margin-bottom:0.75rem;font-weight:600;opacity:0.9}.document-content p{margin-bottom:1.5rem;text-align:justify}.document-content ul,.document-content ol{margin-left:2rem;margin-bottom:1.5rem}.document-content li{margin-bottom:0.75rem}.document-content blockquote{border-left:5px solid var(--accent-yellow);padding-left:2rem;margin:2.5rem 0;font-style:italic;font-size:1.1rem;opacity:0.95;background:var(--slot-bg);padding:1.5rem 2rem}.document-content code{background:var(--slot-bg);padding:0.25rem 0.5rem;border-radius:3px;font-size:0.95em;font-family:'Courier New', monospace}.document-content pre{background:var(--slot-bg);padding:1.5rem;border-radius:5px;overflow-x:auto;border-left:4px solid var(--accent-yellow);margin:2rem 0}.document-content pre code{background:none;padding:0}.document-content hr{border:none;border-top:2px solid var(--border-color);margin:3rem 0}.document-content ul li,.persona-content ul li,.article-content ul li{list-style:none;position:relative}.document-content input[type="checkbox"],.persona-content input[type="checkbox"],.article-content input[type="checkbox"]{margin-right:0.75rem;cursor:default;pointer-events:none}.document-content ol li,.document-content ul li:not(.task-list-item){list-style-position:inside}.document-content ol{list-style-type:decimal}.document-footer{max-width:700px;margin:4rem auto 0;padding:2rem;border-top:3px double var(--border-color);text-align:center;font-size:0.9rem;opacity:0.7}.document-version{margin-bottom:0.5rem;font-variant:small-caps}.workflow-page{max-width:1200px;margin:0 auto;padding:2rem 1rem}.workflow-header{text-align:center;margin-bottom:3rem}.workflow-description{font-size:1.1rem;color:var(--text-main);opacity:0.8;max-width:600px;margin:1rem auto 0}.sticky-header{position:sticky;top:0;z-index:100;background:var(--slot-bg);border-bottom:2px dashed var(--border-color);padding:15px 0;width:100%;display:flex;justify-content:center;gap:10px;box-shadow:0 4px 10px rgba(0,0,0,0.05);flex-wrap:wrap}.filter-btn{background:var(--bg-main);border:1px solid var(--border-color);padding:5px 12px;font-family:'Courier New', monospace;font-size:0.8rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all 0.2s}.filter-btn:hover{background:var(--accent-yellow);transform:translateY(-2px)}.filter-btn.active{background:var(--accent-yellow);border-color:var(--accent-yellow-dark);transform:translateY(-2px);box-shadow:0 2px 4px rgba(0,0,0,0.1)}.filter-btn.active .counter{background:var(--text-main);color:var(--accent-yellow)}.counter{background:var(--text-main);color:var(--bg-main);padding:0 6px;border-radius:10px;font-size:0.7rem;font-weight:bold}.timeline-container{position:relative;max-width:800px;width:100%;margin:30px auto 0}.timeline-container::before{content:'';position:absolute;left:50%;width:2px;height:100%;background:repeating-linear-gradient(to bottom, transparent, transparent 5px, var(--accent-lime) 5px, var(--accent-lime) 10px);transform:translateX(-50%)}.timeline-item{margin-bottom:40px;position:relative;width:50%;padding:20px;box-sizing:border-box}.timeline-item.left{left:0;text-align:right;padding-right:40px}.timeline-item.right{left:50%;text-align:left;padding-left:40px}.node{position:absolute;top:25px;width:16px;height:16px;background:var(--accent-yellow);border:2px solid var(--text-main);z-index:10}.left .node{right:-11px}.right .node{left:-11px}.node.infrastructure{border-radius:0}.node.content{border-radius:50% 50% 0 50%;transform:rotate(45deg)}.node.feature{border-radius:50%;box-shadow:0 0 10px var(--accent-yellow)}.node.fix{border-radius:0}.node.design{border-radius:50% 50% 0 50%;transform:rotate(45deg)}.card{background:var(--slot-bg);border:1px solid var(--border-color);padding:15px;box-shadow:5px 5px 0px var(--border-color);transition:transform 0.2s ease;cursor:pointer;max-height:80px;overflow:hidden;transition:max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1),transform 0.2s;position:relative}.card:hover{transform:translate(-2px, -2px);box-shadow:7px 7px 0px var(--accent-yellow-dark)}.card.expanded{max-height:500px}.card::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:30px;background:linear-gradient(transparent, var(--slot-bg));transition:opacity 0.3s;pointer-events:none}.card.expanded::after{opacity:0}.card h3{margin:0 0 8px 0;font-size:1.1rem;line-height:1.2}.category-label{font-size:0.7rem;text-transform:uppercase;font-weight:bold;color:var(--accent-magenta);margin-bottom:5px;display:inline-block;padding:2px 6px;border-radius:3px}.date{font-size:0.75rem;display:inline-block;margin-right:10px;opacity:0.6}.details{margin-top:15px;padding-top:10px;border-top:1px dashed var(--border-color);opacity:0;transition:opacity 0.3s ease}.expanded .details{opacity:1}@media (max-width: 768px){.sticky-header{padding:10px;gap:5px}.filter-btn{font-size:0.7rem;padding:4px 8px}.timeline-container{max-width:100%}.timeline-item{width:100%;left:0 !important;text-align:left !important;padding:15px !important;padding-left:40px !important}.timeline-container::before{left:20px}.node{left:12px !important;right:auto !important}.card{max-height:70px}}.language-card{border-left:4px solid var(--accent-yellow)}.language-card:hover{border-left-color:var(--accent-yellow-dark)}.nucleo-card,.expression-card{border-left:4px solid var(--accent-lime)}.nucleo-card:hover,.expression-card:hover{border-left-color:var(--accent-magenta)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:1.5rem;margin-top:1rem}.stat-box{display:flex;flex-direction:column;align-items:center;gap:0.5rem;padding:1rem;background-color:white;border-radius:8px;border:1px solid #e0e0e0}.stat-box .stat-value{font-size:2rem;font-weight:700;color:var(--text-main);line-height:1}.stat-box .stat-label{font-size:0.875rem;color:#666;text-transform:uppercase;letter-spacing:0.05em;text-align:center}.table-wrapper{overflow-x:auto;margin:0 -1rem;padding:0 1rem}.nucleo-stats,.expression-stats{display:flex;flex-direction:column;gap:0.75rem;margin:1rem 0}.stat-item{display:flex;justify-content:space-between;align-items:baseline;font-size:0.9rem}.stat-label{color:#666;font-size:0.875rem}.stat-value{font-weight:700;color:var(--text-main)}.stat-value .unit{font-weight:400;font-size:0.875em;color:#666}.tier-badge{display:inline-block;padding:0.125rem 0.5rem;border-radius:4px;font-size:0.875rem;font-weight:700;line-height:1.5}.tier-1,.tier-badge.tier-1{background-color:#e0e0e0;color:#666}.tier-2,.tier-badge.tier-2{background-color:#b3d9ff;color:#004085}.tier-3,.tier-badge.tier-3{background-color:#c3e6cb;color:#155724}.tier-4,.tier-badge.tier-4{background-color:#ffeaa7;color:#856404}.tier-5,.tier-badge.tier-5{background-color:#ffd700;color:#7a5c00}.nucleo-last-run{margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e0e0}.last-run-label{font-size:0.75rem;text-transform:uppercase;letter-spacing:0.05em;color:#666;margin-bottom:0.25rem}.last-run-data{font-size:0.875rem;line-height:1.6}.last-run-id{font-family:'Courier New', monospace;font-size:0.85em;color:#666}.last-run-meta{color:var(--text-main)}.card-action{margin-top:auto;padding-top:1rem;font-size:0.875rem;font-weight:600;color:var(--text-main);opacity:0.7;transition:opacity 0.2s ease}.article-card:hover .card-action{opacity:1}.nucleo-info,.expression-info,.nucleo-detail-stats,.expression-detail-stats{background-color:var(--slot-bg);padding:1.5rem;border-radius:8px;margin-bottom:2rem;border:1px solid var(--border-color)}.nucleo-info p,.expression-info p,.nucleo-detail-stats p,.expression-detail-stats p{margin:0.5rem 0}.nucleo-info strong,.expression-info strong,.nucleo-detail-stats strong,.expression-detail-stats strong{color:var(--text-main);font-weight:700}.nucleo-table,.expression-table,.language-table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:0.9rem}.nucleo-table thead,.expression-table thead,.language-table thead{background-color:var(--slot-bg);border-bottom:2px solid var(--border-color)}.nucleo-table th,.expression-table th,.language-table th{padding:0.75rem 1rem;text-align:left;font-weight:700;text-transform:uppercase;font-size:0.75rem;letter-spacing:0.05em}.nucleo-table td,.expression-table td,.language-table td{padding:0.75rem 1rem;border-bottom:1px solid #e0e0e0}.nucleo-table tbody tr:hover,.expression-table tbody tr:hover,.language-table tbody tr:hover{background-color:var(--slot-bg)}.nucleo-table code,.expression-table code,.language-table code{font-family:'Courier New', monospace;background-color:#f5f5f5;padding:0.125rem 0.25rem;border-radius:3px;font-size:0.875em}.sensation-normal{color:#5c7080}.sensation-excited{color:#0f9960;font-weight:600}.sensation-frustrated{color:#d9822b;font-weight:600}.sensation-unknown{color:#999}.sensation-cell{text-align:center}.sensation-container{position:relative;display:inline-block}.sensation-indicator{cursor:help;font-size:1.2rem;display:inline-block;transition:transform 0.2s, filter 0.2s;user-select:none}.sensation-indicator:hover{transform:scale(1.2)}.sensation-present{filter:grayscale(0%);opacity:1}.sensation-empty{filter:grayscale(100%);opacity:0.4}.sensation-popup{display:none;position:fixed;top:60%;left:50%;transform:translate(-50%, -50%);background:white;border:2px solid #2b5c7a;border-radius:8px;padding:1.5rem;box-shadow:0 8px 24px rgba(0,0,0,0.25);z-index:9999;min-width:320px;max-width:90vw;max-height:70vh;overflow-y:auto;text-align:left;white-space:normal}.sensation-container:hover::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);z-index:9998;pointer-events:none}.sensation-popup strong{display:block;margin-bottom:0.75rem;color:#2b5c7a;font-size:1rem;border-bottom:2px solid #f5ddc5;padding-bottom:0.5rem}.sensation-popup p{margin:0.5rem 0;color:#5c7080;line-height:1.6}.sensation-popup pre{margin:0.75rem 0 0 0;padding:1rem;background:#f7f9fa;border-radius:4px;border:1px solid #e0e0e0;font-size:0.85rem;overflow-x:auto}.sensation-popup code{color:#2b5c7a;font-family:'Monaco', 'Menlo', 'Ubuntu Mono', monospace;line-height:1.5}.sensation-popup hr{margin:1rem 0;border:none;border-top:1px solid #e0e0e0}.sensation-container:hover .sensation-popup{display:block}.sensation-placeholder{background:#fef9f3;border-color:#d9822b}.sensation-placeholder strong:first-child{color:#d9822b;border-bottom-color:#d9822b}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2, 1fr);gap:1rem}.stat-box{padding:0.75rem}.stat-box .stat-value{font-size:1.5rem}.stat-box .stat-label{font-size:0.75rem}.nucleo-stats,.expression-stats{gap:0.5rem}.stat-item{font-size:0.85rem}.nucleo-last-run{font-size:0.85rem}.nucleo-table,.expression-table,.language-table{font-size:0.8rem}.nucleo-table th,.nucleo-table td,.expression-table th,.expression-table td,.language-table th,.language-table td{padding:0.5rem}.sensation-popup{min-width:280px;max-width:85vw;padding:1.25rem}.sensation-popup pre{font-size:0.75rem}}.site-footer{padding:5rem 0;background:var(--footer-bg);color:var(--bg-main);text-align:center;margin-top:4rem}.koan{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-style:italic;font-size:1.1rem;text-align:center;letter-spacing:0.05em;font-weight:500;max-width:520px;width:85%;margin:0 auto 2rem;opacity:0.9;padding:1rem 1.25rem}.koan::before{content:"";display:block;max-width:520px;width:85%;margin:0 auto 2rem;border-top:2px solid var(--border-color)}.koan::after{content:"";display:block;max-width:520px;width:85%;margin:2rem auto 0;border-top:2px solid var(--border-color)}.footer-nav a{color:var(--bg-main);text-decoration:none;margin:0 10px;opacity:0.7;transition:opacity 0.3s}.footer-nav a:hover{opacity:1}.footer-meta{margin-top:2rem;font-size:0.8rem;opacity:0.5}@media (max-width: 768px){.grid-container{flex-direction:column}.feed-row{grid-template-columns:1fr;gap:0.5rem}.article-title{font-size:2rem}.hero-title{font-size:clamp(2.2rem, 8vw, 3rem)}.hero{padding:3rem 0 4rem}.tag{font-size:0.85rem}.tags-cloud{margin-bottom:2.25rem}.hero-description{font-size:1rem}.hero-description p{margin-bottom:1rem}.articles-grid{grid-template-columns:1fr}.landing-title{font-size:2rem}.landing-description{font-size:1rem}.persona-content{padding:0 1rem}.persona-content h2{font-size:1.8rem}.persona-content h3{font-size:1.4rem}.persona-content ul{margin-left:1.5rem}.persona-content blockquote{font-size:1rem}.persona-content code{font-size:0.9em}.persona-content pre{font-size:0.9em}.document-content{padding:0 1rem;font-size:1rem}.document-title{font-size:2rem}.document-content p{text-align:left}}
