/* Independent standards inherit the shared glass shell and control language. */
.family-spec{min-width:0}
.family-spec>section{margin-top:var(--space-8);scroll-margin-top:var(--space-6)}
.family-spec h3{font-size:var(--text-h3);line-height:var(--line-h3);margin-bottom:var(--space-3)}
.family-spec p+p{margin-top:var(--space-3)}
.family-spec p{max-width:75ch}
.family-demo{display:grid;gap:var(--space-4);padding-block:var(--space-3)}
.family-demo h4{font-size:var(--text-title);margin:var(--space-4) 0 0}
.family-demo-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}
.family-spec .family-demo-row a.btn{height:auto;min-height:var(--control-md);white-space:normal;padding-block:var(--space-2);overflow-wrap:anywhere}
.family-spec .family-demo-row a.btn.sm{min-height:var(--control-sm);padding-block:var(--space-1)}
.family-inline-link{color:var(--color-primary);text-decoration:underline;text-underline-offset:var(--space-1)}
.family-inline-link:hover{color:var(--color-primary-hover)}
.family-inline-link:active{color:var(--color-primary-active)}
.family-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:var(--space-4)}
.family-fields label,.family-demo-row>label{display:grid;gap:var(--space-2);min-width:0}
.family-fields .control{min-width:0}
.family-demo fieldset{margin-block:var(--space-4)}
.family-demo legend{margin-bottom:var(--space-3)}
.family-demo form{display:grid;gap:var(--space-3)}
.family-demo .family-choice-group{min-width:0;margin:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm)}
.family-choice-options{display:grid;gap:var(--space-3);margin-top:var(--space-3)}
.family-choice-group .check-label{align-items:flex-start;min-height:var(--control-lg);overflow-wrap:anywhere}
.family-choice-group input{flex-shrink:0;accent-color:var(--color-primary)}
.family-choice-group[aria-invalid=true]{border-color:var(--color-error)}
.family-demo .control[aria-invalid=true]{border-color:var(--color-error)}
.family-switch-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-4);min-height:var(--control-lg)}
.family-switch-row>div{flex:1 1 220px}
.family-switch-row .switch{position:relative;flex-shrink:0}
.family-switch-row .switch::after{content:"";position:absolute;inset:-9px 0}
.family-switch-row .switch:disabled{opacity:.65;cursor:not-allowed}
.family-switch-row .switch:disabled::before{box-shadow:none}
.family-avatar-sample{display:grid;justify-items:center;align-items:end;gap:var(--space-3);font-size:var(--text-caption)}
.family-demo [data-avatar-sizes]{align-items:end}
.family-demo [data-avatar-states]{margin-top:var(--space-4)}
.family-demo .energy-range{flex:1 1 240px;min-width:0;width:100%;--energy-tone:var(--color-primary)}
.family-demo .energy-range:disabled{opacity:.65;cursor:not-allowed}
.family-demo [data-slider-number]{width:100px}
.family-demo output{font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold);min-width:5ch}
.family-demo [data-family-slider]{display:grid;gap:var(--space-2)}
.family-disclosure{border-bottom:1px solid var(--color-border)}
.family-disclosure summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--control-lg);padding:var(--space-3) var(--space-4);cursor:pointer;font-weight:var(--weight-medium);list-style:none}
.family-disclosure summary::-webkit-details-marker{display:none}
.family-disclosure summary:focus-visible,.family-code summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:var(--space-1)}
.family-disclosure>div{padding:var(--space-3) var(--space-4) var(--space-4);background:var(--surface-data)}
.family-code{margin-top:var(--space-4)}
.family-code summary{cursor:pointer;color:var(--color-text-secondary)}
.family-code pre{overflow:auto;max-width:100%;padding:var(--space-4);background:var(--surface-data);border-radius:var(--radius-sm)}
.family-list{list-style:none;margin:var(--space-3) 0;padding:0;border-radius:var(--radius-sm);overflow:hidden}
.family-list>li{display:flex;align-items:start;gap:var(--space-3);min-height:var(--table-row-height);padding:var(--table-cell-block) var(--table-cell-inline);background:var(--surface-data);border-bottom:1px solid var(--table-border);overflow-wrap:anywhere}
.family-list>li>div{min-width:0}
.family-list p{font-size:var(--text-body-small);color:var(--color-text-secondary)}
.family-list-check{display:inline-flex;align-items:center;min-height:var(--control-md);min-width:var(--control-md);justify-content:center;flex-shrink:0}
.family-list-check input{accent-color:var(--color-primary)}
.family-list>li:has(input:checked){background:var(--color-primary-light)}
.family-list--ordered{list-style:decimal;padding-left:var(--space-6);overflow:visible}
.family-list--ordered>li{display:list-item}
[data-list-state]{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}
[data-family-list]{min-width:0}
[data-family-list]>label{display:grid;gap:var(--space-2);max-width:32ch}
[data-family-list]>.family-demo-row{margin-top:var(--space-4)}
@media(prefers-reduced-motion:reduce){.family-demo .switch::before{transition:none}}
@media(forced-colors:active){.family-disclosure summary,.family-list>li{border-color:CanvasText}.family-demo .switch{forced-color-adjust:auto}}