/* PropTradeBot guide pages: the same light design as the home page and Getting Started (2026-11-12). */
:root{
  --paper:#f5f3ee; --paper2:#ecE9e1; --ink:#15171b; --ink2:#3b3f46; --muted:#6a6e75; --line:#d9d5cb;
  --green:#0e7a4a; --green-soft:#e1efe6; --red:#b3261e; --amber:#a86a00;
  --serif:"Iowan Old Style","Charter","Palatino","Georgia",serif;
  --sans:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",sans-serif;
  --mono:ui-monospace,"SF Mono","Menlo","Consolas",monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.65}
.container,main{max-width:760px;margin:0 auto;padding:0 24px 64px}
header.site{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);margin-bottom:44px}
header.site .brand{font-family:var(--serif);font-size:22px;color:var(--ink);text-decoration:none}
header.site .brand span{color:var(--green)}
header.site nav a{color:var(--ink2);text-decoration:none;margin-left:22px;font-size:15px}
header.site nav a:hover{color:var(--ink)}
h1{font-family:var(--serif);font-weight:400;font-size:42px;line-height:1.1;letter-spacing:-.01em;margin-bottom:16px;color:var(--ink)}
h1 em{color:var(--green)}
.answer,.subtitle,.lede{font-size:19px;color:var(--ink2);margin-bottom:26px}
h2{font-family:var(--serif);font-weight:400;font-size:28px;line-height:1.2;margin:46px 0 12px;padding-top:18px;border-top:1px solid var(--line);color:var(--ink)}
h3{font-size:17px;font-weight:700;margin:24px 0 8px;color:var(--ink)}
h4{font-size:16px;font-weight:700;margin:18px 0 6px;color:var(--ink)}
p{margin-bottom:14px;color:var(--ink2)}
ul,ol{margin:0 0 16px 22px;color:var(--ink2)}
li{margin-bottom:7px;color:var(--ink2)}
b,strong{color:var(--ink)}
a{color:var(--green)}
a:hover{text-decoration:underline}
code{font-family:var(--mono);font-size:14.5px;background:var(--paper2);padding:1px 6px;border-radius:4px;color:var(--ink)}
pre{background:#121417;color:#d7dbe0;border-radius:8px;padding:14px 18px;margin:0 0 16px;overflow-x:auto;font-size:14px;line-height:1.6}
pre code{background:none;padding:0;color:inherit;white-space:pre}
table{width:100%;border-collapse:collapse;margin:12px 0 20px;font-size:15.5px}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink2)}
th{font-weight:700;color:var(--ink);font-size:14px}
.table-wrap{overflow-x:auto}
.box,.note{background:var(--green-soft);border-left:3px solid var(--green);border-radius:4px;padding:14px 18px;margin:22px 0}
.box.warn,.warn{background:#f6ead6;border-left-color:var(--amber)}
.box p:last-child,.box ul:last-child,.note p:last-child,.warn p:last-child{margin-bottom:0}
.cta{display:inline-block;background:var(--ink);color:#fff;font-weight:600;padding:12px 22px;border-radius:8px;margin:8px 12px 8px 0;text-decoration:none}
.cta:hover{text-decoration:none;opacity:.9}
.cta.line{background:none;color:var(--ink);border:1px solid var(--ink)}
.fine{font-size:13.5px;color:var(--muted)}
.back{display:none}
.nt-badge span{color:var(--ink2)}
@media (max-width:640px){h1{font-size:34px}header.site nav a{margin-left:14px;font-size:14px}}
/* support / privacy / terms / disclosures */
.contact-box{background:#fbfaf6;border:1px solid var(--line);border-radius:10px;padding:20px 24px;margin:24px 0}
.contact-box h3{margin-top:0}
.faq{margin-top:12px}
.faq-item{border-top:1px solid var(--line);padding:18px 0}
.faq-item h4{margin:0 0 6px;font-size:17px}
.faq-item p{margin-bottom:8px}
.rules-note{color:var(--muted);font-size:14.5px;margin-bottom:16px}
table.rules td:first-child{color:var(--ink);white-space:nowrap}
.updated,.last-updated{font-family:var(--mono);font-size:13px;color:var(--muted);margin-bottom:36px}
.highlight-box{background:var(--green-soft);border:1px solid #c9e2d3;border-radius:8px;padding:16px 20px;margin:22px 0}
.highlight-box p{margin-bottom:0;color:var(--ink)}
@media print{header.site nav{display:none}header.site{margin-bottom:24px}pre{white-space:pre-wrap}}
