:root{--bg:#fcfcfd;--bg-soft:#f4f5f8;--text:#1d222a;--text-soft:#566070;--accent:#4f46e5;--accent-strong:#4338ca;--accent-soft:#eef0fd;--border:#e1e3ea;--border-soft:#ebedf2;--code-bg:#fff;--code-inline-bg:#eff1f4;--code-head:#57606a;--selection:#cdd3ff;--shadow:0 1px 2px #1d222a0f, 0 4px 14px #1d222a0d;--content-width:46rem}@media (prefers-color-scheme:dark){:root{--bg:#12151d;--bg-soft:#181c26;--text:#e7e9ee;--text-soft:#a0a8b8;--accent:#9aa5ff;--accent-strong:#b7bfff;--accent-soft:#1e2338;--border:#2b3140;--border-soft:#232837;--code-bg:#191e29;--code-inline-bg:#1b202b;--code-head:#8b94a7;--selection:#3a4180;--shadow:none}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;font-size:1.0625rem;line-height:1.75}::selection{background:var(--selection)}a,button{transition:color .15s,background-color .15s,border-color .15s}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}[id]{scroll-margin-top:1.5rem}.skip-link{z-index:10;background:var(--accent);color:#fff;border-radius:0 0 8px 8px;padding:.5rem 1rem;font-weight:600;text-decoration:none;transition:top .15s;position:absolute;top:-3.5rem;left:.75rem}.skip-link:focus-visible{top:0}.site-header{border-bottom:1px solid var(--border-soft);background:var(--bg)}.site-header .inner{max-width:var(--content-width);flex-wrap:wrap;align-items:center;gap:.6rem 1.25rem;margin:0 auto;padding:.9rem 1rem;display:flex}.brand{color:var(--text);letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:.55rem;margin-right:auto;font-size:1.1rem;font-weight:750;text-decoration:none;display:inline-flex}.brand-mark{background:var(--accent);color:#fff;letter-spacing:-.08em;border-radius:8px;place-items:center;width:1.85rem;height:1.85rem;padding-bottom:.1rem;font-family:ui-monospace,Cascadia Code,SF Mono,Consolas,monospace;font-size:.95rem;font-weight:700;display:inline-grid}@media (prefers-color-scheme:dark){.brand-mark{background:var(--accent-soft);color:var(--accent);border:1px solid var(--border)}}.site-nav{flex-wrap:wrap;gap:.15rem;font-size:.95rem;display:flex}.site-nav a{color:var(--text-soft);border-radius:6px;padding:.3rem .6rem;font-weight:500;text-decoration:none}.site-nav a:hover{color:var(--text);background:var(--bg-soft)}.site-nav a[aria-current=page]{color:var(--accent);background:var(--accent-soft);font-weight:600}main{max-width:var(--content-width);margin:0 auto;padding:2.25rem 1rem 3.5rem}h1{letter-spacing:-.02em;text-wrap:balance;margin:0 0 .6rem;font-size:max(1.7rem,min(3.2vw + 1rem,2.3rem));line-height:1.2}h2{letter-spacing:-.015em;border-bottom:1px solid var(--border-soft);background:linear-gradient(var(--accent), var(--accent)) no-repeat left bottom / 2.75rem 2px;margin:2.6rem 0 .9rem;padding-bottom:.35rem;font-size:1.45rem;line-height:1.3}h3{letter-spacing:-.01em;margin:2rem 0 .6rem;font-size:1.15rem}a{color:var(--accent);text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{color:var(--accent-strong)}hr{border:0;border-top:1px solid var(--border);margin:2.5rem 0}.breadcrumb{color:var(--text-soft);margin-bottom:1rem;font-size:.85rem}.breadcrumb a{color:var(--text-soft);text-decoration:none}.breadcrumb a:hover{color:var(--accent);text-decoration:underline}.breadcrumb .sep{opacity:.6;margin:0 .35rem}.article-meta{color:var(--text-soft);border-bottom:1px solid var(--border-soft);margin:0 0 2.25rem;padding-bottom:1.25rem;font-size:.9rem}article img{border-radius:8px;max-width:100%;height:auto}article ul,article ol{padding-left:1.4rem}article li{margin-bottom:.4rem}article li::marker{color:var(--text-soft)}article table{border-collapse:collapse;max-width:100%;margin:1.4rem 0;font-size:.95rem;display:block;overflow-x:auto}article th,article td{border:1px solid var(--border);text-align:left;padding:.45rem .8rem}article th{background:var(--bg-soft)}article figure.schema{border:1px solid var(--border);background:var(--bg-soft);text-align:center;border-radius:12px;margin:1.75rem 0;padding:1.25rem 1rem 1rem}article figure.schema svg{max-width:100%;height:auto}article figure.schema figcaption{color:var(--text-soft);margin-top:.6rem;font-size:.85rem}article blockquote{border-left:3px solid var(--accent);background:var(--bg-soft);color:var(--text);border-radius:0 8px 8px 0;margin:1.2rem 0;padding:.2rem 1.2rem}code{font-family:ui-monospace,Cascadia Code,SF Mono,Consolas,Menlo,monospace;font-size:.92em}p code,li code,dd code,td code{background:var(--code-inline-bg);border:1px solid var(--border);overflow-wrap:break-word;border-radius:4px;padding:.1em .35em}pre.astro-code{border:1px solid var(--border);border-radius:10px;margin:1.5rem 0;padding:2.6rem 1.2rem 1.1rem;font-size:.92rem;line-height:1.6;position:relative;overflow-x:auto;background-color:var(--code-bg)!important}@media (prefers-color-scheme:light){pre.astro-code span[style*=\#E36209]{color:#b85508!important}}@media (prefers-color-scheme:dark){pre.astro-code{background-color:var(--code-bg)!important}pre.astro-code span{color:var(--shiki-dark)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important}}.code-frame{margin:1.5rem 0;position:relative}.code-frame pre.astro-code{margin:0}.code-frame:before{content:attr(data-language);z-index:1;letter-spacing:.08em;text-transform:uppercase;color:var(--code-head);pointer-events:none;font-family:ui-monospace,Cascadia Code,SF Mono,Consolas,monospace;font-size:.7rem;font-weight:600;position:absolute;top:.6rem;left:1.1rem}.code-copy{font:inherit;color:var(--code-head);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;padding:.22rem .65rem;font-size:.78rem;font-weight:600;position:absolute;top:.45rem;right:.55rem}.code-copy:hover{color:var(--accent);border-color:var(--accent)}.code-copy.is-copied{color:#1a7f37;border-color:#1a7f37}@media (prefers-color-scheme:dark){.code-copy.is-copied{color:#56d364;border-color:#56d364}}.post-list{margin:1.25rem 0;padding:0;list-style:none}.post-list li{border-bottom:1px solid var(--border-soft);border-radius:8px;margin:0 -.75rem;padding:.9rem .75rem}.post-list li:hover{background:var(--bg-soft)}.post-list a{font-size:1.05rem;font-weight:600;text-decoration:none}.post-list a:hover{text-decoration:underline}.post-list .date{color:var(--text-soft);white-space:nowrap;margin-left:.5rem;font-size:.85rem}.post-list p{color:var(--text-soft);margin:.25rem 0 0;font-size:.95rem}.course-intro{background:var(--accent-soft);border:1px solid var(--border);border-radius:12px;margin:1.5rem 0;padding:1.1rem 1.3rem}.course-intro p{margin:0}.course-list{counter-reset:etape;margin:1.25rem 0;padding:0;list-style:none}.course-list li{counter-increment:etape;align-items:baseline;gap:.85rem;padding:.5rem 0;display:flex}.course-list li:before{content:counter(etape);background:var(--accent-soft);width:1.7rem;height:1.7rem;color:var(--accent);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;align-self:center;place-items:center;font-size:.85rem;font-weight:700;display:inline-grid}.course-list a{font-weight:500;text-decoration:none}.course-list a:hover{text-decoration:underline}.post-nav{grid-template-columns:1fr 1fr;gap:.9rem;margin-top:3rem;display:grid}.post-nav a{border:1px solid var(--border);background:var(--bg);border-radius:10px;padding:.9rem 1.1rem;text-decoration:none;display:block}.post-nav a:hover{border-color:var(--accent);background:var(--bg-soft)}.post-nav .dir{color:var(--text-soft);margin-bottom:.2rem;font-size:.8rem;display:block}.post-nav .title{color:var(--accent);font-size:.95rem;font-weight:600;line-height:1.4}.post-nav .next{text-align:right;grid-column:2}@media (max-width:34rem){.post-nav{grid-template-columns:1fr}.post-nav .next{text-align:left;grid-column:auto}}.contact-form label{margin:1rem 0 .3rem;font-size:.95rem;font-weight:600;display:block}.contact-form input,.contact-form textarea{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);font:inherit;border-radius:8px;padding:.6rem .75rem;transition:border-color .15s}.contact-form input:focus-visible{outline:2px solid var(--accent);outline-offset:0;border-color:#0000}.contact-form textarea:focus-visible{outline:2px solid var(--accent);outline-offset:0;border-color:#0000}.contact-form button{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:8px;margin-top:1.2rem;padding:.65rem 1.7rem;font-weight:600}@media (prefers-color-scheme:dark){.contact-form button{background:#4f46e5}.contact-form button:hover:not(:disabled){background:#6059ea}}.contact-form button:hover:not(:disabled){background:var(--accent-strong)}.contact-form button:disabled{opacity:.65;cursor:wait}.contact-form .form-status{min-height:1.5em;margin-top:.8rem;font-size:.95rem}.contact-form .form-status.is-success{color:#1a7f37;font-weight:600}.contact-form .form-status.is-error{color:#c93030;font-weight:600}@media (prefers-color-scheme:dark){.contact-form .form-status.is-success{color:#56d364}.contact-form .form-status.is-error{color:#ff8181}}.avatar{float:right;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;margin:0 0 1rem 1.25rem}@media (max-width:34rem){.avatar{float:none;margin:0 auto 1.25rem;display:block}}.site-footer{border-top:1px solid var(--border-soft);background:var(--bg-soft);color:var(--text-soft);font-size:.88rem}.site-footer .inner{max-width:var(--content-width);margin:0 auto;padding:1.6rem 1rem}.site-footer .tagline{color:var(--text-soft);margin:0 0 .75rem}.site-footer nav{flex-wrap:wrap;gap:.3rem 1.25rem;margin-bottom:.75rem;display:flex}.site-footer a{color:var(--text-soft);text-decoration:none}.site-footer a:hover{color:var(--accent);text-decoration:underline}.site-footer .copyright{margin:0;font-size:.82rem}.glossary dt{border-left:3px solid var(--accent);margin-top:1.6rem;padding-left:.85rem;scroll-margin-top:1.5rem;font-size:1.05rem;font-weight:700}.glossary dd{border-left:3px solid #0000;margin:.35rem 0 0;padding-left:.85rem}main.wide{max-width:64rem}.hero{border:1px solid var(--border);background:linear-gradient(135deg, var(--accent-soft), var(--bg) 70%);border-radius:16px;gap:2rem;padding:2.5rem 2.25rem;display:grid;position:relative;overflow:hidden}.hero:after{content:"{ }";letter-spacing:-.12em;color:var(--accent);opacity:.06;pointer-events:none;font-family:ui-monospace,Cascadia Code,SF Mono,Consolas,monospace;font-size:15rem;font-weight:700;position:absolute;bottom:-4.5rem;right:-1.5rem}@media (min-width:56rem){.hero{grid-template-columns:1.15fr 1fr;align-items:center;padding:3rem 2.75rem}}.hero h1{margin-top:0}.hero-text p{margin:.75rem 0 0}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.6rem;display:flex}.btn{color:#fff;background:#4f46e5;border-radius:8px;padding:.65rem 1.35rem;font-weight:600;text-decoration:none;display:inline-block}.btn:hover{color:#fff;background:#4338ca}@media (prefers-color-scheme:dark){.btn:hover{background:#6059ea}}.btn-secondary{border:1px solid var(--border);background:var(--bg);color:var(--accent);border-radius:8px;padding:.65rem 1.35rem;font-weight:600;text-decoration:none;display:inline-block}.btn-secondary:hover{border-color:var(--accent);background:var(--bg-soft)}.code-window{z-index:1;border:1px solid var(--border);background:var(--code-bg);width:100%;box-shadow:var(--shadow);border-radius:12px;position:relative;overflow:hidden}.cw-bar{background:var(--bg-soft);border-bottom:1px solid var(--border-soft);align-items:center;gap:.4rem;padding:.55rem .9rem;display:flex}.cw-bar span{border-radius:50%;width:10px;height:10px}.cw-bar span:first-child{background:#ff5f57}.cw-bar span:nth-child(2){background:#febc2e}.cw-bar span:nth-child(3){background:#28c840}.cw-bar em{color:var(--code-head);margin-left:.5rem;font-family:ui-monospace,Cascadia Code,SF Mono,Consolas,monospace;font-size:.75rem;font-style:normal}.cw-body{color:var(--text);margin:0;padding:1rem 1.2rem;font-family:ui-monospace,Cascadia Code,SF Mono,Consolas,monospace;font-size:.85rem;line-height:1.75;overflow-x:auto}.cw-body .tk-c{color:var(--code-head)}.cw-body .tk-t{color:#22863a}.cw-body .tk-a{color:#6f42c1}.cw-body .tk-s{color:#032f62}@media (prefers-color-scheme:dark){.cw-body .tk-t{color:#85e89d}.cw-body .tk-a{color:#b392f0}.cw-body .tk-s{color:#9ecbff}}.article-cards{grid-template-columns:1fr;gap:1.1rem;margin:1.25rem 0;padding:0;list-style:none;display:grid}@media (min-width:34rem) and (max-width:55.99rem){.article-cards{grid-template-columns:1fr 1fr}.article-cards>li:first-child{grid-column:1/-1}}@media (min-width:56rem){.article-cards{grid-template-columns:repeat(3,1fr)}}.article-card{border:1px solid var(--border);background:var(--bg);border-radius:12px;flex-direction:column;transition:border-color .15s;display:flex;position:relative;overflow:hidden}.article-card:hover{border-color:var(--accent);box-shadow:var(--shadow)}.card-art{background:var(--code-bg);border-bottom:1px solid var(--border-soft);flex-direction:column;justify-content:center;gap:.5rem;height:5.25rem;padding:1rem 1.1rem;display:flex;position:relative}.card-art i{background:var(--border);border-radius:4px;height:8px;display:block}.card-art i:first-child{background:var(--accent);opacity:.75;width:52%}.card-art i:nth-child(2){width:78%}.card-art i:nth-child(3){width:38%}.card-badge{letter-spacing:.06em;color:var(--accent);background:var(--accent-soft);border:1px solid var(--border);border-radius:999px;padding:.12rem .55rem;font-family:ui-monospace,Cascadia Code,SF Mono,Consolas,monospace;font-size:.68rem;font-weight:700;position:absolute;top:.75rem;right:.85rem}.card-body{flex-direction:column;gap:.4rem;padding:1rem 1.1rem 1.2rem;display:flex}.card-date{color:var(--text-soft);font-size:.82rem}.card-title{margin:0;font-size:1.02rem;line-height:1.4}.card-title a{color:var(--text);font-weight:650;text-decoration:none}.card-title a:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0}.article-card:hover .card-title a{color:var(--accent)}.card-body p{color:var(--text-soft);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.92rem;display:-webkit-box;overflow:hidden}.theme-cards{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.1rem;margin:1.25rem 0;padding:0;list-style:none;display:grid}.theme-card{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:12px;padding:1.25rem 1.3rem;text-decoration:none;transition:border-color .15s;display:block}.theme-card:hover{border-color:var(--accent);background:var(--bg-soft);color:var(--text)}.theme-card svg{color:var(--accent)}.theme-card h3{margin:.6rem 0 .25rem;font-size:1.05rem}.theme-card p{color:var(--text-soft);margin:0;font-size:.9rem}.method-band{border:1px dashed var(--accent);background:var(--accent-soft);border-radius:12px;margin-top:3rem;padding:1.4rem 1.6rem}.method-band p{margin:0}.method-band .signature{color:var(--text-soft);margin-top:.5rem;font-size:.9rem;display:block}@media (min-width:56rem){.course-list{columns:2;column-gap:3.5rem}.course-list li{break-inside:avoid}}