/* Shared rectangular outline buttons, with light outlines on dark sections. */
body:is(.home-page,.inner-page) .text-link,
body:is(.home-page,.inner-page) .btn{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  width:fit-content;
  max-width:100%;
  min-height:48px;
  padding:13px 20px;
  gap:24px;
  border:1px solid var(--cta-border,#111);
  border-radius:0;
  background:transparent;
  color:var(--cta-ink,#111);
  font-size:14px;
  font-weight:600;
  line-height:1.5;
  text-decoration:none;
  transition:box-shadow .2s;
}
.text-link .arrow,.btn .arrow{flex-shrink:0;width:20px;height:20px}
body:is(.home-page,.inner-page) .btn.btn-official{
  background:#111;
  border-color:#111;
  color:#fff;
}
body:is(.home-page,.inner-page) .btn.btn-official:hover,
body:is(.home-page,.inner-page) .btn.btn-official:active{
  background:#333;
  border-color:#333;
  color:#fff;
  box-shadow:none;
}
.contact-store-links{gap:10px}
.manifesto,.partnership-home{
  --cta-ink:#fff;
  --cta-border:#fff;
  --cta-focus:#fff;
}
body:is(.home-page,.inner-page) .text-link:focus-visible,
.btn:focus-visible{
  outline:2px solid var(--cta-focus,#111);
  outline-offset:4px;
}
body .journal-entry:focus-visible .text-link{
  box-shadow:inset 0 0 0 1px currentColor;
}
body:is(.home-page,.inner-page) .text-link:hover,
body:is(.home-page,.inner-page) .btn:hover,
body .journal-entry:hover .text-link{
  background:transparent;
  border-color:var(--cta-border,#111);
  color:var(--cta-ink,#111);
  box-shadow:inset 0 0 0 1px currentColor;
}
body:is(.home-page,.inner-page) .text-link:active,
body:is(.home-page,.inner-page) .btn:active{
  background:transparent;
  border-color:var(--cta-border,#111);
  color:var(--cta-ink,#111);
  box-shadow:inset 0 0 0 1px currentColor;
}
@media(max-width:760px){
  body:is(.home-page,.inner-page) .text-link{
    min-height:48px;
    min-width:0;
    padding:12px 16px;
    gap:20px;
    font-size:13px;
  }
  .journal-controls{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){
  body:is(.home-page,.inner-page) .text-link,.btn,.text-link .arrow,.btn .arrow{transition:none}
}
