
/* SagotMo! v2.8 — optional first-visit guided tour */
.tour-link-line{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:#e2efff;margin-top:12px;font-size:13px}
.tour-inline-link{background:transparent;border:0;padding:3px 0;color:#ffe09c;font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.tour-link-line a{color:#e2efff;text-underline-offset:3px}
.tour-welcome[hidden],.tour-overlay[hidden]{display:none!important}
.tour-welcome{position:fixed;right:20px;bottom:20px;z-index:9910;width:min(392px,calc(100vw - 24px));background:#fff;border-radius:22px;border:1px solid #cae2f1;padding:22px 23px 19px;box-shadow:0 20px 80px #041b3c52;color:#122c54;font-family:inherit}
.tour-small-kicker{display:block;font-size:11px;letter-spacing:.13em;font-weight:900;color:#168577;margin-right:24px}
.tour-welcome h2{font-size:23px;margin:8px 22px 9px 0;letter-spacing:-.6px}.tour-welcome p{font-size:13px;line-height:1.6;color:#516784;margin:0 0 14px}
.tour-welcome-x,.tour-exit{border:0;background:#f1f5fc;color:#183c6c;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;position:absolute;right:16px;top:15px;font-size:23px;line-height:1}
.tour-role-pills{display:flex;flex-wrap:wrap;gap:7px;margin:11px 0 15px}.tour-role-pills button{border:1px solid #d7e5f0;border-radius:30px;background:#f7fafe;color:#355472;padding:9px 10px;font-size:12px;font-weight:800}
.tour-role-pills button[aria-pressed="true"]{color:#0d3462;border-color:#54bba8;background:#e2f9f3}
.tour-welcome-actions{display:flex;gap:13px;align-items:center;flex-wrap:wrap}
.tour-main-action{border:0;border-radius:12px;background:#ffc85b;color:#132d52;padding:12px 18px;font-size:14px;font-weight:900;min-height:44px;box-shadow:0 3px 0 #c3943f}
.tour-quiet-action{background:transparent;border:0;padding:9px 2px;color:#5b708c;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.tour-overlay{position:fixed;inset:0;z-index:10000;pointer-events:none}
.tour-mask{position:fixed;background:rgba(5,17,38,.67);z-index:10000;pointer-events:auto}
.tour-focus{position:fixed;z-index:10001;border:3px solid #ffd35d;border-radius:17px;box-shadow:0 0 0 3px #ffffff55,0 0 30px #ffd35d99;pointer-events:none;transition:all .17s ease-out}
.tour-coach{position:fixed;z-index:10003;width:min(405px,calc(100vw - 22px));max-height:min(460px,calc(100dvh - 24px));overflow:auto;background:#fff;border:1px solid #d3e0ef;color:#122c54;border-radius:22px;padding:21px 22px 18px;box-shadow:0 24px 70px #010f2b88;pointer-events:auto;outline:none}
.tour-coach-head{display:flex;align-items:center;justify-content:space-between;min-height:22px;padding-right:38px;font-size:10px;letter-spacing:.1em;color:#227d83;font-weight:950}
.tour-coach .tour-exit{position:absolute;top:15px;right:16px}
.tour-progress{display:flex;gap:4px;margin:10px 0 14px}.tour-progress i{display:block;flex:1;height:5px;border-radius:9px;background:#dfe9f3}.tour-progress i.on{background:#1bafa1}
.tour-emoji{font-size:31px;line-height:1.2}.tour-coach h2{font-size:22px;line-height:1.16;margin:8px 0 9px;letter-spacing:-.35px}.tour-coach p{color:#4b6380;line-height:1.62;font-size:14px;margin:0 0 17px}
.tour-coach-foot{display:flex;gap:10px;justify-content:space-between;align-items:center}.tour-secondary{background:#edf4fc;border:1px solid #ccdae9;color:#194273;border-radius:12px;padding:12px 17px;font-size:14px;font-weight:800;min-height:44px}.tour-secondary:disabled{opacity:.35;cursor:not-allowed}
.tour-skip-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:9px}.tour-skip-row a{font-size:12px;color:#315f8e}
.tour-welcome :focus-visible,.tour-coach :focus-visible{outline:3px solid #1d9e9a;outline-offset:3px}
@media(max-width:650px){.tour-welcome{right:12px;bottom:12px;padding:19px 18px}.tour-coach{bottom:10px!important;top:auto!important;left:11px!important;right:11px!important;width:auto;max-height:min(330px,calc(100dvh - 20px));padding:16px 17px 13px}.tour-coach h2{font-size:19px}.tour-coach p{font-size:12px;margin-bottom:11px}.tour-coach .tour-emoji{font-size:25px}.tour-coach-foot button{padding:9px 14px;min-height:40px}.tour-focus{border-radius:12px}.tour-link-line{font-size:12px}.tour-inline-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){.tour-focus{transition:none!important}}

@media(min-width:851px){.nav{gap:7px}.nav .tab{padding-left:9px;padding-right:9px}}
