/* Finclara broadsheet skin — overrides per-page dark themes. Load LAST in . */ @import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Newsreader:ital,opsz,wght@0,6..72,300..700;1,6..72,300..700&family=IBM+Plex+Mono:wght@400;500;600&display=swap'); :root{ /* broadsheet palette */ --paper:#f7f3ea; --paper-2:#efe9da; --sage:#e9ecdf; --ink:#1c1a16; --ink-soft:#5a5142; --rule:#d8d1bf; --rule-dark:#1c1a16; --green:#1c4d3a; --green-soft:#2a6b52; --saffron:#b54708; --midnight:#16243d; --cream:#fffdf6; --serif:"Fraunces",Georgia,serif; --bodyf:"Newsreader",Georgia,serif; --mono:"IBM Plex Mono",monospace; /* remap legacy dark-theme tokens */ --bg:var(--paper); --surface:var(--cream); --panel:var(--cream); --panel-strong:var(--paper-2); --border:var(--rule); --text:var(--ink); --muted:var(--ink-soft); --dim:#8a8070; --gold:var(--saffron); --gold-bg:rgba(181,71,8,.08); --teal:var(--green); --signal:var(--green); --good:var(--green); --green-bg:rgba(28,77,58,.08); --bg2:var(--paper-2); --bg3:var(--sage); --surface2:var(--paper-2); --border2:var(--rule); --gold2:#d05a10; --green2:var(--green-soft); --warm2:var(--saffron); --accent2:var(--saffron); --accent:var(--saffron); --rose:var(--saffron); --warm:var(--saffron); } body{background:var(--paper) !important;color:var(--ink) !important;font-family:var(--bodyf) !important} h1,h2,h3,h4,h5,.logo b{font-family:var(--serif) !important;color:var(--ink)} ::selection{background:var(--saffron);color:var(--cream)} a{color:inherit} button,input,select,textarea{font-family:var(--bodyf)} input,select,textarea{background:var(--cream);color:var(--ink);border-color:var(--rule)} table th{color:var(--ink-soft)} /* shared broadsheet header (injected on every page) */ .bs-topline{background:var(--ink);color:#cfc8b8;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase} .bs-topline-in{max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;padding:8px 24px;gap:12px;flex-wrap:wrap} .bs-topline .bs-pulse{color:#8fd9b8} .bs-topline .bs-pulse::before{content:"●";margin-right:7px;animation:bsblink 2.4s infinite} @keyframes bsblink{0%,100%{opacity:1}50%{opacity:.25}} .bs-bar{background:var(--paper);border-bottom:1px solid var(--rule-dark);position:sticky;top:0;z-index:90} .bs-bar-in{max-width:1180px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap} .bs-wordmark{font-family:var(--serif) !important;font-weight:900;font-size:26px;letter-spacing:-.02em;text-decoration:none;color:var(--ink) !important;line-height:1} .bs-wordmark .bs-mark{color:var(--green)} .bs-links{display:flex;gap:2px;flex-wrap:wrap;align-items:center} .bs-links a{font-family:var(--mono);font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;text-decoration:none;color:var(--ink);padding:6px 11px;border-radius:2px;transition:all .15s} .bs-links a:hover{background:var(--ink);color:var(--paper)} .bs-links a.bs-active{background:var(--paper-2)} .bs-links a.bs-signin{border:1px solid var(--green);color:var(--green);font-weight:600;margin-left:6px} .bs-links a.bs-signin:hover{background:var(--green);color:var(--cream)} @media(max-width:720px){.bs-wordmark{font-size:22px}.bs-links a{padding:5px 8px;font-size:10.5px}} /* broadsheet components for native pages (join/onboarding/account/console) */ .bs-wrap{max-width:1180px;margin:0 auto;padding:0 24px} .bs-narrow{max-width:640px;margin:0 auto;padding:0 24px} .bs-kicker{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--saffron);margin:46px 0 16px} .bs-kicker::before{content:"";display:inline-block;width:38px;height:2px;background:var(--saffron);vertical-align:middle;margin-right:12px} .bs-h1{font-family:var(--serif);font-weight:640;font-size:clamp(30px,4.4vw,46px);line-height:1.06;letter-spacing:-.012em;margin:0 0 14px} .bs-h1 em{font-style:italic;color:var(--green)} .bs-sub{font-size:18px;line-height:1.6;color:var(--ink-soft);max-width:60ch;margin:0 0 26px} .bs-card{background:var(--cream);border:1px solid var(--rule-dark);border-radius:4px;box-shadow:4px 4px 0 rgba(28,26,22,.16);padding:28px} .bs-label{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);display:block;margin:16px 0 6px} .bs-input,.bs-select,.bs-textarea{width:100%;border:1.5px solid var(--ink);background:var(--cream);border-radius:3px;padding:13px 14px;font-family:var(--bodyf);font-size:16px;color:var(--ink);outline:none;box-sizing:border-box} .bs-input:focus,.bs-select:focus,.bs-textarea:focus{border-color:var(--green);box-shadow:2px 2px 0 rgba(28,77,58,.25)} .bs-btn{display:inline-block;border:none;cursor:pointer;font-family:var(--mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;padding:14px 26px;border-radius:3px;transition:all .15s} .bs-btn.bs-primary{background:var(--green);color:var(--cream);box-shadow:3px 3px 0 var(--ink)} .bs-btn.bs-primary:hover{background:var(--green-soft);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)} .bs-btn.bs-primary:disabled{opacity:.55;cursor:wait;transform:none} .bs-btn.bs-ghost{background:transparent;border:1px solid var(--ink);color:var(--ink)} .bs-btn.bs-ghost:hover{background:var(--ink);color:var(--paper)} .bs-btn.bs-danger{background:transparent;border:1px solid var(--saffron);color:var(--saffron)} .bs-btn.bs-danger:hover{background:var(--saffron);color:var(--cream)} .bs-note{font-family:var(--mono);font-size:12px;color:var(--ink-soft);line-height:1.55} .bs-alert{border-left:3px solid var(--saffron);background:rgba(181,71,8,.07);padding:12px 16px;font-size:15px;margin:14px 0;border-radius:0 3px 3px 0} .bs-ok{border-left-color:var(--green);background:rgba(28,77,58,.07)} .bs-rolegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0} .bs-role{border:1px solid var(--rule-dark);background:var(--cream);border-radius:4px;padding:18px 16px;cursor:pointer;transition:all .12s;text-align:left} .bs-role:hover{background:var(--paper-2)} .bs-role.bs-on{background:var(--sage);box-shadow:3px 3px 0 var(--ink);border-color:var(--ink)} .bs-role .bs-rn{font-family:var(--serif);font-weight:700;font-size:18px} .bs-role .bs-rd{font-size:13px;color:var(--ink-soft);margin-top:5px;line-height:1.45} @media(max-width:680px){.bs-rolegrid{grid-template-columns:1fr}} .bs-table{width:100%;border-collapse:collapse;font-size:14px;background:var(--cream)} .bs-table th{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);text-align:left;padding:9px 12px;border-bottom:2px solid var(--rule-dark);font-weight:500} .bs-table td{padding:9px 12px;border-bottom:1px solid var(--rule);text-align:left;vertical-align:top} .bs-table tr:hover td{background:var(--paper-2)} .bs-pill{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:20px;border:1px solid var(--rule-dark);white-space:nowrap} .bs-pill.applied{background:rgba(181,71,8,.12)} .bs-pill.verified{background:var(--sage)} .bs-pill.live{background:var(--green);color:var(--cream);border-color:var(--green)} .bs-pill.rejected{background:#e8d8d2} .bs-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:2px solid var(--rule-dark);margin:24px 0 18px} .bs-tab{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;background:none;border:none;cursor:pointer;padding:10px 16px;color:var(--ink-soft)} .bs-tab.bs-on{background:var(--ink);color:var(--paper);border-radius:3px 3px 0 0} .bs-footer{background:var(--ink);color:#cfc8b8;padding:38px 0 44px;text-align:center;margin-top:70px} .bs-footer .bs-fmark{font-family:var(--serif);font-weight:900;font-size:28px;color:var(--paper)} .bs-footer .bs-fmark span{color:#8fd9b8} .bs-footer p{font-family:var(--mono);font-size:11px;letter-spacing:.08em;margin-top:10px;line-height:1.8} .bs-footer a{color:#f0b269;text-decoration:none}