/* Trial build only: a thin strip above the app linking back to the portfolio case study.
   The app normally fills 100vh; here it fills what is left under the strip. */
body { display: flex; flex-direction: column; }
#root { flex: 1 1 auto; min-height: 0; }
#root > .fs-root { height: 100%; width: 100%; }
.fs-trial-nav { flex: 0 0 auto; }
.fs-trial {
  flex: 0 0 auto; display: block; padding: 4px 12px; box-sizing: border-box;
  background: #4f6b53; color: #fff; text-decoration: none;
  font: 500 12px/18px 'Hanken Grotesk', system-ui, sans-serif; letter-spacing: .01em; text-align: center;
}
.fs-trial::before { content: "\2190"; margin-right: 6px; opacity: .85; }
.fs-trial b { font-weight: 700; }
.fs-trial:hover span:last-child, .fs-trial:focus-visible span:last-child { text-decoration: underline; text-underline-offset: 2px; }
.fs-trial:focus-visible { outline: 2px solid #fff; outline-offset: -4px; }