/* V11 page completion — static encyclopedia navigation, high-contrast orientation labels, and horizontal step composition. */
.hero-encyclopedia-link{
  display:flex;
  justify-content:center;
  width:100%;
  margin:0 0 18px;
}
.hero-encyclopedia-link a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:7px 13px;
  border:1px solid var(--line);
  border-radius:999px;
  color:var(--gold-light);
  background:rgba(255,255,255,.025);
  font-size:13px;
  font-weight:800;
  line-height:1.2;
  text-decoration:none;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.hero-encyclopedia-link a:hover{
  transform:translateY(-1px);
  border-color:var(--gold);
  background:rgba(214,171,77,.10);
}
.hero-encyclopedia-link a:focus-visible,
.encyclopedia-tree a:focus-visible{
  outline:3px solid rgba(214,171,77,.38);
  outline-offset:3px;
}
.sidebar-encyclopedia{padding:18px}
.encyclopedia-tree{
  display:grid;
  gap:5px;
}
.encyclopedia-tree a,
.encyclopedia-tree span{
  display:block;
  padding:7px 0;
  border-bottom:1px solid transparent;
  color:#c6d2d7;
  font-size:13px;
  line-height:1.35;
  text-decoration:none;
}
.encyclopedia-tree span{color:var(--muted)}
.encyclopedia-tree a:hover{
  color:var(--gold-light);
  border-color:var(--line);
}
.encyclopedia-tree a:last-child,
.encyclopedia-tree span:last-child{border-bottom:0}
.step-card{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  column-gap:14px;
  row-gap:0;
  align-items:start;
  min-height:0;
}
.step-card img{
  grid-column:1;
  grid-row:1;
  width:36px;
  height:36px;
  margin:0;
  align-self:start;
}
.step-card > div{
  grid-column:2;
  grid-row:1;
  min-width:0;
}
.step-card h3{margin-top:0}
html[data-theme="light"] .hero-encyclopedia-link a{
  color:#704a08;
  background:rgba(255,255,255,.72);
  border-color:rgba(151,107,16,.34);
}
html[data-theme="light"] .hero-encyclopedia-link a:hover{
  background:#f5eedf;
  border-color:#a87008;
}
html[data-theme="light"] .orientation-item strong{
  color:#102129!important;
}
html[data-theme="light"] .encyclopedia-tree a{color:#1e3944}
html[data-theme="light"] .encyclopedia-tree span{color:#41575f}
html[data-theme="light"] .encyclopedia-tree a:hover{
  color:#704a08;
  border-color:rgba(151,107,16,.34);
}
html[data-theme="light"] .sidebar-encyclopedia{background:#f1f6f7}
.sources-list{display:block}
.sources-list .sentence-line{font-size:14px}
@media(max-width:700px){
  .hero-encyclopedia-link{justify-content:center;margin-bottom:15px}
  .hero-encyclopedia-link a{font-size:12px}
  .page-sidebar .sidebar-hint{display:block}
  .step-card{grid-template-columns:38px minmax(0,1fr);column-gap:12px}
  .step-card img{width:32px;height:32px}
}