/* TRX22 blog post — shared stylesheet */
.aux-nav{position:sticky;top:0;z-index:100;background:rgba(11,12,10,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#F4F1EA;padding:10px 24px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid rgba(244,241,234,.12);display:flex;flex-wrap:wrap;align-items:center;gap:4px 18px;justify-content:center}
.aux-nav a{color:rgba(244,241,234,.78);text-decoration:none;transition:color .15s;padding:4px 0}
.aux-nav a:hover{color:#D6FF3A}
.aux-nav a.current{color:#D6FF3A}
.aux-nav .sep{opacity:.3}
.aux-nav .back{margin-right:8px;padding:4px 12px;background:rgba(214,255,58,.12);border-radius:999px;color:#D6FF3A}
.aux-nav .back:hover{background:rgba(214,255,58,.22)}
@media(max-width:720px){.aux-nav{padding:8px 12px;gap:2px 10px;font-size:11px}.aux-nav .sep{display:none}}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Inter Tight',system-ui,sans-serif;color:#0B0C0A;background:#F4F1EA;line-height:1.65}
a{color:#0B0C0A}
.container{max-width:780px;margin:0 auto;padding:24px 20px}
.container.wide{max-width:1100px}

header.hero{background:#0B0C0A;color:#F4F1EA;padding:64px 0 56px;border-bottom:6px solid #D6FF3A}
header.hero .container{max-width:780px}
.crumbs{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.55;margin-bottom:16px}
.crumbs a{color:#F4F1EA;text-decoration:none}
.crumbs a:hover{text-decoration:underline}
header.hero .tag{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#0B0C0A;background:#D6FF3A;padding:4px 12px;border-radius:999px;margin-bottom:16px}
header.hero h1{font-family:'Instrument Serif',serif;font-size:clamp(36px,5.5vw,56px);line-height:1.1;letter-spacing:-.025em;margin:0 0 16px;font-weight:400}
header.hero .meta{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.06em;color:rgba(244,241,234,.7)}

article{padding:48px 0 64px}
article p{margin:0 0 18px;font-size:1.05rem;color:#1a1a1a}
article h2{font-family:'Instrument Serif',serif;font-size:1.8rem;font-weight:400;letter-spacing:-.015em;margin:36px 0 16px}
article h3{font-size:1.2rem;font-weight:600;margin:28px 0 10px}
article ul,article ol{margin:0 0 18px;padding-left:24px}
article li{margin-bottom:8px;font-size:1.05rem}
article blockquote{margin:24px 0;padding:16px 24px;border-left:4px solid #D6FF3A;background:#fff;border-radius:0 8px 8px 0;font-family:'Instrument Serif',serif;font-style:italic;font-size:1.1rem;color:#3a3a3a}
article code{background:#F0EDE6;padding:2px 6px;border-radius:4px;font-size:.92em;font-family:'JetBrains Mono',monospace}
article pre{background:#0B0C0A;color:#F4F1EA;padding:18px 20px;border-radius:8px;overflow-x:auto;font-family:'JetBrains Mono',monospace;font-size:.85rem;line-height:1.5}
article pre code{background:transparent;color:inherit;padding:0}
article hr{border:none;border-top:1px solid rgba(0,0,0,.12);margin:36px 0}

.callout{background:#fff;border-radius:8px;padding:20px 24px;margin:24px 0;box-shadow:0 4px 16px rgba(0,0,0,.06);border-left:4px solid #0B0C0A}
.callout h3{margin-top:0;font-size:1rem}
.callout p:last-child{margin-bottom:0}

table{width:100%;border-collapse:collapse;margin:24px 0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.06)}
th,td{padding:12px 16px;text-align:left;border-bottom:1px solid #E5E5E5;font-size:.95rem}
th{background:#0B0C0A;color:#F4F1EA;font-family:'JetBrains Mono',monospace;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}

.cta-block{background:#0B0C0A;color:#F4F1EA;padding:36px;border-radius:12px;text-align:center;margin:48px 0 0}
.cta-block h3{color:#F4F1EA;margin-top:0;font-family:'Instrument Serif',serif;font-size:1.6rem;font-weight:400;letter-spacing:-.015em}
.cta-block p{color:rgba(244,241,234,.85);margin-bottom:20px;font-size:1rem}
.cta-block a.btn{display:inline-block;background:#D6FF3A;color:#0B0C0A;padding:12px 28px;border-radius:8px;font-weight:600;text-decoration:none;font-size:.95rem}
.cta-block a.btn:hover{transform:translateY(-2px)}

.related{padding:48px 0;background:#fff;border-top:1px solid rgba(0,0,0,.08)}
.related h2{margin-bottom:24px;font-size:1.4rem;font-family:'Instrument Serif',serif;font-weight:400}
.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.related-card{padding:20px;border-radius:8px;background:#F4F1EA;text-decoration:none;color:inherit}
.related-card:hover{background:#EDE8DC}
.related-card .tag{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#5a5a5a;display:block;margin-bottom:6px}
.related-card h3{font-size:1rem;margin:0;line-height:1.3}

footer.site-footer{background:#0B0C0A;color:#F4F1EA;padding:48px 0;text-align:center}
footer.site-footer a{color:#F4F1EA;text-decoration:none;margin:0 8px;opacity:.85}
footer.site-footer a:hover{opacity:1;text-decoration:underline}

@media(max-width:768px){
  .related-grid{grid-template-columns:1fr}
  table{font-size:.85rem}
  th,td{padding:8px 12px}
}