/* FO07: shared equipment cards. Home's grid, color hierarchy and art-led
   composition; shared buttons.css continues to own the blueprint controls. */
.eco-equipment-catalog-fo07{container:equipment-cards-fo07 / inline-size;margin:1.35rem 0;scroll-margin-top:calc(var(--cyber29-height,84px) + 16px);color:#eaf7ff;font-family:"EcoTracer Technical","Chakra Petch","Segoe UI",sans-serif}
.eco-equipment-catalog-fo07__header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem 1.1rem;border:1px solid #397b92;border-bottom:0;background:#0b2c3d}
.eco-equipment-catalog-fo07__header h2{margin:0;color:#edfaff;font:700 1.1rem/1.4 "EcoTracer Button Controls","Chakra Petch",sans-serif}
.eco-equipment-catalog-fo07__header p{margin:0;color:#a6cfdf;font-size:.85rem;line-height:1.5}
.eco-equipment-catalog-fo07__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;padding:.8rem;border:1px solid #397b92;background:#082333}
body.eco-application #applicationMain .eco-equipment-card-fo07{--equipment-card-accent:#52d9ff;display:flex;flex-direction:column;min-width:0;isolation:isolate;border:1px solid #35667b;border-top:2px solid var(--equipment-card-accent);border-radius:0;background-color:#082333;background-image:linear-gradient(#52d9ff09 1px,transparent 1px),linear-gradient(90deg,#52d9ff09 1px,transparent 1px);background-size:16px 16px;box-shadow:inset 0 0 0 1px #79e5ff0b;color:#eaf7ff;text-decoration:none;transition:background-color 140ms ease,border-color 140ms ease,box-shadow 140ms ease}
body.eco-application #applicationMain .eco-equipment-card-fo07[data-accent="gold"]{--equipment-card-accent:#ffd461}
body.eco-application #applicationMain .eco-equipment-card-fo07[data-accent="green"]{--equipment-card-accent:#55efac}
body.eco-application #applicationMain .eco-equipment-card-fo07[data-accent="purple"]{--equipment-card-accent:#c4a4ff}
body.eco-application #applicationMain .eco-equipment-card-fo07:is(:hover,:focus-visible){background-color:#103b50;border-color:var(--equipment-card-accent);box-shadow:inset 0 0 0 1px #b5f8ff40,0 0 16px #59dfff18;color:#eaf7ff;text-decoration:none}
body.eco-application #applicationMain .eco-equipment-card-fo07:focus-visible{outline:2px solid #c8f7ff;outline-offset:3px}
.eco-equipment-card-fo07__heading{padding:1rem 1rem 0;min-height:3.3rem}
body.eco-application #applicationMain .eco-equipment-card-fo07 h3{margin:0;color:var(--equipment-card-accent);font:700 1.3rem/1.3 "EcoTracer Button Controls","Chakra Petch",sans-serif;letter-spacing:.01em;overflow-wrap:anywhere}
.eco-equipment-card-fo07__art{position:relative;display:grid;place-items:center;aspect-ratio:1.6;min-width:0;margin:0;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#086ab329,transparent 72%)}
.eco-equipment-card-fo07__art img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;mix-blend-mode:normal;filter:none}
.eco-equipment-card-fo07__body{display:flex;flex:1;flex-direction:column;gap:1.15rem;padding:.65rem 1rem 1rem;min-width:0}
body.eco-application #applicationMain .eco-equipment-card-fo07__body p{margin:0;color:#c5e1ed;font:500 .9rem/1.55 "EcoTracer Technical","Chakra Petch","Segoe UI",sans-serif;overflow-wrap:anywhere}
.eco-equipment-card-fo07__topics{display:flex;flex-wrap:wrap;gap:.3rem .5rem;margin-top:auto;color:var(--equipment-card-accent);font:700 .69rem/1.5 "EcoTracer Button Controls","Chakra Petch",sans-serif;text-transform:uppercase;letter-spacing:.055em}
.eco-equipment-card-fo07__topics>span+span::before{content:"·";margin-right:.5rem}
.eco-equipment-card-fo07__footer{display:flex;align-items:stretch;padding:0 .8rem .85rem}
.eco-equipment-card-fo07__footer>.eco-button{flex:1 1 auto}
.eco-equipment-card-fo07__action{display:flex;align-items:center;gap:.65rem;min-width:0}
.eco-equipment-card-fo07__action>.eco-ui-icon{flex:0 0 1.4rem;width:1.4rem;height:1.4rem;color:#76e8ff}
.eco-equipment-card-fo07__action>span:last-child{min-width:0;overflow-wrap:anywhere}
.eco-equipment-catalog-fo07__note{margin:.65rem 0;color:#a5c8d8;font-size:.8rem;line-height:1.5}
/* Only thumbnail surfaces in the Equipment register adopt the new art. */
.equipment-register-page .eq-record .eq-type-mark img{mix-blend-mode:normal}
@container equipment-cards-fo07 (max-width:78rem){.eco-equipment-catalog-fo07__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container equipment-cards-fo07 (max-width:58rem){.eco-equipment-catalog-fo07__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container equipment-cards-fo07 (max-width:38rem){.eco-equipment-catalog-fo07__grid{grid-template-columns:minmax(0,1fr)}.eco-equipment-card-fo07__art{aspect-ratio:1.8;max-height:17rem}.eco-equipment-catalog-fo07__header{padding:.85rem}.eco-equipment-card-fo07__body{gap:.8rem}}
@media(prefers-reduced-motion:reduce){body.eco-application #applicationMain .eco-equipment-card-fo07{transition:none}}
@media(forced-colors:active){body.eco-application #applicationMain .eco-equipment-card-fo07,.eco-equipment-catalog-fo07__header,.eco-equipment-catalog-fo07__grid{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}body.eco-application #applicationMain .eco-equipment-card-fo07 h3,body.eco-application #applicationMain .eco-equipment-card-fo07__body p,.eco-equipment-card-fo07__topics{color:CanvasText}.eco-equipment-card-fo07__art{background:transparent}.eco-equipment-card-fo07__action>.eco-ui-icon{color:ButtonText}}