.field-guide{margin-top:36px;border:2px solid var(--border);background:var(--deep);color:var(--bone);overflow:hidden}
.field-guide summary{display:flex;align-items:center;gap:14px;padding:22px 25px;list-style:none;cursor:pointer;font:22px/1.3 var(--pixel);font-weight:600}
.field-guide summary::-webkit-details-marker{display:none}
.field-guide summary:focus-visible,.guide-cross:focus-visible{outline:3px solid var(--peach);outline-offset:-4px}
.guide-plus{margin-left:auto;font-size:26px;line-height:1}
.field-guide[open] .guide-plus{transform:rotate(45deg)}
.guide-badge{font:10px/1.5 'Courier New',monospace;letter-spacing:.05em;color:var(--mint)}
.field-guide-content{padding:8px 28px 30px}
.field-guide-content h3{font-size:24px;margin:0 0 14px}
.field-guide-content p{font-size:14px;line-height:1.8;margin:0 0 18px;color:var(--muted)}
.field-guide-content .guide-kicker{font:11px/1.5 'Courier New',monospace;letter-spacing:.1em;color:var(--mint);font-weight:700;margin-bottom:12px}
.guide-table-scroll{max-width:100%;overflow-x:auto;margin:22px 0 16px;scrollbar-color:var(--mint) transparent}
.guide-table{border-collapse:collapse;width:100%;min-width:550px;color:var(--bone);font-size:14px;text-align:center}
.guide-table caption{text-align:left;font-size:13px;padding-bottom:14px;color:var(--muted)}
.guide-table th,.guide-table td{border-bottom:1px solid var(--border);padding:10px 8px;vertical-align:middle}
.guide-table th{font-weight:700}
.guide-table th:first-child{text-align:left;width:145px}
.guide-stage-time{display:block;font-size:12px;font-weight:400;color:var(--muted);white-space:nowrap}
.form-label-text{display:block}
.guide-table .reference-image{display:block;width:120px;height:120px;object-fit:contain;max-width:none;image-rendering:pixelated;margin:auto}
.guide-cross{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;min-height:100px;border:1px solid transparent;background:transparent;padding:5px;color:inherit;font:inherit;cursor:pointer}
.guide-cross:hover{background:color-mix(in srgb,var(--lime) 10%,transparent)}
.guide-cross[aria-pressed=true]{border-color:var(--lime);background:color-mix(in srgb,var(--lime) 10%,transparent)}
.guide-cross .cross-image{width:80px;height:80px;max-width:none;image-rendering:pixelated;object-fit:contain}
.guide-cross .guide-form-count{display:block;font-size:12px;white-space:nowrap}
.field-guide-content .guide-note{font-size:13px}
.guide-chapter{margin-top:35px}
.guide-selected{margin-top:28px}
.guide-stage-notes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0 28px}.guide-stage-notes article{border:1px solid var(--border);padding:16px;background:#1a2a2e}.guide-stage-notes h4{font:20px/1.25 var(--pixel);color:var(--lime);margin:0 0 12px}.field-guide-content .guide-stage-notes p{font-size:13px;line-height:1.8;margin:0}
@media(max-width:850px){.guide-stage-notes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.guide-stage-notes{grid-template-columns:1fr;gap:10px}.guide-stage-notes h4{font-size:22px}}
.guide-selected h3{margin-bottom:5px}
.guide-explainers{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:28px}
.guide-explainers h4{font-size:16px;margin:0 0 10px}
@media(max-width:650px){.field-guide summary{padding:18px 16px;font-size:14px;flex-wrap:wrap;gap:8px}.guide-badge{font-size:9px}.field-guide-content{padding:8px 16px 22px}.guide-table{min-width:535px}.guide-table .reference-image{width:96px;height:96px}.guide-explainers{grid-template-columns:1fr;gap:6px}.field-guide-content h3{font-size:21px}}
