/* Shared Website guide presentation; steps/content are sourced from Mini App. */
.karing-guide { min-width: 0; }
.karing-guide h3 { margin: 0 0 20px; color: var(--text-primary); font-size: 1.15rem; }
.karing-guide .steps-list { display: grid; gap: 8px; }
.karing-guide .step-card { display: flex; align-items: flex-start; gap: 12px; padding: 16px; border: 1px solid var(--glass-border); border-radius: var(--radius-sm); background: var(--glass-bg); }
.karing-guide .step-index { flex: 0 0 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; background: var(--gradient-main); color: var(--on-primary); font-size: .8rem; font-weight: 700; }
.karing-guide .step-text { min-width: 0; color: var(--text-secondary); font-size: .95rem; line-height: 1.6; overflow-wrap: anywhere; }
.karing-step-note { margin: 8px 0 0; font-size: .88rem; }
.karing-guide-alternatives { margin-top: 20px; }
.karing-disclosure { margin: 12px 0; border: 1px solid var(--glass-border); border-radius: var(--radius-sm); background: var(--glass-bg); color: var(--text-secondary); }
.karing-disclosure summary { min-height: 44px; box-sizing: border-box; padding: 12px 14px; cursor: pointer; font-weight: 600; line-height: 1.5; overflow-wrap: anywhere; }
.karing-disclosure summary:focus-visible { outline: 2px solid var(--accent-cyan); outline-offset: 2px; border-radius: var(--radius-sm); }
.karing-disclosure-body { padding: 0 14px 14px; line-height: 1.6; overflow-wrap: anywhere; }
.karing-disclosure-body p { margin: 8px 0 0; }
.karing-help-steps { margin: 0; padding-left: 22px; }
.karing-help-steps li { margin: 8px 0; }
.karing-context-note { margin-bottom: 16px; }
.device-guide-link { display: inline-flex; align-items: center; min-height: 44px; margin-top: 4px; }