body .header .help-likes{display:flex;align-items:center;gap:6px;flex-shrink:0;direction:rtl}
body .header .help-likes .saved-shortcut{display:flex;position:relative;align-items:center;justify-content:center}
body .header #site-guide-open{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex-shrink:0;width:40px;height:44px;min-width:40px;padding:3px 0;border:0;border-radius:8px;background:transparent;color:inherit;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
body .header #site-guide-open svg{display:block;width:24px;height:24px;stroke-width:1.8}
body .header #site-guide-open:hover{background:#ffffff30}
body .header #site-guide-open:focus-visible{outline:2px solid currentColor;outline-offset:2px}
body.page-guide-is-open{overflow:hidden}
.page-guide{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;padding:0;margin:0;border:0;border-radius:0;background:transparent;color:#fff;overflow:hidden;font-family:inherit}
.page-guide::backdrop{background:transparent}
.page-guide-lines,.page-guide-labels{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.page-guide-lines{overflow:visible}
.page-guide h2{position:absolute;top:20px;left:50%;transform:translateX(-50%);margin:0;font-size:16px;font-weight:500;letter-spacing:.2px;color:#f2f7ff;text-shadow:0 1px 4px #102d44;text-align:center;white-space:nowrap}
.page-guide-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px;width:230px;max-width:70vw;text-align:center}
.page-guide .page-guide-done{min-width:140px;min-height:48px;padding:10px 28px;background:#fff;color:#175aba;border:1px solid #daeaff;border-radius:28px;font-family:inherit;font-size:18px;font-weight:700;box-shadow:0 6px 24px #051d3229}
.page-guide-pages{display:flex;align-items:center;justify-content:center;gap:10px;direction:rtl}
.page-guide-pages[hidden]{display:none}
.page-guide-pages button,.page-guide-read{font-family:inherit;font-size:12px;min-height:36px;color:#fff;background:transparent;border:0;padding:4px 6px;cursor:pointer}
.page-guide-pages button:disabled{opacity:.3;cursor:default}
.page-guide-pages span{font-size:11px;white-space:nowrap;color:#d0e2f7}
.page-guide .page-guide-read{font-size:12px;text-decoration:underline;text-underline-offset:4px}
.page-guide button:focus-visible{outline:2px solid #91c6ff;outline-offset:4px}
.page-guide-label{position:absolute;width:215px;max-width:38vw;text-align:start;color:#fff;font-size:14px;line-height:1.6;text-shadow:0 1px 5px #0a253e;pointer-events:none}
.page-guide-label strong{display:block;font-size:17px;font-weight:600;margin-bottom:4px;color:#fff}
.page-guide-label span{display:block;color:#e2efff}
.guide-arrow,.guide-arrow-echo{fill:none;stroke:#f5faff;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.guide-arrow-echo{opacity:.25;stroke-width:1}
.guide-target-ring{fill:none;stroke:#d5eaff;stroke-width:1.5;stroke-dasharray:4 3}
.page-guide-empty{position:absolute;top:25%;inset-inline:20px;text-align:center;font-size:14px}
@media(max-width:760px){body .header .help-likes{gap:1px}body .header .help-likes .saved-shortcut{flex-direction:column;gap:3px;width:40px;min-width:40px;height:54px;padding:3px 0;border:0;background:transparent;box-shadow:none;color:inherit}body .header .help-likes .saved-shortcut svg{width:24px;height:24px}body .header #site-guide-open{width:40px;min-width:40px;height:54px;padding:3px 0}body .header #site-guide-open svg{width:24px;height:24px}}
@media(max-width:600px){.page-guide-label{width:155px;max-width:42vw;font-size:12px;line-height:1.55}.page-guide-label strong{font-size:15px}.page-guide h2{font-size:14px;top:18px}.page-guide-center{width:210px}.page-guide .page-guide-done{min-width:124px;font-size:17px}}
@media(max-width:380px){body .header .brand-name{font-size:20px}body .header .brand-title img{width:30px;height:30px}body .header .brand-slogan{font-size:8px}body .header .header-actions{gap:1px}}
@media(min-width:761px){body .header .services-menu,body .header .mobile-menu-button{display:none}}
@media(max-width:420px){body .header .header-actions>.icon-btn,body .header .account-menu>summary,body .header .help-likes .saved-shortcut{width:34px;min-width:32px}body .header .help-likes{gap:0}body .header #site-guide-open{width:32px;min-width:32px}body .header .brand-name{font-size:20px}body .header .brand-title img{width:29px;height:29px}body .header .brand-slogan{font-size:8px}}

.page-guide-label[hidden]{display:none}

/* Clear step navigation, visually separated from the page behind the guide. */
.page-guide .page-guide-center{width:290px;max-width:calc(100vw - 32px);padding:16px;border:1px solid #ffffff45;border-radius:24px;background:#17364ee8;box-shadow:0 8px 30px #071e3440;gap:12px}
.page-guide .page-guide-pages{width:100%;gap:9px}
.page-guide .page-guide-pages button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;flex:1;padding:9px 12px;border:1px solid #c9dced;border-radius:999px;background:#f6faff;color:#214969;font-size:14px;font-weight:600;white-space:nowrap}
.page-guide .page-guide-pages [data-guide-next]{background:#125bea;border-color:#4688ff;color:#fff;box-shadow:0 3px 10px #061d3733}
.page-guide .page-guide-pages button:disabled{opacity:.4}
.page-guide .page-guide-pages button span{font-size:18px;color:inherit}
.page-guide .page-guide-pages>[aria-live]{direction:ltr;unicode-bidi:isolate;color:white;font-size:12px}
html[dir=ltr] .page-guide-pages{direction:ltr}
html[dir=ltr] .page-guide-pages button span{transform:scaleX(-1)}
body #app .floating-page-guide{pointer-events:auto;cursor:pointer;touch-action:manipulation;position:absolute;left:0;top:calc(100% + 10px);z-index:610;display:grid;place-items:center;width:40px;height:40px;padding:8px;border:1px solid #ffffffe6;border-radius:50%;background:#f4f9ffed;color:#285b8d;box-shadow:0 4px 12px #17344e35;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
body #app .floating-page-guide svg{width:24px;height:24px}
body #app .floating-page-guide:hover{background:#dfeeff}

/* One overview: short numbered arrows stay next to the live controls. */
.page-guide-overview .page-guide-legend{position:absolute;box-sizing:border-box;width:340px;max-width:calc(100% - 16px);padding:14px;border:1px solid #ffffff70;border-radius:22px;background:#fff;color:#18394f;box-shadow:0 12px 40px #061d3740;direction:inherit}
.page-guide-overview .page-guide-legend header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.page-guide-overview h2{position:static;transform:none;white-space:normal;text-shadow:none;color:#18394f;font-size:15px;font-weight:700;text-align:start}
.page-guide-overview .page-guide-done{min-width:60px;min-height:36px;padding:6px 12px;border:0;background:#125bea;color:white;font-size:14px;box-shadow:none}
.page-guide-key{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;margin:0;padding:0;list-style:none}
.page-guide-key li{display:flex;align-items:center;gap:6px;min-width:0;font-size:12px;line-height:1.3;min-height:28px}
.page-guide-key b{display:grid;place-items:center;flex:0 0 22px;height:22px;border-radius:50%;background:#125bea;color:white;font-size:12px}
.page-guide-overview .page-guide-read{display:block;margin:8px auto 0;min-height:28px;padding:2px 6px;color:#285b8d;font-size:12px}
.guide-number-dot{fill:#125bea;stroke:white;stroke-width:1.5}
.guide-number{fill:white;text-anchor:middle;dominant-baseline:central;font:700 12px Arial,sans-serif}
@media(min-width:761px){.page-guide-overview .page-guide-legend{width:410px;padding:18px}.page-guide-key li{font-size:14px;min-height:34px}.page-guide-overview h2{font-size:17px}}
@media(max-height:600px){.page-guide-overview .page-guide-legend{padding:10px}.page-guide-key{gap:3px 8px}.page-guide-key li{min-height:24px;font-size:11px}.page-guide-overview .page-guide-legend header{margin-bottom:6px}.page-guide-overview .page-guide-read{margin-top:4px}}