:root{
  --black:#050505;
  --ink:#111;
  --paper:#f5f3ed;
  --paper2:#e9e6dc;
  --muted:#6f6b62;
  --line:#d8d4ca;
  --white:#fff;
  --soft:#a09b91;
  --serif:"Source Serif 4",Georgia,"Times New Roman",serif;
  --note-conceptual:#4b5f7d;
  --note-jurisdictional:#7b6134;
  --note-infrastructural:#4f6f5f;
  --note-adversarial:#8a3f3f;
  --note-governmental:#6f5878;
  --note-methodological:#536f3f;
  --note-bibliographic:#5a557f;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:radial-gradient(900px 500px at 82% -10%,#32323255,transparent 60%),linear-gradient(180deg,#050505,#111 45%,#050505);
  color:var(--paper);
  font-family:var(--serif);
  line-height:1.62;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit}
p,li,figcaption,td,th,.authors,.abstract,.references li,.note-card,.note-card p{ text-align:justify; hyphens:auto; }
.shell{max-width:1440px;margin:0 auto;padding:28px}
.hero{min-height:auto;display:block;padding:64px 0 36px}
.kicker,.eyebrow{
  font-family:var(--serif);
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size:.78rem;
  color:#bcb8ad;
  font-weight:650;
}
.hero h1{
  font-family:var(--serif);
  font-size:clamp(4.5rem,12vw,13rem);
  letter-spacing:-.075em;
  line-height:.78;
  margin:18px 0 18px;
  font-weight:750;
}
.hero h2{
  font-family:var(--serif);
  font-weight:520;
  font-size:clamp(1.3rem,3vw,3.2rem);
  line-height:1.05;
  letter-spacing:-.035em;
  max-width:900px;
  margin:0;
  color:#ddd8ce;
}
.deck{max-width:650px;color:#bcb8ad;font-size:1.05rem}
.stage{display:grid;grid-template-columns:280px minmax(0,900px) 300px;gap:28px;align-items:start}
.toc,.apparatus{
  position:sticky;
  top:18px;
  max-height:calc(100vh - 36px);
  overflow:auto;
  font-family:var(--serif);
  font-size:.86rem;
}
.toc{color:#bfbab0}
.toc a{display:block;padding:7px 0;text-decoration:none;border-bottom:1px solid #ffffff14}
.paper{background:linear-gradient(180deg,var(--paper),#f8f7f2 18%,var(--paper));color:var(--ink);border:1px solid #ffffff30;box-shadow:0 70px 160px #000b}
.paper-head{padding:64px clamp(24px,6vw,76px) 40px;border-bottom:1px solid var(--ink)}
.paper-head h1{font-family:var(--serif);font-size:clamp(2.2rem,5vw,4.7rem);line-height:.94;letter-spacing:-.055em;margin:10px 0;font-weight:750}
.authors{color:var(--muted);max-width:760px}
.abstract{border:1px solid var(--line);padding:24px;margin-top:30px;background:#fffdf7}
.source{padding:42px clamp(22px,6vw,76px) 70px}
.source p,.source li{font-size:1.06rem;max-width:78ch}
.source h2{font-family:var(--serif);font-size:2.25rem;letter-spacing:-.04em;line-height:1.05;margin:62px 0 18px;border-top:1px solid var(--line);padding-top:28px;font-weight:750}
.source h3{font-family:var(--serif);font-size:1.45rem;letter-spacing:-.025em;margin:34px 0 12px;font-weight:650}
.source h4{font-family:var(--serif);font-size:1.08rem;letter-spacing:-.01em;margin:24px 0 10px;font-weight:650}
.citation{font-family:var(--serif);font-size:.88em;text-decoration:none;border-bottom:1px solid #111;padding-bottom:1px;background:#111;color:#f5f3ed;padding:.08em .35em;margin:0 .12em;white-space:normal}
.citation:hover{background:transparent;color:#111}
.xref{font-family:var(--serif);font-size:.95em}
.source-figure,.table-figure{margin:40px 0;padding:18px;background:white;border:1px solid var(--line)}
.source-figure img{width:100%;height:auto;display:block}
.source-figure figcaption,.table-figure figcaption{font-family:var(--serif);font-size:.88rem;line-height:1.45;color:#555;margin-top:14px}
.source-figure figcaption span,.table-figure figcaption span{font-weight:750;color:#111;text-transform:uppercase;letter-spacing:.08em;margin-right:.5em}
.table-scroll{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-family:var(--serif);font-size:.82rem;min-width:760px}
th,td{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}
th{background:#e5e2d8;font-weight:750}
tbody tr:nth-child(even) td{background:#faf9f4}
code{font-family:var(--serif);font-size:.92em;background:#eeeae0;padding:.08em .25em}
.references{padding:44px clamp(22px,6vw,76px);border-top:1px solid var(--line);background:#efede6}
.references h2{font-family:var(--serif);font-size:2rem;letter-spacing:-.03em;font-weight:750}
.references li{margin:.75rem 0;padding-left:.5rem}
.note-card{position:relative;border:1px solid #ffffff25;background:#ffffff08;padding:14px 14px 14px 18px;margin-bottom:12px;color:#d8d4ca;cursor:pointer}
.note-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#d8d4ca}
.note-card.structural-note::before{background:var(--note-struct)}
.note-card.source-note::before{background:var(--note-source)}
.note-card.citation-note::before{background:var(--note-citation)}
.note-card.structural-note{border-color:#d7cec055;background:#d7cec012}
.note-card.source-note{border-color:#b7c1bd55;background:#b7c1bd12}
.note-card.citation-note{border-color:#c8bdd755;background:#c8bdd712}
.note-card strong{display:block;color:#fff;font-family:var(--serif);font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}
.note-card a{font-family:var(--serif);font-size:.82rem;color:#fff}
.note-card p{margin:.35rem 0 0}
.mobile-notes{display:none}
@media(max-width:1180px){.stage{grid-template-columns:1fr}.toc,.apparatus{position:relative;top:0;max-height:none}.hero{min-height:auto;display:block;padding:64px 0 36px}}
@media(max-width:720px){.shell{padding:14px}.hero h1{font-size:4.4rem}.paper-head,.source,.references{padding-left:18px;padding-right:18px}.citation{display:inline}.source p,.source li{font-size:1rem}}

.section-num{display:inline-block;margin-right:.42em;color:#6f6b62;font-weight:750;}
.annotated-target{scroll-margin-top:90px;}
.annotated-target.is-target,.is-target{outline:2px solid #111;outline-offset:4px;}
.note-card.conceptual-note::before{background:var(--note-conceptual)}
.note-card.jurisdictional-note::before{background:var(--note-jurisdictional)}
.note-card.infrastructural-note::before{background:var(--note-infrastructural)}
.note-card.adversarial-note::before{background:var(--note-adversarial)}
.note-card.governmental-note::before{background:var(--note-governmental)}
.note-card.methodological-note::before{background:var(--note-methodological)}
.note-card.bibliographic-note::before{background:var(--note-bibliographic)}
.note-card.conceptual-note{border-color:#4b5f7d77;background:#4b5f7d18}
.note-card.jurisdictional-note{border-color:#7b613477;background:#7b613418}
.note-card.infrastructural-note{border-color:#4f6f5f77;background:#4f6f5f18}
.note-card.adversarial-note{border-color:#8a3f3f77;background:#8a3f3f18}
.note-card.governmental-note{border-color:#6f587877;background:#6f587818}
.note-card.methodological-note{border-color:#536f3f77;background:#536f3f18}
.note-card.bibliographic-note{border-color:#5a557f77;background:#5a557f18}
.note-card .note-type{display:block;color:#fff;font-family:var(--serif);font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;font-weight:750}
.note-card .note-title{display:block;color:#e8e3d8;font-style:italic;margin-bottom:4px}

/* Interactive annotation layer */
:root{
  --note-conceptual:#2563eb;
  --note-jurisdictional:#f59e0b;
  --note-infrastructural:#06b6d4;
  --note-adversarial:#dc2626;
  --note-governmental:#9333ea;
  --note-methodological:#16a34a;
  --note-bibliographic:#6b7280;
}
.annotated-highlight{
  --ann-color:#111;
  --ann-soft:rgba(17,17,17,.16);
  background:linear-gradient(to top,var(--ann-soft) 0%,var(--ann-soft) 52%,transparent 52%,transparent 100%);
  color:inherit;
  padding:0 .05em;
  border-radius:.08em;
  cursor:pointer;
  text-decoration-thickness:.08em;
  text-decoration-color:var(--ann-color);
  text-underline-offset:.18em;
  transition:background .16s ease,box-shadow .16s ease,color .16s ease;
}
.annotated-highlight:hover,
.annotated-highlight:focus,
.annotated-highlight.is-active{
  outline:none;
  background:linear-gradient(to top,var(--ann-soft) 0%,var(--ann-soft) 100%);
  box-shadow:0 0 0 2px var(--ann-color);
}
.annotated-highlight.conceptual-note{--ann-color:var(--note-conceptual);--ann-soft:rgba(37,99,235,.24)}
.annotated-highlight.jurisdictional-note{--ann-color:var(--note-jurisdictional);--ann-soft:rgba(245,158,11,.28)}
.annotated-highlight.infrastructural-note{--ann-color:var(--note-infrastructural);--ann-soft:rgba(6,182,212,.26)}
.annotated-highlight.adversarial-note{--ann-color:var(--note-adversarial);--ann-soft:rgba(220,38,38,.24)}
.annotated-highlight.governmental-note{--ann-color:var(--note-governmental);--ann-soft:rgba(147,51,234,.23)}
.annotated-highlight.methodological-note{--ann-color:var(--note-methodological);--ann-soft:rgba(22,163,74,.24)}
.annotated-highlight.bibliographic-note{--ann-color:var(--note-bibliographic);--ann-soft:rgba(107,114,128,.28)}

.annotation-legend{
  display:grid;
  gap:7px;
  margin:14px 0 16px;
  padding-bottom:14px;
  border-bottom:1px solid #ffffff1f;
}
.legend-item{
  --legend-color:#bcb8ad;
  color:#e5e1d8;
  font-size:.82rem;
  line-height:1.25;
  letter-spacing:.03em;
}
.legend-item::before{
  content:"";
  display:inline-block;
  width:.75em;
  height:.75em;
  margin-right:.55em;
  border-radius:50%;
  background:var(--legend-color);
  vertical-align:-.06em;
}
.legend-item.conceptual-note{--legend-color:var(--note-conceptual)}
.legend-item.jurisdictional-note{--legend-color:var(--note-jurisdictional)}
.legend-item.infrastructural-note{--legend-color:var(--note-infrastructural)}
.legend-item.adversarial-note{--legend-color:var(--note-adversarial)}
.legend-item.governmental-note{--legend-color:var(--note-governmental)}
.legend-item.methodological-note{--legend-color:var(--note-methodological)}
.legend-item.bibliographic-note{--legend-color:var(--note-bibliographic)}

.active-note-panel{
  --active-color:#d8d4ca;
  border:1px solid color-mix(in srgb,var(--active-color) 62%,transparent);
  border-left:5px solid var(--active-color);
  background:color-mix(in srgb,var(--active-color) 16%,transparent);
  color:#e9e6dc;
  padding:18px 18px 16px;
  min-height:140px;
}
.active-note-panel[data-empty="true"]{
  border-color:#ffffff24;
  border-left-color:#ffffff36;
  background:#ffffff08;
}
.active-note-panel.conceptual-note{--active-color:var(--note-conceptual)}
.active-note-panel.jurisdictional-note{--active-color:var(--note-jurisdictional)}
.active-note-panel.infrastructural-note{--active-color:var(--note-infrastructural)}
.active-note-panel.adversarial-note{--active-color:var(--note-adversarial)}
.active-note-panel.governmental-note{--active-color:var(--note-governmental)}
.active-note-panel.methodological-note{--active-color:var(--note-methodological)}
.active-note-panel.bibliographic-note{--active-color:var(--note-bibliographic)}
.active-note-type{
  color:#fff;
  font-size:.78rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:750;
  margin-bottom:8px;
}
.active-note-panel h3{
  margin:.1rem 0 .55rem;
  color:#fff;
  font-size:1.05rem;
  font-style:italic;
  font-weight:520;
  line-height:1.2;
}
.active-note-panel p{
  margin:0;
  color:#e9e6dc;
  font-size:.95rem;
  line-height:1.52;
  text-align:justify;
  hyphens:auto;
}
.note-empty{
  color:#c7c2b8 !important;
  font-style:italic;
}
.note-card{display:none}
@media(max-width:1180px){
  .annotation-legend{grid-template-columns:repeat(2,minmax(0,1fr));}
  .active-note-panel{margin-bottom:22px;}
}
@media(max-width:720px){
  .annotation-legend{grid-template-columns:1fr;}
  .annotated-highlight:hover,.annotated-highlight:focus,.annotated-highlight.is-active{box-shadow:0 0 0 1px var(--ann-color)}
}