.article-page{--wc-accent:var(--cf-color-primary)}.article-page .wc-control-wrap{display:flex;flex-wrap:wrap;gap:var(--cf-space-200);align-items:center}.article-page .wc-lab{align-items:stretch}.article-page .wc-element-host,.article-page .wc-event-host,.article-page .wc-shadow-host,.article-page .wc-slot-host{border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-300);padding:var(--cf-space-400);background:var(--cf-color-surface-raised);display:grid;grid-gap:var(--cf-space-300);gap:var(--cf-space-300)}.article-page .wc-element-host cf-wc-counter,.article-page .wc-event-host cf-wc-event-card,.article-page .wc-shadow-host cf-wc-style-closed,.article-page .wc-shadow-host cf-wc-style-open,.article-page .wc-slot-host cf-wc-slot-card{border:1px solid var(--cf-color-primary-border);border-radius:var(--cf-radius-200);padding:var(--cf-space-300);background:var(--cf-color-primary-subtle)}.article-page .wc-page-rule .wc-shadow-host>p{color:var(--cf-color-danger);font-weight:var(--cf-font-weight-semibold)}.article-page .wc-shadow-host cf-wc-style-closed,.article-page .wc-shadow-host cf-wc-style-open{--wc-accent:var(--cf-color-primary)}.article-page .wc-shadow-host.is-alt cf-wc-style-closed,.article-page .wc-shadow-host.is-alt cf-wc-style-open{--wc-accent:var(--cf-color-success)}.article-page .wc-log{display:grid;grid-gap:var(--cf-space-150);gap:var(--cf-space-150);margin:var(--cf-space-300) 0 0;-webkit-padding-start:var(--cf-space-500);padding-inline-start:var(--cf-space-500);color:var(--cf-color-text-secondary);font-family:var(--cf-font-mono);font-size:var(--cf-font-size-275)}.article-page .wc-log li{overflow-wrap:anywhere}.article-page .wc-slot-host article{display:grid;grid-gap:var(--cf-space-200);gap:var(--cf-space-200)}.article-page .wc-slot-host h3,.article-page .wc-slot-host p{margin:0}.article-page .wc-element-host button,.article-page .wc-event-host button{font:inherit}@media(max-width:768px){.article-page .wc-control-wrap{align-items:stretch}}