/* Description list · the kit rules for this component, quoted from phase-2/kit (kit v3) by phase-4/src/build_pack.py.
   Tokens come from ../../styles.css. Build it as: Card. */
/* families/data-display/family.css */
.dd-panel{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--r-card)}
/* families/data-display/family.css */
.dd-panel-h{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);border-bottom:1px solid hsl(var(--border))}
/* families/data-display/family.css */
.dd-panel-h .r{margin-left:auto;display:flex;gap:var(--s-2);align-items:center}
/* families/data-display/family.css */
.dd-panel-b{padding:var(--s-4)}
/* families/data-display/family.css */
.dd-dl{display:grid;grid-template-columns:minmax(120px,40%) minmax(0,1fr);font-size:var(--text-body)}
/* families/data-display/family.css */
.dd-dl dt, .dd-dl dd{padding:var(--s-2) 0;border-bottom:1px solid hsl(var(--border))}
/* families/data-display/family.css */
.dd-dl dt{color:hsl(var(--muted-foreground))}
/* families/data-display/family.css */
.dd-dl dd{text-align:right;font-variant-numeric:tabular-nums;min-width:0;display:flex;justify-content:flex-end;align-items:center;gap:var(--s-2);flex-wrap:wrap}
/* families/data-display/family.css */
.dd-dl dd .sub{display:block;width:100%;font-size:var(--text-micro);color:hsl(var(--muted-foreground))}
/* families/data-display/family.css */
.dd-dl dt:nth-last-of-type(1), .dd-dl dd:last-of-type{border-bottom:0}
/* families/data-display/family.css */
.dd-dl .tot{font-weight:var(--w-semibold);color:hsl(var(--foreground));border-top:1px solid hsl(var(--foreground)/.8);border-bottom:0}
/* families/data-display/family.css */
.dd-dl dd.tot{font-size:var(--text-section)}
/* families/data-display/family.css */
.dd-dl .neg{color:hsl(var(--success))}
/* families/data-display/family.css */
.dd-dl.left dd{text-align:left;justify-content:flex-start}
/* families/data-display/family.css */
.dd-dl .none{color:hsl(var(--muted-foreground));font-style:normal}