:root{
  color-scheme:light;
  --paper:#f5f2e9;
  --ink:#202720;
  --green:#3f5c47;
  --clay:#885039;
  --steel:#59615d;
  --line:#cccfc2}
*{
  box-sizing:border-box}
html{
  scroll-behavior:smooth;
  scroll-padding-top:1.5rem}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{
  color:inherit;
  text-underline-offset:.25em}
a:focus-visible,summary:focus-visible{
  outline:3px solid var(--clay);
  outline-offset:5px}
.masthead,main,footer{
  width:min(1120px,calc(100% - 64px));
  margin:auto}
.masthead{
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:center;
  padding:26px 0;
  border-bottom:1px solid var(--line)}
.brand{
  font-weight:750;
  font-size:1.1rem;
  text-decoration:none}
.masthead nav{
  display:flex;
  gap:28px;
  font-size:.8rem}
.masthead nav a{
  text-decoration:none}
.skip{
  position:absolute;
  left:16px;
  top:-100px;
  background:var(--ink);
  color:var(--paper);
  padding:12px;
  z-index:10}
.skip:focus{
  top:12px}
.hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) 290px;
  column-gap:70px;
  padding:78px 0 56px;
  border-bottom:1px solid var(--line)}
.hero>.eyebrow,.hero>h1{
  grid-column:1/-1}
.hero>.lede,.hero>.actions,.hero>.editorial-notes{
  grid-column:1}
.editorial-notes{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 14px;
  margin-top:20px}
.editorial-notes p{
  margin:0}
.placement-note{
  font:600 .75rem/1.6 ui-monospace,Consolas,monospace;
  border:1px solid var(--line);
  padding:4px 8px;
  color:var(--green)}
.eyebrow{
  font:600 .72rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--green);
  margin:0 0 20px}
h1{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  font-size:clamp(3.5rem,8vw,6.8rem);
  line-height:.99;
  letter-spacing:-.055em;
  margin:22px 0 28px}
h1 span{
  color:var(--clay)}
.lede{
  font-size:1.1rem;
  max-width:560px;
  color:var(--steel)}
.actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:6px}
.button{
  background:var(--green);
  color:var(--paper);
  padding:12px 20px;
  font-weight:600;
  font-size:.85rem;
  text-decoration:none;
  border:1px solid var(--green)}
.button.secondary{
  background:transparent;
  color:var(--green)}
.button:hover{
  background:var(--ink);
  color:var(--paper)}
.thesis{
  grid-column:2;
  grid-row:3/6;
  align-self:end;
  border-top:3px solid var(--clay);
  padding-top:8px}
.thesis>p:first-child{
  font:1.4rem/1.45 Georgia,serif}
.small{
  font-size:.8125rem;
  color:var(--steel)}
section{
  padding:44px 0;
  border-bottom:1px solid var(--line)}
section section{
  border:0}
h2{
  font:400 clamp(1.7rem,3vw,2.3rem)/1.2 Georgia,serif;
  letter-spacing:-.025em;
  margin:0 0 24px}
h3,h4{
  line-height:1.3}
p{
  margin:0 0 18px}
.standard{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px}
.standard ul{
  list-style:none;
  margin:0;
  padding:0}
.standard li{
  padding:9px 0;
  border-bottom:1px solid var(--line);
  font-size:.9rem}
.standard li:before{
  content:"+";
  color:var(--green);
  margin-right:14px;
  font-family:monospace}
blockquote{
  margin:28px 0 0;
  border-left:3px solid var(--clay);
  padding-left:20px;
  font:italic 1.35rem/1.5 Georgia,serif;
  color:var(--clay)}
.axes ul{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  list-style:none;
  padding:0;
  margin:0;
  gap:0 24px}
.axes li{
  display:flex;
  align-items:baseline;
  border-top:1px solid var(--line);
  padding:14px 0;
  font-size:.875rem;
  min-width:0}
.axes li span{
  flex-shrink:0}
.axes li span{
  font: .75rem monospace;
  color:var(--clay);
  margin-right:16px}
.section-heading{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:24px}
.categories{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid var(--line);
  border-left:1px solid var(--line)}
.category{
  min-width:0;
  padding:22px;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  text-decoration:none;
  display:flex;
  flex-direction:column}
.category:hover{
  background:#eaece0}
.category .eyebrow{
  font-size:.75rem;
  margin-bottom:12px}
.category h3{
  font-size:1.08rem;
  margin:0 0 12px}
.category h3 span{
  float:right;
  width:9px;
  height:9px;
  border-right:1.5px solid var(--clay);
  border-bottom:1.5px solid var(--clay);
  transform:rotate(-45deg);
  margin:6px 4px 0 12px}
.category p{
  font-size:.84rem;
  color:var(--steel);
  flex:1}
.badges{
  display:flex;
  flex-wrap:wrap;
  gap:5px}
.badge{
  display:inline-block;
  font:600 .75rem/1.6 ui-monospace,Consolas,monospace;
  border:1px solid var(--line);
  padding:3px 7px;
  white-space:normal;
  color:var(--steel);
  background:#eeeee6}
.approved{
  color:#2d5037;
  background:#e3eadc;
  border-color:#afbea6}
.approved_with_caveats{
  color:#754029;
  background:#f1e6d9;
  border-color:#d2bba5}
.watchlist{
  color:#4b555f;
  background:#e5e8e7;
  border-color:#bec5c7}
.rejected{
  color:#803c34;
  background:#f0e0d9}
.lydia_owned,.customer_backed{
  color:var(--green)}
.ledger-intro{
  max-width:750px;
  font-size:.9rem;
  color:var(--steel)}
details summary{
  cursor:pointer;
  font-size:.875rem;
  color:var(--green);
  font-weight:600}
details[open] summary{
  margin-bottom:14px}
details p,details li{
  font-size:.85rem}
details ul{
  padding-left:20px}
.legend{
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:14px 0}
.legend dl{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px}
.legend dd{
  margin:6px 0 0;
  font-size:.8rem;
  color:var(--steel)}
.entry-group{
  padding:36px 0 0;
  scroll-margin-top:20px}
.group-heading{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:18px}
.group-heading h3{
  font:400 1.5rem Georgia,serif;
  margin:0}
.group-heading a{
  font-size:.8125rem;
  color:var(--green)}
.entries{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px}
.entry{
  border:1px solid var(--line);
  padding:22px;
  min-width:0}
.entry-heading{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  margin-bottom:12px}
.entry h4{
  font-size:1rem;
  margin:0;
  overflow-wrap:anywhere}
.entry-heading .badge{
  max-width:100%}
.summary{
  font-size:.875rem;
  color:var(--steel)}
.tags{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  padding:0;
  margin:0 0 18px;
  list-style:none}
.tags li{
  font: .75rem/1.5 ui-monospace,Consolas,monospace;
  padding:3px 6px;
  border:1px solid var(--line);
  overflow-wrap:anywhere}
.caveat{
  font-size:.875rem;
  color:var(--clay)}
.entry details{
  border-top:1px solid var(--line);
  padding-top:12px}
.empty{
  padding:24px 0;
  font-size:.9rem;
  color:var(--steel)}
footer{
  display:flex;
  justify-content:space-between;
  gap:24px;
  padding:30px 0;
  font: .8125rem ui-monospace,Consolas,monospace;
  color:var(--green)}
footer p{
  margin:0}
@media(max-width:1000px){
  .hero{
  display:block}
.thesis{
  max-width:560px;
  margin-top:32px}
.standard{
  gap:36px}
.categories{
  grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .masthead,main,footer{
  width:calc(100% - 36px)}
.masthead{
  align-items:start;
  flex-direction:column;
  gap:12px}
.masthead nav{
  gap:20px}
.hero{
  padding:44px 0 32px}
.standard{
  grid-template-columns:1fr;
  gap:28px}
.axes ul{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 16px}
.categories,.entries{
  grid-template-columns:1fr}
.section-heading{
  align-items:start;
  flex-direction:column;
  gap:0}
.category{
  padding:20px}
.entry{
  padding:18px}
.legend dl{
  grid-template-columns:1fr}
footer{
  flex-direction:column;
  gap:12px}
section{
  padding:32px 0}
}
@media(prefers-reduced-motion:reduce){
  html{
  scroll-behavior:auto}
}