/* V11 page-specific additions: static encyclopedia navigation and required visual checks. */
.encyclopedia-hero-link{
  display:table;
  margin:8px auto 16px;
  padding:8px 13px;
  border:1px solid rgba(214,171,77,.52);
  border-radius:999px;
  color:var(--gold-pale);
  background:rgba(214,171,77,.08);
  text-decoration:none;
  font-size:13px;
  font-weight:800;
  line-height:1.25;
  text-align:center;
}
.encyclopedia-hero-link:hover,
.encyclopedia-hero-link:focus-visible{
  color:var(--ink);
  background:var(--gold-light);
  border-color:var(--gold-light);
  outline:3px solid rgba(214,171,77,.28);
  outline-offset:3px;
}
.encyclopedia-card{padding:18px}
.encyclopedia-tree{display:grid;gap:5px}
.encyclopedia-tree a,
.encyclopedia-tree span{
  display:block;
  padding:7px 0;
  color:#c6d2d7;
  text-decoration:none;
  font-size:13px;
  line-height:1.35;
  border-bottom:1px solid transparent;
}
.encyclopedia-tree a:hover,
.encyclopedia-tree a:focus-visible{
  color:var(--gold-light);
  border-color:var(--line);
  outline:0;
}
.encyclopedia-tree a:focus-visible{box-shadow:0 0 0 3px rgba(214,171,77,.22)}
.orientation-item .sentence-stack{margin-top:3px}
.orientation-item .sentence-line{display:block;color:#bfcfd5;font-size:13px;line-height:1.42}
.step-card{
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  align-items:start;
  column-gap:14px;
}
.step-card img{
  grid-column:1;
  grid-row:1 / span 2;
  margin:0;
}
.step-card .step-body{grid-column:2;min-width:0}
.step-card .step-body .sentence-stack{margin-top:6px}
.step-card .step-body .sentence-line + .sentence-line{margin-top:0}
html[data-theme="light"] .orientation-item strong{color:#102129!important}
html[data-theme="light"] .orientation-item .sentence-line{color:#1e3944!important}
html[data-theme="light"] .encyclopedia-hero-link{color:#714d0b;background:#f7efde;border-color:#a87008}
html[data-theme="light"] .encyclopedia-hero-link:hover,
html[data-theme="light"] .encyclopedia-hero-link:focus-visible{color:#102129;background:#e8bd58;border-color:#a87008}
html[data-theme="light"] .encyclopedia-tree a,
html[data-theme="light"] .encyclopedia-tree span{color:#1e3944}
html[data-theme="light"] .encyclopedia-tree a:hover,
html[data-theme="light"] .encyclopedia-tree a:focus-visible{color:#704a08;border-color:rgba(151,107,16,.34)}
@media(max-width:700px){
  .encyclopedia-hero-link{margin:7px auto 14px;padding:8px 12px;font-size:12.5px}
  .step-card{grid-template-columns:34px minmax(0,1fr);column-gap:11px}
  .step-card img{width:30px;height:30px}
}