/* /thiamine/ pillar page: inline drawings (molecule, PDH gate), plain-flow studies. Stats and flows come from serotonin.css. */
.x-body .th-svg { margin: 22px 0; padding: 14px 0 12px; border: 1px solid var(--x-line); border-radius: 18px; background: #070707; }
.th-svg svg { display: block; width: 100%; height: auto; }
.th-svg figcaption { margin: 10px 12px 0; font-size: 14px; line-height: 1.45; color: #9A9A9A; }
.th-mol { max-width: 620px; margin: 0 auto; }
.th-gate { margin: 0 auto; }   /* full text width like every image (his ask 2026-10-28) */

/* molecule */
.th-mol .b { stroke: #D6D6D6; stroke-width: 2.4; stroke-linecap: round; }
.th-mol .bg { fill: #070707; }
.th-mol .at { font: 700 17px/1 var(--font-body, system-ui), sans-serif; text-anchor: middle; dominant-baseline: central; fill: #fff; }
.th-mol .at.n { fill: #8EB8FF; }
.th-mol .at.s { fill: #F5D76E; }
.th-mol .at.o { fill: #FF8A7A; }
.th-mol .at.h, .th-mol .at.c { fill: #CFCFCF; }
.th-mol .at .chg { font-size: 12px; }
.th-mol .glow { fill: #F2C14E; opacity: .16; }
.th-mol .dot { fill: #F2C14E; }
.th-mol .lab { font: 600 13.5px/1 var(--font-body, system-ui), sans-serif; text-anchor: middle; fill: #9A9A9A; }
.th-mol .lab.key { fill: #F2C14E; font-weight: 800; font-size: 15px; }
.th-mol .lab.sub { font-weight: 500; font-size: 12.5px; fill: #7A7A7A; }
.th-mol .lead { stroke: #F2C14E; stroke-width: 1.2; stroke-dasharray: 3 3; }

/* PDH gate */
.th-gate .bx { fill: #121212; stroke: #3A3A3A; stroke-width: 1.2; }
.th-gate .bx.key { fill: #161206; stroke: #F2C14E; stroke-width: 2; }
.th-gate .bx.key2 { fill: #121008; stroke: #8A7230; }
.th-gate .bx.dim { fill: #140A0A; stroke: #5A2A2A; stroke-dasharray: 5 4; }
.th-gate .bt { font: 800 19px/1 var(--font-body, system-ui), sans-serif; text-anchor: middle; fill: #fff; }
.th-gate .bt.key { fill: #F2C14E; }
.th-gate .bt.dim { fill: #E3A3A3; }
.th-gate .bs { font: 500 13.5px/1 var(--font-body, system-ui), sans-serif; text-anchor: middle; fill: #A3A3A3; }
.th-gate .ar { stroke: #F2C14E; stroke-width: 2; }
.th-gate .ar.dim { stroke: #7A3A3A; stroke-dasharray: 5 4; }
.th-gate .ah { fill: #F2C14E; }
.th-gate .side { font: 500 13px/1 "Geist Mono", ui-monospace, monospace; fill: #8A8A8A; }
.th-gate .side.dim { fill: #C98080; }
.th-gate .end { font: 800 16px/1 var(--font-body, system-ui), sans-serif; text-anchor: middle; fill: #F2C14E; }

/* chemistry table */
.x-body .th-table { margin: 22px 0; overflow-x: auto; }
.th-table table { width: 100%; border-collapse: collapse; font-size: 15px; }
.th-table th, .th-table td { padding: 10px 12px; border-bottom: 1px solid var(--x-line); text-align: left; }
.th-table th { color: #F2C14E; font-weight: 700; }
.th-table td:first-child { color: #9A9A9A; }
.th-table figcaption { margin-top: 10px; font-size: 14px; line-height: 1.45; color: #9A9A9A; }

/* studies as plain flow, no card (his ask 2026-10-28): heading, PubMed shot, explanation, paper figures */
.x-body .th-study { margin: 34px 0 30px; }
.x-body .th-study__head { margin: 0 0 12px; font-size: 22px; font-weight: 800; line-height: 1.25; letter-spacing: -0.01em; color: #fff; }
.x-body .th-study__shot { margin: 0 0 16px; }
.x-body .th-study__design { color: #A8A8A8; font-size: 15px; }
.x-body .th-study__design strong { color: #D6D6D6; }
.x-body .th-study__stat strong { color: #F2C14E; font-size: 1.15em; }
.x-body .th-study__note { color: #A8A8A8; font-size: 15px; }
.x-body .th-study__note strong { color: #D6D6D6; }
.x-body .th-study__src { font-size: 13.5px; line-height: 1.45; color: #8A8A8A; }
.x-body .th-study__src a { color: #CFCFCF; text-decoration: underline; text-decoration-color: #555; text-underline-offset: 3px; }

/* small product pill inside a line of text (his ask 2026-10-28: "TTFD", half the width of the old product button) */
.x-body .th-buy { display: inline-flex; align-items: center; justify-content: center; gap: 6px; width: 25%; min-width: 120px;
  margin-left: 6px; padding: 3px 12px; vertical-align: 1px; background: #000; color: #fff !important; border: 1px solid #fff;
  border-radius: 999px; font-size: 14px; font-weight: 700; line-height: 1.5; text-decoration: none !important; white-space: nowrap;
  transition: transform .2s cubic-bezier(.2,.8,.2,1), box-shadow .2s; }
.x-body .th-buy:hover { transform: translateY(-1px); box-shadow: 0 8px 24px -12px rgba(255,255,255,.4); }
.x-body .th-buy svg { width: 14px; height: 14px; flex: none; }