:root{color-scheme:light dark;--paper:#F7F4EE;--ink:#2C2C2A;--muted:#5F5E5A;--accent:#D85A30;--hairline:rgba(44,44,42,.12);--card:rgba(255,255,255,.36);--ai-bg:#E6F1FB;--ai-fg:#0C447C;--tutorial-bg:#EAF3DE;--tutorial-fg:#27500A;--auto-bg:#FAECE7;--auto-fg:#993C1D;--news-bg:#FAEEDA;--news-fg:#854F0B;--radius-sm:6px;--radius-md:8px;--radius-lg:12px}@media(prefers-color-scheme:dark){:root{--paper:#1C1B19;--ink:#EDEAE2;--muted:#A8A59C;--accent:#E26B40;--hairline:rgba(237,234,226,.14);--card:rgba(255,255,255,.035);--ai-bg:#0C447C;--ai-fg:#B5D4F4;--tutorial-bg:#27500A;--tutorial-fg:#C0DD97;--auto-bg:#712B13;--auto-fg:#F5C4B3;--news-bg:#633806;--news-fg:#FAC775}}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:noto sans tc,system-ui,-apple-system,BlinkMacSystemFont,segoe ui,sans-serif;font-size:17px;line-height:1.7}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:16px;top:16px;z-index:5}.wrap{width:min(1120px,calc(100% - 32px));margin:0 auto}.wrap-narrow{width:min(72ch,calc(100% - 32px));margin:0 auto}.masthead{border-bottom:1px solid var(--hairline)}.masthead-inner{width:min(1180px,calc(100% - 32px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0}.brand-logo{width:220px;height:auto;display:block}.brand-logo-dark{display:none}@media(prefers-color-scheme:dark){.brand-logo-light{display:none}.brand-logo-dark{display:block}}.masthead-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-end}.site-nav{display:flex;align-items:center;gap:18px;font-size:14px}.site-nav a{color:var(--ink)}.language-switcher{position:relative;font-size:12px}.language-switcher summary{list-style:none;display:flex;align-items:center;gap:6px;cursor:pointer;color:var(--ink);border:1px solid var(--hairline);border-radius:999px;padding:3px 10px;line-height:1.6;background:var(--card)}.language-switcher summary::-webkit-details-marker{display:none}.language-switcher summary::after{content:"▾";font-size:10px;color:var(--muted)}.language-switcher[open] summary{border-color:var(--accent)}.language-switcher-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:20;min-width:150px;display:grid;gap:4px;padding:8px;background:var(--paper);border:1px solid var(--hairline);border-radius:var(--radius-md);box-shadow:0 14px 34px rgba(0,0,0,.16)}.language-switcher-menu a{color:var(--muted);border-radius:var(--radius-sm);padding:4px 8px;line-height:1.5}.language-switcher-menu a:hover{background:var(--card);text-decoration:none}.language-switcher-menu a[aria-current=true]{color:#fff;background:var(--accent);text-decoration:none}.search-icon{color:var(--muted);font-size:22px}.hero{padding:64px 0 48px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font:12px/1.4 jetbrains mono,monospace;color:var(--accent)}h1,h2,h3{font-family:noto serif tc,serif;font-weight:500;letter-spacing:.01em}h1{font-size:34px;line-height:1.25;margin:12px 0 16px}h2{font-size:24px;line-height:1.3}.hero-dek{max-width:60ch;color:var(--muted);font-size:19px}.section-block{padding:24px 0 64px}.section-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--hairline);margin-bottom:24px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}.post-card{border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--card);padding:20px;min-height:220px}.post-card h2{font-size:19px;line-height:1.35}.post-card h2 a{color:var(--ink)}.post-card p{color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta,.article-meta{font-size:12px;color:var(--muted)}.category-pill{display:inline-flex;border-radius:var(--radius-sm);padding:3px 8px;font-size:12px;line-height:1.4}.category-ai-tools{background:var(--ai-bg);color:var(--ai-fg)}.category-tutorials{background:var(--tutorial-bg);color:var(--tutorial-fg)}.category-workflow-automation{background:var(--auto-bg);color:var(--auto-fg)}.category-news-trends{background:var(--news-bg);color:var(--news-fg)}.page-header{padding:48px 0 24px}.article{padding:56px 0}.article-header{margin-bottom:32px}.language-switch{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.language-switch a{border:1px solid var(--hairline);border-radius:999px;padding:2px 10px;font-size:12px}.article-body :where(p,ul,ol,blockquote){margin:0 0 1.25em}.article-body img{max-width:100%;border-radius:var(--radius-md)}code{font-family:jetbrains mono,monospace;font-size:14px}.site-footer{border-top:1px solid var(--hairline);margin-top:64px}.footer-inner{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:24px 0;display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:13px}.footer-inner nav{display:flex;gap:12px}.cookie-banner{width:min(1120px,calc(100% - 32px));margin:16px auto 0;background:var(--ink);color:var(--paper);border-radius:var(--radius-lg);padding:10px 14px;display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:13px;box-shadow:0 10px 28px rgba(0,0,0,.12)}.cookie-banner[hidden]{display:none}.cookie-banner button{border:0;border-radius:var(--radius-sm);padding:6px 10px;background:var(--accent);color:#fff;white-space:nowrap}.button-link{display:inline-block;background:var(--accent);color:#fff;padding:8px 14px;border-radius:var(--radius-md)}@media(max-width:720px){.masthead-inner,.footer-inner{align-items:flex-start;flex-direction:column}.site-nav{flex-wrap:wrap}.brand-logo{width:190px}.hero{padding-top:40px}.cookie-banner{left:16px;right:16px;max-width:none;flex-direction:column;align-items:flex-start}}.article-cover{margin:28px 0 0;border:1px solid var(--hairline);border-radius:18px;overflow:hidden;background:var(--card)}.article-cover img{display:block;width:100%;height:auto}.post-card-cover{display:block;margin:-4px -4px 16px;border-radius:14px;overflow:hidden;border:1px solid var(--hairline);background:var(--card)}.post-card-cover img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.post-card-cover:hover{filter:saturate(1.05);text-decoration:none}.category-ai-tools{background:#e6f1fb;color:#0c447c}.category-ai-trends{background:#faeeda;color:#854f0b}.category-automation{background:#faece7;color:#993c1d}.category-dev-tech{background:#eaf3de;color:#27500a}.category-pill{border:1px solid color-mix(in srgb,currentColor 18%,transparent);font-weight:650}.lesson-section{position:relative;margin:34px 0;padding:18px 20px 20px;border:1px dashed color-mix(in srgb,var(--lesson-accent) 48%,transparent);border-left:5px solid var(--lesson-accent);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--lesson-accent) 12%,transparent),rgba(255,255,255,.18));box-shadow:0 16px 40px rgba(44,44,42,5%)}.lesson-section-pain{--lesson-accent:#D85A30}.lesson-section-action{--lesson-accent:#2F8B69}.lesson-section h2{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:22px}.lesson-section h2::before{content:"";width:10px;height:10px;border-radius:999px;background:var(--lesson-accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--lesson-accent) 16%,transparent);flex:none}.lesson-section-body>:last-child{margin-bottom:0}.lesson-section-body ul,.lesson-section-body ol{padding-left:1.35em}.article-body .lesson-section :where(p,ul,ol,blockquote){margin-bottom:1em}@media(prefers-color-scheme:dark){.category-ai-tools{background:#0c447c;color:#b5d4f4}.category-ai-trends{background:#633806;color:#fac775}.category-automation{background:#712b13;color:#f5c4b3}.category-dev-tech{background:#27500a;color:#c0dd97}.lesson-section{background:linear-gradient(135deg,color-mix(in srgb,var(--lesson-accent) 18%,transparent),rgba(255,255,255,.025));box-shadow:none}}.social-links{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.social-link{display:inline-flex;align-items:center;gap:7px;color:var(--ink);border:1px solid var(--hairline);border-radius:999px;background:var(--card);padding:7px 11px;font-size:13px;line-height:1.2;transition:transform .16s ease,border-color .16s ease,background .16s ease;color .16s ease}.social-link:hover{text-decoration:none;transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 45%,var(--hairline));background:color-mix(in srgb,var(--accent) 10%,var(--card));color:var(--accent)}.social-icon{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;flex:none}.social-icon svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.social-link-facebook .social-icon svg path,.social-link-bluesky .social-icon svg path{fill:currentColor;stroke:none}.social-links-footer{justify-content:center;margin:8px 0 2px}.social-links-footer .social-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.social-links-footer .social-link{padding:8px}.contact-social{margin:34px 0 0;padding:22px;border:1px solid var(--hairline);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 9%,transparent),var(--card))}.contact-social h2{margin:0 0 8px;font-size:24px}.contact-social p{margin:0 0 14px;color:var(--muted)}.contact-social .section-kicker{margin:0 0 6px;color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:700}.social-links-contact{align-items:flex-start}.social-links-contact .social-link{padding:9px 12px}@media(max-width:640px){.social-links-footer{gap:8px}.social-links-contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.social-links-contact .social-link{justify-content:flex-start}.contact-social{padding:18px}}.contact-social{position:relative;overflow:hidden}.contact-social::after{content:"";position:absolute;right:-70px;top:-90px;width:210px;height:210px;border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 18%,transparent),transparent 68%);pointer-events:none}.social-links-contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.social-links-contact .social-link{position:relative;justify-content:flex-start;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.32);box-shadow:0 12px 32px rgba(44,44,42,5%)}.social-links-contact .social-icon{width:30px;height:30px;border-radius:999px;background:color-mix(in srgb,var(--platform-color,var(--accent)) 14%,transparent);color:var(--platform-color,var(--accent))}.social-links-contact .social-icon svg{width:18px;height:18px}.social-link-facebook{--platform-color:#1877F2}.social-link-instagram{--platform-color:#C13584}.social-link-bluesky{--platform-color:#1185FE}.social-link-threads{--platform-color:#111}.social-link-x{--platform-color:#111}.social-link-rss{--platform-color:#F97316}.share-links{display:flex;flex-wrap:wrap;gap:10px}.article-share{margin:42px 0 0;padding:22px;border:1px solid var(--hairline);border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,transparent),var(--card));box-shadow:0 16px 42px rgba(44,44,42,5%)}.article-share-copy{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:14px}.article-share h2{margin:0;font-size:22px}.article-share .section-kicker{margin:0;color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:700}.share-link{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid color-mix(in srgb,var(--platform-color,var(--accent)) 32%,var(--hairline));border-radius:999px;background:color-mix(in srgb,var(--platform-color,var(--accent)) 9%,var(--card));color:var(--ink);font-size:14px;font-weight:650;line-height:1.2;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.share-link:hover{text-decoration:none;transform:translateY(-1px);background:color-mix(in srgb,var(--platform-color,var(--accent)) 16%,var(--card));border-color:color-mix(in srgb,var(--platform-color,var(--accent)) 55%,var(--hairline));color:var(--platform-color,var(--accent))}.share-link .social-icon{width:22px;height:22px;color:var(--platform-color,var(--accent))}.share-link .social-icon svg{width:20px;height:20px}@media(prefers-color-scheme:dark){.social-link-threads,.social-link-x{--platform-color:#EDEAE2}.social-links-contact .social-link{background:rgba(255,255,255,4%)}.article-share{box-shadow:none}}@media(max-width:640px){.social-links-contact{grid-template-columns:1fr 1fr}.article-share{padding:18px}.article-share-copy{display:block}.article-share .section-kicker{margin-bottom:4px}.share-links{display:grid;grid-template-columns:1fr 1fr}.share-link{justify-content:center}}.hero{padding-bottom:32px}.section-block{padding-top:12px}.masthead-inner{position:relative}.nav-toggle{display:none;align-items:center;gap:8px;border:1px solid var(--hairline);border-radius:999px;background:var(--card);color:var(--ink);padding:8px 12px;font:inherit;font-size:13px;cursor:pointer}.nav-toggle span[aria-hidden=true]{width:16px;height:11px;display:inline-block;border-top:2px solid;border-bottom:2px solid;position:relative}.nav-toggle span[aria-hidden=true]::after{content:"";position:absolute;left:0;right:0;top:50%;border-top:2px solid;transform:translateY(-50%)}.page-header{padding:44px 0 22px}.page-header .eyebrow{margin:0 0 8px}.list-card-grid{padding-bottom:64px}.term-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;padding:0 0 64px}.term-card-link{display:block;height:100%;border:1px solid var(--hairline);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 7%,transparent),var(--card));padding:22px;color:var(--ink);box-shadow:0 12px 36px rgba(44,44,42,.045)}.term-card-link:hover{text-decoration:none;transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 36%,var(--hairline))}.term-card-kicker{display:block;margin-bottom:8px;color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:700}.term-card h2{margin:0 0 10px;font-size:23px}.term-card p{margin:0;color:var(--muted);font-size:14px}.article-toc{margin:26px 0 34px;padding:18px 20px;border:1px solid var(--hairline);border-radius:18px;background:var(--card)}.article-toc p{margin:0 0 10px;color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:700}.article-toc nav ul{margin:0;padding-left:1.2em}.article-toc a{color:var(--ink)}.article-tags{display:flex;align-items:flex-start;gap:12px;margin:34px 0 0;padding:14px 0;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}.article-tags>span{color:var(--muted);font-size:13px;line-height:2}.article-tags div{display:flex;flex-wrap:wrap;gap:8px}.article-tags a{display:inline-flex;border:1px solid var(--hairline);border-radius:999px;padding:4px 9px;color:var(--ink);background:var(--card);font-size:13px}.article-tags a:hover{text-decoration:none;color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--hairline))}.related-reading{margin:44px 0 0}.section-heading-compact{display:block;border-bottom:1px solid var(--hairline);margin-bottom:18px}.section-heading-compact .section-kicker{margin:0 0 4px}.section-heading-compact h2{margin:0 0 12px}.related-grid .post-card{min-height:auto}.search-panel{padding:0 0 72px}.search-panel #search{border:1px solid var(--hairline);border-radius:22px;background:var(--card);padding:18px}.pagefind-ui__form{margin:0 0 18px!important}.pagefind-ui__search-input{border:1px solid var(--hairline)!important;border-radius:999px!important;background:rgba(255,255,255,.42)!important;color:var(--ink)!important;font:inherit!important}.pagefind-ui__result{border-top:1px solid var(--hairline)!important}.pagefind-ui__result-title a{color:var(--ink)!important}.back-to-top{position:fixed;right:18px;bottom:18px;z-index:4;width:42px;height:42px;border:1px solid var(--hairline);border-radius:999px;background:color-mix(in srgb,var(--paper) 88%,transparent);color:var(--accent);box-shadow:0 12px 30px rgba(44,44,42,.16);cursor:pointer;font-size:20px}.back-to-top[hidden]{display:none}@media(max-width:760px){.masthead-inner{align-items:flex-start}.nav-toggle{display:inline-flex}.masthead-actions{display:none;position:absolute;left:16px;right:16px;top:78px;z-index:6;align-items:stretch;gap:12px;padding:14px;border:1px solid var(--hairline);border-radius:18px;background:color-mix(in srgb,var(--paper) 94%,transparent);box-shadow:0 18px 42px rgba(44,44,42,.14);backdrop-filter:blur(12px)}.masthead-actions.is-open{display:flex}.site-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.site-nav a{border:1px solid var(--hairline);border-radius:12px;padding:9px 10px;background:var(--card)}.language-switcher{align-self:flex-start}.hero{padding-top:44px;padding-bottom:22px}.section-block{padding-top:6px}.article-tags{display:block}.article-tags>span{display:block;margin-bottom:8px}.back-to-top{right:14px;bottom:14px}}html,body{overflow-x:hidden}.wrap,.wrap-narrow,.masthead-inner{max-width:calc(100vw - 32px)}.article,.article-header,.article-body,.article-toc,.lesson-section,.post-card{min-width:0;max-width:100%;overflow-wrap:anywhere}.article-cover,.article-cover img,.post-card-cover,.post-card-cover img{max-width:100%}.cookie-banner{max-width:calc(100vw - 32px);overflow-wrap:anywhere}.cookie-banner span{display:block;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.article h1,.hero h1,.post-card h2{overflow-wrap:anywhere;word-break:break-word}@media(max-width:640px){.article h1,.hero h1{font-size:30px;line-height:1.28}.lesson-section{padding:16px 16px 18px}.lesson-section h2{font-size:21px}.article-cover{border-radius:14px}.article-toc{padding:16px}}