/* ROOTA 화면별 튜토리얼 — 요소 테두리 + 오른쪽 아래 설명 카드 + (머리글 없는 화면) 떠 있는 단추. 색·반경·그림자는 토큰만. */
.rt-target{outline:3px solid var(--accent);outline-offset:4px;border-radius:var(--radius-sm)}
.rt-card{position:fixed;right:16px;bottom:16px;z-index:1200;width:min(420px,calc(100vw - 32px));padding:var(--space-4);background:var(--surface);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-card);box-shadow:var(--shadow-lg);font-family:var(--font-sans)}
.rt-h{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}
.rt-x{font:inherit;border:0;background:transparent;color:var(--text-muted);cursor:pointer;font-size:var(--fs-md);padding:2px 6px}
.rt-t{display:block;margin-top:var(--space-2);font-size:var(--fs-md);font-weight:800}
.rt-d{margin:var(--space-2) 0 0;font-size:var(--fs-sm);line-height:1.6;color:var(--text-secondary);word-break:keep-all}
.rt-miss{color:var(--warning)}
.rt-b{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-3)}
.rt-fab{position:fixed;left:16px;bottom:16px;z-index:1100;font:inherit;font-size:var(--fs-sm);font-weight:700;padding:8px 12px;border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow-md);cursor:pointer}
.ph-actions [data-tour-start]{white-space:nowrap}
@media(max-width:900px){.rt-card{right:8px;left:8px;bottom:72px;width:auto}.rt-fab{left:8px;bottom:80px}}