/* Taipei Ledger house style for the section pages. Loaded after each page's own <style> (ledger.build_site adds it and
   the masthead), so it redefines the shared tokens (--bg --card --ink --mut --line --acc --up --dn) and the type. */
:root{--bg:#F4EEE2;--card:#FBF8F2;--ink:#15181C;--mut:#5C6168;--line:#D9CFBD;--acc:#B4322B;--up:#11745A;--dn:#B3261E;
--serif:"Newsreader",Georgia,"Times New Roman",serif;--sans:"Inter",-apple-system,"Segoe UI",Roboto,sans-serif;
--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace}
@media (prefers-color-scheme:dark){:root{--bg:#121417;--card:#1A1D21;--ink:#ECE7DC;--mut:#9DA2AA;--line:#2C3036;
--acc:#E0645C;--up:#4CC69B;--dn:#F07A70}}
body{background:var(--bg);font-family:var(--sans);-webkit-text-size-adjust:100%}
.wrap{padding-top:0!important}

/* masthead */
.tl-mast{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:18px 0 14px}
.tl-mast img{height:42px;width:auto;display:block}
.tl-nav{display:flex;gap:16px;flex-wrap:wrap;font-size:13.5px;font-weight:500}
.tl-nav a{color:var(--mut);text-decoration:none}.tl-nav a:hover{color:var(--acc)}
.tl-nav a.on{color:var(--ink);box-shadow:inset 0 -2px 0 var(--acc)}
.tl-double{border-top:3px solid var(--ink);border-bottom:1px solid var(--ink);height:7px;margin:0 0 28px}

/* type */
h1{font-family:var(--serif)!important;font-weight:500!important;letter-spacing:-.012em;line-height:1.08!important}
h2,h3{font-family:var(--serif);font-weight:600}
h2{font-size:24px}
.eyebrow{letter-spacing:.14em!important;font-size:12px!important}
table{font-variant-numeric:tabular-nums}
thead th,tr:first-child>th{letter-spacing:.06em}
blockquote{font-family:var(--serif);font-size:16px}
code,pre{font-family:var(--mono)}

/* surfaces: cards and tables sit on the paper like the front page's ledger cards */
.tw,.card,.f,section,details,article{border-radius:4px!important}
footer{border-top:3px solid var(--ink)!important;margin-top:44px!important}

@media (max-width:620px){.tl-mast img{height:36px}.tl-nav{gap:11px;font-size:13px}}

/* weekly email sign-up, above every page's footer (home.signup(compact=True)) */
.tl-sign{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:44px 0 0;padding:14px 16px;
border:1px solid var(--line);border-left:4px solid var(--acc);border-radius:4px;background:var(--card);font-size:14px}
.tl-sign form{display:flex;gap:8px;flex:1;max-width:420px;min-width:240px}
.tl-sign input[type=email]{flex:1;min-width:0;padding:8px 11px;border:1px solid var(--line);border-radius:3px;background:var(--bg);color:var(--ink);font:inherit}
.tl-sign button{padding:8px 14px;border:0;border-radius:3px;background:var(--acc);color:#fff;font:inherit;font-weight:600;cursor:pointer}