.container-trails{flex-direction:column;align-items:center;width:100%;height:auto;display:flex}.container-trails .content-trails{width:var(--width);max-width:var(--max-width);flex-direction:column;justify-content:center;align-items:center;height:auto;padding:75px 0;display:flex}.container-trails .content-trails .text{text-align:center;flex-direction:column;align-items:center;width:95%;max-width:750px;height:auto;display:flex}.container-trails .content-trails .text .eyebrow{color:var(--clr-primary-a0);background:var(--white);border:1px solid var(--clr-primary-a0);border-radius:999px;align-items:center;gap:8px;margin:0 0 18px;padding:8px 14px;font-family:Consolas,Menlo,Monaco,monospace;font-size:13px;font-weight:600;display:inline-flex}.container-trails .content-trails .text .eyebrow .icon{width:14px;height:14px}.container-trails .content-trails .text h1{margin:0 0 14px;font-size:48px;font-weight:800;line-height:1.2}.container-trails .content-trails .text h1 strong{color:var(--clr-primary-a0)}.container-trails .content-trails .text p{color:var(--gray);margin:0;font-size:17px;font-weight:400;line-height:26px}.container-trails .content-trails .trails-grid,.container-trails .content-trails .trails-empty{margin-top:40px}.trails-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;width:100%;display:grid}.trail-card{--accent:var(--clr-primary-a0);text-align:left;cursor:pointer;background:var(--white);border:1px solid var(--border-color);border-radius:calc(var(--border-radius) + 4px);flex-direction:column;align-items:flex-start;width:100%;padding:24px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.trail-card:before{content:"";background:var(--accent);height:4px;position:absolute;top:0;left:0;right:0}.trail-card.is-locked{--accent:var(--gray-light)}.trail-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 16px 30px #00000017}.trail-card-icon{border-radius:var(--border-radius);background:color-mix(in srgb, var(--accent) 15%, transparent);width:46px;height:46px;color:var(--accent);justify-content:center;align-items:center;margin:0 0 16px;display:flex}.trail-card-icon .icon{width:22px;height:22px}.trail-card-heading{flex-direction:row;justify-content:space-between;align-items:center;gap:10px;width:100%;margin:0 0 8px;display:flex}.trail-card-heading h3{color:var(--black);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:18px;font-weight:700;overflow:hidden}.trail-card-visibility{white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;background:var(--white-dark);color:var(--gray);border:1px solid var(--border-color);border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.trail-card-visibility.public{background:color-mix(in srgb, var(--clr-primary-a0) 15%, transparent);color:var(--clr-primary-a0);border-color:#0000}.trail-card-visibility .icon{width:11px;height:11px}.trail-card-description{color:var(--gray-light);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 20px;font-size:14px;line-height:20px;display:-webkit-box;overflow:hidden}.trail-card-footer{border-top:1px solid var(--border-color);flex-direction:row;justify-content:space-between;align-items:center;gap:10px;width:100%;margin-top:auto;padding-top:16px;display:flex}.trail-card-steps{color:var(--gray);align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.trail-card-steps .icon{width:14px;height:14px;color:var(--gray-light)}.trail-card-cta{border-radius:var(--border-radius);background:var(--accent);height:36px;color:var(--white);align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:700;transition:filter .15s;display:inline-flex}.trail-card-cta .icon{width:14px;height:14px}.trail-card:hover .trail-card-cta{filter:brightness(.92)}.trails-empty{text-align:center;border:1px dashed var(--border-color);border-radius:var(--border-radius);width:100%;color:var(--gray-light);flex-direction:column;align-items:center;padding:50px 30px;display:flex}.trails-empty .icon{width:32px;height:32px;color:var(--clr-primary-a0);margin:0 0 14px}.trails-empty h2{color:var(--black);margin:0 0 6px;font-size:17px;font-weight:600}.trails-empty p{max-width:380px;margin:0;font-size:14px;line-height:20px}@media (max-width:640px){.container-trails .content-trails .text h1{font-size:28px;line-height:1.25}.trails-grid{grid-template-columns:1fr}.trail-card{padding:18px}}