/* Added to site.css, which is the home page's own stylesheet, so guide pages share its colours, glow and motion. */
#synapse{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
header.big.guide{min-height:min(640px,calc(100vh - 64px))}
header.big.guide .bigmark{width:min(32vw,170px)}
header.big.guide .bigname{font-size:clamp(38px,8.2vw,92px);line-height:.96;letter-spacing:-.04em;text-transform:none;text-wrap:balance}
header.big.guide .bigline{font-size:clamp(18px,2.5vw,24px);max-width:27em;line-height:1.36;font-weight:500;color:var(--dim)}
main section{padding:34px 0;border:0}
.article{max-width:860px;margin:0 auto;padding:30px 30px 28px;border:1px solid var(--rule);border-radius:18px;background:rgba(29,7,41,.74);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);box-shadow:0 18px 50px rgba(0,0,0,.34),0 0 40px rgba(255,45,132,.07)}
.article p,.article li{font-family:var(--serif);font-size:18px;line-height:1.62;color:var(--ink)}
.article p{margin:0 0 14px}
.article h2.title{margin-bottom:12px}
.article a{color:var(--cyan)}
.article table{display:block;overflow-x:auto;width:100%;border-collapse:collapse;margin:14px 0 18px;font-size:15px}
.article th,.article td{padding:9px 11px;border-bottom:1px solid var(--rule);text-align:left;vertical-align:top}
.article th{color:var(--gold);font-weight:700}
.article code{color:var(--gold);word-break:break-all;font-size:13.5px}
.article details{margin:9px 0}
.src{padding-left:20px}.src li{font-size:15px!important;color:var(--dim)!important;margin-bottom:6px}
.viz{max-width:860px;margin:0 auto;padding:24px;border-radius:18px;background:var(--card)}
.viz h3{font-family:var(--serif);font-size:23px;color:var(--plum);margin:0 0 4px}
.viz .vsub{color:var(--dim);font-size:14px;margin:0 0 16px}
.stats2{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:16px 0 2px}
.stat2{padding:15px 16px;border:1px solid var(--rule2);border-radius:12px;background:rgba(21,4,32,.6)}
.stat2 b{display:block;font-family:var(--serif);font-size:30px;color:var(--gold);text-shadow:0 0 18px rgba(255,209,102,.4)}
.stat2 span{color:var(--dim);font-size:13px}
.bar{display:grid;grid-template-columns:150px 1fr 76px;gap:12px;align-items:center;margin:11px 0;font-size:14px;color:var(--ink)}
.bar u{display:block;height:15px;border-radius:8px;background:rgba(255,255,255,.07);overflow:hidden;text-decoration:none}
.bar i{display:block;height:100%;width:0;border-radius:8px;background:linear-gradient(90deg,var(--hot),var(--rose2));box-shadow:0 0 16px rgba(255,45,132,.7);transition:width 1.4s cubic-bezier(.2,.7,.3,1)}
.bar.brain i{background:linear-gradient(90deg,var(--cyan),#7ff5ff);box-shadow:0 0 16px rgba(37,232,255,.8)}
.bar b{text-align:right;color:var(--gold)}
#feeT{width:100%;accent-color:var(--rose);margin-top:8px;height:26px}
.feeread{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:6px;color:var(--dim);font-size:14px}
.feeread b{font-family:var(--serif);font-size:34px;color:var(--gold);text-shadow:0 0 18px rgba(255,209,102,.4)}
.feesvg{width:100%;height:auto;display:block}
#raster{width:100%;height:190px;display:block;border-radius:10px;background:#1b0b2e}
.layers{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:14px 0}
.guidecards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;max-width:980px;margin:0 auto;padding:0;list-style:none}
.guidecards a{display:block;height:100%;color:inherit}
.guidecards .card{height:100%}
footer .disclaimer a{color:var(--cyan)}
@media(max-width:640px){.article{padding:20px 16px}.bar{grid-template-columns:96px 1fr 62px;gap:8px;font-size:13px}main section{padding:20px 0}}