.skeleton-geometry-flow{align-items:center;gap:9px;display:flex}.skeleton-geometry-flow span,.skeleton-geometry-flow b{color:#64646e;text-align:center;background:#fafafa;border:1px solid #e2e3ea;border-radius:8px;flex:1;min-width:0;padding:12px;font-size:13px}.skeleton-geometry-flow b{border-color:color-mix(in srgb, var(--accent) 30%, #fff);background:color-mix(in srgb, var(--accent) 7%, #fff);color:var(--accent)}.skeleton-card-preview{align-content:center;gap:9px;padding:13px;display:grid}.skeleton-card-compare{grid-template-columns:1fr 16px 1fr;align-items:stretch;gap:6px;display:grid}.skeleton-card-side{border:1px solid var(--line);background:#fff;border-radius:7px;align-content:center;gap:5px;padding:8px 8px 6px;display:grid}.skeleton-card-side small{color:var(--muted);letter-spacing:.02em;margin-top:3px;font-size:8px;font-weight:700}.skeleton-card-cover{background:linear-gradient(100deg, var(--line) 32%, var(--soft) 50%, var(--line) 68%);border-radius:4px;height:26px}.skeleton-card-cover.is-real{background:linear-gradient(135deg, color-mix(in srgb, var(--ink) 14%, #fff), color-mix(in srgb, var(--ink) 6%, #fff))}.skeleton-card-title{background:var(--color-deco);border-radius:99px;width:78%;height:8px}.skeleton-card-title.is-real{width:92%;height:auto;color:var(--ink);background:0 0;font-size:9px;font-weight:750;line-height:1.3}.skeleton-card-line{background:var(--line);border-radius:99px;height:5px}.skeleton-card-line.short{width:62%}.skeleton-card-real-text{gap:3px;display:grid}.skeleton-card-real-text i{background:var(--soft);border-radius:99px;height:4px;display:block}.skeleton-card-real-text i.last{width:55%}.skeleton-card-arrow{color:var(--muted);place-items:center;font-size:13px;font-weight:700;display:grid}.skeleton-card-conclude{color:var(--ink);text-align:center;margin:0;font-size:9px;font-weight:750;line-height:1.4}.term-interactive-demo.skeleton-demo{border-color:var(--line);background:var(--surface-card);gap:14px;padding:18px}.skeleton-demo-eyebrow{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.skeleton-demo-eyebrow b{color:var(--ink);font-size:13px;font-weight:750}.skeleton-demo-stage{border:1px solid var(--line);background:#fff;border-radius:10px;align-content:start;gap:10px;padding:30px 16px 16px;display:grid;position:relative}.skeleton-demo-badge{background:color-mix(in srgb, var(--ink) 8%, #fff);color:var(--ink);border-radius:99px;padding:3px 9px;font-size:11px;font-weight:700;position:absolute;top:8px;right:10px}.skeleton-article{gap:10px;display:grid}.skeleton-article-cover{background:linear-gradient(100deg, var(--line) 28%, var(--soft) 50%, var(--line) 72%);background-size:200% 100%;border-radius:8px;height:84px;animation:1.4s linear infinite skeleton-shimmer}.skeleton-article-cover.is-tall{height:132px}.skeleton-article-title{background:var(--color-deco);background-size:200% 100%;border-radius:6px;width:70%;height:16px;animation:1.4s linear infinite skeleton-shimmer}.skeleton-article-body{gap:8px;display:grid}.skeleton-article-line{background:var(--line);background-size:200% 100%;border-radius:99px;height:9px;animation:1.4s linear infinite skeleton-shimmer}.skeleton-article-line.short{width:60%}.skeleton-article-real{gap:10px;animation:.25s ease-out skeleton-fade-in;display:grid}.skeleton-article-real-cover{background:linear-gradient(135deg, color-mix(in srgb, var(--ink) 16%, #fff), color-mix(in srgb, var(--ink) 7%, #fff));height:84px;color:var(--muted);border-radius:8px;place-items:center;font-size:12px;font-weight:700;display:grid}.skeleton-article-real-meta{color:var(--muted);font-size:12px}.skeleton-article-real h3{color:var(--ink);margin:0;font-size:17px;font-weight:750;line-height:1.3}.skeleton-article-real p{color:#4c4c56;margin:0;font-size:13px;line-height:1.6}.skeleton-demo-stage.is-error{background:#fdf3f4;border-color:#e6c4c8}.skeleton-article-error{background:#fff;border:1px solid #ecc9ce;border-radius:8px;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:10px;min-height:84px;padding:13px;display:grid}.skeleton-article-error>span{color:#fff;background:#a83a44;border-radius:50%;place-items:center;width:28px;height:28px;font-size:16px;font-weight:850;display:grid}.skeleton-article-error div{gap:3px;display:grid}.skeleton-article-error b{color:#8a2f3a;font-size:14px;font-weight:800}.skeleton-article-error p{color:#71373e;margin:0;font-size:12.5px;line-height:1.55}.skeleton-demo-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.term-interactive-demo.skeleton-demo .skeleton-cta{background:var(--color-rausch-600);color:#fff;border:0;border-radius:8px;min-height:38px;padding:9px 18px;font-size:14px;font-weight:750}.term-interactive-demo.skeleton-demo .skeleton-cta:hover{background:color-mix(in srgb, var(--color-rausch-600) 88%, #000)}.term-interactive-demo.skeleton-demo .skeleton-cta:focus-visible{outline:3px solid color-mix(in srgb, var(--color-rausch-600) 38%, #fff);outline-offset:2px}.term-interactive-demo.skeleton-demo .skeleton-toggle{border-color:var(--line);color:var(--ink);background:#fff}.term-interactive-demo.skeleton-demo .skeleton-toggle:hover{border-color:var(--ink);color:var(--ink)}.term-interactive-demo.skeleton-demo .skeleton-toggle[aria-pressed=true]{border-color:var(--ink);background:color-mix(in srgb, var(--ink) 10%, #fff);color:var(--ink)}.skeleton-demo-status{color:#52525c;margin:0;font-size:13px;line-height:1.6}.skeleton-boundary-note{border:1px solid var(--line);background:var(--soft);color:#4c4c56;border-radius:8px;margin:12px 0 0;padding:11px 13px;font-size:13px;line-height:1.6}.skeleton-howto{color:#4c4c56;gap:8px;margin:0;padding-left:20px;font-size:13px;line-height:1.6;display:grid}.skeleton-howto li::marker{color:var(--muted)}.skeleton-howto b{color:var(--ink)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skeleton-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.term-interactive-demo.skeleton-demo .skeleton-article-cover,.term-interactive-demo.skeleton-demo .skeleton-article-title,.term-interactive-demo.skeleton-demo .skeleton-article-line,.term-interactive-demo.skeleton-demo .skeleton-article-real{animation:none}}@media (max-width:780px){.skeleton-geometry-flow{flex-direction:column;align-items:stretch}}
