/* tour slots */
.slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.slots .day{border:0;border-top:1.5px solid rgba(236,232,220,.3);padding-top:10px}
.slots legend{font-family:var(--fp);letter-spacing:.1em;font-size:13px;color:var(--chalk2);padding:0 0 8px}
.slot{display:block;margin-bottom:6px;cursor:pointer}
.slot input{position:absolute;opacity:0;width:1px;height:1px}
.slot span{display:block;font-family:var(--fc);font-size:18px;text-align:center;padding:8px 6px;border:1.5px solid rgba(236,232,220,.22);transition:all .3s var(--ease)}
.slot:hover span{border-color:var(--chalk)}
.slot input:checked + span{background:var(--chalk);color:var(--slate-deep);border-color:var(--chalk)}
.slot input:focus-visible + span{outline:2px dashed var(--brass1);outline-offset:3px}
@media(max-width:620px){.slots{grid-template-columns:repeat(2,minmax(0,1fr))}}
.done{padding:clamp(28px,4vw,48px);border:1.5px solid rgba(236,232,220,.25);background:rgba(0,0,0,.15)}
.done:focus{outline:0}
.where{margin-top:22px}
.where div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid rgba(236,232,220,.14)}
.where dt{font-family:var(--fp);letter-spacing:.12em;font-size:13px;color:var(--chalk3);padding-top:3px}
.where dd{color:var(--chalk2)}

/* paying steps */
.howpay{list-style:none;counter-reset:p;margin-top:26px}
.howpay li{counter-increment:p;display:grid;grid-template-columns:52px 1fr;gap:0 16px;padding:18px 0;border-bottom:1px solid rgba(236,232,220,.14)}
.howpay li::before{content:counter(p);grid-row:span 2;font-family:var(--fd);font-size:40px;line-height:1;color:var(--brass1)}
.howpay p{color:var(--chalk2);font-size:16.5px;margin-top:4px}
.fees tbody th{width:180px}

/* wizard */
.wiz-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:start}
.steps-nav{list-style:none;position:sticky;top:100px;border-left:1.5px solid rgba(236,232,220,.2)}
.steps-nav li{position:relative}
.steps-nav button{display:flex;align-items:center;gap:14px;width:100%;background:none;border:0;color:var(--chalk3);font:inherit;font-size:16.5px;padding:11px 0 11px 18px;cursor:pointer;text-align:left;transition:color .3s}
.steps-nav button:disabled{cursor:default;opacity:.55}
.steps-nav i{font-style:normal;font-family:var(--fd);font-size:22px;width:26px;color:inherit}
.steps-nav li.now button{color:var(--chalk)}
.steps-nav li.now::before{content:"";position:absolute;left:-2px;top:8px;bottom:8px;width:3px;background:var(--brass1)}
.steps-nav li.done button{color:var(--chalk2)}
.steps-nav li.done i::after{content:"";display:inline-block;width:9px;height:5px;margin-left:6px;border-left:2px solid var(--brass1);border-bottom:2px solid var(--brass1);transform:rotate(-45deg) translateY(-3px)}
.steps-nav li.flag span::after{content:" · you stopped here";font-family:var(--fc);color:var(--brass1);font-size:15px}
.wizard{max-width:720px}
.wizard fieldset.step{border:0}
.wizard h2{font-size:clamp(32px,3.4vw,48px);margin:6px 0 26px}
.wizard h2:focus{outline:0}
.group{margin-bottom:6px}
.group .msg{display:none;font-family:var(--fc);color:#f0a6a6;font-size:15.5px}
.group.err .msg{display:block}
.group.err .choice{border-color:rgba(229,138,138,.6)}
.wiz-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:30px;padding-top:22px;border-top:1px solid rgba(236,232,220,.14)}
.review div{display:grid;grid-template-columns:180px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid rgba(236,232,220,.14)}
.review dt{font-family:var(--fp);letter-spacing:.1em;font-size:13px;color:var(--chalk3);padding-top:3px}
.review dd{color:var(--chalk)}
.resume{border:1.5px dashed var(--brass2);padding:18px 22px;margin-bottom:34px;background:rgba(201,162,90,.06)}
.drop{position:relative}
@media(max-width:860px){
  .wiz-grid{grid-template-columns:1fr}
  .steps-nav{position:static;display:flex;overflow-x:auto;border-left:0;border-bottom:1.5px solid rgba(236,232,220,.2);gap:4px;scrollbar-width:none}
  .steps-nav button{padding:10px 12px 12px 0;font-size:14.5px;white-space:nowrap;gap:6px}
  .steps-nav i{font-size:18px;width:auto}
  .steps-nav li.now::before{left:0;right:12px;top:auto;bottom:-1.5px;width:auto;height:3px}
  .steps-nav li:not(.now) span{display:none}
  .steps-nav li.flag span{display:inline}
  .steps-nav li.flag span::after{content:" · here"}
  .review div{grid-template-columns:1fr;gap:2px}
}