*{box-sizing:border-box}body{margin:0;background:#f2f7fb;color:#25394a;font:15px/1.5 Arial,sans-serif}header{padding:20px max(24px,calc((100vw - 1200px)/2));background:#c8e3f5;display:flex;justify-content:space-between;align-items:center;gap:20px}header b{font-size:30px;margin-right:20px}header a{color:#245b82}main{max-width:1200px;margin:30px auto;padding:0 24px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px}h1{font-size:32px;margin:0}h2{font-size:20px;margin:0 0 20px}.heading p,.hint{color:#60758a}.layout{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.layout>section{background:white;padding:28px;border:1px solid #dae6ef;border-radius:8px}label{display:block;font-weight:bold;margin-bottom:16px}input,select,textarea{width:100%;padding:11px;border:1px solid #b9ccdc;border-radius:4px;font:inherit;color:inherit;background:white;margin-top:6px}input[type=file]{font-size:13px}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}button{background:#176da6;color:white;border:1px solid #176da6;border-radius:4px;padding:11px 17px;font:inherit;font-weight:bold;cursor:pointer}button:hover{background:#125987}button:disabled{opacity:.55;cursor:wait}.secondary{background:white;color:#176da6}.secondary:hover{background:#e7f2fa}.actions{display:flex;gap:10px;flex-wrap:wrap}.hint{font-size:12px;margin-top:-8px}.photos{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.photos img{width:90px;height:90px;object-fit:contain;background:#edf5fb}.photos figure{margin:0;display:grid;gap:5px}.photos button{font-size:11px;padding:4px}.device{padding:18px 0;border-bottom:1px solid #e3edf4;display:flex;gap:15px}.device img{width:85px;height:100px;object-fit:contain;background:#f2f7fb}.device h3{margin:0 0 6px;font-size:17px}.device p{margin:5px 0;font-size:13px}.device .actions{margin-top:12px}.device button{padding:7px 10px;font-size:12px}.badge{font-size:12px;background:#e3f1fa;color:#275b7e;padding:3px 7px;border-radius:3px}#message:not(:empty){padding:14px 18px;background:#e5f3e9;border:1px solid #b9d9c2;border-radius:4px}#message.error{background:#fff1ed;border-color:#dfbfb5;color:#8c3927}.notice{padding:14px;background:#fff7d9;border:1px solid #e2d299}.empty{color:#60758a;padding:20px 0}@media(max-width:850px){.layout{grid-template-columns:1fr}.heading{align-items:start;flex-wrap:wrap}header{flex-wrap:wrap}.layout>section{padding:20px}.two{grid-template-columns:1fr}}

/* Compact article reference below the full-width title. */
.article-number-field{width:calc((100% - 16px)/2);max-width:260px;min-width:140px}