/* Role guide presentation v4: job-first helper cards with a mini flow, featured collection (audience-smb-v4) */
.rx-picker { margin-bottom:1.75rem; }
.rx-wrap { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.1rem; align-items:stretch; }
.rx-grid { display:contents; }
.rx-card { display:flex; flex-direction:column; background:var(--surface); border:1px solid var(--line); border-radius:16px; overflow:hidden; min-width:0; }
.rx-card:hover { border-color:#4A587A; }
.rx-flow { display:flex; align-items:center; justify-content:space-between; gap:.25rem; padding:1rem .8rem .9rem; background:linear-gradient(180deg,#18243C 0%, #131C2E 100%); border-bottom:1px solid var(--line); min-height:6.4rem; }
.rx-node { flex:1 1 0; min-width:0; display:flex; flex-direction:column; align-items:center; gap:.35rem; text-align:center; }
.rx-node .ic { width:2.3rem; height:2.3rem; padding:.5rem; border-radius:10px; background:#22304D; color:var(--heading); stroke-width:1.9; }
.rx-node span { font-size:.68rem; line-height:1.2; color:var(--ink); font-weight:600; }
.rx-ok .ic { background:var(--accent); color:var(--accent-ink); }
.rx-ok span { color:var(--heading); }
.rx-arr { flex:0 0 .9rem; height:2px; background:var(--ink-soft); position:relative; margin-bottom:1.1rem; }
.rx-arr::after { content:""; position:absolute; right:-1px; top:-4px; border-left:6px solid var(--ink-soft); border-top:5px solid transparent; border-bottom:5px solid transparent; }
.rx-body { display:flex; flex-direction:column; flex:1; padding:1.05rem 1.1rem 1.15rem; }
.rx-job { display:flex; align-items:baseline; gap:.5rem; margin:0; font-size:1.2rem; font-weight:800; letter-spacing:-.015em; line-height:1.2; color:var(--heading); min-height:2.9rem; }
.rx-n { font-size:.72rem; font-weight:700; color:var(--ink-soft); letter-spacing:.06em; flex:none; }
.rx-card .rg-title { margin:.35rem 0 0; font-size:.8rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; line-height:1.35; }
.rx-card .rg-title a { color:var(--ink-soft); }
.rx-card .rg-title a:hover { color:var(--accent); }
.rx-card .rg-sum { margin:.55rem 0 0; font-size:.92rem; line-height:1.45; color:var(--heading); }
.rx-does { list-style:none; margin:.75rem 0 0; padding:0; }
.rx-does li { position:relative; padding:.32rem 0 .32rem 1.2rem; font-size:.85rem; line-height:1.35; color:var(--ink); border-top:1px solid var(--line); }
.rx-does li:first-child { border-top:0; }
.rx-does li::before { content:"\2713"; position:absolute; left:0; top:.32rem; font-size:.8rem; color:var(--ink-soft); font-weight:700; }
.rx-foot { margin-top:auto; padding-top:1rem; display:flex; align-items:center; justify-content:space-between; gap:.6rem; flex-wrap:nowrap; }
.rx-foot .rg-price { font-size:1.5rem; font-weight:800; color:var(--heading); }
.rx-foot .rg-links { display:flex; align-items:center; gap:.8rem; font-size:.88rem; }
.rx-buy { display:inline-block; padding:.5rem .95rem; border-radius:999px; background:var(--accent); color:var(--accent-ink) !important; font-weight:700; white-space:nowrap; text-decoration:none; }
.rx-buy:hover { background:var(--accent-hover); }
.rx-coll { position:relative; display:flex; flex-direction:column; background:linear-gradient(180deg,#2A2414 0%, #161D2D 55%); border:2px solid var(--accent); border-radius:16px; padding:1.2rem 1.2rem 1.25rem; min-width:0; }
.rx-badge { display:inline-block; align-self:flex-start; margin:0; padding:.25rem .65rem; border-radius:999px; background:var(--accent); color:var(--accent-ink); font-size:.72rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.rx-coll-h { margin:.9rem 0 0; font-size:1.35rem; font-weight:800; color:var(--heading); letter-spacing:-.015em; }
.rx-coll-price { margin:.4rem 0 0; color:var(--ink-soft); }
.rx-coll-price span { font-size:2.6rem; font-weight:800; color:var(--accent); letter-spacing:-.03em; line-height:1; }
.rx-coll-price { font-weight:600; }
.rx-coll-sub { margin:.45rem 0 0; font-size:.9rem; color:var(--heading); }
.rx-coll .rx-does { margin-top:.8rem; }
.rx-coll .rx-does li::before { color:var(--accent); }
.rx-coll-btn { margin-top:auto !important; align-self:stretch; text-align:center; }
.rx-coll .rx-does + .rx-coll-btn { margin-top:1.1rem; }
.rx-quiet-link { margin-top:.75rem; text-align:center; color:var(--ink-soft); font-size:.88rem; font-weight:600; }
.rx-quiet-link:hover { color:var(--heading); }
.rx-swipe { display:none; }
@media (max-width:1180px){ .rx-wrap { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:720px){
  .rx-wrap { display:block; }
  .rx-grid { display:flex; gap:.85rem; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; margin:0 -1.5rem; padding:0 1.5rem .5rem; scroll-padding:0 1.5rem; scrollbar-width:none; }
  .rx-grid::-webkit-scrollbar { display:none; }
  .rx-card { flex:0 0 82%; scroll-snap-align:start; }
  .rx-job { min-height:0; }
  .rx-coll { margin-top:1.1rem; }
  .rx-coll-btn { margin-top:1.1rem !important; }
  .rx-swipe { display:block; margin:.6rem 0 0; font-size:.85rem; color:var(--ink-soft); order:-1; }
  main .rx-buy { width:auto; }
}
.guide-sum + .rx-picker { margin-top:1.5rem; }