/* FYJ Founder Bot — corrected build ("Grok Bot"). Warm, low-saturation, mobile-first. */
:root{
  --bg:#f6f3ec; --surface:#fdfbf6; --ink:#37332b; --muted:#6e675a; --faint:#98907f;
  --line:#e3dccc; --accent:#8a5636; --accent-soft:#f0e4d8; --ok:#5c6f4e; --warn:#9a6b2f;
  --bad:#a04a3a; --tag:#ece5d6; --radius:10px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);
  font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;}
a{color:var(--accent);text-decoration:none;border-bottom:1px solid #d9c4ae}
a:hover{background:var(--accent-soft)}
h1{font-size:1.55rem;line-height:1.25;margin:.2em 0 .5em;font-weight:650}
h2{font-size:1.15rem;margin:2.2em 0 .6em;font-weight:650;border-top:1px solid var(--line);padding-top:1.4em}
h3{font-size:1rem;margin:1.6em 0 .4em;font-weight:650}
p{margin:.55em 0}
.wrap{max-width:760px;margin:0 auto;padding:0 18px 90px}
header.site{background:var(--surface);border-bottom:1px solid var(--line);padding:14px 18px 10px}
header.site .brand{font-weight:700;font-size:1.02rem}
header.site .brand a{border:none;color:var(--ink)}
.view-toggle{float:right;font-size:.85rem;margin-top:2px}
.view-toggle a{display:inline-block;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--muted)}
.view-toggle a.on{background:var(--accent);color:#fff;border-color:var(--accent)}
nav.tabs{clear:both;display:flex;flex-wrap:wrap;gap:6px;padding-top:10px}
nav.tabs a{display:inline-flex;align-items:center;min-height:44px;border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:.85rem;color:var(--muted);background:transparent}
nav.tabs a.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.view-toggle a{display:inline-flex;align-items:center;min-height:44px}
.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.crumb{font-size:.8rem;color:var(--faint);margin:14px 0 0}
.lede{font-size:1.06rem;color:var(--ink)}
.muted{color:var(--muted)} .faint{color:var(--faint);font-size:.85rem}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:16px 18px;margin:14px 0}
.card h3{margin-top:0}
.badge{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.02em;
  padding:2px 9px;border-radius:999px;background:var(--tag);color:var(--muted);margin-right:6px;white-space:nowrap}
.badge.open{background:#e6ead9;color:#4d5f3f}
.badge.archived,.badge.retired{background:#efe7db;color:#8a6b4d}
.badge.blocked{background:#f3e2da;color:#8f4a35}
.badge.proposed{background:#f0e4d8;color:#8a5636}
.badge.send{background:#e6ead9;color:#4d5f3f}
.badge.suppress{background:#efe7db;color:#8a6b4d}
.badge.digest{background:#e4e8ee;color:#4c5a70}
.badge.gap{background:#f3e2da;color:#8f4a35}
.meta{font-size:.82rem;color:var(--faint);margin-top:8px}
table{border-collapse:collapse;width:100%;font-size:.9rem;margin:10px 0}
th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.num{font-variant-numeric:tabular-nums}
.countrow{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.count{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:10px 14px;min-width:120px;flex:1 1 140px}
.count .v{font-size:1.35rem;font-weight:700;font-variant-numeric:tabular-nums}
.count .l{font-size:.78rem;color:var(--muted)}
.honest{border-left:3px solid var(--accent);background:var(--accent-soft);
  padding:12px 16px;border-radius:0 var(--radius) var(--radius) 0;margin:14px 0}
.gapbox{border-left:3px solid var(--warn);background:#f7efe2;padding:12px 16px;
  border-radius:0 var(--radius) var(--radius) 0;margin:14px 0}
.rulebox{border-left:3px solid var(--muted);background:var(--surface);padding:10px 16px;margin:10px 0;border-radius:0 var(--radius) var(--radius) 0}
.src-links{font-size:.88rem;margin-top:10px;padding-top:8px;border-top:1px dashed var(--line)}
.src-links li{margin:4px 0}
ul.tight li{margin:5px 0}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.filters label{font-size:.78rem;color:var(--muted);display:block}
.filters select,.filters input{font:inherit;font-size:.9rem;padding:8px 10px;border:1px solid var(--line);
  border-radius:8px;background:#fff;min-height:44px;min-width:130px}
.tabbar{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0 4px}
.tabbar button{font:inherit;font-size:.9rem;padding:10px 16px;min-height:44px;border:1px solid var(--line);
  border-radius:999px;background:var(--surface);color:var(--muted);cursor:pointer}
.tabbar button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
details{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin:8px 0;padding:2px 14px}
details summary{cursor:pointer;padding:10px 2px;font-weight:600;min-height:44px}
details .inner{padding:0 2px 12px}
details details{margin-left:14px}
footer.site{border-top:1px solid var(--line);margin-top:50px;padding:18px;font-size:.78rem;color:var(--faint)}
code{font:.85em ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--tag);padding:1px 5px;border-radius:5px}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem}
pre.mono{white-space:pre-wrap;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px}
.orig{font-size:.92rem}
.orig h2{border:none;padding-top:.6em}
.persp-note{font-size:.85rem;color:var(--muted);background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius);padding:10px 14px}
.tick{color:var(--ok);font-weight:700}
.cross{color:var(--bad);font-weight:700}
@media (max-width:420px){
  body{font-size:15px}
  h1{font-size:1.32rem}
  .count{flex:1 1 45%}
  nav.tabs a{padding:6px 10px;font-size:.8rem}
  th,td{padding:6px 6px}
}