/* Composition deltas only; shell generated from V-01; shared colors from canonical DS. */
.clip-navigation { display:flex; flex-wrap:wrap; gap:var(--space-2); margin-bottom:var(--space-5); }
.clip-navigation a[aria-current="page"] { background:var(--primary-container); color:var(--on-primary-container); border-color:var(--primary); }
.scope-note { color:var(--on-surface-variant); margin:0 0 var(--space-4); font-size:.95rem; line-height:1.5; }
.element-note .property { display:block; line-height:1.5; }
.reading-label { color:var(--on-surface-variant); font-size:.95rem; }
.df-border-row>span.is-set,.df-border-label.is-set { color:#0759c7; }
/* Set inherited UI labels are from the candidate; no text is added over red/pink. */
.df-site-el .df-site-text:empty { display:none; }
/* Selector wraps to actual chip sizes; native typography and colors remain imported. */
.df-combo-menu { left:0; width:240px; }
@media(max-width:760px) { .clip-navigation .btn { padding:.6rem .9rem; } }

#reading-note { background:var(--surface-container-high); color:var(--on-surface); border-color:var(--primary); margin-bottom:var(--space-4); }

/* Native reference geometry:224px menu,24px heading,28px rows; observed Oct19. */
.static-inheritance-menu { position:absolute; left:8px; width:224px; padding:4px 0; background:var(--wf-bg-3); border-radius:4px; box-shadow:var(--wf-shadow-menu); z-index:4; color:var(--wf-text-2); }
.static-inherit-title { height:24px; padding:4px 8px; font-weight:600; font-size:11.5px; line-height:16px; }
.static-inherit-row { height:28px; padding:4px 8px; display:flex; align-items:center; gap:6px; }
.static-inherit-row.is-base { background:var(--wf-item-hover); }
.static-inherit-check { width:14px; flex-shrink:0; font-size:12px; }
.static-inherit-tokens { display:flex; gap:4px; min-width:0; }
.static-inherit-chip { color:#fff; background:var(--wf-blue); border-radius:2px; font-size:11.5px; line-height:16px; padding:0 3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }
.static-inherit-chip.is-tag { background:rgb(181,58,154); }
.static-back { display:flex; align-items:center; gap:3px; color:var(--wf-orange); font-size:11.5px; }
.static-back.is-pointed { outline:1px solid var(--wf-orange); outline-offset:3px; border-radius:2px; }

.df-inherit-btn.is-pointed { outline:1px solid var(--wf-orange); outline-offset:3px; }

/* Review-only labels, expressly approved inside all cards. */
.df-site-el .df-site-text{color:#111111}