.article-page .loaf-lanes{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:var(--cf-space-150) var(--cf-space-200);gap:var(--cf-space-150) var(--cf-space-200);align-items:center}.article-page .loaf-lane-label{color:var(--cf-color-text-secondary);font-family:var(--cf-font-mono);font-size:var(--cf-font-size-200)}.article-page .loaf-lane{position:relative;block-size:var(--cf-space-500);border-radius:var(--cf-radius-050);background:var(--cf-color-surface-raised)}.article-page .loaf-block{position:absolute;inset-block:0;overflow:hidden;border:1px solid var(--cf-color-border-strong);border-radius:var(--cf-radius-050)}.article-page .loaf-block.is-task{background:var(--cf-color-warning)}.article-page .loaf-part{position:absolute;inset-block:0}.article-page .loaf-part.is-first-party,.article-page .loaf-swatch.is-first-party{background:var(--cf-color-primary-solid)}.article-page .loaf-part.is-third-party,.article-page .loaf-swatch.is-third-party{background:var(--cf-color-danger)}.article-page .loaf-part.is-render,.article-page .loaf-swatch.is-render{background:var(--cf-color-success)}.article-page .loaf-key{display:flex;grid-column:1/-1;flex-wrap:wrap;gap:var(--cf-space-100) var(--cf-space-200);align-items:center;margin:0;color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-200)}.article-page .loaf-swatch{display:inline-block;inline-size:var(--cf-space-300);block-size:var(--cf-space-200);border-radius:var(--cf-radius-050)}.article-page .loaf-frames{display:grid;grid-gap:var(--cf-space-200);gap:var(--cf-space-200);margin:0;-webkit-padding-start:var(--cf-space-400);padding-inline-start:var(--cf-space-400);font-size:var(--cf-font-size-200)}.article-page .loaf-frames ul{margin:var(--cf-space-050) 0 0;-webkit-padding-start:var(--cf-space-300);padding-inline-start:var(--cf-space-300);color:var(--cf-color-text-secondary)}.article-page .loaf-frame-head{display:flex;justify-content:space-between;gap:var(--cf-space-200)}.article-page .loaf-blocking{font-family:var(--cf-font-mono);white-space:nowrap}@media(max-width:560px){.article-page .loaf-lanes{grid-template-columns:minmax(0,1fr)}}