.tr-guide{overflow-wrap:anywhere;--tr-blue:#185c83;--tr-teal:#1f7a78;--tr-terracotta:#b85e44;--tr-cream:#fff8e7}.tr-guide .button{min-height:44px}.tr-guide [hidden]{display:none!important}
.tr-scene{margin:2rem 0 0;border:3px solid #1f2630;border-radius:20px;overflow:hidden;background:var(--tr-cream);box-shadow:7px 7px 0 #1f2630}.tr-scene img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover;image-rendering:pixelated}.tr-scene figcaption{padding:.65rem 1rem;font-size:.78rem;color:#5f5b53;background:#fffaf0}
.tr-table-wrap{overflow-x:auto;margin:1rem 0;border:2px solid #1f2630;border-radius:14px;background:#fff}.tr-table{width:100%;min-width:720px;border-collapse:collapse;font-size:.9rem}.tr-table th,.tr-table td{padding:.75rem;border:1px solid #d9d3c5;text-align:left;vertical-align:top}.tr-table thead th{background:#dceff0;color:#163b4b}.tr-table tbody th{background:#fff6de;min-width:150px}.tr-table tr:nth-child(even) td{background:#fffdf8}
.tr-field{display:grid;gap:.45rem;font-weight:700;max-width:24rem;margin:1rem 0}.tr-field input,.tr-field select,.tr-controls select,.tr-block input{min-height:44px;border:2px solid #34302b;border-radius:10px;padding:.55rem .75rem;background:#fff;font:inherit}
.tr-block{border:2px solid #1f2630;border-radius:14px;padding:1rem;margin:.85rem 0;background:#fffdf7;box-shadow:3px 3px 0 #dfb95d}.tr-block-head{display:flex;justify-content:space-between;align-items:center;gap:1rem}.tr-block-head h3{margin:0}.tr-block-head label{display:flex;align-items:center;gap:.35rem}.tr-block input{width:4.5rem}.tr-controls{display:flex;flex-wrap:wrap;gap:.6rem;align-items:end}.tr-controls label{display:grid;gap:.3rem}.tr-leg{margin:.8rem 0;border-left:6px solid var(--tr-teal)}.tr-warning{padding:.7rem .85rem;border-radius:10px;background:#fff0dc;border:1px solid #c46d3f;color:#63301f}
.tr-steps{list-style:none;padding:0;display:grid;gap:.75rem}.tr-steps li{display:grid;grid-template-columns:2.25rem 1fr;gap:.75rem;align-items:start}.tr-steps strong{display:grid;place-items:center;width:2.25rem;height:2.25rem;border:2px solid #1f2630;border-radius:50%;background:#f0c65e}.tr-steps span{padding-top:.35rem}
@media(max-width:700px){.tr-guide{padding-bottom:5.5rem}.tr-scene{border-radius:14px;box-shadow:4px 4px 0 #1f2630}.tr-table{font-size:.82rem}.tr-table th,.tr-table td{padding:.62rem}.tr-block-head{align-items:flex-start}.tr-controls .button{flex:1 1 8rem}.tr-field{max-width:none}}