/* Account → Quick Access tab. v1
   The .doc / .mb rules below are a VERBATIM copy of race.css (.doclist/.doc) and
   press.css (.mblist/.mb) so the rider/press downloads render IDENTICALLY here and on
   the Race/Press pages. Scoped under .pg-account so nothing bleeds onto other components.
   ⚠ If race.css/press.css change those rules, mirror the change here. */

/* the two self-select option cards — SIDE BY SIDE */
.qa-panel{max-width:620px}
.qa-opts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.qa-opt{display:flex;align-items:flex-start;gap:12px;cursor:pointer;border:1px solid var(--line);border-radius:12px;padding:15px 16px;background:rgba(0,28,16,.4);transition:border-color .2s ease,background .2s ease}
.qa-opt:hover{border-color:rgba(40,152,81,.5)}
.qa-opt.on{border-color:var(--leaf);border-left:4px solid var(--leaf);background:rgba(0,28,16,.65)}
.qa-opt input{flex:0 0 auto;width:20px;height:20px;margin-top:2px;accent-color:var(--leaf)}
.qa-opt .qa-lbl{display:flex;flex-direction:column;gap:3px;min-width:0}
.qa-opt .qa-lbl b{font-family:var(--disp);font-weight:700;text-transform:uppercase;font-size:15px;letter-spacing:.3px;color:var(--cream);line-height:1.2}
.qa-opt .qa-lbl span{font-family:var(--body);font-size:13px;opacity:.75}
.qa-section{margin-top:26px}
.qa-section[hidden]{display:none}
.qa-section .acc-h3{margin-bottom:14px}

/* ---- mirror of race.css .doclist/.doc ---- */
.pg-account .doclist{display:flex;flex-direction:column;gap:14px;margin-bottom:10px}
.pg-account .doc{display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-left:4px solid var(--leaf);border-radius:12px;padding:18px 20px;background:rgba(0,28,16,.5);text-decoration:none;transition:background .25s ease,border-color .25s ease}
.pg-account .doc:hover{background:rgba(0,28,16,.75);border-left-color:var(--orange)}
.pg-account .doc .ic{flex:0 0 auto;width:40px;height:40px;border-radius:8px;background:var(--leaf);color:var(--forest);display:flex;align-items:center;justify-content:center;font-family:var(--data);font-weight:700;font-size:11px;letter-spacing:.5px}
.pg-account .doc.external .ic{background:var(--teal);color:var(--cream)}
.pg-account .doc .meta{flex:1;min-width:0}
.pg-account .doc .meta .card-title{line-height:1.25}
.pg-account .doc .upd{display:block;font-family:var(--data);letter-spacing:1px;text-transform:uppercase;font-size:11px;color:var(--leaf);margin-top:4px}
.pg-account .doc .arrow{flex:0 0 auto;font-size:20px;color:var(--cream);opacity:.6}

/* ---- mirror of press.css .mblist/.mb ---- */
.pg-account .mblist{margin-top:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.pg-account .mb{display:flex;align-items:center;gap:14px;padding:14px 16px;border-top:1px solid rgba(228,228,216,.08);text-decoration:none;transition:background .2s ease}
.pg-account .mb:first-child{border-top:0}
.pg-account .mb:hover{background:rgba(0,28,16,.5)}
.pg-account .mb .ic{flex:0 0 auto;width:38px;height:38px;border-radius:8px;background:var(--forest-2);color:var(--orange);display:flex;align-items:center;justify-content:center;font-size:20px}
.pg-account .mb .t{flex:1;min-width:0;font-family:var(--disp);font-weight:700;text-transform:uppercase;font-size:15px;color:var(--cream);line-height:1.15}
.pg-account .mb .dl{flex:0 0 auto;font-family:var(--data);letter-spacing:1px;text-transform:uppercase;font-size:11px;color:var(--leaf)}

@media(max-width:560px){.pg-account .doc{flex-wrap:wrap}}

/* ===== Rider/Team competitor documents — quicklinks on the account Downloads tab ===== */
.rd-h{margin-top:26px}
.rd-links{display:flex;flex-direction:column;gap:9px;margin:12px 0 6px}
.rd-link{display:flex;align-items:center;gap:13px;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:rgba(22,22,22,.5);text-decoration:none;transition:border-color .2s ease,background .2s ease}
.rd-link:hover{border-color:var(--leaf);background:rgba(0,28,16,.5)}
.rd-ic{flex:0 0 auto;min-width:42px;height:34px;padding:0 7px;border-radius:7px;background:var(--forest-2);color:var(--orange);display:flex;align-items:center;justify-content:center;font-family:var(--data);font-weight:700;font-size:10.5px;letter-spacing:.5px}
.rd-t{flex:1;min-width:0}
.rd-t b{display:block;font-family:var(--disp);font-weight:700;text-transform:uppercase;font-size:14.5px;color:var(--cream);line-height:1.25}
.rd-t span{display:block;font-family:var(--data);letter-spacing:.5px;text-transform:uppercase;font-size:11px;color:var(--leaf);margin-top:3px}
.rd-a{flex:0 0 auto;color:var(--leaf);font-size:16px;opacity:.75}
/* "to follow" — listed so competitors know it's coming, but plainly not a download */
.rd-link.pending{cursor:default;opacity:.55;border-style:dashed}
.rd-link.pending:hover{border-color:var(--line);background:rgba(22,22,22,.5)}
.rd-link.pending .rd-ic{background:transparent;border:1px dashed var(--line);color:var(--cream);letter-spacing:1px}
.rd-link.pending .rd-t span{color:var(--cream);opacity:.7}