/* The pages around the board (sign in, account, Claude access), on top of style.css's tokens. */
body{display:block;overflow:auto;min-height:100%}
.sbar{display:flex;align-items:center;gap:16px;padding:14px 28px;background:var(--bar);border-bottom:1px solid var(--line)}
.sbar .brand{color:inherit;text-decoration:none}
.sbar nav{display:flex;align-items:center;gap:8px;margin-left:auto}
.sbar nav form{margin:0}
.sbar a.pill{text-decoration:none}
.page{max-width:760px;margin:0 auto;padding:32px 24px 64px}
.page h1{font-size:28px;margin:0 0 6px}
.page h2{font:700 17px/1.2 var(--disp);margin:0}
.lede{color:var(--mute);margin:0 0 24px}
.panel{display:flex;flex-direction:column;gap:14px;background:var(--list);border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:20px}
.panel p{margin:0;color:var(--mute)}
.panel code{font-size:13px;background:var(--wash);padding:1px 5px;border-radius:5px;overflow-wrap:anywhere}
.fl{display:flex;flex-direction:column;gap:5px;font-weight:500}
.fi{width:100%;font:inherit;color:var(--ink);background:var(--field);border:1px solid var(--line2);border-radius:10px;padding:8px 11px}
.fi:focus{outline:2px solid var(--accent);outline-offset:0;border-color:transparent}
textarea.fi{resize:vertical;font:13px/1.45 ui-monospace,Consolas,monospace}
.row3{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}
.chkrow{display:flex;align-items:center;gap:8px;color:var(--mute)}
.copyrow{display:flex;gap:8px;align-items:flex-start}
.copyrow .fi{flex:1;min-width:0}
.note{padding:10px 14px;border-radius:10px;border:1px solid var(--line2);background:var(--field)}
.note.err{border-color:var(--err);color:var(--err)}
.note.ok{border-color:var(--accent)}
.warn{border-left:3px solid var(--warn);padding:2px 0 2px 12px}
.new{border:1px solid var(--accent);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;background:var(--field)}
.tw{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:13.5px}
th{text-align:left;font-weight:600;color:var(--mute)}
th,td{padding:7px 8px;border-bottom:1px solid var(--line);vertical-align:top}
td.nw{white-space:nowrap}
.dim{color:var(--faint)}
ol.steps{margin:0;padding-left:20px;color:var(--mute);display:flex;flex-direction:column;gap:6px}
.login{max-width:380px;margin:0 auto;padding:9vh 20px 0}
.login .brand{justify-content:center;margin-bottom:20px}
@media (max-width:600px){.row3{grid-template-columns:1fr}.sbar{padding:12px 16px}.page{padding:24px 16px 48px}}