*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}:root{--bg-color: #ffffff;--text-color: #333333;--nav-bg: #ffffff;--nav-shadow: rgba(0, 0, 0, .1);--accent-color: #007bff;--accent-color-light: #e6f2ff;--bg-color-secondary: #f8f9fa;--text-color-primary: #333333;--text-color-secondary: #555555;--hover-color: #0056b3;--border-color: #e0e0e0;--hover-bg-color: #f8f9fa;--card-bg: #f8f9fa;--hero-overlay: rgba(0, 0, 0, .4)}[data-theme=dark]{--bg-color: #1a1a1a;--text-color: #ffffff;--nav-bg: #2d2d2d;--nav-shadow: rgba(255, 255, 255, .1);--accent-color: #4dabf7;--accent-color-light: #1c3b5e;--bg-color-secondary: #2d2d2d;--text-color-primary: #ffffff;--text-color-secondary: #bbbbbb;--hover-color: #74c0fc;--border-color: #404040;--hover-bg-color: rgba( 255, 255, 255, .05 );--card-bg: #2d2d2d;--hero-overlay: rgba(0, 0, 0, .4)}body{font-family:Helvetica Neue,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;transition:background-color .3s ease,color .3s ease}.container{max-width:1400px;margin:0 auto;padding:0 20px}h4{margin-top:1rem;margin-bottom:1rem;font-weight:500}main{padding-top:80px}.navbar{position:fixed;top:0;left:0;right:0;background-color:var(--nav-bg);box-shadow:0 2px 10px var(--nav-shadow);z-index:1000;transition:all .3s ease}.nav-container{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}.logo{font-size:1.5rem;font-weight:700;color:var(--accent-color);text-decoration:none;transition:all .3s ease}.logo:hover{transform:scale(1.05);opacity:.8}.nav-menu{display:flex;list-style:none;align-items:center;gap:2rem}.nav-item{position:relative}.nav-link{text-decoration:none;color:var(--text-color);font-weight:500;padding:.5rem 1rem;border-radius:4px;transition:all .3s ease;cursor:pointer}.nav-link:hover{background-color:var(--accent-color);color:#fff}.nav-link[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(-5px);margin-top:12px;background:var(--text-color);color:var(--bg-color);padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease-in-out;pointer-events:none;z-index:1001}.nav-link[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translate(-120%) translateY(0)}.dropdown-item{position:relative}.dropdown-item[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:50%;left:100%;transform:translateY(-50%) translate(-5px);margin-left:10px;background:var(--text-color);color:var(--bg-color);padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease-in-out;pointer-events:none;z-index:1002}.dropdown-item[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translateY(-50%) translate(0)}.dropdown{position:absolute;top:100%;left:0;background-color:var(--nav-bg);box-shadow:0 4px 15px var(--nav-shadow);border-radius:8px;min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;margin-top:.5rem}.dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:block;padding:.75rem 1.5rem;color:var(--text-color);text-decoration:none;transition:background-color .3s ease}.dropdown-item:hover{background-color:var(--accent-color);color:#fff}.theme-toggle{background:var(--accent-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:20px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.theme-toggle:hover{background:var(--hover-color)}[data-theme=dark] .theme-toggle{color:var( --bg-color )}.hamburger{display:none;flex-direction:column;cursor:pointer;padding:.5rem}.hamburger span{width:25px;height:3px;background-color:var(--text-color);margin:3px 0;transition:transform .3s ease,opacity .3s ease}.hamburger.active span:nth-child(1){transform:translateY(9px) rotate(-45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-9px) rotate(45deg)}.mobile-menu{position:fixed;top:0;right:-100%;width:300px;height:100vh;background-color:var(--nav-bg);padding:5rem 2rem 2rem;transition:right .3s ease;z-index:999;box-shadow:-5px 0 15px var(--nav-shadow)}.mobile-menu.active{right:0}.mobile-menu-item{border-bottom:1px solid var(--border-color)}.mobile-menu-link{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;color:var(--text-color);text-decoration:none;font-size:1.1rem;cursor:pointer;transition:color .3s ease}.mobile-menu-link:hover{color:var(--accent-color)}.mobile-menu-arrow{font-size:1.2rem;transition:transform .3s ease}.mobile-menu-item.active .mobile-menu-arrow{transform:rotate(90deg)}.mobile-submenu{max-height:0;overflow:hidden;transition:max-height .3s ease;background-color:#0000000d;margin-left:1rem;border-radius:8px}.mobile-menu-item.active .mobile-submenu{max-height:500px;padding:.5rem 0}.mobile-submenu-item{display:block;padding:.75rem 1rem;color:var(--text-color);text-decoration:none;font-size:.9rem;opacity:.8;transition:all .3s ease}.mobile-submenu-item:hover{color:var(--accent-color);opacity:1;background-color:#0000000d}footer{background-color:var(--nav-bg);color:var(--text-color);text-align:center;padding:2rem 0;border-top:1px solid var(--border-color)}.footer-content{max-width:1400px;margin:0 auto;padding:0 20px}.scroll-to-top{position:fixed;bottom:30px;right:30px;width:60px;height:60px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease;z-index:1000;box-shadow:0 4px 15px #0003;background:var(--border-color)}.scroll-to-top:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;background-color:var(--accent-color);z-index:-1;transition:all .3s ease}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000004d;opacity:1!important}.scroll-to-top:not(:hover){opacity:.5}.scroll-to-top:not(:hover).visible{opacity:.5}.dropdown-item{display:flex;align-items:center;gap:.6em}.sns-icon{display:inline-block;width:1.1em;height:1.1em;background-color:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.facebook-icon{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'%3e%3c!--!Font%20Awesome%20Free%206.7.2%20by%20@fontawesome%20-%20https://fontawesome.com%20License%20-%20https://fontawesome.com/license/free%20Copyright%202025%20Fonticons,%20Inc.--%3e%3cpath%20d='M64%2032C28.7%2032%200%2060.7%200%2096V416c0%2035.3%2028.7%2064%2064%2064h98.2V334.2H109.4V256h52.8V222.3c0-87.1%2039.4-127.5%20125-127.5c16.2%200%2044.2%203.2%2055.7%206.4V172c-6-.6-16.5-1-29.6-1c-42%200-58.2%2015.9-58.2%2057.2V256h83.6l-14.4%2078.2H255V480H384c35.3%200%2064-28.7%2064-64V96c0-35.3-28.7-64-64-64H64z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'%3e%3c!--!Font%20Awesome%20Free%206.7.2%20by%20@fontawesome%20-%20https://fontawesome.com%20License%20-%20https://fontawesome.com/license/free%20Copyright%202025%20Fonticons,%20Inc.--%3e%3cpath%20d='M64%2032C28.7%2032%200%2060.7%200%2096V416c0%2035.3%2028.7%2064%2064%2064h98.2V334.2H109.4V256h52.8V222.3c0-87.1%2039.4-127.5%20125-127.5c16.2%200%2044.2%203.2%2055.7%206.4V172c-6-.6-16.5-1-29.6-1c-42%200-58.2%2015.9-58.2%2057.2V256h83.6l-14.4%2078.2H255V480H384c35.3%200%2064-28.7%2064-64V96c0-35.3-28.7-64-64-64H64z'/%3e%3c/svg%3e")}.instagram-icon{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'%3e%3c!--!Font%20Awesome%20Free%206.7.2%20by%20@fontawesome%20-%20https://fontawesome.com%20License%20-%20https://fontawesome.com/license/free%20Copyright%202025%20Fonticons,%20Inc.--%3e%3cpath%20d='M194.4%20211.7a53.3%2053.3%200%201%200%2059.3%2088.7%2053.3%2053.3%200%201%200%20-59.3-88.7zm142.3-68.4c-5.2-5.2-11.5-9.3-18.4-12c-18.1-7.1-57.6-6.8-83.1-6.5c-4.1%200-7.9%20.1-11.2%20.1c-3.3%200-7.2%200-11.4-.1c-25.5-.3-64.8-.7-82.9%206.5c-6.9%202.7-13.1%206.8-18.4%2012s-9.3%2011.5-12%2018.4c-7.1%2018.1-6.7%2057.7-6.5%2083.2c0%204.1%20.1%207.9%20.1%2011.1s0%207-.1%2011.1c-.2%2025.5-.6%2065.1%206.5%2083.2c2.7%206.9%206.8%2013.1%2012%2018.4s11.5%209.3%2018.4%2012c18.1%207.1%2057.6%206.8%2083.1%206.5c4.1%200%207.9-.1%2011.2-.1c3.3%200%207.2%200%2011.4%20.1c25.5%20.3%2064.8%20.7%2082.9-6.5c6.9-2.7%2013.1-6.8%2018.4-12s9.3-11.5%2012-18.4c7.2-18%206.8-57.4%206.5-83c0-4.2-.1-8.1-.1-11.4s0-7.1%20.1-11.4c.3-25.5%20.7-64.9-6.5-83l0%200c-2.7-6.9-6.8-13.1-12-18.4zm-67.1%2044.5A82%2082%200%201%201%20178.4%20324.2a82%2082%200%201%201%2091.1-136.4zm29.2-1.3c-3.1-2.1-5.6-5.1-7.1-8.6s-1.8-7.3-1.1-11.1s2.6-7.1%205.2-9.8s6.1-4.5%209.8-5.2s7.6-.4%2011.1%201.1s6.5%203.9%208.6%207s3.2%206.8%203.2%2010.6c0%202.5-.5%205-1.4%207.3s-2.4%204.4-4.1%206.2s-3.9%203.2-6.2%204.2s-4.8%201.5-7.3%201.5l0%200c-3.8%200-7.5-1.1-10.6-3.2zM448%2096c0-35.3-28.7-64-64-64H64C28.7%2032%200%2060.7%200%2096V416c0%2035.3%2028.7%2064%2064%2064H384c35.3%200%2064-28.7%2064-64V96zM357%20389c-18.7%2018.7-41.4%2024.6-67%2025.9c-26.4%201.5-105.6%201.5-132%200c-25.6-1.3-48.3-7.2-67-25.9s-24.6-41.4-25.8-67c-1.5-26.4-1.5-105.6%200-132c1.3-25.6%207.1-48.3%2025.8-67s41.5-24.6%2067-25.8c26.4-1.5%20105.6-1.5%20132%200c25.6%201.3%2048.3%207.1%2067%2025.8s24.6%2041.4%2025.8%2067c1.5%2026.3%201.5%20105.4%200%20131.9c-1.3%2025.6-7.1%2048.3-25.8%2067z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'%3e%3c!--!Font%20Awesome%20Free%206.7.2%20by%20@fontawesome%20-%20https://fontawesome.com%20License%20-%20https://fontawesome.com/license/free%20Copyright%202025%20Fonticons,%20Inc.--%3e%3cpath%20d='M194.4%20211.7a53.3%2053.3%200%201%200%2059.3%2088.7%2053.3%2053.3%200%201%200%20-59.3-88.7zm142.3-68.4c-5.2-5.2-11.5-9.3-18.4-12c-18.1-7.1-57.6-6.8-83.1-6.5c-4.1%200-7.9%20.1-11.2%20.1c-3.3%200-7.2%200-11.4-.1c-25.5-.3-64.8-.7-82.9%206.5c-6.9%202.7-13.1%206.8-18.4%2012s-9.3%2011.5-12%2018.4c-7.1%2018.1-6.7%2057.7-6.5%2083.2c0%204.1%20.1%207.9%20.1%2011.1s0%207-.1%2011.1c-.2%2025.5-.6%2065.1%206.5%2083.2c2.7%206.9%206.8%2013.1%2012%2018.4s11.5%209.3%2018.4%2012c18.1%207.1%2057.6%206.8%2083.1%206.5c4.1%200%207.9-.1%2011.2-.1c3.3%200%207.2%200%2011.4%20.1c25.5%20.3%2064.8%20.7%2082.9-6.5c6.9-2.7%2013.1-6.8%2018.4-12s9.3-11.5%2012-18.4c7.2-18%206.8-57.4%206.5-83c0-4.2-.1-8.1-.1-11.4s0-7.1%20.1-11.4c.3-25.5%20.7-64.9-6.5-83l0%200c-2.7-6.9-6.8-13.1-12-18.4zm-67.1%2044.5A82%2082%200%201%201%20178.4%20324.2a82%2082%200%201%201%2091.1-136.4zm29.2-1.3c-3.1-2.1-5.6-5.1-7.1-8.6s-1.8-7.3-1.1-11.1s2.6-7.1%205.2-9.8s6.1-4.5%209.8-5.2s7.6-.4%2011.1%201.1s6.5%203.9%208.6%207s3.2%206.8%203.2%2010.6c0%202.5-.5%205-1.4%207.3s-2.4%204.4-4.1%206.2s-3.9%203.2-6.2%204.2s-4.8%201.5-7.3%201.5l0%200c-3.8%200-7.5-1.1-10.6-3.2zM448%2096c0-35.3-28.7-64-64-64H64C28.7%2032%200%2060.7%200%2096V416c0%2035.3%2028.7%2064%2064%2064H384c35.3%200%2064-28.7%2064-64V96zM357%20389c-18.7%2018.7-41.4%2024.6-67%2025.9c-26.4%201.5-105.6%201.5-132%200c-25.6-1.3-48.3-7.2-67-25.9s-24.6-41.4-25.8-67c-1.5-26.4-1.5-105.6%200-132c1.3-25.6%207.1-48.3%2025.8-67s41.5-24.6%2067-25.8c26.4-1.5%20105.6-1.5%20132%200c25.6%201.3%2048.3%207.1%2067%2025.8s24.6%2041.4%2025.8%2067c1.5%2026.3%201.5%20105.4%200%20131.9c-1.3%2025.6-7.1%2048.3-25.8%2067z'/%3e%3c/svg%3e")}.x-icon{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'%3e%3c!--!Font%20Awesome%20Free%206.7.2%20by%20@fontawesome%20-%20https://fontawesome.com%20License%20-%20https://fontawesome.com/license/free%20Copyright%202025%20Fonticons,%20Inc.--%3e%3cpath%20d='M64%2032C28.7%2032%200%2060.7%200%2096V416c0%2035.3%2028.7%2064%2064%2064H384c35.3%200%2064-28.7%2064-64V96c0-35.3-28.7-64-64-64H64zm297.1%2084L257.3%20234.6%20379.4%20396H283.8L209%20298.1%20123.3%20396H75.8l111-126.9L69.7%20116h98l67.7%2089.5L313.6%20116h47.5zM323.3%20367.6L153.4%20142.9H125.1L296.9%20367.6h26.3z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'%3e%3c!--!Font%20Awesome%20Free%206.7.2%20by%20@fontawesome%20-%20https://fontawesome.com%20License%20-%20https://fontawesome.com/license/free%20Copyright%202025%20Fonticons,%20Inc.--%3e%3cpath%20d='M64%2032C28.7%2032%200%2060.7%200%2096V416c0%2035.3%2028.7%2064%2064%2064H384c35.3%200%2064-28.7%2064-64V96c0-35.3-28.7-64-64-64H64zm297.1%2084L257.3%20234.6%20379.4%20396H283.8L209%20298.1%20123.3%20396H75.8l111-126.9L69.7%20116h98l67.7%2089.5L313.6%20116h47.5zM323.3%20367.6L153.4%20142.9H125.1L296.9%20367.6h26.3z'/%3e%3c/svg%3e")}.hero{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;background-size:cover;background-position:center}.hero:after{content:"";position:absolute;inset:0;background-color:var(--hero-overlay);z-index:1}.hero-content,.blog-hero-content{position:relative;z-index:2}.grecaptcha-badge{left:15px!important;right:auto!important;bottom:15px!important;width:70px!important;overflow:hidden!important;border-radius:7px!important;box-shadow:0 0 10px #0003!important;opacity:.5!important;transition:width .3s ease-in-out,opacity .3s ease-in-out!important}.grecaptcha-badge:hover{width:256px!important;opacity:1!important}.hero{height:100vh;background-image:url(/_astro/yakei.C45lTnHf.webp);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}.hero-content h1{font-size:3.5rem;margin-bottom:1rem;font-weight:700;text-shadow:2px 2px 8px rgba(0,0,0,.7)}.hero-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.btn{display:inline-block;padding:1rem 2rem;background-color:var(--accent-color);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease}.btn:hover{background-color:var(--hover-color);transform:translateY(-2px)}.section{padding:4rem 0}.section:nth-child(2n){background-color:var(--card-bg)}.heading-large{font-size:2.5rem;margin-bottom:2rem;text-align:center;position:relative;color:var(--accent-color)}.heading-large:after{content:"";position:absolute;bottom:-3px;left:50%;transform:translate(-50%);width:280px;height:4px;background:linear-gradient(90deg,var(--accent-color),var(--hover-color));border-radius:2px}.heading-medium{font-size:2rem;margin-bottom:1.5rem;color:var(--text-color);border-left:5px solid var(--accent-color);padding-left:1rem}.heading-small{font-size:1.5rem;margin-bottom:1rem;color:var(--text-color);position:relative;padding-bottom:.5rem}.heading-small.heading-accent-bar{padding-left:1.2rem;padding-bottom:0;position:relative}.heading-small.heading-accent-bar:before{content:"";position:absolute;top:50%;left:0;width:6px;height:1.2em;transform:translateY(-50%) skew(-15deg);background:linear-gradient(135deg,var(--accent-color),var(--hover-color));border-radius:2px}.heading-small.heading-accent-bar{border-bottom:#667eea solid 1px}.grid-1{display:grid;grid-template-columns:1fr;gap:2rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.grid-custom{display:grid;grid-template-columns:1fr 2fr;gap:var(--grid-gap, 2rem)}.grid-custom.grid-reverse{grid-template-columns:2fr 1fr}.grid-custom .col-2{display:grid;gap:var(--grid-gap, 2rem)}.sidebar{background:var(--card-bg);padding:2rem;border-radius:12px;border:1px solid var(--border-color)}.sidebar h3{color:var(--accent-color);margin-bottom:1rem}@media (max-width: 768px){.grid-custom,.grid-custom.grid-reverse{grid-template-columns:1fr}}.feature-item-large{display:flex;flex-direction:column;align-items:center;gap:2rem;background-color:var(--card-bg);padding:2rem;border-radius:12px;border:1px solid var(--border-color);transition:all .3s ease}.feature-item-large:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a;border-color:var(--accent-color)}.feature-item-large__image{width:100%;max-width:800px;height:auto;object-fit:cover;border-radius:8px}.feature-item-large__text{width:100%}.feature-item-large__text .heading-small{text-align:left;margin-bottom:.5rem}.feature-item-large__text .heading-small:after{left:0;transform:translate(0);width:50px}.feature-item{display:flex;align-items:flex-start;gap:1.5rem;background-color:var(--card-bg);padding:1.5rem;border-radius:12px;border:1px solid var(--border-color);transition:all .3s ease;height:100%}.feature-item:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a;border-color:var(--accent-color)}.feature-item__image{flex:0 0 150px;width:150px;height:150px;object-fit:cover;border-radius:8px}.feature-item__text{flex:1}.feature-item__text .heading-small{text-align:left;margin-bottom:.5rem}.feature-item__text .heading-small:after{left:0;transform:translate(0);width:50px}.feature-item__text h3{font-size:1.1rem;color:var(--text-color-secondary);margin-bottom:.75rem;font-weight:500}@media (max-width: 768px){#blog-list{grid-template-columns:1fr}}@media (max-width: 768px){.nav-menu{display:none}.hamburger{display:flex}.theme-toggle{margin-left:auto;font-size:0;padding:0;width:40px;height:40px;border-radius:50%;position:relative;flex-shrink:0}.theme-toggle:before{content:"🌙";font-size:1.2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-theme=dark] .theme-toggle:before{content:"☀️"}.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1rem}.grid-2,.grid-3{grid-template-columns:1fr}.heading-large{font-size:2rem}.heading-medium{font-size:1.5rem}.container{padding:0 15px}.section{padding:2rem 0}.feature-item{flex-direction:column;align-items:center;text-align:center}.feature-item__image{flex-basis:auto;width:100%;height:auto;max-width:250px}}.card{background:var(--card-bg);border-radius:12px;padding:2rem;box-shadow:0 4px 15px #0000001a;transition:all .3s ease;border:1px solid var(--border-color)}.card:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 12px 30px #0003;border-color:var(--accent-color)}.card-image{width:100%;height:200px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;margin-bottom:1.5rem;box-shadow:2px 2px 8px #00000026;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;font-weight:600;transition:transform .3s ease}@media (max-width: 480px){.mobile-menu{width:100vw;right:-100vw}.hero-content h1{font-size:2rem}}@media (max-width: 768px){.feature-item-large{flex-direction:column;align-items:center;text-align:center}.feature-item-large__image{width:100%;max-width:300px}.image-comparison-grid{justify-items:center}.image-comparison-grid figure{width:100%;max-width:400px}}.grid-4 .card:hover .card-image{transform:scale(1.05)}.grid-4 .card .card-image{width:50%;height:0;padding-bottom:50%;border-radius:50%;margin:0 auto 1.5rem;box-shadow:0 4px 8px #0000001a;background-size:cover;background-position:center;transform:none}#blog-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.blog-card-link-wrapper{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.blog-card-image{width:100%;height:200px;object-fit:cover;border-bottom:1px solid var(--border-color)}.blog-card-content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.blog-card-tags{margin-bottom:.75rem}.blog-card-tags .tag{display:inline-block;background-color:var(--accent-color-light);color:var(--accent-color);padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:600;margin-right:.5rem;margin-bottom:.5rem}.card-tag{display:inline-block;padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:600;margin-right:.5rem;margin-bottom:.5rem}.card-tag.is-category{background-color:#fce4ec;color:#c2185b;font-weight:700}.card-tag.is-tag{background-color:var(--accent-color-light);color:var(--accent-color)}.blog-card-title{font-size:1.4rem;margin:0 0 .5rem;color:var(--text-color-primary)}.blog-card-subtitle{font-size:1rem;margin:0 0 1rem;color:var(--text-color-secondary);font-weight:400}.blog-card-excerpt{font-size:.9rem;line-height:1.6;color:var(--text-color-secondary);flex-grow:1;margin-bottom:1rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.blog-controls-container{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.tag-filters{display:flex;flex-direction:column;gap:1rem;padding:1rem 1.5rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--card-bg)}.filter-group{display:grid;align-items:center;gap:1rem}.filter-label{font-weight:700;white-space:nowrap;color:var(--text-color-light)}.filter-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.filter-buttons .filter-button{padding:.5rem 1.2rem;border-radius:20px;cursor:pointer;transition:all .2s ease;font-size:.9rem;border:1px solid}.filter-buttons .filter-button:hover{opacity:.8}.filter-buttons .filter-button.active{font-weight:700;box-shadow:0 2px 5px #0000001a}.filter-buttons .filter-button.category-button{background-color:#fce4ec;color:#c2185b;border-color:#f8bbd0}.filter-buttons .filter-button.category-button.active{background-color:#c2185b;color:#fff;border-color:#c2185b}.filter-buttons .filter-button.tag-button{background-color:var(--accent-color-light);color:var(--accent-color);border-color:var(--accent-color)}.filter-buttons .filter-button.tag-button.active{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.search-sort-controls{align-self:flex-end}@media (max-width: 768px){.search-sort-controls{align-self:stretch}.filter-group{flex-direction:column;align-items:flex-start}}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.blog-grid.is-single-item{display:grid;grid-template-columns:1fr;justify-items:center}.blog-card{background-color:var(--bg-color-secondary);border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;display:flex;flex-direction:column;border:1px solid transparent}[data-theme=dark] .filter-buttons .filter-button.tag-button{color:#fff}.blog-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 8px 20px #0000001f;border-color:var(--accent-color)}.blog-post{max-width:800px;margin:0 auto;padding:2rem;background-color:var(--bg-color-secondary);border-radius:8px;box-shadow:0 4px 12px #0000000d}.blog-post .heading-large{font-size:2.2rem;text-align:left;margin-bottom:1rem}.blog-post .heading-large:after{left:0;transform:translate(0);width:100px}.blog-meta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2rem;color:var(--text-color-secondary);font-size:.9rem}.blog-post-image{width:100%;height:auto;border-radius:8px;margin-bottom:2rem;object-fit:cover}.blog-post-body{line-height:1.8;font-size:1rem;color:var(--text-color-primary)}.blog-post-body h2{font-size:1.8rem;margin:2.5rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-color)}.blog-post-body h3{font-size:1.5rem;margin:2rem 0 1rem;padding-left:1rem;border-left:4px solid var(--accent-color)}.blog-post-body p{margin-bottom:1.5rem}.blog-post-body a{color:var(--accent-color);text-decoration:none;border-bottom:1px solid var(--accent-color);transition:background-color .3s}.blog-post-body a:hover{background-color:var(--accent-color-light)}.blog-post-body a.btn{color:#fff;border-bottom:none}.blog-post-body a.btn:hover{background-color:var(--hover-color)}.blog-post-body ul,.blog-post-body ol{margin:0 0 1.5rem 1.5rem;padding-left:1.5rem}.blog-post-body img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0}.post-navigation{display:flex;justify-content:space-between;align-items:stretch;gap:1rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color)}.post-navigation a{display:flex;align-items:center;gap:1rem;text-decoration:none;color:var(--text-color-secondary);border:1px solid var(--border-color);padding:1rem;border-radius:8px;transition:all .3s ease;width:48%}.post-navigation a:hover{border-color:var(--accent-color);background-color:var(--bg-color-secondary);color:var(--accent-color)}.post-navigation .next-post{text-align:right;justify-content:flex-end}.nav-arrow{font-size:1.5rem;font-weight:700;flex-shrink:0}.nav-text{display:flex;flex-direction:column;overflow:hidden}.nav-label{font-size:.8rem;margin-bottom:.25rem}.nav-title{font-weight:600;color:var(--text-color-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease}.post-navigation a:hover .nav-title{color:var(--accent-color)}.blog-controls-container{max-width:1000px;margin:0 auto 3rem;padding:1.5rem;background-color:var(--bg-color-secondary);border-radius:8px;display:flex;flex-direction:column;align-items:flex-start}.tag-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;order:-1}.tag-filter-label{font-weight:600;margin-bottom:.75rem;display:block}#tag-list-container{display:flex;flex-wrap:wrap;gap:.75rem}.search-sort-controls{display:flex;justify-content:flex-end;align-items:center;gap:1rem;width:100%}.search-form{display:flex;max-width:250px}#search-input{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:4px 0 0 4px;background-color:var(--bg-color);color:var(--text-color);font-size:.9rem}#search-button{padding:.5rem .75rem;border:1px solid var(--accent-color);background-color:var(--accent-color);color:#fff;cursor:pointer;border-radius:0 4px 4px 0;transition:background-color .3s;font-size:.9rem}#tag-list-container .tag-button{background-color:var(--bg-color);color:var(--text-color-secondary);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:20px;cursor:pointer;transition:all .3s;font-size:1rem}#tag-list-container .tag-button:hover{background-color:var(--accent-color-light);border-color:var(--accent-color);color:var(--accent-color)}#tag-list-container .tag-button.active{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff;font-weight:600}#search-button:hover{background-color:var(--hover-color)}#sort-select{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-color);color:var(--text-color);cursor:pointer;font-size:.9rem}.blog-grid.is-single-item.is-single-item{display:grid;grid-template-columns:1fr;justify-items:center}.blog-grid.is-single-item .blog-card{display:flex;justify-content:center}.blog-grid.is-single-item .blog-card{width:100%;max-width:800px}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border-color);border-radius:8px;margin:2em 0;box-shadow:0 2px 8px #0000000d}.table-container table{width:100%;border-collapse:collapse;font-size:.95em;color:var(--text-color-primary)}.table-container th,.table-container td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--border-color);vertical-align:middle}.table-container th{background-color:var(--accent-color-light);color:var(--accent-color);font-weight:600;border-bottom:2px solid var(--accent-color)}.table-container tbody tr{transition:background-color .2s ease-in-out}.table-container tbody tr:hover{background-color:#0000000d}.table-container tr:last-child td{border-bottom:none}[data-theme=dark] .table-container th{background-color:#004a8d;color:#fff;border-bottom-color:var(--accent-color)}[data-theme=dark] .table-container tbody tr:hover{background-color:#ffffff14}.table-container td p{margin-top:0;margin-bottom:0}.blog-post-body blockquote{margin:2em 0;padding:1.5em;background-color:var(--card-bg);border-left:5px solid var(--accent-color);border-radius:0 8px 8px 0;position:relative;color:var(--text-color-secondary)}.blog-post-body blockquote:before{content:"“";font-family:Georgia,serif;font-size:4em;color:var(--border-color);position:absolute;left:10px;top:-10px;line-height:1;z-index:1}.blog-post-body blockquote p{margin:0;position:relative;z-index:2}.blog-post-body pre{padding:1.5em;border-radius:8px;margin:2em 0;overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative;box-shadow:0 4px 12px #00000026}.blog-post-body pre .hljs{background:transparent;padding:0}.blog-post-body pre code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9em;line-height:1.7;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.blog-post-body p>code,.blog-post-body li>code,.blog-post-body td>code{background-color:var(--accent-color-light);color:var(--accent-color);padding:.2em .5em;margin:0 .2em;border-radius:4px;font-size:85%;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}[data-theme=dark] .blog-post-body p>code,[data-theme=dark] .blog-post-body li>code,[data-theme=dark] .blog-post-body td>code{color:#fff}.copy-code-button{position:absolute;top:12px;right:12px;background-color:#0000004d;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:6px 10px;font-size:.8em;cursor:pointer;opacity:.5;transition:all .2s}.copy-code-button:hover{opacity:1;background-color:#00000080}.copy-code-button:focus{outline:none;box-shadow:0 0 0 2px var(--accent-color)}.blog-post-body pre::-webkit-scrollbar{height:8px}.blog-post-body pre::-webkit-scrollbar-track{background:transparent}.blog-post-body pre::-webkit-scrollbar-thumb{background-color:#80808066;border-radius:4px}.blog-post-body pre::-webkit-scrollbar-thumb:hover{background-color:#80808099}