.cmp-scroll{overflow-x:auto;margin:1.2em 0}.cmp-scroll table{min-width:640px}.cmp-scroll table.cmp-usage{min-width:0}.cmp-scroll table.cmp-wide{min-width:720px}.cmp-scroll th[scope=row]{white-space:nowrap;vertical-align:top}.cmp-scroll td{vertical-align:top}.cmp-scroll td a{white-space:nowrap}.cmp-note{font-size:.92em;opacity:.85}.cmp-points li{margin-bottom:.7em}.cmp-questions li{margin-bottom:.8em}.wl-mock{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.wl-col{display:grid;gap:10px;align-content:start}.rp-article-page .cmp-fig .wl-side{padding:8px 0;border-radius:var(--rp-radius-md);background:var(--rp-stone-900);border:1px solid var(--rp-border)}.rp-article-page .cmp-fig .wl-side li{display:flex;align-items:center;gap:9px;padding:7px 14px;font-size:.86rem;line-height:1.2;color:var(--rp-fg-muted)}.rp-article-page .cmp-fig .wl-side li:before{content:"";width:14px;height:14px;border-radius:3px;background:var(--rp-stone-700);flex:none}.rp-article-page .cmp-fig .wl-side li.is-brand{color:var(--rp-fg);font-weight:600;background:color-mix(in srgb,var(--rp-emerald-500) 16%,transparent);box-shadow:inset 3px 0 0 var(--rp-emerald-400)}.rp-article-page .cmp-fig .wl-side li.is-brand:before{display:none}.wl-logo{width:14px;height:14px;border-radius:50%;border:2px solid var(--rp-emerald-300);flex:none}.rp-article-page .cmp-fig .wl-note{font-size:.84em;color:var(--rp-fg-muted);text-wrap:pretty}@media(max-width:640px){.wl-mock{gap:12px}.rp-article-page .cmp-fig .wl-side li{padding:6px 10px;font-size:.8rem}}@media(min-width:900px){.rp-article-page .cine-hero h1 .h-s{display:block}}.rp-article-page .cine-hero .bg-img{background-position:right center;background-image:linear-gradient(90deg,#09090880,#09090826 40%,#09090800 60%),url(/blog/respira-vs-wpvibe/hero.webp)!important;filter:none}.rp-article-page .cine-hero:after{background:linear-gradient(180deg,#070a0d00 0% 72%,#0b1017)}@media(max-width:760px){.rp-article-page .cine-hero .bg-img{background-image:linear-gradient(180deg,#090908b8,#090908d1),url(/blog/respira-vs-wpvibe/hero.webp)!important}}.rp-article-page .cine-hero h1{text-wrap:balance}.rp-article-page .cmp-fig{margin:2.2em 0;padding:22px 22px 20px;border:1px solid var(--rp-border);border-radius:var(--rp-radius-lg);background:var(--rp-surface)}.rp-article-page .cmp-fig .cmp-ill{display:block;width:calc(100% + 44px);max-width:none;height:auto;aspect-ratio:16 / 9;-o-object-fit:cover;object-fit:cover;margin:-22px -22px 20px;border-radius:var(--rp-radius-lg) var(--rp-radius-lg) 0 0}.rp-article-page .cmp-fig figcaption{margin:0 0 18px;padding:0;font-family:var(--rp-font-body);font-weight:600;font-size:1.02rem;letter-spacing:0;text-transform:none;text-align:left;color:var(--rp-fg);text-wrap:balance}.rp-article-page .cmp-fig ol,.rp-article-page .cmp-fig ul{margin:0;padding:0;list-style:none}.rp-article-page .cmp-fig li{margin:0;padding-left:0}.rp-article-page .cmp-fig li::marker{content:none}.rp-article-page .cmp-fig p{margin:0}.rp-article-page .cmp-fig .cmp-fig-foot{margin-top:18px;font-size:.92em;color:var(--rp-fg-muted);text-wrap:pretty}.cmp-lanes{display:grid;gap:20px}.cmp-lane{display:grid;gap:8px}.rp-article-page .cmp-fig .cmp-lane+.cmp-lane{padding-top:18px;border-top:1px solid var(--rp-border)}.cmp-who{font-family:var(--rp-font-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--rp-fg-muted)}.cmp-lane.is-respira .cmp-who{color:var(--rp-emerald-400)}.rp-article-page .cmp-fig .cmp-steps{display:flex;align-items:stretch;gap:26px}.rp-article-page .cmp-fig .cmp-steps li{position:relative;flex:1 1 0;min-width:0;padding:10px 12px;border:1px solid var(--rp-border);border-radius:var(--rp-radius-md);background:var(--rp-surface-elevated);font-size:.9rem;line-height:1.35;color:var(--rp-fg)}.rp-article-page .cmp-fig .cmp-steps li.is-relay{flex-grow:2.2;border-style:dashed}.rp-article-page .cmp-fig .cmp-steps li:not(:last-child):after{content:"→";position:absolute;right:-20px;top:50%;transform:translateY(-50%);font-family:var(--rp-font-mono);font-size:.95rem;color:var(--rp-fg-dim)}.cmp-steps li small{display:block;margin-top:4px;font-family:var(--rp-font-mono);font-size:.72rem;line-height:1.4;color:var(--rp-fg-muted)}.rp-article-page .cmp-fig .cmp-lane.is-respira .cmp-steps li{border-color:var(--rp-border-emerald)}.rp-article-page .cmp-fig .cmp-lane.is-respira .cmp-steps li.is-live{background:color-mix(in srgb,var(--rp-emerald-500) 16%,var(--rp-surface-elevated))}.rp-article-page .cmp-fig .cmp-lane-note{font-size:.86em;color:var(--rp-fg-muted);text-wrap:pretty}@media(max-width:640px){.rp-article-page .cmp-fig .cmp-steps{flex-direction:column;gap:30px}.rp-article-page .cmp-fig .cmp-steps li:not(:last-child):after{content:"↓";inset:auto auto -26px 50%;transform:translate(-50%)}}.cmp-bars{list-style:none;margin:0;padding:0;display:grid;gap:10px}.cmp-bars li{display:grid;grid-template-columns:150px 1fr 70px;align-items:center;gap:12px;margin:0}.cmp-bar-label{font-size:.92rem;color:var(--rp-fg)}.cmp-bar-label small{display:block;font-family:var(--rp-font-mono);font-size:.74rem;color:var(--rp-fg-muted)}.cmp-bar-track{height:14px;border-radius:var(--rp-radius-pill);background:var(--rp-surface-elevated);overflow:hidden}.cmp-bar-fill{display:block;height:100%;border-radius:inherit;background:var(--rp-stone-400)}.cmp-bar-value{font-family:var(--rp-font-mono);font-size:.9rem;color:var(--rp-fg);text-align:right}@media(max-width:640px){.cmp-bars li{grid-template-columns:104px 1fr 58px;gap:8px}}.cmp-slots{display:grid;grid-template-columns:64px repeat(12,minmax(0,1fr));gap:6px 3px;align-items:center;overflow-x:auto}.cmp-month{font-family:var(--rp-font-mono);font-size:.7rem;color:var(--rp-fg-dim);text-align:center}.cmp-slot-name{grid-column:1;font-family:var(--rp-font-mono);font-size:.78rem;color:var(--rp-fg-muted)}.cmp-seg{min-width:0;padding:7px 8px;border:1px solid var(--rp-border-emerald);border-radius:var(--rp-radius-sm);background:color-mix(in srgb,var(--rp-emerald-500) 12%,var(--rp-surface-elevated));font-family:var(--rp-font-mono);font-size:.74rem;color:var(--rp-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmp-month .m-short{display:none}@media(max-width:640px){.cmp-slots{grid-template-columns:46px repeat(12,minmax(0,1fr));gap:6px 2px}.cmp-month .m-long{display:none}.cmp-month .m-short{display:inline}.cmp-seg{font-size:.64rem;padding:6px 4px}}.cmp-quote{margin:1.4em 0;padding:.2em 0 .2em 1.1em;border-left:3px solid currentColor;font-size:1.15em}.cmp-quote cite{display:block;margin-top:.4em;font-size:.72em;font-style:normal;letter-spacing:.08em;text-transform:uppercase;opacity:.7}
