/* /guides: articles for traders (same shell as the install and support pages) */
.guide-kicker { margin: 0 0 14px !important; font-size: .95rem; }
.guide-kicker a { color: #7CF5C2; text-decoration: none; }
.guide-kicker a::before { content: "\2190  "; }
.guide-meta { margin-top: 18px !important; font-size: .9rem; color: #7f948b !important; }
.guide-toc { display: grid; gap: 6px; margin: 0 0 40px; padding: 18px 22px; border-radius: 14px; background: rgba(255, 255, 255, .03); border: 1px solid rgba(255, 255, 255, .08); }
.guide-toc b { font-size: .85rem; letter-spacing: .06em; text-transform: uppercase; color: #93a8a0; margin-bottom: 4px; }
.guide-toc a { color: #cfe3da; text-decoration: none; }
.guide-toc a:hover { color: #7CF5C2; }
.guide h2 { scroll-margin-top: 110px; width: fit-content; background: linear-gradient(180deg, #c9ffe6 0%, #7cf5c2 45%, #2ee59d 100%); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
.guide-formula { max-width: none !important; margin: 14px 0 !important; padding: 14px 18px; border-radius: 12px; background: #030806; border: 1px solid rgba(46, 229, 157, .25); color: #e6f4ee !important; font-family: "JetBrains Mono", ui-monospace, Consolas, monospace; font-size: .95rem; }
.guide-figure { margin: 26px 0; }
.guide-figure img { display: block; width: 100%; height: auto; border-radius: 14px; border: 1px solid rgba(255, 255, 255, .08); }
.guide-figure figcaption { margin-top: 10px; font-size: .9rem; color: #93a8a0; }
.guide-table-wrap { overflow-x: auto; margin: 18px 0 20px; border-radius: 14px; border: 1px solid rgba(255, 255, 255, .1); }
.guide-table { width: 100%; border-collapse: collapse; font-size: .95rem; min-width: 560px; }
.guide-table th, .guide-table td { padding: 12px 14px; text-align: left; border-bottom: 1px solid rgba(255, 255, 255, .07); color: #c6d4ce; vertical-align: top; }
.guide-table thead th { color: #fff; background: rgba(46, 229, 157, .08); font-weight: 600; }
.guide-table tbody th { color: #e6f4ee; font-weight: 600; }
.guide-table tr:last-child th, .guide-table tr:last-child td { border-bottom: 0; }
.guide-cta { display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; margin: 48px 0 24px; padding: 22px 24px; border-radius: 18px; background: rgba(6, 14, 10, .6); border: 1px solid rgba(46, 229, 157, .3); }
.guide-cta b { display: block; font-size: 1.15rem; color: #fff; }
.guide-cta span { color: #a8b8b1; }
.guide-risk { font-size: .85rem; color: #7f948b !important; }
.guide-list { display: grid; gap: 16px; }
.guide-card { display: block; padding: 22px 24px; border-radius: 18px; background: rgba(6, 14, 10, .6); border: 1px solid rgba(46, 229, 157, .22); text-decoration: none; transition: border-color .2s, transform .2s; }
.guide-card:hover { border-color: rgba(46, 229, 157, .55); transform: translateY(-2px); }
.guide-card b { display: block; font-size: 1.2rem; color: #fff; margin-bottom: 6px; }
.guide-card span { display: block; color: #a8b8b1; }
.guide-card em { display: inline-block; margin-top: 12px; font-style: normal; color: #7CF5C2; font-weight: 600; }

.guide-options { display: none; gap: 12px; margin: 16px 0 20px; }
.guide-option { padding: 16px 18px; border-radius: 14px; background: rgba(255, 255, 255, .03); border: 1px solid rgba(255, 255, 255, .1); }
.guide-option b { display: block; font-size: 1.08rem; color: #7CF5C2; margin-bottom: 6px; }
.guide-option dl { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 14px; margin: 0; }
.guide-option dt, .guide-option dd { margin: 0; padding: 8px 0; border-top: 1px solid rgba(255, 255, 255, .06); }
.guide-option dt { color: #93a8a0; }
.guide-option dd { color: #e6f4ee; font-weight: 500; }

/* phones: bigger section titles, calmer spacing, comparison table as cards (no sideways scrolling) */
@media (max-width: 700px) {
  .doc-hero { padding-top: 118px; }
  .guide h2 { font-size: 1.6rem; line-height: 1.2; margin: 40px 0 12px; }
  .guide h3 { font-size: 1.14rem; margin: 24px 0 8px; }
  .guide-toc { padding: 16px 18px; margin-bottom: 32px; }
  .guide-formula { padding: 12px 14px; font-size: .88rem; overflow-wrap: anywhere; }
  .guide-figure { margin: 20px 0; }
  .guide-cta { padding: 20px; }
  .guide-cta .btn { width: 100%; justify-content: center; }
  .guide-table-wrap { display: none; }
  .guide-options { display: grid; }
}