:root{font-family:Georgia,"Times New Roman",serif;color:#272727;background:#eeece7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{min-height:72px;padding:16px max(calc((100vw - 1120px)/2),24px);display:flex;justify-content:space-between;align-items:center;background:#202122;color:#eee;font:12px Arial,sans-serif;letter-spacing:.1em}.brand{font:bold 15px Georgia;color:#fff;text-decoration:none;letter-spacing:0}main{max-width:1120px;margin:52px auto;padding:0 24px}.intro{max-width:760px}.intro>p:first-child{font:700 11px Arial;color:#706d63;letter-spacing:.15em}.intro h1{font-size:clamp(34px,5vw,56px);font-weight:500;line-height:1.08;margin:12px 0 18px}.intro p:last-child{font:17px/1.6 Arial;color:#5d5b57}.search{margin:36px 0 24px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;font:14px Arial}.search label{font-weight:700}.search input{flex:1;min-width:220px}.search input,.search select{padding:12px;border:1px solid #c8c4ba;background:white;font:15px Arial}.search #count{width:100%;color:#6b685f;font-size:13px}.record{background:#fff;border:1px solid #dedbd3;margin:12px 0;padding:20px 24px}.record-top{display:flex;justify-content:space-between;gap:12px;color:#706d63;font:12px Arial}.record h2{font-size:23px;font-weight:500;margin:13px 0 7px}.record h2 a{color:#222;text-decoration:none}.record h2 a:hover{text-decoration:underline}.record p{font:15px/1.55 Arial;color:#555}.tag{display:inline-block;padding:5px 8px;background:#e9eee7;color:#365238;font:700 10px Arial;text-transform:uppercase;letter-spacing:.08em}.principle{margin-top:15px;padding:14px 16px;border-left:3px solid #8d3c32;background:#f8f5f0}.principle strong{font:700 12px Arial}.principle p{margin:7px 0 0;color:#272727}footer{max-width:1120px;margin:40px auto 0;padding:20px 24px 36px;border-top:1px solid #d4d0c7;font:12px/1.5 Arial;color:#6b685f}.empty{padding:24px;background:#fff;font:15px Arial;color:#615e58}@media(max-width:600px){header{align-items:flex-start;gap:10px;flex-direction:column;padding:16px 20px}main{margin:34px auto;padding:0 16px}.record{padding:17px}.record-top{flex-direction:column}footer{padding-left:16px;padding-right:16px}}
header nav{display:flex;gap:18px;letter-spacing:0}header nav a{color:#eee;text-decoration:none;font-weight:600}header nav a:hover{text-decoration:underline}@media(max-width:600px){header nav{flex-wrap:wrap;gap:10px 16px}}

.intro-title{display:flex;align-items:center;gap:22px;margin:12px 0 18px}
.intro-title h1{margin:0}
.intro-title img{width:104px;height:104px;object-fit:contain;flex:none}
@media(max-width:600px){.intro-title{gap:14px}.intro-title img{width:68px;height:68px}}

.brand{display:inline-flex;align-items:center;gap:12px}
.brand img{width:40px;height:40px;object-fit:contain;flex:none}
@media(max-width:600px){.brand{gap:10px}.brand img{width:34px;height:34px}}