/* Guest controls only. The shell, cards and theme are shared with member Wire. */
.wire-public-skip { position:absolute; top:-100px; left:16px; z-index:100; padding:12px 18px; background:#FEFCF3; color:#1E3A5F; border-radius:8px; }
.wire-public-skip:focus { top:12px; }
.wire-public-mode #wire-content { scroll-margin-top:calc(var(--workspace-nav-height, 88px) + 16px); }
.wire-public-mode .wire-visitor-card h2 { font-size:23px; line-height:1.25; margin:0; }
.wire-public-mode .wire-visitor-card p { margin:0; }
/* Show the owl brand mark at the left of the same logo used on the homepage. */
.wire-public-mode .wire-avatar { border-radius:10px; box-shadow:none; background:transparent; }
.wire-public-mode .wire-avatar .wire-public-publisher { object-fit:cover; object-position:left center; }
.wire-public-mode .wire-post-body { overflow-wrap:anywhere; }
.wire-public-mode .wire-header .btn { white-space:nowrap; }
@media(prefers-reduced-motion:reduce) { .wire-public-mode *, .wire-public-mode *::before, .wire-public-mode *::after { transition:none!important; animation:none!important; scroll-behavior:auto!important; } }

@media(max-width:900px) {
  .wire-public-mode .wire-sidebar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .wire-public-mode .wire-visitor-card { grid-column:1/-1; display:flex; flex-direction:row; flex-wrap:wrap; gap:10px; padding:14px; }
  .wire-public-mode .wire-visitor-card h2 { width:100%; font-size:18px; }
  .wire-public-mode .wire-visitor-card .wire-kicker, .wire-public-mode .wire-visitor-card .wire-muted, .wire-public-mode .wire-featured-course { display:none; }
  .wire-public-mode .wire-visitor-card .btn { flex:1; }
}