.reference-card{margin-top:20px}.reference-card .ref-notice{color:#284e43;font-weight:650;border-left:3px solid #c09859;padding-left:12px}.ref-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.ref-controls label{display:grid;gap:8px;font-size:14px;min-width:0}.ref-controls select{font:inherit;font-size:16px;min-height:46px;min-width:0;width:100%;max-width:100%;padding:10px 8px;border:1px solid #ccd8ce;border-radius:10px;background:#fff;color:#284a42}.ref-controls select:focus-visible{outline:3px solid #b87532;outline-offset:2px}.ref-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ref-dimension{padding:14px;background:#f3f5f1;border-radius:12px;min-width:0}.ref-dimension h3{font-size:14px;margin:0}.ref-dimension .ref-nominal{font-size:22px;font-weight:650;color:#284a42;margin:8px 0}.ref-source{margin:14px 0;overflow-wrap:anywhere}.ref-source a{display:inline-flex;align-items:center;min-height:44px;color:#275c50}.reference-card button{min-height:44px}.reference-card p{overflow-wrap:anywhere}@media(max-width:560px){.ref-controls,.ref-values{grid-template-columns:1fr}.ref-dimension{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 10px;align-items:center}.ref-dimension .ref-nominal{font-size:20px}.ref-dimension p:last-child{grid-column:1/-1}}