:root{font-family:system-ui,-apple-system,sans-serif;color:#17352e;background:#f4f7f5;line-height:1.45}*{box-sizing:border-box}body{margin:0;padding-bottom:76px}header{padding:18px 20px;background:#235347}.brand{color:white;font-size:20px;font-weight:800;text-decoration:none}.demo-banner{padding:8px 18px;background:#fff0c7;color:#6f4c00;text-align:center;font-size:.78rem;font-weight:800}main{max-width:760px;margin:auto;padding:24px 18px}h1{margin:.2rem 0 1.2rem;font-size:1.8rem}small{color:#648078;font-weight:700}.heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.cards{display:grid;gap:12px;margin-bottom:20px}.cards article,.panel,.list a,.empty{background:white;border:1px solid #dbe5e1;border-radius:16px;padding:18px;box-shadow:0 3px 14px #17352e0b}.cards span{display:block;color:#60766f;font-size:.8rem;font-weight:700;text-transform:uppercase}.cards strong{display:block;font-size:1.45rem;margin-top:7px}.cards .missing{font-size:1rem;color:#7a8984}.button,button{display:block;width:100%;border:0;border-radius:12px;padding:14px;background:#df6b3d;color:white;text-align:center;text-decoration:none;font-weight:800;font-size:1rem}label{display:block;font-weight:700}input,select{width:100%;margin-top:5px;padding:12px;border:1px solid #bdcdc7;border-radius:10px;background:white;font:inherit}.grid{display:grid;gap:14px}.drop{padding:28px 12px;text-align:center;border:2px dashed #95aaa2;border-radius:12px;margin-bottom:18px}.drop input{margin-top:14px}details{border-top:1px solid #dbe5e1;padding-top:14px}details label{margin-top:12px}.list{display:grid;gap:10px}.list a{display:flex;justify-content:space-between;color:inherit;text-decoration:none}.details div{display:flex;justify-content:space-between;border-bottom:1px solid #e7eeeb;padding:10px 0}.details span{text-transform:capitalize;color:#60766f}nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:white;border-top:1px solid #dbe5e1;padding:10px 4px;z-index:2}nav a{font-size:.75rem;color:#235347;text-decoration:none;font-weight:700}@media(min-width:620px){.cards{grid-template-columns:repeat(2,1fr)}nav{position:static;margin-top:30px}.grid{grid-template-columns:1fr 1fr}.grid details,.grid button{grid-column:1/-1}}