@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap";:root{--text: #23232d;--bg: #ffffff;--accent: #156082;--accent-ink: #ffffff;--muted: #6b6b78;--rule: #e6e6ec;--max: 1100px;--reading: 720px;--radius: 8px;--shadow: 0 1px 2px rgba(35,35,45,.06), 0 4px 12px rgba(35,35,45,.05);--font-sans: "Montserrat", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--max);margin:0 auto;padding:0 20px}.reading{max-width:var(--reading);margin:0 auto}.shell{display:grid;grid-template-columns:260px minmax(0,1fr) 320px;gap:40px;max-width:1500px;margin:0 auto;padding:0 32px;align-items:start}.shell__left,.shell__right{position:sticky;top:0;height:100vh;overflow-y:auto;padding:28px 0;display:flex;flex-direction:column}.shell__left{border-right:1px solid var(--rule);padding-right:24px}.shell__right{padding-left:8px}.shell__main{padding:28px 0 60px;min-width:0}.lsidebar{display:flex;flex-direction:column;height:100%}.lsidebar__brand{text-align:center;padding-bottom:20px}.lsidebar__brand img{height:96px;width:96px;border-radius:50%;object-fit:cover;margin:0 auto 12px;background:#f0f4f7;padding:6px}.lsidebar__brand .title{display:block;color:var(--text);font-weight:700;font-size:1.15rem}.lsidebar__brand .tagline{display:block;color:var(--muted);font-size:.85rem;margin-top:4px}.lsidebar__brand a{color:inherit}.lsidebar__brand a:hover{text-decoration:none}.lsidebar__nav{margin-top:14px;flex:1}.lsidebar__nav a{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:6px;color:var(--text);font-weight:600;font-size:.95rem;text-transform:uppercase;letter-spacing:.04em}.lsidebar__nav a:hover{background:#f4f5f8;text-decoration:none}.lsidebar__nav a.is-active{background:#f0f4f7;color:var(--accent)}.lsidebar__nav svg{width:18px;height:18px;fill:currentColor}.lsidebar__socials{display:flex;gap:14px;padding:16px 12px 4px;border-top:1px solid var(--rule);margin-top:16px}.lsidebar__socials a{display:inline-flex;color:var(--muted)}.lsidebar__socials a:hover{color:var(--accent)}.lsidebar__socials svg{width:20px;height:20px;fill:currentColor}.rsidebar{display:flex;flex-direction:column;gap:28px}.rsidebar__section h4{margin:0 0 12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.rsidebar__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.rsidebar__list a{display:block;color:var(--text);font-size:.92rem;line-height:1.4}.rsidebar__list a:hover{color:var(--accent)}.toc__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.toc__list a{display:block;padding:4px 10px;border-left:2px solid transparent;color:var(--text);font-size:.92rem;line-height:1.35}.toc__list a:hover{color:var(--accent)}.toc__list a.is-active{border-left-color:var(--accent);color:var(--accent);font-weight:600}.toc__list .toc__h3 a{padding-left:22px;font-size:.88rem;color:var(--muted)}.toc__list .toc__h3 a.is-active{color:var(--accent)}.site-footer{border-top:1px solid var(--rule);margin-top:60px;padding-top:28px;color:var(--muted);font-size:.92rem}.site-footer p{margin:0 0 10px}.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin:28px 0 40px}.article-card{background:var(--bg);border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden;transition:transform .15s ease,box-shadow .15s ease;display:flex;flex-direction:column}.article-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.article-card a{color:inherit;text-decoration:none}.article-card .cover{aspect-ratio:16/9;background:#f4f4f8;display:block;overflow:hidden}.article-card .cover img{width:100%;height:100%;object-fit:cover}.article-card .body{padding:16px}.article-card h3{margin:0 0 6px;font-size:1.1rem;line-height:1.3}.article-card .meta{font-size:.85rem;color:var(--muted);margin-bottom:6px}.article-card p{margin:6px 0 0;color:var(--text);font-size:.95rem}.article-hero h1{font-size:2.2rem;line-height:1.2;margin:16px 0 8px}.article-hero .meta{color:var(--muted);margin-bottom:18px}.article-hero img.cover{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius)}.article-body h2{margin-top:1.6em;scroll-margin-top:24px}.article-body h3{margin-top:1.4em;scroll-margin-top:24px}.article-body p,.article-body ul,.article-body ol{margin:.9em 0}.article-body figure{margin:1.4em 0}.article-body figcaption{color:var(--muted);font-size:.9rem;text-align:center;margin-top:6px}.article-body .embed{aspect-ratio:16/9}.article-body .embed iframe{width:100%;height:100%;border:0;border-radius:var(--radius)}.code-block{margin:1.4em 0;border:1px solid var(--rule);border-radius:var(--radius);background:#fff;overflow:hidden}.code-block__header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#f4f5f8;border-bottom:1px solid var(--rule)}.code-block__label{color:var(--text);font-weight:600;font-size:.9rem;text-transform:capitalize}.code-block__copy{background:none;border:0;padding:0;cursor:pointer;color:var(--accent);font-family:inherit;font-size:.9rem;font-weight:500}.code-block__copy:hover{text-decoration:underline}.code-block__copy.is-copied{color:#1c6b3a}.code-block__body{overflow:hidden;position:relative}.code-block pre{background:#fff;color:var(--text);padding:14px 16px;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;font-family:var(--font-mono);font-size:.9rem;line-height:1.5;margin:0}.code-block code{background:none;padding:0;color:inherit;font:inherit}.code-block--collapsed:not(.is-expanded) .code-block__body{max-height:calc(6em + 28px)}.code-block--collapsed:not(.is-expanded) .code-block__body:after{content:"";position:absolute;left:0;right:0;bottom:0;height:36px;background:linear-gradient(to bottom,#fff0,#fff);pointer-events:none}.code-block__expand{display:block;width:100%;background:#f4f5f8;color:var(--accent);border:0;border-top:1px solid var(--rule);padding:8px 14px;font-family:inherit;font-size:.9rem;font-weight:500;cursor:pointer;text-align:center}.code-block__expand:hover{background:#ecedf1}.callout{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:6px;color:#fff;margin:1.4em 0;line-height:1.5}.callout__icon{display:inline-flex;flex:0 0 auto}.callout__icon svg{width:22px;height:22px}.callout__text{flex:1;min-width:0}.callout__text :is(p,ul,ol){margin:0;color:inherit}.callout--info{background:#1f95dd}.callout--success{background:#5fb85c}.callout--warning{background:#e8a537}.callout--error{background:#dc4545}.callout__text[contenteditable=true]:empty:before{content:attr(data-placeholder);opacity:.8;pointer-events:none}.callout__text[contenteditable=true]{outline:none}.yt-tool{padding:6px 0}.yt-tool__input{width:100%;padding:9px 12px;border:1px solid var(--rule);border-radius:6px;font:inherit;background:#fff}.yt-tool__status{color:var(--muted);font-size:.85rem;margin-top:6px;min-height:1em}.yt-tool__preview{margin-top:10px}.yt-tool__preview iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:var(--radius);background:#000}.pills{display:flex;flex-wrap:wrap;gap:6px}.pill{display:inline-block;padding:2px 10px;border-radius:999px;background:#f0f4f7;color:var(--accent);font-size:.8rem;border:1px solid #dbe4ea}.pill:hover{background:var(--accent);color:var(--accent-ink)}.btn{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:var(--accent-ink);padding:9px 16px;border-radius:6px;font-weight:600;border:0;cursor:pointer;font-family:inherit;font-size:.95rem}.btn:hover{filter:brightness(.95);text-decoration:none}.btn--ghost{background:transparent;color:var(--text);border:1px solid var(--rule)}input[type=text],input[type=email],input[type=url],textarea,select{width:100%;padding:9px 12px;border:1px solid var(--rule);border-radius:6px;font:inherit;color:inherit;background:#fff}textarea{min-height:90px;resize:vertical}label{display:block;font-weight:600;margin:14px 0 6px}.form-row{margin-bottom:14px}.form-help{color:var(--muted);font-size:.85rem;margin-top:4px}.form-actions{display:flex;gap:10px;align-items:center;margin-top:20px}.article-footer-blocks{margin-top:40px;display:flex;flex-direction:column;gap:22px}.article-cta{border:1px solid var(--accent);border-radius:var(--radius);padding:22px 26px;text-align:center;color:var(--text)}.article-cta p{margin:0 0 18px;line-height:1.6}.article-cta__btn{padding:12px 28px;font-size:1rem}.article-cta--text{text-align:left}.article-cta--text p{margin:0 0 14px}.article-cta--text p:last-child{margin-bottom:0}.article-cta--newsletter{border:0;padding:28px 20px;text-align:center}.newsletter-cta{border:1px solid var(--accent);margin-top:48px}.article-cta--newsletter svg{color:var(--accent);margin:0 auto 12px;display:block}.article-cta--newsletter h3{margin:0 0 18px;font-size:1.25rem}.article-cta--newsletter .btn{padding:12px 28px;text-transform:uppercase;letter-spacing:.04em}.modal{border:0;padding:0;background:transparent;max-width:460px;width:90%;border-radius:var(--radius)}.modal::backdrop{background:#23232d8c}.modal__body{background:var(--bg);border-radius:var(--radius);padding:26px 28px 24px;position:relative;box-shadow:0 30px 60px #23232d4d}.modal__close{position:absolute;top:8px;right:12px;background:none;border:0;font-size:1.6rem;line-height:1;cursor:pointer;color:var(--muted);padding:4px 10px}.modal__close:hover{color:var(--text)}.page-title{margin:28px 0 6px;font-size:1.8rem}.page-sub{color:var(--muted);margin:0 0 24px}.prose{max-width:var(--reading)}.prose p{margin:0 0 16px}.prose p:last-child{margin-bottom:0}.mobile-bar{display:none;position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--rule);padding:10px 16px;align-items:center;justify-content:space-between}.mobile-bar .brand{display:flex;align-items:center;gap:8px;color:var(--text);font-weight:700}.mobile-bar .brand img{height:32px;width:32px;border-radius:50%}.mobile-bar__toggle{background:none;border:0;padding:6px;cursor:pointer;color:var(--text)}.mobile-bar__toggle svg{width:22px;height:22px}@media(max-width:1280px){.shell{grid-template-columns:240px minmax(0,1fr) 280px;gap:28px}}@media(max-width:1100px){.shell{grid-template-columns:minmax(0,1fr);gap:0;padding:0 20px}.shell__left,.shell__right{position:static;height:auto;overflow:visible;border:0;padding:0}.shell__left{display:none}.shell__right{margin-top:40px;padding-top:24px;border-top:1px solid var(--rule)}.shell__main{padding:24px 0 40px}.mobile-bar{display:flex}body[data-nav-open] .shell__left{display:block;position:fixed;inset:0 30% 0 0;z-index:30;background:var(--bg);padding:16px 20px;overflow-y:auto;box-shadow:0 10px 30px #0000001f}body[data-nav-open]:after{content:"";position:fixed;inset:0;z-index:25;background:#23232d66}}@media(max-width:640px){.article-hero h1{font-size:1.6rem}body[data-nav-open] .shell__left{inset:0 12% 0 0}}