/* GRIDLY V4.01: transparent, non-modal first-visit guide. */
.gridly-tour { position:fixed; inset:0; z-index:190; pointer-events:none; font-family:Arimo,Arial,sans-serif; }
.gridly-tour[hidden] { display:none !important; }
.gridly-tour-arrow { position:absolute; inset:0; width:100%; height:100%; overflow:visible; pointer-events:none; }
.gridly-tour-arrow path { fill:none; stroke:#65b5ff; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.gridly-tour-arrow marker path { fill:#65b5ff; stroke:none; }
.gridly-tour-ring { position:fixed; border:2px solid #65b5ff; border-radius:10px; pointer-events:none; }
.gridly-tour-card { position:fixed; width:min(270px,calc(100vw - 24px)); box-sizing:border-box; padding:17px 18px 14px; color:#fff; background:rgba(9,17,27,.97); border:1px solid #416381; border-radius:12px; pointer-events:auto; text-align:center; box-shadow:0 6px 22px rgba(0,0,0,.2); }
.gridly-tour-top { display:flex; align-items:center; justify-content:center; min-height:18px; margin-bottom:10px; }
.gridly-tour-kicker { color:#a9c5df; font-size:10px; font-weight:700; letter-spacing:1.1px; }
.gridly-tour button { font:inherit; cursor:pointer; box-sizing:border-box; }
.gridly-tour-close { display:grid; place-items:center; width:32px; height:32px; position:absolute; top:5px; right:5px; margin:0; padding:0; color:#d6e5f1; background:transparent; border:0; border-radius:6px; font-size:23px !important; line-height:1; }
.gridly-tour-close:hover { background:#203345; }
.gridly-tour-card h2 { margin:0 0 8px; font-size:15px; font-weight:700; letter-spacing:.5px; line-height:1.35; }
.gridly-tour-card p { margin:0; color:#d4e0ea; font-size:13px; line-height:1.55; }
.gridly-tour-controls { display:flex; align-items:center; justify-content:center; flex-direction:column; gap:7px; margin-top:14px; }
.gridly-tour-countdown { color:#a9c5df; font-size:10px; line-height:1.4; }
.gridly-tour-next { min-width:70px; min-height:34px; padding:8px 13px; border:1px solid #418df2; border-radius:6px; background:#1765c7; color:#fff; font-size:11px !important; font-weight:700 !important; }
.gridly-tour-next:hover { background:#2476df; }
.gridly-tour button:focus-visible { outline:2px solid #fff; outline-offset:3px; }
@media (max-height:450px) { .gridly-tour-card { padding:10px 14px; } .gridly-tour-top { margin-bottom:8px; } .gridly-tour-controls { margin-top:9px; } }

@media (max-width:400px) { .page-home .utility-row { gap:5px; } .page-home .utility-button.icon-only { width:43px; min-height:48px; flex-shrink:0; } }