*{box-sizing:border-box}body{margin:0;background:#faf9f3;color:#23382f;font:15px/1.7 system-ui,'Yu Gothic',sans-serif}header{background:#203d30;color:#fff;padding:24px max(24px,calc((100vw - 1380px)/2));border-bottom:4px solid #a98445}header a{color:#e2d6ad}h1{margin:10px 0}header p{font-size:12px;color:#d2dbc8}main{max-width:1440px;margin:auto;padding:24px}nav{display:flex;gap:15px;flex-wrap:wrap}a{color:#315f49}input,select{padding:12px;font:inherit;border:1px solid #aeb9aa;border-radius:5px;max-width:100%}input{flex:1;min-width:180px}.controls{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px}#list{max-height:78vh;overflow:auto}#list a{display:flex;align-items:center;gap:12px;background:white;border:1px solid #d8ddcf;padding:12px;text-decoration:none;margin-bottom:6px;border-radius:5px}#list a.selected{border:2px solid #a98445;background:#f0eee1}#list img{width:42px;height:42px;object-fit:contain}small{display:block;color:#738269;font-size:12px}article{background:white;border:1px solid #d8ddcf;border-radius:6px;padding:25px;min-width:0;overflow-wrap:anywhere}.record-head{display:flex;align-items:center;gap:20px}.record-head img{width:80px;height:80px;object-fit:contain}h2{margin:5px 0}h3{border-bottom:1px solid #dce0d4;padding-bottom:6px;margin-top:28px;font-size:17px}code,.source{font-size:11px;color:#738269}table{border-collapse:collapse;width:100%}td,th{text-align:left;padding:8px;border-bottom:1px solid #e4e7de}th{background:#f1f3eb}.conditions{padding-left:22px}.conditions li{margin:5px 0}.conditions span{color:#5d6b58}.note{font-size:12px;color:#697661;background:#efefe6;padding:12px}details{margin-top:25px}summary{cursor:pointer;color:#315f49}input:focus,select:focus,a:focus-visible{outline:2px solid #a98445}@media(max-width:800px){main{padding:15px}.layout{grid-template-columns:1fr}#list{max-height:320px}article{padding:18px}header{padding:20px}.record-head img{width:60px;height:60px}}