.pp-coa__prov[data-source-category="supplier-provided"] {
  border-color: var(--brass-dim);
  color: var(--brass);
}

.pp-coa__prov[data-source-category="independent-third-party"] {
  border-color: var(--data-dim, var(--brass-dim));
  color: var(--data, var(--brass));
}

.pp-coa__submitted {
  color: var(--bone-50);
  font-family: var(--font-mono);
  font-size: var(--text-2xs);
  letter-spacing: var(--tracking-mono);
  text-transform: uppercase;
  white-space: nowrap;
}

.pp-coa__row[data-coa-source-ui] .pp-coa__view {
  font-weight: 600;
  text-underline-offset: 3px;
}

@media (max-width: 640px) {
  .pp-coa__submitted {
    white-space: normal;
  }
}

.pp-ve-seller__coa .coa-source-history__lead,
.pp-ve-seller__coa .coa-source-record,
.pp-ve-seller__coa .coa-source-record__kind,
.pp-ve-seller__coa .coa-source-record__dates {
  display: block;
}

.pp-ve-seller__coa .coa-source-history__lead {
  margin-bottom: var(--s-2, 8px);
}

.pp-ve-seller__coa .coa-source-section + .coa-source-section {
  margin-top: var(--s-3, 12px);
}

.pp-ve-seller__coa .coa-source-section__title {
  display: block;
  color: var(--bone-60);
  font-family: var(--font-mono);
  font-size: var(--text-2xs);
  letter-spacing: .06em;
  text-transform: uppercase;
}

.pp-ve-seller__coa .coa-source-section--customer .coa-source-section__title {
  color: var(--brass);
}

.coa-source-ui-groups {
  display: flex;
  flex-direction: column;
  gap: var(--s-3, 12px);
  margin-top: var(--s-3, 12px);
}

.coa-source-ui-groups .coa-source-section {
  display: flex;
  flex-direction: column;
  gap: var(--s-2, 8px);
}

.coa-source-ui-groups .coa-source-section__title {
  margin: 0;
  color: var(--bone-60);
  font-family: var(--font-mono);
  font-size: var(--text-2xs);
  letter-spacing: .06em;
  text-transform: uppercase;
}

.coa-source-ui-groups .coa-source-section--customer .coa-source-section__title {
  color: var(--brass);
}

.pp-ve-seller__coa .coa-source-record {
  padding: var(--s-2, 8px) 0;
  border-top: var(--hairline-soft, 1px solid currentColor);
  color: inherit;
  text-decoration: none;
}

.pp-ve-seller__coa .coa-source-record__kind {
  font-weight: 700;
}

.pp-ve-seller__coa .coa-source-record__dates {
  margin-top: 2px;
  color: var(--bone-50);
  font-family: var(--font-mono);
  font-size: var(--text-2xs);
}

/* Quiet by default: the illustrated explanation opens only on request. */
.coa-guidance{display:block;min-width:0;max-width:100%;margin:6px 0 10px;text-align:left;font-family:'DM Sans',Arial,sans-serif;font-size:12px;line-height:1.45;letter-spacing:0;text-transform:none;color:inherit;clear:both;grid-column:1/-1;flex-basis:100%;font-weight:400}
.coa-guidance .coa-guidance__details{display:block;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:inherit;box-shadow:none}
.coa-guidance .coa-guidance__summary{display:flex!important;align-items:flex-start;gap:7px;justify-content:space-between;cursor:pointer;list-style:none;padding:0!important;margin:0!important;color:inherit;font:inherit!important;text-transform:none!important;letter-spacing:0!important;border:0!important;min-height:24px!important;height:auto!important}
.coa-guidance__summary::-webkit-details-marker{display:none}.coa-guidance__summary::before,.coa-guidance__summary::after{display:none!important}.coa-guidance__summary>span:first-child{min-width:0}.coa-guidance__expand{flex:none;line-height:1.1;font-size:16px;transition:transform .2s}
.coa-guidance__details[open]>.coa-guidance__summary .coa-guidance__expand{transform:rotate(45deg)}
.coa-guidance a.coa-guidance__recommendation{display:inline-block;margin-top:3px;color:inherit!important;font-size:11px!important;line-height:1.45;font-weight:600;text-decoration:underline;text-underline-offset:3px;text-transform:none;letter-spacing:0;white-space:normal;background:transparent;border:0;padding:0;max-width:100%;overflow-wrap:normal}
.coa-guidance__content{margin:10px 0 7px;max-width:680px;animation:coa-explain-in .3s ease-out both}
.coa-guidance p.coa-guidance__sources{margin:0 0 10px;padding:0;color:inherit;font:400 12px/1.55 'DM Sans',Arial,sans-serif;letter-spacing:0;text-transform:none}
.coa-guidance .coa-guidance__feature{padding:18px 16px 14px;border-radius:8px;background:#173d9c;color:#fffbee;overflow:hidden;position:relative}
.coa-guidance .coa-guidance__standard{display:inline-block;font:600 11px/1.4 'DM Sans',Arial,sans-serif!important;color:#f2dba0!important;padding-bottom:4px;border-bottom:1px solid #b7a264;letter-spacing:0;text-transform:none}
.coa-guidance p.coa-guidance__headline{font:500 21px/1.2 'DM Sans',Arial,sans-serif!important;color:#fffbee!important;margin:10px 0 16px;padding:0;letter-spacing:-.3px;text-transform:none;max-width:28ch}
.coa-guidance ol.coa-guidance__flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;margin:0!important;padding:0!important;counter-reset:none}
.coa-guidance .coa-guidance__flow li{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;margin:0!important;padding:0!important;border:0!important;background:none;list-style:none;color:#fffbee;font:500 10px/1.3 'DM Sans',Arial,sans-serif;text-align:center;letter-spacing:0;text-transform:none}
.coa-guidance .coa-guidance__flow li::before{display:none!important}.coa-guidance .coa-guidance__flow li+li::after{content:'→';position:absolute;left:-12px;top:30px;font-size:16px;color:#f2dba0}
.coa-guidance .coa-guidance__flow svg{display:block;width:100%;height:auto;max-width:110px;animation:coa-paper-in .55s ease-out both}.coa-guidance .coa-guidance__flow li:nth-child(2) svg{animation-delay:.12s}.coa-guidance .coa-guidance__flow li:nth-child(3) svg{animation-delay:.24s}.coa-guidance__ink{stroke-dasharray:34;animation:coa-ink .8s .35s ease-out both}
.coa-guidance p.coa-guidance__terms{color:#e2ebff!important;font:400 11px/1.5 'DM Sans',Arial,sans-serif;margin:14px 0 0;padding:0;letter-spacing:0;text-transform:none}
.coa-guidance :focus-visible{outline:2px solid #477af2;outline-offset:4px;border-radius:2px}
.cc-card-links:has(>.coa-guidance){flex-wrap:wrap;align-content:start}.cc-card-links>.coa-guidance{width:100%;margin:4px 0 8px}.cc-card-links .coa-guidance__feature{padding:12px}.cc-card-links .coa-guidance__flow{gap:6px}.cc-card-links .coa-guidance__flow li+li::after{left:-9px;top:15px;font-size:12px}
.pp-ve-sellers>.coa-guidance,.pp-offer>.coa-guidance{grid-column:1/-1}.pp-ve-coa-dossier__heading .coa-guidance__content{max-height:190px;overflow:auto}.pp-ve-coa-dossier__heading .coa-guidance{margin-bottom:0}
.pp-cdetail .coa-guidance,.pp-ve-seller__coa .coa-guidance{color:#b7c6df}.pp-cdetail .coa-guidance a.coa-guidance__recommendation{color:#bcd7ff!important}.pp-optpanel .coa-guidance,.pp-coa__row .coa-guidance{color:#526079}.pp-optpanel .coa-guidance a.coa-guidance__recommendation{color:#2448bc!important}
footer>.coa-guidance,nav+.coa-guidance{max-width:640px;margin:8px 0 12px}
@keyframes coa-explain-in{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}@keyframes coa-paper-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes coa-ink{from{stroke-dashoffset:34}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.coa-guidance *{animation:none!important;transition:none!important;stroke-dasharray:none}}

.ready-at-peppies .coa-guidance{color:#e1eaff}.ready-at-peppies .coa-guidance a.coa-guidance__recommendation{color:#f2dba0!important}.cc-document header>div .coa-guidance__content{max-height:190px;overflow:auto}

.coa-guidance__details:not([open])>.coa-guidance__content{display:none!important}

.cc-card-links>.coa-guidance{font-size:11px}.coa-guidance__details>summary.coa-guidance__summary{min-height:24px!important;height:auto!important}