/* 0.60.63 (D-O-072): guest access */
.guest-or { display: flex; align-items: center; gap: .6rem; margin: .9rem 0 .6rem; color: var(--muted); font-size: .85rem; }
.guest-or::before, .guest-or::after { content: ""; flex: 1; border-top: 1px solid var(--line); }
.guest-enter { font-weight: 600; }
.guest-band { padding: .45rem 1rem; font-size: .9rem; color: var(--ink); background: color-mix(in srgb, var(--warn) 14%, var(--surface));
  border-bottom: 1px solid var(--line); }
.guest-band a { margin-left: .3rem; }

/* 0.60.66 (D-O-074): the guided tour card, bottom right, above the page and below the pointer's box */
.guest-tour-btn { margin: 0 .4rem; }
.gt-card { position: fixed; right: 1.2rem; bottom: 1.2rem; z-index: 900; width: min(25rem, calc(100vw - 2.4rem));
  padding: .9rem 1rem 1rem; background: var(--surface); color: var(--ink); border: 2px solid var(--ink);
  border-radius: var(--radius-lg); box-shadow: var(--shadow); }
html[data-sketch] .gt-card { border-radius: var(--r-card, var(--radius-lg)); box-shadow: var(--shadow-sketch, var(--shadow)); }
.gt-head { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.gt-count { font-size: .78rem; font-weight: 600; color: var(--muted); text-transform: uppercase; letter-spacing: .04em; }
.gt-close { border: 0; background: none; color: var(--muted); font-size: 1.3rem; line-height: 1; cursor: pointer; padding: .1rem .3rem; }
.gt-close:hover, .gt-close:focus-visible { color: var(--ink); }
.gt-bar { height: 4px; margin: .5rem 0 .7rem; background: var(--surface-2); border-radius: 2px; overflow: hidden; }
.gt-fill { display: block; height: 100%; width: 0; background: var(--agile); transition: width .3s ease; }
.gt-title { margin: 0 0 .4rem; font-size: 1.05rem; line-height: 1.3; }
.gt-text { margin: 0 0 .8rem; font-size: .92rem; line-height: 1.45; }
.gt-lang, .gt-links { display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: .8rem; }
.gt-nav { display: flex; gap: .4rem; justify-content: flex-end; }
.gt-nav .btn:first-child { margin-right: auto; }
@media (max-width: 640px) { .gt-card { right: .6rem; left: .6rem; bottom: .6rem; width: auto; } }
@media (prefers-reduced-motion: reduce) { .gt-fill { transition: none; } }