/* TechTools page: Obsidian base, DreDarkroom crimson accent. Calm: no motion. */
body.tt { background: #050506; color: #e6e1e2; }
.tt h1 { font-style: normal; text-transform: none; font-weight: 700; letter-spacing: -0.01em; text-shadow: none; color: #e6e1e2; }
.tt h2 { color: #c4162f; margin-top: 2rem; font-size: 1.15rem; letter-spacing: .04em; text-transform: uppercase; }
.tt .lede, .tt .meta, .tt .made { color: #8a7f82; }
.tt a { color: #e6a0ab; }
.tt .back { margin: 0 0 1.5rem; font-size: .95rem; }
.tt .mark { display: block; margin-bottom: 1rem; }
.tt .btn { display: inline-block; padding: .75rem 1.4rem; background: #8c0f26; color: #fff; text-decoration: none; font-weight: 700; border: 1px solid #c4162f; border-radius: 10px; transition: background .3s ease; }
.tt .btn:hover { background: #c4162f; }
.tt .plain { padding-left: 1.2rem; }
.tt .plain li { margin: .5rem 0; }
.tt code { background: #0d0d10; border: 1px solid #2a0a12; padding: .05rem .35rem; border-radius: 5px; word-break: break-all; }
.tt :focus-visible { outline: 3px solid #fff; outline-offset: 3px; }