.article-intro[data-astro-cid-zoshki4t]{padding-top:var(--space-8);padding-bottom:var(--space-12)}.breadcrumb[data-astro-cid-zoshki4t]{display:flex;flex-wrap:wrap;gap:var(--space-3);color:var(--color-renewal-subtle);font-size:var(--text-sm);margin-bottom:var(--space-12)}.breadcrumb[data-astro-cid-zoshki4t] a[data-astro-cid-zoshki4t]:hover{color:var(--color-accent)}.breadcrumb-current[data-astro-cid-zoshki4t]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:32rem}.article-heading[data-astro-cid-zoshki4t]{max-width:64rem;margin-inline:auto;display:grid;gap:var(--space-5);padding-bottom:var(--space-6);border-bottom:var(--border-1) solid var(--color-renewal-border)}.article-heading[data-astro-cid-zoshki4t] h1[data-astro-cid-zoshki4t]{font-size:var(--text-4xl);line-height:var(--leading-tight);text-wrap:pretty}.article-heading[data-astro-cid-zoshki4t] h1[data-astro-cid-zoshki4t] span[data-astro-cid-zoshki4t]{display:block}.article-meta[data-astro-cid-zoshki4t]{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;color:var(--color-renewal-muted);font-size:var(--text-sm)}.article-category[data-astro-cid-zoshki4t]{background:var(--color-renewal-raised);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs)}.article-layout[data-astro-cid-zoshki4t]{display:grid;grid-template-columns:minmax(0,45rem) minmax(0,15rem);gap:var(--space-16);justify-content:center;padding-bottom:var(--space-20)}.article-body[data-astro-cid-zoshki4t]{min-width:0;color:var(--color-renewal-muted);line-height:var(--leading-relaxed)}.article-body[data-astro-cid-zoshki4t]>*+*{margin-top:var(--space-6)}.article-body[data-astro-cid-zoshki4t] h2{font-size:var(--text-xl);line-height:var(--leading-tight);color:var(--color-renewal-text);margin-top:var(--space-10)}.article-body[data-astro-cid-zoshki4t] h3{font-size:var(--text-lg);line-height:var(--leading-tight);color:var(--color-renewal-text)}.article-body[data-astro-cid-zoshki4t] strong{color:var(--color-renewal-text);font-weight:var(--font-semibold)}.article-body[data-astro-cid-zoshki4t] code{font-size:var(--text-sm);background:var(--color-renewal-raised);border-radius:var(--radius-sm);padding:var(--space-0-5) var(--space-1);overflow-wrap:anywhere}.article-body[data-astro-cid-zoshki4t] ul,.article-body[data-astro-cid-zoshki4t] ol{padding-left:var(--space-6)}.article-body[data-astro-cid-zoshki4t] li+li{margin-top:var(--space-2)}.article-body[data-astro-cid-zoshki4t] p a{color:var(--color-accent);text-decoration:underline;text-underline-offset:var(--space-1);overflow-wrap:anywhere}.article-body[data-astro-cid-zoshki4t] .bf{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}.article-body[data-astro-cid-zoshki4t] .screenshot-figure{margin-block:var(--space-10);padding:0;border:0;border-radius:0;background:transparent}.article-body[data-astro-cid-zoshki4t] .screenshot-mobile{display:flex;flex-direction:column;align-items:center}.article-body[data-astro-cid-zoshki4t] .mobile-frame{width:100%;max-width:17.5rem;overflow:hidden;border-radius:var(--radius-2xl);background:var(--color-white);box-shadow:var(--shadow-md)}.article-body[data-astro-cid-zoshki4t] .screenshot-image{width:100%;height:auto;display:block}.article-body[data-astro-cid-zoshki4t] .screenshot-caption{margin-top:var(--space-4);text-align:center;color:var(--color-renewal-subtle);font-size:var(--text-sm)}.article-body[data-astro-cid-zoshki4t] .browser-chrome{overflow:hidden;border:var(--border-1) solid var(--color-renewal-border);border-radius:var(--radius-lg)}.article-body[data-astro-cid-zoshki4t] .browser-toolbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-renewal-raised)}.article-body[data-astro-cid-zoshki4t] .browser-dots{display:flex;gap:var(--space-1);flex:none}.article-body[data-astro-cid-zoshki4t] .dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:var(--color-renewal-subtle)}.article-body[data-astro-cid-zoshki4t] .browser-url-bar{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs)}.article-body[data-astro-cid-zoshki4t] .download-block{max-width:32rem;margin:var(--space-8) auto}.article-body[data-astro-cid-zoshki4t] .download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}.article-body[data-astro-cid-zoshki4t] .download-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);min-width:0}.article-body[data-astro-cid-zoshki4t] .download-badge{display:inline-flex;height:var(--space-12);max-width:100%}.article-body[data-astro-cid-zoshki4t] .download-badge img{display:block;width:auto;height:100%;max-width:100%;object-fit:contain}.article-body[data-astro-cid-zoshki4t] .download-qr{width:9rem;max-width:100%;height:auto;aspect-ratio:1;padding:0;border-radius:var(--radius-sm);background:var(--color-white)}.article-body[data-astro-cid-zoshki4t] .article-cta-box{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--space-8);row-gap:var(--space-3);align-items:center;margin-top:var(--space-16);padding-block:var(--space-10);border-top:var(--border-1) solid var(--color-renewal-border)}.article-body[data-astro-cid-zoshki4t] .article-cta-title{grid-column:1;font-size:var(--text-xl);line-height:var(--leading-tight);text-wrap:pretty}.article-body[data-astro-cid-zoshki4t] .article-cta-sub{grid-column:1;margin:0;font-size:var(--text-sm)}.article-body[data-astro-cid-zoshki4t] .article-cta-btn{grid-column:2;grid-row:1 / 3;display:inline-flex;align-items:center;justify-self:start;gap:var(--space-4);padding-block:var(--space-2);color:var(--color-renewal-text);font-size:var(--text-base);font-weight:var(--font-semibold);text-decoration:none}.article-body[data-astro-cid-zoshki4t] .article-cta-btn:after{content:"→";display:grid;place-items:center;flex:0 0 var(--space-12);width:var(--space-12);height:var(--space-12);border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-renewal-ink);font-size:var(--text-xl);font-weight:var(--font-normal)}.article-body[data-astro-cid-zoshki4t] .article-cta-btn[href^="https:"]:after{content:"↗"}.article-body[data-astro-cid-zoshki4t] .article-cta-btn:hover{color:var(--color-accent)}.article-body[data-astro-cid-zoshki4t] .article-cta-btn:hover:after{background:var(--color-accent-hover)}@media(prefers-reduced-motion:no-preference){.renewal-site[data-motion=on] .article-body[data-astro-cid-zoshki4t] .article-cta-btn:after{transition:transform .24s var(--renewal-ease),background .24s}.renewal-site[data-motion=on] .article-body[data-astro-cid-zoshki4t] .article-cta-btn:hover:after{transform:translate(var(--space-0-5),calc(-1 * var(--space-0-5)))}}.back-link[data-astro-cid-zoshki4t]{margin-top:0;padding-top:var(--space-8);border-top:var(--border-1) solid var(--color-renewal-border)}.article-aside[data-astro-cid-zoshki4t]{min-width:0}@media(max-width:1024px){.article-body[data-astro-cid-zoshki4t] .article-cta-box{grid-template-columns:minmax(0,1fr)}.article-body[data-astro-cid-zoshki4t] .article-cta-btn{grid-column:1;grid-row:auto;margin-top:var(--space-3)}.article-layout[data-astro-cid-zoshki4t]{grid-template-columns:minmax(0,1fr) 12rem;gap:var(--space-8)}}@media(max-width:768px){.article-intro[data-astro-cid-zoshki4t]{padding-bottom:var(--space-8)}.breadcrumb[data-astro-cid-zoshki4t]{margin-bottom:var(--space-8)}.breadcrumb-current[data-astro-cid-zoshki4t]{display:none}.breadcrumb[data-astro-cid-zoshki4t]>span[data-astro-cid-zoshki4t]:nth-last-child(2){display:none}.article-layout[data-astro-cid-zoshki4t]{grid-template-columns:minmax(0,1fr);gap:var(--space-8)}.article-heading[data-astro-cid-zoshki4t] h1[data-astro-cid-zoshki4t]{font-size:var(--text-3xl)}.article-aside[data-astro-cid-zoshki4t]{order:-1}.article-body[data-astro-cid-zoshki4t] .download-grid{gap:var(--space-4)}.article-body[data-astro-cid-zoshki4t] .download-badge{height:var(--space-10)}}