
body{--intro-highlight-radius:12px}
body .intro-guide{background:#fff;border:1px solid #008b87;border-radius:var(--intro-highlight-radius);padding:20px 22px;margin:0;box-shadow:0 8px 28px #202b3b12;font:14px/1.5 Inter,"Segoe UI",sans-serif;color:#202b3b;position:fixed;right:24px;top:clamp(12px,calc(100dvh - 662px),104px);z-index:40;display:flex;flex-direction:column;width:min(560px,calc(100vw - 24px));height:min(650px,calc(100dvh - 24px));overflow:hidden}
body .intro-guide-drag{display:flex;align-items:center;justify-content:center;flex-shrink:0;gap:8px;margin:-20px -22px 14px;padding:9px 14px;border:0;border-bottom:1px solid #e0e5eb;background:#edf7f6;color:#007b77;font:500 12px/1.4 Inter,"Segoe UI",sans-serif;cursor:grab;touch-action:none;user-select:none}
body .intro-guide-drag.is-dragging{cursor:grabbing}
body .intro-guide-body{flex:1;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto}
body .intro-guide-content{overflow:auto;min-height:0;scrollbar-gutter:stable}
body .intro-guide #intro-status{margin:8px 0 0;font-size:12px}
body .intro-guide #intro-status:empty{display:none}
body .intro-guide-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}
body .intro-guide .intro-guide-kicker{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#008b87;margin:0 0 8px}
body .intro-guide h2{font:600 19px/1.35 Inter,"Segoe UI",sans-serif;letter-spacing:0;margin:0 0 8px;color:#202b3b}
body .intro-guide .intro-guide-detail{font-size:13px;margin:0;max-width:720px;color:#687588}
body .intro-guide-choices{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
body .intro-guide-choice{border:1px solid #cfd7df;border-radius:8px;padding:10px 14px;background:#fff;color:#202b3b;font:500 13px/1.4 Inter,"Segoe UI",sans-serif}
body .intro-guide-choice[aria-pressed="true"]{border-color:#008b87;background:#edf7f6;color:#007b77;box-shadow:inset 0 0 0 1px #008b87}
body .intro-guide .intro-template{border-color:#008b87;background:#edf7f6;color:#007b77}
body .intro-guide-termination{display:flex;justify-content:flex-end;margin-top:16px}
body .intro-guide #intro-import-note{font:12px/1.5 Inter,"Segoe UI",sans-serif;color:#687588;margin:12px 0 0;max-width:720px}
body .intro-guide-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:center;margin-top:18px}
body .intro-guide-actions span{grid-column:1/-1;grid-row:1;color:#687588;font-size:11px}
body .intro-guide-actions .intro-guide-back{grid-column:1;grid-row:2}
body .intro-guide-actions .intro-guide-next{grid-column:2;grid-row:2}
body .intro-guide-actions-single .intro-guide-next{grid-column:1/-1}
body .intro-guide-next,body .intro-guide-back{background:#008b87;color:#fff;border:1px solid #008b87;border-radius:8px;padding:10px 16px;font:600 13px/1.4 Inter,"Segoe UI",sans-serif}
body .intro-guide-back:disabled{opacity:.5;cursor:default}
body .intro-guide-actions button{height:56px;overflow-wrap:anywhere}
body .intro-guide-detail+.intro-guide-detail{margin-top:12px}
body .intro-home-explanation{margin:14px 0 0;font-size:13px;color:#687588}
body .intro-home-explanation dt{margin-top:10px;font-weight:600;color:#202b3b}
body .intro-home-explanation dd{margin:3px 0 0}
body .intro-highlight{outline:2px solid #008b87;outline-offset:4px;border-radius:var(--intro-highlight-radius)}
body .intro-guide [hidden]{display:none}
body .intro-guide[hidden],body #intro-restart[hidden]{display:none}
body .intro-guide .intro-excel-example{margin-top:16px;color:#687588;font-size:12px}
body .intro-guide .intro-excel-example summary{color:#008b87;font-weight:600;cursor:pointer}
body .intro-guide .intro-excel-example p{margin:10px 0}
body .intro-excel-scroll{overflow:auto;margin:10px 0 14px}
body .intro-excel-scroll table{min-width:max-content;font-size:12px}
body .intro-excel-scroll th,body .intro-excel-scroll td{padding:8px 10px;white-space:nowrap}
body .intro-guide button:focus-visible{outline:2px solid #008b87;outline-offset:3px}
@media(max-width:620px){body .intro-guide{padding:18px}body .intro-guide-drag{margin:-18px -18px 14px}}

body .intro-guide.intro-guide-welcome{width:min(460px,calc(100vw - 24px));height:auto;max-height:calc(100dvh - 24px)}
body .intro-guide-welcome .intro-guide-body{flex:0 1 auto}
body .intro-guide-welcome .intro-guide-next{grid-column:1/-1;grid-row:1}
