/* All styles are local to the imported marketplace-feedback component. */
.trimix-mf {
    --mf-navy: #071f2d;
    --mf-teal: #147d92;
    --mf-muted: #526570;
    --mf-line: #dce5e9;
    --mf-ice: #f2f6f7;
    color: var(--mf-navy);
    font-family: var(--body-font, inherit);
    font-size: 16px;
    line-height: 1.65;
    text-align: left;
    width: 100%;
    min-width: 0;
}
.trimix-mf *, .trimix-mf *::before, .trimix-mf *::after { box-sizing: border-box; }
.trimix-mf--full { max-width: 1050px; }
.trimix-mf--preview {
    clear: both;
    margin: 32px 0 44px;
    padding: clamp(22px, 3.4vw, 42px);
    background: var(--mf-ice);
    border-radius: 8px;
}
.trimix-mf .trimix-mf__intro {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
}
.trimix-mf .trimix-mf__intro-copy { min-width: 0; max-width: 650px; }
.trimix-mf .trimix-mf__intro h2 {
    margin: 0 0 14px;
    color: var(--mf-navy);
    font: inherit;
    font-size: clamp(27px, 3.1vw, 39px);
    font-weight: 600;
    letter-spacing: -.035em;
    line-height: 1.14;
}
.trimix-mf .trimix-mf__intro p { margin: 0; color: var(--mf-muted); max-width: 65ch; font-size: 15px; }
.trimix-mf .trimix-mf__snapshot { margin: -12px 0 26px; color: var(--mf-muted); font-size: 12px; line-height: 1.6; max-width: 76ch; }
.trimix-mf .trimix-mf__store-link {
    display: inline-block;
    flex-shrink: 0;
    margin-top: 5px;
    padding: 5px 0;
    font-size: 13px;
    color: var(--mf-teal);
    text-decoration: underline;
    text-underline-offset: 4px;
}
.trimix-mf .trimix-mf__counts {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 30px;
    margin: 0 0 34px;
    padding: 20px 24px;
    background: var(--mf-ice);
    border-radius: 6px;
}
.trimix-mf .trimix-mf__count { display: flex; align-items: baseline; gap: 8px; margin: 0; }
.trimix-mf .trimix-mf__count dt { color: var(--mf-muted); font-size: 13px; }
.trimix-mf .trimix-mf__count dd { margin: 0; font-size: 17px; line-height: 1.4; font-weight: 600; color: var(--mf-navy); }
.trimix-mf .trimix-mf__count--total { padding-right: 30px; border-right: 1px solid var(--mf-line); }
.trimix-mf .trimix-mf__count--total dt { color: var(--mf-navy); }
.trimix-mf .trimix-mf__list { list-style: none; margin: 0; padding: 0; width: 100%; }
.trimix-mf .trimix-mf__entry { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--mf-line); }
.trimix-mf .trimix-mf__entry:last-child { border-bottom: 1px solid var(--mf-line); }
.trimix-mf .trimix-mf__comment { padding: 29px 0 28px; min-width: 0; }
.trimix-mf .trimix-mf__comment-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 15px; }
.trimix-mf .trimix-mf__buyer { display: flex; align-items: baseline; flex-wrap: wrap; gap: 3px 16px; min-width: 0; }
.trimix-mf .trimix-mf__buyer-name { font-size: 15px; line-height: 1.5; font-weight: 600; overflow-wrap: anywhere; }
.trimix-mf .trimix-mf__date { font-size: 12px; line-height: 1.5; color: var(--mf-muted); }
.trimix-mf .trimix-mf__type {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    padding: 4px 10px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.5;
    border-radius: 4px;
    background: #e5eef0;
    color: #176274;
}
.trimix-mf .trimix-mf__type--neutral { background: #f8f0d9; color: #705a13; }
.trimix-mf .trimix-mf__type--negative { background: #f8e8e5; color: #8b3c34; }
.trimix-mf .trimix-mf__type--other { background: #e8edef; color: var(--mf-muted); }
.trimix-mf .trimix-mf__body {
    margin: 0 0 21px;
    padding: 0;
    border: 0;
    color: var(--mf-navy);
    font: inherit;
    font-size: 17px;
    line-height: 1.7;
    max-width: 76ch;
    overflow-wrap: anywhere;
    text-align: left;
}
.trimix-mf .trimix-mf__body::before, .trimix-mf .trimix-mf__body::after { content: none; }
.trimix-mf .trimix-mf__body p { margin: 0; padding: 0; max-width: none; }
.trimix-mf .trimix-mf__photos { display: flex; flex-wrap: wrap; gap: 10px; margin: -3px 0 20px; }
.trimix-mf .trimix-mf__photos a { display: inline-block; width: 88px; height: 88px; border: 1px solid var(--mf-line); border-radius: 4px; overflow: hidden; background: white; }
.trimix-mf .trimix-mf__photos img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: contain; }
.trimix-mf .trimix-mf__purchased {
    display: flex;
    align-items: baseline;
    gap: 8px 16px;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 1.6;
    max-width: 92ch;
    overflow-wrap: anywhere;
}
.trimix-mf .trimix-mf__purchased-label { color: var(--mf-muted); flex-shrink: 0; }
.trimix-mf .trimix-mf__purchased a { color: #264c60; text-decoration: underline; text-decoration-color: #a9bfc9; text-underline-offset: 3px; }
.trimix-mf .trimix-mf__provenance { display: flex; flex-wrap: wrap; align-items: baseline; gap: 5px 18px; color: var(--mf-muted); font-size: 11px; line-height: 1.6; }
.trimix-mf .trimix-mf__provenance a { color: var(--mf-teal); text-decoration: underline; text-underline-offset: 3px; }
.trimix-mf .trimix-mf__footer { margin-top: 24px; display: flex; justify-content: space-between; align-items: baseline; gap: 16px 30px; }
.trimix-mf .trimix-mf__all-link {
    display: inline-block;
    padding: 8px 0;
    color: var(--mf-navy);
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 5px;
    flex-shrink: 0;
}
.trimix-mf .trimix-mf__footer p, .trimix-mf .trimix-mf__scope { color: var(--mf-muted); font-size: 12px; line-height: 1.6; margin: 0; max-width: 68ch; }
.trimix-mf .trimix-mf__scope { margin-top: 24px; }
.trimix-mf a:hover { color: var(--mf-teal); text-decoration-color: currentColor; }
.trimix-mf a:focus-visible { outline: 3px solid var(--mf-teal); outline-offset: 4px; border-radius: 2px; }
.trimix-mf .trimix-mf__sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (max-width: 760px) {
    .trimix-mf .trimix-mf__intro { display: block; }
    .trimix-mf .trimix-mf__store-link { margin-top: 14px; }
    .trimix-mf .trimix-mf__counts { gap: 10px 22px; padding: 18px; }
    .trimix-mf .trimix-mf__count--total { flex-basis: 100%; border: 0; padding: 0; }
    .trimix-mf .trimix-mf__footer { display: block; }
    .trimix-mf .trimix-mf__footer p { margin-top: 10px; }
}
@media (max-width: 480px) {
    .trimix-mf--preview { padding: 21px 18px; margin: 25px 0 32px; }
    .trimix-mf .trimix-mf__intro h2 { font-size: 27px; }
    .trimix-mf .trimix-mf__intro p { font-size: 14px; }
    .trimix-mf .trimix-mf__comment { padding: 23px 0; }
    .trimix-mf .trimix-mf__comment-header { gap: 10px; }
    .trimix-mf .trimix-mf__buyer { display: block; }
    .trimix-mf .trimix-mf__date { display: block; margin-top: 3px; }
    .trimix-mf .trimix-mf__type { padding: 4px 7px; font-size: 10px; }
    .trimix-mf .trimix-mf__body { font-size: 16px; line-height: 1.65; }
    .trimix-mf .trimix-mf__purchased { display: block; }
    .trimix-mf .trimix-mf__purchased-label { display: block; margin-bottom: 3px; }
    .trimix-mf .trimix-mf__provenance { gap: 4px 13px; }
}

/* Homepage selection: source comments in a quiet single-column card list. */
.trimix-mf--home {
    background: #ffffff;
    margin: 0;
    padding: 24px 36px clamp(42px, 5.1vw, 66px);
    font-family: Arial, Helvetica, sans-serif;
    scroll-margin-top: 30px;
}
.trimix-mf--home [hidden] { display: none !important; }
.trimix-mf--home .trimix-mf__home-inner { max-width: 1050px; margin: 0 auto; }
.trimix-mf--home .trimix-mf__intro { display: block; margin-bottom: 17px; }
.trimix-mf--home .trimix-mf__intro-copy { max-width: 760px; }
.trimix-mf--home .trimix-mf__intro h2 { font-family: inherit; font-size: clamp(30px, 3.3vw, 40px); line-height: 1.13; margin-bottom: 10px; }
.trimix-mf--home .trimix-mf__intro p { max-width: 75ch; font-size: 14px; line-height: 1.55; }
.trimix-mf--home .trimix-mf__home-summary {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 24px;
    margin: 0 0 22px;
    font-size: 12px;
    line-height: 1.5;
    color: var(--mf-muted);
}
.trimix-mf--home .trimix-mf__home-summary > span:first-child { color: var(--mf-navy); font-weight: 600; }
.trimix-mf--home .trimix-mf__verified {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #217247;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.5;
    flex-shrink: 0;
}
.trimix-mf--home .trimix-mf__verified svg { display: block; width: 16px; height: 16px; flex: none; }
.trimix-mf--home .trimix-mf__list { display: flex; flex-direction: column; gap: 12px; }
.trimix-mf--home .trimix-mf__entry,
.trimix-mf--home .trimix-mf__entry:last-child {
    margin: 0;
    padding: 0;
    border: 1px solid var(--mf-line);
    border-radius: 5px;
    background: #ffffff;
    overflow: hidden;
}
.trimix-mf--home .trimix-mf__comment { padding: 18px 22px; }
.trimix-mf--home .trimix-mf__comment-header { align-items: center; gap: 10px 16px; margin-bottom: 10px; }
.trimix-mf--home .trimix-mf__buyer { gap: 3px 14px; }
.trimix-mf--home .trimix-mf__buyer-name { font-size: 14px; }
.trimix-mf--home .trimix-mf__date { font-size: 11px; }
.trimix-mf--home .trimix-mf__type--positive { display: none; }
.trimix-mf--home .trimix-mf__body { font-size: 16px; line-height: 1.58; max-width: 78ch; margin-bottom: 12px; }
.trimix-mf--home .trimix-mf__purchased { font-size: 11px; line-height: 1.5; gap: 6px 12px; max-width: none; margin-bottom: 6px; }
.trimix-mf--home .trimix-mf__provenance { font-size: 10px; line-height: 1.5; gap: 4px 15px; }
.trimix-mf--home .trimix-mf__photos { margin: 0 0 12px; }
.trimix-mf--home .trimix-mf__photos a { width: 76px; height: 76px; }
.trimix-mf--home .trimix-mf__home-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-top: 23px;
    text-align: center;
}
.trimix-mf--home .trimix-mf__more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    min-width: 230px;
    max-width: 100%;
    padding: 11px 22px;
    margin: 0;
    border: 1px solid #a5b9c3;
    border-radius: 4px;
    background: #ffffff;
    color: var(--mf-navy);
    box-shadow: none;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    cursor: pointer;
    text-transform: none;
    letter-spacing: 0;
}
.trimix-mf--home .trimix-mf__more:hover { background: var(--mf-ice); border-color: var(--mf-teal); }
.trimix-mf--home .trimix-mf__more:focus-visible { outline: 3px solid var(--mf-teal); outline-offset: 4px; }
.trimix-mf--home .trimix-mf__more:disabled { color: var(--mf-muted); background: var(--mf-ice); border-color: var(--mf-line); cursor: default; }
.trimix-mf--home .trimix-mf__progress { margin: 0; color: var(--mf-muted); font-size: 11px; line-height: 1.5; }
.trimix-mf--home .trimix-mf__progress:empty { display: none; }
.trimix-mf--home .trimix-mf__home-footer > a { color: var(--mf-teal); font-size: 12px; text-decoration: underline; text-underline-offset: 3px; line-height: 1.6; }
.trimix-mf--home .trimix-mf__home-note { max-width: 85ch; margin: 20px 0 0; color: var(--mf-muted); font-size: 10px; line-height: 1.6; }
@media (max-width: 760px) {
    .trimix-mf--home { padding: 43px 24px; }
    .trimix-mf--home .trimix-mf__comment { padding: 18px; }
    .trimix-mf--home .trimix-mf__home-summary { gap: 7px 18px; }
}
@media (max-width: 480px) {
    .trimix-mf--home { padding: 36px 22px 42px; }
    .trimix-mf--home .trimix-mf__intro h2 { font-size: 31px; }
    .trimix-mf--home .trimix-mf__intro p { font-size: 13px; }
    .trimix-mf--home .trimix-mf__home-summary { display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 18px; }
    .trimix-mf--home .trimix-mf__comment { padding: 17px 16px; }
    .trimix-mf--home .trimix-mf__comment-header { flex-wrap: wrap; align-items: flex-start; gap: 7px 14px; }
    .trimix-mf--home .trimix-mf__buyer { display: flex; flex-wrap: wrap; align-items: baseline; width: 100%; gap: 2px 10px; }
    .trimix-mf--home .trimix-mf__date { display: inline; margin: 0; }
    .trimix-mf--home .trimix-mf__verified { font-size: 10px; }
    .trimix-mf--home .trimix-mf__verified svg { width: 14px; height: 14px; }
    .trimix-mf--home .trimix-mf__body { font-size: 16px; line-height: 1.6; margin-bottom: 12px; }
    .trimix-mf--home .trimix-mf__purchased { display: block; font-size: 10px; line-height: 1.55; }
    .trimix-mf--home .trimix-mf__purchased-label { display: block; margin-bottom: 3px; }
    .trimix-mf--home .trimix-mf__provenance { font-size: 10px; gap: 4px 12px; }
    .trimix-mf--home .trimix-mf__more { width: 100%; min-width: 0; }
    .trimix-mf--home .trimix-mf__home-note { font-size: 10px; margin-top: 18px; }
}