/* Machined brass plates: brushed faces, rolled edges, recessed screws. */
.logo-mark{color:#f3d59e;background:radial-gradient(circle at 38% 29%,#d3a366 0,#9d6039 30%,#5e321e 70%);border:1px solid #d5a266;outline:1px solid #684128;outline-offset:3px;box-shadow:inset 0 0 0 3px #522c1d,inset 0 0 0 4px #d1a46a77,inset 1px 2px 3px #f9d39b66,0 4px 12px #0007;text-shadow:0 1px 1px #351b0d}
.navlink,.ctl,.step-button,.chip-link{position:relative;color:#d9b688;border:1px solid #9b6c3e99;background:repeating-linear-gradient(0deg,#fff6c303 0 1px,#17090503 1px 3px),linear-gradient(160deg,#60402b 0%,#342016 24%,#291a12 62%,#462a18 100%);box-shadow:inset 0 1px #e0b27757,inset 0 -2px #100806aa,0 3px 8px #0004;text-shadow:0 1px 2px #0009;border-radius:3px;transition:color .2s,border-color .2s,box-shadow .2s,background .2s}
.navlink::before,.ctl::before,.chip-link::before{content:'';position:absolute;inset:3px;border:1px solid #c59a6230;border-radius:1px;pointer-events:none}
.navlink::after,.ctl::after{content:'';position:absolute;left:6px;right:6px;top:50%;height:3px;transform:translateY(-50%);pointer-events:none;background:radial-gradient(circle at 1.5px 50%,#26130b 0 1px,#cca164 1.2px 1.5px,transparent 1.7px),radial-gradient(circle at calc(100% - 1.5px) 50%,#26130b 0 1px,#cca164 1.2px 1.5px,transparent 1.7px)}
.navlink:hover,.ctl:hover,.step-button:not(:disabled):hover,.chip-link:hover{color:#ffedc6;border-color:#d9ac70;box-shadow:inset 0 1px #f7d6a388,inset 0 -2px #160a08aa,0 0 17px #b57b3329}
.navlink:active,.ctl:active,.step-button:not(:disabled):active{box-shadow:inset 0 2px 5px #0008,inset 0 0 0 3px #12080566}
.navlink[aria-current='step'],.ctl[aria-pressed='true']{color:#ffe9bd;border-color:#e0b276;background:linear-gradient(160deg,#855937,#4d2c19 40%,#5c3b23);box-shadow:inset 0 1px #efc99570,inset 0 -2px #190c07,0 0 14px #b7803322}
.step-button{border-radius:50%;box-shadow:inset 0 0 0 3px #2b190f,inset 0 0 0 4px #ac81403b,inset 0 1px #efc88a66,0 3px 7px #0005}
.cta{position:relative;color:#2b160b;background:repeating-linear-gradient(0deg,#fff6cf0a 0 1px,#20100707 1px 3px),linear-gradient(120deg,#ab7441,#edcf93 27%,#e2b777 52%,#c39557 76%,#af7440);border:1px solid #f5d79c;border-radius:3px;box-shadow:inset 0 1px #fff3c3,inset 0 -3px #75422188,0 5px 17px #0006;text-shadow:0 1px #ffedba55;transition:box-shadow .2s,filter .2s}
.cta::before{content:'';position:absolute;inset:4px;border:1px solid #794e2980;pointer-events:none}
.cta::after{content:'';position:absolute;inset:8px 6px;pointer-events:none;background:radial-gradient(circle at 1px 1px,#634123 0 1px,transparent 1.3px),radial-gradient(circle at calc(100% - 1px) calc(100% - 1px),#634123 0 1px,transparent 1.3px)}
.cta:hover{filter:brightness(1.12);box-shadow:inset 0 1px #fff3c3,inset 0 -3px #75422188,0 5px 23px #c58c3d38}
.cta:active{box-shadow:inset 0 3px 7px #59331770}
.cta.done{background:linear-gradient(120deg,#36281b,#53452d);color:#edd3a5;border-color:#af9060;text-shadow:none;box-shadow:inset 0 2px 5px #0005}
@media(max-width:760px){.navlink::after{display:none}.ctl::after{left:5px;right:5px}.navlink::before,.ctl::before{inset:3px}}