.guide-hero { background:var(--paper); border-bottom:1px solid var(--line); padding:82px 0 78px; }
.guide-hero-inner { max-width:890px; }
.guide-hero h1 { font-size:clamp(52px,6vw,84px); margin:16px 0 22px; }
.guide-hero h1 span { color:var(--blue); }
.guide-hero p { color:var(--muted); font-size:18px; line-height:1.7; max-width:720px; margin:0; }
.guide-index { display:flex; flex-wrap:wrap; gap:10px; margin-top:32px; }
.guide-index a { border:1px solid #3B454F; border-radius:999px; padding:10px 16px; color:#D6DFE7; font-size:13px; font-weight:650; }
.guide-index a:hover { border-color:var(--blue); color:var(--blue); }
.guide-layout { display:grid; grid-template-columns:200px minmax(0,1fr); gap:75px; padding-top:76px; padding-bottom:106px; }
.guide-toc { position:sticky; top:26px; align-self:start; display:grid; gap:10px; border-left:1px solid var(--line); padding-left:17px; }
.guide-toc span { color:var(--quiet); font-size:11px; font-weight:700; letter-spacing:.13em; margin-bottom:8px; }
.guide-toc a { color:var(--muted); font-size:13px; line-height:1.5; padding:5px 0; }
.guide-toc a:hover { color:var(--blue); }
.guide-main { min-width:0; }
.guide-section { scroll-margin-top:35px; border-top:1px solid var(--line); padding-top:48px; margin-top:71px; }
.guide-section:first-child { border-top:0; padding-top:0; margin-top:0; }
.guide-section h2 { font-size:clamp(36px,4vw,55px); margin:13px 0 18px; }
.guide-section h3 { font-size:23px; letter-spacing:-.035em; margin:0 0 12px; }
.guide-section > p, .guide-section .lead { color:var(--muted); line-height:1.78; font-size:16px; max-width:760px; }
.guide-section a:not(.button-primary):not(.guide-card-link) { color:var(--blue); text-decoration:underline; text-underline-offset:3px; }
.guide-section a:hover { color:var(--blue-dark); }
.guide-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:29px 0; }
.guide-step { min-width:0; border:1px solid var(--line); background:#171A20; border-radius:16px; padding:22px; }
.guide-step b { display:block; color:var(--blue); font-size:12px; letter-spacing:.12em; margin-bottom:17px; }
.guide-step h3 { font-size:18px; margin-bottom:9px; }
.guide-step p { color:var(--muted); font-size:14px; line-height:1.68; margin:0; }
.guide-steps--daily { grid-template-columns:repeat(2,minmax(0,1fr)); }
.guide-callout { border-left:3px solid var(--blue); background:#18222C; padding:20px 23px; border-radius:0 12px 12px 0; margin:26px 0; color:#D9E1E9; font-size:14px; line-height:1.7; }
.guide-callout strong { color:var(--ink); }
.guide-subsection { margin-top:42px; scroll-margin-top:32px; }
.broker-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:24px 0 0; }
.broker-card { min-width:0; border:1px solid var(--line); border-radius:16px; background:#171A20; padding:22px 23px 20px; }
.broker-card h4 { margin:0 0 9px; font-size:18px; letter-spacing:-.025em; }
.broker-card .file-type { display:inline-block; color:var(--blue); font-size:11px; font-weight:750; letter-spacing:.09em; text-transform:uppercase; margin-bottom:13px; }
.broker-card p { color:var(--muted); line-height:1.68; font-size:14px; margin:0 0 14px; }
.broker-card a { font-size:13px; font-weight:650; }
.broker-card a + a { margin-left:13px; }
.broker-links { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px 14px; }
.broker-links span { color:var(--quiet); font-size:12px; }
.broker-links a + a { margin-left:0; }
.guide-list { padding-left:21px; color:var(--muted); line-height:1.75; }
.guide-list li + li { margin-top:8px; }
.metric-list { display:grid; gap:0; margin-top:28px; border-top:1px solid var(--line); }
.metric-item { display:grid; grid-template-columns:175px 1fr; gap:20px; padding:22px 0; border-bottom:1px solid var(--line); }
.metric-item dt { font-size:16px; font-weight:700; color:var(--ink); }
.metric-item dd { margin:0; color:var(--muted); font-size:15px; line-height:1.7; }
.metric-example { background:#17222C; border:1px solid #35566A; border-radius:18px; padding:28px; margin-top:32px; }
.metric-example h3 { color:var(--ink); }
.metric-example p { color:#C6D4DF; line-height:1.75; font-size:15px; margin:0; }
.metric-example p + p { margin-top:12px; }
.guide-fine { color:var(--quiet); font-size:13px; line-height:1.7; margin-top:20px; }
.guide-next { border-top:1px solid var(--line); padding-top:47px; margin-top:69px; }
.guide-next p { color:var(--muted); line-height:1.7; max-width:620px; }
.guide-next .button-primary { margin-top:9px; }
@media (max-width:900px) {
  .guide-layout { grid-template-columns:150px minmax(0,1fr); gap:38px; }
  .guide-steps { grid-template-columns:1fr; }
}
@media (max-width:720px) {
  .guide-hero { padding:57px 0 58px; }
  .guide-hero h1 { font-size:clamp(43px,11vw,62px); }
  .guide-hero p { font-size:16px; }
  .guide-index { margin-top:26px; }
  .guide-layout { display:block; padding-top:55px; padding-bottom:75px; }
  .guide-toc { display:none; }
  .guide-section { margin-top:61px; padding-top:39px; }
  .guide-section h2 { font-size:clamp(35px,9vw,48px); }
  .broker-grid { grid-template-columns:1fr; }
  .metric-item { display:block; }
  .metric-item dt { margin-bottom:8px; }
  .metric-example { padding:22px; }
}
