.pdp-references { margin-top: 52px; padding-top: 38px; border-top: 1px solid var(--line, #dddcd2); }
.pdp-references-heading { display: flex; align-items: center; gap: 18px; }
.pdp-references-icon { display: grid; place-items: center; flex: 0 0 52px; height: 52px; border: 1px solid #dcd8c6; border-radius: 15px; background: #efeee5; color: var(--forest, #163b2e); }
.pdp-references-heading .eyebrow { margin: 0 0 4px; color: #77633b; font-size: .75rem; letter-spacing: .16em; }
.pdp-references h2 { margin: 0; font: 600 clamp(1.8rem, 3vw, 2.35rem)/1.15 'Outfit', sans-serif; color: var(--forest, #163b2e); }
.pdp-references-scope { max-width: 850px; margin: 18px 0 25px; color: #626a60; font-size: .9375rem; line-height: 1.65; }
.pdp-references-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.pdp-reference-card { display: flex; flex-direction: column; min-width: 0; padding: 27px; border: 1px solid #deddd3; border-radius: 20px; background: #fff; transition: border-color .15s ease, box-shadow .15s ease; }
.pdp-reference-card:hover { border-color: #b3b9ab; box-shadow: 0 8px 24px rgba(17, 43, 33, .045); }
.pdp-reference-journal { margin: 0 0 13px; color: #77633b; font-size: .8125rem; font-weight: 600; line-height: 1.6; letter-spacing: .1em; text-transform: uppercase; }
.pdp-reference-kind { align-self: flex-start; margin: 0 0 15px; padding: 4px 8px; background: #f2f4ef; border-radius: 5px; color: #4b6053; font-size: .75rem; line-height: 1.5; }
.pdp-reference-card h3 { margin: 0 0 13px; font: 500 1.125rem/1.4 'Outfit', sans-serif; color: #193b2e; }
.pdp-reference-summary { margin: 0 0 24px; color: #61695f; font-size: .9375rem; line-height: 1.6; }
.pdp-reference-citation { margin-top: auto; padding-top: 18px; border-top: 1px solid #efeee7; color: #697166; font-size: .8125rem; line-height: 1.6; overflow-wrap: anywhere; }
.pdp-reference-citation p { margin: 0 0 3px; }
.pdp-reference-citation p:first-child { margin-bottom: 7px; color: #485d50; }
.pdp-reference-link { display: inline-flex; align-items: center; align-self: flex-start; gap: 8px; min-height: 44px; margin-top: 10px; color: #1b4e38; font-size: .9375rem; font-weight: 500; text-underline-offset: 4px; }
.pdp-reference-link:hover { color: #103023; text-decoration: underline; }
.pdp-reference-link:focus-visible { outline: 2px solid #1b4e38; outline-offset: 5px; border-radius: 2px; }
.pdp-references-note { max-width: 870px; margin: 20px 0 0; color: #6c7468; font-size: .8125rem; line-height: 1.65; }
@media (max-width: 980px) {
  .pdp-references-grid { gap: 14px; }
  .pdp-reference-card { padding: 21px; }
}
@media (max-width: 760px) {
  .pdp-references { margin-top: 36px; padding-top: 28px; }
  .pdp-references-grid { grid-template-columns: 1fr; gap: 16px; }
  .pdp-reference-card { padding: 24px; }
  .pdp-references-heading { gap: 13px; }
  .pdp-references-icon { flex-basis: 46px; height: 46px; border-radius: 12px; }
  .pdp-reference-summary { margin-bottom: 18px; }
}
@media (prefers-reduced-motion: reduce) { .pdp-reference-card { transition: none; } }