*{box-sizing:border-box}body{margin:0;background:#e9e6db;color:#292f2b;font:16px system-ui}main{max-width:1180px;margin:auto;padding:30px}header{display:flex;justify-content:space-between;gap:20px;font-size:25px;letter-spacing:.14em;border-bottom:1px solid #9a9c8e;padding-bottom:25px}header span{font-size:10px;align-self:center}h1{font:clamp(40px,6vw,66px) Georgia;margin:28px 0 15px}.intro{max-width:950px;line-height:1.7}.brief{background:#d5dcca;padding:18px;border-radius:8px;font-weight:600;line-height:1.7}.layout{display:grid;grid-template-columns:1.4fr 1fr;gap:25px;margin-top:25px}.layout>section{background:#faf8ed;border:1px solid #a7ac9b;border-radius:12px;padding:22px}h2{font:30px Georgia}.layout p{line-height:1.6}#specimens{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-bottom:18px}button,select,input{font:inherit;min-height:44px;border:1px solid #7a8875;border-radius:6px;background:#f7f4e6;color:#29362c;padding:8px;cursor:pointer}#specimens button{padding:3px}#specimens button[aria-pressed=true]{background:#344b40;color:white}#specimens button.measured{border-bottom:4px solid #718966}.lens{background:#383d3a;border-radius:10px;overflow:hidden}canvas{display:block;width:100%;height:auto}.caliper{display:flex;justify-content:center;gap:10px;align-items:center;margin:18px 0}.caliper input{width:85px}#record,#submit{background:#344b40;color:white;width:100%;font-weight:bold}#feedback{min-height:70px;border-left:3px solid #8f713e;padding-left:12px}.notebook small{font-size:11px;letter-spacing:.15em}.notebook select{display:block;width:100%;margin:12px 0 25px}dl{display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:14px}dd{text-align:right;margin:0;font-family:ui-monospace,monospace}#ledger{min-height:90px;line-height:1.8;font-size:13px;margin:22px 0;color:#52654f}.notebook button{margin:5px 0}.note{font-size:14px;color:#586052}details{margin-top:24px;line-height:1.7}@media(max-width:650px){main{padding:16px}header{font-size:20px}header span{max-width:130px}.layout{grid-template-columns:1fr}.layout>section{padding:16px}.caliper{gap:7px}#specimens{gap:4px}}
