/* guide.css — the Help page and the Desk. Colours and type from the CipherPathway legal pages; button pictures drawn with the rooms' own styles. */
:root{--black:#0A0A0A;--dark:#2C2C2C;--soft:#555;--arc-blue:#1B6FFF;--gold:#D4A24C;--gold-deep:#9a7530;--cream:#F8F4EC;--rule:#E5E7EB;--red:#b3402f;--green:#2e7d52}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--dark);background:linear-gradient(180deg,#F8F4EC 0%,#FFFFFF 100%);min-height:100vh}
header.site-header{background:var(--black);padding:16px 20px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center}
.header-brand{font-family:'Cambria',Georgia,serif;font-weight:600;font-size:21px;color:var(--arc-blue);letter-spacing:.06em;text-decoration:none}
.header-nav a,.header-nav button{color:#C0C0C5;text-decoration:none;font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-left:18px;font-weight:500;background:none;border:none;cursor:pointer;font-family:inherit}
.header-nav a:hover,.header-nav button:hover{color:#fff}
main.page{max-width:820px;margin:0 auto;padding:40px 20px 70px}
.eyebrow{font-size:11px;color:var(--gold);letter-spacing:.18em;text-transform:uppercase;margin:0 0 10px;font-weight:600}
h1{font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:34px;line-height:1.2;color:var(--black);margin:0 0 10px}
h2{font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:23px;color:var(--black);margin:0 0 12px}
h3{font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:17px;color:var(--black);margin:20px 0 6px}
p,li{font-size:15px;line-height:1.7}
ul,ol{padding-left:22px}
a{color:var(--arc-blue)}
.card{background:#fff;border:1px solid var(--rule);border-radius:10px;padding:22px 22px;margin:0 0 18px;box-shadow:0 2px 10px rgba(10,10,10,.03)}
.muted{color:var(--soft)} .small{font-size:13px} .center{text-align:center} .hidden{display:none!important}
.mono{font-family:Menlo,Consolas,monospace;letter-spacing:.04em}
table{border-collapse:collapse;width:100%;margin:10px 0;font-size:14px;table-layout:fixed}
th,td{border:1px solid var(--rule);padding:8px 9px;text-align:left;vertical-align:top;overflow-wrap:anywhere}
th{background:var(--black);color:#fff;font-weight:600}
.chat{margin:10px 0}
.bubble{border-radius:12px;padding:10px 14px;margin:6px 0;max-width:92%;font-size:14.5px;line-height:1.6}
.bubble.them{background:var(--cream);border:1px solid #eadfca}
.bubble.me{background:#eef4ff;border:1px solid #d6e4ff;margin-left:auto}
/* pictures of the rooms' own buttons */
.p-gate{display:inline-block;background:#d4a24c;color:#fff;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;padding:6px 12px;border-radius:2px;white-space:nowrap}
.p-buy{display:inline-block;background:rgba(212,162,76,.15);color:#9a7530;border:1px solid #D4A24C;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:5px 11px;border-radius:2px;white-space:nowrap}
.p-btn{display:inline-block;background:#0a0a0a;color:#fff;font-size:12px;font-weight:600;padding:6px 12px;border-radius:3px;white-space:nowrap}
.p-ghost{display:inline-block;background:#fff;color:#0a0a0a;border:1px solid #ccc;font-size:12px;font-weight:600;padding:5px 11px;border-radius:3px;white-space:nowrap}
.p-link{color:#9a7530;text-decoration:underline;font-size:13px;white-space:nowrap}
.p-box{display:inline-flex;align-items:center;gap:6px;font-size:13px}.p-box i{display:inline-block;width:14px;height:14px;border:1.5px solid #d4a24c;border-radius:2px}
.p-jump{display:inline-block;min-width:22px;text-align:center;border:1px solid #ccc;border-radius:3px;font-size:11px;padding:2px 4px}.p-jump.on{background:#0a0a0a;color:#fff;border-color:#0a0a0a}
/* the Desk */
input,select,textarea{font-family:inherit;font-size:15px;padding:10px 12px;border:1px solid #d5d7db;border-radius:6px;width:100%;background:#fff}
textarea{min-height:70px}
.btn{display:inline-block;background:var(--black);color:#fff;border:none;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}
.btn-gold{background:var(--gold);color:#fff}.btn-red{background:var(--red)}.btn-green{background:var(--green)}.btn-sm{padding:5px 10px;font-size:12px}
.tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.tabs button{background:#fff;border:1px solid var(--rule);border-radius:20px;padding:7px 14px;font-size:14px;cursor:pointer;font-family:inherit}
.tabs button.active{background:var(--black);color:#fff;border-color:var(--black)}
.tag2{display:inline-block;background:#f3ead6;color:#7a5b16;border-radius:10px;padding:1px 8px;font-size:11px;margin-left:4px}
.banner{border-radius:8px;padding:12px 14px;margin:10px 0}.banner-ok{background:#e3f2ea;border:1px solid #b7dcc6}.banner-bad{background:#fbeeec;border:1px solid #f0c7c0}
footer.site-footer{background:var(--black);color:#8A8A8E;text-align:center;padding:26px 20px;font-size:12px;letter-spacing:.04em;line-height:1.7}
footer.site-footer a{color:var(--gold);text-decoration:none}
@media(max-width:560px){h1{font-size:27px}.card{padding:16px 14px}.header-nav a,.header-nav button{margin-left:10px}th,td{padding:6px;font-size:12.5px}}
#lt th,#lt td{overflow-wrap:normal;font-size:13px}
#lt .mono{white-space:nowrap}
#lt .btn-sm{margin:2px 0;display:block;width:100%}