:root{--bg: #f7f9fc;--card: #ffffff;--text: #1e293b;--muted: #526176;--accent: #2563eb;--accent-hover: #1d4ed8;--border: #d9e2ef}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.site-header{background:#0f172a;color:#fff;padding:18px 0}.container{width:min(1100px,92%);margin:0 auto}.brand-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.site-title{margin:0;font-size:1.4rem}.site-title a{color:#fff}.brand-link{display:inline-flex;align-items:center;gap:10px}.brand-logo{width:26px;height:26px;display:block}.site-nav a{margin-left:10px;color:#dbeafe;display:inline-block;padding:7px 12px;border-radius:999px;border:1px solid #334155;background:#1e293b8c;font-size:.92rem;font-weight:700;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.site-nav a:hover{color:#fff;background:#1d4ed8;border-color:#3b82f6}.nav-toggle{display:none;border:1px solid #334155;background:#1e293b;color:#fff;border-radius:8px;padding:8px 10px;font-size:1rem;cursor:pointer}.nav-toggle-icon,.nav-toggle-icon:before,.nav-toggle-icon:after{display:block;width:18px;height:2px;border-radius:2px;background:#fff;content:""}.nav-toggle-icon{position:relative}.nav-toggle-icon:before{position:absolute;top:-6px;left:0}.nav-toggle-icon:after{position:absolute;top:6px;left:0}.hero{margin:26px 0 18px;padding:26px;background:linear-gradient(135deg,#e2ebff,#edf5ff);border:1px solid #d6e5ff;border-radius:14px}.hero h2{margin-top:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:20px 0 34px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px;display:flex;flex-direction:column;height:100%;gap:10px;box-shadow:0 1px #0f172a08;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.card h2,.card h3,.card h4{margin-top:0}.card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0f172a14;border-color:#bcd6ff}.card .button{margin-top:auto;width:fit-content}.link-list{margin:0;padding-left:18px}.link-list li+li{margin-top:8px}.card-description{margin:0;color:#334155}.meta{font-size:.9rem;color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:8px;padding:5px 10px;border-radius:999px;background:#eff6ff;border:1px solid #dbeafe;color:#1d4ed8;font-weight:700;font-size:.78rem}.category-icon{width:26px;height:26px;flex-shrink:0}.category-icon-pill{width:18px;height:18px;flex-shrink:0}.category-icon-large{width:34px;height:34px;flex-shrink:0}.category-title-row{display:flex;gap:12px;align-items:center}.card-pill-row{display:flex;gap:8px;align-items:center}.button{display:inline-block;margin-top:0;padding:9px 14px;border-radius:8px;background:var(--accent);color:#fff;font-weight:700;border:1px solid rgba(0,0,0,.02);box-shadow:0 6px 18px #2563eb2e}.button:hover{background:var(--accent-hover);color:#fff}.button:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:2px}.page-header{margin:26px 0 16px}.back-link{display:inline-block;margin:20px 0}.article-content p,.article-content li{font-size:1.05rem}.article-content img{display:block;max-width:100%;height:auto;margin:14px 0 22px;border-radius:10px;border:1px solid #dbe5f0;box-shadow:0 8px 20px #0f172a0f}.article-content code{background:#e8eef9;padding:2px 6px;border-radius:6px}.article-content pre{position:relative;background:#f1f5f9;color:#0f172a;border:1px solid #dbe5f0;border-radius:10px;padding:16px;overflow-x:auto;font-size:1rem}.article-content pre.astro-code{background:#f1f5f9!important;color:#0f172a!important}.article-content pre.astro-code span{color:inherit!important}.article-content pre code{background:transparent;color:inherit;padding:0;border-radius:0;font-size:1.05rem}.copy-code-button{position:absolute;top:10px;right:10px;border:1px solid #334155;background:#1e293b;color:#e2e8f0;border-radius:6px;padding:5px 9px;font-size:.8rem;cursor:pointer}.copy-code-button:hover{background:#334155}.faq-section{margin-top:26px;border-top:1px solid var(--border);padding-top:18px}.faq-section h2{margin:0 0 12px}.faq-item{background:#f8fbff;border:1px solid #dbe5f0;border-radius:10px;padding:10px 12px}.faq-item+.faq-item{margin-top:10px}.faq-item summary{position:relative;list-style:none;cursor:pointer;font-weight:700;color:#0f172a;padding-right:24px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.15rem;line-height:1;color:#1d4ed8;font-weight:700;transition:transform .16s ease,opacity .16s ease}.faq-item[open] summary{margin-bottom:8px}.faq-item[open] summary:after{content:"-";transform:translateY(-50%) rotate(180deg)}.faq-item p{margin:0;color:#334155}.site-footer{border-top:1px solid var(--border);margin-top:30px;padding:18px 0 30px;color:var(--muted);font-size:.9rem}@media(max-width:820px){.brand-row{flex-wrap:wrap}.nav-toggle{display:inline-block;margin-left:auto}.site-nav{width:100%;display:none;margin-top:12px;border-top:1px solid #334155;padding-top:12px}.site-nav.is-open{display:block}.site-nav a{display:block;margin:0 0 10px;border-radius:8px;background:#1e293b59}}