/* Shared trade-page plan summary. Scoped so other pricing layouts stay intact. */
.tradePlan { margin-top:56px; scroll-margin-top:110px; }
.tradePlan .pstats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; padding:0; margin:0; border:1px solid var(--line); border-radius:16px 16px 0 0; background:var(--panel); overflow:hidden; }
.tradePlan .pstats > div { min-width:0; padding:28px; }
.tradePlan .pstats > div + div { border-left:1px solid var(--line); }
.tradePlan .pstats b { display:block; font-family:'Newsreader',Georgia,serif; font-size:clamp(30px,3vw,40px); font-weight:var(--w-serif); line-height:1.15; letter-spacing:-.02em; }
.tradePlan .pstats p { margin-top:14px; color:var(--dim); font-size:16px; line-height:1.6; }
.tradePlan .planAnnual { display:flex; align-items:center; justify-content:space-between; gap:16px 24px; padding:18px 28px; background:var(--sage); border:1px solid var(--sage-line); border-top:0; border-radius:0 0 16px 16px; }
.tradePlan .planAnnual p { font-size:15px; }
.tradePlan .planAnnual a { flex-shrink:0; font-size:15px; font-weight:600; text-underline-offset:5px; }
.tradePlan .planNote { margin:16px 0 24px; color:var(--dim); font-size:14px; }
.tradePlan .planDetails { border-top:1px solid var(--line); }
.tradePlan .planDetails details { border-bottom:1px solid var(--line); }
.tradePlan .planDetails summary { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:60px; padding:16px 0; font-size:16px; font-weight:600; cursor:pointer; list-style:none; }
.tradePlan .planDetails summary::-webkit-details-marker { display:none; }
.tradePlan .planDetails summary::after { content:'+'; color:var(--hand); font-size:24px; font-weight:400; line-height:1; }
.tradePlan .planDetails details[open] > summary::after { content:'−'; }
.tradePlan .planDetailBody { max-width:760px; padding:0 32px 22px 0; color:var(--dim); font-size:15px; line-height:1.7; }
.tradePlan .planDetailBody p + p { margin-top:12px; }
.tradePlan a:focus-visible, .tradePlan summary:focus-visible, .buildCredentials summary:focus-visible { outline:2px solid var(--hand); outline-offset:5px; border-radius:2px; }
.buildCredentials { margin-top:18px; }
.buildCredentials summary { min-height:44px; display:list-item; list-style-position:inside; padding:10px 0; color:var(--dim); cursor:pointer; font-size:14px; font-weight:600; }
body > .buildCredentials { max-width:1120px; margin:18px auto 0; padding:0 24px; }
.buildCredentials p { margin-top:8px; max-width:740px; color:var(--dim); font-size:15px; }
@media (max-width:760px) {
  .tradePlan { margin-top:44px; }
  .tradePlan .pstats { grid-template-columns:1fr; }
  .tradePlan .pstats > div { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:center; gap:20px; padding:24px; }
  .tradePlan .pstats > div + div { border-left:0; border-top:1px solid var(--line); }
  .tradePlan .pstats b { font-size:32px; }
  .tradePlan .pstats p { margin:0; font-size:14px; }
  .tradePlan .planAnnual { flex-wrap:wrap; padding:18px 24px; gap:12px; }
}
@media (max-width:360px) {
  .tradePlan .pstats > div { padding:20px; gap:16px; }
  .tradePlan .pstats b { font-size:28px; }
}
