body{--light-colour: #fff;--dark-colour: #000;--highlight: var(--bci-yellow);--error-colour: red;--bci-red: maroon;--bci-yellow: #fcb710;--bci-blue: blue;--bci-green: green;background-color:var(--light-colour);color:var(--dark-colour);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:min(max(2vw,16px),22px);margin:2vw}header{display:flex;align-items:center;gap:2em}header>a{display:flex;color:inherit;text-decoration:none}header>a img{height:5em;width:auto}header nav{display:inherit;flex-wrap:wrap;justify-content:end;margin-inline:auto 0;gap:.5em 2em}ul{display:grid;list-style:none;grid-auto-flow:dense;margin:0;padding:0;gap:.25em}li{display:inherit}ul.equipment-list{grid-template-columns:repeat(auto-fill,minmax(clamp(30%,42ch,100%),1fr))}ul.equipment-list>li:not(:has(>button)){border:12px double var(--dark-colour);grid-row:span 2;background-color:var(--highlight)}ul.equipment-list>li:not(:has(>button))>p{padding-bottom:0}ul.equipment-list>li{background-color:var(--light-colour);color:var(--dark-colour)}ul.equipment-list>li>button{border:4px outset var(--dark-colour)}ul.equipment-list>li>button,ul.equipment-list>li p{display:inherit;grid-auto-flow:column;gap:2em;justify-content:space-between;text-align:left;margin:0;padding:1em;background-color:inherit;color:inherit;text-decoration:none}ul.equipment-list>li>button span,ul.equipment-list>li p span{display:block;align-content:end;overflow:hidden;text-wrap-mode:nowrap;text-overflow:ellipsis}ul.equipment-list>li>button:hover{border-style:outset;background-color:var(--dark-colour);color:var(--light-colour)}ul.equipment-list>li ul{grid-auto-flow:column;justify-content:space-around;align-items:center;padding:0 1em .5em}ul.user-list{grid-template-columns:repeat(auto-fill,minmax(clamp(32%,32ch,100%),1fr));gap:1em}ul.user-list li{gap:.5em}ul.user-list li h2,ul.user-list li p{margin:.1em}ul.user-list li form h3{margin:0}ul.name-list{grid-template-columns:repeat(auto-fill,minmax(clamp(32%,50ch,100%),1fr))}ul.name-list li fieldset{grid-template-columns:repeat(auto-fit,minmax(20ch,1fr))}menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(20ch,1fr));margin:0;padding:0;list-style:none;gap:.25em .5em}menu input,menu button,menu select{flex-grow:1}search fieldset menu{display:block}@media (min-width: 500px){search fieldset menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(40ch,1fr))}search fieldset menu label{display:flex;align-items:center;gap:1em}}form{display:grid;gap:.5em}form.columns{grid-template-columns:repeat(auto-fill,minmax(clamp(40%,40ch,100%),1fr));grid-auto-flow:dense}form.columns .span-row{grid-column:1 / -1}fieldset{display:grid;grid-auto-flow:dense;gap:.5em}fieldset legend{width:80vw;max-width:max-content}fieldset menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(8ch,1fr))}input,button,select{font-family:inherit;font-size:100%;padding:.25em}textarea{resize:vertical}label{display:grid}label:has(input[type=checkbox]){display:block}figure{display:grid;justify-content:center;padding:.25em;margin:.5em;border:4px solid var(--dark-colour);font-weight:700}hr{height:0;padding:0;margin:1em;border:none;border-top:4px solid var(--dark-colour)}