authority-chain — Lattice component

authority-chain

ProgressionTimelineStructure

Provenance chain — statute to regulation to guidance to case, walked in order.

Open in Playground
Variant

Use when the audience needs to see how a rule descends: what the statute says, how the agency implemented it, what guidance interpreted it, and what cases have applied it. Ordered list because the order is the argument.

regulationcitationsequence

When to use

  • Provenance is the argument. Use when the audience needs to see exactly where a rule comes from and how it has been interpreted. The chain itself is the evidence that the obligation is grounded, not invented.
  • Tier labels carry the read. Statute, regulation, guidance, case — each tier has a different legal weight. The left-rail label tells the audience what kind of source they are looking at before they read the citation.
  • Three to five tiers, no more. The chain reads top-to-bottom on a single canvas. Past five rows the connectors compress and the tier labels lose room. Group sub-cases into the parent row's gloss or split into two slides.

When not to use

  • Flat list of citations. If the rows have no tier hierarchy, use list-criteria or regulatory-update. authority-chain earns its chrome only when the descent from statute to case is the point.
  • Missing citation chip. The inline-code citation is the row's anchor; without it the gloss reads as opinion. Always cite, even for guidance and case rows.
  • Out-of-order tiers. The chain reads as a descent: statute first, case last. Reversing it or skipping a tier breaks the metaphor the audience is using to follow you.

Common mistakes

  • Reversing the order of the nested citation and gloss lines, or writing the citation as plain text instead of inline code. The citation chip is matched by li:first-child:has(> code:only-child) — it must be the FIRST nested item and contain ONLY inline code; a citation written second, or as plain text, doesn't get the citation-chip treatment.

Authoring

<!-- _class: authority-chain -->

## Rule name — the chain, tier by tier.

1. Statute
   - `Citation reference`
   - One-line gloss naming the body that issued it and what it does.
2. Regulation
   - `Citation reference`
   - One-line gloss naming the agency rule.
3. Guidance
   - `Citation reference`
   - One-line gloss naming the staff guidance.
4. Case
   - `Citation reference`
   - One-line gloss naming the precedent.

Slots

SlotSelectorRequiredDescription
headingh2yesSlide heading naming the rule whose chain is being walked.
tiersol > liyesOrdered list of authority tiers (Statute, Regulation, Guidance, Case) — not hyperlinks. Each leads with the tier label; nested ul carries the citation (code) and the one-line gloss.

Anatomy

┌─────────────────────────────────────────┐
│  header                                 │
│  Authority descent heading.             │
│                                         │
│  ┌────────────┐                         │
│  │ TIER 1     │  § Statute — citation   │
│  │ TIER 2     │    Regulation — cite    │
│  │ TIER 3     │    Case law — cite      │
│  └────────────┘                         │
│  footer                           1/19  │
└─────────────────────────────────────────┘

Variant decision rule

  • default (no modifier)A plain descent from statute to case — the base look for a straightforward, single-line chain.
  • branchingThe authority forks — several regulations, guidance, or cases all trace back to the SAME originating statute — shown as one tier with multiple citations instead of a strict one-to-one descent.
  • trailThe descent should read as a lightweight breadcrumb rather than a heavier, chrome-forward chain.
  • pyramidThe tiers carry different legal weight and that hierarchy of force should be visually apparent, not just their order — tier width narrows from statute down to case.
  • bracketThe tiers should read as one clamped, continuous block — a tighter, seamless rail (zero gap, squared corners, a doubled outer edge) instead of the default's separated cards.

Variants

branchingbranching

The chain forks.

<!-- _class: authority-chain branching -->

## branching forks the chain where authority splits.

1. Statute
   - `15 U.S.C. §6501` COPPA, 1998
   - `16 C.F.R. Part 312` FTC implementing rule
   - `FTC Six-Step Compliance Plan` staff guidance
   - `In re Epic Games · 2022` $245M consent order
   - `In re YouTube/Google · 2019` $170M consent order

trailtrail

A breadcrumb walk.

<!-- _class: authority-chain trail -->

## trail walks the chain as a breadcrumb.

1. Statute
   - `15 U.S.C. §6501`
   - Verifiable parental consent for under-13 data.
2. Regulation
   - `16 C.F.R. Part 312`
   - FTC implementing rule.
3. Guidance
   - `FTC Six-Step Plan`
   - Cited in every consent order.
4. Case
   - `Epic Games · 2022`
   - $245M consent order.

pyramidpyramid

Tiers weighted by force.

<!-- _class: authority-chain pyramid -->

## pyramid weights the tiers by force.

1. Statute
   - `15 U.S.C. §6501`
   - Congress, 1998 — consent for under-13 data.
2. Regulation
   - `16 C.F.R. Part 312`
   - FTC implementing rule.
3. Guidance
   - `FTC Six-Step Plan`
   - Staff guidance, non-binding.
4. Case
   - `In re Epic Games · 2022`
   - $245M consent order.

bracketbracket

Tiers grouped by actor.

<!-- _class: authority-chain bracket -->

## bracket groups the tiers by actor.

1. Treaty
   - `Charter of Fundamental Rights, Art. 8`
   - EU primary law — protection of personal data is a fundamental right.
2. Regulation
   - `GDPR (EU) 2016/679`
   - Directly applicable across all member states; sets the Art. 83 fine tiers.
3. Guidance
   - `EDPB Guidelines 04/2022`
   - Harmonized methodology for calculating administrative fines.
4. Decision
   - `DPC v. Meta · 2023`
   - €1.2B fine — the largest GDPR penalty to date.

Related

  • regulatory-updateperiod-bounded changelog rather than a single rule's lineage
  • list-criteriaflat enumeration of requirements without tier hierarchy
  • list-stepsthe rows are procedural steps rather than authority tiers