:root{--n8n-primary:var(--accent);--n8n-secondary:var(--accent);--n8n-background:var(--background);--n8n-text:var(--foreground);--n8n-border:var(--border);--n8n-card-bg:var(--surface,var(--background));--n8n-box-shadow:#00000014;--n8n-box-shadow-hover:#00000024;--n8n-date-color:var(--text-secondary);--n8n-radius:8px}html[data-theme=dark]{--n8n-box-shadow:#0000004d;--n8n-box-shadow-hover:#00000073}.n8n-resources-container{max-width:1280px;color:var(--n8n-text);background-color:var(--n8n-background);min-height:100vh;margin:0 auto;padding:20px 1rem}.n8n-header{text-align:center;background-color:var(--n8n-card-bg);border-radius:var(--n8n-radius);border-left:5px solid var(--n8n-primary);margin-bottom:30px;padding:40px 32px}.n8n-header h1{color:var(--n8n-secondary);margin-bottom:10px;font-size:2.5rem}.n8n-header p{color:var(--n8n-date-color);font-size:1.2rem}.n8n-resources-content{gap:30px;display:flex}.n8n-categories{background-color:var(--n8n-card-bg);border-radius:var(--n8n-radius);box-shadow:0 2px 10px var(--n8n-box-shadow);padding:20px}.n8n-categories h2{color:var(--n8n-secondary);border-bottom:2px solid var(--n8n-primary);margin-bottom:15px;padding-bottom:10px;font-size:1.3rem}.n8n-categories ul{margin:0;padding:0;list-style:none}.n8n-categories li{margin-bottom:10px}.n8n-categories a{color:var(--n8n-text);border-radius:4px;padding:8px 10px;text-decoration:none;transition:all .2s;display:block}.n8n-categories a:hover{background-color:var(--n8n-background);color:var(--n8n-primary);transform:translate(5px)}.n8n-main-content{flex:1}.n8n-section{background-color:var(--n8n-card-bg);border-radius:var(--n8n-radius);box-shadow:0 2px 10px var(--n8n-box-shadow);margin-bottom:40px;padding:25px}.n8n-section h2{color:var(--n8n-secondary);border-bottom:2px solid var(--n8n-primary);margin-bottom:20px;padding-bottom:10px;font-size:1.5rem}.n8n-guide{max-width:none}.n8n-guide>:not(h2){max-width:800px}.n8n-guide h3{color:var(--n8n-primary);margin-top:36px;margin-bottom:14px;font-size:1.4rem;font-weight:700}.n8n-guide h3:first-child{margin-top:0}.n8n-guide h4{color:var(--n8n-text);margin-top:24px;margin-bottom:10px;font-size:1.1rem;font-weight:700}.n8n-guide p,.n8n-guide li{color:var(--n8n-text);font-size:1rem;line-height:1.8}.n8n-guide p{margin:0 0 14px}.n8n-guide strong{color:var(--n8n-text);font-weight:700}.n8n-guide a{color:var(--n8n-secondary);text-underline-offset:2px;text-decoration:underline;transition:color .3s}.n8n-guide a:hover{color:var(--n8n-primary)}.n8n-guide ol,.n8n-guide ul{margin:0 0 14px;padding-left:22px}.n8n-guide ul{list-style:outside}.n8n-guide ol{list-style:decimal}.n8n-guide li{margin-bottom:8px}.n8n-guide table{-webkit-overflow-scrolling:touch;border-collapse:collapse;border:1px solid var(--n8n-border);width:max-content;max-width:100%;margin:0 0 18px;display:block;overflow-x:auto}.n8n-guide th,.n8n-guide td{border:1px solid var(--n8n-border);text-align:left;padding:10px 14px;line-height:1.6}.n8n-guide th{background-color:color-mix(in srgb, var(--n8n-primary) 12%, transparent);color:var(--n8n-text);font-weight:600}.n8n-guide blockquote{border-left:3px solid var(--n8n-primary);color:var(--n8n-date-color);margin:0 0 16px;padding:4px 0 4px 16px}.n8n-guide code{background-color:var(--n8n-background);border:1px solid var(--n8n-border);border-radius:4px;padding:1px 5px;font-size:.9em}.n8n-article-image{background-color:#0003;width:100%;padding-top:100%;position:relative;overflow:hidden}.n8n-article-image:before{content:"";background-image:var(--bg-image);filter:blur(15px)brightness(.4);z-index:1;background-position:50%;background-size:cover;position:absolute;inset:-5px}.n8n-article-image img{object-fit:contain;z-index:2;border-radius:3px;width:auto;max-width:85%;height:auto;max-height:85%;transition:transform .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 5px 15px #0006}.n8n-article-card:hover .n8n-article-image img{transform:translate(-50%,-50%)scale(1.05)}.n8n-tutorial-image{background-color:#0003;flex-shrink:0;width:100%;padding-top:56.25%;position:relative;overflow:hidden}.n8n-tutorial-image:before{content:"";background-image:var(--bg-image);filter:blur(15px)brightness(.4);z-index:1;background-position:50%;background-size:cover;position:absolute;inset:-5px}.n8n-tutorial-image img{object-fit:cover;object-position:center;z-index:2;border-radius:3px;width:100%;height:100%;transition:transform .5s;position:absolute;top:0;left:0}.n8n-article-card:hover .n8n-tutorial-image img{transform:scale(1.1)}@media (prefers-reduced-motion:reduce){.n8n-article-image img,.n8n-tutorial-image img{transition:none}}.n8n-articles{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.n8n-article-card{border:1px solid var(--n8n-border);border-radius:var(--n8n-radius);transition:transform .3s,box-shadow .3s;overflow:hidden}.n8n-article-card:hover{box-shadow:0 5px 15px var(--n8n-box-shadow-hover);transform:translateY(-5px)}.n8n-article-info{padding:5px 15px}.n8n-article-info h3{margin-bottom:8px;font-size:1.1rem}.n8n-article-info a{color:var(--n8n-text);text-decoration:none}.n8n-article-info a:hover{color:var(--n8n-primary)}.n8n-article-info p{color:var(--n8n-date-color);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:10px;font-size:.9rem;display:-webkit-box;overflow:hidden}.n8n-article-meta{color:var(--n8n-date-color);justify-content:space-between;font-size:.8rem;display:flex}@media (width<=900px){.n8n-resources-content{flex-direction:column}.n8n-categories{margin-bottom:30px}}@media (width<=600px){.n8n-header{padding:30px 15px}.n8n-header h1{font-size:2rem}.n8n-articles{grid-template-columns:1fr}}.n8n-nav{background-color:var(--n8n-card-bg);border:1px solid var(--n8n-border);border-radius:var(--n8n-radius);margin-bottom:30px}.n8n-nav ul{flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.n8n-nav li{flex:none}.n8n-nav a{color:var(--n8n-text);white-space:nowrap;padding:15px 20px;text-decoration:none;transition:background-color .3s;display:block}.n8n-nav a.active,.n8n-nav a:hover{background-color:var(--n8n-primary);color:var(--accent-contrast)}.social-buttons{gap:10px;display:flex}.social-button{background:var(--n8n-card-bg);width:40px;height:40px;box-shadow:0 2px 8px var(--n8n-box-shadow);border:1px solid var(--n8n-border);color:var(--n8n-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:box-shadow .2s,border .2s,background .2s,color .2s;display:flex;position:relative}.social-button:hover{background:var(--n8n-primary);color:#fff;border-color:var(--n8n-primary);transform:translateY(-2px)scale(1.08);box-shadow:0 4px 16px #ff6d5a26}.social-button svg{width:22px;height:22px;display:block}@media (width<=600px){.social-buttons{align-self:flex-end}}