:root{
  --lb-story-bg:#040608;
  --lb-story-panel:#0b1015;
  --lb-story-panel-soft:#10171d;
  --lb-story-line:rgba(255,255,255,.12);
  --lb-story-text:#f5f7f8;
  --lb-story-muted:#9ba7af;
  --lb-story-soft:#d1d8dc;
  --lb-story-accent:#67f5dd;
  --lb-story-warn:#d8a853;
  --lb-story-max:1120px;
}

.lb-story-root{
  width:min(calc(100% - 32px),var(--lb-story-max));
  margin:0 auto;
  padding:42px 0 84px;
  color:var(--lb-story-text);
}

.lb-story-breadcrumb{
  margin-bottom:34px;
  color:var(--lb-story-muted);
  font-size:.82rem;
}

.lb-story-breadcrumb a{
  color:inherit;
  text-decoration:none;
}

.lb-story-header{
  padding-bottom:42px;
  border-bottom:1px solid var(--lb-story-line);
}

.lb-story-id{
  color:var(--lb-story-accent);
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.16em;
}

.lb-story-title{
  margin:14px 0 6px;
  max-width:900px;
  font-size:clamp(2.8rem,7vw,6rem);
  line-height:.97;
  letter-spacing:-.055em;
}

.lb-story-subtitle{
  margin:0;
  color:var(--lb-story-soft);
  font-size:clamp(1.2rem,3vw,2rem);
  font-weight:500;
}

.lb-story-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:28px;
}

.lb-story-pill{
  display:inline-flex;
  align-items:center;
  padding:7px 11px;
  border:1px solid var(--lb-story-line);
  border-radius:999px;
  color:var(--lb-story-soft);
  background:rgba(255,255,255,.025);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.08em;
}

.lb-story-section{
  padding:44px 0;
  border-bottom:1px solid var(--lb-story-line);
}

.lb-story-section:last-child{
  border-bottom:0;
}

.lb-story-section-label{
  margin:0 0 10px;
  color:var(--lb-story-accent);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.lb-story-section h2{
  margin:0 0 20px;
  font-size:clamp(1.65rem,4vw,2.6rem);
  letter-spacing:-.035em;
}

.lb-story-body{
  max-width:820px;
  color:var(--lb-story-soft);
  font-size:clamp(1rem,2vw,1.12rem);
}

.lb-story-body p{
  margin:0 0 1.25em;
}

.lb-story-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

.lb-story-card{
  padding:24px;
  border:1px solid var(--lb-story-line);
  border-radius:16px;
  background:var(--lb-story-panel);
}

.lb-story-card strong{
  display:block;
  margin-bottom:8px;
}

.lb-story-card p{
  margin:0;
  color:var(--lb-story-muted);
}

.lb-story-evidence-item{
  padding:20px 0;
  border-top:1px solid var(--lb-story-line);
}

.lb-story-evidence-item:first-child{
  border-top:0;
}

.lb-story-evidence-id{
  color:var(--lb-story-accent);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.12em;
}

.lb-story-evidence-title{
  margin:8px 0 4px;
  font-weight:750;
}

.lb-story-evidence-meta{
  color:var(--lb-story-muted);
  font-size:.85rem;
}

.lb-story-empty{
  padding:22px;
  border:1px dashed var(--lb-story-line);
  border-radius:14px;
  color:var(--lb-story-muted);
  background:rgba(255,255,255,.018);
}

.lb-story-correction{
  padding:18px;
  border-left:3px solid var(--lb-story-warn);
  background:rgba(216,168,83,.045);
}

.lb-story-repository{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  overflow-wrap:anywhere;
}

.lb-story-nav{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding-top:44px;
}

.lb-story-nav a{
  text-decoration:none;
}

.lb-story-status-unpublished{
  color:var(--lb-story-warn);
}

@media(max-width:760px){
  .lb-story-grid{
    grid-template-columns:1fr;
  }

  .lb-story-nav{
    flex-direction:column;
  }
}