/* One persistent component inventory in three arrangements. */
.field-panel{width:min(560px,44vw)}
.field-catalog[hidden]{display:none}
.field-catalog{margin:0 0 17px;padding-top:12px;border-top:1px solid var(--line)}
.field-catalog-heading{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;font:9px/1.5 var(--mono);color:var(--dim);text-transform:uppercase;letter-spacing:.025em}
.field-catalog-heading>span:first-child{color:var(--mint)}
.field-components{display:grid;grid-template-columns:1fr 1fr;gap:15px 24px}
.field-component{display:grid;grid-template-columns:27px minmax(0,1fr);gap:11px;color:var(--component-color)}
.component-icon{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linejoin:round;margin-top:1px}
.component-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font:12px/1.4 var(--mono)}
.component-count{font-size:11px;opacity:.8}
.component-properties{font-size:10px;line-height:1.4;color:#b7c1b7;margin:5px 0 4px}
.component-ids{font:9px/1.4 var(--mono);color:#809182}
.field-stage-note{margin-bottom:6px;min-height:33px}
.field-inventory-line{font:9px/1.5 var(--mono);color:#88988b;margin:0 0 14px}
@media(min-width:761px){.hero-art{bottom:325px;top:48px}.hero{min-height:max(760px,calc(100svh - 76px))}.field-caption{top:27px}.field-panel{bottom:22px}}
@media(min-width:761px) and (max-width:1100px){.field-panel{width:43vw;right:4vw}.field-components{gap:12px 17px}.field-component{grid-template-columns:21px minmax(0,1fr);gap:8px}.component-icon{width:21px;height:21px}.component-title{font-size:11px}.component-properties{font-size:9px}.hero-art{bottom:365px}}
@media(max-width:760px){.field-panel{width:100%;padding-bottom:28px}.hero-art{height:370px}.field-catalog{margin-bottom:22px;padding-top:17px}.field-catalog-heading{font-size:8px;gap:15px}.field-components{gap:18px 20px}.field-component{grid-template-columns:24px minmax(0,1fr);gap:8px}.component-icon{width:24px;height:24px}.component-title{font-size:11px}.component-properties{font-size:10px}.component-ids{font-size:8px}.field-inventory-line{font-size:9px;margin-bottom:17px}.field-stage-note{min-height:32px}}
@media(max-width:360px){.field-components{gap:17px 12px}.field-component{grid-template-columns:18px minmax(0,1fr);gap:6px}.component-icon{width:18px;height:18px}.component-title{font-size:10px}.component-properties{font-size:9px}}
@media print{.field-panel{display:none!important}}