/* Layout and colours follow the supplied Excel tracksheet. */
:root{color:#000;background:#fff;--ink:#000;--blue:#000;--line:#ccc}
header{padding-top:14px;padding-bottom:14px}.mark{background:#fff;color:#000}.brand-sub{color:#ddd}.demo{color:#ddd}
nav button.active{color:#000;border-color:#000}nav button{color:#555}main{max-width:1450px}h1{font-size:26px}
.panel,.section,.block,.record{border-radius:0;box-shadow:none}.section{border:0;border-bottom:1px solid #bbb}.section>h2{background:#000;font-weight:bold;color:#fff;padding:8px 12px;letter-spacing:0}
.blocks{padding:14px 0;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.block{padding:0;border:0}.block h3{background:#f2f2f2;color:#777;font-size:14px;text-transform:uppercase;text-align:center;padding:8px 4px;margin:0 0 8px;font-weight:600}
.fieldgrid{gap:6px}.fieldgrid.corners{grid-template-columns:repeat(2,minmax(0,1fr))}.fieldgrid label{text-align:center;font-size:14px;color:#777}.value{background:#fff;color:#000;border:1px solid #aaa;border-left:1px solid #aaa;text-align:center;font-weight:normal;padding:7px 4px;min-height:35px;margin-top:4px}.value.error{background:#fff5f4;color:#9c3127;border-color:#cf776b}
.fieldgrid input{border-radius:0;text-align:center;padding:7px 4px;min-height:38px;color:#000}.fieldgrid input:focus{background:#fffbe2}.panel{padding:16px}.rule{height:2px;background:#000}table th{background:#000;color:#fff;font-weight:bold}tbody tr:nth-child(even){background:#fff}td{border-bottom:1px solid #eee;padding:9px 10px}.record{border-top-color:#000}.tag{background:#f5f5f5;color:#333;border-color:#ccc;border-radius:0}.metadata{background:#000;color:#fff;padding:14px}.metadata span{color:#ccc}.metadata strong{color:#fff}.info{background:#f4f4f4;color:#555;border-color:#777}button.primary{background:#000;border-color:#000}.record .tag{font-size:12px}#toast{background:#000;border-radius:0}
@media(min-width:1050px){.section:nth-of-type(2) .block:nth-child(-n+3){grid-column:span 1}.section:nth-of-type(2) .block:nth-child(3){grid-column:span 2}.section:nth-of-type(2) .block:nth-child(4),.section:nth-of-type(2) .block:nth-child(5){grid-column:1/-1}.section:nth-of-type(2) .block:nth-child(4) .fieldgrid,.section:nth-of-type(2) .block:nth-child(5) .fieldgrid{grid-template-columns:repeat(6,minmax(0,1fr))}.section:nth-of-type(2) .block:last-child{grid-column:1/-1}.section:nth-of-type(2) .block:last-child .fieldgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){.blocks{grid-template-columns:repeat(2,minmax(0,1fr))}.block h3{font-size:14px}}
@media(max-width:650px){.blocks{grid-template-columns:1fr;padding:12px 0}.fieldgrid.corners{grid-template-columns:repeat(2,minmax(0,1fr))}.fieldgrid label{font-size:14px}.value{font-size:16px}.metadata{gap:12px}.brand-sub{display:none}}