/* Iteration 20: calmer navigation, clearer setup and denser review surfaces. */
.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.rail a.brand{color:#F7F6F2!important;text-decoration:none}.mobile-head a.brand{color:var(--text)!important;text-decoration:none}
.ux20-learning{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ux20-learning article{display:flex;gap:14px;padding:18px 0;border-top:1px solid var(--border)}
.ux20-learning article>span{font-size:18px;color:var(--primary);font-variant-numeric:tabular-nums}
.ux20-learning h2{font-size:16px!important;margin:0 0 8px}.ux20-learning p{font-size:13px;color:var(--muted);line-height:1.6}
.ux20-wallets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ux20-wallets article{border-top:1px solid var(--border);padding:14px 0;min-width:0}
.ux20-wallets h3{font-size:14px;margin:0 0 6px;overflow-wrap:anywhere}.ux20-wallets p{font-size:12px;color:var(--muted)}
.ux20-wallets strong{display:block;font-size:22px}.ux20-wallets small{display:block;color:var(--muted);font-size:12px;margin:4px 0 10px}
[data-ux20-glossary] [hidden]{display:none!important}
.ux20-group-views{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--border);margin:8px 0 14px}
.ux20-group-views button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font:inherit;font-size:13px;min-height:44px;padding:8px 12px;cursor:pointer;border-radius:0}
.ux20-group-views button[aria-pressed=true]{border-bottom-color:var(--primary);color:var(--text);font-weight:600}
.ux20-context>summary{padding:12px 0;min-height:44px;font-size:13px;cursor:pointer}
.ux20-findings{border-top:1px solid var(--border);padding-top:14px;margin-top:14px;display:flex;gap:8px 16px;flex-wrap:wrap;font-size:13px}
.ux20-findings>b,.ux20-findings>small{flex-basis:100%}.ux20-findings>small{color:var(--muted);font-size:12px}
.ge-columns[data-member-view=selected]{grid-template-columns:minmax(0,1fr)}.ge-columns[data-member-view=selected]>aside{display:none}
.bv-example,.bv-readout small,.bv-verdict>span,.bv-verdict dt{font-size:12px}
.ux20-navigation .journey-main-links{padding-bottom:8px}
.ux20-navigation .journey-main-links .nav-link{font-weight:650}
.ux20-navigation .journey-nav-group summary{font-size:12px;letter-spacing:.045em;text-transform:uppercase}
.ux20-navigation .journey-nav-group .nav-link{padding-block:7px}
.ux20-search-start{border:1px solid var(--border);border-radius:7px;padding:16px;background:var(--surface);margin-bottom:16px}
.ux20-search-start h2{font-size:13px!important;margin:0 0 12px}
.ux20-search-start>div{display:flex;flex-wrap:wrap;gap:8px}
.ux20-task-note{display:flex;gap:8px 18px;align-items:baseline;padding:11px 14px;border-left:3px solid var(--primary);background:var(--primary-soft);font-size:13px;margin:14px 0}
.ux20-task-note span{color:var(--muted)}
.bv-verdict{display:grid;grid-template-columns:130px minmax(0,1fr) minmax(250px,.75fr);gap:18px;align-items:start;border:1px solid color-mix(in srgb,var(--primary) 45%,var(--border));background:var(--primary-soft);border-radius:7px;padding:17px 18px;margin:0 0 18px}
.bv-verdict>span{font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--primary)}
.bv-verdict h3{font-size:17px!important;margin:0 0 5px}
.bv-verdict p{font-size:12px!important;color:var(--muted);line-height:1.55;margin:0}
.bv-verdict dl{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);margin:0}
.bv-verdict dl div{background:var(--surface);padding:10px}.bv-verdict dt{font-size:12px;color:var(--muted);line-height:1.3}.bv-verdict dd{font-size:13px;font-weight:650;margin:4px 0 0}
[data-route=groups] .ge-editor{scroll-margin-top:20px}
[data-route=groups] .ge-selected{max-height:430px;overflow:auto}
[data-route=create] .steps .step{min-width:0}
@media(min-width:1180px){
 .main{max-width:1540px}
 [data-route=groups] .ge-columns>aside{position:sticky;top:16px;align-self:start}
}
@media(max-width:820px){
 .ux20-learning,.ux20-wallets{grid-template-columns:1fr}
 .bv-verdict{grid-template-columns:1fr}.bv-verdict dl{grid-template-columns:repeat(3,1fr)}
 .ux20-task-note{align-items:flex-start;flex-direction:column}
}
@media(max-width:520px){
 .bv-verdict dl{grid-template-columns:1fr}.bv-verdict dl div{display:flex;justify-content:space-between;gap:12px;align-items:center}
 .bv-verdict dd{margin:0}.ux20-search-start>div{display:grid;grid-template-columns:1fr 1fr}
 .ux20-search-start .button{white-space:normal;text-align:center}
}