[hidden]{display:none!important}

.udp-blog,
.udp-article{min-width:0;overflow-x:clip}

.udp-blog-hero{padding-top:var(--hero-top);padding-bottom:var(--space-5);background:var(--light);color:#1A2130;--muted:#5E6A7E;--line:#E3E7EE}

.udp-blog-heading{min-width:0}

.udp-blog-heading h1{margin:0;font-family:var(--fh);font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.2;letter-spacing:-.035em;overflow-wrap:break-word}

.udp-blog-heading>p{margin:var(--space-2) 0 0;max-width:52rem;color:#5E6A7E;font-size:var(--text-md);line-height:var(--leading-body);overflow-wrap:break-word}

.udp-blog-count{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-3);font-size:var(--text-sm);color:#5E6A7E}

#blg-article-count{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding-inline:var(--space-1);border-radius:var(--radius-pill);background:var(--lav);color:#3D2F6B;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}

.udp-blog-content{padding-block:var(--space-5) var(--space-7)}

#blog-panel-diary,
#blog-panel-openclaw{min-width:0}

#blog-panel-openclaw{margin-top:var(--space-7)}

.blg-magazine{display:grid;grid-template-columns:minmax(0,1fr);margin-bottom:var(--space-3)}

.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);align-items:stretch}

.blog-card.blg-featured{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;align-items:stretch;min-width:0;height:auto;min-height:0;align-self:start;overflow:hidden;border-radius:var(--r-card);background:var(--surface);color:#1A2130;--muted:#5E6A7E;--line:#E3E7EE;text-decoration:none;box-shadow:var(--shadow);transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}

.blog-card.blg-featured:hover{transform:translateY(-3px);box-shadow:var(--shadow-stage)}

.blog-card.blg-featured:focus-visible{outline:3px solid var(--primary);outline-offset:5px}

.blg-featured__media{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-width:0;min-height:18rem;overflow:hidden;background:#1A2130;color:#fff;--muted:#E3E7EE;--line:color-mix(in srgb,#FFFFFF 18%,transparent)}

.blg-featured__img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--duration) var(--ease)}

.blog-card:hover .blg-featured__img{transform:scale(1.025)}

.blg-featured__shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(11,15,23,.08),rgba(11,15,23,.92));color:#fff}

.blg-featured__overlay{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:var(--space-2);padding:var(--space-3)}

.blg-featured__pill{display:inline-flex;align-items:center;gap:.4em;width:fit-content;max-width:100%;padding:.4em .9em;border-radius:var(--radius-pill);background:#fff;color:#1A2130;font-size:var(--text-xs);font-weight:600;line-height:1.35;overflow-wrap:break-word}

.blg-featured__hl{margin:0;color:#fff;font-family:var(--fh);font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.35;letter-spacing:-.02em;overflow-wrap:break-word}

.blg-featured__body{display:flex;flex-direction:column;gap:var(--space-3);min-width:0;padding:var(--space-3)}

.blg-featured__excerpt{margin:0 0 var(--space-2);font-size:var(--text-base);line-height:var(--leading-body);color:#5E6A7E;overflow-wrap:break-word}

.blg-featured__meta{margin-top:auto;min-width:0;padding-top:var(--space-2);border-top:1px solid var(--line);color:#5E6A7E;font-size:var(--text-sm);line-height:1.5;font-variant-numeric:tabular-nums}

.blg-magazine .blg-featured__hint{position:absolute;top:var(--space-3);right:var(--space-3);max-width:calc(48% - var(--space-3));padding:.55em .9em;border-radius:var(--radius-pill);background:var(--lav);color:#3D2F6B;font-size:var(--text-xs);line-height:1.5;overflow-wrap:break-word}

.blog-card.blg-featured.blg-compact{display:flex;flex-direction:column;gap:0;height:100%;align-self:stretch}

.blg-featured.blg-compact .blg-featured__media{width:100%;min-height:0;flex:none;padding-top:10rem}

.blg-featured.blg-compact .blg-featured__overlay{padding:var(--space-3);gap:var(--space-2)}

.blg-featured.blg-compact .blg-featured__hl{font-size:1.25rem;line-height:1.35;color:#fff}

.blg-featured.blg-compact .blg-featured__pill{background:#fff;color:#1A2130}

.blg-featured.blg-compact .blg-featured__body{flex:1;padding:var(--space-3)}

.blg-featured.blg-compact .blg-featured__body>.blg-featured__hl{color:#1A2130}

.blg-featured.blg-compact .blg-featured__body>.blg-featured__pill{background:var(--lav);color:#3D2F6B}

.blg-featured.blg-compact .blg-featured__excerpt{margin-bottom:var(--space-2)}

.udp-blog-empty-copy{max-width:52rem;min-width:0;margin-bottom:var(--space-3)}

.udp-blog-empty h2{margin:0;font-family:var(--fh);font-size:1.6rem;line-height:1.3;letter-spacing:-.025em}

.udp-blog-empty-copy p,
.udp-blog-empty>p{margin:var(--space-2) 0 0;color:#5E6A7E;line-height:var(--leading-body)}

.udp-blog-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);align-items:stretch}

.udp-blog-entry{display:flex;flex-direction:column;gap:var(--space-2);height:100%;min-width:0;padding:var(--space-3);border-radius:var(--r-card);background:var(--lav);color:#3D2F6B;--muted:#3D2F6B;--line:#E3E7EE;text-decoration:none;transition:transform var(--duration) var(--ease)}

.udp-blog-entry:nth-child(2){background:var(--mint);color:#1F4A3A;--muted:#1F4A3A;--line:#E3E7EE}

.udp-blog-entry>svg{display:block;flex:none}

.udp-blog-entry h3{margin:0;font-family:var(--fh);font-size:1.25rem;line-height:1.35;overflow-wrap:break-word}

.udp-blog-entry p{margin:0 0 var(--space-2);font-size:var(--text-base);line-height:var(--leading-body);overflow-wrap:break-word}

.udp-blog-entry-foot{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:auto;font-size:var(--text-sm);font-weight:600}

.udp-blog-entry:hover{transform:translateY(-3px)}

.udp-blog-entry:focus-visible{outline:3px solid var(--primary);outline-offset:4px}

.udp-blog-close{padding-top:var(--space-7);padding-bottom:var(--space-close,var(--space-8))}

.udp-blog-close .c-closing .c-actions{justify-content:center}

.udp-article{padding-top:var(--hero-top);padding-bottom:0}

.udp-article>*{width:min(calc(100% - var(--gutter)*2),56rem);margin-inline:auto;padding-inline:0;min-width:0}

.udp-article .crumb ol,
.udp-blog .crumb ol{display:flex;flex-wrap:nowrap;align-items:center;gap:0;min-width:0;margin:0;padding:0;list-style:none}

.udp-article .crumb li,
.udp-blog .crumb li{display:flex;align-items:center;flex:0 0 auto;min-width:0;white-space:nowrap}

.udp-article .crumb li:last-child,
.udp-blog .crumb li:last-child{flex:1 1 auto;overflow:hidden}

.udp-article .crumb li+li::before,
.udp-blog .crumb li+li::before{content:"/";flex:none;margin-inline:.6rem}

.udp-article .crumb [aria-current="page"],
.udp-blog .crumb [aria-current="page"]{display:block;min-width:0;max-width:38ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.udp-article .crumb,
.udp-blog .crumb{gap:0}

.udp-article-heading{margin-bottom:var(--space-3)}

.udp-article-heading h1{margin:0;font-family:var(--fh);font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.2;letter-spacing:-.035em;overflow-wrap:break-word}

.udp-article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);margin-top:var(--space-3);font-size:var(--text-sm);font-variant-numeric:tabular-nums}

.blog-article-date,
.blog-article-lead{display:inline-flex;flex-wrap:wrap;align-items:center;width:fit-content;align-self:flex-start;gap:.4em;margin:0;padding:.55em .9em;border-radius:var(--radius-pill);background:var(--lav);color:#3D2F6B;line-height:1.5}

.blog-article-lead{background:var(--mint);color:#1F4A3A}

.article-hero{margin-top:0;margin-bottom:var(--space-3);overflow:hidden;border-radius:var(--r-card);background:var(--surface);color:#1A2130}

.article-hero>img{display:block;width:100%;height:clamp(14rem,30vw,27rem);max-height:27rem;object-fit:cover}

.blog-article-body{font-size:var(--text-base);line-height:var(--leading-body);color:#1A2130;overflow-wrap:break-word}

:where(.blog-article-body) :is(h2,h3,p,ul,ol,dl,figure,blockquote,pre){margin:0}

.blog-article-body p{margin-bottom:var(--space-3)}

.blog-article-body h2,
.blog-article-body h3{margin-top:var(--space-5);margin-bottom:var(--space-2);font-family:var(--fh);font-size:1.5rem;line-height:1.35;letter-spacing:-.02em;color:#1A2130}

.blog-article-body h3{margin-top:var(--space-3)}

.blog-article-body :is(h2,h3)[id]{scroll-margin-top:8rem}

.blog-article-body a:not(.c-btn){color:var(--primary);text-underline-offset:.2em}

.blog-article-body a:not(.c-btn):hover{text-decoration-thickness:2px}

.blog-article-body a:not(.c-btn):focus-visible{outline:2px solid var(--primary);outline-offset:4px}

.blog-article-body :is(ul,ol){margin-bottom:var(--space-3);padding-left:var(--space-3)}

.blog-article-body li{margin-block:var(--space-1);min-width:0}

.blog-article-body li>p{margin-bottom:var(--space-1)}

.blog-article-body dl{margin-block:var(--space-3)}

.blog-article-body dt{font-weight:700;margin-top:var(--space-2)}

.blog-article-body dd{margin:var(--space-1) 0 0 var(--space-2);padding-left:var(--space-2);border-left:2px solid var(--line)}

.blog-article-body pre{position:relative;max-width:100%;overflow-x:auto;margin-block:var(--space-3);padding:var(--space-3);border-radius:var(--r-card);background:#1A2130;color:#F6F8FA;--muted:#E3E7EE;--line:color-mix(in srgb,#FFFFFF 18%,transparent);font-family:var(--fm);font-size:var(--text-sm);line-height:1.65;white-space:pre}

.blog-article-body code{max-width:100%;font-family:var(--fm);font-size:.9em}

.blog-article-body :not(pre)>code{padding:.15em .35em;border-radius:var(--r-ctl);background:var(--light);color:#1A2130;overflow-wrap:anywhere}

.blog-article-body pre>code{font-size:inherit;white-space:pre}

.blog-article-body blockquote{margin-block:var(--space-3);padding:var(--space-3);border-radius:var(--r-card);background:var(--lav);color:#3D2F6B;--muted:#3D2F6B;--line:#E3E7EE}

.blog-article-body blockquote p{margin:0}

.blog-article-body mark{padding:.1em .25em;border-radius:var(--r-ctl);background:var(--lav);color:#3D2F6B;box-decoration-break:clone;-webkit-box-decoration-break:clone}

.blog-article-body del{color:#5E6A7E}

.blog-article-body figure{margin-block:var(--space-3)}

.blog-article-body img{display:block;max-width:100%;height:auto;border-radius:var(--r-card);box-shadow:var(--shadow)}

.blog-article-body figcaption{margin-top:var(--space-1);font-size:var(--text-sm);line-height:1.5;text-align:center;color:#5E6A7E}

.blog-article-body .table-scroll{position:relative;max-width:100%;overflow-x:auto;margin-block:var(--space-3);border-radius:var(--r-ctl);background:var(--surface);color:#1A2130;--muted:#5E6A7E;--line:#E3E7EE}

.blog-article-body table{display:table;width:100%;border-collapse:collapse;background:var(--surface);color:#1A2130;font-size:var(--text-base);font-variant-numeric:tabular-nums}

.blog-article-body :is(th,td){padding:var(--space-2);text-align:left;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:break-word}

.blog-article-body th{background:var(--light);color:#1A2130;font-weight:600}

.blog-article-body :is(th,td):first-child{min-width:10rem}

.article-toc{margin-bottom:var(--space-3);padding:var(--space-3);border-radius:var(--r-card);border-left:3px solid var(--primary);background:var(--lav);color:#3D2F6B;--muted:#3D2F6B;--line:#E3E7EE}

.blog-article-body .article-toc__title{margin:0 0 var(--space-2);font-weight:700;font-family:var(--fh);font-size:var(--text-md)}

.blog-article-body .article-toc__list{margin:0;padding-left:var(--space-3)}

.article-toc__list>li::marker{color:var(--primary);font-weight:700}

.blog-article-body .article-toc__sublist{margin:var(--space-1) 0 0;padding-left:var(--space-3)}

.blog-article-body .article-toc a:not(.c-btn){color:#3D2F6B;text-decoration:none}

.article-toc a:hover{text-decoration:underline}

.article-faq__item{margin-block:var(--space-2);border-radius:var(--r-card);background:var(--surface);color:#1A2130;--muted:#5E6A7E;--line:#E3E7EE}

.article-faq__q{padding:var(--space-2) var(--space-3);cursor:pointer;font-weight:600;line-height:1.5}

.article-faq__item[open] .article-faq__q{margin-bottom:var(--space-2)}

.article-faq__a{margin-inline:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-3);border-top:1px solid var(--line);background:var(--surface);color:#1A2130}

.blog-article-body .article-faq__a p:last-child{margin-bottom:0}

.article-further-reading{margin-block:var(--space-3);padding:var(--space-3);border-radius:var(--r-card);background:var(--light);color:#1A2130;--muted:#5E6A7E;--line:#E3E7EE}

.blog-article-body .article-further-reading h3{margin:0 0 var(--space-2);font-size:1.5rem}

.blog-article-body .article-further-reading ul{display:grid;gap:var(--space-2);list-style:none;margin:0;padding:0}

.blog-article-body .article-further-reading li{margin:0}

.blog-article-body a.article-cta-link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);color:#1A2130;text-decoration:none;transition:transform var(--duration) var(--ease)}

.article-cta-link>span{flex:none}

.article-cta-link:hover{transform:translateY(-2px)}

.article-mac-promo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-block:var(--space-3);padding:var(--space-3);border-radius:var(--r-card);background:var(--mint);color:#1F4A3A;--muted:#1F4A3A;--line:#E3E7EE}

.blog-article-body .udp-promo-title{flex:1 1 14rem;min-width:0;margin:0;font-family:var(--fh);font-size:var(--text-md);font-weight:600;line-height:1.5;color:#1F4A3A}

.udp-promo-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);min-width:0}

.udp-promo-actions .c-btn{min-width:0;white-space:normal;text-align:center}

.udp-article>.udp-blog-close>.container{width:100%;padding-inline:0}

.article-float{position:fixed;right:var(--space-3);bottom:var(--space-3);z-index:40;width:min(18rem,calc(100% - var(--space-6)));padding:var(--space-2);border-top:3px solid var(--primary);border-radius:var(--r-card);background:#1A2130;color:#F6F8FA;--muted:#E3E7EE;--line:color-mix(in srgb,#FFFFFF 18%,transparent);box-shadow:var(--shadow-stage)}

.udp-float-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-1);margin-bottom:var(--space-2);min-width:0}

.udp-float-title{flex:1;min-width:0;margin:0;font-family:var(--fh);font-size:var(--text-base);font-weight:600;line-height:1.5;overflow-wrap:break-word;color:#F6F8FA}

.udp-float-close{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:2rem;height:2rem;padding:0;border:1px solid #465168;border-radius:var(--radius-pill);background:#1A2130;color:#F6F8FA;cursor:pointer}

.udp-float-close:hover{background:#465168;color:#fff}

.udp-float-close:focus-visible{outline:2px solid #fff;outline-offset:3px}

.article-float .c-btn{display:flex;width:100%;min-width:0;justify-content:center;white-space:normal;text-align:center;background:#FFFFFF;color:#1A2130;font-size:var(--text-sm)}

.article-float .c-btn:hover{background:#EEEAF8;color:#1A2130}

.article-float .c-btn:focus-visible{outline:2px solid #fff;outline-offset:4px}

html[data-layout-depth="2"] [data-blognav-ghost]{order:-1;visibility:hidden;pointer-events:none}

html[data-layout-depth="2"] [data-footer-languages]{display:none!important}

@media(max-width:900px){
.article-float{display:none!important}
}

@media(max-width:48rem){
.blog-grid{grid-template-columns:minmax(0,1fr)}
.blog-card.blg-featured{grid-template-columns:minmax(0,1fr)}
.blg-featured__media{min-height:19rem}
.blg-featured__body{padding-top:var(--space-3)}
.blg-magazine .blg-featured__hint{position:static;display:inline-flex;max-width:100%;width:fit-content;padding:.4em .8em;border-radius:var(--radius-pill);background:var(--lav);color:#3D2F6B;font-size:var(--text-sm)}
.udp-blog-entry-grid{grid-template-columns:minmax(0,1fr)}
}

@media(max-width:42rem){
.udp-blog-hero{padding-top:var(--hero-top)}
.udp-article{padding-top:var(--hero-top)}
.udp-blog-content{padding-block:var(--space-3) var(--space-5)}
.udp-blog-close{padding-top:var(--space-5)}
.blg-featured__hl{font-size:1.35rem}
.article-hero>img{height:16rem}
.article-mac-promo{flex-direction:column;align-items:stretch}
.blog-article-body .udp-promo-title{flex:none}
.udp-promo-actions{flex-direction:column;align-items:stretch}
.blog-article-body .article-faq__q{padding-inline:var(--space-2)}
.article-faq__a{margin-inline:var(--space-2)}
.blog-article-body a.article-cta-link{padding-inline:var(--space-2)}
}

@media(prefers-reduced-motion:reduce){
.blog-card.blg-featured,
.blg-featured__img,
.udp-blog-entry,
.article-cta-link{transition:none;transform:none!important}
}