/* Round B lane B: the you-card is a button for the Change editor; training rank + More… poles in the editor. Frame look only. */
.trail .you-card{position:relative;cursor:pointer}
.trail .you-card .t-title,.trail .you-card .t-band{cursor:default}
.trail .you-card .t-pencil{grid-row:3;grid-column:2;justify-self:end;align-self:start;margin:15px 15px 0 0;z-index:2;width:22px;height:22px;padding:0;display:grid;place-items:center;font:13px/1 var(--ui);color:var(--brass-2);background:rgba(0,0,0,.28);border:1px solid var(--brass-strong);cursor:pointer}
.trail .you-card .t-pencil:hover,.trail .you-card .t-pencil:focus-visible{color:#fff6e3;background:rgba(0,0,0,.45)}
.trail .you-card .t-meta{margin-right:38px}
.trail .you-card::before{transition:border-color .12s,box-shadow .12s}
.trail .you-card:has(.race-icon:hover,.t-meta:hover,.t-skill:hover,.t-pencil:hover,.t-pencil:focus-visible)::before{border-color:var(--brass-2);box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 0 1px var(--brass-2),0 0 14px rgba(229,203,144,.38)}
.seg.ranks{flex-direction:row;gap:5px}
.seg.ranks button{flex:1 1 0;flex-direction:column;align-items:center;gap:1px;padding:5px 2px 4px;font-size:11.5px}
.seg.ranks button:disabled{opacity:.42;cursor:not-allowed}
#rank-why{margin:6px 0 0}
.more-btn:not(.more-tile){margin-top:6px;padding:5px 10px;border:1px solid var(--metal-3);background:var(--metal-1);border-radius:4px;font-size:12.5px;color:inherit;cursor:pointer}
.more-btn.on,.more-btn[aria-expanded=true]{border-color:var(--gold);color:var(--gold-2)}
.seg.pole-more{margin-top:6px}
.seg.pole-more button{align-items:center;justify-content:flex-start;gap:8px}
.seg.pole-more .pm-t{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.seg.pole-more .pm-t small{font-size:11px}
.seg.pole-more .item-icon{width:28px;height:28px;flex:none}
/* Nate 11-01: More… is the third pole square, same size as Pole and Strong; a picked More… pole shows its name there */
.seg.poles .more-tile{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:1px;margin:0;font-size:11.5px}
.seg.poles .more-tile.on{border-color:var(--gold);color:var(--gold-2)}