.interactive-card{cursor:pointer;position:relative;transition:transform .2s,border-color .2s,box-shadow .2s!important}
.interactive-card:hover,.interactive-card:focus-visible{transform:translateY(-4px);border-color:var(--gold)!important;box-shadow:0 16px 35px #0005;outline:none}
.open-card{display:block;margin-top:18px;color:var(--gold)!important;font-size:11px!important;font-weight:900;letter-spacing:.12em}
.route .open-card{color:#8c3e43!important}
.trek-dialog{width:min(720px,calc(100% - 28px));max-height:88vh;padding:0;border:1px solid #4ed7e866;border-top:5px solid var(--cyan);background:#0c1724;color:var(--ink);box-shadow:0 30px 100px #000c}
.trek-dialog::backdrop{background:#02050bd9;backdrop-filter:blur(4px)}
.dialog-bar{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;border-bottom:1px solid var(--line);color:var(--cyan);font-size:11px;font-weight:900;letter-spacing:.16em}
.dialog-bar button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#ffffff0b;color:#fff;cursor:pointer;font-size:26px;line-height:1}
.dialog-content{padding:clamp(25px,5vw,48px)}
.dialog-kicker{margin:0;color:var(--gold);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.dialog-content h2{margin:7px 0 18px;font:clamp(34px,6vw,56px)/1.05 Georgia,serif}
.dialog-intro{color:#c8d7e4;font:19px/1.55 Georgia,serif}
.dialog-content ul{margin:25px 0;padding:0;list-style:none;border-top:1px solid var(--line)}
.dialog-content li{padding:12px 4px 12px 25px;border-bottom:1px solid var(--line);position:relative;color:#afbfcd}
.dialog-content li::before{content:'✦';position:absolute;left:2px;color:var(--cyan)}
.dialog-content a{display:inline-block;padding:11px 16px;border:1px solid var(--gold);color:var(--gold);text-decoration:none;font-weight:800}
@media(max-width:620px){.trek-dialog{width:calc(100% - 16px);max-height:92vh}.dialog-content{padding:24px 19px}.dialog-content h2{font-size:34px}.dialog-intro{font-size:17px}}