/* Phase G: accessible Help / Tulong and Quick Tour. Additive only. */
.guidance-trigger{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 10px;border:1px solid #bbf7d0;border-radius:999px;background:#f0fdf4;color:#166534;font:600 12px/1.2 'DM Sans',sans-serif;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.guidance-trigger>span:first-child{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#166534;color:#fff;font-size:12px}.guidance-trigger:hover{background:#dcfce7;border-color:#86efac;transform:translateY(-1px)}.guidance-trigger:focus-visible,.guidance-dialog button:focus-visible{outline:3px solid rgba(37,99,235,.42);outline-offset:2px}
.guidance-dialog{position:fixed;inset:0;margin:auto;width:min(560px,calc(100vw - 32px));max-height:min(680px,calc(100vh - 32px));padding:0;border:0;border-radius:16px;box-shadow:0 24px 70px rgba(15,23,42,.35);color:#0f172a;background:#fff}.guidance-dialog::backdrop{background:rgba(15,23,42,.58);backdrop-filter:blur(2px)}.guidance-dialog.is-touring::backdrop{background:transparent;backdrop-filter:none}.guidance-panel{display:flex;flex-direction:column;max-height:inherit}.guidance-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px 14px;border-bottom:1px solid #e2e8f0}.guidance-head h2{margin:0;font-size:19px;line-height:1.25}.guidance-head p{margin:5px 0 0;color:#475569;font-size:13px;line-height:1.55}.guidance-close{width:34px;height:34px;border:0;border-radius:8px;background:#f1f5f9;color:#334155;font-size:20px;cursor:pointer}.guidance-body{overflow:auto;padding:18px 22px 22px}.guidance-summary{margin:0 0 14px;padding:12px 14px;border-left:4px solid #16a34a;border-radius:8px;background:#f0fdf4;color:#1e3a2a;font-size:13px;line-height:1.6}.guidance-role{margin:0 0 16px;color:#475569;font-size:13px;line-height:1.6}.guidance-list{display:grid;gap:10px;margin:0 0 18px;padding:0;list-style:none}.guidance-list li{padding:10px 12px;border:1px solid #e2e8f0;border-radius:9px;background:#fff;color:#334155;font-size:13px;line-height:1.5}.guidance-list strong{color:#166534}.guidance-actions{display:flex;justify-content:flex-end;gap:10px}.guidance-button{min-height:38px;padding:8px 13px;border:1px solid #166534;border-radius:8px;background:#166534;color:#fff;font:600 13px/1.2 'DM Sans',sans-serif;cursor:pointer}.guidance-button.secondary{background:#fff;color:#166534}.guidance-tour-step{margin:0;padding:13px 14px;border-radius:10px;background:#eff6ff;color:#1e3a5f;font-size:14px;line-height:1.6}.guidance-tour-progress{margin:0 0 10px;color:#64748b;font-size:12px;font-weight:700}.guidance-pointing-cue{margin:0 auto 4px;color:#16a34a;font-size:28px;line-height:1;animation:guidance-point 1s ease-in-out infinite}.guidance-tour-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}.guidance-tour-actions .guidance-button:last-child{margin-left:auto}.guidance-tour-target{position:relative;z-index:1001;outline:4px solid #22c55e!important;outline-offset:5px;border-radius:8px;box-shadow:0 0 0 5px rgba(134,239,172,.72);animation:guidance-target-pulse 1.25s ease-in-out infinite}@keyframes guidance-point{50%{transform:translateY(7px)}}@keyframes guidance-target-pulse{50%{outline-color:#86efac;box-shadow:0 0 0 10px rgba(134,239,172,.35)}}
.language-switcher{display:inline-flex;align-items:center;border:1px solid #cbd5e1;border-radius:999px;overflow:hidden;background:#fff}.language-switcher a{padding:5px 8px;color:#475569;text-decoration:none;font:600 11px/1 'DM Sans',sans-serif}.language-switcher a.active{background:#166534;color:#fff}.guidance-welcome-actions{margin-top:18px}
@media (max-width:760px){.topbar-right{gap:7px}.guidance-trigger{min-height:32px;padding:6px 8px}.guidance-trigger>span:last-child{display:none}.guidance-dialog{width:calc(100vw - 20px);max-height:calc(100vh - 20px)}.guidance-head,.guidance-body{padding-left:16px;padding-right:16px}.guidance-tour-actions{flex-wrap:wrap}.guidance-tour-actions .guidance-button:last-child{margin-left:0}}
@media (prefers-reduced-motion:reduce){.guidance-trigger,.guidance-pointing-cue,.guidance-tour-target{transition:none;animation:none}.guidance-trigger:hover{transform:none}}