/* 최초 로그인 안내: 전체 메뉴 다이얼로그와 같은 크기 규칙을 따른다. */
dialog[data-guide]{
 width:min(520px,calc(100vw - 32px));max-height:min(82dvh,760px);padding:24px;
 border:1px solid var(--rule);border-radius:24px;background:var(--surface);color:var(--ink);
 box-shadow:0 24px 60px -30px var(--shadow-deep);overflow:auto;
}
dialog[data-guide]::backdrop{background:var(--scrim)}
.guide-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.guide-head h2{margin:2px 0 0;font-size:22px;line-height:1.35;letter-spacing:var(--ls-title)}
.guide-head button{min-height:var(--tap-min);flex:none}
.guide-eyebrow{margin:0;font-size:13px;color:var(--ink-2)}
.guide-lead{margin:12px 0 4px;color:var(--ink-2);line-height:var(--lh-body)}
.guide-steps{margin:8px 0 0;padding-left:22px;display:grid;gap:14px}
.guide-steps li{padding-left:2px}
.guide-steps strong{display:block;font-size:16px;line-height:1.45}
.guide-steps p{margin:4px 0 0;color:var(--ink-2);line-height:var(--lh-body)}
.guide-where{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:13px;color:var(--ink-2)}
.guide-where span{display:inline-flex;align-items:center;padding:1px 8px;border-radius:999px;background:var(--fill-tint);font-size:12px}
.guide-more{margin:14px 0 0;font-size:14px;color:var(--ink-2)}
.guide-note{margin:12px 0 0;padding:12px 14px;border-radius:14px;background:var(--surface-2);color:var(--ink-2);font-size:14px;line-height:var(--lh-body)}
.guide-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;flex-wrap:wrap}
.guide-actions .hub-button,.guide-actions button{min-height:var(--tap-min)}
.guide-page .guide-steps{gap:22px}
.guide-page .guide-steps .hub-button{margin-top:8px}
.guide-menu-map{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}
.guide-menu-map li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:baseline}
.guide-menu-map strong{color:var(--accent)}
@media(max-width:800px){
 dialog[data-guide]{width:calc(100vw - 24px);max-height:86dvh;padding:18px;border-radius:20px}
 .guide-head h2{font-size:20px}
 .guide-actions{justify-content:stretch}
 .guide-actions .hub-button,.guide-actions button{flex:1}
 .guide-menu-map li{grid-template-columns:1fr;gap:2px}
}
@media(prefers-reduced-motion:reduce){dialog[data-guide]{transition:none;animation:none}}

.office-account-panel .office-account-link{display:inline-flex;align-items:center;min-height:var(--tap-min);font-size:14px}