/* The illustrated welcome and coach marks share Istante's paper / ink palette. */
.welcome-panel{width:570px;max-width:calc(100vw - 28px)}
.welcome-panel .panel-head{padding-bottom:10px;align-items:center}
.welcome-panel .panel-head .section-label{margin:0}
.welcome-content{padding:15px 44px 30px;text-align:center}
.welcome-emblem{width:78px;height:78px;position:relative;margin:0 auto 20px;display:grid;place-items:center}
.welcome-emblem img{display:block;border-radius:16px;opacity:.95}
.welcome-orbit{position:absolute;inset:0;border:1px solid var(--line);border-radius:50%;transform:rotate(-22deg);animation:welcome-orbit 18s linear infinite}
.welcome-orbit:after{content:'';position:absolute;top:-3px;left:35px;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent-soft)}
.welcome-content .welcome-eyebrow{font:italic 16px var(--serif);color:var(--muted)}
.welcome-content h2{font:400 49px/1.05 var(--serif);letter-spacing:-.035em;margin:15px 0 22px}
.welcome-content .welcome-lead{font-size:14px;line-height:1.8;color:var(--muted)}
.welcome-promises{display:grid;gap:17px;margin:26px 0;text-align:left}
.welcome-promises p{display:grid;grid-template-columns:21px 1fr;gap:13px;font-size:13px;line-height:1.65;color:var(--muted)}
.welcome-promises .icon{color:var(--accent);margin-top:3px;width:19px;height:19px}
.welcome-promises strong{color:var(--ink);font-weight:550}
.welcome-content .welcome-footnote{font-size:11px;line-height:1.7;color:var(--faint)}
.welcome-panel .panel-footer{justify-content:space-between;gap:12px}
#welcome-tour{display:flex;align-items:center;justify-content:center;gap:13px}
#welcome-tour .icon{width:17px;height:17px}
@keyframes welcome-orbit{to{transform:rotate(338deg)}}
.tour-layer{position:fixed;inset:0;margin:0;padding:0;width:100vw;height:var(--view-h,100dvh);max-width:none;max-height:none;border:0;border-radius:0;background:transparent;color:var(--ink);overflow:hidden;outline:0;box-sizing:border-box}
.tour-layer::backdrop{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.tour-sketch{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.tour-shade{fill:rgba(10,15,12,.77)}
html[data-theme=light] .tour-shade{fill:rgba(32,39,29,.55)}
.tour-outline,.tour-arrow{fill:none;stroke:#d8ddbf;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tour-outline{stroke-width:1.3;opacity:.8}
.tour-arrow.shadow{opacity:.24;stroke-width:1}
.tour-card{position:absolute;box-sizing:border-box;padding:22px 25px 23px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:19px 24px 20px 24px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}
.tour-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}
.tour-topline .section-label{font-size:9px;letter-spacing:.13em;margin:0;color:var(--faint)}
.tour-topline .close-button{width:30px;height:30px;min-width:30px}
.tour-card .tour-note{font:italic 15px var(--serif);color:var(--accent);transform:rotate(-2deg);transform-origin:left bottom;margin-bottom:11px}
.tour-card h2{font:400 30px/1.1 var(--serif);letter-spacing:-.02em;margin-bottom:15px}
#tour-copy{font-size:13px;line-height:1.75;color:var(--muted)}
.tour-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px}
.tour-navigation .primary-button{display:flex;align-items:center;gap:12px;justify-content:center}
.tour-navigation .icon{height:16px;width:16px}
body.is-touring .chrome{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
body.is-touring #app-shell{pointer-events:none}
@media(max-width:600px){.welcome-content{padding:8px 24px 20px}.welcome-content h2{font-size:40px;margin-top:12px}.welcome-content .welcome-lead{font-size:13px;line-height:1.7}.welcome-emblem{margin-bottom:15px;width:68px;height:68px}.welcome-orbit:after{left:30px}.welcome-promises{gap:13px;margin:20px 0}.welcome-promises p{font-size:12px}.tour-card{padding:17px 21px 19px}.tour-card h2{font-size:27px}.tour-topline{margin-bottom:10px}.tour-navigation{margin-top:19px}}
@media(max-height:450px){.welcome-content{padding:12px 28px 22px}.welcome-emblem{display:none}.welcome-content h2{font-size:34px}.welcome-content h2 br{display:none}.tour-card{padding:12px 17px}.tour-topline{margin-bottom:3px}.tour-card .tour-note{font-size:13px;margin-bottom:7px}.tour-card h2{font-size:24px;margin-bottom:9px}#tour-copy{font-size:12px;line-height:1.55}.tour-navigation{margin-top:13px}.tour-navigation button{min-height:36px;padding-top:8px;padding-bottom:8px}}
@media(prefers-reduced-motion:reduce){.welcome-orbit{animation:none}}
/* Coach marks intentionally cover the entire viewport, unlike regular modals. */
dialog.tour-layer{max-width:100vw!important;max-height:var(--view-h,100dvh)!important;width:100vw;height:var(--view-h,100dvh)}