*{box-sizing:border-box}body{margin:0;color:#223a30;background:#fafbf9;font:15px/1.8 Meiryo,sans-serif}header,nav{display:flex;gap:24px;justify-content:space-between;padding:18px 5%;background:#fff;border-bottom:1px solid #dce4de}nav{justify-content:flex-start}header b{font-size:22px}header span,small,.model{font-size:12px;color:#5b7066}main{max-width:1100px;padding:24px;margin:auto}h1{font-size:28px}h2{font-size:16px;margin:8px 0}a{color:#205f48}form{display:flex;gap:16px;align-items:end;margin:24px 0}label{display:block}input,select,button,.button{font:inherit;padding:10px;border:1px solid #9bb2a6;border-radius:6px;max-width:100%}input,select{display:block}button,.button{background:#205f48;color:white}.button{display:inline-block;margin:8px;text-decoration:none}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}article{padding:18px;background:white;border:1px solid #dce4de;border-radius:12px}article a{text-decoration:none}img{display:block;max-width:100%;object-fit:contain;margin:auto}.placeholder{height:128px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#edf2ee;border-radius:8px;font-size:24px;color:#5e7468}.placeholder small{font-size:12px}.note{padding:16px;background:#eef3ef}footer{border-top:1px solid #ddd;margin-top:32px;padding:20px 0;font-size:12px}dt{font-weight:bold}dd{margin-left:0;margin-bottom:12px}@media(max-width:650px){.grid{grid-template-columns:1fr}form,header{flex-direction:column;align-items:stretch;gap:8px}main{padding:18px}h1{font-size:24px}nav{flex-wrap:wrap}}

/* Existing 128px source; modest display size without cropping. */
.grid .material img{width:160px;height:160px;max-width:100%;object-fit:contain}main>.material img{width:180px;height:180px;max-width:100%;object-fit:contain}