/* Shared component CSS extracted from repeated Hugo output. */
.main-nav{background-color:var(--background-color);border-bottom:1px solid var(--border-color);padding:1rem 0;position:sticky;top:0;z-index:100}.nav-content{display:flex;align-items:center;justify-content:space-between}.menu{display:flex;gap:.9rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}.menu-item{color:var(--text-color);text-decoration:none;font-weight:500;padding:.5rem 0;position:relative}.menu-item:hover,.menu-item.active{color:var(--primary-color)}.menu-item.active::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--primary-color)}.language-switcher{position:relative;margin-left:1rem;padding-left:1rem;border-left:1px solid var(--border-color)}.lang-button{display:flex;align-items:center;gap:.5rem;background:0 0;border:1px solid var(--border-color);color:var(--text-color);padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.lang-button:hover{background-color:var(--border-color)}.dropdown-arrow{transition:transform .3s ease}.lang-button[aria-expanded=true] .dropdown-arrow{transform:rotate(180deg)}.lang-dropdown{display:none;position:absolute;top:100%;right:0;margin-top:.5rem;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1);min-width:150px;z-index:1000}.lang-dropdown.show{display:block}.lang-option{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;color:var(--text-color);text-decoration:none;font-size:.9rem;transition:all .3s ease}.lang-option:hover,.lang-option.active{background-color:var(--border-color);color:var(--primary-color)}.lang-option:not(:last-child){border-bottom:1px solid var(--border-color)}.flag-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:16px;line-height:1}.flag{width:100%;height:100%;border-radius:2px;box-shadow:0 1px 2px rgba(0,0,0,.1)}.mobile-menu-checkbox{display:none}.mobile-menu-button{display:none;background:0 0;border:none;color:var(--text-color);cursor:pointer;padding:.5rem;position:absolute;top:1.5rem;right:1.5rem;z-index:100;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.hamburger-icon{width:24px;height:18px;position:relative;display:inline-block}.hamburger-line{display:block;position:absolute;height:2px;width:100%;background:var(--text-color);border-radius:2px;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out}.hamburger-line:nth-child(1){top:0}.hamburger-line:nth-child(2){top:8px}.hamburger-line:nth-child(3){top:16px}.mobile-menu-checkbox:checked+.mobile-menu-button .hamburger-line:nth-child(1){top:8px;transform:rotate(45deg)}.mobile-menu-checkbox:checked+.mobile-menu-button .hamburger-line:nth-child(2){opacity:0}.mobile-menu-checkbox:checked+.mobile-menu-button .hamburger-line:nth-child(3){top:8px;transform:rotate(-45deg)}.mobile-menu{display:none;flex-direction:column;gap:1rem;padding:1rem 0}.mobile-menu-item{color:var(--text-color);text-decoration:none;font-weight:500;padding:.5rem 0}.mobile-menu-item:hover,.mobile-menu-item.active{color:var(--primary-color)}.mobile-language-switcher{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.mobile-lang-link{display:flex;align-items:center;gap:.5rem;color:var(--text-color);text-decoration:none;font-size:.9rem;padding:.5rem;border-radius:4px;transition:all .3s ease}.mobile-lang-link:hover,.mobile-lang-link.active{background-color:var(--border-color);color:var(--primary-color)}@media(max-width:768px){.menu{display:none}.mobile-menu-button{display:block}.mobile-menu{position:absolute;top:4rem;left:0;right:0;background-color:var(--background-color);border-bottom:1px solid var(--border-color);box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:99;padding:1rem}.mobile-menu-checkbox:checked~.mobile-menu{display:flex}.mobile-menu-checkbox:not(:checked)~.mobile-menu{display:none}}
.blog-post{padding:4rem 0}.post-header{margin-bottom:3rem;text-align:center}.post-banner{margin:-4rem -2rem 2rem;height:400px;overflow:hidden}.post-banner img{width:100%;height:100%;object-fit:cover}.post-header h1{font-size:2.5rem;margin-bottom:1rem}.post-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;color:var(--text-color-light);font-size:.875rem}.categories{display:flex;gap:.5rem}.category{padding:.25rem .75rem;background-color:var(--primary-color);color:#fff;border-radius:1rem;text-decoration:none;font-size:.75rem;transition:background-color .2s ease-in-out}.category:hover{background-color:var(--primary-color-dark)}.post-content{max-width:800px;margin:0 auto;line-height:1.8}.post-content p{margin-bottom:1.5rem}.post-content h2,.post-content h3,.post-content h4{margin:2rem 0 1rem}.post-content img{max-width:100%;height:auto;border-radius:.5rem;margin:2rem 0}.post-content a{color:var(--primary-color);text-decoration:none}.post-content a:hover{text-decoration:underline}.post-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color)}.tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{color:var(--text-color-light);text-decoration:none;transition:color .2s ease-in-out}.tag:hover{color:var(--primary-color)}@media(max-width:768px){.blog-post{padding:2rem 0}.post-banner{margin:-2rem -1rem 2rem;height:300px}.post-header h1{font-size:2rem}}
.footer-content{display:flex;justify-content:space-between;align-items:center;padding:2rem 0;flex-wrap:wrap;gap:1rem}.copyright{flex:1;min-width:200px}.footer-nav{display:flex;gap:1.5rem}.social-links{display:flex;gap:1rem;align-items:center}.social-links a{color:var(--text-color);transition:color .3s ease;line-height:0}.social-links a:hover{color:var(--primary-color)}.social-links svg{width:24px;height:24px}@media(max-width:768px){.footer-content{flex-direction:column;text-align:center}.footer-nav{justify-content:center}.social-links{justify-content:center}}
.blog-list{padding:4rem 0}.blog-header{margin-bottom:3rem;text-align:center}.blog-header h1{font-size:2.5rem;margin-bottom:1rem}.description{color:var(--text-color-light);font-size:1.2rem}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.blog-item{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:.5rem;overflow:hidden;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.blog-item:hover{transform:translateY(-5px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.blog-item-image{width:100%;height:200px;overflow:hidden}.blog-item-image img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease-in-out}.blog-item:hover .blog-item-image img{transform:scale(1.05)}.blog-item-content{padding:1.5rem}.blog-item-content h2{font-size:1.25rem;margin-bottom:.5rem}.blog-item-content h2 a{color:var(--text-color);text-decoration:none}.blog-item-content h2 a:hover{color:var(--primary-color)}.blog-meta{display:flex;gap:1rem;font-size:.875rem;color:var(--text-color-light);margin-bottom:1rem}.summary{color:var(--text-color-light);margin-bottom:1rem;line-height:1.6}.read-more{display:inline-block;color:var(--primary-color);text-decoration:none;font-weight:500}.read-more:hover{text-decoration:underline}@media(max-width:768px){.blog-list{padding:2rem 0}.blog-grid{grid-template-columns:1fr}.blog-header h1{font-size:2rem}}
.content-list{padding:4rem 0}.content-header{margin-bottom:3rem;text-align:center}.content-header h1{font-size:2.5rem;margin-bottom:1rem}.description{color:var(--text-color-light);font-size:1.2rem}.items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.list-item{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:.5rem;overflow:hidden;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.list-item:hover{transform:translateY(-5px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.list-item-image{width:100%;height:200px;overflow:hidden}.list-item-image img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease-in-out}.list-item:hover .list-item-image img{transform:scale(1.05)}.list-item-content{padding:1.5rem}.list-item-content h2{font-size:1.25rem;margin-bottom:.5rem}.list-item-content h2 a{color:var(--text-color);text-decoration:none}.list-item-content h2 a:hover{color:var(--primary-color)}.list-item-content time{display:block;font-size:.875rem;color:var(--text-color-light);margin-bottom:1rem}.list-item-content p{color:var(--text-color-light);margin-bottom:1rem;line-height:1.6}.read-more{display:inline-block;color:var(--primary-color);text-decoration:none;font-weight:500}.read-more:hover{text-decoration:underline}@media(max-width:768px){.content-list{padding:2rem 0}.items-grid{grid-template-columns:1fr}.content-header h1{font-size:2rem}}
.faq-section{padding:4rem 0}.faq-container{width:100%}.faq-group{margin-bottom:1rem}.group-title{color:var(--text-color);font-size:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .3s ease;list-style:none}.group-title:hover{background-color:var(--border-color)}.group-title::-webkit-details-marker{display:none}.group-meta{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-color-light);font-size:.95rem;font-weight:500;white-space:nowrap}.group-meta .icon{width:20px;height:20px;transition:transform .3s ease}.faq-group[open] .group-title .icon{transform:rotate(180deg)}.faq-items{display:flex;flex-direction:column;gap:1rem;padding-top:1rem}.faq-item{border:1px solid var(--border-color);border-radius:.5rem;overflow:hidden;scroll-margin-top:6rem}.faq-item:target{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 18%,transparent)}.faq-checkbox{display:none}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:0 0;border:none;text-align:left;font-size:1.1rem;font-weight:500;color:var(--text-color);cursor:pointer;transition:all .3s ease}.faq-question:hover{background-color:var(--border-color)}.faq-question-text{min-width:0}.faq-question-actions{display:inline-flex;align-items:center;gap:.75rem;flex-shrink:0}.faq-copy-link{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;color:var(--text-color-light);text-decoration:none;border-radius:.375rem;opacity:0;transition:opacity .2s ease,color .2s ease,background-color .2s ease}.faq-copy-link .copy-icon{width:18px;height:18px}.faq-item:hover .faq-copy-link,.faq-item:target .faq-copy-link,.faq-copy-link:focus,.faq-copy-link.copied{opacity:1}.faq-copy-link:hover,.faq-copy-link:focus,.faq-copy-link.copied{color:var(--primary-color);background-color:color-mix(in srgb,var(--primary-color) 10%,transparent)}.faq-question .icon{width:20px;height:20px;transition:transform .3s ease}.faq-checkbox:checked+.faq-question .icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;padding:0 1.25rem;transition:all .3s ease}.faq-checkbox:checked~.faq-answer{max-height:none;padding:1.25rem;border-top:1px solid var(--border-color)}.faq-item:target .faq-answer{max-height:none;padding:1.25rem;border-top:1px solid var(--border-color)}.faq-item:target .faq-question .icon{transform:rotate(180deg)}
.hero{position:relative;background-color:var(--background-color);padding:4rem 2rem;border-bottom:1px solid var(--border-color)}.hero-content{max-width:800px;margin:0 auto;text-align:left}.hero h1{font-size:2.5rem;margin-bottom:1rem;color:var(--text-color)}.hero p{font-size:1rem;line-height:1.6;color:var(--text-color-light)}.hero-text{font-size:1rem;line-height:1.6;color:var(--text-color-light)}@media(max-width:768px){.hero{padding:2rem 1rem}.hero h1{font-size:2rem}.hero p{font-size:1.1rem}}
.latest-posts{padding:4rem 0;background-color:var(--background-color)}.latest-posts h2{font-size:2rem;margin-bottom:2rem;text-align:center;color:var(--text-color)}.blog-listing{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.blog-item{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:.5rem;overflow:hidden;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.blog-item:hover{transform:translateY(-5px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.blog-item-image{width:100%;height:200px;overflow:hidden}.blog-item-image img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease-in-out}.blog-item:hover .blog-item-image img{transform:scale(1.05)}.blog-item-content{padding:1.5rem}.blog-item-content h3{font-size:1.25rem;margin-bottom:.5rem}.blog-item-content h3 a{color:var(--text-color);text-decoration:none}.blog-item-content h3 a:hover{color:var(--primary-color)}.blog-item-content time{display:block;font-size:.875rem;color:var(--text-color-light);margin-bottom:1rem}.post-preview{color:var(--text-color-light);margin-bottom:1rem;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:15;line-clamp:15;overflow:hidden}.post-preview p{margin:0 0 1rem}.post-preview p:last-child{margin-bottom:0}.post-preview strong{font-weight:600}.read-more{display:inline-block;color:var(--primary-color);text-decoration:none;font-weight:500}.read-more:hover{text-decoration:underline}@media(max-width:768px){.latest-posts{padding:2rem 0}.blog-listing{min-width:0;grid-template-columns:1fr}.blog-item{min-width:0}}