.production-explorer{padding-block:var(--page-section-space,clamp(64px, 7vw, 104px))}.production-explorer .explorer-heading{margin-bottom:34px}.production-explorer .explorer-heading h2{font:500 var(--type-section-title,clamp(30px, 3.3vw, 48px))/1.14 var(--font-headline);letter-spacing:-.025em;text-wrap:balance;margin:0 0 22px}.production-explorer .explorer-heading h2 em{color:var(--color-primary);font:inherit;font-style:normal}.production-explorer .explorer-heading p{color:var(--color-on-surface-variant);max-width:62ch;margin:0;font-size:16px;line-height:1.65}.explorer-tabs{border-bottom:1px solid var(--color-outline-variant);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.explorer-tabs button{min-height:64px;color:var(--color-on-surface-variant);text-align:left;font:500 16px/1.4 var(--font-headline);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:12px;padding:16px 18px;display:flex}.explorer-tabs button[aria-selected=true]{color:var(--color-primary);background:var(--color-surface-container);border-bottom-color:currentColor}.explorer-tabs button:hover{background:var(--color-surface-container)}.production-explorer :is(button,a):focus-visible,.explorer-panel:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}.explorer-panel{border:1px solid var(--color-outline-variant);border-top:0;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);display:grid}.explorer-panel[hidden]{display:none}.explorer-visual{background:var(--color-surface-container);border-right:1px solid var(--color-outline-variant);align-items:center;min-width:0;padding:clamp(24px,3.4vw,42px);display:grid}.explorer-caption{align-self:center;padding:clamp(24px,3.4vw,42px)}.production-explorer .explorer-caption h3{font:500 var(--type-card-title,clamp(22px, 2.1vw, 28px))/1.22 var(--font-headline);letter-spacing:-.02em;margin:0 0 20px}.explorer-caption p{color:var(--color-on-surface-variant);max-width:48ch;margin:0;font-size:16px;line-height:1.7}.explorer-script{color:var(--color-on-surface);width:100%;max-width:55ch;margin:auto;font:400 16px/1.8 ui-monospace,monospace}.production-explorer .explorer-script h3{margin:0 0 22px;font:500 16px/1.6 ui-monospace,monospace}.explorer-script p{margin:12px 0}.explorer-shotboard{width:100%}.explorer-shot{border-top:1px solid var(--color-outline-variant);grid-template-columns:28px minmax(0,1fr);align-items:start;gap:10px 16px;padding:22px 0;display:grid}.explorer-shot>span{color:var(--color-primary);font:400 12px/1.5 var(--font-mono);padding-top:5px}.explorer-shot b{color:var(--color-on-surface);font:500 20px/1.3 var(--font-headline)}.explorer-shot p{color:var(--color-on-surface-variant);margin:8px 0 0;font-size:16px;line-height:1.6}.explorer-shot small{width:fit-content;color:var(--color-primary);border:1px solid var(--color-outline-variant);grid-column:2;padding:5px 10px;font-size:12px;line-height:1.5}.explorer-reference{text-align:center;width:100%}.explorer-reference-root{border:1px solid var(--color-primary);color:var(--color-primary);width:fit-content;font:400 12px/1.5 var(--font-mono);margin:0 auto;padding:16px 28px}.explorer-reference-root b{color:var(--color-on-surface);font:500 24px/1.4 var(--font-headline);margin-top:8px;display:block}.explorer-reference-branches{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:42px;display:grid;position:relative}.explorer-reference-branches:before{content:"";border-left:1px solid var(--color-outline-variant);height:20px;position:absolute;top:0;left:50%}.explorer-reference-branches>div{border:1px solid var(--color-outline-variant);align-content:start;gap:12px;padding:18px 12px;display:grid;position:relative}.explorer-reference-branches>div:before{content:"";border-left:1px solid var(--color-outline-variant);height:22px;position:absolute;top:-23px;left:50%}.explorer-reference-branches:after{content:"";border-top:1px solid var(--color-outline-variant);position:absolute;top:20px;left:16%;right:16%}.explorer-reference-branches span{color:var(--color-primary);font:400 12px/1.5 var(--font-mono)}.explorer-reference-branches b{color:var(--color-on-surface);font:500 22px/1.3 var(--font-headline)}.explorer-reference-branches small{color:var(--color-on-surface-variant);font-size:14px;line-height:1.6}.explorer-note{color:var(--color-on-surface-variant);max-width:88ch;margin:20px 0 0;font-size:14px;line-height:1.7}.explorer-note a{min-height:44px;color:var(--color-primary);text-underline-offset:4px;align-items:center;margin-left:8px;display:inline-flex}@media (width<=1100px){.explorer-panel{grid-template-columns:1fr}.explorer-visual{border-right:0;border-bottom:1px solid var(--color-outline-variant)}.explorer-caption{box-sizing:border-box;width:100%}.explorer-caption p{max-width:72ch}}@media (width<=640px){.explorer-tabs button{grid-template-columns:1fr;justify-items:start;gap:8px;padding:14px 8px;font-size:14px;display:grid}.explorer-visual,.explorer-caption{padding:24px 20px}.explorer-reference-branches{text-align:left;grid-template-columns:1fr;gap:14px;padding-top:28px}.explorer-reference-branches:after{display:none}.explorer-reference-branches:before{height:28px}.explorer-reference-branches>div{padding:18px}.explorer-reference-branches>div:before{display:none}.explorer-reference-root{padding-inline:24px}.explorer-script{font-size:16px;line-height:1.7}}