/* Members-only pages for a guest (25 October 2026): the page's likeness,
   blurred and fading out, under an inline sign-in card. */
/* Preview and card share one grid cell, so the wall always grows to fit the
   whole card on short screens instead of cutting it off. */
.guest-wall{position:relative;display:grid;overflow-x:clip;grid-template-areas:"wall";min-height:min(820px,calc(100dvh - 140px));padding-bottom:32px}
.guest-wall>*{grid-area:wall;min-width:0}
.guest-wall-preview{display:grid;gap:20px;max-height:min(900px,calc(100dvh - 120px));overflow:hidden;filter:blur(5px);pointer-events:none;user-select:none;-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}
.gw-line{display:block;height:12px;border-radius:99px;background:var(--color-paper-3)}
.gw-line.short{width:45%}
.gw-line.mid{width:70%}
.gw-chips,.gw-tabs{display:flex;gap:8px;overflow:hidden}
.gw-chips span{flex:none;width:96px;height:40px;border-radius:99px;background:var(--color-surface)}
.gw-chips span:first-child{background:var(--color-accent)}
.gw-videos{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}
.gw-video{display:grid;gap:10px;padding-bottom:16px;border-radius:var(--radius-surface);background:var(--color-surface);overflow:hidden}
.gw-video img,.gw-thumb{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:linear-gradient(135deg,var(--color-accent-soft),var(--color-paper-3))}
.gw-video .gw-line{margin-inline:16px}
.gw-tabs{padding:8px;border-radius:var(--radius-surface);background:var(--color-surface)}
.gw-tabs span{flex:none;min-width:96px;padding:12px 18px;border-radius:var(--radius-control);background:var(--color-paper-2);color:var(--color-muted);font-size:13px;white-space:nowrap}
.gw-lessons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.gw-lesson{display:grid;grid-template-columns:60px minmax(0,1fr);gap:16px;padding:22px;border-radius:var(--radius-surface);background:var(--color-surface)}
.gw-lesson>div{display:grid;gap:8px;align-content:start;min-width:0}
.gw-lesson strong{font-size:16px;font-weight:500}
.gw-lesson p{margin:0;font-size:12px;color:var(--color-muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.gw-symbol{display:grid;place-items:center;width:60px;height:60px;border-radius:16px;background:var(--color-accent-soft);color:var(--color-accent);font:400 24px var(--font-japanese);overflow:hidden}
.gw-feed{display:grid;gap:16px;max-width:680px;width:100%;margin-inline:auto}
.gw-compose,.gw-post{display:grid;gap:12px;padding:20px;border-radius:var(--radius-surface);background:var(--color-surface)}
.gw-compose{grid-template-columns:44px minmax(0,1fr);align-items:center}
.gw-post-head{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px}
.gw-avatar{width:44px;height:44px;border-radius:50%;background:var(--color-accent-soft)}
.gw-post .gw-line.short{background:var(--color-ink);opacity:.35}
/* The card itself is the shared sign-in card ("Sign-in card" in sinao.css). */
.guest-wall-card{position:relative;z-index:1;align-self:start;justify-self:center;margin:clamp(24px,9vh,88px) 0 0}
@media (max-width:767px){
 .guest-wall-preview{gap:14px}
 .gw-lessons{grid-template-columns:minmax(0,1fr)}
 .guest-wall-card{margin-top:0}
}