.cross{max-width:90rem;margin:auto;padding:1rem}.cross h1{font:700 clamp(2rem,4vw,3.2rem)/1.1 Georgia,serif;margin:.2rem 0}.cross h2{font:700 1.4rem Georgia,serif;margin:.2rem 0 1rem}.cross h3{font:700 1.2rem Georgia,serif;margin:.2rem 0}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#f1cf8e}.journey,.chart,.result{border:1px solid #59837a;border-radius:.85rem;background:#102521;padding:1rem;margin:1rem 0}.fields{display:flex;align-items:end;gap:.7rem;flex-wrap:wrap}.fields label{display:grid;gap:.35rem;flex:1 1 15rem}.fields select{width:100%;min-height:2.7rem}.fields button{min-height:2.7rem}.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(17rem,23rem);gap:1rem}.diagram{display:grid;gap:.8rem}.area{border:1px solid #547c74;border-radius:.7rem;background:radial-gradient(circle at 35% 10%,#26433b,#142820);padding:1rem}.area p{margin:.45rem 0}.anchor-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:.8rem 0}.anchor-row button{border:2px solid #cfac6f;border-radius:999px;background:#274740;color:#fff0cb;min-height:2.9rem;padding:.5rem .9rem;font-weight:700;cursor:pointer}.anchor-row button:hover,.anchor-row button:focus-visible{background:#466a55}.anchor-row button.start{border-color:#7fe8bb;background:#245c50}.anchor-row button.goal{border-color:#ffad8f;background:#70443c}.road{color:#f3cb75;font-size:1.7rem;letter-spacing:.3rem}.boundary{border:2px dashed #e8aa75;border-radius:.7rem;background:#302a22;padding:.8rem 1rem;display:grid;gap:.2rem;color:#ffe5ba}.boundary b{color:#ffd286}.result{align-self:start}.result textarea{width:100%;min-height:4.5rem;background:#071b19;color:#fff;font:700 1rem ui-monospace,monospace}.result button{min-height:2.7rem;margin:.45rem 0}.result button:disabled{opacity:.5}.leg{border:1px solid #789885;border-radius:.5rem;padding:.7rem;margin:.7rem 0;background:#1d3931}.leg code{display:block;overflow-wrap:anywhere;padding:.5rem;background:#091c1a;color:#ffdf95}.stop{border-left:5px solid #f8b779;background:#392b24;padding:.7rem;margin:.7rem 0}.stop a{display:inline-block;margin-top:.5rem}.threshold{border-left:4px solid #d9bd79;padding:.5rem}.caption{font-size:.86rem;color:#c4d5ca}button:focus-visible,select:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #ffd166;outline-offset:2px}@media(max-width:800px){.layout{grid-template-columns:1fr}.cross{padding:.65rem}.chart,.result{padding:.8rem}.fields button{order:3}.anchor-row button{flex:1 1 10rem}.result{margin-top:0}}