.hordes{--ink:#30271f;--muted:#675c4c;--green:#76501d;--paper:#faf6ed;--pale:#f1e7d3;--line:#d9c9ae;--white:#fffdf7;background:var(--paper);color:var(--ink)}
.hordes .top{background:#30271f;border-bottom:3px solid #bd8e45}.hordes .brand,.hordes .desktop-nav a,.hordes .mobile-nav summary{color:#fff4d7}.hordes .brand small{color:#dac5a3}.hordes .mobile-links a{color:#30271f}.hordes h1,.hordes h2,.hordes h3{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.025em}.hordes .hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:36px;padding:44px 0 30px}.hordes .hero h1{font-size:clamp(2.6rem,5vw,4.8rem);line-height:1.03;margin:14px 0 20px}.hordes .hero p{max-width:65ch}.hordes .hero img{width:100%;height:auto;border:5px solid #30271f;box-shadow:9px 9px 0 #dfc89e}.hordes .hero .eyebrow{font:700 11px/1.6 system-ui;letter-spacing:.12em;color:#76501d}.hordes .hero .launch{display:inline-block;padding:13px 19px;background:#30271f;color:#fff4d7;border-bottom:3px solid #bd8e45;border-radius:4px;font-weight:700}.hordes .route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.hordes .route-card{display:block;padding:22px;border:1px solid var(--line);border-top:4px solid #ae7e39;background:var(--white)}.hordes .route-card h2{font-size:1.45rem;margin-top:0}.hordes .route-card p{font-size:14px;line-height:1.65}.hordes .article-head{padding-top:34px}.hordes .answer{background:#f1e7d3;border-left-color:#9b6c2d}.hordes .footer{margin-top:38px}.hordes code{overflow-wrap:anywhere}.hordes .notice{padding:16px 20px;border-left:4px solid #9b6c2d;background:#f1e7d3}.hordes .prose section{scroll-margin-top:100px}.hordes a:focus-visible,.hordes summary:focus-visible{outline:3px solid #9b6c2d;outline-offset:4px}.hordes .brand span{min-width:0}.hordes .hero small{display:block;margin-top:12px;color:var(--muted)}
.hordes .related a{display:inline}.hordes .related p{line-height:1.8}
@media(max-width:900px){.hordes .hero{grid-template-columns:1fr;gap:22px;padding-top:28px}.hordes .hero img{box-shadow:5px 5px 0 #dfc89e}.hordes .route-grid{grid-template-columns:1fr}.hordes .brand{font-size:15px}.hordes .brand small{font-size:9px;white-space:normal;max-width:185px}.hordes .brand img{width:34px;height:34px}.hordes .top>.wrap{gap:12px}.hordes .hero .launch{font-size:14px}}
