/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
:root{--color-primary:#667eea;--color-primary-dark:#764ba2;--color-primary-foreground:#ffffff;--color-accent:#f59e0b;--color-accent-light:#fbbf24;--color-accent-dark:#d97706;--color-accent-foreground:#1e293b;--color-background:#f8fafc;--color-background-secondary:#f1f5f9;--color-foreground:#1e293b;--color-foreground-muted:#64748b;--color-foreground-subtle:#94a3b8;--color-card:#ffffff;--color-card-foreground:#1e293b;--color-secondary:#64748b;--color-secondary-foreground:#ffffff;--color-muted:#f1f5f9;--color-muted-foreground:#64748b;--color-border:#e2e8f0;--color-border-dark:#cbd5e1;--color-input:#e2e8f0;--color-ring:#667eea;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-category-ai:#a855f7;--color-category-pkm:#3b82f6;--color-category-bible:#f59e0b;--color-category-tech:#10b981;--font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,monospace;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0 / 0.1),0 8px 10px -6px rgb(0 0 0 / 0.1);--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--container-max-width:1280px;--container-padding:1rem;}@media (prefers-color-scheme:dark){:root{--color-background:#0f172a;--color-background-secondary:#1e293b;--color-foreground:#e2e8f0;--color-foreground-muted:#94a3b8;--color-foreground-subtle:#64748b;--color-card:#1e293b;--color-card-foreground:#e2e8f0;--color-muted:#1e293b;--color-muted-foreground:#94a3b8;--color-border:#334155;--color-border-dark:#475569;--color-input:#334155;--color-primary:#818cf8;--color-primary-dark:#a78bfa;--color-accent:#fbbf24;}}*,*::before,*::after{box-sizing:border-box;}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}body{margin:0;padding:0;font-family:var(--font-sans);font-size:1rem;line-height:1.6;color:var(--color-foreground);background-color:var(--color-background);}h1,h2,h3,h4,h5,h6{margin:0 0 var(--spacing-md);font-weight:600;line-height:1.3;color:var(--color-foreground);}h1{font-size:2.5rem;}h2{font-size:2rem;}h3{font-size:1.5rem;}h4{font-size:1.25rem;}h5{font-size:1.125rem;}h6{font-size:1rem;}p{margin:0 0 var(--spacing-md);}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast);}a:hover{color:var(--color-primary-dark);}img{max-width:100%;height:auto;display:block;}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);}.layout-wrapper{display:flex;flex-direction:column;min-height:100vh;}.layout-main{flex:1;}.layout-with-sidebar{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);}@media (min-width:1024px){.layout-with-sidebar{grid-template-columns:1fr 320px;}}.site-header{background:var(--color-card);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 0;gap:var(--spacing-lg);}.site-logo{display:flex;align-items:center;gap:var(--spacing-sm);}.site-logo img{height:40px;width:auto;}.site-logo-text{font-size:1.25rem;font-weight:700;color:var(--color-foreground);}.site-tagline{font-size:0.75rem;color:var(--color-foreground-muted);display:none;}@media (min-width:768px){.site-tagline{display:block;}}.main-nav{display:none;}@media (min-width:768px){.main-nav{display:flex;align-items:center;gap:var(--spacing-lg);}}.main-nav a{font-size:0.875rem;font-weight:500;color:var(--color-foreground-muted);transition:color var(--transition-fast);}.main-nav a:hover,.main-nav a.is-active{color:var(--color-primary);}.mobile-nav-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;cursor:pointer;color:var(--color-foreground);}@media (min-width:768px){.mobile-nav-toggle{display:none;}}.mobile-nav{position:fixed;top:0;right:-100%;width:100%;max-width:320px;height:100vh;background:var(--color-card);padding:var(--spacing-xl);transition:right var(--transition-normal);z-index:200;box-shadow:var(--shadow-xl);}.mobile-nav.is-open{right:0;}.mobile-nav-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal);z-index:199;}.mobile-nav-overlay.is-visible{opacity:1;visibility:visible;}.mobile-nav-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;cursor:pointer;color:var(--color-foreground);margin-bottom:var(--spacing-lg);margin-left:auto;}.site-footer{background:var(--color-card);border-top:1px solid var(--color-border);padding:var(--spacing-2xl) 0;margin-top:var(--spacing-3xl);}.footer-inner{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-xl);}@media (min-width:768px){.footer-inner{grid-template-columns:repeat(3,1fr);}}.footer-copyright{text-align:center;padding-top:var(--spacing-xl);margin-top:var(--spacing-xl);border-top:1px solid var(--color-border);color:var(--color-foreground-muted);font-size:0.875rem;}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-sans);font-size:0.875rem;font-weight:500;line-height:1.5;text-decoration:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-primary-foreground);}.btn-primary:hover{opacity:0.9;color:var(--color-primary-foreground);}.btn-secondary{background:var(--color-secondary);color:var(--color-secondary-foreground);}.btn-secondary:hover{opacity:0.9;}.btn-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-foreground);}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary);}.btn-accent{background:var(--color-accent);color:var(--color-accent-foreground);}.btn-accent:hover{background:var(--color-accent-dark);}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal);}.card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px);}.card-image{aspect-ratio:16/9;overflow:hidden;}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow);}.card:hover .card-image img{transform:scale(1.05);}.card-content{padding:var(--spacing-lg);}.card-title{font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-sm);}.card-title a{color:var(--color-foreground);}.card-title a:hover{color:var(--color-primary);}.card-excerpt{color:var(--color-foreground-muted);font-size:0.875rem;margin-bottom:var(--spacing-md);}.card-meta{display:flex;align-items:center;gap:var(--spacing-md);font-size:0.75rem;color:var(--color-foreground-subtle);}.category-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:0.75rem;font-weight:500;border-radius:var(--radius-full);color:#fff;margin-bottom:var(--spacing-sm);}.category-badge--ai{background-color:var(--color-category-ai);}.category-badge--pkm{background-color:var(--color-category-pkm);}.category-badge--bible{background-color:var(--color-category-bible);}.category-badge--tech{background-color:var(--color-category-tech);}.hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;padding:var(--spacing-3xl) 0;}.hero-content{max-width:640px;}.hero-title{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-md);color:#fff;}@media (min-width:768px){.hero-title{font-size:3.5rem;}}.hero-subtitle{font-size:1.125rem;opacity:0.9;margin-bottom:var(--spacing-xl);}.content-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-xl);}@media (min-width:640px){.content-grid{grid-template-columns:repeat(2,1fr);}}@media (min-width:1024px){.content-grid{grid-template-columns:repeat(3,1fr);}}.section{padding:var(--spacing-3xl) 0;}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl);}.section-title{font-size:1.5rem;font-weight:600;margin:0;}.section-title::after{content:'';display:block;width:60px;height:3px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);margin-top:var(--spacing-sm);border-radius:var(--radius-full);}.article-header{margin-bottom:var(--spacing-xl);}.article-title{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-md);}@media (min-width:768px){.article-title{font-size:2.5rem;}}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md);color:var(--color-foreground-muted);font-size:0.875rem;}.article-featured-image{margin-bottom:var(--spacing-xl);border-radius:var(--radius-xl);overflow:hidden;}.article-featured-image img{width:100%;aspect-ratio:16/9;object-fit:cover;}.article-content{font-size:1.0625rem;line-height:1.8;}.article-content h2{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-md);}.article-content h3{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-sm);}.article-content p{margin-bottom:var(--spacing-lg);}.article-content ul,.article-content ol{margin-bottom:var(--spacing-lg);padding-left:var(--spacing-xl);}.article-content li{margin-bottom:var(--spacing-sm);}.article-content blockquote{margin:var(--spacing-xl) 0;padding:var(--spacing-lg);padding-left:var(--spacing-xl);background:var(--color-muted);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);font-style:italic;}.article-content pre{margin:var(--spacing-lg) 0;padding:var(--spacing-lg);background:var(--color-foreground);color:var(--color-background);border-radius:var(--radius-md);overflow-x:auto;font-family:var(--font-mono);font-size:0.875rem;}.article-content code{font-family:var(--font-mono);font-size:0.875em;background:var(--color-muted);padding:0.125em 0.375em;border-radius:var(--radius-sm);}.article-content pre code{background:none;padding:0;}.sidebar{display:flex;flex-direction:column;gap:var(--spacing-xl);}.sidebar-widget{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);}.sidebar-widget-title{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border);}.featured-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-accent);color:var(--color-accent-foreground);font-size:0.75rem;font-weight:600;border-radius:var(--radius-sm);text-transform:uppercase;}.difficulty-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:0.75rem;font-weight:500;border-radius:var(--radius-sm);}.difficulty-badge--beginner{background:rgba(16,185,129,0.1);color:var(--color-success);}.difficulty-badge--intermediate{background:rgba(245,158,11,0.1);color:var(--color-warning);}.difficulty-badge--advanced{background:rgba(239,68,68,0.1);color:var(--color-error);}.pager{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-2xl);}.pager__item a,.pager__item span{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:0.875rem;transition:all var(--transition-fast);}.pager__item a:hover{border-color:var(--color-primary);color:var(--color-primary);}.pager__item--active span{background:var(--color-primary);border-color:var(--color-primary);color:#fff;}.form-item{margin-bottom:var(--spacing-lg);}.form-item label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;font-size:0.875rem;}.form-text,.form-email,.form-textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-sans);font-size:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);color:var(--color-foreground);transition:border-color var(--transition-fast);}.form-text:focus,.form-email:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(102,126,234,0.1);}.form-textarea{min-height:150px;resize:vertical;}.messages{padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-lg);border-radius:var(--radius-md);font-size:0.875rem;}.messages--status{background:rgba(16,185,129,0.1);border:1px solid var(--color-success);color:var(--color-success);}.messages--warning{background:rgba(245,158,11,0.1);border:1px solid var(--color-warning);color:var(--color-warning);}.messages--error{background:rgba(239,68,68,0.1);border:1px solid var(--color-error);color:var(--color-error);}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}.text-center{text-align:center;}.text-muted{color:var(--color-foreground-muted);}.mt-0{margin-top:0;}.mb-0{margin-bottom:0;}.tabs,nav.tabs{margin-bottom:var(--spacing-lg);}.tabs ul,.tabs ol{list-style:none;padding:0;margin:0;display:flex;gap:var(--spacing-xs);flex-wrap:wrap;}.tabs li{margin:0;}.tabs a{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-md);font-size:0.8125rem;font-weight:500;color:var(--color-foreground-muted);background:var(--color-muted);border-radius:var(--radius-md);transition:all var(--transition-fast);}.tabs a:hover{background:var(--color-primary);color:var(--color-primary-foreground);}.tabs a.is-active,.tabs li.is-active a{background:var(--color-primary);color:var(--color-primary-foreground);}.block-system-powered-by-block,#block-koallabs-powered{display:none;}.block-system-branding-block h2{display:none;}.block-user-login-block,nav[aria-label="User account menu"],.menu--account{display:none;}.page-header .block-page-title-block,.block-page-title-block{display:none;}.layout-main .block-search-form-block,.layout-content .block-search-form-block{display:none;}.main-nav h2,.main-nav .block-title,.mobile-nav h2,.mobile-nav .block-title{display:none;}.main-nav ul{list-style:none;padding:0;margin:0;display:flex;gap:var(--spacing-lg);}.main-nav li{margin:0;}.main-nav ul a{font-size:0.875rem;font-weight:500;color:var(--color-foreground-muted);transition:color var(--transition-fast);}.main-nav ul a:hover,.main-nav ul a.is-active{color:var(--color-primary);}.layout-main .article-full{padding-top:var(--spacing-xl);}
.services-section{background:var(--color-background-secondary);}.services-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-lg);}@media (min-width:640px){.services-grid{grid-template-columns:repeat(2,1fr);}}@media (min-width:1024px){.services-grid{grid-template-columns:repeat(3,1fr);}}.service-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-normal);}.service-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px);}.service-card-image{width:80px;height:80px;margin:0 auto var(--spacing-lg);border-radius:var(--radius-lg);overflow:hidden;}.service-card-image img{width:100%;height:100%;object-fit:cover;}.service-card-title{font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-sm);}.service-card-description{color:var(--color-foreground-muted);font-size:0.875rem;margin-bottom:var(--spacing-lg);}.featured-articles{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);}@media (min-width:1024px){.featured-articles{grid-template-columns:1fr 1fr;}}.featured-main{position:relative;}.featured-main .card-image{aspect-ratio:16/10;}.featured-main .card-content{padding:var(--spacing-xl);}.featured-main .card-title{font-size:1.5rem;}.featured-sidebar{display:flex;flex-direction:column;gap:var(--spacing-md);}.featured-sidebar .card{display:grid;grid-template-columns:120px 1fr;gap:var(--spacing-md);}.featured-sidebar .card-image{aspect-ratio:1;}.featured-sidebar .card-content{padding:var(--spacing-md);display:flex;flex-direction:column;justify-content:center;}.featured-sidebar .card-title{font-size:1rem;margin-bottom:var(--spacing-xs);}.tutorial-card .card-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border);}.tutorial-meta{display:flex;align-items:center;gap:var(--spacing-md);font-size:0.75rem;color:var(--color-foreground-muted);}.tutorial-meta svg{width:14px;height:14px;}.video-card{position:relative;}.video-card .card-image{position:relative;}.video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;background:rgba(255,255,255,0.95);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transition:all var(--transition-fast);}.video-card:hover .video-play-button{transform:translate(-50%,-50%) scale(1.1);background:#fff;}.video-play-button svg{width:24px;height:24px;color:var(--color-primary);margin-left:4px;}.video-duration{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:rgba(0,0,0,0.8);color:#fff;font-size:0.75rem;font-weight:500;border-radius:var(--radius-sm);}.category-list{list-style:none;padding:0;margin:0;}.category-list li{margin-bottom:var(--spacing-sm);}.category-list a{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-muted);border-radius:var(--radius-md);color:var(--color-foreground);font-size:0.875rem;transition:all var(--transition-fast);}.category-list a:hover{background:var(--color-primary);color:#fff;}.category-count{font-size:0.75rem;padding:var(--spacing-xs) var(--spacing-sm);background:rgba(0,0,0,0.1);border-radius:var(--radius-full);}.newsletter-section{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;padding:var(--spacing-3xl) 0;text-align:center;}.newsletter-title{font-size:1.75rem;font-weight:700;margin-bottom:var(--spacing-sm);color:#fff;}.newsletter-subtitle{font-size:1rem;opacity:0.9;margin-bottom:var(--spacing-xl);max-width:480px;margin-left:auto;margin-right:auto;}.newsletter-form{display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:480px;margin:0 auto;}@media (min-width:640px){.newsletter-form{flex-direction:row;}}.newsletter-form input[type="email"]{flex:1;padding:var(--spacing-md) var(--spacing-lg);font-size:1rem;border:none;border-radius:var(--radius-md);background:rgba(255,255,255,0.95);}.newsletter-form button{padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;font-weight:600;background:var(--color-accent);color:var(--color-accent-foreground);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);}.newsletter-form button:hover{background:var(--color-accent-dark);}.search-block-form{display:flex;gap:var(--spacing-sm);}.search-block-form input[type="search"]{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:0.875rem;background:var(--color-card);}.search-block-form button{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;}.recent-posts-list{list-style:none;padding:0;margin:0;}.recent-posts-list li{padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border);}.recent-posts-list li:last-child{border-bottom:none;padding-bottom:0;}.recent-posts-list li:first-child{padding-top:0;}.recent-posts-list a{display:block;color:var(--color-foreground);font-weight:500;font-size:0.875rem;margin-bottom:var(--spacing-xs);}.recent-posts-list a:hover{color:var(--color-primary);}.recent-posts-list .post-date{font-size:0.75rem;color:var(--color-foreground-muted);}.tags-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);}.tag-link{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-muted);border-radius:var(--radius-sm);font-size:0.75rem;color:var(--color-foreground-muted);transition:all var(--transition-fast);}.tag-link:hover{background:var(--color-primary);color:#fff;}.breadcrumb{padding:var(--spacing-md) 0;font-size:0.875rem;}.breadcrumb ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);}.breadcrumb li{display:flex;align-items:center;gap:var(--spacing-sm);}.breadcrumb li:not(:last-child)::after{content:'/';color:var(--color-foreground-subtle);}.breadcrumb a{color:var(--color-foreground-muted);}.breadcrumb a:hover{color:var(--color-primary);}.breadcrumb li:last-child{color:var(--color-foreground);}.views-exposed-form{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);}.views-exposed-form .form--inline{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:flex-end;}.views-exposed-form .form-item{margin-bottom:0;flex:1;min-width:200px;}.views-exposed-form select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:0.875rem;background:var(--color-card);cursor:pointer;}.empty-state{text-align:center;padding:var(--spacing-3xl);color:var(--color-foreground-muted);}.empty-state-icon{width:64px;height:64px;margin:0 auto var(--spacing-lg);color:var(--color-foreground-subtle);}.empty-state-title{font-size:1.25rem;margin-bottom:var(--spacing-sm);color:var(--color-foreground);}.empty-state-message{font-size:0.875rem;margin-bottom:var(--spacing-lg);}.author-box{display:flex;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--color-muted);border-radius:var(--radius-lg);margin:var(--spacing-2xl) 0;}.author-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;flex-shrink:0;}.author-avatar img{width:100%;height:100%;object-fit:cover;}.author-info{flex:1;}.author-name{font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-xs);}.author-bio{font-size:0.875rem;color:var(--color-foreground-muted);margin-bottom:var(--spacing-md);}.author-social{display:flex;gap:var(--spacing-sm);}.author-social a{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-card);border-radius:50%;color:var(--color-foreground-muted);transition:all var(--transition-fast);}.author-social a:hover{background:var(--color-primary);color:#fff;}.share-buttons{display:flex;align-items:center;gap:var(--spacing-sm);}.share-label{font-size:0.875rem;font-weight:500;color:var(--color-foreground-muted);}.share-buttons a{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:50%;color:var(--color-foreground-muted);transition:all var(--transition-fast);}.share-buttons a:hover{border-color:var(--color-primary);color:var(--color-primary);}.related-posts{margin-top:var(--spacing-3xl);padding-top:var(--spacing-2xl);border-top:1px solid var(--color-border);}.related-posts .section-title{margin-bottom:var(--spacing-xl);}.comments-section{margin-top:var(--spacing-3xl);padding-top:var(--spacing-2xl);border-top:1px solid var(--color-border);}.comment{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg) 0;border-bottom:1px solid var(--color-border);}.comment-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;}.comment-content{flex:1;}.comment-author{font-weight:600;margin-bottom:var(--spacing-xs);}.comment-date{font-size:0.75rem;color:var(--color-foreground-muted);margin-left:var(--spacing-sm);font-weight:400;}.comment-body{font-size:0.875rem;color:var(--color-foreground-muted);}
.video-embed{margin-bottom:var(--spacing-xl);}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius-lg);background:var(--color-foreground);}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;}.video-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:180px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:rgba(255,255,255,0.5);}.video-link{display:flex;justify-content:center;padding:var(--spacing-2xl);background:var(--color-muted);border-radius:var(--radius-lg);}.video-description{font-size:1.125rem;color:var(--color-foreground-muted);margin-bottom:var(--spacing-xl);}.video-duration-meta{display:inline-flex;align-items:center;gap:var(--spacing-xs);}.code-block-wrapper{position:relative;}.code-copy-btn{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:var(--radius-sm);color:rgba(255,255,255,0.7);cursor:pointer;opacity:0;transition:all var(--transition-fast);}.code-block-wrapper:hover .code-copy-btn{opacity:1;}.code-copy-btn:hover{background:rgba(255,255,255,0.2);color:#fff;}.code-copy-btn.is-copied{background:var(--color-success);border-color:var(--color-success);color:#fff;}.tutorial-summary{padding:var(--spacing-lg);background:var(--color-muted);border-radius:var(--radius-lg);border-left:4px solid var(--color-primary);margin-bottom:var(--spacing-xl);}.tutorial-summary p{margin:0;color:var(--color-foreground-muted);}.tutorial-summary strong{color:var(--color-foreground);}.service-cta{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border);}.site-header.is-scrolled{box-shadow:var(--shadow-md);}img[data-src]{opacity:0;transition:opacity var(--transition-normal);}img.is-loaded{opacity:1;}
.front-layout{display:flex;max-width:1280px;margin:0 auto;background:var(--color-card);border-radius:16px;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,0.1);border:1px solid var(--color-border);}.front-sidebar{width:240px;min-width:240px;border-right:1px solid var(--color-border);padding:var(--spacing-lg);background:var(--color-background);}@media (max-width:1024px){.front-sidebar{display:none;}}.sidebar-label{font-size:11px;font-weight:600;color:var(--color-foreground-subtle);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:var(--spacing-md);padding:0 var(--spacing-md);}.sidebar-section{margin-bottom:var(--spacing-xl);}.sidebar-nav{margin-bottom:var(--spacing-xl);}.sidebar-nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:10px 12px;border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--color-foreground-muted);cursor:pointer;transition:all 200ms ease;position:relative;overflow:hidden;text-decoration:none;}.sidebar-nav-item::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(102,126,234,0.1);transform:scaleX(0);transform-origin:left;transition:transform 200ms ease;}.sidebar-nav-item:hover::before{transform:scaleX(1);}.sidebar-nav-item:hover{color:var(--color-foreground);}.sidebar-nav-item:hover .nav-icon{transform:translateX(2px);}.sidebar-nav-item.active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:white;transform:scale(1.02);}.sidebar-nav-item.active::before{display:none;}.nav-icon{transition:transform 150ms ease;}.category-list-sidebar{padding:0 var(--spacing-md);}.category-tag{display:flex;align-items:center;gap:var(--spacing-sm);padding:6px 0;font-size:14px;color:var(--color-foreground-muted);cursor:pointer;transition:all 200ms ease;text-decoration:none;}.category-tag:hover{color:var(--color-primary);transform:translateX(4px);}.category-tag:hover .category-dot{transform:scale(1.3);}.category-dot{width:8px;height:8px;border-radius:50%;transition:transform 300ms ease;flex-shrink:0;}.tags-list{display:flex;flex-wrap:wrap;gap:6px;padding:0 var(--spacing-md);}.tag-pill{padding:4px 10px;font-size:11px;border-radius:20px;background:var(--color-background-secondary);color:var(--color-foreground-muted);display:inline-block;transition:all 150ms ease;cursor:pointer;text-decoration:none;}.tag-pill:hover{background:rgba(102,126,234,0.15);color:var(--color-primary);transform:scale(1.05);}.newsletter-box{background:linear-gradient(135deg,rgba(245,158,11,0.1) 0%,rgba(217,119,6,0.1) 100%);border:1px solid rgba(245,158,11,0.3);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all 300ms ease;}.newsletter-box:hover{border-color:rgba(245,158,11,0.5);box-shadow:0 8px 24px -8px rgba(245,158,11,0.2);}.newsletter-box-title{font-size:14px;font-weight:600;color:var(--color-foreground);margin-bottom:4px;}.newsletter-box-text{font-size:12px;color:var(--color-foreground-muted);margin-bottom:var(--spacing-md);}.newsletter-box-form{display:flex;flex-direction:column;gap:var(--spacing-sm);}.front-main{flex:1;padding:var(--spacing-xl);background:var(--color-background);min-width:0;}.hero-carousel{background:linear-gradient(135deg,rgba(102,126,234,0.08) 0%,rgba(118,75,162,0.08) 100%);border:1px solid rgba(102,126,234,0.2);border-radius:16px;padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);}.hero-carousel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);}.carousel-arrows{display:flex;gap:var(--spacing-sm);}.carousel-arrow{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-foreground-muted);cursor:pointer;transition:all 200ms ease;font-size:12px;}.carousel-arrow:hover{border-color:var(--color-primary);color:var(--color-primary);transform:scale(1.05);}.carousel-arrow:active{transform:scale(0.95);}.hero-carousel-content{display:flex;align-items:center;gap:var(--spacing-xl);}@media (max-width:768px){.hero-carousel-content{flex-direction:column;}}.hero-carousel-image{width:320px;height:176px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);overflow:hidden;}@media (max-width:768px){.hero-carousel-image{width:100%;}}.hero-carousel-image img{width:100%;height:100%;object-fit:cover;}.hero-carousel-info{flex:1;}.accent-badge{background:rgba(245,158,11,0.15);color:var(--color-accent);padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500;display:inline-block;animation:pulse 2000ms infinite ease-in-out;}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(245,158,11,0.4);}50%{box-shadow:0 0 12px 4px rgba(245,158,11,0.2);}}.hero-carousel-title{font-size:20px;font-weight:700;color:var(--color-foreground);margin-bottom:var(--spacing-sm);margin-top:var(--spacing-md);}.hero-carousel-excerpt{font-size:14px;color:var(--color-foreground-muted);margin-bottom:var(--spacing-lg);line-height:1.6;}.carousel-dots{display:flex;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);}.carousel-dot{width:6px;height:6px;border-radius:3px;background:var(--color-border-dark);transition:all 300ms ease;}.carousel-dot.active{width:32px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);}.trending-section{margin-bottom:var(--spacing-xl);}.section-header-inline{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);}.section-title-small{font-size:14px;font-weight:600;color:var(--color-foreground);margin:0;}.load-more{font-size:12px;color:var(--color-primary);font-weight:500;text-decoration:none;transition:all 200ms ease;display:inline-flex;align-items:center;gap:4px;}.load-more:hover{color:var(--color-primary-dark);}.trending-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);}@media (max-width:900px){.trending-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:500px){.trending-grid{grid-template-columns:1fr;}}.content-card-mini{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);cursor:pointer;transition:all 300ms cubic-bezier(0.34,1.56,0.64,1);text-decoration:none;display:block;}.content-card-mini:hover{transform:translateY(-4px);box-shadow:0 20px 40px -15px rgba(102,126,234,0.3);border-color:var(--color-primary);}.content-card-mini:active{transform:translateY(-2px) scale(0.98);}.content-card-mini-image{height:80px;border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);display:flex;align-items:center;justify-content:center;}.content-card-mini-image span{font-size:24px;}.content-card-mini-title{font-size:12px;font-weight:500;color:var(--color-foreground);margin:0;}.all-content-section{background:var(--color-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;}.all-content-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);}.all-content-filters{display:flex;gap:var(--spacing-sm);}.select-field{padding:6px 12px;font-size:12px;border-radius:var(--radius-md);background:var(--color-background);border:1px solid var(--color-border);color:var(--color-foreground-muted);outline:none;cursor:pointer;transition:all 200ms ease;}.select-field:hover{border-color:var(--color-primary);}.select-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(102,126,234,0.1);}.all-content-list .views-row,.all-content-list .node--view-mode-teaser{border-bottom:1px solid var(--color-border);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-lg);cursor:pointer;transition:all 200ms ease;}.all-content-list .views-row:hover,.all-content-list .node--view-mode-teaser:hover{background:rgba(102,126,234,0.05);}.all-content-list .views-row:last-child,.all-content-list .node--view-mode-teaser:last-child{border-bottom:none;}.input-field{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:12px;border-radius:var(--radius-md);background:var(--color-card);border:1px solid var(--color-border);color:var(--color-foreground);outline:none;transition:all 200ms ease;}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(102,126,234,0.15);}.input-field::placeholder{color:var(--color-foreground-subtle);}.btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-foreground-muted);cursor:pointer;transition:all 200ms ease;}.btn-icon:hover{border-color:var(--color-primary);color:var(--color-primary);}.header-actions{display:flex;align-items:center;gap:var(--spacing-md);}.footer-simple{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) 0;}@media (max-width:768px){.footer-simple{flex-direction:column;gap:var(--spacing-lg);text-align:center;}}.footer-links{display:flex;gap:var(--spacing-xl);font-size:12px;}.footer-link{text-decoration:none;color:var(--color-foreground-muted);transition:color 200ms ease;}.footer-link:hover{color:var(--color-primary);}.footer-social{display:flex;align-items:center;gap:var(--spacing-lg);font-size:16px;color:var(--color-foreground-muted);}.social-icon{transition:all 200ms ease;cursor:pointer;text-decoration:none;color:inherit;}.social-icon:hover{color:var(--color-primary);transform:translateY(-2px);}.footer-copyright-text{font-size:12px;color:var(--color-foreground-subtle);}.mobile-nav-link{display:block;padding:var(--spacing-md) 0;font-size:16px;font-weight:500;color:var(--color-foreground);text-decoration:none;border-bottom:1px solid var(--color-border);}.mobile-nav-link:hover{color:var(--color-primary);}.front-main .block-title,.front-main h2.block-title{display:none;}.front-main .messages--status{margin-bottom:var(--spacing-lg);}