/* guide.css - the guides' own parts (2026-10-19 SEO review): the byline, the "in MetaTrader" steps box and the lot size
   calculator. Kept apart from site.css (generated from the home page's inline CSS by tools/brand/landing_css.py) so the
   home page and the two edition pages stay unchanged while the Google ads run their first week; fold these rules into
   the home page's CSS after 27 October 2026. */
.guide .byline{font-size:14px;color:var(--muted);margin:0 0 18px}
.guide .byline a{color:inherit}
.guide .builtin{background:var(--fill);border:1px solid var(--line);border-radius:10px;padding:16px 20px;margin:14px 0 18px}
.guide .builtin h2{margin-top:0;border-bottom:0;padding-bottom:0;font-size:20px}
.guide .builtin ol{margin-bottom:8px}
.guide .builtin p{margin:0 0 8px}
.guide .builtin p:last-child{margin-bottom:0}
.guide .calc{background:var(--fill);border:1px solid var(--line);border-radius:10px;padding:18px 20px;margin:14px 0 18px}
.guide .calc h2{margin-top:0}
.guide .calc .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 16px}
.guide .calc label{display:grid;gap:4px;font-size:14px;color:var(--text-2)}
.guide .calc input,.guide .calc select{min-height:44px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);font:inherit;font-size:16px;width:100%;min-width:0}
.guide .calc input:focus-visible,.guide .calc select:focus-visible{outline:3px solid var(--orange);outline-offset:1px}
.guide .calc output{display:block;margin-top:16px;font-size:17px;color:var(--text-2)}
.guide .calc output b{font-family:var(--display);font-size:30px;font-weight:500;color:var(--text)}
.guide .calc .note{font-size:14px;color:var(--muted);margin:8px 0 0}
.guide .calc .warn{color:var(--orange-t)}
.guide .list dt{font-weight:600;margin-top:14px}
.guide .list dd{margin:2px 0 0;color:var(--text-2)}
/* the link from the guide's simple calculator to the full one on the Tools page (2026-10-20, TOOLS_PROMPT.md T3) */
.guide .calc-card{background:var(--fill);border:1px solid var(--line);border-radius:10px;padding:14px 18px;margin:0 0 18px}
/* the row names of the symbol specification guide break between words on a phone, not inside them (site.css lets
   any table cell break anywhere there) */
@media (max-width:719px){.guide .rows td:first-child{width:36%;overflow-wrap:normal;hyphens:manual}}