.production-collection{margin:3rem 0;scroll-margin-top:1.5rem}
.production-home{max-width:var(--max);margin:0 auto;padding:0 1.5rem 3.5rem}
.production-collection-heading{max-width:780px;margin-bottom:1.5rem}
.production-collection-heading h2{font-size:clamp(1.9rem,3.5vw,2.7rem);line-height:1.15;margin:.4rem 0 1rem}
.production-collection-heading>p:last-child{color:var(--muted);margin:0;font-size:1.0625rem}
.production-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.production-example-card{min-width:0;display:flex;flex-direction:column;padding:1.4rem;background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--steel)}
.example-stage{font:700 .875rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--steel);margin:0 0 .75rem}
.production-example-card h3{font-size:1.4rem;line-height:1.25;margin:0 0 .75rem}
.production-example-card h3 a{text-decoration:none}
.production-example-card>p:not(.example-stage){font-size:1rem;line-height:1.6;color:var(--muted);margin:0 0 1.25rem}
.example-card-actions{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;font-size:1rem}
.example-card-actions a{padding:.4rem 0;text-underline-offset:4px}
.example-card-actions .example-play{color:var(--steel-dark);font-weight:750}
.example-collection-link{display:inline-flex;align-items:center;min-height:48px;margin-top:1.25rem;padding:.6rem 1rem;background:var(--steel-dark);color:#fff;font-size:1rem;font-weight:700;text-decoration:none}
.production-connected{display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;border:1px solid var(--line);background:#e9eef0;padding:1.5rem;margin-top:1rem}
.production-connected h3{margin:0 0 .75rem;font-size:1.4rem;line-height:1.25}
.production-connected p:last-child{font-size:1rem;margin:0}
.production-connected .example-card-actions{margin:auto 0}
.production-play-page{max-width:1080px;margin:auto;padding:1.25rem 1.5rem 3rem}
.production-play-page>h1{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.2;margin:1rem 0}
.example-context,.example-inline-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1.5rem;font-size:.9375rem}
.example-context a,.example-inline-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--steel-dark);text-underline-offset:3px}
.example-inline-links{margin:-1.5rem 0 2rem;border-bottom:1px solid var(--line);padding-bottom:.75rem}
.production-play-page .fn-note-interactive{margin:1rem 0 1.5rem}
.example-read-next{border-top:2px solid var(--line);padding-top:1.5rem;font-size:1rem}
.example-read-next h2{font-size:1.4rem;line-height:1.35;margin:.5rem 0}
.example-read-next p{margin:.5rem 0}
.production-collection a:focus-visible,.production-play-page a:focus-visible,.example-inline-links a:focus-visible{outline:3px solid var(--signal);outline-offset:4px}
@media(max-width:800px){.production-example-grid{grid-template-columns:1fr}.production-connected{grid-template-columns:1fr;gap:1rem}.production-home{padding-bottom:2.5rem}.example-context{display:block}.example-context a{display:flex}.production-play-page{padding:1rem}.production-example-card{padding:1.25rem}}
.production-play-page .factory-game{margin:1rem 0 1.5rem}
.production-play-page .factory-game .factory-options label,.production-play-page .factory-game .factory-options select{font-size:1rem}
.production-play-page .factory-game .factory-legend,.production-play-page .factory-game .factory-results span,.production-play-page .factory-game .factory-fineprint{font-size:.875rem}