/* The guide owns its layout; mode cards stay behind the modal. */
#modeTour{position:fixed;inset:0;z-index:2147483600;display:grid;place-items:center;padding:24px;background:rgba(4,7,14,.64);pointer-events:auto;overflow:auto;overscroll-behavior:contain}
#modeTour[hidden]{display:none}
#modeTour .mode-tour-panel{position:relative;inset:auto;transform:none;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(1040px,100%);max-height:calc(100dvh - 48px);margin:auto;padding:0;overflow:hidden}
#modeTour .mode-tour-panel span{min-height:0;padding:0;border-radius:0;background:none}
#modeTour .guide-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 32px;border-bottom:4px solid #0a0a0a}
#modeTour .guide-brand{display:flex;align-items:center;gap:18px;font-size:22px;font-weight:950;letter-spacing:0}
#modeTour .guide-brand span{font-size:14px;font-weight:850;color:#3c4758;letter-spacing:0}
#modeTour .guide-main{display:grid;grid-template-columns:36% 1fr;min-height:320px;overflow:auto}
#modeTour .guide-visual{display:grid;align-items:center;padding:28px;background:#f5f6f8;border-right:4px solid #0a0a0a;min-width:0}
#modeTour .guide-mode-card{display:block;min-height:0;margin:0;transform:none;pointer-events:none;border-width:5px;border-radius:24px;box-shadow:0 7px 0 #0a0a0a;overflow:hidden}
#modeTour .guide-mode-card .art{position:relative;height:190px!important;font-size:90px!important;border-bottom:5px solid #0a0a0a}
#modeTour .guide-mode-card[data-mode="individual"] .art{background:#ffc4bc}
#modeTour .guide-mode-card .art>span:not(.badge){font-size:inherit;line-height:1}
#modeTour .guide-mode-card .badge{position:absolute;top:12px!important;left:12px!important;background:#0a0a0a!important;color:#fff!important;padding:6px 12px!important;border-radius:999px!important;font-size:12px!important;letter-spacing:0!important;line-height:1.3}
#modeTour .guide-mode-card .body{padding:22px 18px;min-height:0}
#modeTour .guide-mode-card h3{margin:0;font-size:25px;line-height:1.3;letter-spacing:0}
#modeTour .guide-copy{padding:44px 48px;align-self:center;min-width:0}
#modeTour #modeTourStep{display:inline-flex;min-height:34px;padding:5px 13px;border-radius:999px;background:#ffcf3a;font-size:15px;line-height:1.5;font-weight:950;letter-spacing:0;color:#0a0a0a}
#modeTour h2{margin:20px 0;font-size:clamp(28px,3.2vw,42px);line-height:1.25;font-weight:950;letter-spacing:0;overflow-wrap:anywhere;outline:none}
#modeTour p{margin:0;color:#3c4758;font-size:clamp(18px,1.8vw,22px);font-weight:850;line-height:1.6;overflow-wrap:anywhere}
#modeTour .mode-tour-actions{display:flex;justify-content:space-between;gap:16px;margin:0;padding:20px 32px;border-top:4px solid #0a0a0a;background:#fff}
/* Buttons inherit the site's mode-tour-skip / mode-tour-next styles. */
#modeTour button{cursor:pointer;font-family:inherit}
#modeTour button:focus-visible{outline:3px solid #0a0a0a;outline-offset:4px}
#modeTour button:disabled{opacity:.35;cursor:default}
#modeTour .mode-tour-next{min-width:140px}
#modeTour .mode-tour-skip{min-height:50px}
@media(max-width:700px){
 #modeTour{padding:12px}
 #modeTour .mode-tour-panel{max-height:calc(100dvh - 24px);border-radius:18px}
 #modeTour .guide-header,#modeTour .mode-tour-actions{padding:16px 20px}
 #modeTour .guide-brand{font-size:19px;gap:10px}
 #modeTour .guide-brand span{font-size:12px}
 #modeTour .guide-main{grid-template-columns:1fr;min-height:0}
 #modeTour .guide-visual{padding:18px 24px;border-right:0;border-bottom:3px solid #0a0a0a}
 #modeTour .guide-mode-card{display:grid;grid-template-columns:96px 1fr;border-radius:16px;box-shadow:0 4px 0 #0a0a0a}
 #modeTour .guide-mode-card .art{height:100px!important;font-size:46px!important;border-bottom:0;border-right:3px solid #0a0a0a;padding-top:18px}
 #modeTour .guide-mode-card .badge{top:5px!important;left:5px!important;font-size:9px!important;padding:3px 5px!important}
 #modeTour .guide-mode-card .body{display:grid;align-items:center;padding:12px}
 #modeTour .guide-mode-card h3{font-size:19px}
 #modeTour .guide-copy{padding:28px 24px}
 #modeTour h2{font-size:28px;margin:14px 0}
 #modeTour p{font-size:18px;line-height:1.65}
}
@media(max-height:550px) and (min-width:701px){#modeTour .guide-main{min-height:0}#modeTour .guide-copy{padding:20px 32px}#modeTour .guide-visual{padding:20px 32px;gap:12px}#modeTour .guide-mode-card .art{height:110px!important;font-size:58px!important}#modeTour h2{font-size:28px;margin:12px 0}#modeTour p{font-size:18px;line-height:1.5}#modeTour .guide-header,#modeTour .mode-tour-actions{padding:12px 24px}}