:root{--bg: #265974;--header-bg: #0b1a22;--bg-sub: #0a2e44;--text: #f8fafc;--text-sub: #94a3b8;--nav-link: #64748b;--accent1: #6366f1;--accent2: #8b5cf6;--accent3: #8b2020;--gradient: linear-gradient(135deg, #6366f1, #8b5cf6);--border: #1a1a26;--card-bg: #f5f0e8;--card-text: #2e1a22;--card-radius: 12px;--font-heading: "EB Garamond", "Zen Antique", serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans JP", sans-serif}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--accent1);color:#fff}a{color:var(--accent1);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent2)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:400;color:var(--text);line-height:1.3}img{max-width:100%;height:auto}.skip-link{position:absolute;top:-100%;left:0;z-index:9999;padding:.5rem 1rem;background:var(--accent1);color:#fff}.skip-link:focus{top:0}.sqlew-navbar{background-color:rgba(8,8,12,.85) !important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:.75rem 1rem;transition:background-color .3s ease}.sqlew-navbar .nav-link{color:var(--nav-link) !important;font-size:.875rem;letter-spacing:.04em;padding:.5rem 1rem !important;transition:color .2s ease}.sqlew-navbar .nav-link:hover{color:var(--text) !important}.sqlew-navbar .nav-item.active .nav-link{color:var(--text) !important}.sqlew-navbar .navbar-toggler{border-color:var(--border)}.sqlew-navbar .navbar-toggler:focus{box-shadow:0 0 0 2px var(--accent1)}.sqlew-logo{font-family:var(--font-heading);font-size:1.5rem;font-weight:400;letter-spacing:.02em;color:var(--text) !important;text-transform:lowercase}.sqlew-hero{position:relative;padding:10rem 0 5rem;background:url(../img/sqlew-bg.jpg) center/cover no-repeat;overflow:hidden}.sqlew-hero::before{content:"";position:absolute;top:20%;left:15%;width:200px;height:200px;background:radial-gradient(circle, rgba(99, 102, 241, 0.08) 0%, transparent 70%);border-radius:50%;animation:float-glow 8s ease-in-out infinite;pointer-events:none}.sqlew-hero::after{content:"";position:absolute;bottom:10%;right:10%;width:150px;height:150px;background:radial-gradient(circle, rgba(139, 92, 246, 0.08) 0%, transparent 70%);border-radius:50%;animation:float-glow 6s ease-in-out infinite reverse;pointer-events:none}@media(max-width: 991.98px){.sqlew-hero{padding:8rem 0 3.5rem}}@media(max-width: 767.98px){.sqlew-hero{padding:7rem 0 3rem}}.hero-glow{position:absolute;top:0;left:50%;transform:translateX(-50%);width:800px;height:500px;background:radial-gradient(ellipse at center, rgba(99, 102, 241, 0.15) 0%, transparent 70%);pointer-events:none}.hero-content{max-width:640px;margin:0 auto}.hero-title{font-size:2.75rem;margin-bottom:1rem;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}@media(max-width: 991.98px){.hero-title{font-size:2.25rem}}@media(max-width: 767.98px){.hero-title{font-size:1.75rem}}.hero-subtitle{font-size:1.125rem;color:var(--text-sub);margin-bottom:2rem;line-height:1.6}@media(max-width: 767.98px){.hero-subtitle{font-size:1rem}}.hero-logo{margin-bottom:1.5rem}.hero-logo img{max-height:80px;width:auto;filter:drop-shadow(0 0 20px rgba(99, 102, 241, 0.3));transition:filter .3s ease}.hero-logo img:hover{filter:drop-shadow(0 0 28px rgba(139, 92, 246, 0.45))}@media(max-width: 767.98px){.hero-logo img{max-height:60px}}.hero-search{max-width:400px}.hero-search .input-group-text{background-color:hsla(0,0%,100%,.05);border:1px solid var(--border);border-right:none;color:var(--text-sub)}.hero-search .form-control{background-color:hsla(0,0%,100%,.05);border:1px solid var(--border);border-left:none;color:var(--text)}.hero-search .form-control::placeholder{color:var(--nav-link)}.hero-search .form-control:focus{background-color:hsla(0,0%,100%,.08);border-color:var(--accent1);box-shadow:0 0 0 2px rgba(99,102,241,.2)}.hero-search .form-control:focus+.input-group-text,.hero-search .input-group:focus-within .input-group-text{border-color:var(--accent1)}@keyframes float-glow{0%,100%{transform:translate(0, 0) scale(1);opacity:.6}50%{transform:translate(30px, -20px) scale(1.2);opacity:1}}.sqlew-main{padding:3rem 0 4rem;position:relative}.sqlew-main::before{content:"";position:absolute;top:0;left:0;right:0;height:80px;background:linear-gradient(var(--bg-sub), var(--bg));pointer-events:none}.sqlew-main .row{row-gap:1.5rem}@media(max-width: 767.98px){.sqlew-main{padding:2rem 0 3rem}}.sqlew-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--card-radius);overflow:hidden;transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}.sqlew-card:hover{border-color:var(--accent1);transform:translateY(-4px);box-shadow:0 8px 32px rgba(99,102,241,.1)}.sqlew-card:hover .card-cover-img{transform:scale(1.05)}.sqlew-card .card-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.sqlew-card .card-link:hover{color:inherit}.card-cover{aspect-ratio:16/9;overflow:hidden}.card-cover-img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.card-body-inner{padding:1.25rem 1.25rem 1.5rem;display:flex;flex-direction:column;flex:1}@media(max-width: 575.98px){.card-body-inner{padding:1rem 1rem 1.25rem}}.card-title{font-size:1.25rem;margin-bottom:.75rem;line-height:1.4;color:#112}@media(max-width: 575.98px){.card-title{font-size:1.1rem}}.card-excerpt{color:var(--card-text);font-size:.875rem;line-height:1.6;margin-bottom:1rem;flex:1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.card-excerpt p{margin-bottom:.5rem}.card-excerpt p:last-child{margin-bottom:0}.card-meta{font-size:.8rem;color:#4a5568;margin-top:auto}.card-meta-sep{margin:0 .4rem}.sqlew-pagination{padding:2rem 0 3rem}.sqlew-pagination .page-link{background-color:rgba(0,0,0,0);border-color:var(--border);color:var(--text-sub);padding:.5rem 1rem;transition:all .2s ease}.sqlew-pagination .page-link:hover{background-color:var(--accent1);border-color:var(--accent1);color:#fff}.sqlew-pagination .page-item.disabled .page-link{background-color:hsla(0,0%,100%,.03);border-color:var(--border);color:var(--nav-link)}.sqlew-breadcrumb{padding-top:5.5rem;padding-bottom:.5rem;background:var(--bg)}.sqlew-breadcrumb .breadcrumb{background:rgba(0,0,0,0);padding:0;margin:0;font-size:.85rem}.sqlew-breadcrumb .breadcrumb-item a{color:var(--nav-link)}.sqlew-breadcrumb .breadcrumb-item a:hover{color:var(--accent1)}.sqlew-breadcrumb .breadcrumb-item.active{color:var(--text-sub)}.sqlew-breadcrumb .breadcrumb-item+.breadcrumb-item::before{color:var(--nav-link)}.sqlew-article{padding:2rem 0 4rem;background:var(--bg)}.sqlew-article .page-content{background:var(--card-bg);color:var(--card-text);border-radius:var(--card-radius);padding:2rem;margin-top:1rem}.article-header{margin-bottom:2rem}.article-title{font-size:2.5rem;margin-bottom:1rem}@media(max-width: 991.98px){.article-title{font-size:2rem}}@media(max-width: 767.98px){.article-title{font-size:1.625rem}}.article-meta{display:flex;flex-wrap:wrap;gap:1.25rem;color:var(--text-sub);font-size:.875rem;margin-bottom:1.5rem}.article-meta i{margin-right:.3rem}@media(max-width: 767.98px){.article-meta{gap:.75rem;font-size:.8rem}}.article-description{font-size:1.125rem;color:var(--text-sub);line-height:1.6;border-left:3px solid var(--accent1);padding-left:1rem}.page-hero{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:360px;padding-bottom:2.5rem;background:linear-gradient(var(--bg), var(--bg-sub));overflow:hidden}@media(max-width: 991.98px){.page-hero{min-height:300px}}@media(max-width: 767.98px){.page-hero{min-height:260px;padding-bottom:2rem}}.page-hero--cover{min-height:420px}@media(max-width: 991.98px){.page-hero--cover{min-height:340px}}@media(max-width: 767.98px){.page-hero--cover{min-height:280px}}.page-hero--cover .article-title{text-shadow:0 2px 8px rgba(0,0,0,.5)}.page-hero-bg{position:absolute;inset:0;z-index:0}.page-hero-bg-img{width:100%;height:100%;object-fit:cover}.page-hero-overlay{position:absolute;inset:0;background:rgba(0,0,0,.55);z-index:1}.page-hero>*:not(.page-hero-overlay):not(.page-hero-bg){position:relative;z-index:2}.page-hero .sqlew-breadcrumb{background:rgba(0,0,0,0)}.page-hero .article-title{color:#fff}.page-hero .article-meta{color:hsla(0,0%,100%,.85)}.page-hero .breadcrumb-item a,.page-hero .breadcrumb-item.active,.page-hero .breadcrumb-item+.breadcrumb-item::before{color:hsla(0,0%,100%,.75)}.page-hero .breadcrumb-item a:hover{color:#fff}.article-tags{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #d0cfc9;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.article-tags i{color:#4a5568;font-size:.9rem}.tag-link{display:inline-block;padding:.25rem .75rem;font-size:.8rem;color:var(--card-text);background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1);border-radius:999px;text-decoration:none;transition:background .2s ease,color .2s ease,border-color .2s ease}.tag-link:hover{background:var(--accent1);color:#fff !important;border-color:var(--accent1)}.hero-tags{margin-top:1.25rem}.hero-tags .tag-link{color:hsla(0,0%,100%,.85);background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2)}.hero-tags .tag-link:hover{background:var(--accent1);color:#fff;border-color:var(--accent1)}.related-posts{padding:2rem 0 3rem;background:var(--bg-sub)}.related-posts .row{row-gap:1.5rem}.related-posts-title{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text)}.page-content{font-size:1.0625rem;line-height:1.8;color:var(--card-text)}.page-content h1,.page-content h2,.page-content h3,.page-content h4,.page-content h5,.page-content h6{color:var(--card-text);border-left:solid var(--accent3);padding:.5rem}.page-content h2{font-size:1.75rem;margin-top:2.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #d0cfc9}.page-content h3{font-size:1.375rem;margin-top:2rem;margin-bottom:.75rem}.page-content h4{font-size:1.125rem;margin-top:1.5rem;margin-bottom:.5rem}.page-content p{margin-bottom:1.25rem}.page-content a{color:var(--accent1);text-decoration:underline;text-underline-offset:2px}.page-content a:hover{color:var(--accent2)}.page-content ul,.page-content ol{margin-bottom:1.25rem;padding-left:1.5rem}.page-content li{margin-bottom:.25rem}.page-content strong{background:linear-gradient(transparent 60%, rgba(139, 32, 32, 0.25) 60%)}.page-content img{border-radius:8px;margin:1rem 0}.page-content code{font-family:"JetBrains Mono","Fira Code","Consolas",monospace;font-size:.875em;background:rgba(135,90,90,.2901960784);padding:.15em .4em;border-radius:4px;color:var(--accent3)}.page-content pre{background:#2d2e29;border:1px solid #2a2a3e;padding:.5rem;margin:1.5rem 1rem;overflow-x:auto;line-height:1.6}.page-content pre code{background:none;padding:0;border-radius:0;color:#e2e8f0;font-size:.85rem}@media(max-width: 767.98px){.page-content pre{padding:1rem;font-size:.8rem}}.page-content blockquote{border-left:3px solid rgba(0,0,0,0);border-image:var(--gradient) 1;margin:1.5rem 0;padding:1rem 1.25rem;background:rgba(0,0,0,.03);border-radius:0 8px 8px 0}.page-content blockquote p{color:#4a5568;font-style:italic;margin-bottom:0}.page-content table{width:100%;margin:1.5rem 0;border-collapse:collapse}.page-content th,.page-content td{padding:.75rem 1rem;border:1px solid #d0cfc9;text-align:left}.page-content th{background:rgba(0,0,0,.04);font-weight:600}.page-content tr:hover td{background:rgba(0,0,0,.02)}.page-content hr{border:none;height:1px;background:#d0cfc9;margin:2rem 0}@media(max-width: 767.98px){.page-content{font-size:1rem}.page-content h2{font-size:1.5rem}.page-content h3{font-size:1.25rem}}.sqlew-footer{background:var(--header-bg);border-top:1px solid var(--border);padding:2rem 0;position:relative}.sqlew-footer::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:60px;height:2px;background:var(--gradient);border-radius:1px}.footer-text{color:var(--text-sub);font-size:.85rem}.footer-powered{color:var(--nav-link);font-size:.8rem}.footer-powered a{color:var(--nav-link);transition:color .2s ease}.footer-powered a:hover{color:var(--accent1)}.text-sub{color:var(--text-sub)}.text-accent{color:var(--accent1)}.bg-accent-gradient{background:var(--gradient)}.multilang-switcher{display:none !important}.lang-toggle{display:flex;align-items:center;gap:.25rem;padding:.25rem;background:hsla(0,0%,100%,.04);border:1px solid var(--border);border-radius:8px}.lang-toggle-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:6px;font-size:1rem;text-decoration:none;transition:background .2s ease,transform .15s ease;opacity:.5}.lang-toggle-btn:hover{opacity:.8;background:hsla(0,0%,100%,.06)}.lang-toggle-btn.active{opacity:1;background:rgba(99,102,241,.15);box-shadow:0 0 8px rgba(99,102,241,.2)}.bg-dark{background-color:var(--bg) !important}